@charset "UTF-8";
/* roboto-300 - latin-ext_latin */
@import url(../../quaive/style/fonts/font.css);
@import "../../quaive/style/fontello-016/css/fontello.css";
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-300.eot"); /* IE9 Compat Modes */
  src: local("Roboto Light"), local("Roboto-Light"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-300.eot?#iefix") format("embedded-opentype"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-300.woff2") format("woff2"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-300.woff") format("woff"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-300.ttf") format("truetype"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-300.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-regular - latin-ext_latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Roboto"), local("Roboto-Regular"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-regular.eot?#iefix") format("embedded-opentype"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-regular.woff2") format("woff2"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-regular.woff") format("woff"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-regular.ttf") format("truetype"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-regular.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-italic - latin-ext_latin */
@font-face {
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-italic.eot"); /* IE9 Compat Modes */
  src: local("Roboto Italic"), local("Roboto-Italic"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-italic.eot?#iefix") format("embedded-opentype"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-italic.woff2") format("woff2"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-italic.woff") format("woff"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-italic.ttf") format("truetype"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-italic.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-700 - latin-ext_latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-700.eot"); /* IE9 Compat Modes */
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-700.eot?#iefix") format("embedded-opentype"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-700.woff2") format("woff2"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-700.woff") format("woff"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-700.ttf") format("truetype"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-700.svg#Roboto") format("svg"); /* Legacy iOS */
}
/* roboto-900 - latin-ext_latin */
@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-900.eot"); /* IE9 Compat Modes */
  src: local("Roboto Black"), local("Roboto-Black"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-900.eot?#iefix") format("embedded-opentype"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-900.woff2") format("woff2"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-900.woff") format("woff"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-900.ttf") format("truetype"), url("../../ccc/style/fonts/roboto/roboto-v18-latin-ext_latin-900.svg#Roboto") format("svg"); /* Legacy iOS */
}
html body {
  font-family: "Roboto", sans-serif;
}
html body .tiles .tile .link h3 {
  font-weight: 800;
}
html body .portlet .portlet-title {
  font-weight: 800;
}
html body .lib-groups .tile .content h3 {
  font-weight: 800;
}
@media only screen and (max-width: 1279px) {
  html body #portal {
    border-top: 1px dashed black;
  }
}
html body #global-header form.search label input {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.25);
}
@media only screen and (min-width: 1280px) {
  html body #portal:not(.injecting):before,
  html body #portal:not(.injecting):after {
    height: 160px;
  }
}
html body #portal-tabs {
  height: 47px;
  border-bottom: #666 dashed 1px;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0;
  margin-top: 40px;
  z-index: 101;
}
html body #portal-tabs nav a {
  display: inline-block;
  padding: 0 25px 0;
  margin: 0;
  text-decoration: none;
  white-space: nowrap;
  letter-spacing: 0px;
  font-size: 26px;
  line-height: 42px;
  height: 42px;
  font-weight: 400;
  text-transform: initial;
}
html body #portal-tabs nav a:hover {
  border-bottom: solid black 1px;
}
html body #portal-tabs nav a:hover:after {
  display: none;
}
html body #portal-tabs nav a.current {
  color: #D40E16;
}
html body #portal-tabs nav a.current:after {
  display: none;
}
html body #portal-tabs nav a.organisation {
  display: none;
}
html body #portal-tabs nav a.title {
  background: transparent no-repeat url(../../ccc/style/ccc-horiz-stripped.svg);
  color: transparent;
  width: 300px;
  height: 55px;
  float: left;
  padding: 0;
  top: 12px;
  margin-right: 30px;
}
html body #portal-tabs nav a.title:after {
  display: none;
}
html body #portal-tabs nav a.title:hover {
  border: none;
}
html body #portal-tabs nav a.title:hover:after {
  display: none;
}

:root {
  --colour-accent: #D40E16;
}

@mixin-font-open-sans {
  /* BEGIN Light */
  @font-face {
    font-family: "Open Sans";
    src: url("../../rixensart/style/fonts/open-sans/Light/OpenSans-Light.woff2?v=1.1.0") format("woff2"), url("../../rixensart/style/fonts/open-sans/Light/OpenSans-Light.woff?v=1.1.0") format("woff");
    font-weight: 300;
    font-style: normal;
  }
  /* END Light */
  /* BEGIN Light Italic */
  @font-face {
    font-family: "Open Sans";
    src: url("../../rixensart/style/fonts/open-sans/LightItalic/OpenSans-LightItalic.woff2?v=1.1.0") format("woff2"), url("../../rixensart/style/fonts/open-sans/LightItalic/OpenSans-LightItalic.woff?v=1.1.0") format("woff");
    font-weight: 300;
    font-style: italic;
  }
  /* END Light Italic */
  /* BEGIN Regular */
  @font-face {
    font-family: "Open Sans";
    src: url("../../rixensart/style/fonts/open-sans/Regular/OpenSans-Regular.woff2?v=1.1.0") format("woff2"), url("../../rixensart/style/fonts/open-sans/Regular/OpenSans-Regular.woff?v=1.1.0") format("woff");
    font-weight: normal;
    font-style: normal;
  }
  /* END Regular */
  /* BEGIN Italic */
  @font-face {
    font-family: "Open Sans";
    src: url("../../rixensart/style/fonts/open-sans/Italic/OpenSans-Italic.woff2?v=1.1.0") format("woff2"), url("../../rixensart/style/fonts/open-sans/Italic/OpenSans-Italic.woff?v=1.1.0") format("woff");
    font-weight: normal;
    font-style: italic;
  }
  /* END Italic */
  /* BEGIN Semibold */
  @font-face {
    font-family: "Open Sans";
    src: url("../../rixensart/style/fonts/open-sans/Semibold/OpenSans-Semibold.woff2?v=1.1.0") format("woff2"), url("../../rixensart/style/fonts/open-sans/Semibold/OpenSans-Semibold.woff?v=1.1.0") format("woff");
    font-weight: 600;
    font-style: normal;
  }
  /* END Semibold */
  /* BEGIN Semibold Italic */
  @font-face {
    font-family: "Open Sans";
    src: url("../../rixensart/style/fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.woff2?v=1.1.0") format("woff2"), url("../../rixensart/style/fonts/open-sans/SemiboldItalic/OpenSans-SemiboldItalic.woff?v=1.1.0") format("woff");
    font-weight: 600;
    font-style: italic;
  }
  /* END Semibold Italic */
  /* BEGIN Bold */
  @font-face {
    font-family: "Open Sans";
    src: url("../../rixensart/style/fonts/open-sans/Bold/OpenSans-Bold.woff2?v=1.1.0") format("woff2"), url("../../rixensart/style/fonts/open-sans/Bold/OpenSans-Bold.woff?v=1.1.0") format("woff");
    font-weight: bold;
    font-style: normal;
  }
  /* END Bold */
  /* BEGIN Bold Italic */
  @font-face {
    font-family: "Open Sans";
    src: url("../../rixensart/style/fonts/open-sans/BoldItalic/OpenSans-BoldItalic.woff2?v=1.1.0") format("woff2"), url("../../rixensart/style/fonts/open-sans/BoldItalic/OpenSans-BoldItalic.woff?v=1.1.0") format("woff");
    font-weight: bold;
    font-style: italic;
  }
  /* END Bold Italic */
  /* BEGIN Extrabold */
  @font-face {
    font-family: "Open Sans";
    src: url("../../rixensart/style/fonts/open-sans/ExtraBold/OpenSans-ExtraBold.woff2?v=1.1.0") format("woff2"), url("../../rixensart/style/fonts/open-sans/ExtraBold/OpenSans-ExtraBold.woff?v=1.1.0") format("woff");
    font-weight: 800;
    font-style: normal;
  }
  /* END Extrabold */
  /* BEGIN Extrabold Italic */
  @font-face {
    font-family: "Open Sans";
    src: url("../../rixensart/style/fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff2?v=1.1.0") format("woff2"), url("../../rixensart/style/fonts/open-sans/ExtraBoldItalic/OpenSans-ExtraBoldItalic.woff?v=1.1.0") format("woff");
    font-weight: 800;
    font-style: italic;
  }
  /* END Extrabold Italic */
}
:root {
  --border-radii: 10px;
  --pat-toggle-height: 26px;
  --pat-toggle-switch-border-radius: 14px;
  --pat-toggle-background-colour-off: silver;
  --pat-toggle-background-colour-on: #A6E300;
  --pat-toggle-toggle-distance: 2px;
  --pat-toggle-toggle-border-radius: 50%;
  --pat-toggle-toggle-background-colour: white;
  --pat-toggle-toggle-background-colour-on: white;
  --pat-toggle-text-colour: white;
  --pat-toggle-padding-start-end: 10px;
  --pat-toggle-box-shadow: none;
  --pat-toggle-box-shadow-on: none;
  --pat-toggle-text-colour: white;
  --pat-toggle-text-shadow-on: none;
  --pat-auto-suggest-cancel-button-edge-distance: 12px;
  --pat-portlet-background-colour: rgba(255, 255, 255, 0.5);
  --pat-form-horizontal-label-width: 27%;
  --pat-form-horizontal-extra-width: 26px;
  --pat-form-horizontal-column-gap: 25px;
  --pat-form-proportion-gutter: 15px;
  --pat-form-input-field-line-height: 28px;
  --pat-form-input-field-padding-top-bottom-disabled: 0;
  --pat-form-input-field-padding-left-right-disabled: 0;
  --pat-form-input-field-font-size: 18px;
  --pat-form-input-field-font-weight: normal;
  --pat-form-input-field-tail-white: 1.2rem;
  --pat-form-input-field-background-colour: var(--colour-form-fields-background);
  --pat-form-input-field-background-colour-disabled: transparent;
  --pat-form-input-field-text-colour: black;
  --pat-form-fields-border-radius: var(--border-radii);
  --pat-form-placeholder-colour: rgba(0, 0, 0, 0.35);
  --pat-form-input-field-text: inherit;
  --pat-form-input-field-text-disabled: rgba(0, 0, 0, 0.5);
  --pat-form-panel-background-colour: rgba(255, 255, 255, 0.5);
  --pat-form-panel-collapsible-button-height: $collapsible-button-height;
  --pat-form-input-field-outline: none;
  --pat-form-input-field-outline-offset: 2px;
  --pat-form-input-field-outline-focus: dodgerblue 2px solid;
  --pat-form-input-field-border: none;
  --pat-form-input-field-border-focus: none;
  --pat-form-input-field-box-shadow: none;
  --pat-form-input-field-box-shadow-disabled: none;
  --pat-form-input-field-box-shadow-focus: none;
  --pat-form-help-button-height: 37px;
  --pat-form-help-button-width: 26px;
  --pat-form-help-button-icon-height: 37px;
  --pat-form-help-button-icon-glyph: $glyph-question-mark;
  --pat-form-help-button-icon-border-radius: 10px;
  --pat-form-panel-box-shadow-hover: 0 0 1px 1px rgba(0, 0, 0, 0.5);
  --pat-form-panel-padding: 40px;
  --pat-form-panel-padding-large: 40px;
  --pat-form-panel-padding-medium: 30px;
  --pat-form-panel-padding-small: 20px;
  --pat-form-input-field-padding-top-bottom: 4px;
  --pat-form-input-field-padding-start-end: 10px;
  --pat-form-input-field-border: none;
  --pat-form-input-field-box-shadow: none;
  --pat-form-input-field-border-radius: 10px;
  --pat-form-proportion-ceiling: 260%;
  --pat-form-proportion-name: 30%;
  --pat-form-proportion-value: 80%;
  --pat-form-proportion-value-small: 100%;
  --pat-form-input-field-tail-white: 26px;
  --pat-select-box-arrow-width: 35px;
  --pat-select-box-arrow-size: 18px;
  --pat-select-arrow-space: 29px;
  --pat-select-box-padding-top-bottom: var(--pat-form-input-field-padding-top-bottom);
  --pat-select-box-padding-start: var(--pat-form-input-field-padding-start-end);
  --pat-select-box-box-shadow: var(--pat-form-input-field-box-shadow);
  --pat-select-box-background-colour: var(--pat-form-input-field-background-colour);
  --pat-select-box-background-colour-hover: var(--pat-form-input-field-background-colour);
  --pat-select-box-arrow-background-colour: rgba(0, 0, 0, 0.1);
  --pat-select-box-arrow-text-colour: inherit;
  --pat-select-box-font-size: var(--pat-form-input-field-font-size);
  --pat-select-arrow-edge-distance: 12px;
  --pat-select-box-height: var(--pat-form-input-field-line-height);
  --pat-checklist-label-padding-start: 1.5em;
  --pat-checklist-label-padding-end: 0;
  --pat-checklist-item-separation: 0.2em;
  --pat-menu-list-item-padding-start: 34px;
  --pat-menu-list-item-line-height: 24px;
  --pat-button-height: 35px;
  --pat-button-line-height: 35px;
  --pat-button-font-size: 18px;
  --pat-button-font-weight: bold;
  --pat-button-paddings: 0 18px;
  --pat-sortable-blocks-padding-start: 44px;
  --pat-sortable-blocks-button-width: 36px;
  --pat-sortable-blocks-gap: 6px;
  --pat-sortable-blocks-item-info-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.25);
  --pat-sortable-blocks-handle-colour: #D40E16;
  --pat-sortable-blocks-remove-button-width: 20px;
  --pat-sortable-blocks-remove-button-height: 34px;
  --pat-sortable-blocks-remove-button-icon-height: 20px;
  --pat-sortable-blocks-remove-button-icon-border-radius: 50%;
  --pat-sortable-blocks-item-info-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  --pat-context-menu-panel-distance: 1.7em;
  --pat-context-menu-panel-width: 250px;
}

@keyframes bounceInCentred {
  0%, 20%, 40%, 60%, 80%, 100% {
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate(-50%, -50%) scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: translate(-50%, -50%) scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: translate(-50%, -50%) scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: translate(-50%, -50%) scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%) scale3d(1, 1, 1);
  }
}
.animate-spin {
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  display: inline-block;
}

@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
    -o-transform: rotate(359deg);
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
:root {
  --colour-link: #009ee2;
  --colour-form-fields-background: rgba(0, 0, 0, 0.06);
  --colour-accent: #D40E16;
}

@media only screen and (max-width: 767px) {
  body {
    --pat-form-panel-padding: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  body {
    --pat-form-panel-padding: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  body {
    --pat-form-panel-padding: 40px;
  }
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
ul,
ol,
li,
table,
tr,
th,
td,
form,
fieldset,
legend,
button,
div,
object,
figure,
table,
img,
abbr {
  margin: 0;
  border: 0;
  padding: 0;
  list-style: none;
  text-align: left;
  text-decoration: none;
}
body[dir=rtl] body,
body[dir=rtl] h1,
body[dir=rtl] h2,
body[dir=rtl] h3,
body[dir=rtl] h4,
body[dir=rtl] h5,
body[dir=rtl] h6,
body[dir=rtl] p,
body[dir=rtl] blockquote,
body[dir=rtl] ul,
body[dir=rtl] ol,
body[dir=rtl] li,
body[dir=rtl] table,
body[dir=rtl] tr,
body[dir=rtl] th,
body[dir=rtl] td,
body[dir=rtl] form,
body[dir=rtl] fieldset,
body[dir=rtl] legend,
body[dir=rtl] button,
body[dir=rtl] div,
body[dir=rtl] object,
body[dir=rtl] figure,
body[dir=rtl] table,
body[dir=rtl] img,
body[dir=rtl] abbr {
  text-align: right;
}

input,
select,
textarea,
button {
  padding: 0;
  background-color: #FFF;
  font-size: 1em;
}

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transition-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -4px, 0);
    -ms-transform: translate3d(0, -4px, 0);
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }
  25%, 75% {
    opacity: 0;
  }
}
.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    -webkit-transform: scale3d(0.95, 1.05, 1);
    -ms-transform: scale3d(0.95, 1.05, 1);
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    -webkit-transform: scale3d(1.05, 0.95, 1);
    -ms-transform: scale3d(1.05, 0.95, 1);
    transform: scale3d(1.05, 0.95, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  10%, 20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    -webkit-transform: scale3d(0.97, 0.97, 0.97);
    -ms-transform: scale3d(0.97, 0.97, 0.97);
    transform: scale3d(0.97, 0.97, 0.97);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(0.9, 0.9, 0.9);
    -ms-transform: scale3d(0.9, 0.9, 0.9);
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }
  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }
  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  80% {
    -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -ms-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}
@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }
  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}
@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }
  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
@keyframes zoomOut {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    -ms-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 0;
  }
}
.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}
.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(0.1) translate3d(2000px, 0, 0);
    transform: scale(0.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}
.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  100% {
    opacity: 0;
    -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}

.attachment-list {
  display: block;
}
.attachment-list .meta {
  top: 0.3em;
}
.attachment-list:before {
  display: none;
}
.attachment-list .attached-file {
  width: 100%;
  margin-bottom: 0;
  position: relative;
  display: grid;
  grid-template-columns: auto 90px;
  grid-template-areas: "title functions" "description description";
}
.attachment-list .attached-file .preview-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 0;
  display: block;
}
.attachment-list .attached-file.mode-edit .preview-link {
  display: none;
}
.attachment-list .attached-file.mode-edit .icon.icon-rename:before,
.attachment-list .attached-file.mode-edit .icon.icon-rename:hover:before {
  color: #D40E16;
}
.attachment-list .attached-file.mode-edit .flex-field:before {
  color: transparent;
}
.attachment-list .attached-file.mode-view .title-group .name:before {
  color: #009ee2;
}
.attachment-list .attached-file.mode-view .title-group:hover .name:before {
  text-decoration: underline;
}
.attachment-list .attached-file.mode-view .flex-field:before,
.attachment-list .attached-file.mode-view .flex-field textarea {
  background-color: transparent;
  padding: 0;
  white-space: normal;
}
.attachment-list .attached-file.mode-view .flex-field textarea {
  display: none;
}
.attachment-list .attached-file.mode-view .flex-field:before {
  color: inherit;
}
.attachment-list .attached-file .title-group {
  color: #222222;
  grid-area: title;
  position: relative;
  margin-bottom: 15px;
}
.attachment-list .attached-file .title-group .title {
  margin: 0;
}
.attachment-list .attached-file .title-group .title .name {
  display: block;
}
.attachment-list .attached-file .title-group .title .time-stamp {
  color: rgba(0, 0, 0, 0.4);
  font-size: 0.8em;
  clear: both;
  display: block;
  line-height: 1.3;
  margin-bottom: 7px;
}
.attachment-list .attached-file .description {
  display: block;
  color: black;
  font-weight: normal;
  font-size: 0.9em;
  line-height: 1.25;
  grid-area: description;
  -webkit-user-select: all;
  user-select: all;
  margin-bottom: 15px;
  margin-top: -15px;
}
.attachment-list .attached-file .flex-field {
  position: relative;
}
.attachment-list .attached-file .flex-field .field-name {
  position: absolute;
  opacity: 0;
}
.attachment-list .attached-file .flex-field:before {
  content: attr(data-value);
  padding-bottom: 5px;
  display: block;
  min-height: calc(1em + 10px);
}
.attachment-list .attached-file .flex-field:before,
.attachment-list .attached-file .flex-field textarea {
  white-space: pre-wrap;
}
.attachment-list .attached-file .flex-field textarea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: black;
  margin: 0;
  resize: none;
  overflow: hidden;
}
.attachment-list .attached-file .functions {
  grid-area: functions;
  z-index: 1;
  font-size: 0;
  text-align: right;
}
.attachment-list .attached-file .functions[data-value=on] {
  display: none;
}
.attachment-list .attached-file .functions[data-value=on] + .title-group, .attachment-list .attached-file .functions[data-value=on] ~ .description {
  display: none;
}
.attachment-list .attached-file .functions .icon {
  width: 30px;
  height: 30px;
  line-height: 30px;
  cursor: default;
  overflow: hidden;
  display: inline-block;
  color: transparent;
  background-color: transparent;
  padding: 0;
  vertical-align: middle;
}
.attachment-list .attached-file .functions .icon input {
  position: absolute;
  opacity: 0;
}
.attachment-list .attached-file .functions .icon::before {
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  display: block;
  width: 30px;
  line-height: 30px;
  margin: 0;
  font-size: 18px;
}
.attachment-list .attached-file .functions .icon:hover:before {
  color: black;
  text-decoration: none;
}
.attachment-list .upload-area {
  padding: 0.2em;
  display: block;
}
.attachment-list .upload-area fieldset {
  margin: 0;
}
.attachment-list .upload-area .upload-area .upload-queue .previews,
.attachment-list .upload-area .upload-area .dz-message p {
  margin-bottom: 0 !important;
}

.pat-avatar {
  background-color: #D40E16;
  border: none;
  color: white;
  box-shadow: inset 0 0 5% rgba(0, 0, 0, 0.4);
  aspect-ratio: 1/1;
  display: inline-grid;
  grid-template-areas: "avatar-image";
  padding: 2px;
  border-radius: 50%;
}
.pat-avatar.inactive {
  background-color: #efefef !important;
  box-shadow: inset 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.pat-avatar.inactive img {
  filter: grayscale(100%) brightness(250%) contrast(50%);
}
.pat-avatar:before {
  text-align: center;
  display: block;
  content: attr(data-initials);
  grid-area: avatar-image;
  align-content: center;
}
.pat-avatar img {
  border: none;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  grid-area: avatar-image;
  align-content: center;
  border-radius: 50%;
}
.pat-avatar img.default-user {
  opacity: 0;
}

.pat-auto-scale {
  -moz-transform-origin: left top;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  opacity: 0;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.pat-auto-scale.scaled {
  opacity: 1;
}

:root {
  --pat-auto-suggest-search-field-colour: var(--pat-form-input-field-background-colour);
  --pat-glyph-remove-tag: ;
  --pat-auto-suggest-pills-colour: var(--colour-accent);
  --pat-auto-suggest-cancel-button-edge-distance: 12px;
  --pat-auto-suggest-pill-height: 1.6rem;
  --pat-auto-suggest-padding-top-bottom: 0.2rem;
  --pat-auto-suggest-padding-start-end: 10px;
  --pat-auto-suggest-drop-sheet-box-shadow:
    -1px 1px 0 0 dimgray,
    1px 1px 0 0 dimgray,
    -1px 0 0 0 dimgray;
}

.select2-hidden-accessible {
  opacity: 0;
  position: absolute;
  -webkit-pointer-events: none;
  pointer-events: none;
  bottom: 0;
}

.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
  width: 100%;
  font-weight: normal;
  padding: 0;
}
@media print {
  .select2-container {
    display: inline;
  }
}

.lt-ie10 .select2-container {
  width: 100% !important;
  height: auto !important;
}

.select2-container, .select2-drop {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.select2-search {
  border-radius: var(--pat-form-fields-border-radius);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.select2-search input {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.select2-container.select2-allowclear .select2-choice .select2-chosen {
  margin-right: 42px;
}
.select2-container .select2-choice {
  text-decoration: none;
  cursor: default;
}
.select2-container .select2-choice abbr.select2-search-choice-close {
  width: 16px;
  height: 16px;
  background: none;
  cursor: default;
  right: 34px;
  display: none;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1px;
  text-decoration: none;
  border: 0;
  outline: 0;
}
.select2-container .select2-choice abbr.select2-search-choice-close:before {
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 16px;
  content: "\e899";
  font-family: fontello;
  position: absolute;
  top: 0;
  left: 0;
  color: #666;
  font-size: 16px;
  cursor: default;
}
.select2-container .select2-choice abbr.select2-search-choice-close:hover:before {
  color: black;
}
.select2-container .select2-choice > .select2-chosen {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}

.select2-drop-mask {
  border: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 9998;
  /* styles required for IE to work */
  background-color: #fff;
  filter: alpha(opacity=0);
}

.select2-drop {
  width: 100%;
  margin-top: -1px;
  position: absolute;
  z-index: 9999;
  top: 100%;
  background: #fff;
  color: #000;
  box-shadow: var(--pat-auto-suggest-drop-sheet-box-shadow);
  border-bottom-left-radius: var(--pat-form-input-field-border-radius);
  border-bottom-right-radius: var(--pat-form-input-field-border-radius);
}
.select2-drop .select2-search input {
  padding: var(--pat-form-input-field-padding-top-bottom) var(--pat-form-input-field-padding-start-end);
  border: var(--pat-form-input-field-border);
  box-shadow: var(--pat-form-input-field-box-shadow);
  outline: var(--pat-form-input-field-outline);
  outline-offset: var(--pat-form-input-field-outline-offset);
  color: var(--pat-form-input-field-text-colour);
}

.select2-drop-auto-width {
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}

.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-bottom: 0;
  -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 -4px 5px rgba(0, 0, 0, 0.15);
  border-top-right-radius: var(--pat-form-field-border-radius);
  border-top-right-radius: var(--pat-form-field-border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.select2-drop-active {
  border-top: none;
}

.select2-container .select2-choice .select2-arrow {
  display: inline-block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: var(--pat-auto-suggest-cancel-button-edge-distance);
  top: 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOC40IDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDguNCA3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MX0KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDAgNC4yLDcgOC40LDAgIi8+Cjwvc3ZnPg==);
  background-size: auto 10px;
  background-position: right;
  background-repeat: no-repeat;
}
.select2-container .select2-choice .select2-arrow b {
  display: block;
  width: 100%;
  height: 100%;
}

.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 9px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
  border: none;
  background: var(--pat-auto-suggest-search-field-colour);
  border-radius: var(--pat-form-fields-border-radius);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.select2-search input:focus {
  border: none;
}

.select2-drop.select2-drop-above .select2-search input {
  margin-top: 0.5em;
}

.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  background-color: rgba(0, 0, 0, 0.09);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.select2-dropdown-open .select2-choice,
.select2-dropdown-open .select2-choices {
  border-bottom-color: transparent;
  box-shadow: 0 1px 0 #fff inset;
  border-bottom-left-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  background-color: #eee;
}
.select2-dropdown-open.select2-drop-above .select2-choice,
.select2-dropdown-open.select2-drop-above .select2-choices {
  border-top-color: transparent;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom-left-radius: var(--pat-form-fields-border-radius) !important;
  border-bottom-right-radius: var(--pat-form-fields-border-radius) !important;
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

/* results */
.select2-results {
  max-height: 20em;
  padding: 0 0 0 0.5em;
  margin: 0.5em 0.5em 0.5em 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  cursor: pointer;
  min-height: 1em;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-results .select2-highlighted {
  background: #D40E16;
  color: #fff;
  border-radius: var(--pat-form-fields-border-radius);
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: #fff;
  color: #000;
}
.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-selection-limit {
  color: gray;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}

/*
disabled look for disabled choices in the results dropdown
*/
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-image: none;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}

/* multiselect */
.select2-container .select2-choices,
.select2-container .select2-choice {
  height: auto !important;
  /*height: 1%;*/
  margin: 0;
  padding: 0.05em;
  position: relative;
  overflow: hidden;
  width: 100%;
  min-height: calc(var(--pat-auto-suggest-pill-height) + 2 * var(--pat-auto-suggest-padding-top-bottom));
}

.select2-locked {
  padding: 3px 5px 3px 5px !important;
}

.select2-container-multi .select2-choices {
  padding: var(--pat-auto-suggest-padding-top-bottom) var(--pat-auto-suggest-padding-start-end) 0 var(--pat-auto-suggest-padding-top-bottom);
}
.select2-container-multi.select2-container-disabled .select2-choices {
  overflow: visible;
}
.select2-container-multi.select2-container-disabled .select2-choices:after {
  content: " ";
  display: table;
  clear: both;
}
.select2-container-multi.select2-container-active .select2-choices {
  outline: var(--pat-form-input-field-outline-focus);
}
.select2-container-multi .select2-choices {
  outline-offset: var(--pat-form-input-field-outline-offset);
  cursor: text;
}
.select2-container-multi .select2-choices li {
  float: left;
  list-style: none;
}
.select2-container-multi .select2-choices .select2-search-field {
  margin: 0;
  padding: 0 0.5em 0 0;
  white-space: nowrap;
  height: 1.6em;
  /*The following line is a patch to make IE8 show the actual input field that's within this LI element*/
}
.select2-container-multi .select2-choices .select2-search-field input {
  padding: 0;
  margin: 0;
  font-size: 100%;
  outline: 0;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  clear: none;
  display: inline;
  width: 20px;
  background-color: transparent;
  color: var(--pat-form-placeholder-colour);
}
.select2-container-multi .select2-choices .select2-search-field input.has-value {
  color: var(--pat-form-input-field-text-colour);
}
.select2-default {
  color: gray;
}

.select2-container-multi .select2-choices .select2-search-choice {
  padding: 0 0.6em 0 1.5em;
  margin: 0 0.5em var(--pat-auto-suggest-padding-top-bottom) 0;
  position: relative;
  line-height: var(--pat-auto-suggest-pill-height);
  height: var(--pat-auto-suggest-pill-height);
  color: white;
  cursor: default;
  border-radius: 10px;
  background-clip: padding-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: var(--pat-auto-suggest-pills-colour);
  font-size: 0.9em;
  max-width: calc(95% - 1em);
}
.select2-container-multi .select2-choices .select2-search-choice div {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.select2-container-multi .select2-choices .select2-search-choice.confirmed {
  background-color: #5bb75b;
}
.select2-container-multi .select2-choices .select2-search-choice.declined {
  background-color: red;
}
.select2-container-multi .select2-choices .select2-search-choice.tentative {
  background-color: #ff9300;
}
.select2-container-multi .select2-choices .select2-search-choice.group {
  background-color: gray;
}
.select2-container-multi .select2-choices .select2-search-choice.disabled {
  background-color: silver;
  color: black;
  opacity: 0.7;
  pointer-events: none;
  padding: 0 0.6em;
}
.select2-container-multi .select2-choices .select2-search-choice.disabled .select2-search-choice-close {
  display: none;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
  cursor: default;
}
.select2-container-multi .select2-choices .select2-search-choice-focus {
  box-shadow: 0 0 0 1px white, 0 0 0 3px #D40E16;
}

.select2-choices .select2-search-choice-close {
  display: block;
  width: 1em;
  height: 1em;
  position: absolute;
  right: 0.3em;
  top: 0em;
  font-size: 1em;
  text-decoration: none;
  opacity: 0.8;
  outline: none;
  cursor: default;
}
.select2-choices .select2-search-choice-close:hover {
  text-decoration: none;
  opacity: 1;
}
.select2-choices .select2-search-choice-close:before {
  content: "\e86c";
  color: white;
  font: 1em fontello;
}

.select2-container-multi .select2-search-choice-close {
  left: 0.4em;
  top: 0em;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover, .select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
.select2-container-multi.select2-container-disabled .select2-choices {
  background-color: transparent;
  box-shadow: none;
  background-image: none;
  border: none;
  cursor: default;
  padding: 0;
}
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
  margin-left: 0;
  margin-right: 5px;
  margin-bottom: 5px;
  padding-left: 5px;
}

/* disabled styles */
.select2-container-multi .select2-choices .select2-search-choice.state-archived {
  opacity: 0.5;
  background-color: gray;
}
.select2-container-multi .select2-choices .select2-search-choice.state-archived div {
  text-decoration: line-through;
}
.select2-container-multi .select2-choices .select2-search-choice.state-draft {
  background-color: orange;
  color: white;
}

/* @group Icons */
.select2-container.users .select2-choices .select2-search-choice div:before, .select2-container.user-groups .select2-choices .select2-search-choice.user div:before,
.select2-container .select2-choices .select2-search-choice.user div:before {
  content: "\e8fa";
  display: inline-block;
  margin-right: 3px;
  font: 0.8em/2.1em fontello;
  margin-left: 5px;
  float: left;
}
.select2-container.user-groups .select2-choices .select2-search-choice div:before, .select2-container.users .select2-choices .select2-search-choice.user-group div:before,
.select2-container .select2-choices .select2-search-choice.user-group div:before {
  content: "\e8fb";
  display: inline-block;
  margin-right: 3px;
  font: 0.8em/2.1em fontello;
  margin-left: 5px;
  float: left;
}
.select2-container.documents .select2-choices .select2-search-choice div:before {
  content: "\e811";
  display: inline-block;
  margin-right: 4px;
  margin-left: 7px;
  font-family: fontello;
  margin-bottom: -1px;
}
.select2-container.tags .select2-choices .select2-search-choice div:before {
  content: "\e70c";
  display: inline-block;
  margin-right: 4px;
  margin-left: 7px;
  font-family: fontello;
  margin-bottom: -2px;
}
.select2-container.skills .select2-choices .select2-search-choice div:before {
  content: "👍";
  display: inline-block;
  margin-right: 4px;
  margin-left: 7px;
  top: -1px;
  position: relative;
  font-family: fontello;
}
.select2-container.users .select2-choices .select2-search-choice.group div:before {
  content: "\e80d";
  display: inline-block;
  margin-right: 3px;
  font: 0.8em/2.1em fontello;
  margin-left: 5px;
  float: left;
}

/* @end */
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
  background: none;
}

/* end multiselect */
.select2-result-selectable .select2-match, .select2-result-unselectable .select2-match {
  text-decoration: underline;
}

.select2-offscreen {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
  min-width: 0px !important;
}
.select2-offscreen:focus {
  clip: rect(0 0 0 0) !important;
  width: 1px !important;
  height: 1px !important;
  border: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  position: absolute !important;
  outline: 0 !important;
  left: 0px !important;
  top: 0px !important;
}

.select2-display-none {
  display: none;
}

.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}

/* Retina-ize icons */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
  .select2-search input, .select2-search-choice-close {
    background-repeat: no-repeat !important;
    background-size: 60px 40px !important;
  }
  .select2-search input {
    background-position: 100% -21px !important;
  }
}
.pat-back-button {
  display: inline-block;
  line-height: 35px;
  height: 35px;
  color: #009ee2;
  font-size: 18px;
  padding: 0 1.5em 0 2em;
  position: relative;
  margin-left: 0;
  font-weight: bold;
  max-width: 100%;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  text-decoration: none !important;
  cursor: default;
}
.pat-toolbar .pat-back-button {
  line-height: 35px;
}
.pat-back-button .overflow-protector {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
@media only screen and (max-width: 767px) {
  #app-space .pat-back-button {
    display: none;
  }
}
.pat-back-button:before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 15.42px 15px 15.42px 0;
  border-color: transparent rgba(0, 0, 0, 0.08) transparent transparent;
  position: absolute;
  left: 0;
  top: 2.4px;
}
.pat-back-button:after {
  content: " ";
  background: rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 13px;
  clip-path: inset(0 0 0 2px);
  display: block;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  z-index: -1;
}
.pat-back-button.dp:before {
  border-color: transparent rgba(255, 255, 255, 0.5) transparent transparent;
}
.pat-back-button.dp:after {
  background: rgba(255, 255, 255, 0.5);
}
.pat-back-button:hover {
  color: color-mix(in lch, colour-link, black 90%);
  text-decoration: none;
}
.pat-back-button:hover:before {
  border-color: transparent rgba(0, 0, 0, 0.1) transparent transparent;
}
.pat-back-button:hover:after {
  background: rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 767px) {
  .pat-breadcrumbs .button.shift {
    display: none;
  }
  .pat-breadcrumbs .pat-breadcrumbs-content {
    width: auto !important;
    margin: 0 !important;
  }
  .pat-breadcrumbs a {
    color: black;
    font-weight: normal;
  }
  .pat-breadcrumbs a[href] {
    color: #009ee2;
  }
  .pat-breadcrumbs a[href]:after {
    content: " > ";
    color: gray;
  }
}
@media only screen and (min-width: 768px) {
  .pat-breadcrumbs {
    position: relative;
    overflow: hidden;
  }
  .pat-breadcrumbs:after {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 2em;
    height: 2em;
    content: " ";
    background-image: -webkit-linear-gradient(left, #efefef 0%, rgba(240, 240, 240, 0) 100%);
    background-image: -o-linear-gradient(left, #efefef 0%, rgba(240, 240, 240, 0) 100%);
    background-image: linear-gradient(to left, #efefef 0%, rgba(240, 240, 240, 0) 100%);
  }
  .pat-breadcrumbs .button.shift {
    display: none;
    position: absolute;
    left: 0;
    width: 1em;
    height: 1.2em;
    background-color: #efefef;
    border-right: 1px solid silver;
    overflow: hidden;
    line-height: 1em;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
  }
  .pat-breadcrumbs .button.shift:before {
    font-family: fontello;
    content: "\e4a1";
    font-size: 0.5em;
    width: 2em;
    height: 2em;
    display: inline-block;
    color: gray;
    font-weight: normal;
  }
  .pat-breadcrumbs .button.shift.shift-left:before {
    content: "\e4a2";
    font-weight: normal;
  }
  .pat-breadcrumbs .button.shift.shift-right, .pat-breadcrumbs .button.shift.shift-left {
    display: inline-block;
  }
  .pat-breadcrumbs.shifting .pat-breadcrumbs-content {
    padding: 0 1.5em;
  }
  .pat-breadcrumbs a {
    color: black;
    text-decoration: none;
  }
  .pat-breadcrumbs a:hover {
    text-decoration: none;
  }
  .pat-breadcrumbs a:before {
    display: inline-block;
    content: "\f105";
    padding: 0 0.5em;
    font-family: fontello;
    font-weight: normal;
  }
  .pat-breadcrumbs a[href] {
    color: #009ee2;
    font-weight: normal;
  }
  .pat-breadcrumbs a[href]:hover {
    text-align: underline;
  }
  .pat-breadcrumbs a:first-child:before {
    display: none;
  }
}

:root {
  --pat-button-bar-margin-top-bottom: 15px;
}

.pat-button-bar {
  display: flex;
  justify-content: start;
  gap: 1rem;
  margin: var(--pat-button-bar-margin-top-bottom) 0;
}
.pat-button-bar .pat-button {
  margin: 0;
}
.pat-button-bar .pat-button.float-after {
  margin-left: auto;
}
.pat-button-bar .pat-button.float-after + .pat-button.float-after {
  margin-left: 0;
}

.pat-button {
  font-family: "Roboto", sans-serif;
  margin: 0;
  border: none;
  cursor: default;
  border-radius: 10px;
  background-image: none;
  text-decoration: none;
  line-height: var(--pat-button-height);
  white-space: nowrap;
  display: inline-block;
  padding: var(--pat-button-paddings);
  font-size: 1em;
  vertical-align: text-bottom;
  font-weight: var(--pat-button-font-weight);
  box-shadow: none;
  color: #009ee2;
  background-color: rgba(0, 0, 0, 0.08);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pat-button:before {
  line-height: inherit;
}
.pat-button:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-button:hover {
  color: color-mix(in lch, colour-link, black 90%);
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: color-mix(in lch, colour-link, black 90%);
}
.pat-button.default {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.pat-button.default:hover {
  background-color: #009ee2;
  color: white;
}
.pat-button[disabled], .pat-button.disabled, .pat-button:is(a):not([href]), .pat-button.default[disabled], .pat-button.default.disabled, .pat-button:is(a).default:not([href]) {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
.pat-button[disabled]:hover, .pat-button.disabled:hover, .pat-button:is(a):not([href]):hover, .pat-button.default[disabled]:hover, .pat-button.default.disabled:hover, .pat-button:is(a).default:not([href]):hover {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
@media print {
  .pat-button {
    display: none;
  }
}
.pat-button.small {
  font-size: 15px;
  padding: 0 12px;
  height: 22px;
  line-height: 20px;
  vertical-align: baseline;
  box-shadow: none;
  font-weight: 600;
}
.pat-button.small:before {
  font-size: 15px;
}
.pat-button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.pat-button.iconified {
  width: 30px;
  padding: 0;
}
.pat-button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: 35px;
}
.pat-button.link {
  padding: 0;
  display: inline;
  background: none;
  color: #009ee2;
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.pat-button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: black;
}
.pat-button.no-label {
  padding: 0;
  aspect-ratio: 1/1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.pat-button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.pat-button:before {
  font-weight: normal;
  margin-right: 5px;
}
.pat-button.add:before {
  font-family: fontello;
  content: "\e825";
}
.button-bar .pat-button {
  margin-bottom: 5px;
}

.pat-button-cluster {
  --pat-toolbar-icon-background-colour: transparent;
  display: inline-flex;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.08);
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15);
}
.pat-button-cluster.pat-tabs {
  position: relative;
  height: 35px;
  line-height: 35px;
  border-radius: 10px;
  overflow: visible;
  float: none;
  white-space: nowrap;
  max-width: 100%;
  font-size: 0;
  vertical-align: top;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12);
  padding: 0 calc(2 * 3px);
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .pat-button-cluster.pat-tabs {
    display: block;
  }
}
.pat-button-cluster.pat-tabs button,
.pat-button-cluster.pat-tabs a.button,
.pat-button-cluster.pat-tabs .pat-button,
.pat-button-cluster.pat-tabs label,
.pat-button-cluster.pat-tabs > a {
  margin: 0;
  border-radius: 0;
  border-left-style: none;
  float: left;
  border: none;
  background: transparent;
  padding: 0 10px;
  color: rgba(0, 0, 0, 0.7);
  cursor: default;
  line-height: 35px;
  height: 35px;
  box-shadow: none;
  font-size: 18px;
  font-weight: normal;
  position: relative;
}
body[dir=rtl] .pat-button-cluster.pat-tabs button,
body[dir=rtl] .pat-button-cluster.pat-tabs a.button,
body[dir=rtl] .pat-button-cluster.pat-tabs .pat-button,
body[dir=rtl] .pat-button-cluster.pat-tabs label,
body[dir=rtl] .pat-button-cluster.pat-tabs > a {
  float: right;
}
.pat-button-cluster.pat-tabs button.icon,
.pat-button-cluster.pat-tabs a.button.icon,
.pat-button-cluster.pat-tabs .pat-button.icon,
.pat-button-cluster.pat-tabs label.icon,
.pat-button-cluster.pat-tabs > a.icon {
  padding: 0 5px;
}
.pat-button-cluster.pat-tabs button input,
.pat-button-cluster.pat-tabs a.button input,
.pat-button-cluster.pat-tabs .pat-button input,
.pat-button-cluster.pat-tabs label input,
.pat-button-cluster.pat-tabs > a input {
  position: absolute;
  opacity: 0;
}
.pat-button-cluster.pat-tabs button:not(:has(:checked)):not(.active):not(.current):hover,
.pat-button-cluster.pat-tabs a.button:not(:has(:checked)):not(.active):not(.current):hover,
.pat-button-cluster.pat-tabs .pat-button:not(:has(:checked)):not(.active):not(.current):hover,
.pat-button-cluster.pat-tabs label:not(:has(:checked)):not(.active):not(.current):hover,
.pat-button-cluster.pat-tabs > a:not(:has(:checked)):not(.active):not(.current):hover {
  text-decoration: underline;
  text-underline-offset: 4px;
  color: black;
  cursor: pointer;
  background-color: transparent !important;
}
.pat-button-cluster.pat-tabs button[href]:not(.current):hover, .pat-button-cluster.pat-tabs button:has(input:unchecked):hover,
.pat-button-cluster.pat-tabs a.button[href]:not(.current):hover,
.pat-button-cluster.pat-tabs a.button:has(input:unchecked):hover,
.pat-button-cluster.pat-tabs .pat-button[href]:not(.current):hover,
.pat-button-cluster.pat-tabs .pat-button:has(input:unchecked):hover,
.pat-button-cluster.pat-tabs label[href]:not(.current):hover,
.pat-button-cluster.pat-tabs label:has(input:unchecked):hover,
.pat-button-cluster.pat-tabs > a[href]:not(.current):hover,
.pat-button-cluster.pat-tabs > a:has(input:unchecked):hover {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: underline !important;
  text-underline-offset: 3px;
  cursor: pointer;
  background-color: transparent;
}
.pat-button-cluster.pat-tabs button:before,
.pat-button-cluster.pat-tabs a.button:before,
.pat-button-cluster.pat-tabs .pat-button:before,
.pat-button-cluster.pat-tabs label:before,
.pat-button-cluster.pat-tabs > a:before {
  margin-right: 5px;
  margin-left: 0;
  color: rgba(0, 0, 0, 0.7);
}
.pat-button-cluster.pat-tabs button:after,
.pat-button-cluster.pat-tabs a.button:after,
.pat-button-cluster.pat-tabs .pat-button:after,
.pat-button-cluster.pat-tabs label:after,
.pat-button-cluster.pat-tabs > a:after {
  background: var(--colour-accent);
  position: absolute;
  top: 3px;
  right: calc(-1 * 3px);
  bottom: 3px;
  left: calc(-1 * 3px);
  z-index: -1;
  display: block;
  content: " ";
  border-radius: 7.5px;
  opacity: 0;
}
.pat-button-cluster.pat-tabs button:has(input:checked), .pat-button-cluster.pat-tabs button.active, .pat-button-cluster.pat-tabs button.current,
.pat-button-cluster.pat-tabs a.button:has(input:checked),
.pat-button-cluster.pat-tabs a.button.active,
.pat-button-cluster.pat-tabs a.button.current,
.pat-button-cluster.pat-tabs .pat-button:has(input:checked),
.pat-button-cluster.pat-tabs .pat-button.active,
.pat-button-cluster.pat-tabs .pat-button.current,
.pat-button-cluster.pat-tabs label:has(input:checked),
.pat-button-cluster.pat-tabs label.active,
.pat-button-cluster.pat-tabs label.current,
.pat-button-cluster.pat-tabs > a:has(input:checked),
.pat-button-cluster.pat-tabs > a.active,
.pat-button-cluster.pat-tabs > a.current {
  background-color: transparent;
  color: white !important;
  text-decoration: none !important;
  cursor: default !important;
  box-shadow: none;
}
.pat-button-cluster.pat-tabs button:has(input:checked):after, .pat-button-cluster.pat-tabs button.active:after, .pat-button-cluster.pat-tabs button.current:after,
.pat-button-cluster.pat-tabs a.button:has(input:checked):after,
.pat-button-cluster.pat-tabs a.button.active:after,
.pat-button-cluster.pat-tabs a.button.current:after,
.pat-button-cluster.pat-tabs .pat-button:has(input:checked):after,
.pat-button-cluster.pat-tabs .pat-button.active:after,
.pat-button-cluster.pat-tabs .pat-button.current:after,
.pat-button-cluster.pat-tabs label:has(input:checked):after,
.pat-button-cluster.pat-tabs label.active:after,
.pat-button-cluster.pat-tabs label.current:after,
.pat-button-cluster.pat-tabs > a:has(input:checked):after,
.pat-button-cluster.pat-tabs > a.active:after,
.pat-button-cluster.pat-tabs > a.current:after {
  opacity: 1;
}
.pat-button-cluster.pat-tabs button:has(input:checked):before, .pat-button-cluster.pat-tabs button.active:before, .pat-button-cluster.pat-tabs button.current:before,
.pat-button-cluster.pat-tabs a.button:has(input:checked):before,
.pat-button-cluster.pat-tabs a.button.active:before,
.pat-button-cluster.pat-tabs a.button.current:before,
.pat-button-cluster.pat-tabs .pat-button:has(input:checked):before,
.pat-button-cluster.pat-tabs .pat-button.active:before,
.pat-button-cluster.pat-tabs .pat-button.current:before,
.pat-button-cluster.pat-tabs label:has(input:checked):before,
.pat-button-cluster.pat-tabs label.active:before,
.pat-button-cluster.pat-tabs label.current:before,
.pat-button-cluster.pat-tabs > a:has(input:checked):before,
.pat-button-cluster.pat-tabs > a.active:before,
.pat-button-cluster.pat-tabs > a.current:before {
  color: white;
}
.pat-button-cluster.pat-tabs button:has(input:checked) .counter, .pat-button-cluster.pat-tabs button.active .counter, .pat-button-cluster.pat-tabs button.current .counter,
.pat-button-cluster.pat-tabs a.button:has(input:checked) .counter,
.pat-button-cluster.pat-tabs a.button.active .counter,
.pat-button-cluster.pat-tabs a.button.current .counter,
.pat-button-cluster.pat-tabs .pat-button:has(input:checked) .counter,
.pat-button-cluster.pat-tabs .pat-button.active .counter,
.pat-button-cluster.pat-tabs .pat-button.current .counter,
.pat-button-cluster.pat-tabs label:has(input:checked) .counter,
.pat-button-cluster.pat-tabs label.active .counter,
.pat-button-cluster.pat-tabs label.current .counter,
.pat-button-cluster.pat-tabs > a:has(input:checked) .counter,
.pat-button-cluster.pat-tabs > a.active .counter,
.pat-button-cluster.pat-tabs > a.current .counter {
  background: red;
}
.pat-button-cluster.pat-tabs button:first-child,
.pat-button-cluster.pat-tabs a.button:first-child,
.pat-button-cluster.pat-tabs .pat-button:first-child,
.pat-button-cluster.pat-tabs label:first-child,
.pat-button-cluster.pat-tabs > a:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.pat-button-cluster.pat-tabs button:last-child,
.pat-button-cluster.pat-tabs a.button:last-child,
.pat-button-cluster.pat-tabs .pat-button:last-child,
.pat-button-cluster.pat-tabs label:last-child,
.pat-button-cluster.pat-tabs > a:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.pat-button-cluster.pat-tabs button .counter,
.pat-button-cluster.pat-tabs a.button .counter,
.pat-button-cluster.pat-tabs .pat-button .counter,
.pat-button-cluster.pat-tabs label .counter,
.pat-button-cluster.pat-tabs > a .counter {
  display: inline-block;
  margin: -0.9em 0em 0 0.5em;
  background-color: red;
  color: white;
  border-radius: 1em;
  border: 1px solid rgb(255, 255, 255);
  height: 1.8em;
  min-width: 1.8em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
  transition: opacity 0.5s;
  animation: zoomIn 0.6s;
  float: right;
  vertical-align: baseline;
  line-height: 1.7em;
  font-size: 0.6em;
  text-align: center;
  font-weight: normal;
  position: relative;
  top: 50%;
}
.pat-button-cluster.pat-tabs button .counter.disabled,
.pat-button-cluster.pat-tabs a.button .counter.disabled,
.pat-button-cluster.pat-tabs .pat-button .counter.disabled,
.pat-button-cluster.pat-tabs label .counter.disabled,
.pat-button-cluster.pat-tabs > a .counter.disabled {
  opacity: 0.2;
  animation: none;
  background-color: gray;
}
.pat-button-cluster.pat-tabs button .counter.injecting,
.pat-button-cluster.pat-tabs a.button .counter.injecting,
.pat-button-cluster.pat-tabs .pat-button .counter.injecting,
.pat-button-cluster.pat-tabs label .counter.injecting,
.pat-button-cluster.pat-tabs > a .counter.injecting {
  opacity: 0;
}
.pat-button-cluster.pat-tabs button .counter.injecting:before,
.pat-button-cluster.pat-tabs a.button .counter.injecting:before,
.pat-button-cluster.pat-tabs .pat-button .counter.injecting:before,
.pat-button-cluster.pat-tabs label .counter.injecting:before,
.pat-button-cluster.pat-tabs > a .counter.injecting:before {
  display: none;
}
.pat-button-cluster.pat-tabs.align-centre {
  position: absolute;
}
.js .pat-button-cluster.pat-tabs {
  opacity: 0;
  transition: opacity 1s;
}
.js .pat-button-cluster.pat-tabs.tabs-ready {
  opacity: 1;
}
.pat-button-cluster.pat-tabs.tabs-wrapped {
  padding-right: 60px;
}
body[dir=rtl] .pat-button-cluster.pat-tabs.tabs-wrapped {
  padding-left: 60px;
  padding-right: 0;
}
.pat-button-cluster.pat-tabs a {
  float: none;
  display: inline-block;
  font-size: 18px;
  vertical-align: top;
}
.pat-button-cluster.pat-tabs a.icon {
  width: 14px;
  padding: 0 20px;
  color: transparent;
}
.pat-button-cluster.pat-tabs a.icon:before {
  margin-right: 20px;
}
.pat-button-cluster.pat-tabs.open span.extra-tabs {
  overflow: visible;
  height: auto;
  width: 300px;
  padding-bottom: 15px;
  padding-top: 60px;
}
.pat-button-cluster.pat-tabs.open span.extra-tabs:before {
  color: black;
  background-color: rgba(255, 255, 255, 0.4);
}
.pat-button-cluster.pat-tabs.open span.extra-tabs:after {
  border-color: silver;
}
.pat-button-cluster.pat-tabs.open span.extra-tabs a,
.pat-button-cluster.pat-tabs.open span.extra-tabs label {
  animation: fadeIn 0.5s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.pat-button-cluster.pat-tabs span.extra-tabs {
  font-size: 18px;
  width: 300px;
  padding-top: 45px;
  display: inline-block;
  float: right;
  height: 0;
  width: 55px;
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box;
  transition: all 0.1s;
}
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs {
  right: auto;
  left: 0;
  float: left;
}
.pat-button-cluster.pat-tabs span.extra-tabs:before {
  font-family: fontello;
  content: "\e87b";
  display: block;
  height: 35px;
  lie-height: 36px;
  width: 55px;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs:before {
  content: "\f100";
  right: auto;
  left: 0;
}
.pat-button-cluster.pat-tabs span.extra-tabs:after {
  content: " ";
  display: block;
  position: absolute;
  top: 45px;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: white;
  transition: border 0.2s;
}
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs:after {
  right: auto;
  left: 0;
}
.pat-button-cluster.pat-tabs span.extra-tabs:hover:before {
  color: black;
}
.pat-button-cluster.pat-tabs span.extra-tabs a,
.pat-button-cluster.pat-tabs span.extra-tabs label {
  display: block;
  float: none;
  padding: 0.4em 0.7em;
  line-height: 1.5;
  text-align: left;
  color: black;
  position: relative;
  z-index: 1;
  border: none !important;
  opacity: 0;
  border-radius: 0 !important;
  height: auto;
}
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs a,
body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs label {
  text-align: right;
}
.pat-button-cluster.pat-tabs span.extra-tabs a:after,
.pat-button-cluster.pat-tabs span.extra-tabs label:after {
  left: 0;
  right: 0;
}
.pat-button-cluster.pat-tabs span.extra-tabs a:hover,
.pat-button-cluster.pat-tabs span.extra-tabs label:hover {
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: none;
}
.pat-button-cluster.pat-tabs span.extra-tabs a.current,
.pat-button-cluster.pat-tabs span.extra-tabs label.current {
  background: var(--colour-accent);
  color: white;
}
.pat-button-cluster.abecedary {
  box-shadow: none;
  background-color: transparent;
  z-index: 1;
}
.pat-button-cluster.abecedary:after {
  content: " ";
  position: absolute;
  z-index: -2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.08);
}
.pat-button-cluster.abecedary > a {
  width: 23px;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
}
.pat-button-cluster.abecedary > a:after {
  box-shadow: none;
}
.pat-button-cluster button,
.pat-button-cluster a.button,
.pat-button-cluster .pat-button,
.pat-button-cluster label,
.pat-button-cluster > a {
  margin: 0;
  border-radius: 0;
  border-left-style: none;
  float: left;
  border: none;
  background: transparent;
  padding: 0 1.2em;
  color: rgba(0, 0, 0, 0.7);
  cursor: default;
  line-height: 35px;
  height: 35px;
  box-shadow: none;
  font-size: 18px;
  font-weight: normal;
}
body[dir=rtl] .pat-button-cluster button,
body[dir=rtl] .pat-button-cluster a.button,
body[dir=rtl] .pat-button-cluster .pat-button,
body[dir=rtl] .pat-button-cluster label,
body[dir=rtl] .pat-button-cluster > a {
  float: right;
}
.pat-button-cluster button.select-all[disabled], .pat-button-cluster button.deselect-all[disabled],
.pat-button-cluster a.button.select-all[disabled],
.pat-button-cluster a.button.deselect-all[disabled],
.pat-button-cluster .pat-button.select-all[disabled],
.pat-button-cluster .pat-button.deselect-all[disabled],
.pat-button-cluster label.select-all[disabled],
.pat-button-cluster label.deselect-all[disabled],
.pat-button-cluster > a.select-all[disabled],
.pat-button-cluster > a.deselect-all[disabled] {
  background-color: var(--colour-accent);
  color: white;
  opacity: 1;
}
.pat-button-cluster button.select-all[disabled]:hover, .pat-button-cluster button.deselect-all[disabled]:hover,
.pat-button-cluster a.button.select-all[disabled]:hover,
.pat-button-cluster a.button.deselect-all[disabled]:hover,
.pat-button-cluster .pat-button.select-all[disabled]:hover,
.pat-button-cluster .pat-button.deselect-all[disabled]:hover,
.pat-button-cluster label.select-all[disabled]:hover,
.pat-button-cluster label.deselect-all[disabled]:hover,
.pat-button-cluster > a.select-all[disabled]:hover,
.pat-button-cluster > a.deselect-all[disabled]:hover {
  background-color: var(--colour-accent);
  color: white;
}
.pat-button-cluster button.icon,
.pat-button-cluster a.button.icon,
.pat-button-cluster .pat-button.icon,
.pat-button-cluster label.icon,
.pat-button-cluster > a.icon {
  padding: 0;
  font-size: 0;
}
.pat-button-cluster button.icon:active,
.pat-button-cluster a.button.icon:active,
.pat-button-cluster .pat-button.icon:active,
.pat-button-cluster label.icon:active,
.pat-button-cluster > a.icon:active {
  box-shadow: none;
}
.pat-button-cluster button.icon:before,
.pat-button-cluster a.button.icon:before,
.pat-button-cluster .pat-button.icon:before,
.pat-button-cluster label.icon:before,
.pat-button-cluster > a.icon:before {
  font-size: 18px;
  line-height: inherit;
  display: block;
  text-align: center;
  margin: 0;
  width: 2em;
}
.pat-button-cluster button input,
.pat-button-cluster a.button input,
.pat-button-cluster .pat-button input,
.pat-button-cluster label input,
.pat-button-cluster > a input {
  position: absolute;
  opacity: 0;
}
.pat-button-cluster button[href]:not(.current):not(.active):not(.current):hover,
.pat-button-cluster a.button[href]:not(.current):not(.active):not(.current):hover,
.pat-button-cluster .pat-button[href]:not(.current):not(.active):not(.current):hover,
.pat-button-cluster label[href]:not(.current):not(.active):not(.current):hover,
.pat-button-cluster > a[href]:not(.current):not(.active):not(.current):hover {
  color: black;
}
.pat-button-cluster button:before,
.pat-button-cluster a.button:before,
.pat-button-cluster .pat-button:before,
.pat-button-cluster label:before,
.pat-button-cluster > a:before {
  margin-right: 0;
  margin-left: 0;
  color: rgba(0, 0, 0, 0.7);
}
.pat-button-cluster button:has(input:checked), .pat-button-cluster button.active, .pat-button-cluster button.current,
.pat-button-cluster a.button:has(input:checked),
.pat-button-cluster a.button.active,
.pat-button-cluster a.button.current,
.pat-button-cluster .pat-button:has(input:checked),
.pat-button-cluster .pat-button.active,
.pat-button-cluster .pat-button.current,
.pat-button-cluster label:has(input:checked),
.pat-button-cluster label.active,
.pat-button-cluster label.current,
.pat-button-cluster > a:has(input:checked),
.pat-button-cluster > a.active,
.pat-button-cluster > a.current {
  background: var(--colour-accent);
  color: white;
  text-decoration: none;
  box-shadow: none;
}
.pat-button-cluster button:has(input:checked):before, .pat-button-cluster button.active:before, .pat-button-cluster button.current:before,
.pat-button-cluster a.button:has(input:checked):before,
.pat-button-cluster a.button.active:before,
.pat-button-cluster a.button.current:before,
.pat-button-cluster .pat-button:has(input:checked):before,
.pat-button-cluster .pat-button.active:before,
.pat-button-cluster .pat-button.current:before,
.pat-button-cluster label:has(input:checked):before,
.pat-button-cluster label.active:before,
.pat-button-cluster label.current:before,
.pat-button-cluster > a:has(input:checked):before,
.pat-button-cluster > a.active:before,
.pat-button-cluster > a.current:before {
  color: #D40E16;
}
.pat-button-cluster button:has(input:checked) .counter, .pat-button-cluster button.active .counter, .pat-button-cluster button.current .counter,
.pat-button-cluster a.button:has(input:checked) .counter,
.pat-button-cluster a.button.active .counter,
.pat-button-cluster a.button.current .counter,
.pat-button-cluster .pat-button:has(input:checked) .counter,
.pat-button-cluster .pat-button.active .counter,
.pat-button-cluster .pat-button.current .counter,
.pat-button-cluster label:has(input:checked) .counter,
.pat-button-cluster label.active .counter,
.pat-button-cluster label.current .counter,
.pat-button-cluster > a:has(input:checked) .counter,
.pat-button-cluster > a.active .counter,
.pat-button-cluster > a.current .counter {
  background: red;
}
.pat-button-cluster button:first-child,
.pat-button-cluster a.button:first-child,
.pat-button-cluster .pat-button:first-child,
.pat-button-cluster label:first-child,
.pat-button-cluster > a:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.pat-button-cluster button:last-child,
.pat-button-cluster a.button:last-child,
.pat-button-cluster .pat-button:last-child,
.pat-button-cluster label:last-child,
.pat-button-cluster > a:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.pat-button-cluster button .counter,
.pat-button-cluster a.button .counter,
.pat-button-cluster .pat-button .counter,
.pat-button-cluster label .counter,
.pat-button-cluster > a .counter {
  display: inline-block;
  margin: 0.8em 0em 0.5em 0.5em;
  background-color: red;
  color: white;
  border-radius: 1em;
  border: 1px solid rgb(255, 255, 255);
  height: 1.8em;
  min-width: 1.8em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
  transition: opacity 0.5s;
  animation: zoomIn 0.6s;
  float: right;
  vertical-align: baseline;
  line-height: 1.7em;
  font-size: 0.6em;
  text-align: center;
  font-weight: normal;
}
body[dir=rtl] .pat-button-cluster button .counter,
body[dir=rtl] .pat-button-cluster a.button .counter,
body[dir=rtl] .pat-button-cluster .pat-button .counter,
body[dir=rtl] .pat-button-cluster label .counter,
body[dir=rtl] .pat-button-cluster > a .counter {
  float: left;
}
.pat-button-cluster button .counter.disabled,
.pat-button-cluster a.button .counter.disabled,
.pat-button-cluster .pat-button .counter.disabled,
.pat-button-cluster label .counter.disabled,
.pat-button-cluster > a .counter.disabled {
  opacity: 0.2;
  animation: none;
  background-color: gray;
}
.pat-button-cluster button .counter.injecting,
.pat-button-cluster a.button .counter.injecting,
.pat-button-cluster .pat-button .counter.injecting,
.pat-button-cluster label .counter.injecting,
.pat-button-cluster > a .counter.injecting {
  opacity: 0;
}
.pat-button-cluster button .counter.injecting:before,
.pat-button-cluster a.button .counter.injecting:before,
.pat-button-cluster .pat-button .counter.injecting:before,
.pat-button-cluster label .counter.injecting:before,
.pat-button-cluster > a .counter.injecting:before {
  display: none;
}

.pat-comma-separated > .segment:after {
  content: ", ";
  color: black;
  text-decoration: none;
  display: inline-block;
}
.pat-comma-separated > .segment:last-child:after {
  content: ".";
  color: black;
  text-decoration: none;
  display: inline-block;
}

:root {
  --pat-tooltip-box-shadow: 0 4px 14px -2px $transparent-light;
}

.pat-context-menu {
  position: relative;
}
.pat-context-menu .close-menu {
  color: transparent;
  text-align: right;
  cursor: default;
  height: 0;
  margin: 0;
  opacity: 0;
}
.pat-context-menu .close-menu:after {
  font-family: fontello;
  content: "\e899";
  color: gray;
  font-size: 1.2em;
}
.pat-context-menu .close-menu:hover:after {
  color: black;
}
.pat-context-menu .context-menu-label {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  font-weight: normal;
  cursor: default;
  display: inline-block;
}
.pat-context-menu .context-menu-label.collapsible-closed, .pat-context-menu .context-menu-label.collapsible-open {
  padding: 0 30px 0 0;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.6);
  cursor: default;
}
.pat-context-menu .context-menu-label.collapsible-closed:hover, .pat-context-menu .context-menu-label.collapsible-closed:active, .pat-context-menu .context-menu-label.collapsible-open:hover, .pat-context-menu .context-menu-label.collapsible-open:active {
  color: black;
}
.pat-context-menu .context-menu-label.collapsible-closed {
  text-decoration: none;
}
.canvas-subnav .pat-context-menu .context-menu-label.collapsible-closed {
  cursor: pointer;
}
.pat-context-menu .context-menu-label.collapsible-open:before {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: " ";
}
.pat-context-menu .context-menu-label:not(.iconified):after, .pat-context-menu .context-menu-label.iconified.pat-button:after {
  content: " ";
  padding-right: 1em;
  box-shadow: none !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  top: 2%;
  right: 12px;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOC40IDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDguNCA3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MX0KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDAgNC4yLDcgOC40LDAgIi8+Cjwvc3ZnPg==);
  background-size: auto 10px;
}
.pat-context-menu .context-menu-label.iconified {
  text-indent: -1000px;
  overflow: hidden;
  width: 2.2em;
}
.pat-context-menu .context-menu-label.iconified.pat-button {
  width: 2.4em;
  position: relative;
}
.pat-context-menu .context-menu-label.iconified.pat-button:after {
  position: absolute;
  right: 0.3em;
  width: 100%;
  height: 1em;
  top: 0.2em;
}
.pat-context-menu .context-menu-label.iconified.pat-button:before {
  width: 1.7em;
  line-height: 1.75em;
  display: block;
}
.pat-context-menu .context-menu-label.iconified.pat-button.collapsible-open:after, .pat-context-menu .context-menu-label.iconified.pat-button.collapsible-open:before {
  color: #D40E16;
}
.pat-context-menu .context-menu-label.iconified:before {
  position: absolute;
  font-family: fontello;
  content: "\e865";
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 0;
  text-align: center;
}
.pat-context-menu.no-label:before {
  width: 100%;
  height: 100%;
  line-height: 35px;
  position: absolute;
  margin: 0;
}
.pat-context-menu.no-label:hover:before {
  color: black;
}
.pat-context-menu.no-label.open:before, .pat-context-menu.no-label.in-progress.closed:before {
  background: #D40E16;
  color: white;
  border-radius: 10px;
}
.pat-context-menu.no-label .context-menu-label {
  opacity: 0;
  width: 35px;
  padding: 0;
}
.pat-context-menu.no-label .panel-content {
  top: var(--pat-context-menu-panel-distance, 1.7em);
}
.pat-context-menu.open .label {
  color: black;
}
.pat-context-menu.open .label.pat-button {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.3);
}
.pat-context-menu.open.iconified .label {
  color: #D40E16;
}
.pat-context-menu.open .panel-content {
  display: block;
}
.pat-context-menu .panel-content {
  position: absolute;
  top: var(--pat-context-menu-panel-distance, 1.7em);
  left: 0;
  display: none;
  background-color: white;
  padding: 15px !important;
  width: var(--pat-context-menu-panel-width, 250px);
  z-index: 10;
  border-radius: 10px;
  font-size: 18px;
  height: auto !important;
  border: 1px solid silver;
  box-shadow: var(--pat-tooltip-box-shadow);
  max-height: calc(100vh - 170px);
  overflow: auto;
}
.pat-context-menu .panel-content *:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .pat-context-menu.align-right .panel-content {
    right: 0;
    left: inherit;
  }
}

:root {
  --pat-checklist-label-padding-start: 1.5em;
  --pat-checklist-label-padding-end: 0;
  --pat-checklist-item-separation: 0.2em;
  --pat-checklist-checkbox-size: 18px;
  --pat-checklist-checkbox-background-colour: white;
  --pat-checklist-checkbox-box-shadow: inset 0 0 0 2px black;
  --pat-checklist-checkbox-box-shadow-checked: none;
  --pat-checklist-checkbox-box-shadow-radio-checked: inset 0 0 0 2px var(--colour-accent), inset 0 0 0 5px white;
  --pat-checklist-checkbox-background-colour-checked: var(--colour-accent);
  --pat-checklist-checkbox-border-radius: calc(0.25 * var(--pat-checklist-checkbox-size));
  --pat-checklist-line-height: 24px;
  --pat-checklist-checkbox-vertical-position: 12px;
  --pat-checklist-margin-bottom: 1rem;
}

label.pat-checklist {
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: "icon label" ".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  padding-left: 1.1em;
  padding-right: 0.5em;
}
body[dir=rtl] label.pat-checklist {
  padding-left: var(--pat-checklist-label-padding-end);
}
label.pat-checklist > * {
  grid-area: label;
}
label.pat-checklist:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
label.pat-checklist:has(input[type=checkbox]):before, label.pat-checklist:has(input[type=radio]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: "";
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
label.pat-checklist:has(input[type=radio]):before {
  border-radius: 50%;
}
label.pat-checklist:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: "\e829";
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
label.pat-checklist:has([disabled]):has(input[type=checkbox]):before, label.pat-checklist:has([disabled]):has(input[type=radio]):before, label.pat-checklist:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before, label.pat-checklist:has([disabled]) .label-fragment-description:has(input[type=radio]):before {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
label.pat-checklist .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
}
label.pat-checklist .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
label.pat-checklist .label-fragment-description > * {
  color: black;
}
label.pat-checklist input[type=checkbox],
label.pat-checklist input[type=radio] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
}
.pat-checklist:not(.free-form) {
  line-height: 1.2em;
  min-height: 0.7em;
  margin-bottom: var(--pat-checklist-margin-bottom);
}
form.vertical .pat-checklist:not(.free-form) > legend, form fieldset.vertical .pat-checklist:not(.free-form) > legend,
form.vertical .pat-checklist:not(.free-form) > .legend,
form fieldset.vertical .pat-checklist:not(.free-form) > .legend {
  margin-bottom: calc(2 * var(--pat-checklist-item-separation));
}
.pat-checklist:not(.free-form) .pat-checklist-sub {
  padding-left: 1em;
  padding-bottom: 1em;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label,
.pat-checklist:not(.free-form) .pat-checklist-sub .label,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label {
  display: block;
  position: relative;
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: "icon label" ".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  margin-top: var(--pat-checklist-item-separation);
  margin-bottom: var(--pat-checklist-item-separation);
  white-space: normal;
}
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > label,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > li > label {
  padding-left: var(--pat-checklist-label-padding-end);
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label > *,
.pat-checklist:not(.free-form) .pat-checklist-sub .label > *,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label > * {
  grid-area: label;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(:focus):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(:focus):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input[type=checkbox]):before, .pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input[type=radio]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: "";
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input[type=radio]):before {
  border-radius: 50%;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input:checked):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input:checked):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: "\e829";
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]):has(input[type=checkbox]):before, .pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]):has(input[type=radio]):before, .pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before, .pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]) .label-fragment-description:has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]):has(input[type=checkbox]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]):has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]) .label-fragment-description:has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]):has(input[type=checkbox]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]):has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]) .label-fragment-description:has(input[type=radio]):before {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label .label-fragment-title,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-title,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label .label-fragment-description > *,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-description > *,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label .label-fragment-description > * {
  color: black;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label input[type=checkbox],
.pat-checklist:not(.free-form) .pat-checklist-sub > label input[type=radio],
.pat-checklist:not(.free-form) .pat-checklist-sub .label input[type=checkbox],
.pat-checklist:not(.free-form) .pat-checklist-sub .label input[type=radio],
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label input[type=checkbox],
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label input[type=radio] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:after,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:after,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:after {
  content: " ";
  display: table;
  clear: both;
}
.pat-checklist:not(.free-form) > br {
  display: none;
}
.pat-checklist:not(.free-form):not(.free-form) > label,
.pat-checklist:not(.free-form):not(.free-form) .label,
.pat-checklist:not(.free-form):not(.free-form) li > label {
  display: block;
  position: relative;
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: "icon label" ".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  margin-top: var(--pat-checklist-item-separation);
  margin-bottom: var(--pat-checklist-item-separation);
  white-space: normal;
  font-weight: normal;
}
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) > label,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li > label {
  padding-left: var(--pat-checklist-label-padding-end);
}
.pat-checklist:not(.free-form):not(.free-form) > label > *,
.pat-checklist:not(.free-form):not(.free-form) .label > *,
.pat-checklist:not(.free-form):not(.free-form) li > label > * {
  grid-area: label;
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(:focus):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(:focus):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(input[type=checkbox]):before, .pat-checklist:not(.free-form):not(.free-form) > label:has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input[type=radio]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: "";
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input[type=radio]):before {
  border-radius: 50%;
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(input:checked):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input:checked):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: "\e829";
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
.pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]):has(input[type=checkbox]):before, .pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]):has(input[type=radio]):before, .pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before, .pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]) .label-fragment-description:has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]):has(input[type=checkbox]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]):has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]) .label-fragment-description:has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]):has(input[type=checkbox]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]):has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]) .label-fragment-description:has(input[type=radio]):before {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
.pat-checklist:not(.free-form):not(.free-form) > label .label-fragment-title,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-title,
.pat-checklist:not(.free-form):not(.free-form) li > label .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
}
.pat-checklist:not(.free-form):not(.free-form) > label .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) li > label .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
.pat-checklist:not(.free-form):not(.free-form) > label .label-fragment-description > *,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-description > *,
.pat-checklist:not(.free-form):not(.free-form) li > label .label-fragment-description > * {
  color: black;
}
.pat-checklist:not(.free-form):not(.free-form) > label input[type=checkbox],
.pat-checklist:not(.free-form):not(.free-form) > label input[type=radio],
.pat-checklist:not(.free-form):not(.free-form) .label input[type=checkbox],
.pat-checklist:not(.free-form):not(.free-form) .label input[type=radio],
.pat-checklist:not(.free-form):not(.free-form) li > label input[type=checkbox],
.pat-checklist:not(.free-form):not(.free-form) li > label input[type=radio] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
}
.pat-checklist:not(.free-form):not(.free-form) > label:first-of-type,
.pat-checklist:not(.free-form):not(.free-form) .label:first-of-type,
.pat-checklist:not(.free-form):not(.free-form) li > label:first-of-type {
  margin-top: 0;
}
.pat-checklist:not(.free-form).cloud label {
  display: inline-grid;
  margin-right: 1em;
}
.pat-checklist:not(.free-form):has(input[type=radio]) label:has(input:checked):before, .pat-checklist:not(.free-form).radio-bars label:has(input:checked):before {
  content: "";
  box-shadow: var(--pat-checklist-checkbox-box-shadow-radio-checked);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]) {
  color: rgba(0, 0, 0, 0.5);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):before {
  font-family: fontello;
  content: "\e8a6";
  text-decoration: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.3rem;
  box-shadow: none;
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):hover {
  color: black;
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):hover:before {
  color: black;
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):has(input:checked) {
  color: black;
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):has(input:checked):before {
  color: black;
  content: "\e8a5";
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form), .pat-checklist:not(.free-form).bars:not(.free-form) {
  --pat-checklist-label-padding-start: 50px;
  border-radius: 10px;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15);
  padding: 5px 5px 0 5px;
  background: #efefef;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label, .pat-checklist:not(.free-form).bars:not(.free-form) > label {
  border-radius: 7.5px;
  padding: 0.6em 0.6em 0.6em 0;
  margin-bottom: 5px;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label .label-fragment-description, .pat-checklist:not(.free-form).bars:not(.free-form) > label .label-fragment-description {
  margin-bottom: 0;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:before, .pat-checklist:not(.free-form).bars:not(.free-form) > label:before {
  justify-self: center !important;
  align-self: center;
  grid-row: 1/-1 !important;
  top: auto !important;
  transform: none !important;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:hover, .pat-checklist:not(.free-form).bars:not(.free-form) > label:hover {
  background: rgba(0, 0, 0, 0.05);
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:has(input:checked), .pat-checklist:not(.free-form).bars:not(.free-form) > label:has(input:checked) {
  background: #D40E16;
  color: white;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:has(input:checked) > *, .pat-checklist:not(.free-form).bars:not(.free-form) > label:has(input:checked) > * {
  color: white;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:has(input:checked):before, .pat-checklist:not(.free-form).bars:not(.free-form) > label:has(input:checked):before {
  color: black;
}
.pat-checklist:not(.free-form) fieldset.composed {
  padding-left: 0;
  margin-bottom: 0;
  position: relative;
}
.pat-checklist:not(.free-form) .additional-meta-data {
  position: relative;
  float: right;
  width: 70%;
  right: -100%;
  top: 0;
  opacity: 0;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  height: 0;
}
.sidebar-large .pat-checklist:not(.free-form) .additional-meta-data {
  right: 0%;
  opacity: 1;
  height: auto;
}
.pat-checklist:not(.free-form) .meta-column {
  width: 0%;
  overflow: hidden;
  -moz-transition: width 1s;
  -webkit-transition: width 1s;
  transition: width 1s;
  float: right;
  padding: 0 0.5em;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item-selector .pat-checklist:not(.free-form) .meta-column {
  padding: 1.2em 0.5em 1em;
}
.pat-checklist:not(.free-form) .meta-column.tag-cloud {
  width: 40%;
}
.sidebar-large .pat-checklist:not(.free-form) .meta-column {
  width: 30%;
}
.sidebar-large .pat-checklist:not(.free-form) .meta-column.tag-cloud {
  width: 40%;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.pat-carousel {
  margin-top: 2em;
  margin-bottom: 2em;
  /* Dots */
}
.pat-carousel:hover .slick-dots {
  opacity: 1;
}
.pat-carousel[data-pat-carousel*="height: fixed"] .slick-slide img {
  height: 500px;
  object-fit: cover;
}
@media only screen and (max-width: 767px) {
  .pat-carousel[data-pat-carousel*="height: fixed"] .slick-slide img {
    height: 200px;
  }
}
.pat-carousel .slick-slide {
  position: relative;
}
.pat-carousel .slick-slide div li {
  display: block !important;
}
.pat-carousel .slick-slide img {
  width: 100%;
  background-color: #efefef;
}
.pat-carousel .slick-slide .icon-zoom-in {
  opacity: 0;
  transition: opacity 0.4s;
  transition-delay: 0.5s;
  right: 110px;
}
@media only screen and (max-width: 767px) {
  .pat-carousel .slick-slide .icon-zoom-in {
    display: none;
  }
}
.pat-carousel .slick-slide.slick-current figcaption {
  opacity: 1;
}
.pat-carousel .slick-slide.slick-current .icon-zoom-in {
  opacity: 0.5;
}
.pat-carousel .slick-slide figcaption {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.8em;
  padding-top: 0.5em;
  line-height: 1.5;
  opacity: 0;
  transition: opacity 0.5s;
  transition-delay: 0.5s;
}
.pat-carousel .icon,
.pat-carousel .slick-prev,
.pat-carousel .slick-next {
  position: absolute;
  opacity: 0.5;
  top: 10px;
  right: 10px;
  background: rgba(0, 0, 0, 0.6);
  color: transparent;
  height: 40px;
  width: 40px;
  border-radius: 10px;
  transition: opacity 0.4s;
  overflow: hidden;
  z-index: 1;
  cursor: default;
  box-sizing: border-box;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7);
}
.pat-carousel .icon:hover,
.pat-carousel .slick-prev:hover,
.pat-carousel .slick-next:hover {
  background: rgba(0, 0, 0, 0.8);
  text-decoration: none;
}
.pat-carousel .icon:before,
.pat-carousel .slick-prev:before,
.pat-carousel .slick-next:before {
  width: 100%;
  height: 100%;
  text-align: center;
  color: white;
  display: block;
  line-height: 40px;
  margin: 0;
  font-family: fontello;
}
.pat-carousel .slick-prev.slick-disabled,
.pat-carousel .slick-next.slick-disabled {
  opacity: 0.2;
  -webkit-pointer-events: none;
  pointer-events: none;
}
.pat-carousel .slick-prev {
  right: 60px;
}
.pat-carousel [dir=rtl] .slick-prev {
  left: 60px;
  right: auto;
}
.pat-carousel .slick-prev:before {
  content: "\e8c6";
  font-size: 15px;
}
.pat-carousel [dir=rtl] .slick-prev:before {
  content: "\e8c6";
}
.pat-carousel .slick-next {
  right: 10px;
}
.pat-carousel [dir=rtl] .slick-next {
  right: auto;
  left: 10px;
}
.pat-carousel .slick-next:before {
  content: "\e888";
  font-size: 15px;
}
.pat-carousel [dir=rtl] .slick-next:before {
  content: "\e8c6";
}
.pat-carousel .slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  list-style: none;
  text-align: left;
  position: absolute;
  line-height: 15px;
  left: 14px;
  top: 10px;
  right: 160px;
  opacity: 0;
  transition: opacity 0.5s;
}
@media only screen and (max-width: 767px) {
  .slick-dots {
    display: none !important;
  }
}
.slick-dots li {
  padding: 10px 8px;
  margin: 0;
  position: relative;
  width: 20px;
  height: 15px;
  margin: 0 5px;
  display: inline-block;
}
.slick-dots li:hover button {
  background-color: rgba(0, 0, 0, 0.8);
}
.slick-dots li button {
  border-radius: 50%;
  border: 2px white solid;
  background-color: rgba(0, 0, 0, 0.4);
  width: 15px;
  height: 15px;
  color: transparent;
}
.slick-dots li button:before {
  display: none;
}
.slick-dots li.slick-active button {
  background-color: #f73558;
  border: 2px solid white;
}

.pat-collapsible .js {
  display: none;
}
.patterns-loaded .pat-collapsible .js {
  display: inherit;
}
#product-space:not(.spotlight-on) .pat-collapsible:not(.pat-modal-pop-over) {
  animation: fadeIn 1s;
}

.pat-container {
  display: block;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 40px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .pat-container {
    padding: 0 15px;
  }
}
.tooltip-container .pat-container {
  padding: 0;
}

/*!
 * Pikaday
 * Copyright © 2014 David Bushell | BSD & MIT license | http://dbushell.com/
 */
.pika-single {
  z-index: 9999;
  display: block;
  position: relative;
  color: gray;
  background: #fff;
  border: 1px solid silver;
  border-radius: 10px;
}
.pika-single.is-hidden {
  display: none;
}
.pika-single.is-bound {
  position: absolute;
  box-shadow: 0 5px 15px -5px rgba(0, 0, 0, 0.5);
}

.pika-single {
  *zoom: 1;
}
.pika-single:before, .pika-single:after {
  content: " ";
  display: table;
}
.pika-single:after {
  clear: both;
}

.pika-lendar {
  float: left;
  width: 18em;
  margin: 0.6em;
}

.pika-title {
  position: relative;
  text-align: center;
  color: black;
}
.pika-title select {
  cursor: pointer;
  position: absolute;
  z-index: 9998;
  margin: 0;
  left: 0;
  top: 5px;
  filter: alpha(opacity=0);
  opacity: 0;
}

.pika-label {
  display: inline-block;
  *display: inline;
  position: relative;
  z-index: 9999;
  overflow: hidden;
  margin: 0;
  padding: 0.3em 0.2em;
  font-size: 1.2em;
  line-height: 150%;
  font-weight: bold;
  background-color: #fff;
}

.pika-prev,
.pika-next {
  display: block;
  cursor: pointer;
  position: relative;
  outline: none;
  border: 0;
  padding: 0;
  width: 1.6em;
  height: 2.7em;
  text-indent: 2em;
  white-space: nowrap;
  overflow: hidden;
  background-color: transparent;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 75% 75%;
  opacity: 0.5;
  *position: absolute;
  *top: 0;
}
.pika-prev:hover,
.pika-next:hover {
  opacity: 1;
}
.pika-prev.is-disabled,
.pika-next.is-disabled {
  cursor: default;
  opacity: 0.2;
}

.pika-prev,
.is-rtl .pika-next {
  float: left;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAUklEQVR42u3VMQoAIBADQf8Pgj+OD9hG2CtONJB2ymQkKe0HbwAP0xucDiQWARITIDEBEnMgMQ8S8+AqBIl6kKgHiXqQqAeJepBo/z38J/U0uAHlaBkBl9I4GwAAAABJRU5ErkJggg==");
  *left: 0;
}

.pika-next,
.is-rtl .pika-prev {
  float: right;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAeCAYAAAAsEj5rAAAAU0lEQVR42u3VOwoAMAgE0dwfAnNjU26bYkBCFGwfiL9VVWoO+BJ4Gf3gtsEKKoFBNTCoCAYVwaAiGNQGMUHMkjGbgjk2mIONuXo0nC8XnCf1JXgArVIZAQh5TKYAAAAASUVORK5CYII=");
  *right: 0;
}

.pika-select {
  display: inline-block;
  *display: inline;
}

.pika-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: 0;
}
.pika-table th,
.pika-table td {
  width: 14.2857142857%;
  padding: 0.2em;
}
.pika-table th {
  color: #999;
  font-size: 1em;
  line-height: 150%;
  font-weight: bold;
  text-align: center;
}
.pika-table abbr {
  border-bottom: none;
  cursor: help;
}

.pika-button {
  cursor: pointer;
  display: block;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  border: 0;
  margin: 0;
  width: 100%;
  padding: 5px;
  color: #666;
  font-size: 1em;
  line-height: 15px;
  text-align: right;
  background: #f5f5f5;
}
.is-today .pika-button {
  color: #D40E16;
  font-weight: bold;
}
.is-selected .pika-button {
  color: #fff;
  font-weight: bold;
  background: #D40E16;
  box-shadow: inset 0 1px 3px #178fe5;
  border-radius: 10px;
}
.is-disabled .pika-button {
  pointer-events: none;
  cursor: default;
  color: #999;
  opacity: 0.3;
}
.pika-button:hover {
  color: #fff;
  background: #ff8000;
  box-shadow: none;
  border-radius: 10px;
}

.pika-week {
  font-size: 0.9em;
  color: #999;
}

@media print {
  #editor-toolbar,
  .editor-toolbar,
  .canvas-toolbar.editor-toolbar {
    display: none;
  }
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external {
  border: none;
  overflow: hidden;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button {
  postition: relative;
  text-align: center;
  outline: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  cursor: default;
  zoom: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 35px;
  width: 35px;
  line-height: 35px;
  padding: 0;
  color: transparent;
  float: left;
  margin: 0;
  background: transparent;
  border-radius: 10px;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover {
  outline: none;
  background-color: transparent;
  cursor: default;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before {
  color: black;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active {
  background-color: #D40E16 !important;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active:before {
  color: white;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:before {
  font-family: fontello;
  color: rgba(0, 0, 0, 0.6);
  position: absolute;
  font-weight: normal;
  font-style: normal;
  width: 100%;
  display: block;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video:before {
  content: "\e841";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist:before, #editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists:before {
  content: "\e85b";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before {
  content: "\e602";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline:before {
  content: "\e603";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection:before {
  content: "\e604";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor:before {
  content: "\e605";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table:before {
  content: "\e864";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before {
  content: "\e607";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote:before {
  content: "\e608";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent:before {
  content: "\e609";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist:before {
  content: "\e60a";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link:before {
  content: "\e83b";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-line:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-line:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-line:before {
  content: "—";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic:before {
  content: "\e863";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent:before {
  content: "\e60e";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image:before {
  content: "\e89f";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen:before {
  content: "\e744";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen:before {
  content: "\e611";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format:before {
  content: "\e861";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize:before {
  content: "\e613";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily:before {
  content: "\e614";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted:before {
  content: "\e85d";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-html:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-html:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-html:before {
  content: "<>";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips:before {
  content: "\e617";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold:before {
  content: "\e862";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor:before {
  content: "\e619";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file:before {
  content: "\e61a";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright:before {
  content: "\e859";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment:before, #editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft:before {
  content: "\e857";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify:before {
  content: "\e85a";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter:before {
  content: "\e858";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before {
  content: "\e867";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before {
  content: "\e866";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-romanlisting:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-romanlisting:before,
.canvas-toolbar.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-romanlisting:before {
  content: "I./II.";
}
#editor-toolbar .icon,
.editor-toolbar .icon,
.canvas-toolbar.editor-toolbar .icon {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #editor-toolbar,
  .editor-toolbar,
  .canvas-toolbar.editor-toolbar {
    display: none;
  }
}

.pat-expandable.twisties {
  list-style-type: none;
}
.pat-expandable.twisties .current {
  font-weight: bold;
  display: inline-block;
  color: red;
}
.pat-expandable.twisties li li {
  display: block;
  padding-left: 30px;
}
.pat-expandable.twisties li span.toggle {
  width: 1.2em;
  height: 1.2em;
  float: left;
  font-size: 1em;
  line-height: 1.2em;
}
.pat-expandable.twisties li ul {
  margin-bottom: 0;
  margin-left: 0;
  margin-top: 0;
  padding: 0;
  display: none;
}
.pat-expandable.twisties li.open > ul,
.pat-expandable.twisties li a {
  display: block;
}
.pat-expandable.twisties span.toggle:before {
  content: "▶";
}
.pat-expandable.twisties .open > span.toggle:before {
  content: "▼";
  display: inline-block;
}

.flag-list {
  display: grid;
  gap: 30px;
  grid-auto-rows: 1fr;
  /*
  * Phoca Flags 1.0.0 by Jan Pavelka
  * Copyright 2013 Jan Pavelka ( http://www.phoca.cz )
  * License GNU General Public License version 3
  */
  /* andorra */
  /* albania */
  /* armenia */
  /* basque */
  /* bosnia_and_herzegovina */
  /* catalonia */
  /* switzerland */
  /* cyprus */
  /* denmark */
  /* spain */
  /* europe */
  /* finland */
  /* united_kingdom */
  /* croatia */
  /* iceland */
  /* liechtenstein */
  /* macedonia */
  /* malta */
  /* portugal */
  /* serbia */
  /* sweden */
  /* slovakia */
  /* ukraine */
}
@media only screen and (min-width: 1280px) {
  .flag-list {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .flag-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media only screen and (max-width: 767px) {
  .flag-list {
    grid-template-columns: 1fr 1fr;
  }
}
.flag-list .flag {
  text-align: center;
}
.flag-list .flag a {
  display: block;
  font-size: 16px;
  line-height: 1.3;
}
.flag-list .flag a:before {
  width: 100%;
  aspect-ratio: 5/3;
  display: block;
  content: "";
  margin-bottom: 10px;
  background-size: cover;
  background-position: center;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  background-repeat: no-repeat;
  box-sizing: border-box;
  border-radius: 10px;
  transition: all 0.15s ease-out;
}
.flag-list .flag a:hover:before {
  transform: scale(1.08);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.flag-list .de a:before {
  background-image: linear-gradient(to bottom, #000 33.3333333333%, #d00 33.3333333333% 66.6666666667%, #fc0 66.6666666667%);
}
.flag-list .at a:before {
  background-image: linear-gradient(to bottom, #ed2939 33.3333333333%, #fff 33.3333333333% 66.6666666667%, #ed2939 66.6666666667%);
}
.flag-list .be a:before {
  background-image: linear-gradient(to right, #000 33.3333333333%, #fdda24 33.3333333333% 66.6666666667%, #ef3340 66.6666666667%);
}
.flag-list .bg a:before {
  background-image: linear-gradient(to bottom, #fff 33.3333333333%, #00966e 33.3333333333% 66.6666666667%, #d62612 66.6666666667%);
}
.flag-list .cz a {
  position: relative;
}
.flag-list .cz a:before {
  background-image: linear-gradient(#ffffff 50%, #d7141a 50%);
  background-size: 100% 100%;
  background-position: 0 0, 0 0, 0 0;
  background-repeat: no-repeat, no-repeat, repeat;
}
.flag-list .cz a:after {
  content: "";
  width: 50%;
  aspect-ratio: 2.5/3;
  position: absolute;
  top: 0;
  left: 0;
  background: #11457e;
  -webkit-clip-path: polygon(100% 50%, 0 0, 0 100%);
  clip-path: polygon(100% 50%, 0 0, 0 100%);
}
.flag-list .ee a:before {
  background-image: linear-gradient(to bottom, #0072ce 33.3333333333%, #000 33.3333333333% 66.6666666667%, #fff 66.6666666667%);
}
.flag-list .fr a:before {
  background-image: linear-gradient(to right, #0055a4 33.3333333333%, #fff 33.3333333333% 66.6666666667%, #ef4135 66.6666666667%);
}
.flag-list .hu a:before {
  background-image: linear-gradient(to bottom, #ce2939 33.3333333333%, #fff 33.3333333333% 66.6666666667%, #477050 66.6666666667%);
}
.flag-list .ie a:before {
  background-image: linear-gradient(to right, #169b62 33.3333333333%, #fff 33.3333333333% 66.6666666667%, #ff883e 66.6666666667%);
}
.flag-list .it a:before {
  background-image: linear-gradient(to right, #008c45 33.3333333333%, #f4f5f0 33.3333333333% 66.6666666667%, #cd212a 66.6666666667%);
}
.flag-list .lv a:before {
  background-image: linear-gradient(to bottom, #9d2235 40%, #fff 40% 60%, #9d2235 60%);
}
.flag-list .lt a:before {
  background-image: linear-gradient(to bottom, #fdb913 33.3333333333%, #006a44 33.3333333333% 66.6666666667%, #c1272d 66.6666666667%);
}
.flag-list .lu a:before {
  background-image: linear-gradient(to bottom, #ef3340 33.3333333333%, #fff 33.3333333333% 66.6666666667%, #00a3e0 66.6666666667%);
}
.flag-list .nl a:before {
  background-image: linear-gradient(to bottom, #ad1d25 33.3333333333%, #fff 33.3333333333% 66.6666666667%, #1e4785 66.6666666667%);
}
.flag-list .pl a:before {
  background-image: linear-gradient(to bottom, #fff 0 50%, #dc143c 50% 100%);
}
.flag-list .ro a:before {
  background-image: linear-gradient(to right, #002b7f 33.3333333333%, #fcd116 33.3333333333% 66.6666666667%, #ce1126 66.6666666667%);
}
.flag-list .xk a:before,
.flag-list .cs a:before {
  background-color: #244aa5;
  background-size: 70%;
  background-image: url("../../default/style/flags/flag_xk.svg");
}
.flag-list .me a:before {
  border: solid 5px #E9B528;
  background-color: #E30613;
  background-image: url("../../default/style/flags/flag_me.svg");
}
.flag-list .no a:before {
  background-image: url("../../default/style/flags/flag_no.svg");
}
.flag-list .si a:before {
  background-image: url("../../default/style/flags/flag_si.svg");
}
.flag-list .tr a:before {
  background-color: #e30a17;
  background-image: url("../../default/style/flags/flag_tr.svg");
}
.flag-list .gr a:before {
  background-size: auto 100%;
  background-position: top left;
  background-image: url("../../default/style/flags/flag_gr.svg");
}
.flag-list .il a:before {
  background-color: white;
  background-size: cover;
  background-image: url("../../default/style/flags/flag_il.svg");
}
.flag-list .ad a:before {
  background-image: url("../../default/style/flags/flag_ad.svg");
}
.flag-list .al a:before {
  background-color: #de2110;
  background-size: 70% auto;
  background-image: url("../../default/style/flags/flag_al.svg");
}
.flag-list .am a:before {
  background-image: url("../../default/style/flags/flag_am.svg");
}
.flag-list .basque a:before {
  background-image: url("../../default/style/flags/flag_basque.svg");
}
.flag-list .ba a:before {
  background-color: #161796;
  background-image: url("../../default/style/flags/flag_ba.svg");
}
.flag-list .catalonia a:before {
  background-image: url("../../default/style/flags/catalonia.svg");
}
.flag-list .ch a:before {
  background-image: url("../../default/style/flags/flag_ch.svg");
  background-size: 60% auto;
  background-color: #d52b1e;
}
.flag-list .cy a:before {
  background-image: url("../../default/style/flags/flag_cy.svg");
}
.flag-list .dk a:before {
  background-image: url("../../default/style/flags/flag_dk.svg");
}
.flag-list .es a:before {
  background-image: url("../../default/style/flags/flag_es.svg");
}
.flag-list .eu a:before {
  background-color: #039;
  background-size: 85% auto;
  background-image: url("../../default/style/flags/flag_eu.svg");
}
.flag-list .fi a:before {
  background-image: url("../../default/style/flags/flag_fi.svg");
}
.flag-list .gb a:before {
  background-image: url("../../default/style/flags/flag_gb.svg");
}
.flag-list .hr a:before {
  background-image: url("../../default/style/flags/flag_hr.svg");
}
.flag-list .is a:before {
  background-image: url("../../default/style/flags/flag_is.svg");
}
.flag-list .li a:before {
  background-image: url("../../default/style/flags/flag_li.svg");
}
.flag-list .mk a:before {
  background-image: url("../../default/style/flags/flag_mk.svg");
}
.flag-list .mt a:before {
  background-position: top left;
  background-image: url("../../default/style/flags/flag_mt.svg");
}
.flag-list .pt a:before {
  background-image: url("../../default/style/flags/flag_pt.svg");
}
.flag-list .rs a:before {
  background-image: url("../../default/style/flags/flag_rs.svg");
}
.flag-list .se a:before {
  background-image: url("../../default/style/flags/flag_se.svg");
}
.flag-list .sk a:before {
  background-image: url("../../default/style/flags/flag_sk.svg");
}
.flag-list .ua a:before {
  background-image: url("../../default/style/flags/flag_ua.svg");
}

.pat-form-field-name-value-list .pat-button-bar {
  --pat-button-bar-margin-top-bottom: 0;
}

:root {
  --form-field-range-size: 20px;
  --form-field-range-track-thickness: 2px;
}

.pat-form input[type=range] {
  -webkit-appearance: none;
  appearance: none;
  padding: 0.2em 0;
  background: transparent !important;
  border: none;
  outline: none;
  box-shadow: none;
  border-radius: 1em;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  margin-top: calc(0.5 * var(--form-field-range-track-thickness));
}
.pat-form input[type=range]:focus {
  outline: none;
  box-shadow: none;
}
.pat-form input[type=range]::-webkit-slider-runnable-track {
  height: var(--form-field-range-track-thickness);
  background: black;
  border: none;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  border-radius: 1em;
}
.pat-form input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border: none;
  height: var(--form-field-range-size);
  width: var(--form-field-range-size);
  border-radius: 50%;
  background: #009ee2;
  transform: translateY(-50%);
  margin-top: calc(0.5 * var(--form-field-range-track-thickness));
}
.pat-form input[type=range]::-moz-range-track {
  height: var(--form-field-range-track-thickness);
  background: black;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.2);
  border: none;
  border-radius: 1em;
}
.pat-form input[type=range]::-moz-range-thumb {
  border: none;
  height: var(--form-field-range-size);
  width: var(--form-field-range-size);
  border-radius: 50%;
  background: #D40E16;
}
.pat-form input[type=range]:-moz-focusring {
  outline-offset: -1px;
}
.pat-form input[type=range]::-ms-track {
  height: 0.3em;
  background: #efefef;
  border-color: transparent;
  border-width: 0.5em 0;
  color: transparent;
}
.pat-form input[type=range]::-ms-thumb {
  border: none;
  height: var(--form-field-range-size);
  width: var(--form-field-range-size);
  border-radius: 50%;
  background: #D40E16;
}
.pat-form input[type=range]:focus::-ms-fill-lower {
  background: #888;
}
.pat-form input[type=range]:focus::-ms-fill-upper {
  background: #ccc;
}

/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*
	Styles for basic PhotoSwipe functionality (sliding area, open/close transitions)
*/
/* pswp = photoswipe */
.pswp {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  overflow: hidden;
  -ms-touch-action: none;
  touch-action: none;
  z-index: 1500;
  -webkit-text-size-adjust: 100%;
  /* create separate layer, to avoid paint on window.onscroll in webkit/blink */
  -webkit-backface-visibility: hidden;
  outline: none;
}
.pswp * {
  box-sizing: border-box;
}
.pswp img {
  max-width: none;
}

/* style is added when JS option showHideOpacity is set to true */
.pswp--animate_opacity {
  /* 0.001, because opacity:0 doesn't trigger Paint action, which causes lag at start of transition */
  opacity: 0.001;
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--open {
  display: block;
}

.pswp--zoom-allowed .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in;
}

.pswp--zoomed-in .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: grab;
}

.pswp--dragging .pswp__img {
  /* autoprefixer: off */
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: grabbing;
}

/*
	Background is added as a separate element.
	As animating opacity is much faster than animating rgba() background-color.
*/
.pswp__bg {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0;
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__scroll-wrap {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pswp__container,
.pswp__zoom-wrap {
  -ms-touch-action: none;
  touch-action: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

/* Prevent selection and tap highlights */
.pswp__container,
.pswp__img {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-touch-callout: none;
}

.pswp__zoom-wrap {
  position: absolute;
  width: 100%;
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  /* for open/close transition */
  transition: transform 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp__bg {
  will-change: opacity;
  /* for open/close transition */
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

.pswp--animated-in .pswp__bg,
.pswp--animated-in .pswp__zoom-wrap {
  -webkit-transition: none;
  transition: none;
}

.pswp__container,
.pswp__zoom-wrap {
  -webkit-backface-visibility: hidden;
}

.pswp__item {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  overflow: hidden;
}

.pswp__img {
  position: absolute;
  width: auto;
  height: auto;
  top: 0;
  left: 0;
}

/*
	stretched thumbnail or div placeholder element (see below)
	style is added to avoid flickering in webkit/blink when layers overlap
*/
.pswp__img--placeholder {
  -webkit-backface-visibility: hidden;
}

/*
	div element that matches size of large image
	large image loads on top of it
*/
.pswp__img--placeholder--blank {
  background: #222;
}

.pswp--ie .pswp__img {
  width: 100% !important;
  height: auto !important;
  left: 0;
  top: 0;
}

/*
	Error message appears when image is not loaded
	(JS option errorMsg controls markup)
*/
.pswp__error-msg {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  font-size: 14px;
  line-height: 16px;
  margin-top: -8px;
  color: #CCC;
}

.pswp__error-msg a {
  color: #CCC;
  text-decoration: underline;
}

/*! PhotoSwipe Default UI CSS by Dmitry Semenov | photoswipe.com | MIT license */
/*

	Contents:

	1. Buttons
	2. Share modal and links
	3. Index indicator ("1 of X" counter)
	4. Caption
	5. Loading indicator
	6. Additional styles (root element, top bar, idle state, hidden state, etc.)

*/
/*

	1. Buttons

 */
/* <button> css reset */
.pswp__button {
  width: 44px;
  height: 44px;
  position: relative;
  background: none;
  cursor: pointer;
  overflow: visible;
  -webkit-appearance: none;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
  float: right;
  opacity: 0.75;
  transition: opacity 0.2s;
  box-shadow: none;
}
.pswp__button:focus, .pswp__button:hover {
  opacity: 1;
}
.pswp__button:active {
  outline: none;
  opacity: 0.9;
}
.pswp__button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

/* pswp__ui--over-close class it added when mouse is over element that should close gallery */
.pswp__ui--over-close .pswp__button--close {
  opacity: 1;
}

.pswp__button,
.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  background: url(../../quaive/style/photoswipe/default-skin.png) 0 0 no-repeat;
  background-size: 264px 88px;
  width: 44px;
  height: 44px;
}

@media (-webkit-min-device-pixel-ratio: 1.1), (min-resolution: 105dpi), (min-resolution: 1.1dppx) {
  /* Serve SVG sprite if browser supports SVG and resolution is more than 105dpi */
  .pswp--svg .pswp__button,
  .pswp--svg .pswp__button--arrow--left:before,
  .pswp--svg .pswp__button--arrow--right:before {
    background-image: url(../../quaive/style/photoswipe/default-skin.svg);
  }
  .pswp--svg .pswp__button--arrow--left,
  .pswp--svg .pswp__button--arrow--right {
    background: none;
  }
}
.pswp__button--close {
  background-position: 0 -44px;
}

.pswp__button--share {
  background-position: -44px -44px;
}

.pswp__button--fs {
  display: none;
}

.pswp--supports-fs .pswp__button--fs {
  display: block;
}

.pswp--fs .pswp__button--fs {
  background-position: -44px 0;
}

.pswp__button--zoom {
  display: none;
  background-position: -88px 0;
}

.pswp--zoom-allowed .pswp__button--zoom {
  display: block;
}

.pswp--zoomed-in .pswp__button--zoom {
  background-position: -132px 0;
}

/* no arrows on touch screens */
.pswp--touch .pswp__button--arrow--left,
.pswp--touch .pswp__button--arrow--right {
  visibility: hidden;
}

/*
	Arrow buttons hit area
	(icon is added to :before pseudo-element)
*/
.pswp__button--arrow--left,
.pswp__button--arrow--right {
  background: none;
  top: 50%;
  margin-top: -50px;
  width: 70px;
  height: 100px;
  position: absolute;
}

.pswp__button--arrow--left {
  left: 0;
}

.pswp__button--arrow--right {
  right: 0;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  content: "";
  top: 35px;
  background-color: rgba(0, 0, 0, 0.3);
  height: 30px;
  width: 32px;
  position: absolute;
}

.pswp__button--arrow--left:before {
  left: 6px;
  background-position: -138px -44px;
}

.pswp__button--arrow--right:before {
  right: 6px;
  background-position: -94px -44px;
}

/*

	2. Share modal/popup and links

 */
.pswp__counter,
.pswp__share-modal {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.pswp__share-modal {
  display: block;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  padding: 10px;
  position: absolute;
  z-index: 1600;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  -webkit-backface-visibility: hidden;
  will-change: opacity;
}

.pswp__share-modal--hidden {
  display: none;
}

.pswp__share-tooltip {
  z-index: 1620;
  position: absolute;
  background: #FFF;
  top: 56px;
  border-radius: 2px;
  display: block;
  width: auto;
  right: 44px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25);
  transform: translateY(6px);
  transition: transform 0.25s;
  -webkit-backface-visibility: hidden;
  will-change: transform;
}
.pswp__share-tooltip a {
  display: block;
  padding: 8px 12px;
  color: #000;
  text-decoration: none;
  font-size: 14px;
  line-height: 18px;
}
.pswp__share-tooltip a:hover {
  text-decoration: none;
  color: #000;
}
.pswp__share-tooltip a:first-child {
  /* round corners on the first/last list item */
  border-radius: 2px 2px 0 0;
}
.pswp__share-tooltip a:last-child {
  border-radius: 0 0 2px 2px;
}

.pswp__share-modal--fade-in {
  opacity: 1;
}
.pswp__share-modal--fade-in .pswp__share-tooltip {
  transform: translateY(0);
}

/* increase size of share links on touch devices */
.pswp--touch .pswp__share-tooltip a {
  padding: 16px 12px;
}

a.pswp__share--facebook:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  position: absolute;
  top: -12px;
  right: 15px;
  border: 6px solid rgba(0, 0, 0, 0);
  border-bottom-color: #FFF;
  -webkit-pointer-events: none;
  -moz-pointer-events: none;
  pointer-events: none;
}
a.pswp__share--facebook:hover {
  background: #3E5C9A;
  color: #FFF;
}
a.pswp__share--facebook:hover:before {
  border-bottom-color: #3E5C9A;
}

a.pswp__share--twitter:hover {
  background: #55ACEE;
  color: #FFF;
}

a.pswp__share--pinterest:hover {
  background: #CCC;
  color: #CE272D;
}

a.pswp__share--download:hover {
  background: #DDD;
}

/*

	3. Index indicator ("1 of X" counter)

 */
.pswp__counter {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  font-size: 13px;
  line-height: 44px;
  color: #FFF;
  opacity: 0.75;
  padding: 0 10px;
}

/*

	4. Caption

 */
.pswp__caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 44px;
}
.pswp__caption small {
  font-size: 11px;
  color: #BBB;
}

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC;
}
body[dir=rtl] .pswp__caption__center {
  text-align: right;
}

.pswp__caption--empty {
  display: none;
}

/* Fake caption element, used to calculate height of next/prev image */
.pswp__caption--fake {
  visibility: hidden;
}

/*

	5. Loading indicator (preloader)

	You can play with it here - http://codepen.io/dimsemenov/pen/yyBWoR

 */
.pswp__preloader {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -22px;
  opacity: 0;
  transition: opacity 0.25s ease-out;
  will-change: opacity;
  direction: ltr;
}

.pswp__preloader__icn {
  width: 20px;
  height: 20px;
  margin: 12px;
}

.pswp__preloader--active {
  opacity: 1;
}
.pswp__preloader--active .pswp__preloader__icn {
  /* We use .gif in browsers that don't support CSS animation */
  background: url(../../quaive/style/photoswipe/preloader.gif) 0 0 no-repeat;
}

.pswp--css_animation .pswp__preloader--active {
  opacity: 1;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
  animation: clockwise 500ms linear infinite;
}
.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
  animation: donut-rotate 1000ms cubic-bezier(0.4, 0, 0.22, 1) infinite;
}
.pswp--css_animation .pswp__preloader__icn {
  background: none;
  opacity: 0.75;
  width: 14px;
  height: 14px;
  position: absolute;
  left: 15px;
  top: 15px;
  margin: 0;
}
.pswp--css_animation .pswp__preloader__cut {
  /* 
  	The idea of animating inner circle is based on Polymer ("material") loading indicator 
  	 by Keanu Lee https://blog.keanulee.com/2014/10/20/the-tale-of-three-spinners.html
  */
  position: relative;
  width: 7px;
  height: 14px;
  overflow: hidden;
}
.pswp--css_animation .pswp__preloader__donut {
  box-sizing: border-box;
  width: 14px;
  height: 14px;
  border: 2px solid #FFF;
  border-radius: 50%;
  border-left-color: transparent;
  border-bottom-color: transparent;
  position: absolute;
  top: 0;
  left: 0;
  background: none;
  margin: 0;
}

@media screen and (max-width: 1024px) {
  .pswp__preloader {
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    float: right;
  }
}
@keyframes clockwise {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes donut-rotate {
  0% {
    transform: rotate(0);
  }
  50% {
    transform: rotate(-140deg);
  }
  100% {
    transform: rotate(0);
  }
}
/*

	6. Additional styles

 */
/* root element of UI */
.pswp__ui {
  -webkit-font-smoothing: auto;
  visibility: visible;
  opacity: 1;
  z-index: 1550;
}

/* top black bar with buttons and "1 of X" indicator */
.pswp__top-bar {
  position: absolute;
  left: 0;
  top: 0;
  height: 44px;
  width: 100%;
}

.pswp__caption,
.pswp__top-bar,
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  -webkit-backface-visibility: hidden;
  will-change: opacity;
  transition: opacity 333ms cubic-bezier(0.4, 0, 0.22, 1);
}

/* pswp--has_mouse class is added only when two subsequent mousemove events occur */
.pswp--has_mouse .pswp__button--arrow--left,
.pswp--has_mouse .pswp__button--arrow--right {
  visibility: visible;
}

.pswp__top-bar,
.pswp__caption {
  background-color: rgba(0, 0, 0, 0.5);
}

/* pswp__ui--fit class is added when main image "fits" between top bar and bottom bar (caption) */
.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background-color: rgba(0, 0, 0, 0.3);
}

/* pswp__ui--idle class is added when mouse isn't moving for several seconds (JS option timeToIdle) */
.pswp__ui--idle .pswp__top-bar {
  opacity: 0;
}
.pswp__ui--idle .pswp__button--arrow--left,
.pswp__ui--idle .pswp__button--arrow--right {
  opacity: 0;
}

/*
	pswp__ui--hidden class is added when controls are hidden
	e.g. when user taps to toggle visibility of controls
*/
.pswp__ui--hidden .pswp__top-bar,
.pswp__ui--hidden .pswp__caption,
.pswp__ui--hidden .pswp__button--arrow--left,
.pswp__ui--hidden .pswp__button--arrow--right {
  /* Force paint & create composition layer for controls. */
  opacity: 0.001;
}

/* pswp__ui--one-slide class is added when there is just one item in gallery */
.pswp__ui--one-slide .pswp__button--arrow--left,
.pswp__ui--one-slide .pswp__button--arrow--right,
.pswp__ui--one-slide .pswp__counter {
  display: none;
}

.pswp__element--disabled {
  display: none !important;
}

.pswp--minimal--dark .pswp__top-bar {
  background: none;
}

.pswp {
  z-index: 9999;
}

.pswp img[src*=".svg"] {
  background: white;
}

.pswp__button--arrow--left:before,
.pswp__button--arrow--right:before {
  width: 40px;
  height: 40px;
  line-height: 40px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7);
  background: rgba(0, 0, 0, 0.3) !important;
  border-radius: 10px;
  color: white;
  text-align: center;
  font-size: 15px;
  font-family: fontello;
}
.pswp__button--arrow--left:before:hover,
.pswp__button--arrow--right:before:hover {
  background: rgba(0, 0, 0, 0.6) !important;
}

.pswp__button--arrow--left:before {
  content: "\e8c6";
}

.pswp__button--arrow--right:before {
  content: "\e888";
}

.pswp__bg {
  background-color: rgba(255, 255, 255, 0.95);
}
.backdropfilter .pswp__bg {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(100px) saturate(4) brightness(1.2);
  backdrop-filter: blur(100px) saturate(4) brightness(1.2);
}

.pswp__counter {
  color: black;
}

.pswp__ui--fit .pswp__top-bar,
.pswp__ui--fit .pswp__caption {
  background: none;
}
.pswp__ui--fit .pswp__top-bar .pswp__caption__center,
.pswp__ui--fit .pswp__caption .pswp__caption__center {
  text-align: center;
  color: black;
}

/*
This code is based on Zurb Foundation's grid framework.

@license Zurb Foundation @http://foundation.zurb.com@

Copyright (c) 2012 Mark Hayes
*/
.row,
.columns {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* @group The Grid */
.row {
  margin: 0 -1.5rem;
}
.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -1.5rem;
}
.row.collapse .column, .row.collapse .columns {
  padding: 0;
}
.row .row {
  width: auto;
  max-width: none;
  min-width: 0;
  margin: 0 -1.5rem;
}
.row .row.collapse {
  margin: 0;
}

.column,
.columns {
  float: left;
  min-height: 1px;
  padding: 0 1.5rem;
  position: relative;
}
.column > .panel,
.columns > .panel {
  height: 100%;
  box-sizing: border-box;
}

.column.centered, .columns.centered {
  float: none;
  margin: 0 auto;
}

[class*=column] + [class*=column]:last-child {
  float: right;
}
[class*=column] + [class*=column].end {
  float: left;
}

.one, .row .one {
  width: 8.33333%;
}

.two, .row .two {
  width: 16.66667%;
}

.three, .row .three {
  width: 25%;
}

.four, .row .four {
  width: 33.33333%;
}

.five, .row .five {
  width: 41.66667%;
}

.six, .row .six {
  width: 50%;
}

.seven, .row .seven {
  width: 58.33333%;
}

.eight, .row .eight {
  width: 66.66667%;
}

.nine, .row .nine {
  width: 75%;
}

.ten, .row .ten {
  width: 83.33333%;
}

.eleven, .row .eleven {
  width: 91.66667%;
}

.twelve {
  width: 100%;
}

.row .twelve {
  width: 100%;
}
.row .offset-by-one {
  margin-left: 8.33333%;
}
.row .offset-by-two {
  margin-left: 16.66667%;
}
.row .offset-by-three {
  margin-left: 25%;
}
.row .offset-by-four {
  margin-left: 33.33333%;
}
.row .offset-by-five {
  margin-left: 41.66667%;
}
.row .offset-by-six {
  margin-left: 50%;
}
.row .offset-by-seven {
  margin-left: 58.33333%;
}
.row .offset-by-eight {
  margin-left: 66.66667%;
}
.row .offset-by-nine {
  margin-left: 75%;
}
.row .offset-by-ten {
  margin-left: 83.33333%;
}

.push-two {
  left: 16.66667%;
}

.pull-two {
  right: 16.66667%;
}

.push-three {
  left: 25%;
}

.pull-three {
  right: 25%;
}

.push-four {
  left: 33.33333%;
}

.pull-four {
  right: 33.33333%;
}

.push-five {
  left: 41.66667%;
}

.pull-five {
  right: 41.66667%;
}

.push-six {
  left: 50%;
}

.pull-six {
  right: 50%;
}

.push-seven {
  left: 58.33333%;
}

.pull-seven {
  right: 58.33333%;
}

.push-eight {
  left: 66.66667%;
}

.pull-eight {
  right: 66.66667%;
}

.push-nine {
  left: 75%;
}

.pull-nine {
  right: 75%;
}

.push-ten {
  left: 83.33333%;
}

.pull-ten {
  right: 83.33333%;
}

/* @end */
/* @group Micro clearfix */
/* Nicolas Gallagher's micro clearfix */
.row {
  *zoom: 1;
}
.row:before {
  content: " ";
  display: table;
}
.row:after {
  content: " ";
  display: table;
  clear: both;
}

/* @end */
@media only screen and (max-width: 767px) {
  /* Global Misc --- */
  /*                 */
  body {
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    min-width: 0;
    margin-left: 0;
    margin-right: 0;
  }
  /* The Grid --- */
  /*              */
  .row,
  .row .row {
    width: auto;
    margin: 0;
    min-width: 0;
  }
  .column, .columns {
    width: auto !important;
    float: none;
    padding: 0;
  }
  .column:last-child, .columns:last-child, [class*=column] + [class*=column]:last-child {
    float: none;
  }
  .column:before, .columns:before, .column:after, .columns:after {
    content: "";
    display: table;
  }
  .column:after, .columns:after {
    clear: both;
  }
  .offset-by-one, .offset-by-two, .offset-by-three, .offset-by-four, .offset-by-five, .offset-by-six, .offset-by-seven, .offset-by-eight, .offset-by-nine, .offset-by-ten {
    margin-left: 0 !important;
  }
  .push-two, .push-three, .push-four, .push-five, .push-six, .push-seven, .push-eight, .push-nine, .push-ten {
    left: auto;
  }
  .pull-two, .pull-three, .pull-four, .pull-five, .pull-six, .pull-seven, .pull-eight, .pull-nine, .pull-ten {
    right: auto;
  }
}
.pat-grid-list {
  margin-bottom: 2em;
  margin-top: 0;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
}
.pat-grid-list.hd {
  font-size: 0.8em;
}
.pat-grid-list.hd dt,
.pat-grid-list.hd dd {
  padding-top: 0.1em;
  padding-bottom: 0.1em;
}
@media only screen and (min-width: 768px) {
  .pat-grid-list {
    display: grid;
    grid-column-gap: 0;
    grid-template-columns: 30% 70%;
  }
}
@media print {
  .pat-grid-list {
    display: grid;
    grid-column-gap: 0;
    grid-template-columns: 30% 70%;
  }
}
.pat-grid-list dt {
  font-weight: bold;
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 0.5em;
}
@media only screen and (min-width: 768px) {
  .pat-grid-list dt {
    padding-right: 2%;
    padding-bottom: 0.5em;
  }
}
@media only screen and (max-width: 767px) {
  .pat-grid-list dt {
    width: 100%;
    float: none;
    display: block;
    margin: 0;
    overflow: hidden;
    clear: left;
  }
}
@media print {
  .pat-grid-list dt {
    display: block;
    width: 100%;
    border: none;
  }
}
.pat-grid-list dd {
  margin-bottom: 0;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  margin-left: 0;
}
.pat-grid-list dd:has(.functions) {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-areas: "value functions";
  grid-auto-rows: auto;
  grid-auto-flow: dense;
  gap: 15px;
}
@media print {
  .pat-grid-list dd {
    display: block;
    border: none;
    clear: both;
    width: 100%;
  }
}
.pat-grid-list dd > * {
  grid-area: value;
}
.pat-grid-list dd > .functions {
  grid-area: functions;
  align-self: start;
  justify-self: end;
  gap: 10px;
  display: flex;
  flex-wrap: nowrap;
}
.pat-grid-list dd .item-info-card {
  display: block;
  padding: 40px;
  box-sizing: border-box;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: var(--pat-form-panel-background-colour);
  margin-bottom: 19px;
  --pat-toolbar-margin-bottom: 15px;
  padding: 1rem;
  margin-bottom: 0;
}
.pat-grid-list dd .item-info-card .well-title-group {
  position: relative;
}
.pat-grid-list dd .item-info-card .well-title-group .buttons {
  position: absolute;
  right: calc(var(--pat-form-panel-padding) + 31px + 15px);
  top: 50%;
  transform: translateY(-50%);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon {
  overflow: hidden;
  width: 31px;
  height: 31px;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.08);
  color: transparent;
  position: relative;
  float: right;
  margin-left: 15px;
  border-radius: 10px;
  font-style: normal;
  font-weight: normal;
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon:after {
  font-family: fontello;
  font-size: 1em;
  z-index: 1;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  display: block;
  position: absolute;
  color: #009ee2;
  top: 0;
  left: 0;
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon:hover:after {
  color: color-mix(in lch, colour-link, black 90%);
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.tooltip-active-click {
  background-color: #D40E16;
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.tooltip-active-click:after {
  color: white;
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.help:after {
  content: "\f128";
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.add:after {
  content: "\e825";
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.download:after {
  content: "\e809";
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.settings:after {
  content: "\e804";
}
.pat-grid-list dd .item-info-card .well-title-group .buttons .icon.more:after {
  content: "\e865";
  line-height: calc(31px + 3px);
}
.pat-grid-list dd .item-info-card .well-header {
  margin-bottom: 40px;
  line-height: 1.3;
  font-size: 28px;
  font-weight: normal;
  color: black;
}
.pat-grid-list dd .item-info-card .well-header .pat-avatar {
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  font-size: 0.7em;
}
.pat-grid-list dd .item-info-card .well-separation-header {
  margin-bottom: 1em;
  margin-top: 1.5em;
  font-size: 24px;
  font-weight: bold;
}
.pat-grid-list dd .item-info-card .well-separation-header:first-child {
  margin-top: 0;
}
.pat-grid-list dd .item-info-card.pat-collapsible {
  transition: padding 0.4s;
  padding: 0;
}
.pat-grid-list dd .item-info-card.pat-collapsible .panel-content > *:last-child {
  margin-bottom: 0;
}
.pat-grid-list dd .item-info-card.pat-collapsible > .well-header,
.pat-grid-list dd .item-info-card.pat-collapsible > .well-title-group > .well-header {
  padding-right: 50px;
  padding-left: 40px;
  position: relative;
  margin: 0;
  transition: padding 0.4s;
}
.pat-grid-list dd .item-info-card.pat-collapsible > .well-header:after,
.pat-grid-list dd .item-info-card.pat-collapsible > .well-title-group > .well-header:after {
  font-family: fontello;
  content: "\e855";
  font-size: 0.65em;
  background-color: rgba(0, 0, 0, 0.08);
  color: #009ee2;
  position: absolute;
  right: var(--pat-form-panel-padding);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  border-radius: 10px;
  display: inline-block;
}
.pat-grid-list dd .item-info-card.pat-collapsible > .well-header:hover:after,
.pat-grid-list dd .item-info-card.pat-collapsible > .well-title-group > .well-header:hover:after {
  background-color: rgba(0, 0, 0, 0.1);
  color: color-mix(in lch, colour-link, black 90%);
}
.pat-grid-list dd .item-info-card.pat-collapsible.open, .pat-grid-list dd .item-info-card.pat-collapsible.closed.in-progress {
  transition: box-shadow 2s;
}
.pat-grid-list dd .item-info-card.pat-collapsible.open > .well-header,
.pat-grid-list dd .item-info-card.pat-collapsible.open > .well-title-group > .well-header, .pat-grid-list dd .item-info-card.pat-collapsible.closed.in-progress > .well-header,
.pat-grid-list dd .item-info-card.pat-collapsible.closed.in-progress > .well-title-group > .well-header {
  padding-top: 40px;
  padding-bottom: 40px;
}
.pat-grid-list dd .item-info-card.pat-collapsible.closed:hover {
  box-shadow: var(--pat-form-panel-box-shadow-hover);
}
.pat-grid-list dd .item-info-card.pat-collapsible.closed > .well-header,
.pat-grid-list dd .item-info-card.pat-collapsible.closed > .well-title-group > .well-header, .pat-grid-list dd .item-info-card.pat-collapsible.open.in-progress > .well-header,
.pat-grid-list dd .item-info-card.pat-collapsible.open.in-progress > .well-title-group > .well-header {
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
}
.pat-grid-list dd .item-info-card.pat-collapsible.closed > .well-header:after,
.pat-grid-list dd .item-info-card.pat-collapsible.closed > .well-title-group > .well-header:after, .pat-grid-list dd .item-info-card.pat-collapsible.open.in-progress > .well-header:after,
.pat-grid-list dd .item-info-card.pat-collapsible.open.in-progress > .well-title-group > .well-header:after {
  content: "\e856";
}
.pat-grid-list dd .item-info-card.pat-collapsible > .panel-content {
  padding: 0 40px 40px;
  box-sizing: border-box;
}
.pat-grid-list dd .item-info-card form > fieldset:last-child,
.pat-grid-list dd .item-info-card form > fieldset:last-child > .button-bar:last-child {
  margin-bottom: 0;
}
.pat-grid-list dd .item-info-card > *:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .pat-grid-list dd .item-info-card {
    padding: 20px;
  }
}
.pat-grid-list dd .item-info-card.success {
  background-color: #e1eddb;
}
.pat-grid-list dd .item-info-card.success input {
  color: #222222;
}
.pat-grid-list dd .item-info-card.notice {
  background-color: #fdfdc8;
}
.pat-grid-list dd .item-info-card.warning {
  background-color: #fbead9;
}
.pat-grid-list dd .item-info-card.warning input {
  color: #222222;
}
.pat-grid-list dd .item-info-card.info {
  background-color: #d9edf7;
}
.pat-grid-list dd .item-info-card.success input,
.pat-grid-list dd .item-info-card.success textarea,
.pat-grid-list dd .item-info-card.success select, .pat-grid-list dd .item-info-card.warning input,
.pat-grid-list dd .item-info-card.warning textarea,
.pat-grid-list dd .item-info-card.warning select {
  background-color: rgba(0, 0, 0, 0.3);
  outline: white 1px solid;
}
.pat-grid-list dd .item-info-card.success select, .pat-grid-list dd .item-info-card.warning select {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgLTEuNDk2IDEyIDEwIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIC0xLjQ5NiAxMiAxMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCwwIDQuMjA1LDcuMDA5IDguNDEsMCAiLz4NCjwvc3ZnPg0K);
}
.horizontal .pat-grid-list dd .item-info-card {
  --pat-form-panel-background-colour: white;
}
.pat-grid-list dd .item-info-card .title {
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.pat-grid-list dd .item-info-card .tag-cloud {
  margin-top: 5px;
}
.pat-grid-list dd .item-info-card > *:last-child {
  margin-bottom: 0;
}
.pat-grid-list dd .item-info-card .meta {
  margin-top: 5px;
  font-weight: normal;
  color: #535353;
  width: 100%;
}
.pat-grid-list dd .item-info-card .meta:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .pat-grid-list dd .item-info-card .meta {
    display: inline;
  }
}
@media only screen and (min-width: 768px) {
  .pat-grid-list dd .item-info-card .meta .meta-item {
    border-left: 1px solid #535353;
    padding: 0 0.2em;
    display: inline-block;
  }
  .pat-grid-list dd .item-info-card .meta .meta-item:before {
    content: "  ";
    display: inline;
  }
  .pat-grid-list dd .item-info-card .meta .meta-item:first-child {
    padding-left: 0;
    border-left: none;
  }
  .pat-grid-list dd .item-info-card .meta .meta-item:first-child:before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .pat-grid-list dd .item-info-card .meta .meta-item:after {
    content: ", ";
  }
}
.pat-grid-list dd > *:last-child {
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .pat-grid-list dd {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
  }
}
@media only screen and (max-width: 767px) {
  .pat-grid-list dd {
    width: 100%;
    float: none;
    display: block;
    border: none;
    overflow: hidden;
  }
  #user-data-view .pat-grid-list dd {
    padding-left: 30px;
    box-sizing: border-box;
  }
}

:root {
  --pat-checklist-label-padding-start: 1.5em;
  --pat-checklist-label-padding-end: 0;
  --pat-checklist-item-separation: 0.2em;
  --pat-checklist-checkbox-size: 18px;
  --pat-checklist-checkbox-background-colour: white;
  --pat-checklist-checkbox-box-shadow: inset 0 0 0 2px black;
  --pat-checklist-checkbox-box-shadow-checked: none;
  --pat-checklist-checkbox-box-shadow-radio-checked: inset 0 0 0 2px var(--colour-accent), inset 0 0 0 5px white;
  --pat-checklist-checkbox-background-colour-checked: var(--colour-accent);
  --pat-checklist-checkbox-border-radius: calc(0.25 * var(--pat-checklist-checkbox-size));
  --pat-checklist-line-height: 24px;
  --pat-checklist-checkbox-vertical-position: 12px;
  --pat-checklist-margin-bottom: 1rem;
}

label.pat-checklist {
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: "icon label" ".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  padding-left: 1.1em;
  padding-right: 0.5em;
}
body[dir=rtl] label.pat-checklist {
  padding-left: var(--pat-checklist-label-padding-end);
}
label.pat-checklist > * {
  grid-area: label;
}
label.pat-checklist:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
label.pat-checklist:has(input[type=checkbox]):before, label.pat-checklist:has(input[type=radio]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: "";
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
label.pat-checklist:has(input[type=radio]):before {
  border-radius: 50%;
}
label.pat-checklist:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: "\e829";
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
label.pat-checklist:has([disabled]):has(input[type=checkbox]):before, label.pat-checklist:has([disabled]):has(input[type=radio]):before, label.pat-checklist:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before, label.pat-checklist:has([disabled]) .label-fragment-description:has(input[type=radio]):before {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
label.pat-checklist .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
}
label.pat-checklist .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
label.pat-checklist .label-fragment-description > * {
  color: black;
}
label.pat-checklist input[type=checkbox],
label.pat-checklist input[type=radio] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
}
.pat-checklist:not(.free-form) {
  line-height: 1.2em;
  min-height: 0.7em;
  margin-bottom: var(--pat-checklist-margin-bottom);
}
form.vertical .pat-checklist:not(.free-form) > legend, form fieldset.vertical .pat-checklist:not(.free-form) > legend,
form.vertical .pat-checklist:not(.free-form) > .legend,
form fieldset.vertical .pat-checklist:not(.free-form) > .legend {
  margin-bottom: calc(2 * var(--pat-checklist-item-separation));
}
.pat-checklist:not(.free-form) .pat-checklist-sub {
  padding-left: 1em;
  padding-bottom: 1em;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label,
.pat-checklist:not(.free-form) .pat-checklist-sub .label,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label {
  display: block;
  position: relative;
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: "icon label" ".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  margin-top: var(--pat-checklist-item-separation);
  margin-bottom: var(--pat-checklist-item-separation);
  white-space: normal;
}
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > label,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label,
body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > li > label {
  padding-left: var(--pat-checklist-label-padding-end);
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label > *,
.pat-checklist:not(.free-form) .pat-checklist-sub .label > *,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label > * {
  grid-area: label;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(:focus):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(:focus):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input[type=checkbox]):before, .pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input[type=radio]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: "";
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input[type=radio]):before {
  border-radius: 50%;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has(input:checked):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has(input:checked):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: "\e829";
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]):has(input[type=checkbox]):before, .pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]):has(input[type=radio]):before, .pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before, .pat-checklist:not(.free-form) .pat-checklist-sub > label:has([disabled]) .label-fragment-description:has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]):has(input[type=checkbox]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]):has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:has([disabled]) .label-fragment-description:has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]):has(input[type=checkbox]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]):has(input[type=radio]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:has([disabled]) .label-fragment-description:has(input[type=radio]):before {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label .label-fragment-title,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-title,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-description,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label .label-fragment-description > *,
.pat-checklist:not(.free-form) .pat-checklist-sub .label .label-fragment-description > *,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label .label-fragment-description > * {
  color: black;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label input[type=checkbox],
.pat-checklist:not(.free-form) .pat-checklist-sub > label input[type=radio],
.pat-checklist:not(.free-form) .pat-checklist-sub .label input[type=checkbox],
.pat-checklist:not(.free-form) .pat-checklist-sub .label input[type=radio],
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label input[type=checkbox],
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label input[type=radio] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
}
.pat-checklist:not(.free-form) .pat-checklist-sub > label:after,
.pat-checklist:not(.free-form) .pat-checklist-sub .label:after,
.pat-checklist:not(.free-form) .pat-checklist-sub > li > label:after {
  content: " ";
  display: table;
  clear: both;
}
.pat-checklist:not(.free-form) > br {
  display: none;
}
.pat-checklist:not(.free-form):not(.free-form) > label,
.pat-checklist:not(.free-form):not(.free-form) .label,
.pat-checklist:not(.free-form):not(.free-form) li > label {
  display: block;
  position: relative;
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: "icon label" ".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  margin-top: var(--pat-checklist-item-separation);
  margin-bottom: var(--pat-checklist-item-separation);
  white-space: normal;
  font-weight: normal;
}
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) > label,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label,
body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li > label {
  padding-left: var(--pat-checklist-label-padding-end);
}
.pat-checklist:not(.free-form):not(.free-form) > label > *,
.pat-checklist:not(.free-form):not(.free-form) .label > *,
.pat-checklist:not(.free-form):not(.free-form) li > label > * {
  grid-area: label;
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(:focus):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(:focus):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(input[type=checkbox]):before, .pat-checklist:not(.free-form):not(.free-form) > label:has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input[type=radio]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: "";
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input[type=radio]):before {
  border-radius: 50%;
}
.pat-checklist:not(.free-form):not(.free-form) > label:has(input:checked):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has(input:checked):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: "\e829";
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
.pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]):has(input[type=checkbox]):before, .pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]):has(input[type=radio]):before, .pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before, .pat-checklist:not(.free-form):not(.free-form) > label:has([disabled]) .label-fragment-description:has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]):has(input[type=checkbox]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]):has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form):not(.free-form) .label:has([disabled]) .label-fragment-description:has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]):has(input[type=checkbox]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]):has(input[type=radio]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before,
.pat-checklist:not(.free-form):not(.free-form) li > label:has([disabled]) .label-fragment-description:has(input[type=radio]):before {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
.pat-checklist:not(.free-form):not(.free-form) > label .label-fragment-title,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-title,
.pat-checklist:not(.free-form):not(.free-form) li > label .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
}
.pat-checklist:not(.free-form):not(.free-form) > label .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-description,
.pat-checklist:not(.free-form):not(.free-form) li > label .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
.pat-checklist:not(.free-form):not(.free-form) > label .label-fragment-description > *,
.pat-checklist:not(.free-form):not(.free-form) .label .label-fragment-description > *,
.pat-checklist:not(.free-form):not(.free-form) li > label .label-fragment-description > * {
  color: black;
}
.pat-checklist:not(.free-form):not(.free-form) > label input[type=checkbox],
.pat-checklist:not(.free-form):not(.free-form) > label input[type=radio],
.pat-checklist:not(.free-form):not(.free-form) .label input[type=checkbox],
.pat-checklist:not(.free-form):not(.free-form) .label input[type=radio],
.pat-checklist:not(.free-form):not(.free-form) li > label input[type=checkbox],
.pat-checklist:not(.free-form):not(.free-form) li > label input[type=radio] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
}
.pat-checklist:not(.free-form):not(.free-form) > label:first-of-type,
.pat-checklist:not(.free-form):not(.free-form) .label:first-of-type,
.pat-checklist:not(.free-form):not(.free-form) li > label:first-of-type {
  margin-top: 0;
}
.pat-checklist:not(.free-form).cloud label {
  display: inline-grid;
  margin-right: 1em;
}
.pat-checklist:not(.free-form):has(input[type=radio]) label:has(input:checked):before, .pat-checklist:not(.free-form).radio-bars label:has(input:checked):before {
  content: "";
  box-shadow: var(--pat-checklist-checkbox-box-shadow-radio-checked);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]) {
  color: rgba(0, 0, 0, 0.5);
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):before {
  font-family: fontello;
  content: "\e8a6";
  text-decoration: none;
  background-color: transparent;
  color: rgba(0, 0, 0, 0.5);
  font-size: 1.3rem;
  box-shadow: none;
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):hover {
  color: black;
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):hover:before {
  color: black;
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):has(input:checked) {
  color: black;
}
.pat-checklist:not(.free-form).show-and-hide label:has(input[type=checkbox]):has(input:checked):before {
  color: black;
  content: "\e8a5";
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form), .pat-checklist:not(.free-form).bars:not(.free-form) {
  --pat-checklist-label-padding-start: 50px;
  border-radius: 10px;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15);
  padding: 5px 5px 0 5px;
  background: #efefef;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label, .pat-checklist:not(.free-form).bars:not(.free-form) > label {
  border-radius: 7.5px;
  padding: 0.6em 0.6em 0.6em 0;
  margin-bottom: 5px;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label .label-fragment-description, .pat-checklist:not(.free-form).bars:not(.free-form) > label .label-fragment-description {
  margin-bottom: 0;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:before, .pat-checklist:not(.free-form).bars:not(.free-form) > label:before {
  justify-self: center !important;
  align-self: center;
  grid-row: 1/-1 !important;
  top: auto !important;
  transform: none !important;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:hover, .pat-checklist:not(.free-form).bars:not(.free-form) > label:hover {
  background: rgba(0, 0, 0, 0.05);
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:has(input:checked), .pat-checklist:not(.free-form).bars:not(.free-form) > label:has(input:checked) {
  background: #D40E16;
  color: white;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:has(input:checked) > *, .pat-checklist:not(.free-form).bars:not(.free-form) > label:has(input:checked) > * {
  color: white;
}
.pat-checklist:not(.free-form).radio-bars:not(.free-form) > label:has(input:checked):before, .pat-checklist:not(.free-form).bars:not(.free-form) > label:has(input:checked):before {
  color: black;
}
.pat-checklist:not(.free-form) fieldset.composed {
  padding-left: 0;
  margin-bottom: 0;
  position: relative;
}
.pat-checklist:not(.free-form) .additional-meta-data {
  position: relative;
  float: right;
  width: 70%;
  right: -100%;
  top: 0;
  opacity: 0;
  -moz-transition: all 1s;
  -webkit-transition: all 1s;
  transition: all 1s;
  height: 0;
}
.sidebar-large .pat-checklist:not(.free-form) .additional-meta-data {
  right: 0%;
  opacity: 1;
  height: auto;
}
.pat-checklist:not(.free-form) .meta-column {
  width: 0%;
  overflow: hidden;
  -moz-transition: width 1s;
  -webkit-transition: width 1s;
  transition: width 1s;
  float: right;
  padding: 0 0.5em;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item-selector .pat-checklist:not(.free-form) .meta-column {
  padding: 1.2em 0.5em 1em;
}
.pat-checklist:not(.free-form) .meta-column.tag-cloud {
  width: 40%;
}
.sidebar-large .pat-checklist:not(.free-form) .meta-column {
  width: 30%;
}
.sidebar-large .pat-checklist:not(.free-form) .meta-column.tag-cloud {
  width: 40%;
}

.file-upload-button {
  position: relative;
  overflow: hidden;
}
.file-upload-button:has(:focus) {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.file-upload-button input {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: auto;
  width: auto;
  padding: 0;
  margin: 0;
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  .pat-form {
    --pat-form-panel-padding: var(--pat-form-panel-padding-small);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pat-form {
    --pat-form-panel-padding: var(--pat-form-panel-padding-medium);
  }
}
@media only screen and (min-width: 1280px) {
  .pat-form {
    --pat-form-panel-padding: var(--pat-form-panel-padding-large);
  }
}
.pat-form section.help .panel-content {
  padding-bottom: 2em;
}
.pat-form p.instruction .pat-message {
  margin: 1em 0 0;
}
.pat-form .form-separation-title,
.pat-form .form-separation-header,
.pat-form .form-panel-title {
  margin: 2rem 0 1rem;
  font-size: 28px;
  font-weight: normal;
}
.pat-form .form-panel {
  padding: var(--pat-form-panel-padding);
  box-sizing: border-box;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: var(--pat-form-panel-background-colour);
  margin-bottom: 19px;
}
.pat-form .form-panel .panel-content > *:last-child {
  margin-bottom: 0;
}
.pat-form .form-panel .panel-content > .button-bar:last-child {
  margin-bottom: -10px;
}
.pat-form .form-panel .form-separation-header,
.pat-form .form-panel .form-panel-title {
  margin-top: 0;
  transition: padding 0.4s;
}
.pat-form .form-panel.pat-collapsible {
  transition: padding 0.4s;
  padding: 0;
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group {
  position: relative;
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons {
  position: absolute;
  right: calc(var(--pat-form-panel-padding) + 31px + 15px);
  top: 50%;
  transform: translateY(-50%);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon {
  overflow: hidden;
  width: 31px;
  height: 31px;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.08);
  color: transparent;
  position: relative;
  float: right;
  margin-left: 15px;
  border-radius: 10px;
  font-style: normal;
  font-weight: normal;
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon:after {
  font-family: fontello;
  font-size: 1em;
  z-index: 1;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  display: block;
  position: absolute;
  color: #009ee2;
  top: 0;
  left: 0;
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon:hover:after {
  color: color-mix(in lch, colour-link, black 90%);
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.tooltip-active-click {
  background-color: #D40E16;
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.tooltip-active-click:after {
  color: white;
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.help:after {
  content: "\f128";
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.add:after {
  content: "\e825";
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.download:after {
  content: "\e809";
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.settings:after {
  content: "\e804";
}
.pat-form .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.more:after {
  content: "\e865";
  line-height: calc(31px + 3px);
}
.pat-form .form-panel.pat-collapsible .form-separation-header,
.pat-form .form-panel.pat-collapsible .form-panel-title {
  padding-right: 50px;
  padding-left: var(--pat-form-panel-padding);
  position: relative;
  margin: 0;
}
body[dir=rtl] .pat-form .form-panel.pat-collapsible .form-separation-header,
body[dir=rtl] .pat-form .form-panel.pat-collapsible .form-panel-title {
  padding-left: 50px;
  padding-right: var(--pat-form-panel-padding);
}
.pat-form .form-panel.pat-collapsible .form-separation-header:after,
.pat-form .form-panel.pat-collapsible .form-panel-title:after {
  font-family: fontello;
  content: "\e855";
  font-size: 0.65em;
  background-color: rgba(0, 0, 0, 0.08);
  color: #009ee2;
  position: absolute;
  right: var(--pat-form-panel-padding);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  border-radius: 10px;
  display: inline-block;
}
.pat-form .form-panel.pat-collapsible .form-separation-header:hover:after,
.pat-form .form-panel.pat-collapsible .form-panel-title:hover:after {
  background-color: rgba(0, 0, 0, 0.1);
  color: color-mix(in lch, colour-link, black 90%);
}
.pat-form .form-panel.pat-collapsible.open, .pat-form .form-panel.pat-collapsible.closed.in-progress {
  transition: box-shadow 2s;
}
.pat-form .form-panel.pat-collapsible.open .form-separation-header,
.pat-form .form-panel.pat-collapsible.open .form-panel-title, .pat-form .form-panel.pat-collapsible.closed.in-progress .form-separation-header,
.pat-form .form-panel.pat-collapsible.closed.in-progress .form-panel-title {
  padding-top: var(--pat-form-panel-padding);
  padding-bottom: var(--pat-form-panel-padding);
}
.pat-form .form-panel.pat-collapsible.closed:hover {
  box-shadow: var(--pat-form-panel-box-shadow-hover);
}
.pat-form .form-panel.pat-collapsible.closed .form-separation-header,
.pat-form .form-panel.pat-collapsible.closed .form-panel-title, .pat-form .form-panel.pat-collapsible.open.in-progress .form-separation-header,
.pat-form .form-panel.pat-collapsible.open.in-progress .form-panel-title {
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
}
.pat-form .form-panel.pat-collapsible.closed .form-separation-header:after,
.pat-form .form-panel.pat-collapsible.closed .form-panel-title:after, .pat-form .form-panel.pat-collapsible.open.in-progress .form-separation-header:after,
.pat-form .form-panel.pat-collapsible.open.in-progress .form-panel-title:after {
  content: "\e856";
}
.pat-form .form-panel.pat-collapsible .panel-content {
  padding: 0 var(--pat-form-panel-padding) var(--pat-form-panel-padding);
  box-sizing: border-box;
}
.pat-form .pat-message,
.pat-form .message {
  color: black;
  padding: 1.3rem;
  margin-bottom: 1rem;
  background-color: #efefef;
  border-radius: 10px;
  line-height: 1.3;
  font-family: "Roboto", sans-serif;
  box-shadow: 0 0 0 2px white;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1em;
  display: block;
  clear: both;
  margin-top: 0.5em;
  font-style: normal;
  font-weight: normal;
}
.pat-form .pat-message[class*=icon-],
.pat-form .message[class*=icon-] {
  display: flex;
  align-items: center;
  padding-right: 40px;
}
.pat-form .pat-message[class*=icon-]:before,
.pat-form .message[class*=icon-]:before {
  font-family: fontello;
  width: 80px;
  font-size: 30px;
  margin-right: 0.4em;
  text-align: center;
}
.pat-form .pat-message .pat-button,
.pat-form .message .pat-button {
  text-decoration: none;
}
.pat-form .pat-message > p,
.pat-form .pat-message .message-title,
.pat-form .message > p,
.pat-form .message .message-title {
  margin-bottom: 0.4rem;
}
.pat-form .pat-message .message-title,
.pat-form .message .message-title {
  font-size: 1.5rem;
}
.pat-form .pat-message > *:last-child,
.pat-form .message > *:last-child {
  margin-bottom: 0;
}
.pat-form .pat-message.success,
.pat-form .message.success {
  background-color: #e1eddb;
}
.pat-form .pat-message.success:before,
.pat-form .message.success:before {
  color: #A6E300;
}
.pat-form .pat-message.notice,
.pat-form .message.notice {
  background-color: #fdfdc8;
}
.pat-form .pat-message.notice:before,
.pat-form .message.notice:before {
  color: #fdfdc8;
}
.pat-form .pat-message.notice .pat-button,
.pat-form .message.notice .pat-button {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.pat-form .pat-message.notice .pat-button:hover,
.pat-form .message.notice .pat-button:hover {
  background-color: #009ee2;
  color: white;
}
.pat-form .pat-message.info,
.pat-form .message.info {
  background-color: #d9edf7;
}
.pat-form .pat-message.info .pat-button,
.pat-form .message.info .pat-button {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.pat-form .pat-message.info .pat-button:hover,
.pat-form .message.info .pat-button:hover {
  background-color: #009ee2;
  color: white;
}
.pat-form .pat-message.error,
.pat-form .message.error {
  background-color: #FFC8C8;
  color: red;
}
.pat-form .pat-message.warning,
.pat-form .message.warning {
  background-color: #fbead9;
  color: black;
}
.pat-form .pat-message.warning:before,
.pat-form .message.warning:before {
  color: orange;
}
.pat-form .pat-message.warning .pat-button,
.pat-form .message.warning .pat-button {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.pat-form .pat-message.warning .pat-button:hover,
.pat-form .message.warning .pat-button:hover {
  background-color: #009ee2;
  color: white;
}
.pat-form .pat-message:first-child,
.pat-form .message:first-child {
  margin-top: 0;
}
.pat-form h2 {
  margin-bottom: 1em;
}
.pat-form .form-section-header {
  margin-bottom: 1em;
  margin-top: 1.5em;
  font-size: 1.1em;
}
body[dir=rtl] .pat-form .form-section-header {
  text-align: right;
}
.pat-form .form-section-header:first-child {
  margin-top: 0;
}
.pat-form .field-cluster,
.pat-form .field-list {
  margin: calc(-0.5 * var(--pat-form-input-field-padding-top-bottom)) 0;
  max-width: 100%;
  line-height: 28px;
}
.pat-form input,
.pat-form textarea,
.pat-form .textarea.group,
.pat-form select,
.pat-form .select2-container .select2-choice,
.pat-form .select2-container .select2-choices,
.pat-form .md-editor .md-render,
.pat-form .pat-rich-editor,
.pat-form .output-field {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: inherit;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: var(--pat-form-input-field-padding-top-bottom) var(--pat-form-input-field-padding-start-end);
  margin: calc(-1 * var(--pat-form-input-field-padding-top-bottom)) 0;
  border: var(--pat-form-input-field-border);
  box-shadow: var(--pat-form-input-field-box-shadow);
  outline: var(--pat-form-input-field-outline);
  outline-offset: var(--pat-form-input-field-outline-offset);
  color: var(--pat-form-input-field-text-colour);
  font-size: var(--pat-form-input-field-font-size);
  max-width: 100%;
  background-color: var(--pat-form-input-field-background-colour);
  border-radius: var(--pat-form-input-field-border-radius);
  line-height: var(--pat-form-input-field-line-height);
}
.pat-form input:focus,
.pat-form textarea:focus,
.pat-form .textarea.group:focus,
.pat-form select:focus,
.pat-form .select2-container .select2-choice:focus,
.pat-form .select2-container .select2-choices:focus,
.pat-form .md-editor .md-render:focus,
.pat-form .pat-rich-editor:focus,
.pat-form .output-field:focus {
  outline: var(--pat-form-input-field-outline-focus);
  border: var(--pat-form-input-field-border-focus);
  box-shadow: var(--pat-form-input-field-box-shadow-focus);
}
.pat-form input:disabled, .pat-form input.disabled,
.pat-form textarea:disabled,
.pat-form textarea.disabled,
.pat-form .textarea.group:disabled,
.pat-form .textarea.group.disabled,
.pat-form select:disabled,
.pat-form select.disabled,
.pat-form .select2-container .select2-choice:disabled,
.pat-form .select2-container .select2-choice.disabled,
.pat-form .select2-container .select2-choices:disabled,
.pat-form .select2-container .select2-choices.disabled,
.pat-form .md-editor .md-render:disabled,
.pat-form .md-editor .md-render.disabled,
.pat-form .pat-rich-editor:disabled,
.pat-form .pat-rich-editor.disabled,
.pat-form .output-field:disabled,
.pat-form .output-field.disabled {
  border: transparent;
  outline: none;
  opacity: 1;
  padding-left: var(--pat-form-input-field-padding-left-right-disabled);
  padding-right: var(--pat-form-input-field-padding-left-right-disabled);
  padding-top: var(--pat-form-input-field-padding-top-bottom-disabled);
  padding-bottom: var(--pat-form-input-field-padding-top-bottom-disabled);
  margin: calc(-1 * var(--pat-form-input-field-padding-top-bottom-disabled)) 0;
  background: var(--pat-form-input-field-background-colour-disabled);
  box-shadow: var(--pat-form-input-field-box-shadow-disabled);
  color: var(--pat-form-input-field-text-colour-disabled);
}
@media print {
  .pat-form input,
  .pat-form textarea,
  .pat-form .textarea.group,
  .pat-form select,
  .pat-form .select2-container .select2-choice,
  .pat-form .select2-container .select2-choices,
  .pat-form .md-editor .md-render,
  .pat-form .pat-rich-editor,
  .pat-form .output-field {
    border: transparent;
    opacity: 1;
    padding: 0;
    background-color: transparent;
  }
}
.pat-form .horizontal .select2-container-active .select2-choice,
.pat-form .horizontal .select2-container-active .select2-choices,
.pat-form .horizontal .pat-rich-editor:has(.ProseMirror-focused),
.pat-form .horizontal .pat-select.focus:before,
.pat-form .horizontal select:focus,
.pat-form .vertical .select2-container-active .select2-choice,
.pat-form .vertical .select2-container-active .select2-choices,
.pat-form .vertical .pat-rich-editor:has(.ProseMirror-focused),
.pat-form .vertical .pat-select.focus:before,
.pat-form .vertical select:focus {
  outline: var(--pat-form-input-field-outline-focus);
  border: var(--pat-form-input-field-border-focus);
  box-shadow: var(--pat-form-input-field-box-shadow-focus);
}
.pat-form .item-info-card {
  display: block;
  padding: 40px;
  box-sizing: border-box;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: var(--pat-form-panel-background-colour);
  margin-bottom: 19px;
  --pat-toolbar-margin-bottom: 15px;
  padding: 1rem;
  margin-bottom: 0;
}
.pat-form .item-info-card .well-title-group {
  position: relative;
}
.pat-form .item-info-card .well-title-group .buttons {
  position: absolute;
  right: calc(var(--pat-form-panel-padding) + 31px + 15px);
  top: 50%;
  transform: translateY(-50%);
}
.pat-form .item-info-card .well-title-group .buttons .icon {
  overflow: hidden;
  width: 31px;
  height: 31px;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.08);
  color: transparent;
  position: relative;
  float: right;
  margin-left: 15px;
  border-radius: 10px;
  font-style: normal;
  font-weight: normal;
}
.pat-form .item-info-card .well-title-group .buttons .icon:after {
  font-family: fontello;
  font-size: 1em;
  z-index: 1;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  display: block;
  position: absolute;
  color: #009ee2;
  top: 0;
  left: 0;
}
.pat-form .item-info-card .well-title-group .buttons .icon:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.pat-form .item-info-card .well-title-group .buttons .icon:hover:after {
  color: color-mix(in lch, colour-link, black 90%);
}
.pat-form .item-info-card .well-title-group .buttons .icon.tooltip-active-click {
  background-color: #D40E16;
}
.pat-form .item-info-card .well-title-group .buttons .icon.tooltip-active-click:after {
  color: white;
}
.pat-form .item-info-card .well-title-group .buttons .icon.help:after {
  content: "\f128";
}
.pat-form .item-info-card .well-title-group .buttons .icon.add:after {
  content: "\e825";
}
.pat-form .item-info-card .well-title-group .buttons .icon.download:after {
  content: "\e809";
}
.pat-form .item-info-card .well-title-group .buttons .icon.settings:after {
  content: "\e804";
}
.pat-form .item-info-card .well-title-group .buttons .icon.more:after {
  content: "\e865";
  line-height: calc(31px + 3px);
}
.pat-form .item-info-card .well-header {
  margin-bottom: 40px;
  line-height: 1.3;
  font-size: 28px;
  font-weight: normal;
  color: black;
}
.pat-form .item-info-card .well-header .pat-avatar {
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  font-size: 0.7em;
}
.pat-form .item-info-card .well-separation-header {
  margin-bottom: 1em;
  margin-top: 1.5em;
  font-size: 24px;
  font-weight: bold;
}
.pat-form .item-info-card .well-separation-header:first-child {
  margin-top: 0;
}
.pat-form .item-info-card.pat-collapsible {
  transition: padding 0.4s;
  padding: 0;
}
.pat-form .item-info-card.pat-collapsible .panel-content > *:last-child {
  margin-bottom: 0;
}
.pat-form .item-info-card.pat-collapsible > .well-header,
.pat-form .item-info-card.pat-collapsible > .well-title-group > .well-header {
  padding-right: 50px;
  padding-left: 40px;
  position: relative;
  margin: 0;
  transition: padding 0.4s;
}
.pat-form .item-info-card.pat-collapsible > .well-header:after,
.pat-form .item-info-card.pat-collapsible > .well-title-group > .well-header:after {
  font-family: fontello;
  content: "\e855";
  font-size: 0.65em;
  background-color: rgba(0, 0, 0, 0.08);
  color: #009ee2;
  position: absolute;
  right: var(--pat-form-panel-padding);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  border-radius: 10px;
  display: inline-block;
}
.pat-form .item-info-card.pat-collapsible > .well-header:hover:after,
.pat-form .item-info-card.pat-collapsible > .well-title-group > .well-header:hover:after {
  background-color: rgba(0, 0, 0, 0.1);
  color: color-mix(in lch, colour-link, black 90%);
}
.pat-form .item-info-card.pat-collapsible.open, .pat-form .item-info-card.pat-collapsible.closed.in-progress {
  transition: box-shadow 2s;
}
.pat-form .item-info-card.pat-collapsible.open > .well-header,
.pat-form .item-info-card.pat-collapsible.open > .well-title-group > .well-header, .pat-form .item-info-card.pat-collapsible.closed.in-progress > .well-header,
.pat-form .item-info-card.pat-collapsible.closed.in-progress > .well-title-group > .well-header {
  padding-top: 40px;
  padding-bottom: 40px;
}
.pat-form .item-info-card.pat-collapsible.closed:hover {
  box-shadow: var(--pat-form-panel-box-shadow-hover);
}
.pat-form .item-info-card.pat-collapsible.closed > .well-header,
.pat-form .item-info-card.pat-collapsible.closed > .well-title-group > .well-header, .pat-form .item-info-card.pat-collapsible.open.in-progress > .well-header,
.pat-form .item-info-card.pat-collapsible.open.in-progress > .well-title-group > .well-header {
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
}
.pat-form .item-info-card.pat-collapsible.closed > .well-header:after,
.pat-form .item-info-card.pat-collapsible.closed > .well-title-group > .well-header:after, .pat-form .item-info-card.pat-collapsible.open.in-progress > .well-header:after,
.pat-form .item-info-card.pat-collapsible.open.in-progress > .well-title-group > .well-header:after {
  content: "\e856";
}
.pat-form .item-info-card.pat-collapsible > .panel-content {
  padding: 0 40px 40px;
  box-sizing: border-box;
}
.pat-form .item-info-card form > fieldset:last-child,
.pat-form .item-info-card form > fieldset:last-child > .button-bar:last-child {
  margin-bottom: 0;
}
.pat-form .item-info-card > *:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .pat-form .item-info-card {
    padding: 20px;
  }
}
.pat-form .item-info-card.success {
  background-color: #e1eddb;
}
.pat-form .item-info-card.success input {
  color: #222222;
}
.pat-form .item-info-card.notice {
  background-color: #fdfdc8;
}
.pat-form .item-info-card.warning {
  background-color: #fbead9;
}
.pat-form .item-info-card.warning input {
  color: #222222;
}
.pat-form .item-info-card.info {
  background-color: #d9edf7;
}
.pat-form .item-info-card.success input,
.pat-form .item-info-card.success textarea,
.pat-form .item-info-card.success select, .pat-form .item-info-card.warning input,
.pat-form .item-info-card.warning textarea,
.pat-form .item-info-card.warning select {
  background-color: rgba(0, 0, 0, 0.3);
  outline: white 1px solid;
}
.pat-form .item-info-card.success select, .pat-form .item-info-card.warning select {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgLTEuNDk2IDEyIDEwIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIC0xLjQ5NiAxMiAxMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCwwIDQuMjA1LDcuMDA5IDguNDEsMCAiLz4NCjwvc3ZnPg0K);
}
.horizontal .pat-form .item-info-card {
  --pat-form-panel-background-colour: white;
}
.pat-form .item-info-card .title {
  font-size: 1.2rem;
  margin-bottom: 5px;
}
.pat-form .item-info-card .description {
  font-size: 1rem;
  line-height: 1.3;
}
.pat-form .item-info-card .tag-cloud {
  font-size: 1rem;
  line-height: 1.3;
  margin-top: 5px;
}
.pat-form .item-info-card > *:last-child {
  margin-bottom: 0;
}
.pat-form .item-info-card .meta {
  font-size: 1rem;
  line-height: 1.3;
  margin-top: 5px;
  font-weight: normal;
  color: #535353;
  width: 100%;
}
.pat-form .item-info-card .meta:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .pat-form .item-info-card .meta {
    display: inline;
  }
}
@media only screen and (min-width: 768px) {
  .pat-form .item-info-card .meta .meta-item {
    border-left: 1px solid #535353;
    padding: 0 0.2em;
    display: inline-block;
  }
  .pat-form .item-info-card .meta .meta-item:before {
    content: "  ";
    display: inline;
  }
  .pat-form .item-info-card .meta .meta-item:first-child {
    padding-left: 0;
    border-left: none;
  }
  .pat-form .item-info-card .meta .meta-item:first-child:before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .pat-form .item-info-card .meta .meta-item:after {
    content: ", ";
  }
}
.pat-form .field-list > label {
  position: relative;
  color: transparent;
  display: block;
  margin-bottom: 24px;
}
.pat-form .field-list > label:last-child {
  margin-bottom: 0;
}
.pat-form .field-list > label > input,
.pat-form .field-list > label > .output-field {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.pat-form .field-cluster:not(.layout-inline) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(20px, 1fr));
  grid-column-gap: 10px;
}
.pat-form .field-cluster:not(.layout-inline) label {
  position: relative;
  color: transparent;
  display: grid;
  grid-template-areas: "field";
  grid-auto-rows: 0;
  grid-template-rows: auto 0;
}
.pat-form .field-cluster:not(.layout-inline) label input,
.pat-form .field-cluster:not(.layout-inline) label .output-field,
.pat-form .field-cluster:not(.layout-inline) label select,
.pat-form .field-cluster:not(.layout-inline) label textarea {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  color: initial;
  grid-area: field;
}
.pat-form .field-cluster:not(.layout-inline) label:has(textarea) {
  font-size: 0;
}
.pat-form .field-cluster:not(.layout-inline) label:has(textarea) textarea {
  font-size: var(--pat-form-input-field-font-size);
  position: relative;
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  height: 100%;
  grid-area: field;
}
.pat-form .field-cluster:not(.layout-inline).layout-amount-per-timespan {
  grid-template-columns: 100px 200px;
  justify-self: start;
}
.pat-form .field-cluster:not(.layout-inline).layout-min-max {
  width: 260px;
  max-width: 100%;
  grid-template-columns: 50% 50%;
  justify-self: start;
}
.pat-form .field-cluster:not(.layout-inline).layout-min-max-decimal {
  width: 100%;
  max-width: 100%;
  grid-template-columns: auto 4px 54px 15px auto 4px 54px;
  justify-self: start;
}
.pat-form .field-cluster:not(.layout-inline).layout-title-names {
  grid-template-columns: 50px auto auto;
}
.pat-form .field-cluster:not(.layout-inline).layout-date-time {
  grid-template-columns: auto 100px;
}
.pat-form .field-cluster:not(.layout-inline).layout-date {
  grid-template-columns: 100px 150px 100px;
}
.pat-form .field-cluster:not(.layout-inline).layout-address-line-nl {
  grid-template-columns: auto 100px 60px;
}
.pat-form .field-cluster:not(.layout-inline).layout-postal-code-place-line-nl {
  grid-template-columns: 100px auto;
}
.pat-form .field-cluster:not(.layout-inline).layout-image-caption {
  grid-template-columns: 35% auto;
  min-height: 87px;
}
.pat-form .field-cluster:not(.layout-inline).layout-image-caption textarea {
  height: 100%;
  resize: none;
  margin: 0;
}
.pat-form .field-cluster:not(.layout-inline).layout-image-caption img {
  max-width: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: var(--pat-form-fields-border-radius);
  display: block;
}
.pat-form .field-cluster.layout-inline input {
  display: inline-block;
}
.pat-form .pat-rich-editor .ProseMirror {
  overflow: hidden;
}
.pat-form .date-time-extended legend,
.pat-form .date-time-extended .legend {
  padding-bottom: 5px;
  font-size: 15px;
  font-weight: bold;
}
.pat-form .date-time-extended .row {
  margin-bottom: 5px !important;
}
.pat-form .date-time-extended .pat-checklist {
  padding-left: 0;
  line-height: var(--pat-form-input-field-line-height);
}
.pat-form input[type=color],
.pat-form input[type=time],
.pat-form input[type=date],
.pat-form input[type=datetime],
.pat-form input[type=datetime-local] {
  height: calc(var(--pat-form-input-field-line-height) + 2 * var(--pat-form-input-field-padding-top-bottom));
}
.pat-form input[type=color]::-webkit-datetime-edit, .pat-form input[type=color]::datetime-edit, .pat-form input[type=color]::-internal-datetime-container, .pat-form input[type=color]::-webkit-datetime-edit-fields,
.pat-form input[type=time]::-webkit-datetime-edit,
.pat-form input[type=time]::datetime-edit,
.pat-form input[type=time]::-internal-datetime-container,
.pat-form input[type=time]::-webkit-datetime-edit-fields,
.pat-form input[type=date]::-webkit-datetime-edit,
.pat-form input[type=date]::datetime-edit,
.pat-form input[type=date]::-internal-datetime-container,
.pat-form input[type=date]::-webkit-datetime-edit-fields,
.pat-form input[type=datetime]::-webkit-datetime-edit,
.pat-form input[type=datetime]::datetime-edit,
.pat-form input[type=datetime]::-internal-datetime-container,
.pat-form input[type=datetime]::-webkit-datetime-edit-fields,
.pat-form input[type=datetime-local]::-webkit-datetime-edit,
.pat-form input[type=datetime-local]::datetime-edit,
.pat-form input[type=datetime-local]::-internal-datetime-container,
.pat-form input[type=datetime-local]::-webkit-datetime-edit-fields {
  padding-top: 0 !important;
  padding-bottom: 0;
  line-height: inherit;
  font-size: inherit;
  display: inline;
}
.pat-form input[type=color]::-webkit-datetime-edit > *, .pat-form input[type=color]::datetime-edit > *, .pat-form input[type=color]::-internal-datetime-container > *, .pat-form input[type=color]::-webkit-datetime-edit-fields > *,
.pat-form input[type=time]::-webkit-datetime-edit > *,
.pat-form input[type=time]::datetime-edit > *,
.pat-form input[type=time]::-internal-datetime-container > *,
.pat-form input[type=time]::-webkit-datetime-edit-fields > *,
.pat-form input[type=date]::-webkit-datetime-edit > *,
.pat-form input[type=date]::datetime-edit > *,
.pat-form input[type=date]::-internal-datetime-container > *,
.pat-form input[type=date]::-webkit-datetime-edit-fields > *,
.pat-form input[type=datetime]::-webkit-datetime-edit > *,
.pat-form input[type=datetime]::datetime-edit > *,
.pat-form input[type=datetime]::-internal-datetime-container > *,
.pat-form input[type=datetime]::-webkit-datetime-edit-fields > *,
.pat-form input[type=datetime-local]::-webkit-datetime-edit > *,
.pat-form input[type=datetime-local]::datetime-edit > *,
.pat-form input[type=datetime-local]::-internal-datetime-container > *,
.pat-form input[type=datetime-local]::-webkit-datetime-edit-fields > * {
  padding-top: 0;
  padding-bottom: 0;
}
.pat-form ::-webkit-datetime-edit-minute-field,
.pat-form ::-webkit-datetime-edit-hour-field,
.pat-form ::-webkit-datetime-edit-text {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  display: inline;
}
.pat-form ::-webkit-input-placeholder {
  color: var(--pat-form-placeholder-colour);
}
.pat-form ::placeholder,
.pat-form .select2-container .select2-choice.select2-default {
  color: var(--pat-form-placeholder-colour);
}
.pat-form .output-field {
  position: relative;
  padding-right: 27px;
}
.pat-form .output-field span.placeholder {
  color: var(--pat-form-placeholder-colour);
}
.pat-form .output-field:after {
  content: " ";
  display: inline-block;
}
.pat-form .output-field .cancel-button,
.pat-form .output-field .select2-search-choice-close {
  position: absolute;
  top: 50%;
  right: var(--pat-auto-suggest-cancel-button-edge-distance);
  transform: translateY(-50%);
}
.pat-form .output-field .cancel-button:before,
.pat-form .output-field .select2-search-choice-close:before {
  font-family: fontello;
  text-align: center;
  display: block;
  content: "\e899";
  color: rgba(0, 0, 0, 0.5);
}
.pat-form .output-field .cancel-button:hover:before,
.pat-form .output-field .select2-search-choice-close:hover:before {
  color: rgba(0, 0, 0, 0.7);
}
.pat-form .file-upload-button,
.pat-form fieldset.horizontal fieldset.group .file-upload-button {
  justify-self: start;
  float: left;
}
.pat-form .attachment-list + .file-upload-button {
  margin-top: 2px;
}
.pat-form .schedules {
  overflow: hidden;
}
.pat-form .group.layout-date label {
  display: inline-block;
}
.pat-form .group.layout-date label.day {
  width: 80px;
}
.pat-form .group.layout-date label.year {
  width: 83px;
}
.pat-form .select2-container .select2-choices {
  padding-bottom: 0;
}
@media print {
  .pat-form textarea {
    display: block;
    height: auto;
  }
}
.pat-form input[type=search] {
  appearance: search;
  -webkit-appearance: search;
}
.pat-form input[type=search]::-webkit-search-decoration {
  display: none;
}
.pat-form input[type=file] {
  align-items: center;
  column-gap: 15px;
  display: inline-flex;
  font-size: var(--pat-form-input-field-font-size);
  font-weight: var(--pat-button-font-weight);
  overflow: hidden;
}
.pat-form input[type=file]::file-selector-button {
  font-family: "Roboto", sans-serif;
  margin: 0;
  border: none;
  cursor: default;
  border-radius: 10px;
  background-image: none;
  text-decoration: none;
  line-height: var(--pat-button-height);
  white-space: nowrap;
  display: inline-block;
  padding: var(--pat-button-paddings);
  font-size: 1em;
  vertical-align: text-bottom;
  font-weight: var(--pat-button-font-weight);
  box-shadow: none;
  color: #009ee2;
  background-color: rgba(0, 0, 0, 0.08);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: var(--pat-form-input-field-line-height);
  margin-right: 10px;
  float: left;
  font-size: var(--pat-form-input-field-font-size);
  font-weight: var(--pat-button-font-weight);
}
.pat-form input[type=file]::file-selector-button:before {
  line-height: inherit;
}
.pat-form input[type=file]::file-selector-button:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-form input[type=file]::file-selector-button:hover {
  color: color-mix(in lch, colour-link, black 90%);
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: color-mix(in lch, colour-link, black 90%);
}
.pat-form input[type=file]::file-selector-button.default {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.pat-form input[type=file]::file-selector-button.default:hover {
  background-color: #009ee2;
  color: white;
}
.pat-form input[type=file]::file-selector-button[disabled], .pat-form input[type=file]::file-selector-button.disabled, .pat-form input[type=file]::file-selector-button:is(a):not([href]), .pat-form input[type=file]::file-selector-button.default[disabled], .pat-form input[type=file]::file-selector-button.default.disabled, .pat-form input[type=file]::file-selector-button:is(a).default:not([href]) {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
.pat-form input[type=file]::file-selector-button[disabled]:hover, .pat-form input[type=file]::file-selector-button.disabled:hover, .pat-form input[type=file]::file-selector-button:is(a):not([href]):hover, .pat-form input[type=file]::file-selector-button.default[disabled]:hover, .pat-form input[type=file]::file-selector-button.default.disabled:hover, .pat-form input[type=file]::file-selector-button:is(a).default:not([href]):hover {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
@media print {
  .pat-form input[type=file]::file-selector-button {
    display: none;
  }
}
.pat-form input[type=file]::file-selector-button.small {
  font-size: 15px;
  padding: 0 12px;
  height: 22px;
  line-height: 20px;
  vertical-align: baseline;
  box-shadow: none;
  font-weight: 600;
}
.pat-form input[type=file]::file-selector-button.small:before {
  font-size: 15px;
}
.pat-form input[type=file]::file-selector-button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.pat-form input[type=file]::file-selector-button.iconified {
  width: 30px;
  padding: 0;
}
.pat-form input[type=file]::file-selector-button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: 35px;
}
.pat-form input[type=file]::file-selector-button.link {
  padding: 0;
  display: inline;
  background: none;
  color: #009ee2;
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.pat-form input[type=file]::file-selector-button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: black;
}
.pat-form input[type=file]::file-selector-button.no-label {
  padding: 0;
  aspect-ratio: 1/1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.pat-form input[type=file]::file-selector-button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.pat-form input[type=file]::file-selector-button:before {
  font-weight: normal;
  margin-right: 5px;
}
.pat-form input[type=file]::file-selector-button.add:before {
  font-family: fontello;
  content: "\e825";
}
.pat-form .colour-chooser-launcher {
  margin: 0;
}
.pat-form .colour-chooser-launcher .pat-button {
  text-align: center;
  color: white !important;
}
.pat-form .colour-chooser-launcher .pat-button#portal-header-colour-chooser-trigger {
  background-color: black;
}
.pat-form .slider-labels {
  width: 100%;
  overflow: hidden;
  font-size: 0.8em;
}
.pat-form .slider-labels .label {
  float: left;
  width: 100%;
  text-align: center;
  position: relative;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  box-sizing: border-box;
  padding: 0.5em 0 1.2em 0em;
}
.pat-form .slider-labels .label .iconified {
  display: block;
  line-height: 12px;
  clear: both;
  font-size: 10px;
  margin-top: 1px;
  width: auto;
  text-align: center;
}
.pat-form .slider-labels .label .iconified:before {
  margin-right: 2px;
}
.pat-form .slider-labels .label.disabled {
  opacity: 0.5;
}
.pat-form .slider-labels .label:first-child {
  text-align: left;
}
body[dir=rtl] .pat-form .slider-labels .label:first-child {
  text-align: right;
}
.pat-form .slider-labels .label:first-child .iconified {
  text-align: left;
}
body[dir=rtl] .pat-form .slider-labels .label:first-child .iconified {
  text-align: right;
}
.pat-form .slider-labels .label:last-child {
  text-align: right;
}
.pat-form .slider-labels .label:last-child .iconified {
  text-align: right;
}
.pat-form .slider-labels.two .label {
  width: 50%;
}
.pat-form .slider-labels.three .label {
  width: 33.3333332%;
}
.pat-form .slider-labels.four .label {
  width: 33.333333332%;
}
.pat-form .slider-labels.four .label:first-child,
.pat-form .slider-labels.four .label:last-child {
  width: 16.666666667%;
}
.pat-form .slider-labels.five .label {
  width: 24%;
}
.pat-form .slider-labels.five .label:first-child,
.pat-form .slider-labels.five .label:last-child {
  width: 14%;
}
.pat-form .code-field {
  background-color: black;
  color: white;
  font-family: "Courier New", Courier, monospace;
}
.pat-form .currency-field {
  display: inline-block;
  position: relative;
}
.pat-form .currency-field:after {
  content: " ";
  display: block;
  height: 1px;
  width: 1px;
}
.pat-form .currency-field .currency {
  position: absolute;
  left: 0.45rem;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  color: black;
}
.pat-form .currency-field input,
.pat-form .currency-field output {
  padding-left: 1.4rem;
  display: inline-block;
}
.pat-form .percentage-field {
  display: inline-block;
}
.pat-form .percentage-field input {
  display: inline-block;
}
.pat-form .button-field {
  position: relative;
}
.pat-form .button-field input,
.pat-form .button-field select {
  width: calc(100% - 40px) !important;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.pat-form .button-field > .follow {
  border-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 40px;
  overflow: hidden;
  color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  color: transparent;
  background-color: var(--colour-accent);
  cursor: default;
}
.pat-form .button-field > .follow[href]:before {
  opacity: 1;
}
.pat-form .button-field > .follow[href]:hover {
  filter: brightness(1.1);
}
.pat-form .button-field > .follow:before {
  opacity: 0.5;
  content: " ";
  font-family: fontello;
  width: 100%;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  position: absolute;
  color: white;
  text-align: center;
}
.pat-form .button-field.type-url > .follow:before {
  content: "\f18e";
}
.pat-form select {
  /*Next 2 lines is a bizarre patch to make misbehaving FF hide the original dropdown button*/
  text-indent: 0.01px;
  text-overflow: "";
  padding-right: var(--pat-select-arrow-space);
  line-height: var(--pat-select-box-height);
  height: auto !important;
  background-repeat: no-repeat;
  background-position: calc(100% - var(--pat-select-arrow-edge-distance)) center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOC40IDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDguNCA3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MX0KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDAgNC4yLDcgOC40LDAgIi8+Cjwvc3ZnPg==);
  background-size: auto 10px;
}
body[dir=rtl] .pat-form select {
  background-position: var(--pat-select-arrow-edge-distance) center;
}
.pat-form select::-ms-expand {
  display: none;
}
.pat-form fieldset {
  border-style: none;
  padding: 0;
  min-width: inherit;
}
.pat-form fieldset.section {
  margin: 0 0 2em;
}
.pat-form fieldset .help-icon {
  color: transparent;
  content: "\f128";
  font-family: fontello;
  position: relative;
  margin: calc(-1 * var(--pat-form-input-field-padding-top-bottom)) 0;
  line-height: var(--pat-form-input-field-line-height);
  height: var(--pat-form-help-button-height);
  width: var(--pat-form-help-button-width);
  font-size: 0;
}
.pat-form fieldset .help-icon:hover:before, .pat-form fieldset .help-icon.tooltip-active-click:before {
  background-color: #009ee2;
}
.pat-form fieldset .help-icon:focus:before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-form fieldset .help-icon:before {
  content: "\f128";
  border-radius: var(--pat-form-help-button-icon-border-radius);
  background-color: #009ee2;
  transform: none;
  margin: 0;
  font-family: fontello;
  color: white;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  line-height: var(--pat-form-help-button-icon-height);
  height: var(--pat-form-help-button-icon-height);
  width: 100%;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  font-size: 0.8rem;
  transition: opacity 0.8s;
  transition-delay: 0.3s;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .pat-form fieldset.horizontal, .pat-form fieldset.horizontal > .panel-content {
    --pat-select-box-height: var(--pat-form-input-field-line-height);
    --pat-button-height: var(--pat-form-input-field-line-height);
    --pat-auto-suggest-pill-height: 28px;
    --pat-auto-suggest-padding-top-bottom: var(--pat-form-input-field-padding-top-bottom);
  }
  .pat-form fieldset.horizontal .pat-button, .pat-form fieldset.horizontal > .panel-content .pat-button {
    display: inline-block;
    text-align: center;
    margin-right: 0;
    box-sizing: border-box;
    line-height: var(--pat-form-input-field-line-height);
    margin-top: calc(-1 * var(--pat-form-input-field-padding-top-bottom));
    margin-bottom: calc(-1 * var(--pat-form-input-field-padding-top-bottom));
    padding-top: var(--pat-form-input-field-padding-top-bottom);
    padding-bottom: var(--pat-form-input-field-padding-top-bottom);
    float: left;
    height: calc(var(--pat-form-input-field-line-height) + 2 * var(--pat-form-input-field-padding-top-bottom));
    font-size: var(--pat-form-input-field-font-size);
    font-weight: var(--pat-button-font-weight);
  }
  .pat-form fieldset.horizontal .pat-button#portal-header-colour-chooser-trigger, .pat-form fieldset.horizontal > .panel-content .pat-button#portal-header-colour-chooser-trigger {
    background-color: black;
  }
  .pat-form fieldset.horizontal legend + .pat-button-bar,
  .pat-form fieldset.horizontal .legend + .pat-button-bar, .pat-form fieldset.horizontal > .panel-content legend + .pat-button-bar,
  .pat-form fieldset.horizontal > .panel-content .legend + .pat-button-bar {
    margin-top: 0;
  }
  .pat-form fieldset.horizontal > br, .pat-form fieldset.horizontal > .panel-content > br {
    display: none;
  }
  .pat-form fieldset.horizontal sup.required, .pat-form fieldset.horizontal > .panel-content sup.required {
    float: none;
    position: static;
    margin-top: 0;
    vertical-align: baseline;
    filter: none;
    margin: 0;
  }
  .pat-form fieldset.horizontal > label, .pat-form fieldset.horizontal > .panel-content > label {
    position: relative;
    display: grid;
    grid-template-columns: var(--pat-form-horizontal-label-width) auto 0 var(--pat-form-horizontal-extra-width);
    grid-template-areas: "label field   . extra" "label message . extra";
    grid-auto-rows: auto;
    align-items: flex-start;
    column-gap: var(--pat-form-horizontal-column-gap);
    clear: left;
    border-style: none;
    margin: 0 0 var(--pat-form-input-field-tail-white) 0;
    line-height: var(--pat-form-input-field-line-height);
  }
  .pat-form fieldset.horizontal > label > *, .pat-form fieldset.horizontal > .panel-content > label > * {
    grid-area: field;
    min-width: 0;
  }
  .pat-form fieldset.horizontal > label > *[size], .pat-form fieldset.horizontal > .panel-content > label > *[size] {
    overflow: hidden;
  }
  .pat-form fieldset.horizontal > label > .help-icon, .pat-form fieldset.horizontal > .panel-content > label > .help-icon {
    grid-area: extra;
    grid-row: 1/-1;
  }
  .pat-form fieldset.horizontal > label > .message,
  .pat-form fieldset.horizontal > label > .pat-message, .pat-form fieldset.horizontal > .panel-content > label > .message,
  .pat-form fieldset.horizontal > .panel-content > label > .pat-message {
    grid-area: message;
  }
  .pat-form fieldset.horizontal > label > .colour-chooser-launcher, .pat-form fieldset.horizontal > .panel-content > label > .colour-chooser-launcher {
    height: 0.6em;
  }
  .pat-form fieldset.horizontal label .iconified, .pat-form fieldset.horizontal > .panel-content label .iconified {
    float: none;
    position: static;
    line-height: 10px;
    margin-top: 0;
    vertical-align: baseline;
    filter: none;
  }
  .pat-form fieldset.horizontal label textarea, .pat-form fieldset.horizontal > .panel-content label textarea {
    resize: vertical;
  }
  .pat-form fieldset.horizontal fieldset.group,
  .pat-form fieldset.horizontal div.group,
  .pat-form fieldset.horizontal > .pat-checklist, .pat-form fieldset.horizontal > .panel-content fieldset.group,
  .pat-form fieldset.horizontal > .panel-content div.group,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist {
    margin: 0 0 var(--pat-form-input-field-tail-white) 0;
    display: grid;
    grid-template-areas: "label field . extra";
    grid-auto-flow: column;
    column-gap: 25px;
    grid-auto-columns: var(--pat-form-horizontal-label-width) auto 0 var(--pat-form-horizontal-extra-width);
  }
  .pat-form fieldset.horizontal fieldset.group > *:last-child,
  .pat-form fieldset.horizontal div.group > *:last-child,
  .pat-form fieldset.horizontal > .pat-checklist > *:last-child, .pat-form fieldset.horizontal > .panel-content fieldset.group > *:last-child,
  .pat-form fieldset.horizontal > .panel-content div.group > *:last-child,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist > *:last-child {
    margin-bottom: 0;
  }
  .pat-form fieldset.horizontal fieldset.group:last-child,
  .pat-form fieldset.horizontal div.group:last-child,
  .pat-form fieldset.horizontal > .pat-checklist:last-child, .pat-form fieldset.horizontal > .panel-content fieldset.group:last-child,
  .pat-form fieldset.horizontal > .panel-content div.group:last-child,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist:last-child {
    margin-bottom: 0;
  }
  .pat-form fieldset.horizontal fieldset.group.image-selection, .pat-form fieldset.horizontal fieldset.group.object-upload, .pat-form fieldset.horizontal fieldset.group.image-upload, .pat-form fieldset.horizontal fieldset.group.video-upload, .pat-form fieldset.horizontal fieldset.group.pat-form-field-image, .pat-form fieldset.horizontal fieldset.group.pat-form-field-video,
  .pat-form fieldset.horizontal div.group.image-selection,
  .pat-form fieldset.horizontal div.group.object-upload,
  .pat-form fieldset.horizontal div.group.image-upload,
  .pat-form fieldset.horizontal div.group.video-upload,
  .pat-form fieldset.horizontal div.group.pat-form-field-image,
  .pat-form fieldset.horizontal div.group.pat-form-field-video,
  .pat-form fieldset.horizontal > .pat-checklist.image-selection,
  .pat-form fieldset.horizontal > .pat-checklist.object-upload,
  .pat-form fieldset.horizontal > .pat-checklist.image-upload,
  .pat-form fieldset.horizontal > .pat-checklist.video-upload,
  .pat-form fieldset.horizontal > .pat-checklist.pat-form-field-image,
  .pat-form fieldset.horizontal > .pat-checklist.pat-form-field-video, .pat-form fieldset.horizontal > .panel-content fieldset.group.image-selection, .pat-form fieldset.horizontal > .panel-content fieldset.group.object-upload, .pat-form fieldset.horizontal > .panel-content fieldset.group.image-upload, .pat-form fieldset.horizontal > .panel-content fieldset.group.video-upload, .pat-form fieldset.horizontal > .panel-content fieldset.group.pat-form-field-image, .pat-form fieldset.horizontal > .panel-content fieldset.group.pat-form-field-video,
  .pat-form fieldset.horizontal > .panel-content div.group.image-selection,
  .pat-form fieldset.horizontal > .panel-content div.group.object-upload,
  .pat-form fieldset.horizontal > .panel-content div.group.image-upload,
  .pat-form fieldset.horizontal > .panel-content div.group.video-upload,
  .pat-form fieldset.horizontal > .panel-content div.group.pat-form-field-image,
  .pat-form fieldset.horizontal > .panel-content div.group.pat-form-field-video,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-selection,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.object-upload,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-upload,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.video-upload,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.pat-form-field-image,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.pat-form-field-video {
    justify-items: start;
  }
  .pat-form fieldset.horizontal fieldset.group.image-selection input,
  .pat-form fieldset.horizontal fieldset.group.image-selection .pat-screenshot,
  .pat-form fieldset.horizontal fieldset.group.image-selection video,
  .pat-form fieldset.horizontal fieldset.group.image-selection img,
  .pat-form fieldset.horizontal fieldset.group.image-selection .caption, .pat-form fieldset.horizontal fieldset.group.object-upload input,
  .pat-form fieldset.horizontal fieldset.group.object-upload .pat-screenshot,
  .pat-form fieldset.horizontal fieldset.group.object-upload video,
  .pat-form fieldset.horizontal fieldset.group.object-upload img,
  .pat-form fieldset.horizontal fieldset.group.object-upload .caption, .pat-form fieldset.horizontal fieldset.group.image-upload input,
  .pat-form fieldset.horizontal fieldset.group.image-upload .pat-screenshot,
  .pat-form fieldset.horizontal fieldset.group.image-upload video,
  .pat-form fieldset.horizontal fieldset.group.image-upload img,
  .pat-form fieldset.horizontal fieldset.group.image-upload .caption, .pat-form fieldset.horizontal fieldset.group.video-upload input,
  .pat-form fieldset.horizontal fieldset.group.video-upload .pat-screenshot,
  .pat-form fieldset.horizontal fieldset.group.video-upload video,
  .pat-form fieldset.horizontal fieldset.group.video-upload img,
  .pat-form fieldset.horizontal fieldset.group.video-upload .caption, .pat-form fieldset.horizontal fieldset.group.pat-form-field-image input,
  .pat-form fieldset.horizontal fieldset.group.pat-form-field-image .pat-screenshot,
  .pat-form fieldset.horizontal fieldset.group.pat-form-field-image video,
  .pat-form fieldset.horizontal fieldset.group.pat-form-field-image img,
  .pat-form fieldset.horizontal fieldset.group.pat-form-field-image .caption, .pat-form fieldset.horizontal fieldset.group.pat-form-field-video input,
  .pat-form fieldset.horizontal fieldset.group.pat-form-field-video .pat-screenshot,
  .pat-form fieldset.horizontal fieldset.group.pat-form-field-video video,
  .pat-form fieldset.horizontal fieldset.group.pat-form-field-video img,
  .pat-form fieldset.horizontal fieldset.group.pat-form-field-video .caption,
  .pat-form fieldset.horizontal div.group.image-selection input,
  .pat-form fieldset.horizontal div.group.image-selection .pat-screenshot,
  .pat-form fieldset.horizontal div.group.image-selection video,
  .pat-form fieldset.horizontal div.group.image-selection img,
  .pat-form fieldset.horizontal div.group.image-selection .caption,
  .pat-form fieldset.horizontal div.group.object-upload input,
  .pat-form fieldset.horizontal div.group.object-upload .pat-screenshot,
  .pat-form fieldset.horizontal div.group.object-upload video,
  .pat-form fieldset.horizontal div.group.object-upload img,
  .pat-form fieldset.horizontal div.group.object-upload .caption,
  .pat-form fieldset.horizontal div.group.image-upload input,
  .pat-form fieldset.horizontal div.group.image-upload .pat-screenshot,
  .pat-form fieldset.horizontal div.group.image-upload video,
  .pat-form fieldset.horizontal div.group.image-upload img,
  .pat-form fieldset.horizontal div.group.image-upload .caption,
  .pat-form fieldset.horizontal div.group.video-upload input,
  .pat-form fieldset.horizontal div.group.video-upload .pat-screenshot,
  .pat-form fieldset.horizontal div.group.video-upload video,
  .pat-form fieldset.horizontal div.group.video-upload img,
  .pat-form fieldset.horizontal div.group.video-upload .caption,
  .pat-form fieldset.horizontal div.group.pat-form-field-image input,
  .pat-form fieldset.horizontal div.group.pat-form-field-image .pat-screenshot,
  .pat-form fieldset.horizontal div.group.pat-form-field-image video,
  .pat-form fieldset.horizontal div.group.pat-form-field-image img,
  .pat-form fieldset.horizontal div.group.pat-form-field-image .caption,
  .pat-form fieldset.horizontal div.group.pat-form-field-video input,
  .pat-form fieldset.horizontal div.group.pat-form-field-video .pat-screenshot,
  .pat-form fieldset.horizontal div.group.pat-form-field-video video,
  .pat-form fieldset.horizontal div.group.pat-form-field-video img,
  .pat-form fieldset.horizontal div.group.pat-form-field-video .caption,
  .pat-form fieldset.horizontal > .pat-checklist.image-selection input,
  .pat-form fieldset.horizontal > .pat-checklist.image-selection .pat-screenshot,
  .pat-form fieldset.horizontal > .pat-checklist.image-selection video,
  .pat-form fieldset.horizontal > .pat-checklist.image-selection img,
  .pat-form fieldset.horizontal > .pat-checklist.image-selection .caption,
  .pat-form fieldset.horizontal > .pat-checklist.object-upload input,
  .pat-form fieldset.horizontal > .pat-checklist.object-upload .pat-screenshot,
  .pat-form fieldset.horizontal > .pat-checklist.object-upload video,
  .pat-form fieldset.horizontal > .pat-checklist.object-upload img,
  .pat-form fieldset.horizontal > .pat-checklist.object-upload .caption,
  .pat-form fieldset.horizontal > .pat-checklist.image-upload input,
  .pat-form fieldset.horizontal > .pat-checklist.image-upload .pat-screenshot,
  .pat-form fieldset.horizontal > .pat-checklist.image-upload video,
  .pat-form fieldset.horizontal > .pat-checklist.image-upload img,
  .pat-form fieldset.horizontal > .pat-checklist.image-upload .caption,
  .pat-form fieldset.horizontal > .pat-checklist.video-upload input,
  .pat-form fieldset.horizontal > .pat-checklist.video-upload .pat-screenshot,
  .pat-form fieldset.horizontal > .pat-checklist.video-upload video,
  .pat-form fieldset.horizontal > .pat-checklist.video-upload img,
  .pat-form fieldset.horizontal > .pat-checklist.video-upload .caption,
  .pat-form fieldset.horizontal > .pat-checklist.pat-form-field-image input,
  .pat-form fieldset.horizontal > .pat-checklist.pat-form-field-image .pat-screenshot,
  .pat-form fieldset.horizontal > .pat-checklist.pat-form-field-image video,
  .pat-form fieldset.horizontal > .pat-checklist.pat-form-field-image img,
  .pat-form fieldset.horizontal > .pat-checklist.pat-form-field-image .caption,
  .pat-form fieldset.horizontal > .pat-checklist.pat-form-field-video input,
  .pat-form fieldset.horizontal > .pat-checklist.pat-form-field-video .pat-screenshot,
  .pat-form fieldset.horizontal > .pat-checklist.pat-form-field-video video,
  .pat-form fieldset.horizontal > .pat-checklist.pat-form-field-video img,
  .pat-form fieldset.horizontal > .pat-checklist.pat-form-field-video .caption, .pat-form fieldset.horizontal > .panel-content fieldset.group.image-selection input,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.image-selection .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.image-selection video,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.image-selection img,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.image-selection .caption, .pat-form fieldset.horizontal > .panel-content fieldset.group.object-upload input,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.object-upload .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.object-upload video,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.object-upload img,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.object-upload .caption, .pat-form fieldset.horizontal > .panel-content fieldset.group.image-upload input,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.image-upload .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.image-upload video,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.image-upload img,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.image-upload .caption, .pat-form fieldset.horizontal > .panel-content fieldset.group.video-upload input,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.video-upload .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.video-upload video,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.video-upload img,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.video-upload .caption, .pat-form fieldset.horizontal > .panel-content fieldset.group.pat-form-field-image input,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.pat-form-field-image .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.pat-form-field-image video,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.pat-form-field-image img,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.pat-form-field-image .caption, .pat-form fieldset.horizontal > .panel-content fieldset.group.pat-form-field-video input,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.pat-form-field-video .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.pat-form-field-video video,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.pat-form-field-video img,
  .pat-form fieldset.horizontal > .panel-content fieldset.group.pat-form-field-video .caption,
  .pat-form fieldset.horizontal > .panel-content div.group.image-selection input,
  .pat-form fieldset.horizontal > .panel-content div.group.image-selection .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content div.group.image-selection video,
  .pat-form fieldset.horizontal > .panel-content div.group.image-selection img,
  .pat-form fieldset.horizontal > .panel-content div.group.image-selection .caption,
  .pat-form fieldset.horizontal > .panel-content div.group.object-upload input,
  .pat-form fieldset.horizontal > .panel-content div.group.object-upload .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content div.group.object-upload video,
  .pat-form fieldset.horizontal > .panel-content div.group.object-upload img,
  .pat-form fieldset.horizontal > .panel-content div.group.object-upload .caption,
  .pat-form fieldset.horizontal > .panel-content div.group.image-upload input,
  .pat-form fieldset.horizontal > .panel-content div.group.image-upload .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content div.group.image-upload video,
  .pat-form fieldset.horizontal > .panel-content div.group.image-upload img,
  .pat-form fieldset.horizontal > .panel-content div.group.image-upload .caption,
  .pat-form fieldset.horizontal > .panel-content div.group.video-upload input,
  .pat-form fieldset.horizontal > .panel-content div.group.video-upload .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content div.group.video-upload video,
  .pat-form fieldset.horizontal > .panel-content div.group.video-upload img,
  .pat-form fieldset.horizontal > .panel-content div.group.video-upload .caption,
  .pat-form fieldset.horizontal > .panel-content div.group.pat-form-field-image input,
  .pat-form fieldset.horizontal > .panel-content div.group.pat-form-field-image .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content div.group.pat-form-field-image video,
  .pat-form fieldset.horizontal > .panel-content div.group.pat-form-field-image img,
  .pat-form fieldset.horizontal > .panel-content div.group.pat-form-field-image .caption,
  .pat-form fieldset.horizontal > .panel-content div.group.pat-form-field-video input,
  .pat-form fieldset.horizontal > .panel-content div.group.pat-form-field-video .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content div.group.pat-form-field-video video,
  .pat-form fieldset.horizontal > .panel-content div.group.pat-form-field-video img,
  .pat-form fieldset.horizontal > .panel-content div.group.pat-form-field-video .caption,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-selection input,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-selection .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-selection video,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-selection img,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-selection .caption,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.object-upload input,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.object-upload .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.object-upload video,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.object-upload img,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.object-upload .caption,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-upload input,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-upload .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-upload video,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-upload img,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-upload .caption,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.video-upload input,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.video-upload .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.video-upload video,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.video-upload img,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.video-upload .caption,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.pat-form-field-image input,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.pat-form-field-image .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.pat-form-field-image video,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.pat-form-field-image img,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.pat-form-field-image .caption,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.pat-form-field-video input,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.pat-form-field-video .pat-screenshot,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.pat-form-field-video video,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.pat-form-field-video img,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.pat-form-field-video .caption {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    display: block;
    border-radius: var(--pat-form-input-field-border-radius);
  }
  .pat-form fieldset.horizontal fieldset.group > *,
  .pat-form fieldset.horizontal div.group > *,
  .pat-form fieldset.horizontal > .pat-checklist > *, .pat-form fieldset.horizontal > .panel-content fieldset.group > *,
  .pat-form fieldset.horizontal > .panel-content div.group > *,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist > * {
    grid-column-start: 2;
  }
  .pat-form fieldset.horizontal fieldset.group .help-icon,
  .pat-form fieldset.horizontal div.group .help-icon,
  .pat-form fieldset.horizontal > .pat-checklist .help-icon, .pat-form fieldset.horizontal > .panel-content fieldset.group .help-icon,
  .pat-form fieldset.horizontal > .panel-content div.group .help-icon,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist .help-icon {
    grid-area: extra;
    grid-row: 1/-1;
  }
  .pat-form fieldset.horizontal fieldset.group > .legend,
  .pat-form fieldset.horizontal fieldset.group legend,
  .pat-form fieldset.horizontal div.group > .legend,
  .pat-form fieldset.horizontal div.group legend,
  .pat-form fieldset.horizontal > .pat-checklist > .legend,
  .pat-form fieldset.horizontal > .pat-checklist legend, .pat-form fieldset.horizontal > .panel-content fieldset.group > .legend,
  .pat-form fieldset.horizontal > .panel-content fieldset.group legend,
  .pat-form fieldset.horizontal > .panel-content div.group > .legend,
  .pat-form fieldset.horizontal > .panel-content div.group legend,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist > .legend,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist legend {
    display: inline;
    text-align: left;
    padding: 0;
    box-sizing: border-box;
    position: relative;
    display: block;
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    letter-spacing: 0;
    grid-column-start: 1;
    grid-row: 1/-1;
    margin-bottom: 0;
  }
  body[dir=rtl] .pat-form fieldset.horizontal fieldset.group > .legend,
  body[dir=rtl] .pat-form fieldset.horizontal fieldset.group legend,
  body[dir=rtl] .pat-form fieldset.horizontal div.group > .legend,
  body[dir=rtl] .pat-form fieldset.horizontal div.group legend,
  body[dir=rtl] .pat-form fieldset.horizontal > .pat-checklist > .legend,
  body[dir=rtl] .pat-form fieldset.horizontal > .pat-checklist legend, body[dir=rtl] .pat-form fieldset.horizontal > .panel-content fieldset.group > .legend,
  body[dir=rtl] .pat-form fieldset.horizontal > .panel-content fieldset.group legend,
  body[dir=rtl] .pat-form fieldset.horizontal > .panel-content div.group > .legend,
  body[dir=rtl] .pat-form fieldset.horizontal > .panel-content div.group legend,
  body[dir=rtl] .pat-form fieldset.horizontal > .panel-content > .pat-checklist > .legend,
  body[dir=rtl] .pat-form fieldset.horizontal > .panel-content > .pat-checklist legend {
    text-align: right;
  }
  .pat-form fieldset.horizontal fieldset.group.button-bar,
  .pat-form fieldset.horizontal div.group.button-bar,
  .pat-form fieldset.horizontal > .pat-checklist.button-bar, .pat-form fieldset.horizontal > .panel-content fieldset.group.button-bar,
  .pat-form fieldset.horizontal > .panel-content div.group.button-bar,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.button-bar {
    display: flex;
    gap: 15px;
    padding-left: calc(var(--pat-form-horizontal-label-width) + var(--pat-form-horizontal-column-gap));
  }
  .pat-form fieldset.horizontal fieldset.group.layout-inline label,
  .pat-form fieldset.horizontal div.group.layout-inline label,
  .pat-form fieldset.horizontal > .pat-checklist.layout-inline label, .pat-form fieldset.horizontal > .panel-content fieldset.group.layout-inline label,
  .pat-form fieldset.horizontal > .panel-content div.group.layout-inline label,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist.layout-inline label {
    display: inline-block;
  }
  .pat-form fieldset.horizontal fieldset.group > label:not(.pat-button):not(.file-upload-button),
  .pat-form fieldset.horizontal div.group > label:not(.pat-button):not(.file-upload-button),
  .pat-form fieldset.horizontal > .pat-checklist > label:not(.pat-button):not(.file-upload-button), .pat-form fieldset.horizontal > .panel-content fieldset.group > label:not(.pat-button):not(.file-upload-button),
  .pat-form fieldset.horizontal > .panel-content div.group > label:not(.pat-button):not(.file-upload-button),
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist > label:not(.pat-button):not(.file-upload-button) {
    font-weight: normal;
    font-style: normal;
    position: relative;
    border-style: none;
  }
  .pat-form fieldset.horizontal fieldset.group > label:not(.pat-button):not(.file-upload-button) + .pat-checklist,
  .pat-form fieldset.horizontal div.group > label:not(.pat-button):not(.file-upload-button) + .pat-checklist,
  .pat-form fieldset.horizontal > .pat-checklist > label:not(.pat-button):not(.file-upload-button) + .pat-checklist, .pat-form fieldset.horizontal > .panel-content fieldset.group > label:not(.pat-button):not(.file-upload-button) + .pat-checklist,
  .pat-form fieldset.horizontal > .panel-content div.group > label:not(.pat-button):not(.file-upload-button) + .pat-checklist,
  .pat-form fieldset.horizontal > .panel-content > .pat-checklist > label:not(.pat-button):not(.file-upload-button) + .pat-checklist {
    margin-top: 0.5em;
    display: block;
  }
  .pat-form fieldset.horizontal dfn.help, .pat-form fieldset.horizontal > .panel-content dfn.help {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    width: calc(var(--pat-form-proportion-name) * 100% / (100% - var(--pat-form-proportion-name)));
    width: 80%;
  }
}
.pat-form fieldset .row {
  margin: 0 -5px 0.8em;
}
.pat-form fieldset .row .column,
.pat-form fieldset .row .columns {
  margin-bottom: 0;
  padding: 0 5px;
}
.pat-form fieldset .row .column > *,
.pat-form fieldset .row .columns > * {
  margin-bottom: 0;
}
.pat-form fieldset .row:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .pat-form fieldset.horizontal > br,
  .pat-form fieldset.horizontal .group > br {
    display: none;
  }
  .pat-form fieldset.horizontal label {
    position: relative;
    display: block;
  }
  .pat-form fieldset.horizontal label.columns, .pat-form fieldset.horizontal label.column {
    display: inline-block;
  }
  .pat-form fieldset.horizontal label img {
    max-width: 100%;
  }
  .pat-form fieldset.horizontal .group.pat-checklist legend,
  .pat-form fieldset.horizontal .group.pat-checklist .legend {
    margin-bottom: 0.2em;
  }
  .pat-form fieldset.horizontal label > input,
  .pat-form fieldset.horizontal label > textarea,
  .pat-form fieldset.horizontal label > select,
  .pat-form fieldset.horizontal label > .sortable-items-list,
  .pat-form fieldset.horizontal label > .pat-sortable-blocks,
  .pat-form fieldset.horizontal label > .select2-container,
  .pat-form fieldset.horizontal label > .button-field,
  .pat-form fieldset.horizontal label > .group.textarea,
  .pat-form fieldset.horizontal label > .field-value,
  .pat-form fieldset.horizontal label > .group.md-editor,
  .pat-form fieldset.horizontal label > .colour-chooser-launcher,
  .pat-form fieldset.horizontal label > .read-only-field,
  .pat-form fieldset.horizontal label > .pat-rich-editor,
  .pat-form fieldset.horizontal label > .pat-miller-columns,
  .pat-form fieldset.horizontal label > .output-field,
  .pat-form fieldset.horizontal label > .composed,
  .pat-form fieldset.horizontal label > .field-cluster,
  .pat-form fieldset.horizontal label > .pat-checklist,
  .pat-form fieldset.horizontal .group > input,
  .pat-form fieldset.horizontal .group > textarea,
  .pat-form fieldset.horizontal .group > select,
  .pat-form fieldset.horizontal .group > .sortable-items-list,
  .pat-form fieldset.horizontal .group > .pat-sortable-blocks,
  .pat-form fieldset.horizontal .group > .select2-container,
  .pat-form fieldset.horizontal .group > .button-field,
  .pat-form fieldset.horizontal .group > .group.textarea,
  .pat-form fieldset.horizontal .group > .field-value,
  .pat-form fieldset.horizontal .group > .group.md-editor,
  .pat-form fieldset.horizontal .group > .colour-chooser-launcher,
  .pat-form fieldset.horizontal .group > .read-only-field,
  .pat-form fieldset.horizontal .group > .pat-rich-editor,
  .pat-form fieldset.horizontal .group > .pat-miller-columns,
  .pat-form fieldset.horizontal .group > .output-field,
  .pat-form fieldset.horizontal .group > .composed,
  .pat-form fieldset.horizontal .group > .field-cluster,
  .pat-form fieldset.horizontal .group > .pat-checklist {
    display: block;
    margin-top: 0.2em;
    width: 100%;
    font-weight: normal;
  }
  .pat-form fieldset.horizontal .pat-checklist {
    margin-top: 8px;
  }
  .pat-form fieldset.horizontal label > .composed input,
  .pat-form fieldset.horizontal .group > .composed input {
    width: 100%;
  }
  .pat-form fieldset.horizontal textarea.pat-content-mirror,
  .pat-form fieldset.horizontal .group.md-editor .md-render {
    margin-top: 0;
  }
  .pat-form fieldset.horizontal .legend,
  .pat-form fieldset.horizontal legend,
  .pat-form fieldset.horizontal > label:not(.pat-toggle-switch),
  .pat-form fieldset.horizontal .group:not(.pat-checklist):not(.pat-toggle-switch) > label {
    font-weight: bold;
    display: block;
    margin-bottom: 1em;
  }
  .pat-form fieldset.horizontal .group.pat-form-field-toggle {
    display: flex;
    justify-content: space-between;
  }
  .pat-form fieldset.horizontal .group.pat-form-field-toggle .pat-toggle-switch {
    margin-bottom: 0em;
    margin-top: 8px;
  }
  .pat-form fieldset.horizontal .legend {
    margin-bottom: 0em;
    margin-top: 8px;
  }
}
.pat-form fieldset.vertical > br,
.pat-form fieldset.vertical .group > br {
  display: none;
}
.pat-form fieldset.vertical label {
  position: relative;
  display: block;
}
.pat-form fieldset.vertical label.columns, .pat-form fieldset.vertical label.column {
  display: inline-block;
}
.pat-form fieldset.vertical label img {
  max-width: 100%;
}
.pat-form fieldset.vertical .group.pat-checklist legend,
.pat-form fieldset.vertical .group.pat-checklist .legend {
  margin-bottom: 0.2em;
}
.pat-form fieldset.vertical label > input,
.pat-form fieldset.vertical label > textarea,
.pat-form fieldset.vertical label > select,
.pat-form fieldset.vertical label > .sortable-items-list,
.pat-form fieldset.vertical label > .pat-sortable-blocks,
.pat-form fieldset.vertical label > .select2-container,
.pat-form fieldset.vertical label > .button-field,
.pat-form fieldset.vertical label > .group.textarea,
.pat-form fieldset.vertical label > .field-value,
.pat-form fieldset.vertical label > .group.md-editor,
.pat-form fieldset.vertical label > .colour-chooser-launcher,
.pat-form fieldset.vertical label > .read-only-field,
.pat-form fieldset.vertical label > .pat-rich-editor,
.pat-form fieldset.vertical label > .pat-miller-columns,
.pat-form fieldset.vertical label > .output-field,
.pat-form fieldset.vertical label > .composed,
.pat-form fieldset.vertical label > .field-cluster,
.pat-form fieldset.vertical label > .pat-checklist,
.pat-form fieldset.vertical .group > input,
.pat-form fieldset.vertical .group > textarea,
.pat-form fieldset.vertical .group > select,
.pat-form fieldset.vertical .group > .sortable-items-list,
.pat-form fieldset.vertical .group > .pat-sortable-blocks,
.pat-form fieldset.vertical .group > .select2-container,
.pat-form fieldset.vertical .group > .button-field,
.pat-form fieldset.vertical .group > .group.textarea,
.pat-form fieldset.vertical .group > .field-value,
.pat-form fieldset.vertical .group > .group.md-editor,
.pat-form fieldset.vertical .group > .colour-chooser-launcher,
.pat-form fieldset.vertical .group > .read-only-field,
.pat-form fieldset.vertical .group > .pat-rich-editor,
.pat-form fieldset.vertical .group > .pat-miller-columns,
.pat-form fieldset.vertical .group > .output-field,
.pat-form fieldset.vertical .group > .composed,
.pat-form fieldset.vertical .group > .field-cluster,
.pat-form fieldset.vertical .group > .pat-checklist {
  display: block;
  margin-top: 0.2em;
  width: 100%;
  font-weight: normal;
}
.pat-form fieldset.vertical .pat-checklist {
  margin-top: 8px;
}
.pat-form fieldset.vertical label > .composed input,
.pat-form fieldset.vertical .group > .composed input {
  width: 100%;
}
.pat-form fieldset.vertical textarea.pat-content-mirror,
.pat-form fieldset.vertical .group.md-editor .md-render {
  margin-top: 0;
}
.pat-form fieldset.vertical .legend,
.pat-form fieldset.vertical legend,
.pat-form fieldset.vertical > label:not(.pat-toggle-switch),
.pat-form fieldset.vertical .group:not(.pat-checklist):not(.pat-toggle-switch) > label {
  font-weight: bold;
  display: block;
  margin-bottom: 1em;
}
.pat-form fieldset.vertical .group.pat-form-field-toggle {
  display: flex;
  justify-content: space-between;
}
.pat-form fieldset.vertical .group.pat-form-field-toggle .pat-toggle-switch {
  margin-bottom: 0em;
  margin-top: 8px;
}
.pat-form fieldset.vertical .legend {
  margin-bottom: 0em;
  margin-top: 8px;
}

.zavat-chalav-ve-devach,
.zavat-chalav-ve-devach input {
  opacity: 0;
  position: absolute !important;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
  speak: none;
}

.pat-icon {
  font-family: fontello;
  text-indent: -1000em;
  width: 35px;
  height: 35px;
  position: relative;
  color: rgba(0, 0, 0, 0.6);
  cursor: default;
  line-height: 35px;
  border-radius: 10px;
  display: inline-block;
  text-align: left;
}
body[dir=rtl] .pat-icon {
  text-align: right;
}
.pat-icon:before {
  font-family: fontello;
  text-indent: 0;
  line-height: 36px;
  text-align: center;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 10px;
  box-sizing: border-box;
}
.pat-icon:hover {
  color: black;
  text-decoration: none;
}
.pat-icon.active {
  color: #D40E16;
  box-shadow: none;
}
.pat-icon.active:before {
  color: #D40E16;
}

.pat-inject[action].executing [type=submit], .pat-inject[formaction].executing [type=submit], .pat-inject.pat-subform.executing [type=submit] {
  -ms-pointer-events: none;
  -moz-pointer-events: none;
  -webkit-pointer-events: none;
  pointer-events: none;
  opacity: 0.5;
}
.pat-inject[href].executing {
  -ms-pointer-events: none;
  -moz-pointer-events: none;
  -webkit-pointer-events: none;
  pointer-events: none;
  opacity: 0.5;
}

.pat-message {
  color: black;
  padding: 1.3rem;
  margin-bottom: 1rem;
  background-color: #efefef;
  border-radius: 10px;
  line-height: 1.3;
  font-family: "Roboto", sans-serif;
  box-shadow: 0 0 0 2px white;
}
.pat-message[class*=icon-] {
  display: flex;
  align-items: center;
  padding-right: 40px;
}
.pat-message[class*=icon-]:before {
  font-family: fontello;
  width: 80px;
  font-size: 30px;
  margin-right: 0.4em;
  text-align: center;
}
.pat-message .pat-button {
  text-decoration: none;
}
.pat-message > p,
.pat-message .message-title {
  margin-bottom: 0.4rem;
}
.pat-message .message-title {
  font-size: 1.5rem;
}
.pat-message > *:last-child {
  margin-bottom: 0;
}
.pat-message.success {
  background-color: #e1eddb;
}
.pat-message.success:before {
  color: #A6E300;
}
.pat-message.notice {
  background-color: #fdfdc8;
}
.pat-message.notice:before {
  color: #fdfdc8;
}
.pat-message.notice .pat-button {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.pat-message.notice .pat-button:hover {
  background-color: #009ee2;
  color: white;
}
.pat-message.info {
  background-color: #d9edf7;
}
.pat-message.info .pat-button {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.pat-message.info .pat-button:hover {
  background-color: #009ee2;
  color: white;
}
.pat-message.error {
  background-color: #FFC8C8;
  color: red;
}
.pat-message.warning {
  background-color: #fbead9;
  color: black;
}
.pat-message.warning:before {
  color: orange;
}
.pat-message.warning .pat-button {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.pat-message.warning .pat-button:hover {
  background-color: #009ee2;
  color: white;
}

.pat-modal-panel {
  position: fixed;
  z-index: 9998;
  max-width: 95%;
  width: 840px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  animation: fadeIn 0.2s;
  padding: 0;
  margin: 0;
  z-index: 9998;
  border: none;
}
.pat-modal-panel.small {
  width: 640px;
}
.pat-modal-panel.small .modal-panel-body {
  width: 640px;
}
.pat-modal-panel:after {
  position: fixed;
  top: -2000px;
  right: -2000px;
  bottom: -2000px;
  left: -2000px;
  content: " ";
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(3px) saturate(0.5);
  backdrop-filter: blur(3px) saturate(0.5);
  animation: fadeIn 1s;
}
.pat-modal-panel .modal-panel-contents {
  position: relative;
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 2px 50px rgba(0, 0, 0, 0.7);
}
.pat-modal-panel .modal-panel-contents:after {
  content: " ";
  display: table;
  clear: both;
}
.pat-modal-panel .modal-panel-header {
  margin: 0;
  padding: 20px 30px;
}
.pat-modal-panel .modal-panel-header .modal-panel-title {
  font-weight: bold;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  font-size: 22px;
}
.pat-modal-panel .pat-toolbar {
  margin-bottom: 10px;
}
.pat-modal-panel .modal-panel-body {
  width: 840px;
  overflow: auto;
  max-height: calc(100vh - 270px);
  padding: 8px 30px 0;
  box-sizing: border-box;
}
.pat-modal-panel .modal-panel-body > .form-fields {
  padding-bottom: 20px;
}
.pat-modal-panel .modal-panel-body > .modal-panel-main-button-bar {
  position: -webkit-sticky !important;
  position: sticky !important;
  bottom: 0;
  margin-bottom: 1px;
  background: white;
  padding-bottom: 30px;
  padding-top: 25px;
  border-top: 1px solid white;
  z-index: 10;
}
.pat-modal-panel .modal-panel-body > .modal-panel-main-button-bar.bumped-bottom {
  border-top: 1px solid silver;
}
.pat-modal-panel .sliding-sheets {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
  scroll-snap-type: x mandatory;
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 100%;
  scroll-behavior: smooth;
  margin-bottom: 77px;
  -ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
  scrollbar-width: none; /* Hide scrollbar for Firefox */
}
.pat-modal-panel .sliding-sheets::-webkit-scrollbar {
  display: none; /* Hide scrollbar for Chrome, Safari and Opera */
}
.pat-modal-panel .sliding-sheets .modal-panel-footer {
  display: none;
}
.pat-modal-panel .sliding-sheets .modal-panel-footer, .pat-modal-panel .sliding-sheets + .modal-panel-footer {
  position: absolute;
  bottom: 0;
  right: 30px;
  left: 30px;
  margin: 0;
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px silver solid;
  background-color: white;
}
.pat-modal-panel .sliding-sheets .modal-panel-body {
  scroll-snap-align: center;
}
.pat-modal-panel .sliding-sheets .modal-panel-body:target .modal-panel-footer, .pat-modal-panel .sliding-sheets .modal-panel-body:first-child .modal-panel-footer {
  display: block;
}
.pat-modal-panel.large {
  width: 1100px;
}
.pat-modal-panel.large .modal-panel-body {
  width: 1100px;
}

@media print {
  body.modal-active > *:not(.pat-modal) {
    display: none;
  }
}

@keyframes show-sheet {
  0% {
    opacity: 0;
    transform: translate(-50%, 100%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@media screen {
  div.pat-modal.sheet {
    position: absolute;
    left: 50%;
    max-width: 840px;
    width: 90%;
    bottom: 0;
    top: 80px !important;
    z-index: 10000;
    animation: show-sheet 0.4s;
    box-sizing: border-box;
    transform: translate(-50%, 0);
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
  }
}
@media print {
  div.pat-modal.sheet {
    transform: translate(0, 0) !important;
  }
}
div.pat-modal.sheet .close-panel {
  position: absolute;
  top: 25px;
  right: 25px;
  z-index: 1;
  color: transparent;
}
div.pat-modal.sheet .close-panel:hover:before {
  background-color: rgba(0, 0, 0, 0.4);
}
div.pat-modal.sheet .close-panel:before {
  font-family: fontello;
  content: "\e899";
  color: white;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.3);
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  display: block;
  font-size: 31px;
}
@media print {
  div.pat-modal.sheet .close-panel {
    display: none !important;
  }
}
@media screen {
  div.pat-modal.sheet .panel-content {
    overflow: auto;
    padding: 80px;
    background-color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    box-shadow: 0 0 70px rgba(0, 0, 0, 0.5);
  }
}
@media print {
  div.pat-modal.sheet .panel-content {
    overflow: visible;
  }
}
@media screen {
  div.pat-modal.sheet:before {
    position: absolute;
    top: -2000px;
    right: -2000px;
    bottom: -2000px;
    left: -2000px;
    content: " ";
    z-index: -1;
    background-color: rgba(0, 0, 0, 0.15);
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    animation: fadeIn 1s;
  }
}
div.pat-modal.panel {
  position: fixed;
  z-index: 9998;
  max-width: 95%;
  width: 550px !important;
  height: auto !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%);
  animation: fadeIn 0.2s;
  background-color: transparent;
  border-radius: 10px;
}
div.pat-modal.panel.carousel .panel-content .panel-body {
  overflow-y: visible;
  max-height: auto;
  padding-bottom: 0;
}
div.pat-modal.panel.carousel .panel-content .panel-body * {
  -webkit-user-select: none;
  user-select: none;
}
div.pat-modal.panel.carousel .panel-content .panel-body:has(.pat-button-bar) {
  padding-bottom: 20px;
}
div.pat-modal.panel.carousel .panel-content .panel-body .pat-toolbar {
  margin-bottom: 30px;
  margin-top: -10px;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel {
  margin-left: -30px;
  margin-right: -30px;
  margin-top: 0;
  margin-bottom: 0;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list {
  position: static;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track {
  position: static;
  transform: none !important;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track .slick-slide {
  padding: 0 30px;
  max-height: calc(100vh - 390px);
  overflow-y: auto;
  position: static;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track .slick-slide .sheet-content:has(.pat-button-bar) {
  padding-bottom: 80px;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track .slick-slide .sheet-content .modal-panel-main-button-bar {
  position: absolute;
  bottom: 0;
  right: 30px;
  left: 30px;
  margin: 0;
  padding-top: 20px;
  border-top: 1px silver solid;
  background-color: white;
  display: none;
}
div.pat-modal.panel.carousel .panel-content .panel-body .panel-sheets.pat-carousel .slick-list .slick-track .slick-slide.slick-current .sheet-content .modal-panel-main-button-bar {
  display: block;
}
div.pat-modal.panel.carousel .panel-content .panel-body .container > .pat-button-bar:last-child,
div.pat-modal.panel.carousel .panel-content .panel-body .container .main.pat-button-bar {
  position: relative !important;
  bottom: 0;
  border-top: 1px solid silver;
}
div.pat-modal.panel.carousel .panel-content .panel-body .slick-slide:not(.slick-active) .sheet-content > .pat-button-bar:last-child {
  opacity: 0;
}
div.pat-modal.panel.small {
  animation: bounceInCentred 0.5s;
}
div.pat-modal.panel.medium {
  width: 900px !important;
}
div.pat-modal.panel.large {
  width: 1200px !important;
}
div.pat-modal.panel.large.object {
  height: calc(100vh - 80px) !important;
  height: 100%;
  box-sizing: border-box;
}
div.pat-modal.panel.large.object object {
  height: 100%;
  width: 100%;
}
div.pat-modal.panel.large.object .panel-content {
  box-sizing: border-box;
  height: 100%;
}
div.pat-modal.panel.full {
  width: 95% !important;
}
div.pat-modal.panel > .header {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
div.pat-modal.panel > .header h1 {
  text-align: center;
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  padding: 20px;
  text-overflow: ellipsis;
  overflow: hidden;
}
div.pat-modal.panel > .header .button-fullscreen,
div.pat-modal.panel > .header .close-panel {
  display: none;
  position: absolute;
  top: 15px;
  height: 40px;
  width: 40px;
  line-height: 40px;
  background-color: #009ee2;
  color: transparent;
}
div.pat-modal.panel > .header .button-fullscreen:hover,
div.pat-modal.panel > .header .close-panel:hover {
  background-color: #009ee2;
}
div.pat-modal.panel > .header .button-fullscreen:before,
div.pat-modal.panel > .header .close-panel:before {
  font-family: fontello;
  content: "\e813";
  color: white;
  font-size: 24px;
  width: 100%;
  display: block;
  text-align: center;
}
div.pat-modal.panel > .header .button-fullscreen {
  right: 65px;
}
div.pat-modal.panel > .header .button-fullscreen:before {
  content: "\e8f4";
}
div.pat-modal.panel > .header .close-panel {
  right: 15px;
}
div.pat-modal.panel > .header .close-panel:before {
  content: "\e813";
}
div.pat-modal.panel.object > .header .close-panel,
div.pat-modal.panel.object > .header .button-fullscreen {
  display: block;
}
div.pat-modal.panel.object:-webkit-full-screen {
  width: 100%;
  height: 100%;
  background-color: black;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div.pat-modal.panel.object:-ms-fullscreen {
  width: 100%;
  height: 100%;
  background-color: black;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div.pat-modal.panel.object:fullscreen {
  width: 100%;
  height: 100%;
  background-color: black;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
div.pat-modal.panel .panel-content {
  background: white;
  box-shadow: 0 2px 50px rgba(0, 0, 0, 0.7);
  border: 1px solid rgba(0, 0, 0, 0.15);
  padding-top: 68px;
  border-radius: 10px;
}
div.pat-modal.panel .panel-content .panel-body {
  max-height: calc(100vh - 250px);
  overflow-y: auto;
  padding-top: 8px;
}
div.pat-modal.panel .panel-content .panel-body > .pat-button-bar:last-child,
div.pat-modal.panel .panel-content .panel-body .container > .pat-button-bar:last-child,
div.pat-modal.panel .panel-content .panel-body .container > form > .pat-button-bar:last-child,
div.pat-modal.panel .panel-content .panel-body .container > .panel-sheets > .sheet-content > form > .pat-button-bar:last-child {
  position: -webkit-sticky !important;
  position: sticky !important;
  bottom: -21px;
  background: white;
  padding-bottom: 20px;
  padding-top: 20px;
  border-top: 1px solid white;
  z-index: 10;
}
div.pat-modal.panel .panel-content .panel-body > .pat-button-bar:last-child.bumped,
div.pat-modal.panel .panel-content .panel-body .container > .pat-button-bar:last-child.bumped,
div.pat-modal.panel .panel-content .panel-body .container > form > .pat-button-bar:last-child.bumped,
div.pat-modal.panel .panel-content .panel-body .container > .panel-sheets > .sheet-content > form > .pat-button-bar:last-child.bumped {
  border-top: 1px solid silver;
}
div.pat-modal.panel .panel-content > .pat-button-bar,
div.pat-modal.panel .panel-content .container > .pat-button-bar {
  margin: 0;
  padding-bottom: 5px;
}
div.pat-modal.panel:after {
  position: fixed;
  top: -2000px;
  right: -2000px;
  bottom: -2000px;
  left: -2000px;
  content: " ";
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-backdrop-filter: blur(3px) saturate(0.5);
  backdrop-filter: blur(3px) saturate(0.5);
  animation: fadeIn 1s;
}
div.pat-modal.panel .panel-body {
  padding-bottom: 20px;
}
div.pat-modal.panel .panel-footer {
  padding-bottom: 10px;
}
div.pat-modal.panel .panel-footer .container:before {
  content: " ";
  height: 1px;
  display: block;
  margin-bottom: 20px;
  background: silver;
}
div.pat-modal.panel .panel-footer .container .pat-button {
  margin: 0 10px 10px 0;
}
div.pat-modal.panel .panel-footer .container .float-after {
  margin-right: 0;
  float: right;
}
div.pat-modal.panel .container {
  width: 100%;
  padding: 0 30px;
}
div.pat-modal:not(.panel):not(.sheet), div.pat-modal.document-content:not(.panel):not(.sheet) {
  background-color: rgba(255, 255, 255, 0.95);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: fixed;
  z-index: 9998;
  width: 100% !important;
  height: 100% !important;
  top: 0 !important;
  left: 0 !important;
}
.backdropfilter div.pat-modal:not(.panel):not(.sheet), .backdropfilter div.pat-modal.document-content:not(.panel):not(.sheet) {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(100px) saturate(4) brightness(1.2);
  backdrop-filter: blur(100px) saturate(4) brightness(1.2);
}
div.pat-modal:not(.panel):not(.sheet) .filter-bar, div.pat-modal.document-content:not(.panel):not(.sheet) .filter-bar {
  margin-bottom: 2em;
}
div.pat-modal:not(.panel):not(.sheet) .filter-bar input[type=search], div.pat-modal.document-content:not(.panel):not(.sheet) .filter-bar input[type=search] {
  float: right;
  width: 14em;
}
div.pat-modal:not(.panel):not(.sheet) .header, div.pat-modal.document-content:not(.panel):not(.sheet) .header {
  color: gray;
  padding: 0;
  position: relative;
  z-index: 2;
  background-color: transparent;
  height: 0;
}
div.pat-modal:not(.panel):not(.sheet) .header *, div.pat-modal.document-content:not(.panel):not(.sheet) .header * {
  display: none;
}
div.pat-modal:not(.panel):not(.sheet) .header .close-panel, div.pat-modal.document-content:not(.panel):not(.sheet) .header .close-panel {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: 3em;
  height: 3em;
  color: transparent !important;
  filter: none;
  border: none;
  background: none;
  outline: none;
  display: block;
  overflow: visible;
  padding: 0;
  margin: 0;
  opacity: 0.7;
  transition: transform 0.2s ease-out;
  z-index: 2;
  font-size: 10px;
  font-size: 20px;
  background: none;
}
div.pat-modal:not(.panel):not(.sheet) .header .close-panel:active, div.pat-modal.document-content:not(.panel):not(.sheet) .header .close-panel:active {
  box-shadow: inherit;
  transform: scale(0.6);
  box-shadow: none;
}
div.pat-modal:not(.panel):not(.sheet) .header .close-panel:hover, div.pat-modal.document-content:not(.panel):not(.sheet) .header .close-panel:hover {
  opacity: 1;
}
div.pat-modal:not(.panel):not(.sheet) .header .close-panel:before, div.pat-modal.document-content:not(.panel):not(.sheet) .header .close-panel:before {
  font-family: fontello;
  content: "\e899";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2.5em;
  color: black;
  text-indent: 0;
}
div.pat-modal:not(.panel):not(.sheet).small .panel-content .container,
div.pat-modal:not(.panel):not(.sheet) > .panel-content .panel-class-small .container, div.pat-modal.document-content:not(.panel):not(.sheet).small .panel-content .container,
div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content .panel-class-small .container {
  max-width: 640px;
}
div.pat-modal:not(.panel):not(.sheet).small > .panel-content > h1,
div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small, div.pat-modal.document-content:not(.panel):not(.sheet).small > .panel-content > h1,
div.pat-modal.document-content:not(.panel):not(.sheet) h1.panel-class-small {
  max-width: 530px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  div.pat-modal:not(.panel):not(.sheet).small > .panel-content > h1,
  div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small, div.pat-modal.document-content:not(.panel):not(.sheet).small > .panel-content > h1,
  div.pat-modal.document-content:not(.panel):not(.sheet) h1.panel-class-small {
    max-width: 580px;
    padding: 0 2.25em;
  }
}
div.pat-modal:not(.panel):not(.sheet).medium .panel-content .container,
div.pat-modal:not(.panel):not(.sheet) > .panel-content .panel-class-small .container, div.pat-modal.document-content:not(.panel):not(.sheet).medium .panel-content .container,
div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content .panel-class-small .container {
  max-width: 840px;
}
div.pat-modal:not(.panel):not(.sheet).medium > .panel-content > h1,
div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small, div.pat-modal.document-content:not(.panel):not(.sheet).medium > .panel-content > h1,
div.pat-modal.document-content:not(.panel):not(.sheet) h1.panel-class-small {
  max-width: 730px;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  div.pat-modal:not(.panel):not(.sheet).medium > .panel-content > h1,
  div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small, div.pat-modal.document-content:not(.panel):not(.sheet).medium > .panel-content > h1,
  div.pat-modal.document-content:not(.panel):not(.sheet) h1.panel-class-small {
    max-width: 780px;
    padding: 0 2.25em;
  }
}
div.pat-modal:not(.panel):not(.sheet) > .panel-content, div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content {
  background-color: transparent;
  position: absolute;
  z-index: 1;
  overflow: hidden;
  width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
  top: 50%;
  left: 50%;
  opacity: 0;
  padding: 5em 3em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -moz-transform: scale(1.5) translate(-50%, -50%);
  -webkit-transform: scale(1.5) translate(-50%, -50%);
  transform: scale(1.5) translate(-50%, -50%);
  transform-origin: 0;
  -moz-transition: 0.2s all;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
div.pat-modal:not(.panel):not(.sheet) > .panel-content > *, div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content > * {
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}
div.pat-modal:not(.panel):not(.sheet) > .panel-content > h1, div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content > h1 {
  max-width: 1280px;
  font-weight: 200;
  font-size: 2em;
  line-height: 1.3;
  margin-bottom: 0.7em;
  padding: 0 3em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  div.pat-modal:not(.panel):not(.sheet) > .panel-content > h1, div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content > h1 {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  div.pat-modal:not(.panel):not(.sheet) > .panel-content > h1, div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content > h1 {
    padding: 0 2.25em;
  }
}
@media only screen and (min-width: 1280px) {
  div.pat-modal:not(.panel):not(.sheet) > .panel-content > h1, div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content > h1 {
    padding: 0 6.7rem;
  }
}
@media only screen and (max-width: 767px) {
  div.pat-modal:not(.panel):not(.sheet) > .panel-content, div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content {
    padding: 5em 1.5rem;
  }
}
.modal-active div.pat-modal:not(.panel):not(.sheet) > .panel-content, .modal-active div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content {
  -moz-transform: scale(1) translate(-50%, -50%);
  -webkit-transform: scale(1) translate(-50%, -50%);
  transform: scale(1) translate(-50%, -50%);
  opacity: 1;
}
div.pat-modal:not(.panel):not(.sheet).max-height > .panel-content, div.pat-modal.document-content:not(.panel):not(.sheet).max-height > .panel-content {
  height: 100%;
}
div.pat-modal:not(.panel):not(.sheet) img, div.pat-modal.document-content:not(.panel):not(.sheet) img {
  max-width: 100%;
}
div.pat-modal:not(.panel):not(.sheet) .wizard-box, div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box {
  padding: 0;
}
div.pat-modal:not(.panel):not(.sheet) .wizard-box .panel-body, div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box .panel-body {
  padding: 0 3em 0;
  margin-bottom: 0;
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  div.pat-modal:not(.panel):not(.sheet) .wizard-box .panel-body, div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box .panel-body {
    padding: 5em 1em 0;
  }
}
div.pat-modal:not(.panel):not(.sheet) .wizard-box .panel-footer, div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box .panel-footer {
  margin: 0;
  height: 1.6em;
  padding: 0.8em 3em;
}
@media only screen and (max-width: 767px) {
  div.pat-modal:not(.panel):not(.sheet) .wizard-box .panel-footer, div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box .panel-footer {
    padding: 0.8em 1em;
  }
}
div.pat-modal:not(.panel):not(.sheet).max-height .wizard-box, div.pat-modal.document-content:not(.panel):not(.sheet).max-height .wizard-box {
  overflow: hidden;
}
div.pat-modal:not(.panel):not(.sheet).max-height .wizard-box .panel-body, div.pat-modal.document-content:not(.panel):not(.sheet).max-height .wizard-box .panel-body {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 5em 3em;
  overflow: auto;
}
div.pat-modal:not(.panel):not(.sheet).max-height .wizard-box .panel-footer, div.pat-modal.document-content:not(.panel):not(.sheet).max-height .wizard-box .panel-footer {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  border-top: 1px solid #dedede;
  background: rgba(255, 255, 255, 0.9);
  z-index: 10000;
}
@media only screen and (max-width: 767px) {
  div.pat-modal:not(.panel):not(.sheet), div.pat-modal.document-content:not(.panel):not(.sheet) {
    width: 100% !important;
    height: 100% !important;
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    max-width: inherit !important;
    max-height: inherit !important;
    margin: 0 !important;
    border: none !important;
  }
  div.pat-modal:not(.panel):not(.sheet) > .panel-content, div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content {
    height: 100%;
    padding-top: 4em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  div.pat-modal:not(.panel):not(.sheet) .wizard-box, div.pat-modal.document-content:not(.panel):not(.sheet) .wizard-box {
    overflow: hidden;
  }
  div.pat-modal:not(.panel):not(.sheet) .header, div.pat-modal.document-content:not(.panel):not(.sheet) .header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2;
  }
  div.pat-modal:not(.panel):not(.sheet) .panel-body, div.pat-modal.document-content:not(.panel):not(.sheet) .panel-body {
    position: absolute;
    top: 2em;
    bottom: 57px;
    right: 0;
    left: 0;
  }
  div.pat-modal:not(.panel):not(.sheet) .panel-footer, div.pat-modal.document-content:not(.panel):not(.sheet) .panel-footer {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
  }
}

.pat-notification-panel {
  width: 380px;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  padding: 1rem;
  margin-bottom: 1em;
  box-shadow: 0 1px 10px rgba(0, 0, 0, 0.2);
  display: block;
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 0.8);
  border: 1px solid white;
  -webkit-backdrop-filter: blur(3px) saturate(0.5);
  backdrop-filter: blur(3px) saturate(0.5);
}
.pat-notification-panel button {
  font-family: "Roboto", sans-serif;
  margin: 0;
  border: none;
  cursor: default;
  border-radius: 10px;
  background-image: none;
  text-decoration: none;
  line-height: var(--pat-button-height);
  white-space: nowrap;
  display: inline-block;
  padding: var(--pat-button-paddings);
  font-size: 1em;
  vertical-align: text-bottom;
  font-weight: var(--pat-button-font-weight);
  box-shadow: none;
  color: #009ee2;
  background-color: rgba(0, 0, 0, 0.08);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 15px;
  padding: 0 12px;
  line-height: 22px;
  vertical-align: baseline;
}
.pat-notification-panel button:before {
  line-height: inherit;
}
.pat-notification-panel button:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-notification-panel button:hover {
  color: color-mix(in lch, colour-link, black 90%);
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: color-mix(in lch, colour-link, black 90%);
}
.pat-notification-panel button.default {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.pat-notification-panel button.default:hover {
  background-color: #009ee2;
  color: white;
}
.pat-notification-panel button[disabled], .pat-notification-panel button.disabled, .pat-notification-panel button:is(a):not([href]), .pat-notification-panel button.default[disabled], .pat-notification-panel button.default.disabled, .pat-notification-panel button:is(a).default:not([href]) {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
.pat-notification-panel button[disabled]:hover, .pat-notification-panel button.disabled:hover, .pat-notification-panel button:is(a):not([href]):hover, .pat-notification-panel button.default[disabled]:hover, .pat-notification-panel button.default.disabled:hover, .pat-notification-panel button:is(a).default:not([href]):hover {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
@media print {
  .pat-notification-panel button {
    display: none;
  }
}
.pat-notification-panel button.small {
  font-size: 15px;
  padding: 0 12px;
  height: 22px;
  line-height: 20px;
  vertical-align: baseline;
  box-shadow: none;
  font-weight: 600;
}
.pat-notification-panel button.small:before {
  font-size: 15px;
}
.pat-notification-panel button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.pat-notification-panel button.iconified {
  width: 30px;
  padding: 0;
}
.pat-notification-panel button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: 35px;
}
.pat-notification-panel button.link {
  padding: 0;
  display: inline;
  background: none;
  color: #009ee2;
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.pat-notification-panel button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: black;
}
.pat-notification-panel button.no-label {
  padding: 0;
  aspect-ratio: 1/1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.pat-notification-panel button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.pat-notification-panel button:before {
  font-weight: normal;
  margin-right: 5px;
}
.pat-notification-panel button.add:before {
  font-family: fontello;
  content: "\e825";
}
@media only screen and (max-width: 767px) {
  .pat-notification-panel {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.pat-notification-panel a {
  text-decoration: underline;
}
.pat-notification-panel.notice {
  background-color: #fdfdc8;
}
.pat-notification-panel.success {
  background-color: #e1eddb;
  color: black;
}
.pat-notification-panel.success * {
  color: black !important;
}
.pat-notification-panel.warning {
  background-color: #fbead9;
}
.pat-notification-panel.warning * {
  color: black !important;
}
.pat-notification-panel.error {
  background-color: #FFC8C8;
}
.pat-notification-panel.error * {
  color: black !important;
}
.pat-notification-panel.info {
  background-color: #d9edf7;
  color: #154963;
}
.pat-notification-panel p:last-of-type {
  margin-bottom: 0;
}

#pat-notification-banners {
  position: fixed;
  top: 50px;
  right: 0;
  padding: 15px 0;
  overflow: auto;
  z-index: 2147483647;
  max-height: calc(100vh - 50px);
}
@media only screen and (max-width: 767px) {
  #pat-notification-banners {
    left: 0;
  }
}
#pat-notification-banners .pat-notification-panel {
  padding-right: 55px;
  position: relative;
  margin-left: 15px;
  margin-right: 15px;
}
#pat-notification-banners .close-panel {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  color: transparent !important;
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: 3em;
  height: 3em;
  color: transparent !important;
  filter: none;
  border: none;
  background: none;
  outline: none;
  display: block;
  overflow: visible;
  padding: 0;
  margin: 0;
  opacity: 0.7;
  transition: transform 0.2s ease-out;
  z-index: 2;
  font-size: 10px;
}
#pat-notification-banners .close-panel:active {
  box-shadow: inherit;
  transform: scale(0.6);
  box-shadow: none;
}
#pat-notification-banners .close-panel:hover {
  opacity: 1;
}
#pat-notification-banners .close-panel:before {
  font-family: fontello;
  content: "\e899";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2.5em;
  color: black;
  text-indent: 0;
}

.pat-picture {
  position: relative;
  display: block;
}
.pat-picture img {
  display: block;
  width: 100%;
}
.pat-picture .copyright-mention {
  position: absolute;
  z-index: 10;
  bottom: 0.5rem;
  left: 0.5rem;
  margin: 0;
  color: #fff;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), -1px 0px 1px rgba(0, 0, 0, 0.5), 1px 0px 1px rgba(0, 0, 0, 0.5), 0px -1px 1px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.5), 2px 2px 6px rgba(0, 0, 0, 0.5);
  font-size: 0.8888888889rem;
  line-height: 1.125;
  display: block;
  opacity: 0.7;
}
.pat-picture .copyright-mention:before {
  font-family: fontello;
}
.pat-picture .copyright-mention.type-copyright:before {
  content: "\f1f9  ";
}
.pat-picture .copyright-mention.type-creative-commons:before {
  content: "\f25e  ";
}

div.ProseMirror {
  outline: none !important;
}
body div.ProseMirror {
  -webkit-user-select: text;
  user-select: text;
}

.pat-rich-editor {
  width: 100%;
  position: relative;
}
.pat-form .pat-rich-editor:not(.toolbar-detached) {
  padding-top: calc(35px + 15px);
}
.pat-rich-editor .tiptap-menubar {
  display: none;
}
.pat-rich-editor .canvas-toolbar.inline,
.pat-rich-editor .pat-toolbar.inline {
  background-color: rgba(0, 0, 0, 0.06);
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  padding: 4px var(--pat-form-input-field-padding-start-end);
  font-size: 18px;
}
.pat-rich-editor .canvas-toolbar.inline .canvas-toolbar-section.editor,
.pat-rich-editor .pat-toolbar.inline .canvas-toolbar-section.editor {
  font-size: 0.8em;
}
.pat-rich-editor .canvas-toolbar.inline .pat-toolbar-section.editor,
.pat-rich-editor .pat-toolbar.inline .pat-toolbar-section.editor {
  font-size: 0.8em;
}

.pat-screenshot {
  margin: -10px -10px 2em;
  overflow: hidden;
  position: relative;
  padding: 11px;
}
.pat-screenshot:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  z-index: 1;
}
.pat-screenshot.allow-interaction:before {
  display: none;
}
.pat-screenshot.allow-interaction object {
  -webkit-user-select: auto;
  user-select: auto;
  pointer-events: auto;
}
.pat-screenshot figcaption {
  position: relative;
  z-index: 2;
}
.pat-screenshot figcaption .icon {
  height: 1em;
  margin-right: 0.2em;
  vertical-align: middle;
}
.pat-screenshot object {
  width: 1280px;
  height: 800px;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  margin: 0;
  background-color: white;
}
.pat-screenshot .passe-partout {
  margin-top: 1px;
  width: 1280px;
  height: 800px;
  overflow: hidden;
  box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.3);
  background-color: #efefef;
}
.pat-screenshot .passe-partout.cutout object {
  transform: scale(2);
}
.pat-screenshot .passe-partout.cut-tl object {
  transform-origin: top left;
}
.pat-screenshot .passe-partout.cut-tr object {
  transform-origin: top right;
}
.pat-screenshot .passe-partout.cut-br object {
  transform-origin: bottom right;
}
.pat-screenshot .passe-partout.cut-bl object {
  transform-origin: bottom left;
}
.pat-screenshot.type-app-icon {
  margin-bottom: 0;
  margin-top: 20px;
}
.pat-screenshot.type-app-icon .auto-scale-wrapper {
  margin-bottom: -10px;
}
.pat-screenshot.type-app-icon .passe-partout,
.pat-screenshot.type-app-icon object {
  height: 480px;
  box-shadow: none;
}
.pat-screenshot.browser-window {
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
  border: 1px solid silver;
  padding: 0;
}
.pat-screenshot.browser-window .auto-scale-wrapper,
.pat-screenshot.browser-window img {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  overflow: hidden;
  border-top: 35px solid rgba(192, 192, 192, 0.8);
}
@media only screen and (max-width: 767px) {
  .pat-screenshot.browser-window .auto-scale-wrapper,
  .pat-screenshot.browser-window img {
    border-top: 25px solid rgba(192, 192, 192, 0.8);
  }
}
.pat-screenshot.browser-window object {
  box-shadow: none;
  background-color: white;
}
.pat-screenshot.browser-window img {
  display: block;
  width: 100%;
}
.pat-screenshot.browser-window:before, .pat-screenshot.browser-window:after {
  line-height: 24px;
  height: 24px;
  text-align: center;
  display: inline-block;
  position: absolute;
  top: 4px;
  border-radius: 6px;
  border: rgba(0, 0, 0, 0.25) 1px solid;
}
.pat-screenshot.browser-window:before {
  content: "\e935";
  font-family: fontello;
  width: 48px;
  left: 14px;
  background-color: rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 0.5);
  font-size: 29px;
}
@media only screen and (max-width: 767px) {
  .pat-screenshot.browser-window:before {
    transform: scale(0.65);
    transform-origin: top left;
  }
}
.pat-screenshot.browser-window:after {
  content: attr(data-url);
  background-color: white;
  left: 120px;
  right: 120px;
  font-size: 15px;
  padding: 0 25px;
  overflow: hidden;
  white-space: nowrap;
}

.pat-sortable-blocks {
  counter-reset: count;
  -webkit-user-select: none;
  user-select: none;
  display: none;
}
.pat-modal .pat-sortable-blocks:first-of-type {
  padding-top: 20px;
}
.pat-sortable-blocks:has(.remove-clone) {
  margin-right: 36px;
}
.horizontal .pat-sortable-blocks {
  margin-right: 0;
}
.horizontal .pat-sortable-blocks + .pat-button-bar {
  margin-top: 0px;
}
.horizontal .pat-sortable-blocks + .pat-button-bar {
  margin-bottom: 0;
}
.pat-sortable-blocks .pat-button-bar {
  transition: padding-left 0.4s;
}
.pat-sortable-blocks:has(.sortable-item) {
  display: block;
  margin-top: calc(-1 * var(--pat-sortable-blocks-gap) + -1 * var(--pat-form-input-field-padding-top-bottom));
  margin-bottom: calc(-1 * var(--pat-sortable-blocks-gap) + -1 * var(--pat-form-input-field-padding-top-bottom));
}
.pat-sortable-blocks:has(.sortable-item) + .pat-button-bar {
  margin-top: calc(2 * var(--pat-sortable-blocks-gap) + var(--pat-form-input-field-padding-top-bottom));
  padding-left: var(--pat-sortable-blocks-padding-start);
}
.pat-sortable-blocks .sortable-item {
  counter-increment: count;
  padding: var(--pat-sortable-blocks-gap) 0;
  position: relative;
  margin: 0 0 0 var(--pat-sortable-blocks-padding-start);
}
.pat-sortable-blocks .sortable-item.dragged {
  opacity: 0.5;
}
.pat-sortable-blocks .sortable-item:not(.dragged) {
  animation: fadeIn 1s;
}
.pat-sortable-blocks .sortable-item:after {
  display: block;
  opacity: 0;
  height: 2px;
  content: " ";
  background: #009ee2;
  position: absolute;
  left: -15px;
  right: 15px;
}
.pat-sortable-blocks .sortable-item.drop-target-above:after, .pat-sortable-blocks .sortable-item.drop-target-below:after {
  opacity: 1;
}
.pat-sortable-blocks .sortable-item.drop-target-above .sortable-handle, .pat-sortable-blocks .sortable-item.drop-target-below .sortable-handle {
  margin-top: -24px;
}
.pat-sortable-blocks .sortable-item.drop-target-above:after {
  top: -1px;
}
.pat-sortable-blocks .sortable-item.drop-target-below:after {
  bottom: -1px;
}
.pat-sortable-blocks .sortable-item:before,
.pat-sortable-blocks .sortable-item .sortable-handle {
  content: counter(count);
  text-align: center;
  line-height: var(--pat-sortable-blocks-button-width);
  color: white;
  display: block;
  position: absolute;
  left: calc(-1 * var(--pat-sortable-blocks-padding-start));
  top: var(--pat-sortable-blocks-gap);
  bottom: var(--pat-sortable-blocks-gap);
  width: var(--pat-sortable-blocks-button-width);
  background: var(--pat-sortable-blocks-handle-colour);
  border-radius: 10px;
  overflow: hidden;
  margin: 0;
}
@media print {
  .pat-sortable-blocks .sortable-item:before,
  .pat-sortable-blocks .sortable-item .sortable-handle {
    background: transparent;
    width: 1em;
    text-align: left;
    color: black;
  }
}
.pat-sortable-blocks .sortable-item:has(.sortable-item-functions) {
  min-height: 88px;
}
.pat-sortable-blocks .sortable-item:has(.sortable-item-functions) .sortable-handle {
  height: var(--pat-sortable-blocks-button-width);
}
.pat-sortable-blocks .sortable-item:has(.sortable-item-functions):before {
  height: var(--pat-sortable-blocks-button-width);
}
.pat-sortable-blocks .sortable-item .sortable-item-functions {
  margin-top: calc(var(--pat-sortable-blocks-button-width) + 15px);
  position: absolute;
  top: 0;
  left: calc(var(--pat-sortable-blocks-padding-start) * -1);
}
.pat-sortable-blocks .sortable-item .sortable-item-functions .pat-button {
  margin-bottom: 15px;
  width: var(--pat-sortable-blocks-button-width);
}
.pat-sortable-blocks .sortable-item .sortable-item-functions .pat-button::before {
  font-family: fontello;
  display: block;
  font-weight: normal;
}
.pat-sortable-blocks .sortable-item .sortable-item-functions .pat-button.edit::before {
  content: "\e8aa";
}
.pat-sortable-blocks .sortable-item .sortable-item-functions .pat-button:last-child {
  margin-bottom: 0;
}
.pat-sortable-blocks .sortable-item .sortable-handle {
  opacity: 0;
  text-indent: -10em;
  background: var(--pat-sortable-blocks-handle-colour);
  cursor: grab;
  color: transparent;
}
.pat-sortable-blocks .sortable-item .sortable-handle:hover {
  filter: brightness(0.9), contrast(1.1);
}
.pat-sortable-blocks .sortable-item .sortable-handle:active, .pat-sortable-blocks .sortable-item .sortable-handle:focus {
  cursor: grabbing;
}
.pat-sortable-blocks .sortable-item .sortable-handle:before {
  content: "\e898";
  display: block;
  font-family: fontello;
  text-indent: 0.1em;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  font-size: 0.8em;
  color: white;
}
.pat-sortable-blocks .sortable-item:hover .sortable-handle {
  opacity: 1;
}
.pat-sortable-blocks .sortable-item:hover .sortable-handle:hover {
  text-decoration: none;
}
.pat-sortable-blocks .sortable-item:active .sortable-handle, .pat-sortable-blocks .sortable-item:focus .sortable-handle {
  cursor: grabbing;
}
.pat-sortable-blocks .sortable-item > .button-cluster {
  position: absolute;
  -webkit-pointer-events: none;
  pointer-events: none;
  opacity: 0;
}
.pat-sortable-blocks .sortable-item .pat-well {
  margin-bottom: 0;
}
.pat-sortable-blocks .sortable-item .field-cluster {
  margin-top: 0;
  margin-bottom: 0;
  min-height: calc(var(--pat-form-input-field-line-height) + var(--pat-form-input-field-padding-top-bottom) * 2);
}
.pat-sortable-blocks .sortable-item .field-cluster textarea,
.pat-sortable-blocks .sortable-item .field-cluster input,
.pat-sortable-blocks .sortable-item .field-cluster .output-field {
  margin: 0;
}
.pat-sortable-blocks .sortable-item .remove-clone {
  color: transparent;
  font-family: fontello;
  position: relative;
  margin: 0;
  line-height: var(--pat-form-input-field-line-height);
  height: var(--pat-sortable-blocks-remove-button-height);
  width: var(--pat-sortable-blocks-remove-button-width);
  overflow: hidden;
  background: transparent;
  position: absolute;
  right: -31px;
  top: calc(var(--pat-form-input-field-padding-top-bottom) + 2px);
}
.pat-sortable-blocks .sortable-item .remove-clone:hover:before, .pat-sortable-blocks .sortable-item .remove-clone.tooltip-active-click:before {
  background-color: #009ee2;
}
.pat-sortable-blocks .sortable-item .remove-clone:before {
  content: "\e838";
  border-radius: var(--pat-sortable-blocks-remove-button-icon-border-radius);
  background-color: rgba(0, 0, 0, 0.08);
  color: #009ee2;
  transform: none;
  margin: 0;
  font-family: fontello;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  line-height: var(--pat-sortable-blocks-remove-button-icon-height);
  height: var(--pat-sortable-blocks-remove-button-icon-height);
  width: 100%;
  text-align: center;
  font-weight: normal;
  font-style: normal;
  font-size: 0.8em;
  transition: opacity 0.8s;
  transition-delay: 0.3s;
  overflow: hidden;
}
.pat-sortable-blocks .sortable-item .remove-clone:hover:before {
  background-color: rgba(0, 0, 0, 0.1);
  color: color-mix(in lch, colour-link, black 90%);
}
.pat-sortable-blocks .sortable-item:not(.clone) .remove-clone {
  display: none;
}

.data-table-top {
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 0.3em;
  overflow: hidden;
}
.data-table-top:after {
  content: " ";
  display: table;
  clear: both;
}
.data-table-top .dataTables_info {
  float: left;
}
.data-table-top .dataTables_filter {
  float: right;
  color: transparent;
}
.data-table-top .dataTables_filter input {
  background-color: rgba(0, 0, 0, 0.09);
  padding: 0 0.2em;
  font-size: 18px;
  border: none;
  outline: none;
  line-height: 30px;
  border-radius: 10px;
  margin-right: 0;
  color: black;
}

.data-table-bottom {
  font-size: 20px;
  line-height: 30px;
  margin-top: 0.3em;
  margin-bottom: 1em;
  line-height: 35px;
}
.data-table-bottom:after {
  content: " ";
  display: table;
  clear: both;
}
.data-table-bottom .dataTables_paginate {
  float: left;
}
.data-table-bottom .dataTables_paginate .paginate_button {
  display: inline-block;
  padding: 0;
  cursor: pointer;
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 10px;
}
.data-table-bottom .dataTables_paginate .paginate_button:hover {
  background-color: rgba(0, 0, 0, 0.09);
}
.data-table-bottom .dataTables_paginate .paginate_button.current {
  background-color: #D40E16;
  color: white;
}
.data-table-bottom .dataTables_length {
  float: right;
}
.data-table-bottom .dataTables_length select {
  font-size: 18px;
}

.pat-sortable-table thead th {
  cursor: default;
}
.pat-sortable-table thead th.sorting, .pat-sortable-table thead th.sorting_asc, .pat-sortable-table thead th.sorting-asc, .pat-sortable-table thead th.sorting_desc, .pat-sortable-table thead th.sorting-desc {
  position: relative;
  padding-right: 30px;
  top: 0;
}
.pat-sortable-table thead th.sorting:focus, .pat-sortable-table thead th.sorting_asc:focus, .pat-sortable-table thead th.sorting-asc:focus, .pat-sortable-table thead th.sorting_desc:focus, .pat-sortable-table thead th.sorting-desc:focus {
  outline: none;
  cursor: default;
}
.pat-sortable-table thead th.sorting:after, .pat-sortable-table thead th.sorting_asc:after, .pat-sortable-table thead th.sorting-asc:after, .pat-sortable-table thead th.sorting_desc:after, .pat-sortable-table thead th.sorting-desc:after {
  font-family: fontello;
  position: absolute;
  top: 50%;
  right: 0.5em;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  transform: translateY(-50%);
}
.pat-sortable-table thead th.sorting:after, .pat-sortable-table thead th.sorting_asc:after, .pat-sortable-table thead th.sorting-asc:after, .pat-sortable-table thead th.sorting_desc:after, .pat-sortable-table thead th.sorting-desc:after {
  position: static;
  display: inline-block;
  vertical-align: middle;
  transform: none;
  line-height: 28px;
  width: 25px;
}
.pat-sortable-table thead th.sorting_asc:after, .pat-sortable-table thead th.sorting-asc:after {
  content: "\e80d";
}
.pat-sortable-table thead th.sorting_desc:after, .pat-sortable-table thead th.sorting-desc:after {
  content: "\e80e";
}

pre.pat-syntax-highlight {
  padding: 10px;
  background-color: rgba(0, 0, 0, 0.75);
  color: white;
  padding: 10px 15px;
  overflow: auto;
  font-size: 18px;
  border-radius: 10px;
}

.pat-syntax-highlight {
  /* Pretty printing styles. Used with prettify.js. */
  /* Vim sunburst theme by David Leibovic */
  background-color: rgba(0, 0, 0, 0.75);
  -webkit-user-select: auto;
  user-select: auto;
  /* string  - green */
  /* keyword - dark pink */
  /* comment - gray */
  /* type - light blue */
  /* literal - blue */
  /* punctuation - white */
  /* plaintext - white */
  /* html/xml tag    - light blue */
  /* html/xml attribute name  - khaki */
  /* html/xml attribute value - green */
  /* decimal - blue */
  /* Specify class=linenums on a to get line numbering */
  /* IE indents via margin-left */
  /* Alternate shading for lines */
}
.pat-syntax-highlight .str,
.pat-syntax-highlight .str {
  color: #65b042;
}
.pat-syntax-highlight .kwd,
.pat-syntax-highlight .kwd {
  color: #e28964;
}
.pat-syntax-highlight .com,
.pat-syntax-highlight .com {
  color: lightblue;
  font-style: italic;
}
.pat-syntax-highlight .typ,
.pat-syntax-highlight .typ {
  color: #89bdff;
}
.pat-syntax-highlight .lit,
.pat-syntax-highlight .lit {
  color: #3387cc;
}
.pat-syntax-highlight .pun,
.pat-syntax-highlight .pun {
  color: #fff;
}
.pat-syntax-highlight .pln,
.pat-syntax-highlight .pln {
  color: #fff;
}
.pat-syntax-highlight .tag,
.pat-syntax-highlight .tag {
  color: #89bdff;
}
.pat-syntax-highlight .atn,
.pat-syntax-highlight .atn {
  color: #bdb76b;
}
.pat-syntax-highlight .atv,
.pat-syntax-highlight .atv {
  color: #65b042;
}
.pat-syntax-highlight .dec,
.pat-syntax-highlight .dec {
  color: #3387cc;
}
.pat-syntax-highlight pre.prettyprint,
.pat-syntax-highlight code.prettyprint {
  background-color: rgba(0, 0, 0, 0.2);
  -moz-border-radius: 0.3em;
  -webkit-border-radius: 0.3em;
  -o-border-radius: 0.3em;
  -ms-border-radius: 0.3em;
  -khtml-border-radius: 0.3em;
  border-radius: 0.3em;
}
.pat-syntax-highlight pre.prettyprint.light-bg,
.pat-syntax-highlight code.prettyprint.light-bg {
  background-color: rgba(0, 0, 0, 0.9);
}
.pat-syntax-highlight pre.prettyprint {
  display: block;
  margin: 0 0 2em 0;
  padding: 1em;
  white-space: pre-wrap;
}
.pat-syntax-highlight ol.linenums {
  margin-top: 0;
  margin-bottom: 0;
  color: #aeaeae;
}
.pat-syntax-highlight li.L0,
.pat-syntax-highlight li.L1,
.pat-syntax-highlight li.L2,
.pat-syntax-highlight li.L3,
.pat-syntax-highlight li.L5,
.pat-syntax-highlight li.L6,
.pat-syntax-highlight li.L7,
.pat-syntax-highlight li.L8 {
  list-style-type: none;
}
@media print {
  .pat-syntax-highlight .str,
  .pat-syntax-highlight .str {
    color: #060;
  }
  .pat-syntax-highlight .kwd,
  .pat-syntax-highlight .kwd {
    color: #006;
    font-weight: bold;
  }
  .pat-syntax-highlight .com,
  .pat-syntax-highlight .com {
    color: #600;
    font-style: italic;
  }
  .pat-syntax-highlight .typ,
  .pat-syntax-highlight .typ {
    color: #404;
    font-weight: bold;
  }
  .pat-syntax-highlight .lit,
  .pat-syntax-highlight .lit {
    color: #044;
  }
  .pat-syntax-highlight .pun,
  .pat-syntax-highlight .pun {
    color: #440;
  }
  .pat-syntax-highlight .pln,
  .pat-syntax-highlight .pln {
    color: #000;
  }
  .pat-syntax-highlight .tag,
  .pat-syntax-highlight .tag {
    color: #006;
    font-weight: bold;
  }
  .pat-syntax-highlight .atn,
  .pat-syntax-highlight .atn {
    color: #404;
  }
  .pat-syntax-highlight .atv,
  .pat-syntax-highlight .atv {
    color: #060;
  }
}

.js select.pat-select,
.js label.pat-select select {
  padding: 0 75px 0 12px;
  display: inline-block;
  height: var(--pat-select-box-height);
  line-height: var(--pat-select-box-height);
  padding-top: var(--pat-select-box-padding-top-bottom);
  padding-bottom: var(--pat-select-box-padding-top-bottom);
  padding-left: var(--pat-select-box-padding-start);
  padding-right: calc(var(--pat-select-box-arrow-width) + var(--pat-select-box-padding-start) / 2);
  position: relative;
  font-weight: normal !important;
  position: relative;
  box-sizing: border-box;
  border: var(--pat-form-input-field-border);
  border-radius: var(--pat-form-input-field-border-radius);
  box-shadow: var(--pat-select-box-box-shadow);
  outline: var(--pat-form-input-field-outline);
  outline-offset: var(--pat-form-input-field-outline-offset);
  color: var(--pat-select-box-arrow-text-colour);
  font-size: var(--pat-select-box-font-size);
  max-width: 100%;
  background-color: var(--pat-select-box-background-colour);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}
.js select.pat-select:hover,
.js label.pat-select select:hover {
  background-color: var(--pat-select-box-background-colour-hover);
}
.js select.pat-select[data-value=draft], .js select.pat-select.state-draft,
.js label.pat-select select[data-value=draft],
.js label.pat-select select.state-draft {
  background-color: #fbead9;
  color: #996300;
}
.js select.pat-select[data-value=draft]:after, .js select.pat-select.state-draft:after,
.js label.pat-select select[data-value=draft]:after,
.js label.pat-select select.state-draft:after {
  background-color: #f6d4b2;
}
.js select.pat-select[data-value=draft]:before, .js select.pat-select[data-value=draft]:after, .js select.pat-select.state-draft:before, .js select.pat-select.state-draft:after,
.js label.pat-select select[data-value=draft]:before,
.js label.pat-select select[data-value=draft]:after,
.js label.pat-select select.state-draft:before,
.js label.pat-select select.state-draft:after {
  color: #996300;
}
.js select.pat-select[data-value=draft]:hover, .js select.pat-select[data-value=draft].tooltip-active-click, .js select.pat-select.state-draft:hover, .js select.pat-select.state-draft.tooltip-active-click,
.js label.pat-select select[data-value=draft]:hover,
.js label.pat-select select[data-value=draft].tooltip-active-click,
.js label.pat-select select.state-draft:hover,
.js label.pat-select select.state-draft.tooltip-active-click {
  background-color: #f9ddc2;
}
.js select.pat-select[data-value=draft]:hover:after, .js select.pat-select[data-value=draft].tooltip-active-click:after, .js select.pat-select.state-draft:hover:after, .js select.pat-select.state-draft.tooltip-active-click:after,
.js label.pat-select select[data-value=draft]:hover:after,
.js label.pat-select select[data-value=draft].tooltip-active-click:after,
.js label.pat-select select.state-draft:hover:after,
.js label.pat-select select.state-draft.tooltip-active-click:after {
  background-color: #f3c79b;
}
.js select.pat-select[data-value=for-review], .js select.pat-select.state-for-review,
.js label.pat-select select[data-value=for-review],
.js label.pat-select select.state-for-review {
  background-color: #f2d9e7;
  color: #a90061;
}
.js select.pat-select[data-value=for-review]:after, .js select.pat-select.state-for-review:after,
.js label.pat-select select[data-value=for-review]:after,
.js label.pat-select select.state-for-review:after {
  background-color: #e5b3d0;
}
.js select.pat-select[data-value=for-review]:before, .js select.pat-select[data-value=for-review]:after, .js select.pat-select.state-for-review:before, .js select.pat-select.state-for-review:after,
.js label.pat-select select[data-value=for-review]:before,
.js label.pat-select select[data-value=for-review]:after,
.js label.pat-select select.state-for-review:before,
.js label.pat-select select.state-for-review:after {
  color: #5d0035;
}
.js select.pat-select[data-value=for-review]:hover, .js select.pat-select[data-value=for-review].tooltip-active-click, .js select.pat-select.state-for-review:hover, .js select.pat-select.state-for-review.tooltip-active-click,
.js label.pat-select select[data-value=for-review]:hover,
.js label.pat-select select[data-value=for-review].tooltip-active-click,
.js label.pat-select select.state-for-review:hover,
.js label.pat-select select.state-for-review.tooltip-active-click {
  background-color: #ecc6db;
}
.js select.pat-select[data-value=for-review]:hover:after, .js select.pat-select[data-value=for-review].tooltip-active-click:after, .js select.pat-select.state-for-review:hover:after, .js select.pat-select.state-for-review.tooltip-active-click:after,
.js label.pat-select select[data-value=for-review]:hover:after,
.js label.pat-select select[data-value=for-review].tooltip-active-click:after,
.js label.pat-select select.state-for-review:hover:after,
.js label.pat-select select.state-for-review.tooltip-active-click:after {
  background-color: #dfa0c4;
}
.js select.pat-select[data-value=approved], .js select.pat-select.state-approved,
.js label.pat-select select[data-value=approved],
.js label.pat-select select.state-approved {
  background-color: #e1eddb;
  color: #2b6709;
}
.js select.pat-select[data-value=approved]:after, .js select.pat-select.state-approved:after,
.js label.pat-select select[data-value=approved]:after,
.js label.pat-select select.state-approved:after {
  background-color: #c4dbb6;
}
.js select.pat-select[data-value=approved]:before, .js select.pat-select[data-value=approved]:after, .js select.pat-select.state-approved:before, .js select.pat-select.state-approved:after,
.js label.pat-select select[data-value=approved]:before,
.js label.pat-select select[data-value=approved]:after,
.js label.pat-select select.state-approved:before,
.js label.pat-select select.state-approved:after {
  color: #1b4106;
}
.js select.pat-select[data-value=approved]:hover, .js select.pat-select[data-value=approved].tooltip-active-click, .js select.pat-select.state-approved:hover, .js select.pat-select.state-approved.tooltip-active-click,
.js label.pat-select select[data-value=approved]:hover,
.js label.pat-select select[data-value=approved].tooltip-active-click,
.js label.pat-select select.state-approved:hover,
.js label.pat-select select.state-approved.tooltip-active-click {
  background-color: #d3e5ca;
}
.js select.pat-select[data-value=approved]:hover:after, .js select.pat-select[data-value=approved].tooltip-active-click:after, .js select.pat-select.state-approved:hover:after, .js select.pat-select.state-approved.tooltip-active-click:after,
.js label.pat-select select[data-value=approved]:hover:after,
.js label.pat-select select[data-value=approved].tooltip-active-click:after,
.js label.pat-select select.state-approved:hover:after,
.js label.pat-select select.state-approved.tooltip-active-click:after {
  background-color: #b6d3a5;
}
.js select.pat-select[data-value=published], .js select.pat-select[data-value=sent], .js select.pat-select.state-published, .js select.pat-select.state-sent,
.js label.pat-select select[data-value=published],
.js label.pat-select select[data-value=sent],
.js label.pat-select select.state-published,
.js label.pat-select select.state-sent {
  background-color: #e5f0f9;
  color: #01354f;
}
.js select.pat-select[data-value=published]:after, .js select.pat-select[data-value=sent]:after, .js select.pat-select.state-published:after, .js select.pat-select.state-sent:after,
.js label.pat-select select[data-value=published]:after,
.js label.pat-select select[data-value=sent]:after,
.js label.pat-select select.state-published:after,
.js label.pat-select select.state-sent:after {
  background-color: #cce0f1;
}
.js select.pat-select[data-value=published]:before, .js select.pat-select[data-value=published]:after, .js select.pat-select[data-value=sent]:before, .js select.pat-select[data-value=sent]:after, .js select.pat-select.state-published:before, .js select.pat-select.state-published:after, .js select.pat-select.state-sent:before, .js select.pat-select.state-sent:after,
.js label.pat-select select[data-value=published]:before,
.js label.pat-select select[data-value=published]:after,
.js label.pat-select select[data-value=sent]:before,
.js label.pat-select select[data-value=sent]:after,
.js label.pat-select select.state-published:before,
.js label.pat-select select.state-published:after,
.js label.pat-select select.state-sent:before,
.js label.pat-select select.state-sent:after {
  color: #01354f;
}
.js select.pat-select[data-value=published]:hover, .js select.pat-select[data-value=published].tooltip-active-click, .js select.pat-select[data-value=sent]:hover, .js select.pat-select[data-value=sent].tooltip-active-click, .js select.pat-select.state-published:hover, .js select.pat-select.state-published.tooltip-active-click, .js select.pat-select.state-sent:hover, .js select.pat-select.state-sent.tooltip-active-click,
.js label.pat-select select[data-value=published]:hover,
.js label.pat-select select[data-value=published].tooltip-active-click,
.js label.pat-select select[data-value=sent]:hover,
.js label.pat-select select[data-value=sent].tooltip-active-click,
.js label.pat-select select.state-published:hover,
.js label.pat-select select.state-published.tooltip-active-click,
.js label.pat-select select.state-sent:hover,
.js label.pat-select select.state-sent.tooltip-active-click {
  background-color: #d0e4f4;
}
.js select.pat-select[data-value=published]:hover:after, .js select.pat-select[data-value=published].tooltip-active-click:after, .js select.pat-select[data-value=sent]:hover:after, .js select.pat-select[data-value=sent].tooltip-active-click:after, .js select.pat-select.state-published:hover:after, .js select.pat-select.state-published.tooltip-active-click:after, .js select.pat-select.state-sent:hover:after, .js select.pat-select.state-sent.tooltip-active-click:after,
.js label.pat-select select[data-value=published]:hover:after,
.js label.pat-select select[data-value=published].tooltip-active-click:after,
.js label.pat-select select[data-value=sent]:hover:after,
.js label.pat-select select[data-value=sent].tooltip-active-click:after,
.js label.pat-select select.state-published:hover:after,
.js label.pat-select select.state-published.tooltip-active-click:after,
.js label.pat-select select.state-sent:hover:after,
.js label.pat-select select.state-sent.tooltip-active-click:after {
  background-color: #b8d4ec;
}
.js select.pat-select.locked:before,
.js label.pat-select select.locked:before {
  font-family: fontello;
  content: "\e8a3";
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
}
.js select.pat-select:not([class*=icon-]):before,
.js label.pat-select select:not([class*=icon-]):before {
  font-size: var(--pat-select-box-font-size);
  content: attr(data-option);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.js select.pat-select[class*=icon-]:before,
.js label.pat-select select[class*=icon-]:before {
  margin-left: -5px;
  margin-right: 8px;
}
.js select.pat-select select,
.js label.pat-select select select {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100% !important;
  width: 100% !important;
  opacity: 0;
  margin: 0;
  z-index: 1;
}
.js select.pat-select select option,
.js label.pat-select select select option {
  font-size: initial;
  color: black;
}
.js select.pat-select:after,
.js label.pat-select select:after {
  font-family: fontello;
  content: "\e856";
  width: var(--pat-select-box-arrow-width);
  background-color: var(--pat-select-box-arrow-background-colour);
  background-image: none;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: var(--pat-select-box-arrow-size);
  border-top-right-radius: var(--pat-form-fields-border-radius);
  border-bottom-right-radius: var(--pat-form-fields-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js select.pat-select option:disabled,
.js label.pat-select select option:disabled {
  color: silver;
}
.js a.pat-select {
  padding: 0 75px 0 12px;
  display: inline-block;
  height: var(--pat-select-box-height);
  line-height: var(--pat-select-box-height);
  padding-top: var(--pat-select-box-padding-top-bottom);
  padding-bottom: var(--pat-select-box-padding-top-bottom);
  padding-left: var(--pat-select-box-padding-start);
  padding-right: calc(var(--pat-select-box-arrow-width) + var(--pat-select-box-padding-start) / 2);
  position: relative;
  font-weight: normal !important;
  position: relative;
  box-sizing: border-box;
  border: var(--pat-form-input-field-border);
  border-radius: var(--pat-form-input-field-border-radius);
  box-shadow: var(--pat-select-box-box-shadow);
  outline: var(--pat-form-input-field-outline);
  outline-offset: var(--pat-form-input-field-outline-offset);
  color: var(--pat-select-box-arrow-text-colour);
  font-size: var(--pat-select-box-font-size);
  max-width: 100%;
  background-color: var(--pat-select-box-background-colour);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}
.js a.pat-select:hover {
  background-color: var(--pat-select-box-background-colour-hover);
}
.js a.pat-select[data-value=draft], .js a.pat-select.state-draft {
  background-color: #fbead9;
  color: #996300;
}
.js a.pat-select[data-value=draft]:after, .js a.pat-select.state-draft:after {
  background-color: #f6d4b2;
}
.js a.pat-select[data-value=draft]:before, .js a.pat-select[data-value=draft]:after, .js a.pat-select.state-draft:before, .js a.pat-select.state-draft:after {
  color: #996300;
}
.js a.pat-select[data-value=draft]:hover, .js a.pat-select[data-value=draft].tooltip-active-click, .js a.pat-select.state-draft:hover, .js a.pat-select.state-draft.tooltip-active-click {
  background-color: #f9ddc2;
}
.js a.pat-select[data-value=draft]:hover:after, .js a.pat-select[data-value=draft].tooltip-active-click:after, .js a.pat-select.state-draft:hover:after, .js a.pat-select.state-draft.tooltip-active-click:after {
  background-color: #f3c79b;
}
.js a.pat-select[data-value=for-review], .js a.pat-select.state-for-review {
  background-color: #f2d9e7;
  color: #a90061;
}
.js a.pat-select[data-value=for-review]:after, .js a.pat-select.state-for-review:after {
  background-color: #e5b3d0;
}
.js a.pat-select[data-value=for-review]:before, .js a.pat-select[data-value=for-review]:after, .js a.pat-select.state-for-review:before, .js a.pat-select.state-for-review:after {
  color: #5d0035;
}
.js a.pat-select[data-value=for-review]:hover, .js a.pat-select[data-value=for-review].tooltip-active-click, .js a.pat-select.state-for-review:hover, .js a.pat-select.state-for-review.tooltip-active-click {
  background-color: #ecc6db;
}
.js a.pat-select[data-value=for-review]:hover:after, .js a.pat-select[data-value=for-review].tooltip-active-click:after, .js a.pat-select.state-for-review:hover:after, .js a.pat-select.state-for-review.tooltip-active-click:after {
  background-color: #dfa0c4;
}
.js a.pat-select[data-value=approved], .js a.pat-select.state-approved {
  background-color: #e1eddb;
  color: #2b6709;
}
.js a.pat-select[data-value=approved]:after, .js a.pat-select.state-approved:after {
  background-color: #c4dbb6;
}
.js a.pat-select[data-value=approved]:before, .js a.pat-select[data-value=approved]:after, .js a.pat-select.state-approved:before, .js a.pat-select.state-approved:after {
  color: #1b4106;
}
.js a.pat-select[data-value=approved]:hover, .js a.pat-select[data-value=approved].tooltip-active-click, .js a.pat-select.state-approved:hover, .js a.pat-select.state-approved.tooltip-active-click {
  background-color: #d3e5ca;
}
.js a.pat-select[data-value=approved]:hover:after, .js a.pat-select[data-value=approved].tooltip-active-click:after, .js a.pat-select.state-approved:hover:after, .js a.pat-select.state-approved.tooltip-active-click:after {
  background-color: #b6d3a5;
}
.js a.pat-select[data-value=published], .js a.pat-select[data-value=sent], .js a.pat-select.state-published, .js a.pat-select.state-sent {
  background-color: #e5f0f9;
  color: #01354f;
}
.js a.pat-select[data-value=published]:after, .js a.pat-select[data-value=sent]:after, .js a.pat-select.state-published:after, .js a.pat-select.state-sent:after {
  background-color: #cce0f1;
}
.js a.pat-select[data-value=published]:before, .js a.pat-select[data-value=published]:after, .js a.pat-select[data-value=sent]:before, .js a.pat-select[data-value=sent]:after, .js a.pat-select.state-published:before, .js a.pat-select.state-published:after, .js a.pat-select.state-sent:before, .js a.pat-select.state-sent:after {
  color: #01354f;
}
.js a.pat-select[data-value=published]:hover, .js a.pat-select[data-value=published].tooltip-active-click, .js a.pat-select[data-value=sent]:hover, .js a.pat-select[data-value=sent].tooltip-active-click, .js a.pat-select.state-published:hover, .js a.pat-select.state-published.tooltip-active-click, .js a.pat-select.state-sent:hover, .js a.pat-select.state-sent.tooltip-active-click {
  background-color: #d0e4f4;
}
.js a.pat-select[data-value=published]:hover:after, .js a.pat-select[data-value=published].tooltip-active-click:after, .js a.pat-select[data-value=sent]:hover:after, .js a.pat-select[data-value=sent].tooltip-active-click:after, .js a.pat-select.state-published:hover:after, .js a.pat-select.state-published.tooltip-active-click:after, .js a.pat-select.state-sent:hover:after, .js a.pat-select.state-sent.tooltip-active-click:after {
  background-color: #b8d4ec;
}
.js a.pat-select.locked:before {
  font-family: fontello;
  content: "\e8a3";
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
}
.js a.pat-select:not([class*=icon-]):before {
  font-size: var(--pat-select-box-font-size);
  content: attr(data-option);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.js a.pat-select[class*=icon-]:before {
  margin-left: -5px;
  margin-right: 8px;
}
.js a.pat-select select {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100% !important;
  width: 100% !important;
  opacity: 0;
  margin: 0;
  z-index: 1;
}
.js a.pat-select select option {
  font-size: initial;
  color: black;
}
.js a.pat-select:after {
  font-family: fontello;
  content: "\e856";
  width: var(--pat-select-box-arrow-width);
  background-color: var(--pat-select-box-arrow-background-colour);
  background-image: none;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: var(--pat-select-box-arrow-size);
  border-top-right-radius: var(--pat-form-fields-border-radius);
  border-bottom-right-radius: var(--pat-form-fields-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.js a.pat-select option:disabled {
  color: silver;
}
.js a.pat-select:hover {
  text-decoration: none;
}
.js a.pat-select:after {
  font-family: fontello;
  content: "\e856";
  width: var(--pat-select-box-arrow-width);
  background-color: var(--pat-select-box-arrow-background-colour);
  background-image: none;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: var(--pat-select-box-arrow-size);
  border-top-right-radius: var(--pat-form-fields-border-radius);
  border-bottom-right-radius: var(--pat-form-fields-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
}
.js select.bare {
  background-color: transparent !important;
  background-position: calc(100% - var(--pat-select-arrow-edge-distance)) center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOC40IDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDguNCA3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MX0KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDAgNC4yLDcgOC40LDAgIi8+Cjwvc3ZnPg==);
  background-size: auto 10px;
  background-repeat: no-repeat;
}
.js label.pat-select.bare,
.js a.pat-select.bare,
.js select.bare {
  --pat-select-arrow-edge-distance: 1px;
  --pat-select-arrow-space: 20px;
  appearance: none;
  position: relative;
  cursor: default;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 var(--pat-select-arrow-space) 0 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
  border-radius: var(--pat-form-fields-border-radius);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.js label.pat-select.bare:hover, .js label.pat-select.bare.focus,
.js a.pat-select.bare:hover,
.js a.pat-select.bare.focus,
.js select.bare:hover,
.js select.bare.focus {
  text-decoration: none !important;
}
@media print {
  .js label.pat-select.bare,
  .js a.pat-select.bare,
  .js select.bare {
    background-image: none;
    padding-right: 0;
  }
}
.js label.pat-select.bare:after,
.js a.pat-select.bare:after,
.js select.bare:after {
  content: " ";
  padding-right: var(--pat-select-arrow-space);
  box-shadow: none !important;
  position: absolute;
  top: 2%;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  background-repeat: no-repeat;
  background-position: calc(100% - var(--pat-select-arrow-edge-distance)) center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOC40IDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDguNCA3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MX0KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDAgNC4yLDcgOC40LDAgIi8+Cjwvc3ZnPg==);
  background-size: auto 10px;
}
.js label.pat-select.bare:before,
.js a.pat-select.bare:before,
.js select.bare:before {
  display: inline-block;
  content: attr(data-option);
  float: left;
  max-height: 100%;
  max-width: 100%;
  font-weight: normal;
  box-shadow: none !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.js label.pat-select.bare:has(:focus),
.js a.pat-select.bare:has(:focus),
.js select.bare:has(:focus) {
  outline: var(--pat-form-input-field-outline-focus);
}
.js label.pat-select.bare select,
.js a.pat-select.bare select,
.js select.bare select {
  opacity: 0;
  line-height: 1.5em;
  font-size: 1em;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  max-width: 100%;
  width: 100%;
  border-right: none;
}

.scroll-table,
.tableWrapper {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  clear: both;
}
.scroll-table.scroll-vertical,
.tableWrapper.scroll-vertical {
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 130px);
}
.scroll-table.scroll-vertical thead.sticky,
.scroll-table.scroll-vertical tfoot.sticky,
.tableWrapper.scroll-vertical thead.sticky,
.tableWrapper.scroll-vertical tfoot.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}

.pat-table {
  border-collapse: separate;
  border-spacing: 0 6px;
  vertical-align: top;
  width: 100%;
  margin: calc(-1 * 0 6px);
}
@media only screen and (max-width: 767px) {
  .pat-table {
    background-color: transparent;
  }
}
@media only screen and (min-width: 768px) {
  .pat-table {
    background-color: transparent;
    border-bottom: none;
    padding: 0;
  }
}
.mode-select .pat-table {
  -webkit-user-select: none;
  user-select: none;
}
.pat-table .tableWrapper {
  display: none !important;
}
.pat-table ins {
  background-color: palegreen;
  text-decoration: none;
}
.pat-table del {
  background-color: pink;
}
.pat-table abbr {
  text-decoration: none;
}
.pat-table caption {
  padding-left: 0;
  margin: 1em 0;
  color: black;
  line-height: 1.5;
  text-align: left;
  font-weight: bold;
}
.pat-table .status-marker {
  font-weight: normal;
  display: inline-block;
  background: white;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.4);
  border-radius: 20px;
  padding: 0 0.8rem;
  margin-left: 0.2rem;
  font-style: normal;
  text-decoration: none;
}
.pat-table .status-marker.warning {
  color: #fbead9;
}
.pat-table tr {
  width: 100%;
  outline: 1px solid rgba(0, 0, 0, 0.05);
  border-radius: calc(1.1 * 10px);
  overflow: hidden;
}
.pat-table tr > *:last-child {
  border-top-right-radius: calc(1.1 * 10px);
  border-bottom-right-radius: calc(1.1 * 10px);
}
.pat-table tr > *:first-child {
  border-top-left-radius: calc(1.1 * 10px);
  border-bottom-left-radius: calc(1.1 * 10px);
}
@media only screen and (max-width: 767px) {
  .pat-table tr {
    display: block;
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    overflow: hidden;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
    background-color: white;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: space-between;
    display: grid;
    grid-template-columns: auto 1frauto;
    grid-auto-rows: minmax(40px, auto);
  }
}
.pat-table tr.folder .item-name a {
  padding-left: 30px !important;
  position: relative;
}
.mode-select .pat-table tr.folder .item-name a {
  -webkit-pointer-events: none;
  pointer-events: none;
}
.pat-table tr.folder .item-name a:before {
  position: absolute;
  left: 8px;
  display: inline-block;
  margin-right: 5px;
  font-family: fontello;
  content: "";
}
.pat-table tr.state-draft th, .pat-table tr.state-draft th a {
  color: orange;
}
.pat-table tr.state-archived th a {
  text-decoration: line-through;
  opacity: 0.5;
}
.pat-table tr.mutated th, .pat-table tr.has-differences th {
  background: rgba(255, 100, 0, 0.2);
}
.pat-table tr.mutated td, .pat-table tr.has-differences td {
  background: rgba(255, 100, 0, 0.1);
}
.pat-table tr.has-mutations td:last-child {
  position: relative;
  padding-right: 25px;
}
.pat-table tr.has-mutations td:last-child:after {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  content: " ";
  width: 10px;
  height: 10px;
  color: transparent !important;
  overflow: hidden;
  border: 2px solid white;
  padding: 0;
  border-radius: 50%;
  background-color: rgb(104, 192, 255);
  background: linear-gradient(to bottom, #8fcae7 0%, #007bc7 100%);
  display: inline-block;
  margin-top: 0;
}
.pat-table tr td,
.pat-table tr th {
  border-collapse: collapse;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .pat-table tr td,
  .pat-table tr th {
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 15px;
    background-color: white;
    border-top: none;
  }
}
@media only screen and (max-width: 767px) {
  .pat-table tr td,
  .pat-table tr th {
    display: block;
    padding: 0;
    margin-bottom: 0;
    border: 0;
    grid-column-start: 1;
    grid-column-end: 2;
  }
  .pat-table tr td:last-child,
  .pat-table tr th:last-child {
    margin-bottom: 0;
  }
  .pat-table tr td:before,
  .pat-table tr th:before {
    content: attr(data-title);
    font-weight: bold;
    color: black;
    display: block;
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 768px) {
  .pat-table tr td.item-name, .pat-table tr td.item-state,
  .pat-table tr th.item-name,
  .pat-table tr th.item-state {
    padding: 0;
  }
}
.pat-table tr td.item-name a, .pat-table tr td.item-state a,
.pat-table tr th.item-name a,
.pat-table tr th.item-state a {
  display: block;
  display: flex;
  justify-content: space-between;
}
@media only screen and (min-width: 768px) {
  .pat-table tr td.item-name a, .pat-table tr td.item-state a,
  .pat-table tr th.item-name a,
  .pat-table tr th.item-state a {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.pat-table tr td.item-name a .addition:before, .pat-table tr td.item-state a .addition:before,
.pat-table tr th.item-name a .addition:before,
.pat-table tr th.item-state a .addition:before {
  content: ", ";
}
.pat-table tr td.item-name a .byline, .pat-table tr td.item-state a .byline,
.pat-table tr th.item-name a .byline,
.pat-table tr th.item-state a .byline {
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.8em;
  display: block;
  line-height: 1.3;
  margin-top: 2px;
  margin-bottom: 3px;
  font-weight: normal;
}
.pat-table tr td.item-name a[href]:hover, .pat-table tr td.item-state a[href]:hover,
.pat-table tr th.item-name a[href]:hover,
.pat-table tr th.item-state a[href]:hover {
  text-decoration: underline;
}
.pat-table tr td.item-name a[href]:hover:has(.link-title), .pat-table tr td.item-state a[href]:hover:has(.link-title),
.pat-table tr th.item-name a[href]:hover:has(.link-title),
.pat-table tr th.item-state a[href]:hover:has(.link-title) {
  text-decoration: none;
}
.pat-table tr td.item-name a[href]:hover:has(.link-title) .link-title, .pat-table tr td.item-state a[href]:hover:has(.link-title) .link-title,
.pat-table tr th.item-name a[href]:hover:has(.link-title) .link-title,
.pat-table tr th.item-state a[href]:hover:has(.link-title) .link-title {
  text-decoration: underline;
}
.pat-table tr td.item-name a[href]:hover:has(.link-title) .link-title:has(.byline), .pat-table tr td.item-state a[href]:hover:has(.link-title) .link-title:has(.byline),
.pat-table tr th.item-name a[href]:hover:has(.link-title) .link-title:has(.byline),
.pat-table tr th.item-state a[href]:hover:has(.link-title) .link-title:has(.byline) {
  text-decoration: none;
}
.pat-table tr td.item-name a[href]:hover:has(.link-title) .link-title:has(.byline) .title, .pat-table tr td.item-state a[href]:hover:has(.link-title) .link-title:has(.byline) .title,
.pat-table tr th.item-name a[href]:hover:has(.link-title) .link-title:has(.byline) .title,
.pat-table tr th.item-state a[href]:hover:has(.link-title) .link-title:has(.byline) .title {
  text-decoration: underline;
}
.pat-table tr td.item-name a .classification-tags, .pat-table tr td.item-state a .classification-tags,
.pat-table tr th.item-name a .classification-tags,
.pat-table tr th.item-state a .classification-tags {
  line-height: 19px;
}
.pat-table tr td.item-name:before,
.pat-table tr th.item-name:before {
  display: none;
}
@media only screen and (max-width: 767px) {
  .pat-table tr td.item-name,
  .pat-table tr th.item-name {
    grid-column-start: 1;
    grid-column-end: 1;
    font-size: 1.3em;
    padding-top: 8px;
  }
}
.pat-table tr td.select,
.pat-table tr th.select {
  width: 0;
  box-sizing: border-box;
  overflow: hidden;
  padding: 0 !important;
  transition: width 1s, border 1s;
  border-left: 0 solid white;
  border-right: 0 solid white;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
}
.pat-table tr td.select:hover,
.pat-table tr th.select:hover {
  background-color: #dbdbdb;
}
.pat-table tr td.select label,
.pat-table tr th.select label {
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: "icon label" ".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: transparent;
  box-sizing: border-box;
}
body[dir=rtl] .pat-table tr td.select label,
body[dir=rtl] .pat-table tr th.select label {
  padding-left: var(--pat-checklist-label-padding-end);
}
.pat-table tr td.select label > *,
.pat-table tr th.select label > * {
  grid-area: label;
}
.pat-table tr td.select label:has(:focus):before,
.pat-table tr th.select label:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-table tr td.select label:has(input[type=checkbox]):before, .pat-table tr td.select label:has(input[type=radio]):before,
.pat-table tr th.select label:has(input[type=checkbox]):before,
.pat-table tr th.select label:has(input[type=radio]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: "";
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
.pat-table tr td.select label:has(input[type=radio]):before,
.pat-table tr th.select label:has(input[type=radio]):before {
  border-radius: 50%;
}
.pat-table tr td.select label:has(input:checked):before,
.pat-table tr th.select label:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: "\e829";
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
.pat-table tr td.select label:has([disabled]):has(input[type=checkbox]):before, .pat-table tr td.select label:has([disabled]):has(input[type=radio]):before, .pat-table tr td.select label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before, .pat-table tr td.select label:has([disabled]) .label-fragment-description:has(input[type=radio]):before,
.pat-table tr th.select label:has([disabled]):has(input[type=checkbox]):before,
.pat-table tr th.select label:has([disabled]):has(input[type=radio]):before,
.pat-table tr th.select label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before,
.pat-table tr th.select label:has([disabled]) .label-fragment-description:has(input[type=radio]):before {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
.pat-table tr td.select label .label-fragment-title,
.pat-table tr th.select label .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
}
.pat-table tr td.select label .label-fragment-description,
.pat-table tr th.select label .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
.pat-table tr td.select label .label-fragment-description > *,
.pat-table tr th.select label .label-fragment-description > * {
  color: black;
}
.pat-table tr td.select label input[type=checkbox],
.pat-table tr td.select label input[type=radio],
.pat-table tr th.select label input[type=checkbox],
.pat-table tr th.select label input[type=radio] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
}
.pat-table tr td.select label:before,
.pat-table tr th.select label:before {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  font-size: 18px !important;
  color: black;
}
#product-space.mode-select .pat-table tr td.select,
#product-space.mode-select .pat-table tr th.select {
  width: 32px;
  border-right: 2px solid white;
}
.pat-table tr td a[href]:hover,
.pat-table tr th a[href]:hover {
  text-decoration: underline;
}
.pat-table tr td.workflow-change,
.pat-table tr th.workflow-change {
  width: 50px;
  max-width: 50px;
  font-size: 0;
  background-color: white;
  background-color: #d9edf7 !important;
}
.pat-table tr td.workflow-change:before,
.pat-table tr th.workflow-change:before {
  display: none;
}
.pat-table tr td.workflow-change .workflow-change-title,
.pat-table tr th.workflow-change .workflow-change-title {
  position: absolute;
  top: -7px;
  left: -15px;
  transform: rotate(90deg);
  transform-origin: bottom left;
  font-size: 40px;
  width: calc(100vh - 140px);
  text-align: left;
  line-height: 78px;
  height: 78px;
  color: rgba(0, 0, 0, 0.5);
  display: block;
  background: #d9edf7;
  padding-left: 15px;
  font-weight: normal;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pat-table tr td > *:last-child,
.pat-table tr th > *:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .pat-table tr td,
  .pat-table tr th {
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
    padding: 5px 10px 5px 10px;
  }
}
.pat-table tr td.injecting > p,
.pat-table tr th.injecting > p {
  opacity: 0.5;
}
.pat-table tr td.injecting .suggested-content > *,
.pat-table tr th.injecting .suggested-content > * {
  opacity: 0.5;
}
.pat-table tr td.injecting .suggested-content:before,
.pat-table tr th.injecting .suggested-content:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
.pat-table tr td .suggested-content,
.pat-table tr th .suggested-content {
  margin-bottom: 5px;
  margin-top: 10px;
  background-color: #d9edf7;
  position: relative;
}
.pat-table tr td .suggested-content p.buttons,
.pat-table tr th .suggested-content p.buttons {
  margin-top: 5px;
}
.pat-table tr td .suggested-content p.buttons button,
.pat-table tr th .suggested-content p.buttons button {
  margin-right: 5px;
}
.pat-table tr td .pat-button,
.pat-table tr th .pat-button {
  padding: 0 0.5em;
  line-height: 1.2em;
}
.pat-table tr td.symbol,
.pat-table tr th.symbol {
  text-align: center;
}
.pat-table tr td.date-compact,
.pat-table tr th.date-compact {
  width: 100px;
}
.pat-table tr td.item-date, .pat-table tr td.date,
.pat-table tr th.item-date,
.pat-table tr th.date {
  white-space: nowrap;
}
.pat-table tr td.indicator-order, .pat-table tr td.indicator-number,
.pat-table tr th.indicator-order,
.pat-table tr th.indicator-number {
  width: 50px;
}
.pat-table tr td.icon,
.pat-table tr th.icon {
  width: 1em;
  padding-left: 0.2em;
  padding-right: 0;
}
@media only screen and (max-width: 767px) {
  .pat-table tr td.icon,
  .pat-table tr th.icon {
    margin-bottom: 20px;
  }
}
.pat-table tr td.price,
.pat-table tr th.price {
  white-space: nowrap;
  width: 5em;
}
.pat-table tr td.cost,
.pat-table tr th.cost {
  white-space: nowrap;
  width: 2em;
}
.pat-table tr th label {
  overflow: hidden;
  display: block;
  display: grid;
  grid-template-columns: var(--pat-checklist-label-padding-start) auto;
  grid-template-areas: "icon label" ".    description";
  align-items: start;
  padding-right: var(--pat-checklist-label-padding-end);
  -webkit-user-select: none;
  user-select: none;
  line-height: var(--pat-checklist-line-height);
  padding: 0;
  color: transparent;
  box-sizing: border-box;
  transition: padding-left 1s;
}
body[dir=rtl] .pat-table tr th label {
  padding-left: var(--pat-checklist-label-padding-end);
}
.pat-table tr th label > * {
  grid-area: label;
}
.pat-table tr th label:has(:focus):before {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-table tr th label:has(input[type=checkbox]):before, .pat-table tr th label:has(input[type=radio]):before {
  box-shadow: var(--pat-checklist-checkbox-box-shadow);
  content: "";
  font-weight: normal;
  background-color: var(--pat-checklist-checkbox-background-colour);
  font-size: 0;
  text-align: center;
  height: var(--pat-checklist-checkbox-size);
  width: var(--pat-checklist-checkbox-size);
  line-height: var(--pat-checklist-checkbox-size);
  border-radius: var(--pat-checklist-checkbox-border-radius);
  justify-self: start;
  grid-area: icon;
  position: relative;
  top: var(--pat-checklist-checkbox-vertical-position);
  transform: translateY(-50%);
  transition: all 0.2s ease-out;
}
.pat-table tr th label:has(input[type=radio]):before {
  border-radius: 50%;
}
.pat-table tr th label:has(input:checked):before {
  background-color: var(--pat-checklist-checkbox-background-colour-checked);
  box-shadow: var(--pat-checklist-checkbox-box-shadow-checked);
  color: white;
  font-family: fontello;
  content: "\e829";
  font-size: calc(0.7 * var(--pat-checklist-checkbox-size));
}
.pat-table tr th label:has([disabled]):has(input[type=checkbox]):before, .pat-table tr th label:has([disabled]):has(input[type=radio]):before, .pat-table tr th label:has([disabled]) .label-fragment-description:has(input[type=checkbox]):before, .pat-table tr th label:has([disabled]) .label-fragment-description:has(input[type=radio]):before {
  background-color: rgba(0, 0, 0, 0.2);
  color: rgba(0, 0, 0, 0.3);
  box-shadow: none;
}
.pat-table tr th label .label-fragment-title {
  margin: 0 0 0 -30px;
  padding-left: 30px;
}
.pat-table tr th label .label-fragment-description {
  margin: 5px 0 12px 0;
  color: rgba(0, 0, 0, 0.7);
  font-size: 0.9em;
  line-height: 1.4;
  grid-area: description;
}
.pat-table tr th label .label-fragment-description > * {
  color: black;
}
.pat-table tr th label input[type=checkbox],
.pat-table tr th label input[type=radio] {
  opacity: 0;
  position: absolute;
  left: 0;
  width: 0;
  height: 100%;
}
.pat-table tr th label input {
  position: absolute;
  opacity: 0;
}
.mode-select .pat-table tr th label {
  padding-left: 20px;
}
.mode-select .pat-table tr th label:hover {
  background-color: #dbdbdb;
}
.mode-select .pat-table tr th label a {
  -webkit-pointer-events: none;
  pointer-events: none;
}
.pat-table tr th label:before {
  position: absolute;
  top: 50% !important;
  left: -5px !important;
  transform: translate(-50%, -50%) !important;
  font-size: 18px !important;
  color: black;
  opacity: 0;
  transition: all 1s;
}
.mode-select .pat-table tr th label:before {
  opacity: 1;
  left: 15px !important;
}
.pat-table tr td.no-width {
  width: auto;
  min-width: auto;
  max-width: none;
}
.pat-table tr td.functions {
  white-space: nowrap;
  text-align: right;
  vertical-align: middle !important;
}
@media only screen and (max-width: 767px) {
  .pat-table tr td.functions {
    padding: 0 !important;
    grid-row-start: 1;
    grid-column-start: 2;
  }
}
@media only screen and (min-width: 768px) {
  .pat-table tr td.functions {
    padding: 0 4px 0 0 !important;
  }
}
.pat-table tr td.functions .icon {
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 10px;
  padding-left: 15px;
  margin: 0;
  padding: 0;
  width: 48px;
  height: 48px;
  overflow: hidden;
  color: transparent;
  cursor: default;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .pat-table tr td.functions .icon {
    display: inline-block;
    float: none;
    vertical-align: top;
  }
}
.pat-table tr td.functions .icon:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.pat-table tr td.functions .icon:hover .pie-graph {
  --pie-graph-segment-colour: black;
  border-color: black;
}
.pat-table tr td.functions .icon:before {
  font-family: fontello;
  display: block;
  line-height: 48px;
  width: 100%;
  text-align: center;
  color: gray;
  margin: 0;
}
.pat-table tr td.functions .icon.tooltip-active-click {
  background-color: #D40E16;
}
.pat-table tr td.functions .icon.tooltip-active-click:before {
  color: white;
}
.pat-table tr td.functions .icon.tooltip-active-click .pie-graph {
  border: 2px white solid;
  --pie-graph-segment-colour: #D40E16;
}
.pat-table tr td.functions .icon:first-child {
  margin: 0;
}
.pat-table tr td.functions .icon.progress {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.pat-table tr td.functions .icon.progress .pie-graph {
  --pie-graph-segment-colour: gray;
}
.pat-table tr td.functions .icon.locked:before {
  content: "\e8a3";
}
.pat-table tr td.functions .icon.validated:before {
  content: "\e8a3";
  color: #A6E300;
}
.pat-table tr td.functions .icon.validated.tooltip-active-click {
  background-color: #e1eddb;
}
.pat-table tr td.functions .icon.validated.tooltip-active-click:before {
  color: #A6E300 !important;
}
.pat-table tr td.functions .icon.under-review:before {
  color: orange;
}
.pat-table tr td.functions .icon.under-review.tooltip-active-click {
  background-color: #fbead9;
}
.pat-table tr td.functions .icon.under-review.tooltip-active-click:before {
  color: orange !important;
}
.pat-table tr td.functions .icon.unlocked:before {
  content: "\e8a4";
}
.pat-table tr td.item-state {
  padding: 0 !important;
  vertical-align: middle;
  white-space: nowrap;
}
.pat-table tr td.item-state a {
  background-color: rgba(0, 0, 0, 0.08);
  color: black;
  cursor: default;
}
.pat-table tr td.item-state a:hover {
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.pat-table tr td.item-state a.state-draft {
  background-color: #fbead9;
  color: #996300;
}
.pat-table tr td.item-state a.state-draft:hover, .pat-table tr td.item-state a.state-draft.tooltip-active-click {
  background-color: #f9ddc2;
}
.pat-table tr td.item-state a.state-for-review {
  background-color: #e3dce7;
  color: #42145f;
}
.pat-table tr td.item-state a.state-for-review:hover, .pat-table tr td.item-state a.state-for-review.tooltip-active-click {
  background-color: #d7cddd;
}
.pat-table tr td.item-state a.state-sent, .pat-table tr td.item-state a.state-published {
  background-color: #e5f0f9;
  color: #014668;
}
.pat-table tr td.item-state a.state-sent:hover, .pat-table tr td.item-state a.state-sent.tooltip-active-click, .pat-table tr td.item-state a.state-published:hover, .pat-table tr td.item-state a.state-published.tooltip-active-click {
  background-color: #d0e4f4;
}
.pat-table tr td.item-state a.state-approved {
  background-color: #e1eddb;
  color: #2b6709;
}
.pat-table tr td.item-state a.state-approved:hover, .pat-table tr td.item-state a.state-approved.tooltip-active-click {
  background-color: #d3e5ca;
}
@media only screen and (min-width: 768px) {
  .pat-table tbody td:not(.separation-cell),
  .pat-table tbody th:not(.separation-cell) {
    vertical-align: top;
  }
}
.pat-table tbody td:not(.separation-cell) .table-body-title,
.pat-table tbody th:not(.separation-cell) .table-body-title {
  display: block;
  padding-top: 1.5em;
  font-weight: bold;
  font-size: 1.125em;
  line-height: 1.4444;
}
@media only screen and (min-width: 768px) {
  .pat-table tbody th {
    width: 33%;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 9;
  }
}
.pat-table tbody tr.header-row th,
.pat-table tbody tr.header-row td {
  background: transparent;
}
.pat-table tbody tr.header-row th:after,
.pat-table tbody tr.header-row td:after {
  display: none;
}
.pat-table tbody tr.header-row th .table-body-title,
.pat-table tbody tr.header-row td .table-body-title {
  padding-top: 1.5em;
}
.pat-table tbody tr.header-row th .table-body-title a,
.pat-table tbody tr.header-row td .table-body-title a {
  text-overflow: ellipsis;
  overflow: hidden;
}
.pat-table tbody tr.header-row:first-child .header-cell .table-body-title {
  padding-top: 30px;
}
.pat-table tbody .separation-cell {
  vertical-align: bottom;
  padding-top: 1.5em;
  background-color: transparent;
}
.pat-table tbody tr.header-row + .separation-row .separation-cell {
  padding-top: 0;
}
@media only screen and (max-width: 767px) {
  .pat-table thead {
    display: none;
  }
}
.pat-table thead tr {
  outline: none;
}
.pat-table thead th {
  vertical-align: bottom;
  text-align: left;
  hyphens: none;
  position: relative;
  padding-bottom: 0;
  padding-top: 0;
  background-color: transparent;
}
.pat-table thead th .select-all-items {
  padding: 0;
  z-index: 2;
  width: 31px;
  position: absolute !important;
  left: 0;
  top: 0;
  bottom: 0;
}
.pat-table thead th .select-all-items:before {
  top: 16px !important;
}
.pat-table thead th.spacer-cell {
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 9;
}
.pat-table thead th a.sorting, .pat-table thead th a.sorting_asc, .pat-table thead th a.sorting-asc, .pat-table thead th a.sorting_desc, .pat-table thead th a.sorting-desc {
  position: relative;
  padding-right: 30px;
  top: 0;
}
.pat-table thead th a.sorting:focus, .pat-table thead th a.sorting_asc:focus, .pat-table thead th a.sorting-asc:focus, .pat-table thead th a.sorting_desc:focus, .pat-table thead th a.sorting-desc:focus {
  outline: none;
  cursor: default;
}
.pat-table thead th a.sorting:after, .pat-table thead th a.sorting_asc:after, .pat-table thead th a.sorting-asc:after, .pat-table thead th a.sorting_desc:after, .pat-table thead th a.sorting-desc:after {
  font-family: fontello;
  position: absolute;
  top: 50%;
  right: 0.5em;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  transform: translateY(-50%);
}
.pat-table thead th a.sorting:after, .pat-table thead th a.sorting_asc:after, .pat-table thead th a.sorting-asc:after, .pat-table thead th a.sorting_desc:after, .pat-table thead th a.sorting-desc:after {
  position: static;
  display: inline-block;
  vertical-align: middle;
  transform: none;
  line-height: 28px;
  width: 25px;
}
.pat-table thead th a.sorting_asc:after, .pat-table thead th a.sorting-asc:after {
  content: "\e80d";
}
.pat-table thead th a.sorting_desc:after, .pat-table thead th a.sorting-desc:after {
  content: "\e80e";
}
.pat-table thead th a.sorting {
  display: block;
  color: black;
  cursor: default;
  padding: 5px 20px 5px 10px;
  margin: -5px -10px;
}
@media only screen and (min-width: 768px) {
  .pat-table {
    padding: 10px 15px 10px 15px;
    line-height: 1.5;
  }
}
@media only screen and (min-width: 768px) {
  .pat-table.hd {
    padding: 0;
  }
}
.pat-table.hd tbody,
.pat-table.hd tfoot {
  font-size: 0.8em;
}
@media only screen and (min-width: 768px) {
  .pat-table.hd tbody th:not(.item-name),
  .pat-table.hd tbody td:not(.item-state),
  .pat-table.hd tbody .item-name a,
  .pat-table.hd tbody .item-state > a,
  .pat-table.hd tfoot th:not(.item-name),
  .pat-table.hd tfoot td:not(.item-state),
  .pat-table.hd tfoot .item-name a,
  .pat-table.hd tfoot .item-state > a {
    padding-top: 10px;
    padding-right: 12px;
    padding-bottom: 8px;
    padding-left: 12px;
  }
}
.pat-table.hd thead {
  font-size: 0.8em;
}
.pat-table.hd thead th {
  padding-top: 0;
  padding-right: 12px;
  padding-bottom: 0;
  padding-left: 12px;
}
.pat-table.hd tbody td.functions .icon {
  width: 34px;
  height: 34px;
}
.pat-table.hd tbody td.functions .icon:before {
  line-height: 34px;
}

:root {
  --pat-toolbar-button-height: 35px;
  --pat-toolbar-button-line-height: 35px;
  --pat-toolbar-font-size: 18px;
  --pat-toolbar-search-field-width-open: 350px;
  --pat-toolbar-element-separation: 10px;
  --pat-toolbar-bump-distance: 100px;
  --pat-toolbar-bump-distance-scroll-down: 100px;
  --pat-toolbar-padding: 10px;
  --pat-toolbar-margin-bottom: 40px;
  --pat-toolbar-top-distance: 20px;
  --pat-toolbar-top-distance-scroll-down: 20px;
  --pat-toolbar-hiding-speed: 0.3s;
  --pat-toolbar-icon-background-colour: rgba(0, 0, 0, 0.08);
  --pat-toolbar-icon-background-colour-hover: rgba(0, 0, 0, 0.1);
}
@media only screen and (max-width: 767px) {
  :root {
    --pat-toolbar-auto-hide-offset: -15px;
  }
}
@media only screen and (min-width: 768px) {
  :root {
    --pat-toolbar-auto-hide-offset: -40px;
  }
}

.pat-toolbar {
  --pat-select-box-font-size: var(--pat-toolbar-font-size);
  --pat-select-box-background-colour: rgba(0, 0, 0, 0.08);
  --pat-select-box-background-colour-hover: rgba(0, 0, 0, 0.1);
  --pat-select-box-padding-start: 18px;
  --pat-context-menu-panel-distance: 52px;
  position: relative;
  z-index: 2;
  padding-top: var(--pat-toolbar-padding);
  padding-bottom: var(--pat-toolbar-padding);
  border-radius: 10px;
  font-size: 0;
  user-select: none;
  box-sizing: border-box;
}
.pat-toolbar:before {
  position: absolute;
  left: calc(-1 * var(--pat-toolbar-padding));
  right: calc(-1 * var(--pat-toolbar-padding));
  top: 0;
  bottom: 0;
  border-radius: 10px;
  transition: all 1s;
  content: " ";
  display: block;
  z-index: -1;
  opacity: 0;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px) saturate(4) brightness(1.2);
  backdrop-filter: blur(10px) saturate(4) brightness(1.2);
}
@media only screen and (max-width: 767px) {
  .pat-toolbar {
    margin: 0 0 0;
  }
}
@media only screen and (min-width: 768px) {
  .pat-toolbar {
    height: calc(var(--pat-toolbar-button-height) + 2 * var(--pat-toolbar-padding));
    margin: 0 0 var(--pat-toolbar-margin-bottom);
  }
}
.pat-toolbar:after {
  content: " ";
  display: table;
  clear: both;
}
.pat-toolbar .toolbar-title {
  font-size: calc(0.7 * var(--pat-toolbar-button-height)) !important;
  line-height: var(--pat-toolbar-button-line-height);
  margin: 0;
  font-weight: normal;
  white-space: nowrap !important;
  max-width: 100%;
  box-sizing: border-box;
  text-overflow: ellipsis;
  text-decoration: none;
  display: inline-block;
  padding: 0;
  color: black;
}
.pat-toolbar .toolbar-title.auto-hide {
  opacity: 0;
  transition: all 1s;
}
.pat-toolbar .toolbar-title.select {
  overflow: hidden;
  color: rgba(0, 0, 0, 0.8);
  cursor: default;
  padding-right: 1.5em;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOC40IDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDguNCA3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MX0KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDAgNC4yLDcgOC40LDAgIi8+Cjwvc3ZnPg==);
  background-size: auto 10px;
}
@media print {
  .pat-toolbar .toolbar-title.select {
    background-image: none;
  }
}
.pat-toolbar .toolbar-title.select:hover {
  text-decoration: none;
  color: black;
}
.pat-toolbar .toolbar-title .icon {
  height: calc(0.6 * var(--pat-toolbar-button-height));
  width: auto;
  vertical-align: middle;
}
.pat-toolbar .text-button {
  line-height: var(--pat-toolbar-button-line-height);
  display: inline-block;
  cursor: default;
  border-radius: 10px;
  padding: 0 1em;
}
.pat-toolbar .text-button:before {
  margin-left: 0;
}
.pat-toolbar .text-button:hover {
  color: black;
}
.pat-toolbar .text-button.tooltip-active-click {
  background-color: #D40E16;
}
.pat-toolbar .text-button.tooltip-active-click:before {
  color: white;
}
.pat-toolbar:focus {
  outline: none;
}
.pat-modal .pat-toolbar {
  margin-bottom: 15px;
}
.pat-toolbar.inline {
  margin: 0;
  padding: 0;
}
.pat-toolbar.sticky {
  position: sticky;
  top: var(--pat-toolbar-top-distance);
  transition: top 0.3s;
}
.scrolling-down .pat-toolbar.sticky, .scroll-down .pat-toolbar.sticky {
  top: var(--pat-toolbar-top-distance-scroll-down);
}
.pat-toolbar.sticky:before {
  transition: all 1s;
}
.pat-toolbar.sticky.auto-hide {
  top: -150px;
  transition: all 0.4s;
}
.pat-toolbar.sticky.auto-hide.tiptap-focus {
  top: var(--pat-toolbar-auto-hide-offset);
}
@media screen and (min-height: 601px) {
  .scroll-up .pat-toolbar.sticky.auto-hide {
    top: var(--pat-toolbar-auto-hide-offset);
  }
}
.pat-scroll-box:not(.scroll-position-top) .pat-toolbar.sticky:before, .pat-toolbar.sticky.tiptap-focus:before {
  opacity: 1;
}
.pat-toolbar .editor-toolbar {
  opacity: 0;
  transition: opacity 0.4s;
  pointer-events: none;
  position: relative;
  z-index: 1;
  white-space: nowrap !important;
}
.pat-toolbar .editor-toolbar.tiptap-focus {
  opacity: 1;
  pointer-events: initial;
}
.pat-toolbar.tiptap-focus .editor-toolbar, .pat-toolbar.inline .editor-toolbar {
  opacity: 1;
  pointer-events: all;
}
.pat-toolbar .toolbar-navigation-area,
.pat-toolbar .toolbar-functions-area {
  display: grid;
  grid-template-columns: 1fr 4fr 1fr;
  grid-template-areas: "left middle right";
  gap: var(--pat-toolbar-element-separation);
}
.pat-toolbar.type-document .toolbar-navigation-area,
.pat-toolbar.type-document .toolbar-functions-area {
  grid-template-columns: 1fr 0fr 4fr;
  grid-template-areas: "left middle right";
}
@media only screen and (max-width: 767px) {
  .pat-toolbar .toolbar-functions-area {
    grid-template-columns: auto 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  .pat-toolbar .toolbar-navigation-area {
    height: 0;
  }
}
@media only screen and (max-width: 767px) {
  .pat-toolbar .toolbar-navigation-area {
    margin-bottom: 20px;
    grid-template-columns: 0 auto 0;
  }
}
.pat-toolbar .toolbar-section {
  vertical-align: top;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: start;
  gap: var(--pat-toolbar-element-separation);
}
.pat-toolbar .toolbar-section:first-child {
  justify-content: flex-start;
}
.pat-toolbar .toolbar-section:last-of-type:not(:first-child) {
  justify-content: flex-end;
}
.pat-toolbar .toolbar-section > * {
  font-size: var(--pat-toolbar-font-size);
}
.pat-toolbar .toolbar-section * {
  white-space: normal;
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls {
  box-shadow: none;
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-month:before, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-week:before, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-day:before, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listDay:before, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listMonth:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 1279px) {
  .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-month, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-week, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-day, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listDay, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listMonth {
    width: 40px;
    overflow: hidden;
    padding: 0;
    color: transparent;
  }
  .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-month:before, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-week:before, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-day:before, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listDay:before, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listMonth:before {
    width: 100%;
    text-align: center;
  }
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-month:before {
  content: "\e824";
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-day:before {
  content: "\e824";
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-week:before {
  content: "\e826";
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listDay:before, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.view-listMonth:before {
  content: "☰";
  margin-right: 4px;
}
@media only screen and (max-width: 767px) {
  .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-today {
    width: 0.6em;
    color: transparent;
    line-height: 1.4;
  }
  .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-today:before {
    font-family: fontello;
    content: "";
    text-align: center;
    color: black;
    font-size: 0.6em;
  }
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-prev, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-next {
  padding-left: 0;
  padding-right: 0;
  color: transparent;
  font-size: 0;
  width: 32px;
  text-align: center;
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-prev:before, .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-next:before {
  content: "";
  font-family: fontello;
  font-size: 15px;
  display: block;
  margin: 0;
  text-align: center;
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-prev {
  text-align: left;
}
body[dir=rtl] .pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-prev {
  text-align: right;
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-prev:before {
  content: "\e8c3";
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-next {
  text-align: right;
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-next:before {
  content: "\e8c4";
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-today {
  position: relative;
  width: 32px;
  padding-left: 0;
  padding-right: 0;
  color: transparent !important;
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-today:before {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: black;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-today:after {
  left: 0;
  right: 0;
}
.pat-toolbar .toolbar-section .pat-button-cluster.cal-controls button.jump-today.active:before {
  background-color: white;
}
.pat-toolbar .toolbar-section.view-options {
  grid-area: left;
  min-width: 0;
}
@media only screen and (max-width: 767px) {
  .pat-toolbar .toolbar-section.view-options {
    float: left;
    width: auto;
    margin-bottom: 15px;
  }
}
.pat-toolbar .toolbar-section.quick-functions {
  justify-content: flex-end;
  grid-area: right;
}
.pat-toolbar .toolbar-section.quick-functions > .icon,
.pat-toolbar .toolbar-section.quick-functions > .pat-subform .icon,
.pat-toolbar .toolbar-section.quick-functions > .pat-button,
.pat-toolbar .toolbar-section.quick-functions > .context-menu > .pat-button,
.pat-toolbar .toolbar-section.quick-functions > .pat-context-menu > .pat-button {
  margin: 0;
  position: relative;
}
.pat-toolbar .toolbar-section.quick-functions .save-button {
  --pat-context-menu-panel-width: 450px;
}
.pat-toolbar .toolbar-section.navigation {
  grid-area: middle;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  .pat-toolbar .toolbar-section.navigation .pat-tabs {
    z-index: 2;
  }
}
.pat-toolbar .toolbar-section.navigation .pat-select {
  margin: 0;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15);
}
@media print {
  .pat-toolbar {
    display: none;
  }
}
.pat-toolbar .toolbar-section > label.pat-checklist {
  margin-left: 1em;
}
.pat-toolbar .toolbar-section > label.pat-checklist:before {
  top: calc(0.5 * var(--pat-toolbar-button-height));
}
.pat-toolbar .toolbar-section > label.pat-checklist:hover {
  color: black;
}
.pat-toolbar .pat-context-menu {
  display: inline-block;
  vertical-align: top;
}
.pat-toolbar .pat-context-menu:hover.no-label:before {
  color: black;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.1);
}
.pat-toolbar .pat-context-menu .context-menu-label {
  height: var(--pat-toolbar-button-height);
}
.pat-toolbar .pat-context-menu.open .label.default {
  color: white;
}
.pat-toolbar .pat-context-menu.no-label:before {
  background-color: rgba(0, 0, 0, 0.08);
  color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
}
.pat-toolbar .pat-context-menu.no-label.open:before, .pat-toolbar .pat-context-menu.no-label.closed.in-progress:before {
  background-color: var(--colour-accent);
  color: white;
}
.pat-toolbar > .pat-select,
.pat-toolbar .toolbar-section > .pat-select,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label,
.pat-toolbar > input[type=search],
.pat-toolbar .toolbar-section label.pat-checklist {
  display: inline-block;
  vertical-align: top;
  height: var(--pat-toolbar-button-height);
  line-height: var(--pat-toolbar-button-line-height);
  font-size: var(--pat-toolbar-font-size);
}
.pat-toolbar > .pat-select.bare:before,
.pat-toolbar .toolbar-section > .pat-select.bare:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.bare:before,
.pat-toolbar > input[type=search].bare:before,
.pat-toolbar .toolbar-section label.pat-checklist.bare:before {
  height: var(--pat-toolbar-button-height);
  line-height: var(--pat-toolbar-button-line-height);
}
.pat-toolbar > .pat-select select,
.pat-toolbar .toolbar-section > .pat-select select,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label select,
.pat-toolbar > input[type=search] select,
.pat-toolbar .toolbar-section label.pat-checklist select {
  line-height: var(--pat-toolbar-button-line-height);
  font-size: var(--pat-toolbar-font-size);
  height: var(--pat-toolbar-button-height);
  padding-top: 0;
  padding-bottom: 0;
}
.pat-toolbar > .pat-select:not(.bare),
.pat-toolbar .toolbar-section > .pat-select:not(.bare),
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare) {
  --pat-select-box-padding-top-bottom: 0;
  --pat-select-box-box-shadow: none;
  --pat-select-box-background-color: rgba(0, 0, 0, 0.08);
  --pat-select-box-arrow-text-colour: #009ee2;
  --pat-select-box-height: var(--pat-toolbar-button-line-height);
  --pat-select-box-padding-right-left: 20px;
  padding: 0 75px 0 12px;
  display: inline-block;
  height: var(--pat-select-box-height);
  line-height: var(--pat-select-box-height);
  padding-top: var(--pat-select-box-padding-top-bottom);
  padding-bottom: var(--pat-select-box-padding-top-bottom);
  padding-left: var(--pat-select-box-padding-start);
  padding-right: calc(var(--pat-select-box-arrow-width) + var(--pat-select-box-padding-start) / 2);
  position: relative;
  font-weight: normal !important;
  position: relative;
  box-sizing: border-box;
  border: var(--pat-form-input-field-border);
  border-radius: var(--pat-form-input-field-border-radius);
  box-shadow: var(--pat-select-box-box-shadow);
  outline: var(--pat-form-input-field-outline);
  outline-offset: var(--pat-form-input-field-outline-offset);
  color: var(--pat-select-box-arrow-text-colour);
  font-size: var(--pat-select-box-font-size);
  max-width: 100%;
  background-color: var(--pat-select-box-background-colour);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
  line-height: var(--pat-toolbar-button-line-height);
  white-space: nowrap;
  overflow: hidden;
  height: var(--pat-toolbar-button-line-height);
  text-decoration: none !important;
}
.pat-toolbar > .pat-select:not(.bare):hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:hover,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare):hover {
  background-color: var(--pat-select-box-background-colour-hover);
}
.pat-toolbar > .pat-select:not(.bare)[data-value=draft], .pat-toolbar > .pat-select:not(.bare).state-draft,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=draft],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-draft,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=draft],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-draft,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=draft],
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-draft {
  background-color: #fbead9;
  color: #996300;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=draft]:after, .pat-toolbar > .pat-select:not(.bare).state-draft:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=draft]:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-draft:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=draft]:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-draft:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=draft]:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-draft:after {
  background-color: #f6d4b2;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=draft]:before, .pat-toolbar > .pat-select:not(.bare)[data-value=draft]:after, .pat-toolbar > .pat-select:not(.bare).state-draft:before, .pat-toolbar > .pat-select:not(.bare).state-draft:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=draft]:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=draft]:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-draft:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-draft:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=draft]:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=draft]:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-draft:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-draft:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=draft]:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=draft]:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-draft:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-draft:after {
  color: #996300;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=draft]:hover, .pat-toolbar > .pat-select:not(.bare)[data-value=draft].tooltip-active-click, .pat-toolbar > .pat-select:not(.bare).state-draft:hover, .pat-toolbar > .pat-select:not(.bare).state-draft.tooltip-active-click,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=draft]:hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=draft].tooltip-active-click,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-draft:hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-draft.tooltip-active-click,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=draft]:hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=draft].tooltip-active-click,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-draft:hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-draft.tooltip-active-click,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=draft]:hover,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=draft].tooltip-active-click,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-draft:hover,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-draft.tooltip-active-click {
  background-color: #f9ddc2;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=draft]:hover:after, .pat-toolbar > .pat-select:not(.bare)[data-value=draft].tooltip-active-click:after, .pat-toolbar > .pat-select:not(.bare).state-draft:hover:after, .pat-toolbar > .pat-select:not(.bare).state-draft.tooltip-active-click:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=draft]:hover:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=draft].tooltip-active-click:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-draft:hover:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-draft.tooltip-active-click:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=draft]:hover:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=draft].tooltip-active-click:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-draft:hover:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-draft.tooltip-active-click:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=draft]:hover:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=draft].tooltip-active-click:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-draft:hover:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-draft.tooltip-active-click:after {
  background-color: #f3c79b;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=for-review], .pat-toolbar > .pat-select:not(.bare).state-for-review,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=for-review],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-for-review,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=for-review],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-for-review,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=for-review],
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-for-review {
  background-color: #f2d9e7;
  color: #a90061;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=for-review]:after, .pat-toolbar > .pat-select:not(.bare).state-for-review:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=for-review]:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-for-review:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=for-review]:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-for-review:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=for-review]:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-for-review:after {
  background-color: #e5b3d0;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=for-review]:before, .pat-toolbar > .pat-select:not(.bare)[data-value=for-review]:after, .pat-toolbar > .pat-select:not(.bare).state-for-review:before, .pat-toolbar > .pat-select:not(.bare).state-for-review:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=for-review]:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=for-review]:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-for-review:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-for-review:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=for-review]:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=for-review]:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-for-review:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-for-review:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=for-review]:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=for-review]:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-for-review:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-for-review:after {
  color: #5d0035;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=for-review]:hover, .pat-toolbar > .pat-select:not(.bare)[data-value=for-review].tooltip-active-click, .pat-toolbar > .pat-select:not(.bare).state-for-review:hover, .pat-toolbar > .pat-select:not(.bare).state-for-review.tooltip-active-click,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=for-review]:hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=for-review].tooltip-active-click,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-for-review:hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-for-review.tooltip-active-click,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=for-review]:hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=for-review].tooltip-active-click,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-for-review:hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-for-review.tooltip-active-click,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=for-review]:hover,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=for-review].tooltip-active-click,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-for-review:hover,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-for-review.tooltip-active-click {
  background-color: #ecc6db;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=for-review]:hover:after, .pat-toolbar > .pat-select:not(.bare)[data-value=for-review].tooltip-active-click:after, .pat-toolbar > .pat-select:not(.bare).state-for-review:hover:after, .pat-toolbar > .pat-select:not(.bare).state-for-review.tooltip-active-click:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=for-review]:hover:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=for-review].tooltip-active-click:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-for-review:hover:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-for-review.tooltip-active-click:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=for-review]:hover:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=for-review].tooltip-active-click:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-for-review:hover:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-for-review.tooltip-active-click:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=for-review]:hover:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=for-review].tooltip-active-click:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-for-review:hover:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-for-review.tooltip-active-click:after {
  background-color: #dfa0c4;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=approved], .pat-toolbar > .pat-select:not(.bare).state-approved,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=approved],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-approved,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=approved],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-approved,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=approved],
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-approved {
  background-color: #e1eddb;
  color: #2b6709;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=approved]:after, .pat-toolbar > .pat-select:not(.bare).state-approved:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=approved]:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-approved:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=approved]:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-approved:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=approved]:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-approved:after {
  background-color: #c4dbb6;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=approved]:before, .pat-toolbar > .pat-select:not(.bare)[data-value=approved]:after, .pat-toolbar > .pat-select:not(.bare).state-approved:before, .pat-toolbar > .pat-select:not(.bare).state-approved:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=approved]:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=approved]:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-approved:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-approved:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=approved]:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=approved]:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-approved:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-approved:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=approved]:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=approved]:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-approved:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-approved:after {
  color: #1b4106;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=approved]:hover, .pat-toolbar > .pat-select:not(.bare)[data-value=approved].tooltip-active-click, .pat-toolbar > .pat-select:not(.bare).state-approved:hover, .pat-toolbar > .pat-select:not(.bare).state-approved.tooltip-active-click,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=approved]:hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=approved].tooltip-active-click,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-approved:hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-approved.tooltip-active-click,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=approved]:hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=approved].tooltip-active-click,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-approved:hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-approved.tooltip-active-click,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=approved]:hover,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=approved].tooltip-active-click,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-approved:hover,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-approved.tooltip-active-click {
  background-color: #d3e5ca;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=approved]:hover:after, .pat-toolbar > .pat-select:not(.bare)[data-value=approved].tooltip-active-click:after, .pat-toolbar > .pat-select:not(.bare).state-approved:hover:after, .pat-toolbar > .pat-select:not(.bare).state-approved.tooltip-active-click:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=approved]:hover:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=approved].tooltip-active-click:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-approved:hover:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-approved.tooltip-active-click:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=approved]:hover:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=approved].tooltip-active-click:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-approved:hover:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-approved.tooltip-active-click:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=approved]:hover:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=approved].tooltip-active-click:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-approved:hover:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-approved.tooltip-active-click:after {
  background-color: #b6d3a5;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=published], .pat-toolbar > .pat-select:not(.bare)[data-value=sent], .pat-toolbar > .pat-select:not(.bare).state-published, .pat-toolbar > .pat-select:not(.bare).state-sent,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=published],
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=sent],
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-published,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-sent,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=published],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=sent],
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-published,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-sent,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=published],
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=sent],
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-published,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-sent {
  background-color: #e5f0f9;
  color: #01354f;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=published]:after, .pat-toolbar > .pat-select:not(.bare)[data-value=sent]:after, .pat-toolbar > .pat-select:not(.bare).state-published:after, .pat-toolbar > .pat-select:not(.bare).state-sent:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=published]:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=sent]:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-published:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-sent:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=published]:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=sent]:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-published:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-sent:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=published]:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=sent]:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-published:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-sent:after {
  background-color: #cce0f1;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=published]:before, .pat-toolbar > .pat-select:not(.bare)[data-value=published]:after, .pat-toolbar > .pat-select:not(.bare)[data-value=sent]:before, .pat-toolbar > .pat-select:not(.bare)[data-value=sent]:after, .pat-toolbar > .pat-select:not(.bare).state-published:before, .pat-toolbar > .pat-select:not(.bare).state-published:after, .pat-toolbar > .pat-select:not(.bare).state-sent:before, .pat-toolbar > .pat-select:not(.bare).state-sent:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=published]:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=published]:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=sent]:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=sent]:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-published:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-published:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-sent:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-sent:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=published]:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=published]:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=sent]:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=sent]:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-published:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-published:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-sent:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-sent:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=published]:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=published]:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=sent]:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=sent]:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-published:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-published:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-sent:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-sent:after {
  color: #01354f;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=published]:hover, .pat-toolbar > .pat-select:not(.bare)[data-value=published].tooltip-active-click, .pat-toolbar > .pat-select:not(.bare)[data-value=sent]:hover, .pat-toolbar > .pat-select:not(.bare)[data-value=sent].tooltip-active-click, .pat-toolbar > .pat-select:not(.bare).state-published:hover, .pat-toolbar > .pat-select:not(.bare).state-published.tooltip-active-click, .pat-toolbar > .pat-select:not(.bare).state-sent:hover, .pat-toolbar > .pat-select:not(.bare).state-sent.tooltip-active-click,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=published]:hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=published].tooltip-active-click,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=sent]:hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=sent].tooltip-active-click,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-published:hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-published.tooltip-active-click,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-sent:hover,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-sent.tooltip-active-click,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=published]:hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=published].tooltip-active-click,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=sent]:hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=sent].tooltip-active-click,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-published:hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-published.tooltip-active-click,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-sent:hover,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-sent.tooltip-active-click,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=published]:hover,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=published].tooltip-active-click,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=sent]:hover,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=sent].tooltip-active-click,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-published:hover,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-published.tooltip-active-click,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-sent:hover,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-sent.tooltip-active-click {
  background-color: #d0e4f4;
}
.pat-toolbar > .pat-select:not(.bare)[data-value=published]:hover:after, .pat-toolbar > .pat-select:not(.bare)[data-value=published].tooltip-active-click:after, .pat-toolbar > .pat-select:not(.bare)[data-value=sent]:hover:after, .pat-toolbar > .pat-select:not(.bare)[data-value=sent].tooltip-active-click:after, .pat-toolbar > .pat-select:not(.bare).state-published:hover:after, .pat-toolbar > .pat-select:not(.bare).state-published.tooltip-active-click:after, .pat-toolbar > .pat-select:not(.bare).state-sent:hover:after, .pat-toolbar > .pat-select:not(.bare).state-sent.tooltip-active-click:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=published]:hover:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=published].tooltip-active-click:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=sent]:hover:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[data-value=sent].tooltip-active-click:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-published:hover:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-published.tooltip-active-click:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-sent:hover:after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).state-sent.tooltip-active-click:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=published]:hover:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=published].tooltip-active-click:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=sent]:hover:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[data-value=sent].tooltip-active-click:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-published:hover:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-published.tooltip-active-click:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-sent:hover:after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.state-sent.tooltip-active-click:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=published]:hover:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=published].tooltip-active-click:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=sent]:hover:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[data-value=sent].tooltip-active-click:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-published:hover:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-published.tooltip-active-click:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-sent:hover:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).state-sent.tooltip-active-click:after {
  background-color: #b8d4ec;
}
.pat-toolbar > .pat-select:not(.bare).locked:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare).locked:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label.locked:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare).locked:before {
  font-family: fontello;
  content: "\e8a3";
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
}
.pat-toolbar > .pat-select:not(.bare):not([class*=icon-]):before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):not([class*=icon-]):before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:not([class*=icon-]):before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare):not([class*=icon-]):before {
  font-size: var(--pat-select-box-font-size);
  content: attr(data-option);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.pat-toolbar > .pat-select:not(.bare)[class*=icon-]:before,
.pat-toolbar .toolbar-section > .pat-select:not(.bare)[class*=icon-]:before,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label[class*=icon-]:before,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare)[class*=icon-]:before {
  margin-left: -5px;
  margin-right: 8px;
}
.pat-toolbar > .pat-select:not(.bare) select,
.pat-toolbar .toolbar-section > .pat-select:not(.bare) select,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label select,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare) select {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100% !important;
  width: 100% !important;
  opacity: 0;
  margin: 0;
  z-index: 1;
}
.pat-toolbar > .pat-select:not(.bare) select option,
.pat-toolbar .toolbar-section > .pat-select:not(.bare) select option,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label select option,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare) select option {
  font-size: initial;
  color: black;
}
.pat-toolbar > .pat-select:not(.bare):after,
.pat-toolbar .toolbar-section > .pat-select:not(.bare):after,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label:after,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare):after {
  font-family: fontello;
  content: "\e856";
  width: var(--pat-select-box-arrow-width);
  background-color: var(--pat-select-box-arrow-background-colour);
  background-image: none;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: var(--pat-select-box-arrow-size);
  border-top-right-radius: var(--pat-form-fields-border-radius);
  border-bottom-right-radius: var(--pat-form-fields-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pat-toolbar > .pat-select:not(.bare) option:disabled,
.pat-toolbar .toolbar-section > .pat-select:not(.bare) option:disabled,
.pat-toolbar .pat-context-menu:not(.no-label) > .context-menu-label option:disabled,
.pat-toolbar .toolbar-section > .extras > .pat-select:not(.bare) option:disabled {
  color: silver;
}
.pat-toolbar .pat-button,
.pat-toolbar .icon {
  display: inline-block;
  vertical-align: top;
  line-height: var(--pat-toolbar-button-line-height);
  border: none;
  float: none;
  white-space: nowrap;
  font-size: var(--pat-toolbar-font-size);
}
.pat-toolbar .pat-button.meta-data-toggle,
.pat-toolbar .icon.meta-data-toggle {
  transition: transform 0.3s;
}
.more-metadata .pat-toolbar .pat-button.meta-data-toggle,
.more-metadata .pat-toolbar .icon.meta-data-toggle {
  transform: scaleY(-1);
}
@media only screen and (max-width: 767px) {
  .pat-toolbar .pat-button,
  .pat-toolbar .icon {
    margin: 0;
  }
}
.pat-toolbar .pat-button:active,
.pat-toolbar .icon:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}
.pat-toolbar .pat-button:focus,
.pat-toolbar .icon:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-toolbar .pat-button:hover,
.pat-toolbar .icon:hover {
  text-decoration: none;
}
.pat-toolbar .pat-button.locked {
  position: relative;
  padding-right: 3em;
}
.pat-toolbar .pat-button.locked:after {
  display: block;
  font-family: fontello;
  content: "\e8a3";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 2em;
  text-align: center;
  background: orange;
  color: white;
  line-height: var(--pat-toolbar-button-height);
}
.pat-toolbar .pat-button.locked.active:after {
  content: "\e8a4";
}
.pat-toolbar .pat-progress-bar {
  margin-top: 9px;
  width: 540px;
  float: left;
}
.pat-toolbar .toolbar-section .icon {
  font-family: fontello;
  text-indent: -1000em;
  width: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
  position: relative;
  color: rgba(0, 0, 0, 0.6);
  cursor: default;
  line-height: var(--pat-toolbar-button-line-height);
  border-radius: 10px;
  display: inline-block;
  text-align: left;
  background-color: var(--pat-toolbar-icon-background-colour);
  color: rgba(0, 0, 0, 0.6);
}
body[dir=rtl] .pat-toolbar .toolbar-section .icon {
  text-align: right;
}
.pat-toolbar .toolbar-section .icon:not(.active):not(.current):not([disabled]):not(.default):hover {
  color: black;
  background-color: var(--pat-toolbar-icon-background-colour-hover);
}
.pat-toolbar .toolbar-section .icon.progress .pie-graph {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.pat-toolbar .toolbar-section .icon.progress.pat-tooltip.tooltip-active-click {
  background-color: var(--colour-accent);
}
.pat-toolbar .toolbar-section .icon.progress.pat-tooltip.tooltip-active-click .pie-graph {
  border-color: white;
}
.pat-toolbar .toolbar-section .icon:before {
  font-family: fontello;
  text-indent: 0;
  line-height: var(--pat-toolbar-button-line-height)1px;
  text-align: center;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 10px;
  box-sizing: border-box;
}
.pat-toolbar .toolbar-section .icon:not(.active):not(.icon):not([disabled]):not(.default):hover {
  color: black;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.1);
}
.pat-toolbar .toolbar-section .icon:not(.active):not(.icon):not([disabled]):not(.default):hover:before {
  color: black;
}
.pat-toolbar .toolbar-section .icon.active {
  color: var(--colour-accent);
  box-shadow: none;
}
.pat-toolbar .toolbar-section .icon.active:before {
  color: var(--colour-accent);
}
.pat-toolbar .toolbar-section .icon.warning {
  color: orange;
  box-shadow: none;
}
.pat-toolbar .toolbar-section .icon.warning:before {
  color: orange;
}
.pat-toolbar .toolbar-section .icon.pat-tooltip.tooltip-active-click:before, .pat-toolbar .toolbar-section .icon.collapsible-open:before {
  background-color: var(--colour-accent);
  color: white;
}
.pat-toolbar .toolbar-section .icon.create:before, .pat-toolbar .toolbar-section .icon.new:before {
  content: "\e825";
  font-size: 1.3em;
}
.pat-toolbar .toolbar-section .icon.settings:before {
  content: "\e804";
}
.pat-toolbar .toolbar-section .icon.resize-full:before {
  content: "\e8f4";
}
.pat-toolbar .toolbar-section .icon.back:before {
  content: "\e916";
}
.pat-toolbar .toolbar-section .icon.back + .toolbar-title {
  padding-left: 0;
}
.pat-toolbar .toolbar-section .icon.expand-all-sections:before, .pat-toolbar .toolbar-section .icon.collapse-all-sections:before {
  font-family: fontello;
  content: "\f105";
  transform: rotate(90deg);
}
.pat-toolbar .toolbar-section .icon.collapse-all-sections:before {
  transform: rotate(-90deg);
}
.pat-toolbar .toolbar-section .icon.level-up:before {
  font-family: fontello;
  content: "\f148";
  transform: scaleX(-100%);
}
.pat-toolbar .toolbar-section .icon.level-up + .toolbar-title {
  padding-left: 0;
}
.pat-toolbar .toolbar-section .icon.edit:before {
  content: "";
}
.pat-toolbar .toolbar-section .icon.preview:before {
  content: "\e8a5";
}
.pat-toolbar .toolbar-section .icon.settings:before {
  content: "\e804";
}
.pat-toolbar .toolbar-section .icon.modify:before {
  content: "\e804";
}
.pat-toolbar .toolbar-section .icon.more:before {
  content: "\e865";
}
.pat-toolbar .toolbar-section .icon.upload:before {
  content: "\e808";
}
.pat-toolbar .toolbar-section .icon.download:before {
  content: "\e809";
}
.pat-toolbar .toolbar-section .icon.card-view:before {
  content: "\e80b";
}
.pat-toolbar .toolbar-section .icon.list-view:before {
  content: "\e807";
}
.pat-toolbar .toolbar-section .icon.language:before {
  content: "";
}
.pat-toolbar .toolbar-section .icon.menu:before {
  content: "\e878";
}
.pat-toolbar .toolbar-section .icon.search:before {
  content: "\e8f8";
}
.pat-toolbar .toolbar-section .icon.metadata:before {
  content: "\e88c";
}
.pat-toolbar .toolbar-section .icon.select:before {
  content: "\e952";
}
#product-space.mode-select .pat-toolbar .toolbar-section .icon.select {
  background-color: #D40E16;
}
#product-space.mode-select .pat-toolbar .toolbar-section .icon.select:before {
  color: white;
}
.pat-toolbar .pat-toolbar-local-search-box {
  width: var(--pat-toolbar-button-height);
  margin: 0;
  display: inline-block;
  padding: 0;
}
.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel {
  overflow: hidden;
  width: var(--pat-toolbar-button-height);
  padding-top: calc(var(--pat-toolbar-button-height) + 16px);
  padding-right: 10px;
  padding-bottom: 6px;
  padding-left: 10px;
  float: right;
  margin: -52px -10px;
  transition: all 0.5s;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0);
}
.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel .instance-counter {
  margin-top: calc(-1 * var(--pat-toolbar-button-height));
  transition: all 0.5s;
  opacity: 0;
}
.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel .instance-counter a:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 768px) {
  .pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel .instance-counter {
    width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel .instance-counter {
    width: calc(100vw - 40px);
  }
}
.pat-toolbar .pat-toolbar-local-search-box.focus .instance-counter, .pat-toolbar .pat-toolbar-local-search-box.has-value .instance-counter, .pat-toolbar .pat-toolbar-local-search-box.fixed .instance-counter {
  margin-top: 0;
  opacity: 1;
}
.pat-toolbar .pat-toolbar-local-search-box.focus .spotlight-sentinel, .pat-toolbar .pat-toolbar-local-search-box.has-value .spotlight-sentinel, .pat-toolbar .pat-toolbar-local-search-box.fixed .spotlight-sentinel {
  background-color: white;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 768px) {
  .pat-toolbar .pat-toolbar-local-search-box.focus .spotlight-sentinel, .pat-toolbar .pat-toolbar-local-search-box.has-value .spotlight-sentinel, .pat-toolbar .pat-toolbar-local-search-box.fixed .spotlight-sentinel {
    width: 350px;
  }
}
@media only screen and (max-width: 767px) {
  .pat-toolbar .pat-toolbar-local-search-box.focus .spotlight-sentinel, .pat-toolbar .pat-toolbar-local-search-box.has-value .spotlight-sentinel, .pat-toolbar .pat-toolbar-local-search-box.fixed .spotlight-sentinel {
    width: calc(100vw - 40px);
  }
}
.pat-toolbar .pat-toolbar-search-field {
  width: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
  position: relative;
  display: inline-block;
  z-index: 10;
  vertical-align: top;
  font-size: var(--pat-toolbar-font-size);
  background-color: rgba(0, 0, 0, 0.08);
  border-radius: 10px;
}
.pat-toolbar .pat-toolbar-search-field:after {
  position: absolute;
  top: 0;
  left: 0;
  line-height: var(--pat-toolbar-button-line-height);
  width: var(--pat-toolbar-button-height);
  text-align: center;
  font-family: fontello;
  content: "\e8f8";
  font-size: var(--pat-toolbar-font-size);
  transition: left 0.5s, padding-left 0.5s, transform 1s;
  color: rgba(0, 0, 0, 0.6);
}
.pat-toolbar .pat-toolbar-search-field:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.pat-toolbar .pat-toolbar-search-field:hover:after {
  color: black;
}
.pat-toolbar .pat-toolbar-search-field input {
  width: var(--pat-toolbar-button-height);
  height: var(--pat-toolbar-button-height);
  border-radius: 10px;
  background: white;
  border: 1px silver solid;
  max-width: 1000px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.5s;
  opacity: 0;
  padding-left: 34px;
  margin: 0;
}
.pat-toolbar .pat-toolbar-search-field input:focus {
  outline: none;
  box-shadow: none;
}
.pat-toolbar .pat-toolbar-search-field.focus input, .pat-toolbar .pat-toolbar-search-field.has-value input, .pat-toolbar .pat-toolbar-search-field.fixed input {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .pat-toolbar .pat-toolbar-search-field.focus input, .pat-toolbar .pat-toolbar-search-field.has-value input, .pat-toolbar .pat-toolbar-search-field.fixed input {
    width: var(--pat-toolbar-search-field-width-open);
  }
}
@media only screen and (max-width: 767px) {
  .pat-toolbar .pat-toolbar-search-field.focus input, .pat-toolbar .pat-toolbar-search-field.has-value input, .pat-toolbar .pat-toolbar-search-field.fixed input {
    width: calc(100vw - 40px);
  }
}
.pat-toolbar .pat-toolbar-search-field.focus:after, .pat-toolbar .pat-toolbar-search-field.has-value:after, .pat-toolbar .pat-toolbar-search-field.fixed:after {
  color: gray;
}
@media only screen and (min-width: 768px) {
  .pat-toolbar .pat-toolbar-search-field.focus:after, .pat-toolbar .pat-toolbar-search-field.has-value:after, .pat-toolbar .pat-toolbar-search-field.fixed:after {
    left: calc(-1 * var(--pat-toolbar-search-field-width-open));
    padding-left: var(--pat-toolbar-button-height);
  }
}
@media only screen and (max-width: 767px) {
  .pat-toolbar .pat-toolbar-search-field.focus:after, .pat-toolbar .pat-toolbar-search-field.has-value:after, .pat-toolbar .pat-toolbar-search-field.fixed:after {
    left: calc(-1 * (100vw - var(--pat-toolbar-button-height)));
    padding-left: var(--pat-toolbar-button-height);
  }
}
.pat-toolbar .pat-toolbar-search-field.fixed {
  width: 258px;
}
.pat-toolbar .pat-toolbar-search-field.fixed:after {
  left: -123px;
}

.pat-toggle-switch {
  display: inline-block;
  font-size: calc(0.6 * var(--pat-toggle-height));
  position: relative;
  height: var(--pat-toggle-height);
  background-color: var(--pat-toggle-background-colour-off);
  border-radius: var(--pat-toggle-switch-border-radius);
  transition: all 0.3s;
  justify-self: start;
  position: relative;
  box-sizing: border-box;
  padding: 0 calc(var(--pat-toggle-height) - 1 * var(--pat-toggle-toggle-distance) + 0.5 * var(--pat-toggle-padding-start-end)) 0 var(--pat-toggle-padding-start-end);
  line-height: var(--pat-toggle-height);
  color: transparent;
  box-shadow: var(--pat-toggle-box-shadow);
  -webkit-user-select: none;
  user-select: none;
}
.pat-toggle-switch:has(:focus) {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-toggle-switch input {
  position: absolute;
  opacity: 0;
}
.pat-toggle-switch::after {
  content: "";
  display: inline-block;
  position: absolute;
  left: var(--pat-toggle-toggle-distance);
  width: calc(var(--pat-toggle-height) - var(--pat-toggle-toggle-distance) * 2);
  height: calc(var(--pat-toggle-height) - var(--pat-toggle-toggle-distance) * 2);
  border-radius: var(--pat-toggle-toggle-border-radius);
  transition: all 0.2s;
  background-color: var(--pat-toggle-toggle-background-colour);
  top: 50%;
  transform: translateY(-50%);
}
.pat-toggle-switch:has(input:checked) {
  background-color: var(--pat-toggle-background-colour-on);
  color: var(--pat-toggle-text-colour);
  box-shadow: var(--pat-toggle-box-shadow-on);
  text-shadow: var(--pat-toggle-text-shadow-on);
}
.pat-toggle-switch:has(input:checked)::after {
  left: calc(100% - (var(--pat-toggle-height) - var(--pat-toggle-toggle-distance)));
  background-color: var(--pat-toggle-toggle-background-colour-on);
}

textarea.pat-tiptap {
  opacity: 0;
}

.ProseMirror-gapcursor {
  position: relative;
  display: block !important;
}
.ProseMirror-gapcursor:after {
  content: " ";
  display: block;
  position: absolute;
  top: -2px;
  width: 20px;
  border-top: 1px solid black;
}

.tiptap-container {
  animation: fadeIn 0.4s;
}
.tiptap-container .ProseMirror {
  outline: none;
  cursor: text;
}
.tiptap-container .ProseMirror > p:first-child[data-placeholder]:before {
  content: attr(data-placeholder);
  color: rgba(0, 0, 0, 0.4);
  float: right;
  width: 100%;
}
.tiptap-container .ProseMirror-separator + .ProseMirror-trailingBreak,
.tiptap-container .ProseMirror-separator {
  display: none !important;
}
.tiptap-container .collaboration-cursor__caret {
  border-left: 1px solid #0d0d0d;
  border-left-color: rgb(13, 13, 13);
  border-right: 1px solid #0d0d0d;
  border-right-color: rgb(13, 13, 13);
  margin-left: -1px;
  margin-right: -1px;
  pointer-events: none;
  position: relative;
  word-break: normal;
}
.tiptap-container .collaboration-cursor__label {
  border-radius: 3px 3px 3px 0;
  color: #0d0d0d;
  font-size: 12px;
  font-style: normal;
  font-weight: 600;
  left: -1px;
  line-height: normal;
  padding: 0.1rem 0.3rem;
  position: absolute;
  top: -1.4em;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  white-space: nowrap;
}

.tippy-box[data-animation=fade][data-state=hidden] {
  opacity: 0;
}

[data-tippy-root] {
  max-width: calc(100vw - 10px);
}

.tippy-box {
  position: relative;
  background-color: #333;
  color: white;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.4;
  outline: 0;
  transition-property: transform, visibility, opacity;
}
.tippy-box[data-placement^=top] > .tippy-arrow {
  bottom: 0;
}
.tippy-box[data-placement^=top] > .tippy-arrow::before {
  bottom: -7px;
  left: 0;
  border-width: 8px 8px 0;
  border-top-color: initial;
  transform-origin: center top;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow {
  top: 0;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
  top: -7px;
  left: 0;
  border-width: 0 8px 8px;
  border-bottom-color: initial;
  transform-origin: center bottom;
}
.tippy-box[data-placement^=left] > .tippy-arrow {
  right: 0;
}
.tippy-box[data-placement^=left] > .tippy-arrow::before {
  border-width: 8px 0 8px 8px;
  border-left-color: initial;
  right: -7px;
  transform-origin: center left;
}
.tippy-box[data-placement^=right] > .tippy-arrow {
  left: 0;
}
.tippy-box[data-placement^=right] > .tippy-arrow::before {
  left: -7px;
  border-width: 8px 8px 8px 0;
  border-right-color: initial;
  transform-origin: center right;
}
.tippy-box[data-inertia][data-state=visible] {
  transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11);
}

.tippy-arrow {
  width: 16px;
  height: 16px;
  color: #333;
}
.tippy-arrow::before {
  content: "";
  position: absolute;
  border-color: transparent;
  border-style: solid;
}

.tippy-content {
  position: relative;
  padding: 5px 9px;
  z-index: 1;
}

:root {
  --pat-tooltip-box-shadow: 0 4px 14px -2px $transparent-light;
}

.tippy-box {
  background-color: white;
  background-clip: padding-box;
  border: 1px solid rgba(0, 8, 16, 0.15);
  color: black;
  box-shadow: var(--pat-tooltip-box-shadow);
  color: #222222;
  font-size: 18px;
  border-radius: 10px;
}
.tippy-box > .tippy-backdrop {
  background-color: white;
}
.tippy-box > .tippy-arrow::after,
.tippy-box > .tippy-svg-arrow::after {
  content: "";
  position: absolute;
  z-index: -1;
}
.tippy-box .tippy-content {
  padding: 18px;
  max-height: calc(100vh - 100px);
  overflow: auto;
}
.tippy-box .tippy-arrow {
  width: 22px;
  height: 22px;
}
.tippy-box > .tippy-arrow::after {
  border-color: transparent;
  border-style: solid;
}
.tippy-box[data-placement^=top] > .tippy-arrow::before {
  border-top-color: white;
}
.tippy-box[data-placement^=top] > .tippy-arrow::after {
  border-top-color: rgba(0, 8, 16, 0.2);
  border-width: 8px 8px 0;
  top: 22px;
  left: 0;
}
.tippy-box[data-placement^=top] > .tippy-svg-arrow > svg {
  top: 8px;
}
.tippy-box[data-placement^=top] > .tippy-svg-arrow::after {
  top: 9px;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow::before {
  border-bottom-color: white;
  bottom: 22px;
  left: 3px;
  border-width: 0 8px 8px;
}
.tippy-box[data-placement^=bottom] > .tippy-arrow::after {
  border-bottom-color: rgba(0, 8, 16, 0.2);
  border-width: 0 8px 8px;
  bottom: 23px;
  left: 3px;
}
.tippy-box[data-placement^=bottom] > .tippy-svg-arrow > svg {
  bottom: 22px;
}
.tippy-box[data-placement^=bottom] > .tippy-svg-arrow::after {
  bottom: 23px;
}
.tippy-box[data-placement^=left] > .tippy-arrow::before {
  border-left-color: white;
}
.tippy-box[data-placement^=left] > .tippy-arrow::after {
  border-left-color: rgba(0, 8, 16, 0.2);
  border-width: 8px 0 8px 8px;
  left: 22px;
  top: 0;
}
.tippy-box[data-placement^=left] > .tippy-svg-arrow > svg {
  left: 11px;
}
.tippy-box[data-placement^=left] > .tippy-svg-arrow::after {
  left: 12px;
}
.tippy-box[data-placement^=right] > .tippy-arrow::before {
  border-right-color: white;
  right: 22px;
  top: 3px;
}
.tippy-box[data-placement^=right] > .tippy-arrow::after {
  border-width: 8px 8px 8px 0;
  right: 23px;
  top: 3px;
  border-right-color: rgba(0, 8, 16, 0.2);
}
.tippy-box[data-placement^=right] > .tippy-svg-arrow > svg {
  right: 11px;
}
.tippy-box[data-placement^=right] > .tippy-svg-arrow::after {
  right: 12px;
}
.tippy-box > .tippy-svg-arrow {
  fill: white;
}
.tippy-box > .tippy-svg-arrow::after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNMCA2czEuNzk2LS4wMTMgNC42Ny0zLjYxNUM1Ljg1MS45IDYuOTMuMDA2IDggMGMxLjA3LS4wMDYgMi4xNDguODg3IDMuMzQzIDIuMzg1QzE0LjIzMyA2LjAwNSAxNiA2IDE2IDZIMHoiIGZpbGw9InJnYmEoMCwgOCwgMTYsIDAuMikiIC8+PC9zdmc+);
  background-size: 8px 6px;
  width: 8px;
  height: 6px;
}

.tooltip-container {
  overflow: visible;
  font-size: 1rem;
  padding: 0;
  user-select: none;
}
@media print {
  .tooltip-container {
    display: none !important;
  }
}
.tooltip-container .tippy-content {
  min-width: 250px;
  border-radius: 10px;
}
.tooltip-container .tippy-content > *:last-child {
  margin-bottom: 0;
}
.tooltip-container ul.menu {
  margin: 0 0 1em 0;
  list-style-type: none;
  --pat-checklist-label-padding-start: var(--pat-menu-list-item-padding-start);
  --pat-checklist-label-padding-end: 0.2em;
  --pat-checklist-item-separation: 0;
  --pat-checklist-checkbox-size: 16px;
}
.tooltip-container ul.menu li {
  padding-left: 0;
  --pat-checklist-margin-bottom: 0;
}
.tooltip-container ul.menu li > a,
.tooltip-container ul.menu li > label,
.tooltip-container ul.menu li > form > label,
.tooltip-container ul.menu li > form > button,
.tooltip-container ul.menu li > form > fieldset > label,
.tooltip-container ul.menu li > fieldset.pat-checklist label,
.tooltip-container ul.menu li > button {
  display: block;
  padding: 0.3em 0 0.3em 0;
  color: black;
  line-height: var(--pat-menu-list-item-line-height);
  cursor: default;
  overflow: hidden;
  border: none;
  width: 100%;
  background: none;
  box-sizing: border-box;
  font-size: 18px;
  display: grid;
  grid-template-columns: var(--pat-menu-list-item-padding-start) auto;
  border-radius: var(--border-radii);
  user-select: none;
  --pat-select-box-height: var(--pat-menu-list-item-line-height);
}
.tooltip-container ul.menu li > a .pat-select.bare,
.tooltip-container ul.menu li > label .pat-select.bare,
.tooltip-container ul.menu li > form > label .pat-select.bare,
.tooltip-container ul.menu li > form > button .pat-select.bare,
.tooltip-container ul.menu li > form > fieldset > label .pat-select.bare,
.tooltip-container ul.menu li > fieldset.pat-checklist label .pat-select.bare,
.tooltip-container ul.menu li > button .pat-select.bare {
  margin-right: 8px;
}
.tooltip-container ul.menu li > a:before,
.tooltip-container ul.menu li > label:before,
.tooltip-container ul.menu li > form > label:before,
.tooltip-container ul.menu li > form > button:before,
.tooltip-container ul.menu li > form > fieldset > label:before,
.tooltip-container ul.menu li > fieldset.pat-checklist label:before,
.tooltip-container ul.menu li > button:before {
  font-family: fontello;
  align-self: start;
  justify-self: center !important;
  display: block;
  margin-right: 0;
  line-height: inherit;
}
.tooltip-container ul.menu li > a:has(input[type=checkbox]):before,
.tooltip-container ul.menu li > label:has(input[type=checkbox]):before,
.tooltip-container ul.menu li > form > label:has(input[type=checkbox]):before,
.tooltip-container ul.menu li > form > button:has(input[type=checkbox]):before,
.tooltip-container ul.menu li > form > fieldset > label:has(input[type=checkbox]):before,
.tooltip-container ul.menu li > fieldset.pat-checklist label:has(input[type=checkbox]):before,
.tooltip-container ul.menu li > button:has(input[type=checkbox]):before {
  line-height: var(--pat-checklist-checkbox-size);
}
.tooltip-container ul.menu li > a:has(input[type=file]),
.tooltip-container ul.menu li > label:has(input[type=file]),
.tooltip-container ul.menu li > form > label:has(input[type=file]),
.tooltip-container ul.menu li > form > button:has(input[type=file]),
.tooltip-container ul.menu li > form > fieldset > label:has(input[type=file]),
.tooltip-container ul.menu li > fieldset.pat-checklist label:has(input[type=file]),
.tooltip-container ul.menu li > button:has(input[type=file]) {
  position: relative;
}
.tooltip-container ul.menu li > a:hover,
.tooltip-container ul.menu li > label:hover,
.tooltip-container ul.menu li > form > label:hover,
.tooltip-container ul.menu li > form > button:hover,
.tooltip-container ul.menu li > form > fieldset > label:hover,
.tooltip-container ul.menu li > fieldset.pat-checklist label:hover,
.tooltip-container ul.menu li > button:hover {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.05);
  color: black;
}
.tooltip-container ul.menu li > a.tooltip-active-click, .tooltip-container ul.menu li > a:active,
.tooltip-container ul.menu li > label.tooltip-active-click,
.tooltip-container ul.menu li > label:active,
.tooltip-container ul.menu li > form > label.tooltip-active-click,
.tooltip-container ul.menu li > form > label:active,
.tooltip-container ul.menu li > form > button.tooltip-active-click,
.tooltip-container ul.menu li > form > button:active,
.tooltip-container ul.menu li > form > fieldset > label.tooltip-active-click,
.tooltip-container ul.menu li > form > fieldset > label:active,
.tooltip-container ul.menu li > fieldset.pat-checklist label.tooltip-active-click,
.tooltip-container ul.menu li > fieldset.pat-checklist label:active,
.tooltip-container ul.menu li > button.tooltip-active-click,
.tooltip-container ul.menu li > button:active {
  background-color: #D40E16;
  color: white;
}
.tooltip-container ul.menu li > a .pat-message,
.tooltip-container ul.menu li > label .pat-message,
.tooltip-container ul.menu li > form > label .pat-message,
.tooltip-container ul.menu li > form > button .pat-message,
.tooltip-container ul.menu li > form > fieldset > label .pat-message,
.tooltip-container ul.menu li > fieldset.pat-checklist label .pat-message,
.tooltip-container ul.menu li > button .pat-message {
  display: block;
  margin-top: 0.4em;
  margin-bottom: 0.5em;
  padding: 0.3em 0.5em;
}
.tooltip-container ul.menu li > a input[type=file],
.tooltip-container ul.menu li > label input[type=file],
.tooltip-container ul.menu li > form > label input[type=file],
.tooltip-container ul.menu li > form > button input[type=file],
.tooltip-container ul.menu li > form > fieldset > label input[type=file],
.tooltip-container ul.menu li > fieldset.pat-checklist label input[type=file],
.tooltip-container ul.menu li > button input[type=file] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 1.8em;
  width: 100%;
}
.tooltip-container ul.menu li > a:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.tooltip-container ul.menu li > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.tooltip-container ul.menu li > form > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.tooltip-container ul.menu li > form > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.tooltip-container ul.menu li > form > fieldset > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.tooltip-container ul.menu li > fieldset.pat-checklist label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.tooltip-container ul.menu li > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before {
  font-family: fontello;
  content: "\f105";
}
.tooltip-container ul.menu li > a.current,
.tooltip-container ul.menu li > label.current,
.tooltip-container ul.menu li > form > label.current,
.tooltip-container ul.menu li > form > button.current,
.tooltip-container ul.menu li > form > fieldset > label.current,
.tooltip-container ul.menu li > fieldset.pat-checklist label.current,
.tooltip-container ul.menu li > button.current {
  color: #D40E16;
}
.tooltip-container ul.menu li > a.current a,
.tooltip-container ul.menu li > label.current a,
.tooltip-container ul.menu li > form > label.current a,
.tooltip-container ul.menu li > form > button.current a,
.tooltip-container ul.menu li > form > fieldset > label.current a,
.tooltip-container ul.menu li > fieldset.pat-checklist label.current a,
.tooltip-container ul.menu li > button.current a {
  color: #D40E16;
  cursor: default;
}
.tooltip-container.label .tippy-content {
  text-align: center;
  min-width: 0;
  padding: 6px 10px;
}
.tooltip-container .tippy-content {
  background-color: white;
}
.tooltip-container [data-placement^=bottom] .tippy-arrow {
  border-bottom-color: white;
}
.tooltip-container [data-placement^=bottom] .tippy-arrow::before {
  border-bottom-color: white;
}
.tooltip-container [data-placement^=left] .tippy-arrow {
  border-left-color: white;
}
.tooltip-container [data-placement^=left] .tippy-arrow::before {
  border-left-color: white;
}
.tooltip-container [data-placement^=right] .tippy-arrow {
  border-right-color: white;
}
.tooltip-container [data-placement^=right] .tippy-arrow::before {
  border-right-color: white;
}
.tooltip-container [data-placement^=top] .tippy-arrow {
  border-top-color: white;
}
.tooltip-container [data-placement^=top] .tippy-arrow::before {
  border-top-color: white;
}
.tooltip-container.info .tippy-content {
  background-color: #fdfdc8;
  -webkit-hyphens: auto;
  hyphens: auto;
  padding: 18px;
}
.tooltip-container.info .tippy-content .pat-button.read-more {
  clear: both;
  margin-top: 14px;
  margin-bottom: -5px;
}
.tooltip-container.info [data-placement^=bottom] .tippy-arrow {
  border-bottom-color: #fdfdc8;
}
.tooltip-container.info [data-placement^=bottom] .tippy-arrow::before {
  border-bottom-color: #fdfdc8;
}
.tooltip-container.info [data-placement^=left] .tippy-arrow {
  border-left-color: #fdfdc8;
}
.tooltip-container.info [data-placement^=left] .tippy-arrow::before {
  border-left-color: #fdfdc8;
}
.tooltip-container.info [data-placement^=right] .tippy-arrow {
  border-right-color: #fdfdc8;
}
.tooltip-container.info [data-placement^=right] .tippy-arrow::before {
  border-right-color: #fdfdc8;
}
.tooltip-container.info [data-placement^=top] .tippy-arrow {
  border-top-color: #fdfdc8;
}
.tooltip-container.info [data-placement^=top] .tippy-arrow::before {
  border-top-color: #fdfdc8;
}
.tooltip-container.rich {
  user-select: auto;
}
.tooltip-container.rich .tippy-content:after {
  content: " ";
  display: table;
  clear: both;
}
.tooltip-container.rich .tippy-content h1, .tooltip-container.rich .tippy-content h2, .tooltip-container.rich .tippy-content p, .tooltip-container.rich .tippy-content ul, .tooltip-container.rich .tippy-content ol, .tooltip-container.rich .tippy-content table, .tooltip-container.rich .tippy-content dl, .tooltip-container.rich .tippy-content pre {
  margin-bottom: 1em;
}
.tooltip-container.rich .tippy-content a {
  text-decoration: underline;
}
.tooltip-container.rich .tippy-content ul,
.tooltip-container.rich .tippy-content ol {
  counter-reset: oli;
}
.tooltip-container.rich .tippy-content ul li,
.tooltip-container.rich .tippy-content ol li {
  margin-left: 0;
  padding-left: 1.5em;
}
.tooltip-container.rich .tippy-content ul li:before,
.tooltip-container.rich .tippy-content ol li:before {
  content: "•";
  float: left;
  margin-left: -1.4em;
}
.tooltip-container.rich .tippy-content ul li[class^=icon-]:before, .tooltip-container.rich .tippy-content ul li[class*=" icon-"]:before,
.tooltip-container.rich .tippy-content ol li[class^=icon-]:before,
.tooltip-container.rich .tippy-content ol li[class*=" icon-"]:before {
  line-height: inherit;
  margin-left: -1.5em;
}
.tooltip-container.rich .tippy-content ol li {
  counter-increment: oli;
}
.tooltip-container.rich .tippy-content ol li:before {
  content: counter(oli) ".";
}
.tooltip-container.rich .tippy-content h1 {
  font-weight: 600;
  font-size: 2em;
  line-height: 130%;
  margin-bottom: 0.7em;
  letter-spacing: 0.05em;
}
.tooltip-container.rich .tippy-content h2 {
  font-size: 1.5em;
  line-height: 130%;
  letter-spacing: 0.05em;
  font-weight: 400;
  margin-bottom: 0.7em;
  letter-spacing: 0.05em;
}
.tooltip-container.rich .tippy-content h3 {
  font-size: 1em;
  letter-spacing: 0.05em;
  font-weight: bold;
  margin-bottom: 1em;
}
.tooltip-container.rich .tippy-content img,
.tooltip-container.rich .tippy-content video {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}
.tooltip-container.rich .tippy-content img.float-before,
.tooltip-container.rich .tippy-content video.float-before {
  margin-right: 1em;
  float: left;
  top: 0.2em;
  position: relative;
}
.tooltip-container.rich .tippy-content img.float-after,
.tooltip-container.rich .tippy-content video.float-after {
  margin-left: 1em;
  float: right;
  top: 0.2em;
  position: relative;
}
@media only screen and (min-width: 1280px) {
  .tooltip-container.rich .tippy-content img.medium,
  .tooltip-container.rich .tippy-content video.medium {
    width: 33%;
  }
}
.tooltip-container.rich .tippy-content figure {
  margin-bottom: 2em;
}
.tooltip-container.rich .tippy-content figure figcaption {
  font-style: italic;
  font-size: 0.7em;
  line-height: 1.3em;
  color: rgba(0, 0, 0, 0.3);
  border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
  padding: 0.4em 0.7em 0.4em;
}
.tooltip-container.rich .tippy-content p, .tooltip-container.rich .tippy-content h1, .tooltip-container.rich .tippy-content h2, .tooltip-container.rich .tippy-content h3, .tooltip-container.rich .tippy-content ul, .tooltip-container.rich .tippy-content ol, .tooltip-container.rich .tippy-content table {
  margin-bottom: 0.5em;
}
.tooltip-container.rich .tippy-content > *:not(.footer):last-child {
  margin-bottom: 0;
}
.tooltip-container .tooltip-separation-header {
  color: black;
  font-weight: bold;
  /* font-size: 12px; */
  font-size: 1em;
  /* line-height: 18px; */
  margin: 10px 0;
}
.tooltip-container .tooltip-separation-header:first-child {
  margin-top: 0;
}
.tooltip-container .item-selector {
  position: static;
}
.tooltip-container .button-bar.bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}

.pat-upload {
  margin: 0;
}
.pat-upload .row {
  margin-left: 0;
  margin-right: 0;
}
.pat-upload h2.title,
.pat-upload p.help,
.pat-upload #fakeUploadFile,
.pat-upload .btn.btn-primary.browse,
.pat-upload .controls .progress {
  display: none;
}
.pat-upload.upload .accessibility-options {
  position: absolute;
  opacity: 0;
  -webkit-pointer-events: none;
  pointer-events: none;
}
.pat-upload .upload-area .dz-message p {
  display: block;
  padding: 3em 1em;
  margin-bottom: 1em !important;
  border: 0.2em rgba(0, 0, 0, 0.2) dashed;
  border-radius: 10px;
  text-align: center;
  color: gray;
  cursor: default;
}
.pat-upload .upload-area .dz-message p:before {
  content: "\e90a";
  font-family: fontello;
  display: inline-block;
  margin-right: 0.3em;
}
.pat-upload .upload-area .dz-message p:active {
  background-color: #efefef;
}
.pat-upload .upload-area.dz-drag-hover .dz-message p {
  background-color: #efefef;
}
.pat-upload .upload-area .upload-queue .previews {
  margin-bottom: 1em;
}
.pat-upload .upload-area .upload-queue .previews .dz-filename {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.pat-upload .upload-area .upload-queue .previews .row {
  overflow: hidden;
  position: relative;
  color: black;
  -webkit-user-select: none;
  user-select: none;
  padding: 0.5em 2em 0.5em 3.6em;
  margin: 0 0 10px 0;
  position: relative;
  border-radius: 10px;
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.15);
}
.pat-upload .upload-area .upload-queue .previews .row .info:before {
  content: "\e811";
  font-family: fontello;
  font-size: 1.4em;
  position: absolute;
  left: 0.8em;
  top: 50%;
  margin-top: -0.5em;
  font-weight: normal;
  -webkit-transition: 0.4s left;
  transition: 0.4s left;
}
.pat-upload .upload-area .upload-queue .previews .row .info .dz-size {
  font-style: italic;
}
.pat-upload .upload-area .upload-queue .previews .row .info .dz-size strong {
  font-weight: normal;
}
.pat-upload .upload-area .upload-queue .previews .row .info img {
  height: 3em;
  max-width: 3em;
  position: absolute;
  left: 0.3em;
  top: 50%;
  margin-top: -1.5em;
  background-color: white;
}
.pat-upload .upload-area .upload-queue .previews .row .btn {
  border: none;
  background: none;
  position: absolute;
  padding: 0 0.35em;
  top: 50%;
  border-radius: 50%;
  transform: translateY(-50%);
  color: black;
  right: 0;
  z-index: 1;
}
.pat-upload .upload-area .upload-queue .previews .row .btn:active {
  box-shadow: none;
}
.pat-upload .upload-area .upload-queue .previews .row .btn:active:before {
  color: black;
}
.pat-upload .upload-area .upload-queue .previews .row .btn:before {
  font-family: fontello;
  content: "\e803";
}
.pat-upload .upload-area .upload-queue .previews .row .dz-progress {
  height: 3em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.3;
}
.pat-upload .upload-area .upload-queue .previews .row .dz-progress .dz-upload {
  background: #A6E300;
  display: block;
  height: 4em;
}
.pat-upload .upload-area .upload-queue .previews .row.dz-error .dz-progress .dz-upload {
  background-color: #D40E16;
}
.pat-upload .upload-area .upload-queue .previews .row .dz-success-mark,
.pat-upload .upload-area .upload-queue .previews .row .dz-error-mark {
  float: right;
  top: 50%;
  margin-top: -0.5em;
  right: 0.6em;
  position: absolute;
  display: none;
}
.pat-upload .upload-area .upload-queue .previews .row.dz-success .dz-success-mark, .pat-upload .upload-area .upload-queue .previews .row.dz-error .dz-error-mark {
  display: inline-block;
}
.pat-upload .upload-area .upload-queue .previews .row .dz-error-mark {
  color: #D40E16;
}

form .pat-verification-code,
form.pat-form .pat-verification-code {
  width: 352px;
  height: 80px;
  background: url("../../quaive/style/code-digits-6.svg") no-repeat;
  background-size: 352px 100%;
  background-position: 0 0;
  position: relative;
  margin: 40px 0;
  display: block;
  padding: 0 0 0 0;
  clip-path: inset(0 0 0 0);
  font-size: 0;
  color: transparent;
}
form .pat-verification-code input[type=text]::-ms-clear,
form.pat-form .pat-verification-code input[type=text]::-ms-clear {
  display: none;
}
form .pat-verification-code input.code,
form.pat-form .pat-verification-code input.code {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
  background-color: transparent;
  font-family: "Courier", monospace;
  padding: 0;
  text-indent: 12px;
  font-size: 50px;
  text-align: justify;
  letter-spacing: 30px;
  line-height: 60px;
  font-weight: bold;
  height: 100%;
  width: 140%;
  max-width: 140%;
  box-sizing: border-box;
  color: black;
  margin: 0;
  display: inline-block;
  resize: none;
  white-space: nowrap;
  overflow: hidden;
  caret-shape: underscore;
}
@media only screen and (max-width: 767px) {
  form .pat-verification-code input.code,
  form.pat-form .pat-verification-code input.code {
    caret-color: #efefef;
  }
}
form .pat-verification-code input.code::selection,
form.pat-form .pat-verification-code input.code::selection {
  background: transparent;
}

.pat-well {
  display: block;
  padding: 40px;
  box-sizing: border-box;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: var(--pat-form-panel-background-colour);
  margin-bottom: 19px;
  --pat-toolbar-margin-bottom: 15px;
}
.pat-well .well-title-group {
  position: relative;
}
.pat-well .well-title-group .buttons {
  position: absolute;
  right: calc(var(--pat-form-panel-padding) + 31px + 15px);
  top: 50%;
  transform: translateY(-50%);
}
.pat-well .well-title-group .buttons .icon {
  overflow: hidden;
  width: 31px;
  height: 31px;
  cursor: default;
  background-color: rgba(0, 0, 0, 0.08);
  color: transparent;
  position: relative;
  float: right;
  margin-left: 15px;
  border-radius: 10px;
  font-style: normal;
  font-weight: normal;
}
.pat-well .well-title-group .buttons .icon:after {
  font-family: fontello;
  font-size: 1em;
  z-index: 1;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  display: block;
  position: absolute;
  color: #009ee2;
  top: 0;
  left: 0;
}
.pat-well .well-title-group .buttons .icon:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.pat-well .well-title-group .buttons .icon:hover:after {
  color: color-mix(in lch, colour-link, black 90%);
}
.pat-well .well-title-group .buttons .icon.tooltip-active-click {
  background-color: #D40E16;
}
.pat-well .well-title-group .buttons .icon.tooltip-active-click:after {
  color: white;
}
.pat-well .well-title-group .buttons .icon.help:after {
  content: "\f128";
}
.pat-well .well-title-group .buttons .icon.add:after {
  content: "\e825";
}
.pat-well .well-title-group .buttons .icon.download:after {
  content: "\e809";
}
.pat-well .well-title-group .buttons .icon.settings:after {
  content: "\e804";
}
.pat-well .well-title-group .buttons .icon.more:after {
  content: "\e865";
  line-height: calc(31px + 3px);
}
.pat-well .well-header {
  margin-bottom: 40px;
  line-height: 1.3;
  font-size: 28px;
  font-weight: normal;
  color: black;
}
.pat-well .well-header .pat-avatar {
  float: left;
  width: 36px;
  height: 36px;
  margin-right: 10px;
  font-size: 0.7em;
}
.pat-well .well-separation-header {
  margin-bottom: 1em;
  margin-top: 1.5em;
  font-size: 24px;
  font-weight: bold;
}
.pat-well .well-separation-header:first-child {
  margin-top: 0;
}
.pat-well.pat-collapsible {
  transition: padding 0.4s;
  padding: 0;
}
.pat-well.pat-collapsible .panel-content > *:last-child {
  margin-bottom: 0;
}
.pat-well.pat-collapsible > .well-header,
.pat-well.pat-collapsible > .well-title-group > .well-header {
  padding-right: 50px;
  padding-left: 40px;
  position: relative;
  margin: 0;
  transition: padding 0.4s;
}
.pat-well.pat-collapsible > .well-header:after,
.pat-well.pat-collapsible > .well-title-group > .well-header:after {
  font-family: fontello;
  content: "\e855";
  font-size: 0.65em;
  background-color: rgba(0, 0, 0, 0.08);
  color: #009ee2;
  position: absolute;
  right: var(--pat-form-panel-padding);
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  width: 31px;
  height: 31px;
  text-align: center;
  line-height: 31px;
  border-radius: 10px;
  display: inline-block;
}
.pat-well.pat-collapsible > .well-header:hover:after,
.pat-well.pat-collapsible > .well-title-group > .well-header:hover:after {
  background-color: rgba(0, 0, 0, 0.1);
  color: color-mix(in lch, colour-link, black 90%);
}
.pat-well.pat-collapsible.open, .pat-well.pat-collapsible.closed.in-progress {
  transition: box-shadow 2s;
}
.pat-well.pat-collapsible.open > .well-header,
.pat-well.pat-collapsible.open > .well-title-group > .well-header, .pat-well.pat-collapsible.closed.in-progress > .well-header,
.pat-well.pat-collapsible.closed.in-progress > .well-title-group > .well-header {
  padding-top: 40px;
  padding-bottom: 40px;
}
.pat-well.pat-collapsible.closed:hover {
  box-shadow: var(--pat-form-panel-box-shadow-hover);
}
.pat-well.pat-collapsible.closed > .well-header,
.pat-well.pat-collapsible.closed > .well-title-group > .well-header, .pat-well.pat-collapsible.open.in-progress > .well-header,
.pat-well.pat-collapsible.open.in-progress > .well-title-group > .well-header {
  padding-top: 20px;
  padding-bottom: 20px;
  border-radius: 10px;
}
.pat-well.pat-collapsible.closed > .well-header:after,
.pat-well.pat-collapsible.closed > .well-title-group > .well-header:after, .pat-well.pat-collapsible.open.in-progress > .well-header:after,
.pat-well.pat-collapsible.open.in-progress > .well-title-group > .well-header:after {
  content: "\e856";
}
.pat-well.pat-collapsible > .panel-content {
  padding: 0 40px 40px;
  box-sizing: border-box;
}
.pat-well form > fieldset:last-child,
.pat-well form > fieldset:last-child > .button-bar:last-child {
  margin-bottom: 0;
}
.pat-well > *:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .pat-well {
    padding: 20px;
  }
}
.pat-well.success {
  background-color: #e1eddb;
}
.pat-well.success input {
  color: #222222;
}
.pat-well.notice {
  background-color: #fdfdc8;
}
.pat-well.warning {
  background-color: #fbead9;
}
.pat-well.warning input {
  color: #222222;
}
.pat-well.info {
  background-color: #d9edf7;
}
.pat-well.success input,
.pat-well.success textarea,
.pat-well.success select, .pat-well.warning input,
.pat-well.warning textarea,
.pat-well.warning select {
  background-color: rgba(0, 0, 0, 0.3);
  outline: white 1px solid;
}
.pat-well.success select, .pat-well.warning select {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgLTEuNDk2IDEyIDEwIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIC0xLjQ5NiAxMiAxMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCwwIDQuMjA1LDcuMDA5IDguNDEsMCAiLz4NCjwvc3ZnPg0K);
}

/*
    Redactor 3

    http://imperavi.com/redactor/

    Copyright (c) 2009-2018, Imperavi LLC.
    License: http://imperavi.com/redactor/license/
*/
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.redactor-animate-hide {
  display: none !important;
}

.redactor-fadeIn {
  opacity: 0;
  animation: fadeIn 0.2s ease-in-out;
}

.redactor-fadeOut {
  opacity: 1;
  animation: fadeOut 0.2s ease-in-out;
}

@font-face {
  font-family: "Redactor";
  src: url("data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBkcAAAC8AAAAYGNtYXAXVtKwAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zuxdz/8AAAF4AAAkQGhlYWQPMte3AAAluAAAADZoaGVhB7gD6wAAJfAAAAAkaG10eK4BD60AACYUAAAAuGxvY2GyjqiGAAAmzAAAAF5tYXhwADkBcwAAJywAAAAgbmFtZVDOJQoAACdMAAABknBvc3QAAwAAAAAo4AAAACAAAwP0AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpKQPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6Sn//f//AAAAAAAg6QD//f//AAH/4xcEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAADAAAAgAQAAwAAEgAoADwAABMhMhYVMRUUBiMhIiY1MTU0NjMDITIWFTEVFAYjITgBMSImPQE0NjMxEyEyFhUxFRQGIzEhIiY1MTU0NjO7AooZIiIZ/XYZIiIZgAOKGSIiGfx2GCMiGYACihkiIhn9dhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAADAAAAgAQAAwAAEwApAD4AABMhMhYVMRUUBiMhIiY1MTU0NjMxESEyFhUxFRQGIyE4ATEiJj0BNDYzMREhMhYVMRUUBiMxISImNTE1NDYzMTsCyhkiIhn9NhkiIhkDihkiIhn8dhgjIhkCyhkiIhn9NhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAADAAAAgAQAAwAAEgAoADwAABMhMhYVMRUUBiMhIiY1MTU0NjMDITIWFTEVFAYjITgBMSImPQE0NjMxEyEyFhUxFRQGIzEhIiY1MTU0NjP7AsoZIiIZ/TYZIiIZwAOKGSIiGfx2GCMiGcACyhkiIhn9NhkiIhkDACIZChkiIhkKGSL/ACIZCRkiIhgKGSL/ACIZChkiIhkKGSIAAAADARkARwLnAwAAKwA0AFUAACU+ATU0JjUxNjQ1NCYvAT4BNzE8ATU0JicxLgEjKgEjMSIHETMyFjMyNjcHAzIVFCMiIzUzAzoBMzIWFyceARUcARU1HAEVFAYHFQ4BIyImIzMiJzUzAp8hJwEBSDcCJjABIRshUS0CBQI4iM8DBgMwWCQByWp3HxxGBwUJBRw0FgEQEhUSFjQcBAkEARcmQIAZSiwBBAEDBwM9XRABEEUrAQMBJj8WGBsG/U4BHxsBAhdPWqb+/w4OAQ4oFwIFAgECBQIZLA4BDQ8BA+MAAAIAwAAAA0ADgAAsADgAACUiJicxJwcOASM4ATkBKgEjIiYnNRE+ATM6ATMxIToBMzIWFzERDgEjKgEjMQERNz4BMzIWFzEXEQMACxMI2toIEwsBAgEYIgICIhgBAgECAAECARgiAgIiGAECAf5AmgcUCgsTCJsABwWOjgYGIBcBAxAYICEX/PAXIQMQ/ZhlBgYGBmUCaAAABQBAAAADwAOAABMAFwAnADcARwAAASEiBhUxERQWMzEhMjY1MRE0JiMRIREhBSEyFhUUBiMxISImNTQ2MxUhMhYVFAYjMSEiJjU0NjMVITIWFRQGIzEhIiY1NDYzA0D9gDVLSzUCgDVLSzX9gAKA/gABgBslJRv+gBslJRsBgBslJRv+gBslJRsBgBslJRv+gBslJRsDgEs1/YA1S0s1AoA1S/0AAoBAJRsbJSUbGyXAJRsbJSUbGyXAJRsbJSUbGyUAAAMAQAAAA8ADgAATABcAWQAAASEiBhUxERQWMzEhMjY1MRE0JiMRIREhAzEHDgEjOAE5ASoBIyImJzE0NjcxNyMwIjEiJicxNDY3MTc+ATM4ATkBOgEzMhYXMRQGBzEHMzAyMTIWFzEUBgcxA0D9gDVLSzUCgDVLSzX9gAKAiMAFEAkBAQEOFAIEBJTpAg4VAQQEwAUQCQEBAQ4UAgQElOkCDhUBBAQDgEs1/YA1S0s1AoA1S/0AAoD+reAGBxIOBQoErRIOBQoE4AYHEg4FCgStEg4FCgQAAAEAgAA8A4ADAQCDAAABIy4BJyMnLgEnFy4BJzUuATUwNDUxPAE1NDY3MT4BMzoBMzEeARcjHgEXIzcuASMqAQczKgEjIgYHMQ4BFRwBFTEcARUUFhc1HgEfAiEVIRceARUxHAEVFAYHMQ4BIyoBIzEuAScXLgEnFwceATM6ATMjMhYzMjY3MT4BNzEuAScXMwOA9BIoFwI5FSMRAQgOBQUFDw0NIxMCBAITJBECEB0NARscQiQHDgYBAgQCJkQaGR0PDRIxHQIv/p0BxAQJChIPESoYAQQBEyQRAhIhDgEiH0wpAgQDAQMHAyxOIB0iAQEIBwHTAYASHQsbChUNAQcSCgEKFw0BAQEBARQiDQsOAQYGBA4IURETARsYFz8lAQMBAQICHDUXARkmCwEWQAQOIREBAQEWJg4OEAEHBgEGEAsBVhUWAR0aF0QoFCYSAgAAAAACAEAAAAPAA4AAHQA9AAABBzMyFhUUBisBIiY1MTU0NjMyFhUxFTceARcVFDY/ASMiJjU0NjMxMzIWFTEVFAYjIiY1MTUHLgEnNTQGNwHA50cTGhoTsxMaGhMSG+YYIgYGeudHExoaE7MTGhoTEhvmGCIGBgYBQOYbEhMaGhOzExoaE0fnBSMXAQkP+uYbEhMaGhOzExoaE0fnBSMXAQkPBgAAAAMAQABAA8ADgAAbAB4AIgAAASMVMxEhETM1IyIGFTERFBYzMSEyNjUxETQmIwEHISczESMDQICA/YCAgDVLSzUCgDVLSzX+wIABAKpUVAKAgP7AAUCASzX+wDVLSzUBQDVLAQDaIP66AAAAAAMAQAAAA8ADgAADABcAHwAAATMnBwEhIgYVMREUFjMxITI2NTERNCYjAycjByMTMxMBuI1GRwGI/YA1S0s1AoA1S0s1sivIKHPoLuoBgdHRAf9LNf2ANUtLNQKANUv9QHNzAkD9wAAABAA/AMADvwL/AAcACgB5ALAAACUDIwMzNzMXJyM3AREwNDU0JicXLgEnMS4BJyMuASMqATkBOAExIgYHMwYHBgcGBxU+ATczPgEzMToBMzIWFzEeARUwFBUxFSMmIiMiBgczDgEVHAEVNRQwFRQWFyceARcxHgEXMx4BMzoBMzE4ATEyNjcjPgE3MRczJw4BDwEOAQcjMCIjIiYnMS4BJzEuASc1LgE1OAE5ATQwNTQ2NzE+ATcxPgE3Mz4BMzoBMzEzFQJA6i7pcynIK0mMRgKABgUBBQ8JChcNAQ0eDwECChMKAhMREBAPDA0fEQMOIBACBAIQHgwKC04DBwQfOBgBFBcEBAEECwcIEwoBCxoOAQIBEiIQAhMfDQE7Qg0eEQELGg4BAQEHDgYGCQQEBQICAQMCAwgGBg4IAQgUCwEBAVPAAj/9wXNzwNH+egEEAgEOGgwBDBMIBwwDBAQBAQIEAwQEBTsGCgQEBAsJChoPAgEhARIPDiwaAQICAQEBCxUKAQoRBwcLBAQFCAYIFg4zaAwWCAEGBwEDAgIGBAQIBQEECwUBAQcOBgYLBAUHAgMCQwAAAAAHAD8AQAPRA0AABwAKAA4AEgAWABoAHgAAJQMjAzM3MxcnIzclMxEjExcHJzcHFzcDNycHFyc3FwJA6i7pcynIK0mMRgHBQEAkLbUtrS21La0ttS2tLbUtwAI//cFzc8DR7/0AAvEttS21LbUt/dMttS21LbUtAAABAMAAQANAA0AAMgAAASEqASMiBgczDgEHMw4BBxUOARUcARUxFBYXNR4BFzEeARczHgEzOgEzMREzETMRMxEzA0D+YAIFAhgsFQIUJA8BDxYIBgcJBwgXDg4hEwEULRgCBAFcgFxoA0AHBgYUDAwdEQEPIhICBQITJBABER4MDRUHCAf+cwKr/VUCqwAAAAAC//EAswQEAtwABQALAAABLQEnCQEBDQEXCQEBn/8AAQBR/qMBXQEJAQD/AFABXf6jAQDIxk7+7P7rAdzIxk0BFAEUAAYAQABAA8ADQAADAB8AIgAlADgATAAAAREhEQU6ATMyFhcxDgEjKgEjMSoBIyImJzE+ATM6ATMHNxcxNxcBITIWFTEVFAYjISImNTE1NDYzESEyFhUxFRQGIzEhIiY1MTU0NjMBAAIA/qsBAgIVHgMDHhUCAgEBAwEVHwICHxUBAwFcTUh0bf22AwoZIiIZ/PYZIiIZAwoZIiIZ/PYZIiIZAoD+gAGAShwUFRsbFRQc9lBQgIACACIZChkiIhkKGSL9gCIZChkiIhkKGSIAAAAHAEAAgAPAAwAAEgApAD0AQQBeAGEAZAAAATMyFhUxFRQGKwEiJjUxNTQ2MxEzMhYVMRUUBiMxIzgBMSImPQE0NjMxASEyFhUxFRQGIzEhIiY1MTU0NjMDESERBTAyMzIWFzEOASMqATkBKgExIiYnMT4BMzAyMzEHNxcjNxcCu8oZIiIZyhkiIhnJGSIiGckYIyIZ/cADChkiIhn89hkiIhk7AcD+1gEBFB0BAR0UAQEBARQdAQEdFAEBUUNAA2hgAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAgD+gAGAShwUFBwcFBQc9lBQgIAAAAAHAEAAgAPAAwAAEwAtAEEARQBaAF0AYAAAEzMyFhUxFRQGIzEjIiY1MTU0NjMRMzIWFTEVFDAxFAYjOAExIyImNTE1NDYzMREhMhYVMRUUBiMxISImNTE1NDYzAREhEQUwMjMyFhcxDgEjIiYnMT4BMzoBMwc3Fyc3F3vKGSIiGcoZIiIZyhkiIhnKGSIiGQMKGSIiGfz2GSIiGQGFAcD+1gEBFB0BAx0VFB0DAR0UAQEBUURABGVjAwAiGQoZIiIZChki/wAiGQkBGSIiGQoZIv8AIhkKGSIiGQoZIgIA/oABgEocFBQbGxQUHPZPUAGAgAAABAAAAAAEAAOAAAMAIAAjACYAABMRIREFOgEzMhYXMQ4BIyoBIzEqASMiJicxPgEzOgEzMQM3FzUbAQAEAP1UAQEBL0MBAUMvAQEBAQEBL0MBAUMvAQEBt5uR6NoDgPyAA4CsQS8vQUEvL0H9xbe7BAEn/tQAAAAABQAAAIAEAAMAABMAKgA+AEEARQAAEyEyFhUxFRQGIyEiJjUxNTQ2MzEBITIWFTEVFAYjMSE4ATEiJj0BNDYzMREhMhYVMRUUBiMxISImNTE1NDYzJwcRBzMVIzsDihkiIhn8dhkiIhkBwAHJGSIiGf43GCMiGQHKGSIiGf42GSIiGbvAgICAAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIaEBQIBAAAAAAgDAAAADgAOAACQASQAAJTEqASMiJy4BJyYnNDc+ATc2MzIXHgEXFhUxBgcOAQcGIyoBIzU6ATMyNz4BNzY3MTQnLgEnJiMiBw4BBwYVFhceARcWMzoBMzECIAEDAUc/P14bHAExMHw5OREROTl8MDEBHBtePz9HAQMBAQIBNS8vRxQVASYlXisqCgoqK14lJgEVFEcvLzUBAgEAGxpdPj5HR2BfrTw8PDytX2BHRz4+XRobVRQURi4vNTVKSYUvLy8vhUlKNTUvLkYUFAAAAAEBswBIAowC9gADAAAlEyMDAhN5X3pIAq79UgABAAABgQQAAgAAFQAAEyEyFhUxFRQGIyE4ATEiJj0BNDYzMTsDihkiIhn8dhgjIhkCACIZCRkiIhgKGSIAAAAAAwAAAL8EAALBADgAPAB5AAAlIiYnFzUzHgE7ATIWMzI2PwEuASMqASMzDgEHNyM1PgE7ATI2MzIXHgEXFhcVBgcOAQcGIyImIzMBIRUhJw4BBzcjFQ4BFRQWFzEVMx4BMzI2NwczFQ4BKwEiBiMiJy4BJyYnNTY3PgE3NjMyFjMjMhYXJxUjLgEnIwLcKUshAj0TKxcBAwkEQF4IAQhfQAQJBAEYLBQCPSBKKAEDCQU2MTBKFxcEBBcXSjAxNgUJBAH+kQEl/ttJFywUAjwSExMSPBMrFxgsFAI9IEooAQMJBTYxMEoXFwQEFxdKMDE2BQkEASlLIQI9EysXAcAUEgFbCAoBVD4BP1QBCgkBWxEUARQURS8vNQE2Ly9FFBQBAUCA0wEKCQEpES0ZGi0RKAgKCgkBWxEUARQURS8vNQE2Ly9FFBQBFBIBWwkJAQAABQAaAIAEAAMAABIAKAA8AEYAdAAAASEyFhUxFRQGIyEiJjUxNTQ2MxEhMhYVMRUUBiMhOAExIiY9ATQ2MzERITIWFTEVFAYjMSEiJjUxNTQ2MwM1Iw4BByMVNxUTNSM3PgE3MTY0NTQmJzEuASMiBiMzMCIxIgYHMQ4BBzEXPgE7ATIVDgEHMQcVATsCihkiIhn9dhkiIhkCihkiIhn9dhgjIhkCihkiIhn9dhkiIhm2EA4kFAEvVVYvCg0CAQsJCxkOAgICAQEKFAgIDQQbBRUMAR8CCwlJAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiAQjlEBsKJxyl/oAkRw4gEgEBAQwWBwgJAQUGBA4JFgsOGhAbC2kMAAUAAACABAADAAATACoAPgBBAEUAABMhMhYVMRUUBiMhIiY1MTU0NjMxASEyFhUxFRQGIzEhOAExIiY9ATQ2MzERITIWFTEVFAYjMSEiJjUxNTQ2MyUXERUzFSM7A4oZIiIZ/HYZIiIZAcAByRkiIhn+NxgjIhkByhkiIhn+NhkiIhn+BcCAgAMAIhkKGSIiGQoZIv8AIhkJGSIiGAoZIv8AIhkKGSIiGQoZIiGhAUCAQAAAAAYAAP/ABAADwAAdADsAPwBDAEcASwAAASIHDgEHBhUUFx4BFxYzMjc+ATc2NTE0Jy4BJyYjESInLgEnJjU0Nz4BNzYzMhceARcWFTEUBw4BBwYjAyEVIREhFSEbARcDNxMXAwIAal1eiygoKCiLXl1qal1eiygoKCiLXl1qUEVGaR4eHh5pRkVQUEVGaR4eHh5pRkVQwAGA/oABgP6AQEo2SkpKN0sDwCgoi15dampdXosoKCgoi15dampdXosoKPyAHh5pRkVQUEVGaR4eHh5pRkVQUEVGaR4eAUBAAQBA/tsB5Rv+GxsB5Rr+GgAAAAUAAACABAADAAATADMASABoAH8AABMhMhYVMRUUBiMhIiY1MTU0NjMxATMyMDEyFhU4ATkBFRQwMRQGIzgBMSMiJjUxNTQ2MzEBITIWFTEVFAYjMSEiJjUxNTQ2MzEBMzIwMTIWFTgBOQEVFDAxFAYjOAExIyImNTE1NDYzMTsBMhYVMRUUBiMxIzgBMSImPQE0NjMxOwOKGSIiGfx2GSIiGQEACQEZIiIZChkiIhn/AAOKGSIiGfx2GSIiGQHACQEZIiIZChkiIhnACRkiIhkJGCMiGQMAIhkKGSIiGQoZIv8AIhkJARkiIhkKGSL/ACIZChkiIhkKGSIBACIZCQEZIiIZChkiIhkJGSIiGAoZIgAAAAEAwACAA0ADAABHAAA3MDIxMjY1OAE5ATU0NjMxIQcOARUUFjMyNjcxNz4BNTQmLwEuASMiBhUUFh8BITgBMSIHDgEHBhU4ATkBFTgBMRQWMzgBOQHoARAYXUMBB4QGBhgQCA8FyAYGBgbIBQ8IEBgGBoT++DIrLEETExcRgBcRoEJehAUOCRAYBwXIBQ8ICA8FyAYGFxEIDgaEExJCKywyoBEXAAAAAAIAQAAAA4ADgAAeADwAAAEHMzIWFRQGKwEiJjUxNTQ2MzIWFTEVNx4BFxUUNgcBNyMiJjU0NjsBMhYVMRUUBiMiJj0BBy4BJzU0BjcDgOdHExoaE7MTGhoTEhvmGCIGBgb8wOdHExoaE7MTGhoTEhvmGCIGBgYDQOYbEhMaGhOzExoaE0fnBSMXAQkPBv0A5hsSExoaE7MTGhoTR+cFIxcBCQ8GAAAAAAEAgAA+A38DQADGAAAlIiMHPgE3Iz4BNzU+AT8BPgE1PAE1MTwBNTQmJxcuAScjLgEnIy4BIyoBIzEqASMiBgc3DgEHMQ4BDwEOARUcARU1FDAxFBYXNR4BFyceAR8BHgEfASciKwEVMBQxFBYXMR4BMzoBOQEhNS4BJxUuAS8BLgEnNS4BNTwBOQE8ATU0NjcVPgE3MT4BNzM+ATMyFhcjHgEXIx4BHwEeARUcARUxMBQVFAYHNw4BBzUOAQ8BDgEHIxUhOgExMjY3MT4BNTA0OQE1AvYXFy0ZLBQBFCIPDhcIAQcJEA8BDikYARk6IAIgSSYBAgEBAgEmSSICIjwZGSgOAQ4PCQgIFw8BDyITARMsFwItFxaKBgYFDwgBAQEZFSYQER4MAQwVBwcICwoJHBERJxYBFjEZGjEYAxgoEQESGwkBCQsIBwEIFA0MHhEBECUVAQEZAQEJDgYFBqgFCRgPDyQUARQuGAMXNhwBAQEBAQEmRyACITcXFiMMDQ0ODQENJBcXNx8CH0YmAQIBAQEdNxoCGi8UARUkDwEOGAkBBkABCA4FBQaRBA8MAQ0eEQESKBcCFjEaAQEBAwEcNBgBFicPDxcICAgICAcYDw8mFgEXNBwBAwEBARoyGAMYKhIBEh4MAQsPBI8GBQUOCAFAAAAAAAIBFQAWA+kCnQALAD0AACUnNyMHJyMXBzM3FwU1Izc+ATc1PAE1NCYnIy4BIyoBIzMqASMiBgc3DgEPARc+ATcxPgEzMTIVDgEHMQcVAsy7q111al2dq2FygAGBj1IQFQMQDQEPJxUCBAIBAQEBEB0NAQwRBAEgBQ0ICBMLOQMSD3PI8OWhoeXwq6uwLYAWNB0BAQMBEyEMCw0IBwEHFAwBGgkNBQUGMxowE7AKAAAAAgEVAMgD6QONAAsAPQAAJSc3IwcnIxcHMzcXATUjNz4BNzU8ATU0JicjLgEjKgEjMTAiIyIGBzMOAQcVFz4BNzE+ATcxMhUOAQc1BxUCzLurXXVqXZ2rYXKAAYGPUhAVAxANARAoFgEDAQIBEB0NAQwRBCAEDQgIFAo5AhMPcsjw5aGh5fCrqwFQLYAWNB0BAQMBEyEMDQ4IBwYUDAEaCA4FBQUBMxsvFAGxCgAAAAAGAEAAQAPAAwAAAwAHAAsADwATABcAABMhFSElIRUhBSEVISUhFSEFIRUhJSEVIUABov5eAd4Bov5e/iIBov5eAd4Bov5e/iIBov5eAd4Bov5eAwDAwMBAwMDAQMDAwAACAIAAQQOAA0AALgBfAAABMhYVMBQVFAYHNQchMhYVFAYjIRceARUcATkBFAYjIiYnNScuATU0NjcxNz4BMwExFx4BFRQGBzEHDgEjMSImNTA0MTQ2NzE3IQYmNTQ2MyEnLgE1PAE5ATQ2MzIWFxUBEBQcCAYOAiwUHBwU/dQOBwccFAsRBmAGCAgGYAYRCwIAYAcHBwdgBhELFBwIBg791hQcHBQCLA4HBxwUCxEGA0AmGgEBDBYKARMmGhomEwkWDAEBGiYKCAGACRcNDBcKgAgL/m2ACRcNDBcKgAgKJRsBDRYJEwEmGhomEwkWDAEBGiYKCAEAAAQBAACAAwEDAAADAAcACwAPAAABJzcXFzcnBwMHFzc3FwcnASkp6ynDKuwpwynrKcMq7CkCACfZJtom2ib+pibaJ9kn2ScAAAIA0P/AAxADDgA5AD0AAAEcARUUFhcxHgEzMjYzIzoBMzI2NxU+ATU8ATUVESMRHAEVFAYHMQ4BIyoBIzEqASMiJjU0NjUxESMDNSEVARIfGx5LKgUKBQEDBwMsTR8cIVgUERIxGwIEAgEEAzVLAVhCAkABTAMHAylJGhgcAR0aARtIKgMGAwEBwP5GAQQCGy8SERRLNQIDAgG2/Lc4OAABAMAAgANAAwAANgAAJSImNTE1NCYjMSEXHgEVFAYjIiYnMScuATU0Nj8BPgEzMhYVFAYHMQchMhceARcWFTEVFAYjMQMYEBdeQv73hAYGGBAIDwXIBgYGBsgFDwgQGAYGhAEIMissQRMTFxGAFxGgQl6EBQ4JEBgHBcgFDwgIDwXIBgYXEQgOBoQTE0EsLDGgERcABgAAAIAEAAMAABIAKAA8AFAAcACEAAATITIWFTEVFAYjISImNTE1NDYzESEyFhUxFRQGIyE4ATEiJj0BNDYzMREhMhYVMRUUBiMxISImNTE1NDYzIzMyFhUxFRQGIzEjIiY1MTU0NjMRMzIwMTIWFTgBOQEVFDAxFAYjOAExIyImNTE1NDYzMREzMhYVMRUUBiMxIyImNTE1NDYz+wLKGSIiGf02GSIiGQLKGSIiGf02GCMiGQLKGSIiGf02GSIiGcAKGSIiGQoZIiIZCQEZIiIZChkiIhkKGSIiGQoZIiIZAwAiGQoZIiIZChki/wAiGQkZIiIYChki/wAiGQoZIiIZChkiIhkKGSIiGQoZIgEAIhkJARkiIhkKGSIBACIZChkiIhkKGSIAAAAAAwBeAE4DrwMdAKcBUgFwAAAlMzUjKgEjIiYnMS4BNTwBNTE0NzY1NjQ1NCYnFS4BJzE1PgE3MT4BNTwBJxU0JyY1PAE1NDY3MT4BMzIWMzEzNSMwIiMiBgczDgEHMQ4BDwEOARUcARU1FBcWFxYXFhUwFDEUBgcxDgEHMQ4BByMOASMqASMxFToBMzIWFyMeARcxHgEXFR4BFzEUBwYHBgcGFRwBFRQWFyceARcxHgEXMx4BMzoBMyMFMzoBMTI2NyM+ATcxPgE3MT4BNTQmNTE0JyYnJicmNTgBMTQ2NxU+ATcxPgE3NT4BMzAyMzE1KgExIiYnFy4BJzEuASc1LgE1OAE5ATQ3Njc2NzY3PAE1NCYnFS4BJzEuAS8BLgEjKgEjMSMVMzoBMzIWFzEeARUUBhUxFAcGFRwBFRQWFyMeARczFQ4BBzEOARUcARU1FBcWFRwBFRQGBzcOASMqASMxIxUlMzc2NzY3MxYXFh8BMyc3IwcGBwYHIyYnJi8BIxcBBC0TAQMCChIGBQYCAgEIBgcWDQ0WBwcHAQICBgUGEgoCAwETLQIBCxYKAQoQBgYKAgEDAwECAQEBAQECAgYEBAsGAQcQCAEBAQEBAQgRBwEHCwUDBgICAQECAQECAQEDBAEDCgYGEAkBCRYLAQIBAQHXLQEBDBYLAgoQBgcJAwMEAQEBAQIBAQIBAgYEBAsHBxAJAgEBAgkQCAEGCwUEBgIBAgECAQEBAQEEAwMJBwYQCQEJFgsBAQEtEwIDAQsRBwUGAQICBwcBCBUNAQ4VCAYHAgIFBgEHEQsBAwIT/mVcOgkJCAoDCwkKCjtgioJcNAgICAkDCwgJCTZgglE0CAcKFgwCBAIkISIoAgQDDx0NAQsPAwMDDwsMHRACBQIBKCIiJAEFAgwWCgYJATUDAwIKBwcSCQEMGg0BAgIBFxITEhESEhQBBgsFBgkEBQcDAwM6AwMDBwUECgUBBQsHFBESEhETExYBAgEOGwwBChIHBwkDAgMDAwIDCQcHEgoMGg4BAgEWExISERISFAYMBgEGCgQFBwIBAgM7AwMBAwcFBAoFAQQMBhUREhIRExMWAQIBDhoNAgsSBwYKAgECAzQIBwkXCwMEAiQhIigCBAMPHQ0KDwMDAw8LDB0QAgQDASgiISQCBAMMFgoBBwg0c2kSERIUFBIREmnj3WMQEBEUFBARD2TaAAAEAAAAQAQAA0AAIwA3AFwAXwAAASEiBw4BBwYVMREUFx4BFxYzMSEyNz4BNzY1MRE0Jy4BJyYjExQGIzEhIiY1MRE0NjMxITIWFTEFMQcOASMwIjkBKgEjIiYnMTU+ATM6ATMxMhYXIxceARUUBgcVJzcnAwD+ADUvLkYUFBQURi4vNQIANS8uRhQUFBRGLi81gEs1/gA1S0s1AgA1S/7pmgYNCAEBAgESGwICGxIBAgEIDgcBmgoNDQqACAsDQBQURi4vNf8ANS8uRhQUFBRGLi81AQA1Ly5GFBT+ADVLSzUBADVLSzWjVgMEGRKqEhkEBFUEEwwLEwQBHgUGAAAACgBAAAADwAOAAA8AJQAzAEEAUgBnAHgAjgCfALUAAAEjIiY1NDYzMTMyFhUUBiMnDgEjIiY1NDY3MTc+ATMyFhUUBgcxASImNTQ2MzIWFTEUBiM1IgYVFBYzMjY1MTQmIzUiJjUxNTQ2MzIWFTEVFAYjBycuATU0NjMyFh8BHgEVFAYjIiYnFxQGIzEjIiY1NDYzMTMyFhUHPgEzMhYVFAYHMQcOASMiJjU0NjcxJTIWFTEVFAYjIiY1MTU0NjM3Fx4BFRQGIyImJzEnLgE1NDYzMhYXA4hwFyEhF3AXISEXmggUCxchCAdQBxULFyEJB/7DRmJiRkZiYkYXISEXFyEhFxchIRcXISEX7k8HCSEXCxUHUAcIIRcLFAgOIRdwFyEhF3AXIQ4IFAsXIQgHUAcVCxchCQcBPRchIRcXISEX7k8HCCEXCxQHUAcIIRcLFAgBiCEXFyEhFxch1gcIIRcLFAhPBwkhFwsVB/5qYkZGYmJGRmLgIRcXISEXFyGoIRdwFyEhF3AXIUJQBxULFyEJB08IFAsXIQgHnhchIRcXISEXngcIIRcLFAhPBwkhFwsVBw4hF3AXISEXcBchQlAHFAsXIQgHTwgUCxchCAcAAAAAAQAAAAEAAIeeNh1fDzz1AAsEAAAAAADWD0mdAAAAANYPSZ3/8f/ABAQDwAAAAAgAAgAAAAAAAAABAAADwP/AAAAEAP/x//wEBAABAAAAAAAAAAAAAAAAAAAALgQAAAAAAAAAAAAAAAIAAAAEAAAABAAAAAQAAAAEAAEZBAAAwAQAAEAEAABABAAAgAQAAEAEAABABAAAQAQAAD8EAAA/BAAAwAQA//EEAABABAAAQAQAAEAEAAAABAAAAAQAAMAEAAGzBAAAAAQAAAAEAAAaBAAAAAQAAAAEAAAABAAAwAQAAEAEAACABAABFQQAARUEAABABAAAgAQAAQAEAADQBAAAwAQAAAAEAABeBAAAAAQAAEAAAAAAAAoAFAAeAGwAugEIAXgBxAImApIDPAOOA8QD+ATUBRAFWAV6BeIGYAbaBxYHcAfYB+YIBgiuCUAJmgoSCpwK8AtEDEAMmAzwDSANnA3ADhAOWg7wELYRNhIgAAAAAQAAAC4BcQAKAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAgAAAABAAAAAAACAAcAaQABAAAAAAADAAgAOQABAAAAAAAEAAgAfgABAAAAAAAFAAsAGAABAAAAAAAGAAgAUQABAAAAAAAKABoAlgADAAEECQABABAACAADAAEECQACAA4AcAADAAEECQADABAAQQADAAEECQAEABAAhgADAAEECQAFABYAIwADAAEECQAGABAAWQADAAEECQAKADQAsFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMFJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AclJlZ3VsYXIAUgBlAGcAdQBsAGEAclJlZGFjdG9yAFIAZQBkAGEAYwB0AG8AckZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("truetype");
  font-weight: normal;
  font-style: normal;
}
[class^=re-icon-], [class*=" re-icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "Redactor" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.re-icon-aligncenter:before {
  content: "\e900";
}

.re-icon-alignment:before,
.re-icon-alignleft:before {
  content: "\e901";
}

.re-icon-alignright:before {
  content: "\e902";
}

.re-icon-bold:before {
  content: "\e903";
}

.re-icon-bookmark:before {
  content: "\e904";
}

.re-icon-clips:before {
  content: "\e905";
}

.re-icon-codesnippets:before {
  content: "\e906";
}

.re-icon-deleted:before {
  content: "\e907";
}

.re-icon-expand:before {
  content: "\e908";
}

.re-icon-file:before {
  content: "\e909";
}

.re-icon-fontcolor:before {
  content: "\e90a";
}

.re-icon-fontfamily:before {
  content: "\e90b";
}

.re-icon-fontsize:before {
  content: "\e90c";
}

.re-icon-format:before {
  content: "\e90d";
}

.re-icon-html:before {
  content: "\e90e";
}

.re-icon-imagecenter:before {
  content: "\e90f";
}

.re-icon-imageleft:before {
  content: "\e910";
}

.re-icon-imageright:before {
  content: "\e911";
}

.re-icon-image:before {
  content: "\e822";
}

.re-icon-indent:before {
  content: "\e913";
}

.re-icon-inline:before {
  content: "\e914";
}

.re-icon-italic:before {
  content: "\e915";
}

.re-icon-line:before,
.re-icon-horizontalrule:before {
  content: "\e916";
}

.re-icon-link:before {
  content: "\e917";
}

.re-icon-ol:before,
.re-icon-ordered:before {
  content: "\e918";
}

.re-icon-outdent:before {
  content: "\e919";
}

.re-icon-properties:before {
  content: "\e91a";
}

.re-icon-readmore:before {
  content: "\e91b";
}

.re-icon-redo:before {
  content: "\e91c";
}

.re-icon-retract:before {
  content: "\e91d";
}

.re-icon-specialcharacters:before {
  content: "\e91e";
}

.re-icon-sub:before {
  content: "\e91f";
}

.re-icon-sup:before {
  content: "\e920";
}

.re-icon-table:before {
  content: "\e921";
}

.re-icon-textdirection:before {
  content: "\e922";
}

.re-icon-toggle:before {
  content: "\e923";
}

.re-icon-underline:before {
  content: "\e924";
}

.re-icon-undo:before {
  content: "\e925";
}

.re-icon-ul:before,
.re-icon-lists:before,
.re-icon-unordered:before {
  content: "\e926";
}

.re-icon-variable:before {
  content: "\e927";
}

.re-icon-video:before {
  content: "\e928";
}

.re-icon-widget:before {
  content: "\e929";
}

.redactor-box,
.redactor-box textarea {
  z-index: auto;
}

.redactor-box {
  position: relative;
  box-sizing: border-box;
}
.redactor-box.redactor-styles-on {
  margin: 0;
  padding: 0;
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.075);
  border-radius: 3px;
  box-shadow: none;
}
.redactor-box.redactor-inline {
  position: static;
}

.redactor-focus.redactor-styles-on,
.redactor-focus:focus.redactor-styles-on {
  border-color: #82b7ec !important;
}

.redactor-over:hover.redactor-styles-on {
  border-color: #ee698a !important;
}

.redactor-source-view,
.redactor-source-view.redactor-styles-on {
  border-color: #000 !important;
}

.redactor-in {
  position: relative;
  overflow: auto;
  white-space: normal;
  box-sizing: border-box;
}
.redactor-in:focus {
  outline: none;
}

.redactor-inline .redactor-in {
  overflow: hidden;
}

.redactor-in *,
.redactor-read-only * {
  outline: none !important;
}

.redactor-in h1:empty,
.redactor-in h2:empty,
.redactor-in h3:empty,
.redactor-in h4:empty,
.redactor-in h5:empty,
.redactor-in h6:empty,
.redactor-in p:empty,
.redactor-in blockquote:empty,
.redactor-in div[data-redactor-tag=br]:empty,
.redactor-in div[data-redactor-tag=tbr]:empty {
  min-height: 1.5em;
}
.redactor-in div[data-redactor-tag=br],
.redactor-in div[data-redactor-tag=tbr] {
  margin-top: 0;
  margin-bottom: 0;
}
.redactor-in strong:empty, .redactor-in b:empty, .redactor-in em:empty, .redactor-in i:empty, .redactor-in span:empty, .redactor-in sup:empty, .redactor-in sub:empty, .redactor-in u:empty, .redactor-in ins:empty {
  display: inline-block;
  min-width: 1px;
  min-height: 1rem;
}
.redactor-in table {
  empty-cells: show;
}
.redactor-in li figure {
  width: auto;
  display: inline-block;
  margin: 0;
  vertical-align: top;
}
.redactor-in figcaption:focus,
.redactor-in figure code:focus,
.redactor-in figure pre:focus,
.redactor-in table td:focus,
.redactor-in table th:focus {
  outline: none;
}
.redactor-in figure[data-redactor-type=line] {
  margin-top: 1em;
  padding: 6px 0;
  vertical-align: baseline;
}
.redactor-in figure[data-redactor-type=line] hr {
  margin: 0;
  height: 3px;
  border: none;
  background: rgba(0, 0, 0, 0.1);
}

.redactor-script-tag {
  display: none !important;
}

.redactor-component {
  position: relative;
}

.redactor-component[data-redactor-type=widget]:before,
.redactor-component[data-redactor-type=video]:before {
  width: 100%;
  height: 100%;
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
}

.redactor-component[data-redactor-type=image],
.redactor-component[data-redactor-type=widget] {
  clear: both;
}

.redactor-component[data-redactor-type=variable] {
  white-space: nowrap;
  background: rgba(0, 125, 255, 0.75);
  color: #fff;
  display: inline-block;
  padding: 3px 6px;
  line-height: 1;
  border-radius: 4px;
  cursor: pointer;
}

.redactor-component-active {
  outline: 5px solid rgba(0, 125, 255, 0.5) !important;
}

.redactor-component-active[data-redactor-type=image] {
  outline: none !important;
}
.redactor-component-active[data-redactor-type=image] img {
  outline: 5px solid rgba(0, 125, 255, 0.5) !important;
}

.redactor-component-active[data-redactor-type=variable] {
  outline: none !important;
  background: #ee698a;
}

.redactor-component-active[data-redactor-type=video] {
  outline: none !important;
}
.redactor-component-active[data-redactor-type=video] iframe {
  outline: 5px solid rgba(0, 125, 255, 0.5) !important;
}

.redactor-blur.redactor-styles-on .redactor-component-active {
  outline: 5px solid #ddd !important;
}
.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image] {
  outline: none !important;
}
.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=image] img {
  outline: 5px solid #ddd !important;
}
.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video] {
  outline: none !important;
}
.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=video] iframe {
  outline: 5px solid #ddd !important;
}
.redactor-blur.redactor-styles-on .redactor-component-active[data-redactor-type=variable] {
  outline: none !important;
  background: #ddd;
}

.redactor-component-caret {
  position: absolute;
  left: -9999px;
}

.redactor-textnodes-wrapper {
  display: inline-block;
}

#redactor-image-resizer {
  position: absolute;
  z-index: 1051;
  background-color: rgba(0, 125, 255, 0.9);
  width: 13px;
  height: 13px;
  border: 1px solid #fff;
  cursor: move;
  cursor: nwse-resize;
}

.redactor-file-item {
  display: inline-block;
  line-height: 1;
  padding: 4px 12px;
  border-radius: 16px;
  border: 1px solid rgba(0, 0, 0, 0.2);
}

.redactor-file-remover {
  margin-left: 2px;
  position: relative;
  right: -3px;
  display: inline-block;
  padding: 0 3px;
  cursor: pointer;
  opacity: 0.5;
}
.redactor-file-remover:hover {
  opacity: 1;
}

#redactor-overlay {
  position: fixed;
  z-index: 1051;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(16, 16, 18, 0.3);
}
#redactor-overlay > .redactor-close {
  position: fixed;
  top: 1rem;
  right: 1rem;
}

.redactor-source,
.redactor-source:hover,
.redactor-source:focus {
  text-align: left;
  box-sizing: border-box;
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  width: 100%;
  display: block;
  margin: 0;
  border: none;
  box-shadow: none;
  border-radius: 0;
  background: #252525;
  color: #ccc;
  font-size: 15px;
  outline: none;
  padding: 10px 18px 20px 18px;
  line-height: 1.5;
  resize: vertical;
}
body[dir=rtl] .redactor-source,
body[dir=rtl] .redactor-source:hover,
body[dir=rtl] .redactor-source:focus {
  text-align: right;
}

.redactor-box[dir=rtl] .redactor-source {
  direction: ltr;
}

.redactor-placeholder:before {
  position: absolute;
  content: attr(placeholder);
  color: rgba(0, 0, 0, 0.4);
  font-weight: normal;
  cursor: text;
}

.redactor-in figcaption[placeholder]:empty:before {
  content: attr(placeholder);
  color: rgba(0, 0, 0, 0.4);
  font-weight: normal;
}

.redactor-in figcaption[placeholder]:empty:focus:before {
  content: "";
}

.redactor-statusbar {
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
  margin: 0;
  padding: 8px 10px;
  position: relative;
  overflow: hidden;
  list-style: none;
  background: #f8f8f8;
  box-sizing: border-box;
  border: none;
}
.redactor-statusbar li {
  float: left;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.5);
  padding: 0 10px;
  line-height: 16px;
  border-right: 1px solid rgba(0, 0, 0, 0.1);
}
.redactor-statusbar li:last-child {
  border-right-color: transparent;
}
.redactor-statusbar a {
  color: rgba(0, 0, 0, 0.5);
  text-decoration: underline;
}
.redactor-statusbar a:hover {
  color: #f03c69;
  text-decoration: underline;
}
.redactor-statusbar:empty {
  display: none;
}

.redactor-toolbar-wrapper {
  position: relative;
}

.redactor-toolbar,
.redactor-air {
  z-index: 100;
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  position: relative;
  margin: 0 !important;
  padding: 0;
  list-style: none !important;
  line-height: 1 !important;
  background: none;
  border: none;
  box-sizing: border-box;
}

.redactor-box.redactor-styles-on .redactor-toolbar {
  padding: 18px 16px 0 16px;
}

.redactor-toolbar a,
.redactor-air a {
  display: inline-block;
  box-sizing: border-box;
  font-size: 14px;
  text-align: center;
  padding: 10px 15px 9px 15px;
  cursor: pointer;
  outline: none;
  border: none;
  vertical-align: middle;
  text-decoration: none;
  zoom: 1;
  position: relative;
  color: rgba(0, 0, 0, 0.85);
  border-radius: 2px;
  background: rgba(255, 255, 255, 0.97);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);
  margin-right: 5px;
  margin-bottom: 4px;
}

.redactor-toolbar a.re-button-icon,
.redactor-air a.re-button-icon {
  font-size: 16px;
  padding: 9px 15px 6px 15px;
}

.redactor-toolbar a:hover,
.redactor-air a:hover {
  outline: none;
  color: #fff;
  background: #449aef;
}

.redactor-toolbar a.redactor-button-active {
  background: rgba(245, 245, 245, 0.95);
  color: rgba(0, 0, 0, 0.4);
}

.redactor-toolbar a.redactor-button-disabled,
.redactor-air a.redactor-button-disabled {
  opacity: 0.3;
}
.redactor-toolbar a.redactor-button-disabled:hover,
.redactor-air a.redactor-button-disabled:hover {
  color: #333;
  outline: none;
  background-color: transparent !important;
  cursor: default;
}

.redactor-source-view .redactor-toolbar {
  background: #252525;
}
.redactor-source-view .redactor-toolbar a {
  background: #000;
  color: #fff;
}
.redactor-source-view .redactor-toolbar a:hover {
  background: #449aef;
}
.redactor-source-view .redactor-toolbar a.redactor-button-disabled:hover {
  color: #fff !important;
  background-color: #000 !important;
}

.re-button-tooltip {
  display: none;
  position: absolute;
  white-space: nowrap;
  top: 0;
  z-index: 1052;
  background: rgba(0, 0, 0, 0.9);
  border-radius: 3px;
  padding: 5px 9px;
  color: rgba(255, 255, 255, 0.8);
  font-size: 12px;
  line-height: 1;
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
}
.re-button-tooltip:after {
  bottom: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: none;
  border-bottom-color: rgba(0, 0, 0, 0.9);
  border-width: 4px;
  margin-left: -4px;
}

.redactor-toolbar-wrapper-air {
  position: absolute;
  z-index: 100;
}

.redactor-air {
  padding: 6px 3px 2px 8px;
  max-width: 576px;
  min-width: 200px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.97);
}

.redactor-air a {
  background: rgba(37, 37, 37, 0.95);
  box-shadow: none;
  color: rgba(255, 255, 255, 0.9);
}

.redactor-air a:hover {
  background: #3d79f2;
}

.redactor-air a.redactor-button-active {
  background-color: rgba(255, 255, 255, 0.15);
  color: #fff;
}

.redactor-air a.redactor-button-disabled:hover {
  color: #fff;
}

.redactor-air-helper {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 1;
  font-size: 15px;
  color: #000;
  background: rgba(255, 255, 255, 0.85);
  border-bottom-left-radius: 4px;
  padding: 7px 10px 6px 10px;
  cursor: pointer;
}
.redactor-air-helper:hover {
  background: #fff;
}

.redactor-voice-label {
  display: none;
}

.redactor-context-toolbar {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1051;
  background-color: rgba(0, 0, 0, 0.95);
  color: #555;
  border-radius: 4px;
  padding: 6px 18px 7px 18px;
  line-height: 1.5;
  font-family: Consolas, Menlo, Monaco, "Courier New", monospace;
}
.redactor-context-toolbar a {
  font-size: 12px;
  color: #ccc;
  text-decoration: none;
  display: inline-block;
  padding: 2px 0 1px 12px;
}
.redactor-context-toolbar a:first-child {
  padding-left: 0;
}
.redactor-context-toolbar a i {
  position: relative;
  top: 3px;
  font-size: 16px;
}
.redactor-context-toolbar a:before {
  content: "";
  padding-left: 10px;
  border-left: 1px solid rgba(255, 255, 255, 0.3);
}
.redactor-context-toolbar a:hover {
  color: #fff;
}
.redactor-context-toolbar a:first-child:before {
  padding-left: 0;
  border-left: none;
}

.redactor-context-toolbar[dir=rtl] a {
  padding: 2px 12px 1px 0;
}
.redactor-context-toolbar[dir=rtl] a:first-child {
  padding-right: 0;
}
.redactor-context-toolbar[dir=rtl] a:before {
  padding-left: 0px;
  padding-right: 10px;
  border-right: 1px solid rgba(255, 255, 255, 0.3);
  border-left: none;
}
.redactor-context-toolbar[dir=rtl] a:first-child:before {
  padding-right: 0;
  border-right: none;
}

.redactor-dropdown {
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  display: none;
  position: absolute;
  z-index: 1051;
  background-color: #fff;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
  border-radius: 2px;
  width: 264px;
  min-height: 40px;
  max-height: 250px;
  margin: 0;
  margin-top: -1px;
  overflow: auto;
  font-size: 15px;
  padding: 0;
}
.redactor-dropdown a span {
  display: inline-block;
  line-height: 1;
  padding: 2px 4px;
  border-radius: 3px;
}
.redactor-dropdown a {
  display: block;
  text-decoration: none;
  padding: 10px 8px;
  white-space: nowrap;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.redactor-dropdown a:last-child {
  border-bottom-color: transparent;
}
.redactor-dropdown a {
  color: #000;
}
.redactor-dropdown a:hover {
  color: #fff !important;
  background-color: #449aef !important;
}
.redactor-dropdown a.redactor-dropdown-item-disabled {
  color: rgba(0, 0, 0, 0.4);
  background: #fff;
}

.redactor-dropdown-cells {
  margin: 10px auto;
}
.redactor-dropdown-cells a, .redactor-dropdown-cells span {
  float: left;
  cursor: pointer;
  box-sizing: border-box;
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.redactor-dropdown-selector {
  display: flex;
  text-align: center;
}
.redactor-dropdown-selector span {
  flex-grow: 1;
  font-size: 12px;
  padding: 8px;
  cursor: pointer;
}
.redactor-dropdown-selector span:hover {
  background: #eee;
}
.redactor-dropdown-selector span.active {
  cursor: text;
  color: rgba(0, 0, 0, 0.3);
  background: #eee;
}

.redactor-dropdown-format .redactor-dropdown-item-blockquote {
  color: rgba(0, 0, 0, 0.4);
  font-style: italic;
}
.redactor-dropdown-format .redactor-dropdown-item-pre {
  font-family: monospace, sans-serif;
}
.redactor-dropdown-format .redactor-dropdown-item-h1 {
  font-size: 40px;
  font-weight: bold;
  line-height: 32px;
}
.redactor-dropdown-format .redactor-dropdown-item-h2 {
  font-size: 32px;
  font-weight: bold;
  line-height: 32px;
}
.redactor-dropdown-format .redactor-dropdown-item-h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 24px;
}
.redactor-dropdown-format .redactor-dropdown-item-h4 {
  font-size: 21px;
  font-weight: bold;
  line-height: 24px;
}
.redactor-dropdown-format .redactor-dropdown-item-h5 {
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
}
.redactor-dropdown-format .redactor-dropdown-item-h6 {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 24px;
}

.redactor-modal-box {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 1051;
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
  line-height: 24px;
}

.redactor-modal {
  position: relative;
  margin: 16px auto;
  padding: 0;
  background: #fff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.07), 0 2px 15px rgba(80, 80, 80, 0.25);
  border-radius: 3px;
  color: #000;
}
.redactor-modal form {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.redactor-modal input, .redactor-modal select, .redactor-modal textarea {
  box-sizing: border-box;
  display: block;
  width: 100%;
  font-family: inherit;
  font-size: 16px;
  height: 40px;
  outline: none;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #cacfd4;
  border-radius: 0.1875em;
  box-shadow: none;
  padding: 0 0.5em;
}
.redactor-modal textarea {
  padding: 0.5em;
  height: auto;
  line-height: 1.5;
  vertical-align: top;
}
.redactor-modal select {
  -webkit-appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="9" height="12" viewBox="0 0 9 12"><path fill="rgba(0, 0, 0, .4);" d="M0.722,4.823L-0.01,4.1,4.134-.01,4.866,0.716Zm7.555,0L9.01,4.1,4.866-.01l-0.732.726ZM0.722,7.177L-0.01,7.9,4.134,12.01l0.732-.726Zm7.555,0L9.01,7.9,4.866,12.01l-0.732-.726Z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 0.65em center;
  padding-right: 28px;
}
.redactor-modal select[multiple] {
  background-image: none;
  height: auto;
  padding: 0.5em 0.75em;
}
.redactor-modal input[type=file] {
  width: auto;
  border: none;
  padding: 0;
  height: auto;
  background: none;
  box-shadow: none;
  display: inline-block;
}
.redactor-modal input[type=radio], .redactor-modal input[type=checkbox] {
  display: inline-block;
  width: auto;
  height: auto;
  padding: 0;
  vertical-align: middle;
  position: relative;
  bottom: 0.15rem;
  font-size: 115%;
  margin-right: 3px;
}
.redactor-modal .form-item {
  margin-bottom: 20px;
}
.redactor-modal .form-item:last-child {
  margin-bottom: 0;
}
.redactor-modal fieldset {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  padding: 16px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.redactor-modal fieldset .form-item {
  margin-bottom: 12px;
}
.redactor-modal label {
  display: block;
  color: #555;
  margin-bottom: 0.25em;
  font-size: 14px;
}
.redactor-modal label .desc, .redactor-modal label .success, .redactor-modal label .error {
  text-transform: none;
  font-weight: normal;
}
.redactor-modal label.checkbox {
  font-size: 16px;
  line-height: 1.5;
  cursor: pointer;
  color: inherit;
}
.redactor-modal .form-checkboxes label.checkbox {
  display: inline-block;
  margin-right: 1em;
}
.redactor-modal input:hover, .redactor-modal textarea:hover, .redactor-modal select:hover {
  outline: none;
  background-color: #fff;
  border-color: #969fa9;
  box-shadow: none;
}
.redactor-modal input:focus, .redactor-modal textarea:focus, .redactor-modal select:focus {
  transition: all linear 0.2s;
  outline: none;
  background-color: #fff;
  border-color: rgba(0, 125, 255, 0.5);
  box-shadow: 0 0 3px rgba(0, 125, 255, 0.5);
}
.redactor-modal input.error, .redactor-modal textarea.error, .redactor-modal select.error {
  background-color: rgba(255, 50, 101, 0.1);
  border: 1px solid #ff7f9e;
}
.redactor-modal input.error:focus, .redactor-modal textarea.error:focus, .redactor-modal select.error:focus {
  border-color: #ff3265;
  box-shadow: 0 0 1px #ff3265;
}
.redactor-modal input.success, .redactor-modal textarea.success, .redactor-modal select.success {
  background-color: rgba(47, 196, 182, 0.1);
  border: 1px solid #65dacf;
}
.redactor-modal input.success:focus, .redactor-modal textarea.success:focus, .redactor-modal select.success:focus {
  border-color: #2fc4b6;
  box-shadow: 0 0 1px #2fc4b6;
}
.redactor-modal input:disabled, .redactor-modal input:disabled:hover, .redactor-modal input.disabled, .redactor-modal input.disabled:hover, .redactor-modal textarea:disabled, .redactor-modal textarea:disabled:hover, .redactor-modal textarea.disabled, .redactor-modal textarea.disabled:hover, .redactor-modal select:disabled, .redactor-modal select:disabled:hover, .redactor-modal select.disabled, .redactor-modal select.disabled:hover {
  resize: none;
  opacity: 0.6;
  cursor: default;
  font-style: italic;
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid #cacfd4;
  box-shadow: none;
  background-color: #fff;
}
.redactor-modal .req {
  position: relative;
  top: 1px;
  font-weight: bold;
  color: #ff3265;
  font-size: 110%;
}
.redactor-modal .desc {
  color: rgba(51, 51, 51, 0.5);
  font-size: 12px;
}
.redactor-modal span.desc {
  margin-left: 0.25em;
}
.redactor-modal div.desc {
  margin-top: 0.25em;
}
.redactor-modal span.success, .redactor-modal span.error {
  font-size: 12px;
  margin-left: 0.25em;
}
.redactor-modal div.desc {
  margin-bottom: -0.5em;
}
.redactor-modal .redactor-close {
  position: absolute;
  top: 16px;
  right: 12px;
  font-size: 30px;
  line-height: 30px;
  padding: 0px 4px;
  color: #000;
  opacity: 0.3;
  cursor: pointer;
}
.redactor-modal .redactor-close:hover {
  opacity: 1;
}
.redactor-modal .redactor-close:before {
  content: "×";
}
.redactor-modal button {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  text-align: center;
  font-family: inherit;
  font-size: 15px;
  font-weight: 500;
  color: #007dff;
  background-color: #fff;
  border-radius: 3px;
  border: 2px solid #007dff;
  min-height: 40px;
  outline: none;
  padding: 0.5em 1.25em;
  cursor: pointer;
  line-height: 1.2;
  vertical-align: middle;
  -webkit-appearance: none;
}
.redactor-modal button:hover {
  outline: none;
  text-decoration: none;
  background: none;
  color: rgba(0, 125, 255, 0.6);
  border-color: rgba(0, 125, 255, 0.5);
}
.redactor-modal button.redactor-button-secondary {
  border-color: #2a2e34;
  color: #2a2e34;
}
.redactor-modal button.redactor-button-secondary:hover {
  color: rgba(42, 46, 52, 0.6);
  border-color: rgba(42, 46, 52, 0.5);
}
.redactor-modal button.redactor-button-danger, .redactor-modal button.redactor-button-unstyled {
  background: none;
  border-color: transparent;
  color: rgba(42, 46, 52, 0.6);
}
.redactor-modal button.redactor-button-danger:hover, .redactor-modal button.redactor-button-unstyled:hover {
  background: none;
  border-color: transparent;
  color: #ff3265;
  text-decoration: underline;
}
.redactor-modal .redactor-modal-group:after {
  content: "";
  display: table;
  clear: both;
}
.redactor-modal .redactor-modal-side {
  float: left;
  width: 30%;
  margin-right: 4%;
}
.redactor-modal .redactor-modal-side img {
  max-width: 100%;
  height: auto;
  display: block;
}
.redactor-modal .redactor-modal-area {
  float: left;
  width: 66%;
}

.redactor-modal[dir=rtl] .redactor-close {
  left: 12px;
  right: auto;
}
.redactor-modal[dir=rtl] textarea {
  direction: ltr;
  text-align: left;
}
body[dir=rtl] .redactor-modal[dir=rtl] textarea {
  text-align: right;
}
.redactor-modal[dir=rtl] .redactor-modal-footer button.redactor-button-unstyled {
  float: left;
  margin-left: 0;
}

.redactor-modal-header {
  padding: 20px;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #000;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}
.redactor-modal-header:empty {
  display: none;
}

.redactor-modal-body {
  padding: 32px 48px;
  padding-bottom: 40px;
}

.redactor-modal-footer {
  padding: 24px;
  border-top: 1px solid rgba(0, 0, 0, 0.05);
  overflow: hidden;
}
.redactor-modal-footer button {
  margin-right: 4px;
}
.redactor-modal-footer button.redactor-button-unstyled {
  margin-right: 0;
  float: right;
}
.redactor-modal-footer:empty {
  display: none;
}

.redactor-modal-tabs {
  display: flex;
  border-bottom: 2px solid rgba(0, 0, 0, 0.05);
  margin-bottom: 1em;
}
.redactor-modal-tabs a {
  font-size: 15px;
  padding: 2px 0;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.5);
  border-bottom: 2px solid transparent;
  margin-bottom: -2px;
  margin-right: 14px;
}
.redactor-modal-tabs a:hover {
  transition: all linear 0.2s;
}
.redactor-modal-tabs a:hover, .redactor-modal-tabs a.active {
  font-weight: 500;
  color: #007dff;
  border-bottom-color: #007dff;
}

.upload-redactor-box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  border: 5px dashed rgba(0, 125, 255, 0.15);
  position: relative;
  width: 100%;
  min-height: 220px;
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  text-align: center;
}

.upload-redactor-placeholder {
  font-size: 15px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.3);
  font-style: italic;
}

.upload-redactor-hover {
  background-color: rgba(0, 125, 255, 0.075);
}

.upload-redactor-error {
  background-color: rgba(255, 50, 101, 0.075);
}

.upload-redactor-box-hover {
  outline: 5px dashed rgba(0, 125, 255, 0.3);
}

.upload-redactor-box-error {
  outline: 5px dashed rgba(255, 50, 101, 0.3);
}

.redactor-structure h1, .redactor-structure h2, .redactor-structure h3, .redactor-structure h4, .redactor-structure h5, .redactor-structure h6, .redactor-structure div {
  position: relative;
}
.redactor-structure h1:before, .redactor-structure h2:before, .redactor-structure h3:before, .redactor-structure h4:before, .redactor-structure h5:before, .redactor-structure h6:before, .redactor-structure div:before {
  width: 24px;
  position: absolute;
  font-size: 10px;
  font-weight: normal;
  opacity: 0.5;
  left: -26px;
  top: 50%;
  margin-top: -7px;
  text-align: right;
}
.redactor-structure h1:before {
  content: "h1";
}
.redactor-structure h2:before {
  content: "h2";
}
.redactor-structure h3:before {
  content: "h3";
}
.redactor-structure h4:before {
  content: "h4";
}
.redactor-structure h5:before {
  content: "h5";
}
.redactor-structure h6:before {
  content: "h6";
}
.redactor-structure div:before {
  content: "div";
}

#redactor-progress {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000000;
  height: 10px;
}

#redactor-progress span {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #007dff;
  background-size: 40px 40px;
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.redactor-box-fullscreen {
  z-index: 1051;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
}

.redactor-box-fullscreen-target {
  position: absolute !important;
}

.redactor-body-fullscreen .redactor-dropdown,
.redactor-body-fullscreen .redactor-context-toolbar {
  z-index: 1052;
}

.redactor-body-fullscreen #redactor-overlay {
  z-index: 1098;
}

.redactor-body-fullscreen #redactor-modal {
  z-index: 1099;
}

dfn.iconified.icon-help-circle,
a.iconified.icon-help-circle,
.info-icon {
  color: #009ee2;
  cursor: default;
  top: 5px;
  margin-left: 6px;
  overflow: hidden;
  text-decoration: none;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 10px;
  border-style: none;
  background-image: none;
  filter: none !important;
  outline: none !important;
  width: 1.3em;
  cursor: default;
  text-overflow: initial !important;
  line-height: 22px;
  height: 22px;
  width: 22px;
  font-style: normal;
  font-weight: normal;
}
dfn.iconified.icon-help-circle:active,
a.iconified.icon-help-circle:active,
.info-icon:active {
  box-shadow: none;
}
dfn.iconified.icon-help-circle:hover,
a.iconified.icon-help-circle:hover,
.info-icon:hover {
  text-decoration: none;
}
dfn.iconified.icon-help-circle:before,
a.iconified.icon-help-circle:before,
.info-icon:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
dfn.iconified.icon-help-circle:before,
a.iconified.icon-help-circle:before,
.info-icon:before {
  font-family: fontello;
  content: "\e819" !important;
  text-align: center;
  width: 100%;
  font-style: normal;
  font-size: 22px;
}
dfn.iconified.icon-help-circle:hover, dfn.iconified.icon-help-circle.tooltip-active-click,
a.iconified.icon-help-circle:hover,
a.iconified.icon-help-circle.tooltip-active-click,
.info-icon:hover,
.info-icon.tooltip-active-click {
  color: color-mix(in lch, colour-link, black 80%);
}

.add-measure-menu {
  border-top: solid 1px rgba(0, 0, 0, 0.5);
  margin-top: 1em;
}
.add-measure-menu li {
  border-bottom: solid 1px rgba(0, 0, 0, 0.5);
}
.add-measure-menu li a {
  padding: 0.2em 2em 0.2em 0;
  display: block;
  position: relative;
  color: black;
  cursor: default;
}
.add-measure-menu li a .iconified {
  position: absolute;
  right: 0;
  top: 0.35em;
  margin: 0;
  font-size: 1.2em;
  font-style: normal;
}

.measures + .button-bar {
  margin-bottom: 3em;
}
.measures .measure {
  margin-bottom: 1em;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative;
  background: white;
}
.measures .measure.pat-checklist {
  padding: 30px;
}
.measures .measure.pat-checklist label {
  -webkit-user-select: none;
  user-select: none;
  margin-bottom: 1em;
  font-weight: bold;
}
.measures .measure.pat-checklist label .untick {
  color: gray;
  font-weight: normal;
  font-size: 0.8em;
  margin-bottom: -5px;
  display: inline-block;
}
.measures .measure.pat-checklist .pat-grid-list {
  margin: 0;
  transition: opacity 0.5s;
  font-size: 0.8em;
  line-height: 1.3;
}
.measures .measure.pat-checklist.unchecked .untick {
  display: none;
}
.measures .measure.pat-checklist.unchecked .pat-grid-list {
  opacity: 0.2;
}
.measures .measure.open.in-progress .functions,
.measures .measure .functions {
  position: absolute;
  top: 0;
  right: 0;
  padding: 30px 0 0 0;
  line-height: 1em;
  margin-right: 2em;
  font-size: 0.8em;
  opacity: 0;
  white-space: nowrap;
  width: 60%;
  -moz-transition: opacity 0.2s;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
.measures .measure.open.in-progress .functions a,
.measures .measure .functions a {
  display: inline-block;
  padding-left: 1em;
  cursor: default;
  color: rgba(0, 0, 0, 0.6);
  max-width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  float: right;
}
.measures .measure.open.in-progress .functions a:hover,
.measures .measure .functions a:hover {
  color: black;
}
@media only screen and (max-width: 767px) {
  .measures .measure.open.in-progress .functions a,
  .measures .measure .functions a {
    width: 1em;
    overflow: hidden;
    height: 1.3em;
    margin-right: 0.5em;
    line-height: 1.3em;
  }
}
.measures .measure.open .functions {
  opacity: 1;
}
.measures .measure h2 {
  font-size: 1em;
  padding: 30px 140px 30px 60px;
  line-height: 1em;
  cursor: default;
  margin-bottom: 0;
  border-radius: 10px;
  position: relative;
  transition: padding 0.4s;
}
.measures .measure h2:before {
  position: absolute;
  left: 30px;
  top: 50%;
  margin-top: -10px;
}
.measures .measure.pat-collapsible.closed h2, .measures .measure.pat-collapsible.open.in-progress h2 {
  padding: 10px 140px 8px 60px;
}
.measures .measure.pat-collapsible.closed:hover {
  box-shadow: var(--pat-form-panel-box-shadow-hover);
}
.measures .measure.pat-collapsible > *:first-child:before {
  content: "▼";
  text-align: center;
  width: 1.5em;
  display: inline-block;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.measures .measure.pat-collapsible.closed > *:first-child:before {
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.measures .measure.pat-collapsible > .panel-content {
  padding-top: 1em;
  padding-bottom: 1em;
}
.measures .measure.pat-collapsible > *:first-child {
  font-weight: normal;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.measures .measure.pat-collapsible .panel-content {
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-top: 0 !important;
}

.pat-checklist.measures-in-place label.unchecked + .label-fragment-description {
  display: none;
  position: absolute;
  bottom: -20px;
  transform: translateY(100%);
  left: 1.5em;
  right: 1em;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
  padding: 1em;
  margin: 0;
  background-color: white;
  box-sizing: border-box;
  border-radius: 10px;
  z-index: 1;
  pointer-events: none;
  animation: fadeIn 0.25s;
}
.pat-checklist.measures-in-place label.unchecked + .label-fragment-description:before {
  content: " ";
  height: 20px;
  width: 20px;
  top: -11px;
  display: block;
  background-color: white;
  border: 1px solid silver;
  z-index: 0;
  position: absolute;
  transform: rotate(45deg);
  box-shadow: rgba(0, 0, 0, 0.19922) 0px 0px 10px;
}
.pat-checklist.measures-in-place label.unchecked + .label-fragment-description:after {
  content: " ";
  position: absolute;
  background-color: white;
  top: 0;
  right: 0;
  left: 0;
  display: block;
  height: 1em;
  z-index: 1;
  border-radius: 10px;
}
.pat-checklist.measures-in-place label.unchecked:hover + .label-fragment-description {
  display: block;
}
.pat-checklist.measures-in-place label.checked + .label-fragment-description {
  display: block;
  margin-bottom: 8px;
  margin-top: 8px;
}
.pat-checklist.measures-in-place .label-fragment-description {
  font-size: 0.9em;
  line-height: 1.4;
}
.pat-checklist.measures-in-place .label-fragment-description > *:last-child,
.pat-checklist.measures-in-place .label-fragment-description div > *:last-child {
  margin-bottom: 0;
}
.pat-checklist.measures-in-place.pat-clone label.clone,
.pat-checklist.measures-in-place.pat-clone .label.clone {
  margin: 15px 0;
}
.pat-checklist.measures-in-place.pat-clone label.clone:before, .pat-checklist.measures-in-place.pat-clone label.clone:after,
.pat-checklist.measures-in-place.pat-clone .label.clone:before,
.pat-checklist.measures-in-place.pat-clone .label.clone:after {
  display: none;
}
.pat-checklist.measures-in-place.pat-clone label.clone .remove-clone,
.pat-checklist.measures-in-place.pat-clone .label.clone .remove-clone {
  position: absolute;
  top: 4px;
  left: -26px;
  background-color: transparent;
  font-size: 1em;
}
.pat-checklist.measures-in-place.pat-clone label.clone .remove-clone:before,
.pat-checklist.measures-in-place.pat-clone .label.clone .remove-clone:before {
  content: "\e829";
  color: rgba(0, 0, 0, 0.6);
}
.pat-checklist.measures-in-place.pat-clone label.clone:hover .remove-clone:before,
.pat-checklist.measures-in-place.pat-clone .label.clone:hover .remove-clone:before {
  content: "\f1f8";
}
.pat-checklist.measures-in-place.pat-clone label.clone:hover .remove-clone:hover:before,
.pat-checklist.measures-in-place.pat-clone .label.clone:hover .remove-clone:hover:before {
  color: black;
}
.pat-checklist.measures-in-place.pat-clone.add-measure-in-place-other {
  display: none;
  animation: fadeIn 1s;
}
.pat-checklist.measures-in-place.pat-clone.add-measure-in-place-other + .button-bar {
  display: none;
}
.pat-checklist.measures-in-place.pat-clone.add-measure-in-place-other.has-value {
  display: block;
}
.pat-checklist.measures-in-place.pat-clone.add-measure-in-place-other.has-value + .button-bar {
  display: block;
}
.pat-checklist.measures-in-place.pat-clone.has-value .legend {
  display: none;
}

.pat-modal-pop-over {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 440px;
  max-height: 80%;
  padding: 0;
  background: white;
  border: solid 1px silver;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  z-index: 11;
  transition: opacity 0.5s;
  overflow: auto;
}
.pat-modal-pop-over.pat-collapsible {
  animation: none;
}
.pat-modal-pop-over.closed {
  opacity: 0;
  pointer-events: none;
}
.pat-modal-pop-over.open {
  opacity: 1;
}
.pat-modal-pop-over .title,
.pat-modal-pop-over .collapsible-open,
.pat-modal-pop-over .collapsible-closed {
  font-size: 1.2em;
  font-weight: bold;
  margin: 0;
  padding: 20px;
}
.pat-modal-pop-over .title:before,
.pat-modal-pop-over .collapsible-open:before,
.pat-modal-pop-over .collapsible-closed:before {
  font-family: fontello;
  content: "\e899";
  display: block;
  position: absolute;
  right: 20px;
  top: 20px;
  font-size: 20px;
  color: black;
  text-indent: 0;
  opacity: 0.4;
}
.pat-modal-pop-over .title:hover:before,
.pat-modal-pop-over .collapsible-open:hover:before,
.pat-modal-pop-over .collapsible-closed:hover:before {
  opacity: 1;
}
.pat-modal-pop-over .panel-content {
  padding: 0 20px 20px 20px !important;
  position: relative;
  z-index: 1;
}
.pat-modal-pop-over .panel-content:before {
  display: none;
}
.pat-modal-pop-over.open + #close-standard-measures {
  display: block;
}

#close-standard-measures {
  opacity: 0;
  display: none;
}
#close-standard-measures:after {
  content: " ";
  position: fixed;
  z-index: 10;
  top: -1000px;
  left: -1000px;
  right: -1000px;
  bottom: -1000px;
  cursor: default;
}

.pat-pick-list {
  display: table;
  width: 100%;
}
.pat-pick-list .item {
  display: table-row;
}
.pat-pick-list .item.checked {
  display: none;
}
.pat-pick-list .item input {
  display: none;
}
.pat-pick-list .item .text,
.pat-pick-list .item .functions {
  display: table-cell;
  padding: 4px 0;
  vertical-align: middle;
  line-height: 1.3;
}
.pat-pick-list .item .text {
  font-size: 18px;
  padding-right: 6px;
}
.pat-pick-list .item .functions .pat-button {
  background-color: green;
  color: white;
  float: right;
  cursor: default;
  height: 24px;
  line-height: 23px;
  font-style: normal;
  font-weight: normal;
  padding-left: 4px;
  padding-right: 7px;
}
.pat-pick-list .item .functions .pat-button:before {
  color: white;
}
.pat-pick-list .item .functions .pat-button:hover {
  background-color: darkgreen;
  color: white !important;
}

.oira-steps > li {
  display: block;
  position: relative;
  border-radius: 10px;
}
.oira-steps > li:not(.active):hover > a {
  color: black;
  text-decoration: underline;
}
.oira-steps > li.injecting > * {
  opacity: 1;
}
.oira-steps > li.injecting:before {
  display: none;
}
.oira-steps > li.disabled {
  opacity: 0.3;
}
.oira-steps > li.active {
  background: #efefef;
  border-left: 5px solid #D40E16;
  margin-left: -5px;
}
.oira-steps > li > a:not(.onscreen-help) {
  padding: 0.8em 22px 0.8em 3rem;
  display: block;
  font-weight: bold;
  position: relative;
}
.oira-steps > li > a:not(.onscreen-help) .pie-graph {
  margin-left: 10px;
  top: 2px;
  float: right;
}
.oira-steps > li > a:not(.onscreen-help) .discrete {
  opacity: 0.5;
  font-size: 0.8em;
  font-style: normal;
}
.oira-steps > li > a:not(.onscreen-help):active {
  color: black;
}
.oira-steps > li > a:not(.onscreen-help):before {
  font-family: fontello;
  font-size: 0.9em;
  content: "•";
  float: left;
  text-align: center;
  font-weight: normal;
  position: absolute;
  top: 50%;
  left: 1.4rem;
  transform: translateY(-50%);
  width: 1rem;
}
.oira-steps > li > a:not(.onscreen-help).preparation:before {
  content: "\e8ff";
}
.oira-steps > li > a:not(.onscreen-help).identification:before {
  content: "\e86a";
}
.oira-steps > li > a:not(.onscreen-help).action-plan:before {
  content: "\e8aa";
}
.oira-steps > li > a:not(.onscreen-help).consultancy:before {
  content: "\e883";
  font-size: 1.1em;
}
.oira-steps > li > a:not(.onscreen-help).report:before {
  content: "\f15b";
  font-size: 0.8em;
}
.oira-steps > li > a:not(.onscreen-help).status:before {
  content: "📈";
  font-size: 0.8em;
}
.oira-steps > li > a:not(.onscreen-help).home:before {
  content: "\e899";
  font-size: 19px;
}
.oira-steps > li > a:not(.onscreen-help).settings:before {
  content: "\e804";
}
.oira-steps > li > a:not(.onscreen-help).help:before {
  content: "\e802";
}
.oira-steps > li > a:not(.onscreen-help).training:before {
  content: "\e84c";
}
.oira-steps > li > a:not(.onscreen-help).involve:before {
  content: "\f0e6";
}
.oira-steps > li .location-tag {
  padding-left: 3rem;
  padding-top: 0.5em;
}
.oira-steps > li#status {
  margin-top: 2em;
}

.osc-off #steps > li .topics .module-title {
  display: block;
}

@media only screen and (max-width: 767px) {
  .focus-document #steps .topics {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .osc-s-on #steps .topics {
    opacity: 0.5;
    pointer-events: none;
  }
}
@media only screen and (max-width: 767px) {
  .osc-s-on #steps .topics {
    opacity: 0.5;
    pointer-events: none;
  }
}
.tool-tiles {
  margin: -20px;
}
.tool-tiles .grid-sizer {
  width: 50%;
}
.tool-tiles .tool-tile {
  float: left;
  border: 20px solid transparent;
  box-sizing: border-box;
  margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
  .tool-tiles .tool-tile {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .tool-tiles .tool-tile {
    width: 100%;
  }
}
.tool-tiles .tool-tile .tool-info .summary {
  margin-bottom: 18px;
  font-size: 16px;
  line-height: 1.2;
}

.pat-message + .tool-tiles {
  margin-top: 30px;
}

.tool-tile {
  padding: 30px;
  display: block;
  position: relative;
  z-index: 1;
  margin-bottom: 1rem;
}
.tool-tile:after {
  content: " ";
  display: table;
  clear: both;
}
.tool-tile:before {
  background: white;
  border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: -1;
}
.tool-tile .tool-icon {
  float: left;
  width: 25%;
  box-shadow: none;
  margin-bottom: 0;
}
.tool-tile .tool-info {
  float: right;
  width: 75%;
  padding-left: 30px;
  box-sizing: border-box;
}
.tool-tile .tool-info .tool-title {
  font-size: 22px;
  line-height: 1.1;
  margin-bottom: 25px;
  font-weight: 300;
  font-stretch: condensed;
  font-weight: bold;
  margin-bottom: 14px;
}
.tool-tile .tool-info .tool-title a {
  display: block;
}
.tool-tile .tool-info .tool-tags {
  margin-bottom: 10px;
  font-size: 16px;
}
.tool-tile .tool-info .tool-tags .tag {
  font-size: 14px;
}
.tool-tile .tool-info .tool-tags + .button-bar {
  margin-top: 26px;
}
.tool-tile .tool-info .button-bar {
  margin: 0;
}
.tool-tile .tool-info .summary {
  margin-bottom: 1rem;
  font-size: 1.2rem;
  line-height: 1.3;
}

.tool-info-sheet {
  max-width: 1000px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .tool-info-sheet .tool-meta-data {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .tool-info-sheet .tool-meta-data {
    padding-right: 90px;
    width: 35%;
    box-sizing: border-box;
    float: left;
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
  }
}
.tool-info-sheet .tool-meta-data .tool-tags {
  margin-bottom: 15px;
}
@media only screen and (min-width: 768px) {
  .tool-info-sheet .tool-description {
    width: 65%;
    float: left;
  }
}
.tool-info-sheet .tool-description h1 {
  margin: 0 0 0.5em 0;
}
.tool-info-sheet .tool-description .tool-summary {
  font-weight: bold;
}
.tool-info-sheet .tool-description .tool-text {
  margin-bottom: 40px;
}
.tool-info-sheet .tool-description .tool-text .body {
  overflow: auto;
  position: relative;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
.tool-info-sheet .tool-description .tool-text .body.show-less {
  height: 150px;
}
.tool-info-sheet .tool-description .tool-text .body.show-more .more-bar {
  display: none;
}
.tool-info-sheet .tool-description .tool-text .body::-webkit-scrollbar {
  display: none;
}
.tool-info-sheet .tool-description .tool-text .body .more-bar {
  position: sticky;
  bottom: 0;
  opacity: 0;
  margin: 0;
  margin-bottom: 1px;
  pointer-events: none;
  background: linear-gradient(0deg, #efefef 50px, rgba(239, 239, 239, 0) 100%);
  overflow: hidden;
  padding-top: 100px;
  margin-top: -135px;
}
.tool-info-sheet .tool-description .tool-text .body .more-bar.bumped-bottom {
  opacity: 1;
  pointer-events: auto;
}
.tool-info-sheet .tool-description .tool-text .body .more-bar .pat-button {
  margin: 0;
  float: left;
}

.tool-icon {
  margin-bottom: 20px;
  display: block;
  background: #efefef;
  border-radius: 12%;
  position: relative;
  aspect-ratio: 1/1;
  overflow: hidden;
  box-shadow: inset 0 0 0 2px white;
}
.tool-icon img {
  width: 100%;
  display: block;
  object-fit: cover;
  aspect-ratio: 1/1;
  border-radius: 10px;
}
.tool-icon:not(:has(img)):before {
  font-family: fontello;
  font-size: 50px;
  content: "\e996";
  width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  align-items: center;
  justify-content: center;
  color: black;
  position: absolute;
}
.tool-home-tile a:hover .tool-icon:not(:has(img)):before {
  background-color: rgba(0, 0, 0, 0.01);
  text-decoration: none !important;
}
@media only screen and (max-width: 767px) {
  .tool-icon {
    width: 60%;
    margin: 0 auto 25px;
  }
}

.risk-tree {
  margin: 0;
  padding: 0;
}
.risk-tree li {
  margin: 0;
  padding: 0;
}
.risk-tree li a {
  padding: 5px 5px 5px 0;
  font-size: 16px;
  text-decoration: none;
  display: grid;
  grid-template-columns: 26px auto;
  align-items: start;
  border-radius: 10px;
}
.risk-tree li a:not(.current):hover .title {
  text-decoration: underline;
}
.risk-tree li a.current {
  background-color: color-mix(in lch, colour-link, black 90%);
  color: black;
  cursor: default;
}
.risk-tree li a:before {
  font-family: fontello;
  display: block;
  content: "";
  text-align: center;
  transform: scale(0.9);
}
.risk-tree li a.module:before {
  content: "\f1b3";
}
.risk-tree li a.profile-question:before {
  content: "\e86e";
}
.risk-tree li a.risk:before {
  content: "\e80c";
}
.risk-tree li ol {
  display: none;
}
.risk-tree li ol li {
  padding: 0 0 0 14px;
}
.risk-tree li ol li:first-child {
  margin-top: 5px;
}
.risk-tree li ol li:last-child {
  margin-bottom: 5px;
}
.risk-tree li.current ol, .risk-tree li.navigation-in-path ol {
  display: block;
}

.action-list {
  display: table;
  width: 100%;
}
.action-list .item {
  display: table-row-group;
}
.action-list .item.type-holiday .item-title::before {
  content: "\e849";
}
.action-list .item.type-compensation .item-title::before {
  content: "\e958";
}
.action-list .item.type-sick-care .item-title::before {
  content: "\e95b";
}
.action-list .item.type-sick-leave .item-title::before {
  content: "\e95a";
}
.action-list .item.type-mission .item-title::before {
  content: "\e957";
}
.action-list .item.type-special-leave .item-title::before {
  content: "\e897";
}
.action-list .item.type-short-leave .item-title::before {
  content: "\e959";
}
.action-list .item .field {
  display: table-cell;
  padding: 0.5em 0 0.5em 0;
  vertical-align: middle;
}
.action-list .item .field.actions {
  text-align: right;
}
.action-list .item .field.actions .label {
  background-color: #faa732;
  border-radius: 1em;
  color: #905504;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 15px;
  cursor: default;
  box-sizing: border-box;
  display: inline-block;
  font-size: 0.8em;
  line-height: 1.5;
  margin-left: 0.5em;
  float: right;
  font-style: normal;
}
.action-list .item .field.actions .label.pat-select {
  padding: 0 28px 0em 15px;
}
.action-list .item .field.actions .label:after {
  right: 0;
}
.action-list .item .field.actions .label[data-option=Approved], .action-list .item .field.actions .label[data-option-value=approved], .action-list .item .field.actions .label.status-approved {
  color: rgba(0, 0, 0, 0.7);
  background-color: #A6E300;
}
.action-list .item .field.actions .label[data-option=Rejected], .action-list .item .field.actions .label[data-option-value=rejected], .action-list .item .field.actions .label.status-rejected {
  color: white;
  background-color: red;
}
.action-list .item .field.date time {
  font-weight: bold;
}
.action-list .item .field.item-title {
  position: relative;
  padding-left: 2.5em;
  cursor: pointer;
  box-sizing: border-box;
}
.action-list .item .field.item-title:hover {
  text-decoration: none;
}
.action-list .item .field.item-title:hover .name {
  text-decoration: underline;
}
.action-list .item .field.item-title .name {
  color: #009ee2;
  font-weight: normal;
}
.action-list .item .field.item-title .name strong,
.action-list .item .field.item-title .name time {
  font-weight: bold;
}
.action-list .item .field.item-title:before {
  font-family: fontello;
}
.action-list .item .field.item-title:before,
.action-list .item .field.item-title .pat-avatar {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  font-size: 1.4em;
}
.action-list .item .field.item-title:before {
  color: #D40E16;
}
.action-list .item .field.item-title .pat-avatar {
  font-size: 1em;
}
.action-list .item .field.item-title .byline {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.8em;
  line-height: 1.4;
  display: block;
}
@media only screen and (max-width: 767px) {
  .action-list .item .field.optional {
    display: none;
  }
}

.quaive-audio {
  width: 100%;
}
.quaive-audio audio {
  width: 100%;
  display: block;
}

.activity-stream {
  margin: 0 auto;
  position: relative;
  padding-top: 40px;
}
.activity-stream .pat-masonry .infinite-scrolling-trigger {
  position: absolute;
  padding-top: 400px;
  margin-top: 0;
  bottom: -510px;
  left: 0;
  right: 0;
  border-bottom: 300px solid transparent;
}
.activity-stream .pat-masonry .infinite-scrolling-trigger:before {
  bottom: 10px;
  top: auto;
}
.activity-stream .pat-masonry .infinite-scrolling-trigger.executing {
  opacity: 1;
}
.activity-stream #stream-items.injecting-content-before:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  position: static;
  width: 100%;
  height: 400px;
  line-height: 400px;
  display: block;
  margin: 0;
  padding: 0;
  pointer-events: none;
}
@media only screen and (max-width: 767px) {
  .activity-stream .grid-sizer {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .activity-stream .grid-sizer {
    width: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .activity-stream .grid-sizer {
    width: 33.333332%;
  }
}
.activity-stream.large {
  font-size: 1.5em;
}
@media only screen and (min-width: 768px) {
  .application-workspace .activity-stream, .application-workspaces .activity-stream {
    padding: 0 6%;
  }
  .application-workspace .activity-stream .stream-container.col-,
  .application-workspace .activity-stream .stream-container.col-1, .application-workspaces .activity-stream .stream-container.col-,
  .application-workspaces .activity-stream .stream-container.col-1 {
    max-width: 800px;
    margin: 80px auto;
  }
}
@media only screen and (max-width: 767px) {
  .application-workspace .activity-stream, .application-workspaces .activity-stream {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  .application-workspace #person-timeline .activity-stream, .application-workspaces #person-timeline .activity-stream {
    padding: 0;
    margin: 0 -15px;
  }
}
@media only screen and (max-width: 767px) {
  .application-workspace #person-timeline .activity-stream, .application-workspaces #person-timeline .activity-stream {
    padding: 0;
  }
}
.activity-stream .item {
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -moz-animation: zoomIn 0.5s;
  -webkit-animation: zoomIn 0.5s;
  animation: zoomIn 0.5s;
}
@media only screen and (min-width: 768px) {
  .activity-stream .item {
    margin-bottom: 1.5em;
  }
}
@media only screen and (max-width: 767px) {
  .activity-stream .item {
    margin-bottom: 1.5em;
  }
}
.activity-stream .stream-container {
  margin: 0;
  transition: opacity 1s;
}
.activity-stream .stream-container .tile {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .activity-stream .stream-container .tile {
    position: static !important;
  }
}
@media only screen and (min-width: 768px) {
  .activity-stream .stream-container.col-2, .activity-stream .stream-container.col-3 {
    width: calc(100% + 2em);
    margin-left: -1em;
    margin-right: -1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .activity-stream .stream-container.col-2 .tile, .activity-stream .stream-container.col-3 .tile {
    width: 50%;
  }
  .activity-stream .stream-container.col-2 .tile.col-2, .activity-stream .stream-container.col-3 .tile.col-2 {
    width: 100%;
  }
  .activity-stream .stream-container.col-2 .tile.col-full, .activity-stream .stream-container.col-3 .tile.col-full {
    width: 100%;
  }
}
@media only screen and (min-width: 1280px) {
  .activity-stream .stream-container.col-2 .tile.col-2, .activity-stream .stream-container.col-3 .tile.col-2 {
    width: 66.66665%;
  }
  .activity-stream .stream-container.col-2 .tile.col-full, .activity-stream .stream-container.col-3 .tile.col-full {
    width: 100%;
  }
}
.activity-stream .stream-container:after {
  content: " ";
  display: table;
  clear: both;
}
@media only screen and (min-width: 768px) {
  .activity-stream .stream-container.pat-masonry {
    opacity: 0;
  }
  .activity-stream .stream-container.pat-masonry.masonry-ready {
    opacity: 1;
  }
}
.activity-stream .stream-container.col-3 .tile,
.activity-stream .stream-container.col-3 .grid-sizer {
  font-size: 0.8em;
  padding: 0 1rem;
  width: 33.33333%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sidebar-left-open .activity-stream .stream-container.col-3 .tile,
.sidebar-left-open .activity-stream .stream-container.col-3 .grid-sizer {
  width: 50%;
}
.sidebar-left-open .activity-stream .stream-container.col-3 .tile.col-2, .sidebar-left-open .activity-stream .stream-container.col-3 .tile.col-full,
.sidebar-left-open .activity-stream .stream-container.col-3 .grid-sizer.col-2,
.sidebar-left-open .activity-stream .stream-container.col-3 .grid-sizer.col-full {
  width: 100%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .activity-stream .stream-container.col-3 .tile,
  .activity-stream .stream-container.col-3 .grid-sizer {
    width: 50%;
  }
  .activity-stream .stream-container.col-3 .tile.col-1,
  .activity-stream .stream-container.col-3 .grid-sizer.col-1 {
    width: 50%;
  }
  .activity-stream .stream-container.col-3 .tile.col-2,
  .activity-stream .stream-container.col-3 .grid-sizer.col-2 {
    width: 100%;
  }
  .activity-stream .stream-container.col-3 .tile.col-3,
  .activity-stream .stream-container.col-3 .grid-sizer.col-3 {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .activity-stream .stream-container.col-3 .tile,
  .activity-stream .stream-container.col-3 .grid-sizer {
    width: 100%;
    padding: 0;
  }
}
.activity-stream .stream-container.col-2 .tile,
.activity-stream .stream-container.col-2 .grid-sizer {
  font-size: 0.8em;
  padding: 0;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .activity-stream .stream-container.col-2 .tile,
  .activity-stream .stream-container.col-2 .grid-sizer {
    width: 50%;
    padding: 0 1rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .activity-stream .stream-container.col-2 {
    width: 100%;
  }
}
.activity-stream .stream-container #load-more-stream-items {
  height: 300px;
}
.activity-stream .stream-container #load-more-stream-items a {
  opacity: 0;
}
.activity-stream .functions {
  margin-bottom: 0.5em;
  text-align: right;
}
.activity-stream .functions:after {
  content: " ";
  display: table;
  clear: both;
}
.activity-stream > .functions {
  position: absolute;
  top: 0;
  right: 0;
}
.application-workspace .activity-stream > .functions, .application-workspaces .activity-stream > .functions {
  position: static;
}
.activity-stream > .functions .filters {
  width: auto;
  float: right;
  margin: 0;
}

.advanced-search {
  overflow-x: hidden;
  overflow-y: visible;
}
.advanced-search fieldset.advanced {
  margin-bottom: 1em;
}
.advanced-search .search-rule {
  margin: 0;
  transition: all 0.4s;
  clear: both;
  position: relative;
}
.advanced-search .search-rule.row-1 {
  height: 2em;
}
.view-compact .advanced-search .search-rule {
  height: 4em;
}
.view-compact .advanced-search .search-rule:not(.row-1) {
  display: none;
}
.advanced-search .search-rule select,
.advanced-search .search-rule input,
.advanced-search .search-rule .output-field {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  height: 2em;
  line-height: 2em;
  padding: 0 0.5em;
  width: 100%;
  float: left;
  color: black;
  font-weight: normal;
}
.advanced-search .search-rule .parameters select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.advanced-search .search-rule input,
.advanced-search .search-rule .output-field {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.header.home .advanced-search .search-rule .and-or.pat-select:after {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgLTEuNDk2IDEyIDEwIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIC0xLjQ5NiAxMiAxMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCwwIDQuMjA1LDcuMDA5IDguNDEsMCAiLz4NCjwvc3ZnPg0K);
  color: white;
}
.advanced-search .search-rule [data-option-value=lacks] select {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiIFsNCgk8IUVOVElUWSBuc19mbG93cyAiaHR0cDovL25zLmFkb2JlLmNvbS9GbG93cy8xLjAvIj4NCl0+DQo8c3ZnIHZlcnNpb249IjEuMSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sbnM6YT0iaHR0cDovL25zLmFkb2JlLmNvbS9BZG9iZVNWR1ZpZXdlckV4dGVuc2lvbnMvMy4wLyINCgkgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxMnB4IiBoZWlnaHQ9IjEwcHgiIHZpZXdCb3g9IjAgLTEuNDk2IDEyIDEwIiBvdmVyZmxvdz0idmlzaWJsZSIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIC0xLjQ5NiAxMiAxMCINCgkgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8ZGVmcz4NCjwvZGVmcz4NCjxwb2x5Z29uIGZpbGw9IiNGRkZGRkYiIHBvaW50cz0iMCwwIDQuMjA1LDcuMDA5IDguNDEsMCAiLz4NCjwvc3ZnPg0K);
  color: white;
}
.advanced-search .search-rule .and-or.pat-select.bare {
  width: 100%;
  margin: 1em auto;
  display: inline-block;
  padding: 0 15px;
  color: black;
  font-size: 0.8em;
}
.advanced-search .search-rule .and-or.pat-select.bare:after {
  position: static;
}
.header.home .advanced-search .search-rule .and-or.pat-select.bare {
  color: white;
}
.header.home .advanced-search .search-rule .and-or.pat-select.bare:after {
  color: white;
}
.advanced-search .search-rule .and-or.pat-select.bare select {
  width: auto;
  right: inherit;
  color: black;
}
.header.home .advanced-search .search-rule .and-or.pat-select.bare select {
  color: white;
}
.advanced-search .search-rule .field-choice {
  width: 30%;
  overflow: hidden;
  transition: all 0.4s;
  float: left;
}
.advanced-search .search-rule .field-choice select {
  width: 93%;
}
.view-compact .advanced-search .search-rule .field-choice {
  width: 0 !important;
  margin-left: -100%;
  opacity: 0;
}
.advanced-search .search-rule .field-choice[data-option-value=SearchableText] ~ .parameters.lemma, .advanced-search .search-rule .field-choice[data-option-value=Title] ~ .parameters.lemma, .advanced-search .search-rule .field-choice[data-option-value=content] ~ .parameters.lemma, .advanced-search .search-rule .field-choice[data-option-value=Description] ~ .parameters.lemma, .advanced-search .search-rule .field-choice[data-option-value=author] ~ .parameters.lemma, .advanced-search .search-rule .field-choice[data-option-value=created] ~ .parameters.date, .advanced-search .search-rule .field-choice[data-option-value=effective] ~ .parameters.date, .advanced-search .search-rule .field-choice[data-option-value=modified] ~ .parameters.date {
  display: block;
}
.advanced-search .search-rule .parameters {
  width: calc(70% - 3em);
  transition: width 0.4s;
  float: left;
  position: relative;
  display: none;
}
.view-compact .advanced-search .search-rule .parameters {
  width: 100% !important;
  font-size: 1.93em;
}
.advanced-search .search-rule .parameters [data-option-value=contains] select {
  background-color: lightgreen;
}
.advanced-search .search-rule .parameters [data-option-value=contains-not] select {
  background-color: orange;
}
.advanced-search .search-rule .parameters [data-option-value=equals] select,
.advanced-search .search-rule .parameters [data-option-value=is] select {
  background-color: lightblue;
}
.advanced-search .search-rule .parameters > .pat-select {
  float: left;
  width: 30%;
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.4s;
}
.view-compact .advanced-search .search-rule .parameters > .pat-select {
  margin-left: -100%;
  opacity: 0;
}
.advanced-search .search-rule .parameters input,
.advanced-search .search-rule .parameters .output-field {
  width: 70%;
  border: none;
  padding: 0 0.8em;
  margin: 0;
  border: none;
  z-index: 4;
  box-shadow: none;
  color: black;
  transition: all 0.4s;
  position: absolute;
  top: 0;
  left: 30%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: black;
  background-color: white;
}
.header.home .advanced-search .search-rule .parameters input,
.header.home .advanced-search .search-rule .parameters .output-field {
  background: white;
}
.view-compact .advanced-search .search-rule .parameters input,
.view-compact .advanced-search .search-rule .parameters .output-field {
  width: calc(100% - 18rem);
  height: 62px;
  font-size: 0.95em;
  left: 15px;
}
.view-compact .advanced-search .search-rule .parameters input.lemma-field,
.view-compact .advanced-search .search-rule .parameters .output-field.lemma-field {
  opacity: 0;
  pointer-events: none;
}
.advanced-search .search-rule .remove-clone {
  border: none;
  background: none;
  width: 1.5em;
  height: 2em;
  overflow: hidden;
  margin: 0;
  padding: 0;
  position: absolute;
  right: 15px;
  text-indent: -1000px;
  top: 56px;
}
.advanced-search .search-rule .remove-clone:hover:before {
  color: black;
}
.advanced-search .search-rule .remove-clone:active {
  box-shadow: none !important;
  outline: none;
}
.advanced-search .search-rule .remove-clone:active:before {
  color: #D40E16;
}
.advanced-search .search-rule .remove-clone:before {
  font-family: fontello;
  content: "\e86c";
  color: rgba(0, 0, 0, 0.5);
  position: absolute;
  right: 0;
  text-indent: -1em;
}
.header.home .advanced-search .search-rule .remove-clone:before {
  color: white;
}
.advanced-search .button-bar {
  overflow: hidden;
  transition: all 0.4s;
  height: 2em;
  margin: 0;
}
.header.home .view-extended .advanced-search .button-bar {
  margin-bottom: 2em;
}
.view-compact .advanced-search .button-bar {
  height: 0;
  margin-bottom: 0;
  opacity: 0;
}

.attached-documents .button-bar {
  padding-top: 0.2em;
  z-index: 2;
}
.attached-documents .button-bar > .pat-button {
  font-size: 0.6em;
}
.attached-documents .button-bar > .pat-button:hover {
  text-decoration: none;
}
.attached-documents .show-more-or-less {
  padding-top: 0em;
  margin-bottom: 0;
}
.attached-documents .show-more-or-less a {
  cursor: pointer;
  font-size: 0.8em;
}
.attached-documents .show-more-or-less a .less {
  display: none;
}
.attached-documents.show-more .attachment-list .attached-file {
  display: table;
}
.attached-documents.show-more .show-more-or-less a {
  cursor: pointer;
}
.attached-documents.show-more .show-more-or-less a .more {
  display: none;
}
.attached-documents.show-more .show-more-or-less a .less {
  display: inline;
}
.attached-documents .document {
  margin-bottom: 20px;
}

a {
  color: #009ee2;
  text-decoration: none;
  text-underline-offset: 0.2em;
}
@media only screen and (min-width: 768px) {
  a:hover {
    text-decoration: underline;
  }
}

.annotorious-hint-msg {
  background-color: rgba(0, 0, 0, 0.6);
  margin: 4px;
  padding: 8px 15px 8px 30px;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  line-height: normal;
  font-size: 12px;
  color: #fff;
}

.annotorious-hint-icon {
  position: absolute;
  top: 6px;
  left: 5px;
  background: url(feather_icon.png);
  background-repeat: no-repeat;
  width: 19px;
  height: 22px;
  margin: 2px 4px 0 6px;
}

.annotorious-opacity-fade {
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-delay: 0;
}

.annotorious-item-focus {
  opacity: 1;
}

.annotorious-item-unfocus {
  opacity: 0.4;
}

.annotorious-popup {
  position: absolute;
  top: 0;
  left: 0;
  width: 220px;
  min-height: 26px;
  margin-top: 12px;
  background-color: #fdfdc8;
  border: 1px solid silver;
  outline: none;
  padding: 1em;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition-delay: 0;
  border-radius: 4px;
}

.annotorious-popup-text {
  display: block;
  padding: 5px;
  color: rgba(0, 0, 0, 0.7);
  text-shadow: none;
  line-height: 1.4;
}
.annotorious-popup-text a {
  text-decoration: underline;
  color: #eee;
  background-color: transparent;
}

.annotorious-popup-buttons {
  float: right;
  display: block;
  white-space: nowrap;
  padding-left: 4px;
  transition-property: opacity;
  transition-duration: 1s;
  transition-delay: 0;
}

.annotorious-popup-button {
  text-decoration: none;
  display: inline-block;
  color: #000;
  width: 26px;
  height: 26px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  transition-property: opacity;
  transition-duration: 1s;
  transition-delay: 0;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  cursor: default;
}
.annotorious-popup-button:hover {
  color: black;
}
.annotorious-popup-button:before {
  font-family: fontello;
  position: absolute;
  left: 0;
  text-indent: 0;
  top: 0;
  right: 0;
  text-align: right;
}

.annotorious-popup-button-delete:before {
  content: "\f1f8";
}

.annotorious-popup-button-edit:before {
  content: "\e8aa";
}

.annotorious-popup-field {
  margin: 0px;
  padding: 6px;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 12px;
}

.annotorious-editor {
  position: absolute;
  top: 0;
  left: 0;
  margin-top: 4px;
  background-color: #fdfdc8;
  z-index: 2;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
}

.annotorious-editor-button-container {
  margin: 4px 10px 8px;
  float: left;
}

.annotorious-editor-text {
  border: none;
  background-color: rgba(0, 0, 0, 0.09);
  line-height: 150%;
  margin: 10px 0px 4px 0px;
  padding: 0px 10px;
  min-height: 50px;
  width: 100%;
  min-width: 340px;
  outline: none;
  font-weight: 400;
  color: black;
  text-shadow: none;
  overflow-y: auto;
  display: block;
  resize: none;
}
.annotorious-editor-text:focus {
  outline: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.annotorious-editor-text a:hover {
  color: #eee;
  background-color: transparent;
}

.annotorious-editor-button {
  font-family: "Roboto", sans-serif;
  margin: 0;
  border: none;
  cursor: default;
  border-radius: 10px;
  background-image: none;
  text-decoration: none;
  line-height: var(--pat-button-height);
  white-space: nowrap;
  display: inline-block;
  padding: var(--pat-button-paddings);
  font-size: 1em;
  vertical-align: text-bottom;
  font-weight: var(--pat-button-font-weight);
  box-shadow: none;
  color: #009ee2;
  background-color: rgba(0, 0, 0, 0.08);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  float: right;
}
.annotorious-editor-button:before {
  line-height: inherit;
}
.annotorious-editor-button:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.annotorious-editor-button:hover {
  color: color-mix(in lch, colour-link, black 90%);
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: color-mix(in lch, colour-link, black 90%);
}
.annotorious-editor-button.default {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.annotorious-editor-button.default:hover {
  background-color: #009ee2;
  color: white;
}
.annotorious-editor-button[disabled], .annotorious-editor-button.disabled, .annotorious-editor-button:is(a):not([href]), .annotorious-editor-button.default[disabled], .annotorious-editor-button.default.disabled, .annotorious-editor-button:is(a).default:not([href]) {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
.annotorious-editor-button[disabled]:hover, .annotorious-editor-button.disabled:hover, .annotorious-editor-button:is(a):not([href]):hover, .annotorious-editor-button.default[disabled]:hover, .annotorious-editor-button.default.disabled:hover, .annotorious-editor-button:is(a).default:not([href]):hover {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
@media print {
  .annotorious-editor-button {
    display: none;
  }
}
.annotorious-editor-button.small {
  font-size: 15px;
  padding: 0 12px;
  height: 22px;
  line-height: 20px;
  vertical-align: baseline;
  box-shadow: none;
  font-weight: 600;
}
.annotorious-editor-button.small:before {
  font-size: 15px;
}
.annotorious-editor-button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.annotorious-editor-button.iconified {
  width: 30px;
  padding: 0;
}
.annotorious-editor-button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: 35px;
}
.annotorious-editor-button.link {
  padding: 0;
  display: inline;
  background: none;
  color: #009ee2;
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.annotorious-editor-button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: black;
}
.annotorious-editor-button.no-label {
  padding: 0;
  aspect-ratio: 1/1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.annotorious-editor-button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.annotorious-editor-button:before {
  font-weight: normal;
  margin-right: 5px;
}
.annotorious-editor-button.add:before {
  font-family: fontello;
  content: "\e825";
}

.annotorious-editor-field {
  margin: 0px;
  padding: 6px 0px;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 12px;
}

/** OpenLayers module **/
.annotorious-ol-boxmarker-outer {
  border: 1px solid #000;
}

.annotorious-ol-boxmarker-inner {
  border: 1px solid #fff;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.annotorious-ol-hint {
  line-height: normal;
  font-family: Arial, Verdana, Sans;
  font-size: 16px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.7);
  margin: 0px;
  padding: 9px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
}

body .tiles.apps .app-contacts .link .icon, body .app-promo-tiles .app-promo-tile .app-contacts .link .icon,
body .tiles.apps .app-contacts-classic .link .icon,
body .app-promo-tiles .app-promo-tile .app-contacts-classic .link .icon,
body .tiles.apps .app-groups .link .icon,
body .app-promo-tiles .app-promo-tile .app-groups .link .icon,
body .tiles.apps .app-messages .link .icon,
body .app-promo-tiles .app-promo-tile .app-messages .link .icon,
body .tiles.apps .category-people .link .icon,
body .app-promo-tiles .app-promo-tile .category-people .link .icon,
body .tiles.apps .category-social .link .icon,
body .app-promo-tiles .app-promo-tile .category-social .link .icon {
  background-color: crimson;
}
.app-contacts.app-icon, .app-contacts.portlet .portlet-title a:before,
.app-contacts-classic.app-icon,
.app-contacts-classic.portlet .portlet-title a:before,
.app-groups.app-icon,
.app-groups.portlet .portlet-title a:before,
.app-messages.app-icon,
.app-messages.portlet .portlet-title a:before,
.category-people.app-icon,
.category-people.portlet .portlet-title a:before,
.category-social.app-icon,
.category-social.portlet .portlet-title a:before {
  background-color: crimson;
}

body .tiles.apps .app-calendar .link .icon, body .app-promo-tiles .app-promo-tile .app-calendar .link .icon,
body .tiles.apps .app-tasks .link .icon,
body .app-promo-tiles .app-promo-tile .app-tasks .link .icon,
body .tiles.apps .app-todo .link .icon,
body .app-promo-tiles .app-promo-tile .app-todo .link .icon,
body .tiles.apps .app-jobs .link .icon,
body .app-promo-tiles .app-promo-tile .app-jobs .link .icon,
body .tiles.apps .app-legal-contracts .link .icon,
body .app-promo-tiles .app-promo-tile .app-legal-contracts .link .icon,
body .tiles.apps .app-boilerplate-library .link .icon,
body .app-promo-tiles .app-promo-tile .app-boilerplate-library .link .icon,
body .tiles.apps .app-contracts .link .icon,
body .app-promo-tiles .app-promo-tile .app-contracts .link .icon,
body .tiles.apps .app-assessments .link .icon,
body .app-promo-tiles .app-promo-tile .app-assessments .link .icon,
body .tiles.apps .app-polls .link .icon,
body .app-promo-tiles .app-promo-tile .app-polls .link .icon,
body .tiles.apps .application-workspaces .link .icon,
body .app-promo-tiles .app-promo-tile .application-workspaces .link .icon,
body .tiles.apps .category-productivity .link .icon,
body .app-promo-tiles .app-promo-tile .category-productivity .link .icon {
  background-color: forestgreen;
}
.app-calendar .link .icon svg.calendar-date text,
.app-tasks .link .icon svg.calendar-date text,
.app-todo .link .icon svg.calendar-date text,
.app-jobs .link .icon svg.calendar-date text,
.app-legal-contracts .link .icon svg.calendar-date text,
.app-boilerplate-library .link .icon svg.calendar-date text,
.app-contracts .link .icon svg.calendar-date text,
.app-assessments .link .icon svg.calendar-date text,
.app-polls .link .icon svg.calendar-date text,
.application-workspaces .link .icon svg.calendar-date text,
.category-productivity .link .icon svg.calendar-date text {
  fill: forestgreen !important;
}
.app-calendar .link .icon p.calendar-date,
.app-tasks .link .icon p.calendar-date,
.app-todo .link .icon p.calendar-date,
.app-jobs .link .icon p.calendar-date,
.app-legal-contracts .link .icon p.calendar-date,
.app-boilerplate-library .link .icon p.calendar-date,
.app-contracts .link .icon p.calendar-date,
.app-assessments .link .icon p.calendar-date,
.app-polls .link .icon p.calendar-date,
.application-workspaces .link .icon p.calendar-date,
.category-productivity .link .icon p.calendar-date {
  color: forestgreen !important;
}
.app-calendar.app-icon, .app-calendar.portlet .portlet-title a:before,
.app-tasks.app-icon,
.app-tasks.portlet .portlet-title a:before,
.app-todo.app-icon,
.app-todo.portlet .portlet-title a:before,
.app-jobs.app-icon,
.app-jobs.portlet .portlet-title a:before,
.app-legal-contracts.app-icon,
.app-legal-contracts.portlet .portlet-title a:before,
.app-boilerplate-library.app-icon,
.app-boilerplate-library.portlet .portlet-title a:before,
.app-contracts.app-icon,
.app-contracts.portlet .portlet-title a:before,
.app-assessments.app-icon,
.app-assessments.portlet .portlet-title a:before,
.app-polls.app-icon,
.app-polls.portlet .portlet-title a:before,
.application-workspaces.app-icon,
.application-workspaces.portlet .portlet-title a:before,
.category-productivity.app-icon,
.category-productivity.portlet .portlet-title a:before {
  background-color: forestgreen;
}

body .tiles.apps .app-slide-bank .link .icon, body .app-promo-tiles .app-promo-tile .app-slide-bank .link .icon,
body .tiles.apps .app-image-bank .link .icon,
body .app-promo-tiles .app-promo-tile .app-image-bank .link .icon,
body .tiles.apps .app-document-browser .link .icon,
body .app-promo-tiles .app-promo-tile .app-document-browser .link .icon,
body .tiles.apps .app-bookmarks .link .icon,
body .app-promo-tiles .app-promo-tile .app-bookmarks .link .icon,
body .tiles.apps .category-utilities .link .icon,
body .app-promo-tiles .app-promo-tile .category-utilities .link .icon,
body .tiles.apps .app-search .link .icon,
body .app-promo-tiles .app-promo-tile .app-search .link .icon {
  background-color: purple;
}
.app-slide-bank.app-icon, .app-slide-bank.portlet .portlet-title a:before,
.app-image-bank.app-icon,
.app-image-bank.portlet .portlet-title a:before,
.app-document-browser.app-icon,
.app-document-browser.portlet .portlet-title a:before,
.app-bookmarks.app-icon,
.app-bookmarks.portlet .portlet-title a:before,
.category-utilities.app-icon,
.category-utilities.portlet .portlet-title a:before,
.app-search.app-icon,
.app-search.portlet .portlet-title a:before {
  background-color: purple;
}

body .tiles.apps .app-news .link .icon, body .app-promo-tiles .app-promo-tile .app-news .link .icon,
body .tiles.apps .app-library .link .icon,
body .app-promo-tiles .app-promo-tile .app-library .link .icon,
body .tiles.apps .app-librarian .link .icon,
body .app-promo-tiles .app-promo-tile .app-librarian .link .icon,
body .tiles.apps .app-publisher .link .icon,
body .app-promo-tiles .app-promo-tile .app-publisher .link .icon,
body .tiles.apps .category-publication .link .icon,
body .app-promo-tiles .app-promo-tile .category-publication .link .icon,
body .tiles.apps .app-classifieds .link .icon,
body .app-promo-tiles .app-promo-tile .app-classifieds .link .icon,
body .tiles.apps .app-mailings .link .icon,
body .app-promo-tiles .app-promo-tile .app-mailings .link .icon {
  background-color: rgb(55, 139, 221);
}
.app-news.app-icon, .app-news.portlet .portlet-title a:before,
.app-library.app-icon,
.app-library.portlet .portlet-title a:before,
.app-librarian.app-icon,
.app-librarian.portlet .portlet-title a:before,
.app-publisher.app-icon,
.app-publisher.portlet .portlet-title a:before,
.category-publication.app-icon,
.category-publication.portlet .portlet-title a:before,
.app-classifieds.app-icon,
.app-classifieds.portlet .portlet-title a:before,
.app-mailings.app-icon,
.app-mailings.portlet .portlet-title a:before {
  background-color: rgb(55, 139, 221);
}

body .tiles.apps .app-administrator-tool .link .icon, body .app-promo-tiles .app-promo-tile .app-administrator-tool .link .icon,
body .tiles.apps .app-help .link .icon,
body .app-promo-tiles .app-promo-tile .app-help .link .icon,
body .tiles.apps .app-notifications .link .icon,
body .app-promo-tiles .app-promo-tile .app-notifications .link .icon,
body .tiles.apps .app-preferences .link .icon,
body .app-promo-tiles .app-promo-tile .app-preferences .link .icon,
body .tiles.apps .app-feedback .link .icon,
body .app-promo-tiles .app-promo-tile .app-feedback .link .icon,
body .tiles.apps .app-app-market .link .icon,
body .app-promo-tiles .app-promo-tile .app-app-market .link .icon,
body .tiles.apps .category-system .link .icon,
body .app-promo-tiles .app-promo-tile .category-system .link .icon {
  background-color: dimgray;
}
.app-administrator-tool.app-icon, .app-administrator-tool.portlet .portlet-title a:before,
.app-help.app-icon,
.app-help.portlet .portlet-title a:before,
.app-notifications.app-icon,
.app-notifications.portlet .portlet-title a:before,
.app-preferences.app-icon,
.app-preferences.portlet .portlet-title a:before,
.app-feedback.app-icon,
.app-feedback.portlet .portlet-title a:before,
.app-app-market.app-icon,
.app-app-market.portlet .portlet-title a:before,
.category-system.app-icon,
.category-system.portlet .portlet-title a:before {
  background-color: dimgray;
}

body .tiles.apps .app-case-manager .link .icon, body .app-promo-tiles .app-promo-tile .app-case-manager .link .icon,
body .tiles.apps .app-audit .link .icon,
body .app-promo-tiles .app-promo-tile .app-audit .link .icon,
body .tiles.apps .app-absence .link .icon,
body .app-promo-tiles .app-promo-tile .app-absence .link .icon,
body .tiles.apps .category-administrative .link .icon,
body .app-promo-tiles .app-promo-tile .category-administrative .link .icon,
body .tiles.apps .category-management .link .icon,
body .app-promo-tiles .app-promo-tile .category-management .link .icon {
  background-color: teal;
}
.app-case-manager.app-icon, .app-case-manager.portlet .portlet-title a:before,
.app-audit.app-icon,
.app-audit.portlet .portlet-title a:before,
.app-absence.app-icon,
.app-absence.portlet .portlet-title a:before,
.category-administrative.app-icon,
.category-administrative.portlet .portlet-title a:before,
.category-management.app-icon,
.category-management.portlet .portlet-title a:before {
  background-color: teal;
}

.app-info-sheet {
  max-width: 1000px;
  margin: 0 auto;
}
.app-info-sheet:after {
  content: " ";
  display: table;
  clear: both;
}
.app-info-sheet .app-icon {
  width: 100%;
  border-radius: 28px;
}
.app-info-sheet .app-meta-data {
  position: -webkit-sticky;
  position: sticky;
  top: 50px;
}
@media only screen and (max-width: 767px) {
  .app-info-sheet .app-meta-data {
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .app-info-sheet .app-meta-data {
    padding-right: 90px;
    width: 35%;
    box-sizing: border-box;
    float: left;
  }
}
.app-info-sheet .app-meta-data .app-price {
  font-size: 1.5em;
  margin-top: 20px;
}
.app-info-sheet .app-meta-data .byline,
.app-info-sheet .app-meta-data .info {
  color: rgba(0, 0, 0, 0.8);
  font-size: 0.8em;
  line-height: 1.4;
  margin-top: 20px;
}
.app-info-sheet .app-meta-data .info .title {
  font-size: 1.2em;
  margin-bottom: 10px;
}
.app-info-sheet .app-meta-data .info ul.menu li a {
  padding-top: 2px;
  padding-bottom: 2px;
}
@media only screen and (min-width: 768px) {
  .app-info-sheet .app-description {
    width: 65%;
    float: left;
  }
}
.app-info-sheet .app-description h1 {
  margin: 0 0 0.5em 0;
}
.app-info-sheet .app-description .app-summary {
  font-weight: bold;
}
.app-info-sheet .app-description .app-body-text {
  margin-bottom: 40px;
}

.app-promo-tiles:after {
  content: " ";
  display: table;
  clear: both;
}
.app-promo-tiles.size-medium {
  clear: both;
}
.app-promo-tiles.size-medium .app-promo-tile {
  box-sizing: border-box;
  position: relative;
  border-radius: 10px;
  padding: 20px;
  display: block;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  position: relative;
  background-image: linear-gradient(180deg, #fff 45%, #f5f5f5);
}
.app-promo-tiles.size-medium .app-promo-tile .learn-more {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: " ";
  z-index: 1;
  color: transparent;
}
.app-promo-tiles.size-medium .app-promo-tile .link {
  padding-left: 68px;
  margin-bottom: 15px;
}
.app-promo-tiles.size-medium .app-promo-tile .app-title {
  color: black;
  display: flex;
  justify-content: space-between;
}
.app-promo-tiles.size-medium .app-promo-tile .app-title .icon {
  border-radius: 10px;
  width: 58px;
  position: absolute;
  top: 20px;
  left: 20px;
}
.app-promo-tiles.size-medium .app-promo-tile .app-title .name {
  font-size: 24px;
  display: block;
  margin-bottom: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.app-promo-tiles.size-medium .app-promo-tile .app-title .description {
  margin-bottom: 0;
  font-size: 0.9em;
  line-height: 1.4;
}
.app-promo-tiles.size-medium .app-promo-tile .app-price .price-tag {
  line-height: 20px;
}
.app-promo-tiles.size-medium .app-promo-tile .app-description {
  margin-bottom: 0;
  font-size: 0.9em;
  line-height: 1.4;
}
@media only screen and (min-width: 768px) {
  .app-promo-tiles.size-medium {
    display: grid;
    grid-auto-rows: 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }
  .app-promo-tiles.size-medium.col-2 {
    grid-template-columns: 1fr 1fr;
  }
  .app-promo-tiles.size-medium.col-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.app-promo-tiles.size-large .app-promo-tile {
  box-sizing: border-box;
  margin-bottom: 65px;
  width: 50%;
  min-height: 100px;
  float: left;
  padding: 0 30px;
  position: relative;
}
.app-promo-tiles.size-large .app-promo-tile .pat-screenshot {
  margin-bottom: 5px;
}
.app-promo-tiles.size-large .app-promo-tile .pat-screenshot .auto-scale-wrapper .passe-partout {
  background-color: #efefef;
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.3);
}
.app-promo-tiles.size-large .app-promo-tile .link {
  display: flex;
  justify-content: space-between;
}
.app-promo-tiles.size-large .app-promo-tile .link .app-title {
  margin: 0;
  font-size: 24px;
  line-height: 24px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-top: 3px;
  padding-bottom: 3px;
  color: black;
  align-self: center;
}
.app-promo-tiles.size-large .app-promo-tile .link .app-title .icon {
  width: 30px;
  margin-right: 2px;
  vertical-align: middle;
  margin-top: -3px;
  border-radius: 10px;
}
.app-promo-tiles.size-large .app-promo-tile .link .app-price {
  text-align: right;
  align-self: center;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 8px;
}
.app-promo-tiles.size-large .app-promo-tile .link .app-price .price-tag {
  float: right;
}
.app-promo-tiles.size-large .app-promo-tile .learn-more {
  position: absolute;
  top: 0;
  right: 30px;
  bottom: 0;
  left: 30px;
  display: block;
  content: " ";
  z-index: 1;
  color: transparent;
}
.app-promo-tiles.size-large .app-promo-tile .app-description {
  margin: 0 0 15px;
  font-size: 18px;
}
@media only screen and (min-width: 768px) {
  .app-promo-tiles.size-large {
    margin: 0 calc(-1 * 30px);
  }
  .app-promo-tiles.size-large.col-2 .app-promo-tile {
    width: 50%;
  }
  .app-promo-tiles.size-large.col-3 .app-promo-tile {
    width: 33.3333332%;
  }
  .app-promo-tiles.size-large.col-3 .app-promo-tile .link .app-title {
    margin: 0;
    font-size: 18px;
    line-height: 18px;
  }
  .app-promo-tiles.size-large.col-3 .app-promo-tile .link .app-title .icon {
    width: 24px;
    margin-right: 2px;
    margin-top: -3px;
    border-radius: 8px;
  }
  .app-promo-tiles.size-large.col-3 .app-promo-tile .link .app-price {
    padding: 0;
    line-height: 24px;
    margin-top: -2px;
  }
  .app-promo-tiles.size-large.col-3 .app-promo-tile .link .app-price .price-tag {
    border-radius: 8px;
  }
}

.app-tile-manager .tiles.apps {
  margin: 60px 0 30px 0;
  overflow: hidden;
}
.app-tile-manager .button-bar {
  margin: 0;
  padding: 0;
}

:root {
  --tabs-bar-tab-box-shadow-dimmed:
  	inset 0 1px 6px rgba(0, 0, 0, 0.12),
  	inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  --tabs-bar-tab-box-shadow-active:
  	inset 0 1px 6px rgba(0, 0, 0, 0.12),
  	inset 0 0 0 1px rgba(255, 255, 255, 1);
}

.application-label {
  --colour-tab-dimmed: rgba(255, 255, 255, 0.1);
  --colour-tab-dimmed: rgba(0, 0, 0, 0.1);
  --tabs-bar-tab-box-shadow-active: inset 0 1px 6px rgba(0, 0, 0, 0.12);
}
@media print {
  .application-label {
    display: none;
  }
}
.application-label .object-name {
  display: inline-block;
  margin-left: 5px;
  opacity: 0.7;
}
.application-label .object-name:before {
  content: "•";
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (min-width: 768px) {
  .application-label {
    left: 105px;
    position: absolute;
    z-index: -1;
    border-radius: 10px;
    background-color: var(--colour-tab-dimmed);
    height: 34px;
    top: -45px;
    opacity: 0;
    box-shadow: var(--tabs-bar-tab-box-shadow-active);
    animation: fadeInUp 0.3s;
    animation-delay: 0.2s;
    animation-fill-mode: forwards;
  }
  .application-label nav.breadcrumbs a:before {
    transition-delay: 1s !important;
    transition: opacity 0.3s;
    margin-right: 3px;
  }
  .application-label:hover .more-menu-toggle {
    pointer-events: auto;
  }
  .application-label .more-menu-toggle {
    color: transparent;
    display: inline-block;
    overflow: hidden;
    width: 34px;
    height: 34px;
    transition: all 0.3s;
    transition-delay: 1s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
    opacity: 0;
    pointer-events: none;
  }
  .application-label .more-menu-toggle:hover, .application-label .more-menu-toggle.tooltip-active-click {
    text-decoration: none;
    transition: none;
    cursor: default;
  }
  .application-label .more-menu-toggle:hover:before, .application-label .more-menu-toggle.tooltip-active-click:before {
    background-color: rgba(0, 0, 0, 0.3);
  }
  .application-label .more-menu-toggle:before {
    color: white;
    border-radius: 10px;
    line-height: 31px;
    width: 28px;
    height: 28px;
    text-align: center;
    display: block;
    margin: 3px;
  }
  #app-space.state-paused .application-label {
    background-color: transparent !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.3);
    color: black;
    pointer-events: auto;
  }
  #app-space.state-paused .application-label:hover {
    background-color: rgba(0, 0, 0, 0.08) !important;
  }
  #app-space.state-paused .application-label nav.breadcrumbs a,
  #app-space.state-paused .application-label .suite-logo:before {
    color: black;
  }
  #app-space.state-off .application-label {
    animation: fadeOutDown 0.3s;
  }
  #app-space.injecting .application-label, #app-space.state-off .application-label {
    opacity: 0;
    top: 0;
    display: none;
  }
  .application-label:after {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .application-label {
    display: none;
  }
}

#mobile-menu {
  margin-left: 1em;
}

.application-welcome-info {
  position: relative;
  margin: 9% auto 2em;
  width: 80%;
  font-size: 1.5em;
}
.application-welcome-info article {
  margin-bottom: 2em;
}
.application-welcome-info a {
  text-decoration: none !important;
  color: gray;
}
.application-welcome-info img {
  margin: 2.5em auto;
  display: block;
  max-width: 80%;
}

.comma-separated > .segment:after {
  content: ", ";
}
.comma-separated > .segment:last-child:after {
  content: ".";
}

.pat-rich {
  line-height: 1.5em;
  -webkit-user-select: auto;
  user-select: auto;
  -webkit-user-select: text;
  user-select: text;
  cursor: auto;
}
@media screen {
  .application-workspaces .document-content > .pat-rich, .application-workspace .document-content > .pat-rich {
    max-width: 1080px;
    margin: 0 auto;
  }
}
.pat-rich code {
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  padding: 0 0.4em;
  font-size: 0.8em;
  font-family: monospace;
}
.pat-rich .summary h1 {
  font-weight: bold;
  font-size: 2.0272865295rem;
  line-height: 1.2331754607;
}
.pat-rich .summary h2 {
  margin: 0 0 30px;
  color: #767676;
  font-size: 1.3125em;
  font-weight: normal;
  line-height: 1.5238;
  vertical-align: baseline;
}
@media only screen and (max-width: 767px) {
  .pat-rich .summary h2 {
    padding-top: 0;
  }
}
@media only screen and (max-width: 1279px) {
  .variation-search-results ~ #main .pat-rich .summary h2 {
    margin-top: -80px;
  }
}
.pat-rich .summary h2 strong {
  font-size: 1.3333em;
  line-height: 1.1429em;
  font-weight: normal;
  color: black;
  display: inline-block;
  vertical-align: baseline;
}
.pat-rich .introduction {
  font-size: 1.7rem;
  line-height: 1.5;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-bottom: 1.5rem;
  font-weight: thin;
}
.pat-rich video {
  width: 100%;
}
.pat-rich iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/9;
}
.pat-rich hr {
  margin: 2em 0;
  height: 3px;
  border: none;
  background: rgba(0, 0, 0, 0.2);
}
.pat-rich a {
  text-decoration: underline;
}
.pat-rich figure hr {
  margin: 0;
}
.pat-rich .screenshot {
  overflow: hidden;
}
.pat-rich .screenshot object {
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  cursor: default;
  border: 1px solid silver;
  overflow: hidden;
}
@media only screen and (min-width: 1280px) {
  .pat-rich .screenshot object {
    width: 1280px;
    height: 800px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pat-rich .screenshot object {
    width: 1024px;
    height: 768px;
  }
}
@media only screen and (max-width: 767px) {
  .pat-rich .screenshot object {
    width: 480px;
    height: 800px;
  }
}
.pat-rich .screenshot img {
  border: 1px solid silver;
}
.pat-rich .cms-center,
.pat-rich .text-center {
  text-align: center;
}
.pat-rich .cms-right,
.pat-rich .text-right {
  text-align: right;
}
.pat-rich .cms-left,
.pat-rich .text-left {
  text-align: left;
}
body[dir=rtl] .pat-rich .cms-left,
body[dir=rtl] .pat-rich .text-left {
  text-align: right;
}
.pat-rich h1, .pat-rich h2, .pat-rich p, .pat-rich ul, .pat-rich ol, .pat-rich table, .pat-rich dl, .pat-rich pre, .pat-rich .screenshot, .pat-rich figure, .pat-rich > img, .pat-rich .ProseMirror > img {
  margin-bottom: 1.2rem;
}
.pat-rich blockquote {
  padding-left: 1em;
  margin: 2.6em 0;
  border-left: 0.2em solid rgba(0, 0, 0, 0.3);
}
.pat-rich .discrete {
  font-size: 0.8em;
  opacity: 0.6;
}
.pat-rich ul li .meta,
.pat-rich ol li .meta {
  display: block;
  font-size: 0.7em;
  padding: 0.5em 0;
  line-height: 130%;
  top: -0.1em;
  position: relative;
  margin-bottom: 0;
}
.pat-rich ul li .meta .label,
.pat-rich ol li .meta .label {
  border-radius: 1em;
  padding: 0 0.8em;
  color: rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.09);
  font-style: normal;
  text-decoration: none;
  color: black;
  display: inline-block;
}
.pat-rich ul li .meta .label:before,
.pat-rich ol li .meta .label:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 0.5em;
}
.pat-rich ul li .meta .label.publication-state:before,
.pat-rich ol li .meta .label.publication-state:before {
  content: "\e882";
}
.pat-rich ul li .meta .label.case-type:before,
.pat-rich ol li .meta .label.case-type:before {
  content: "\e880";
}
.pat-rich ul li .meta .label.department:before,
.pat-rich ol li .meta .label.department:before {
  content: "\e86e";
}
.pat-rich ul li .meta .label.annotated,
.pat-rich ol li .meta .label.annotated {
  background: #fdfdc8;
  border-radius: 0.1em;
}
.pat-rich ul li .meta .label.annotated:before,
.pat-rich ol li .meta .label.annotated:before {
  content: "\e92a";
}
.pat-rich ul li p:last-child,
.pat-rich ol li p:last-child {
  margin-bottom: 0;
}
.pat-rich ul li.attached-file,
.pat-rich ol li.attached-file {
  padding-left: 0;
  font-size: 0.8em;
  line-height: 130%;
}
.pat-rich ul li.attached-file:before,
.pat-rich ol li.attached-file:before {
  display: none;
}
.pat-rich ul li.attached-file a,
.pat-rich ol li.attached-file a {
  text-decoration: none;
}
.pat-rich ul li.attached-file a:hover,
.pat-rich ol li.attached-file a:hover {
  text-decoration: underline;
}
.pat-rich ul li {
  margin-left: 0;
  padding-left: 40px;
}
.pat-rich ul li:before {
  content: "•";
  float: left;
  margin-left: -40px;
}
.pat-rich ol > li {
  margin-left: 40px;
  list-style: decimal;
}
.pat-rich ol.roman {
  list-style: upper-roman;
}
.pat-rich h1 {
  font-weight: bold;
  font-size: 2.7rem;
  font-stretch: normal;
  line-height: 1.3;
  margin-bottom: 0.7rem;
  color: black;
  box-shadow: none;
}
.pat-rich .form-page-head .title-block textarea {
  margin: 0;
}
.pat-rich h2 {
  margin: 0rem 0rem 0.75rem 0rem;
  font-size: 1.80203rem;
  line-height: 1.38732;
  -webkit-margin-after: 0.75rem;
  margin-block-end: 0.75rem;
  -webkit-margin-before: 1.5rem;
  margin-block-start: 1.5rem;
}
.pat-rich h2:first-child {
  margin-top: 0;
}
.pat-rich h3 {
  font-size: 1.423828125rem;
  line-height: 1.4046639232;
  display: block;
  font-weight: bold;
  margin: 0rem 0rem 0.5rem 0rem;
}
.pat-rich h4 {
  font-weight: bold;
  font-weight: 400;
  font-size: 1.2em;
  color: black;
  margin: 0 0 0.5em;
}
.pat-rich h5 {
  font-weight: bold;
  font-weight: 300;
  font-size: 1em;
  margin-bottom: 0;
}
.pat-rich img,
.pat-rich iframe {
  cursor: default;
}
.pat-rich img:focus, .pat-rich img.ProseMirror-selectednode,
.pat-rich iframe:focus,
.pat-rich iframe.ProseMirror-selectednode {
  outline: 3px solid #D40E16;
  outline-offset: 2px;
}
.pat-rich img {
  max-width: 100%;
  margin: 2em auto;
  display: block;
}
.pat-rich img[src*=edgeless] {
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.pat-rich img.float-before {
  margin-right: 1em;
}
.pat-rich img.float-after {
  margin-left: 1em;
}
@media only screen and (min-width: 1280px) {
  .pat-rich img.medium {
    width: 30%;
  }
}
.pat-rich figure {
  display: block;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  max-width: 100%;
  margin-top: 2em;
  margin-bottom: 2em;
}
.pat-rich figure img {
  margin: 0;
}
.pat-rich figure.pat-screenshot {
  width: 100%;
  left: 0;
  transform: none;
}
.pat-rich figcaption {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.8em;
  padding-top: 0.5em;
  line-height: 1.5;
}
.pat-rich table {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}
.pat-rich table.hd {
  font-size: 0.8em;
  line-height: 1.3em;
}
.pat-rich table.hd tr th,
.pat-rich table.hd tr td {
  padding: 0.2em;
  vertical-align: top;
}
.pat-rich table tr:first-child th,
.pat-rich table tr:first-child td {
  border-top: #D40E16 1px solid;
}
.pat-rich table tr th,
.pat-rich table tr td {
  border-bottom: #D40E16 1px solid;
  padding: 0.1em 0.5em;
}
.pat-rich table tr th:nth-child(odd),
.pat-rich table tr td:nth-child(odd) {
  background-color: #efefef;
}
.pat-rich pre {
  background-color: #efefef;
  padding: 3%;
  overflow: auto;
  display: block;
  font-size: 1em;
}

.pat-avatar[data-initials^=A] {
  background-color: Aquamarine;
  color: rgba(0, 0, 0, 0.6);
}
.pat-avatar[data-initials^=A] ~ form .edit {
  background-color: Aquamarine;
  color: rgba(0, 0, 0, 0.6);
}
.pat-avatar[data-initials^=B] {
  background-color: Brown;
}
.pat-avatar[data-initials^=B] ~ form .edit {
  background-color: Brown;
}
.pat-avatar[data-initials^=C] {
  background-color: CadetBlue;
}
.pat-avatar[data-initials^=C] ~ form .edit {
  background-color: CadetBlue;
}
.pat-avatar[data-initials^=D] {
  background-color: DarkKhaki;
}
.pat-avatar[data-initials^=D] ~ form .edit {
  background-color: DarkKhaki;
}
.pat-avatar[data-initials^=E] {
  background-color: #C2B280;
}
.pat-avatar[data-initials^=E] ~ form .edit {
  background-color: #C2B280;
}
.pat-avatar[data-initials^=F] {
  background-color: ForestGreen;
}
.pat-avatar[data-initials^=F] ~ form .edit {
  background-color: ForestGreen;
}
.pat-avatar[data-initials^=G] {
  background-color: GoldenRod;
}
.pat-avatar[data-initials^=G] ~ form .edit {
  background-color: GoldenRod;
}
.pat-avatar[data-initials^=H] {
  background-color: HotPink;
}
.pat-avatar[data-initials^=H] ~ form .edit {
  background-color: HotPink;
}
.pat-avatar[data-initials^=I] {
  background-color: IndianRed;
}
.pat-avatar[data-initials^=I] ~ form .edit {
  background-color: IndianRed;
}
.pat-avatar[data-initials^=J] {
  background-color: #00a86b;
}
.pat-avatar[data-initials^=J] ~ form .edit {
  background-color: #00a86b;
}
.pat-avatar[data-initials^=K] {
  background-color: Khaki;
}
.pat-avatar[data-initials^=K] ~ form .edit {
  background-color: Khaki;
}
.pat-avatar[data-initials^=L] {
  background-color: LightSalmon;
}
.pat-avatar[data-initials^=L] ~ form .edit {
  background-color: LightSalmon;
}
.pat-avatar[data-initials^=M] {
  background-color: Maroon;
}
.pat-avatar[data-initials^=M] ~ form .edit {
  background-color: Maroon;
}
.pat-avatar[data-initials^=N] {
  background-color: Navy;
}
.pat-avatar[data-initials^=N] ~ form .edit {
  background-color: Navy;
}
.pat-avatar[data-initials^=O] {
  background-color: Olive;
}
.pat-avatar[data-initials^=O] ~ form .edit {
  background-color: Olive;
}
.pat-avatar[data-initials^=P] {
  background-color: Peru;
}
.pat-avatar[data-initials^=P] ~ form .edit {
  background-color: Peru;
}
.pat-avatar[data-initials^=Q] {
  background-color: #666;
}
.pat-avatar[data-initials^=Q] ~ form .edit {
  background-color: #666;
}
.pat-avatar[data-initials^=R] {
  background-color: RosyBrown;
}
.pat-avatar[data-initials^=R] ~ form .edit {
  background-color: RosyBrown;
}
.pat-avatar[data-initials^=S] {
  background-color: SteelBlue;
}
.pat-avatar[data-initials^=S] ~ form .edit {
  background-color: SteelBlue;
}
.pat-avatar[data-initials^=T] {
  background-color: Tomato;
}
.pat-avatar[data-initials^=T] ~ form .edit {
  background-color: Tomato;
}
.pat-avatar[data-initials^=U] {
  background-color: #120A8F;
}
.pat-avatar[data-initials^=U] ~ form .edit {
  background-color: #120A8F;
}
.pat-avatar[data-initials^=V] {
  background-color: Violet;
}
.pat-avatar[data-initials^=V] ~ form .edit {
  background-color: Violet;
}
.pat-avatar[data-initials^=W] {
  background-color: Wheat;
}
.pat-avatar[data-initials^=W] ~ form .edit {
  background-color: Wheat;
}
.pat-avatar[data-initials^=X] {
  background-color: #eeed09;
}
.pat-avatar[data-initials^=X] ~ form .edit {
  background-color: #eeed09;
}
.pat-avatar[data-initials^=Y] {
  background-color: YellowGreen;
}
.pat-avatar[data-initials^=Y] ~ form .edit {
  background-color: YellowGreen;
}
.pat-avatar[data-initials^=Z] {
  background-color: #506022;
}
.pat-avatar[data-initials^=Z] ~ form .edit {
  background-color: #506022;
}
.pat-avatar#user-avatar {
  float: right;
  width: 26px;
  height: 26px;
  margin-top: 12px;
  margin-left: 16px;
}
body[dir=rtl] .pat-avatar#user-avatar {
  float: left;
}
.pat-avatar#user-avatar.active {
  box-shadow: 0 0 5px white;
}
@media only screen and (max-width: 767px) {
  .pat-avatar#user-avatar {
    position: absolute;
    right: 58px;
    width: 28px;
    height: 28px;
  }
}
.pat-avatar#user-avatar:before {
  font-size: 0.6em;
}
body[dir=rtl] .pat-avatar#user-avatar {
  margin-left: 0;
  margin-right: 16px;
}

@keyframes bar-grow {
  0% {
    transform: scaleX(0);
    left: 160px;
    color: rgba(255, 255, 255, 0);
    text-shadow: 0 0 1px rgba(var(--colour-accent), 0);
  }
  80% {
    transform: scaleX(1);
    color: rgba(255, 255, 255, 0);
    text-shadow: 0 0 1px rgba(var(--colour-accent), 0);
  }
  100% {
    transform: scaleX(1);
    color: rgb(255, 255, 255);
    text-shadow: 0 0 1px var(--colour-accent), 0 0 1px var(--colour-accent), 0 0 1px var(--colour-accent), 0 0 1px var(--colour-accent), 0 0 1px var(--colour-accent), 0 0 1px var(--colour-accent), 0 0 1px var(--colour-accent), 0 0 1px var(--colour-accent), 0 0 1px var(--colour-accent), 0 0 1px var(--colour-accent);
  }
}
.bar-graph {
  border-radius: 10px;
  height: 20px;
  background-color: #efefef;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  overflow: hidden;
}
.bar-graph .bar-graph-segment {
  border-radius: 10px;
  background-color: #D40E16;
  color: white;
  display: block;
  font-size: 14px;
  text-align: right;
  padding-right: 0;
  padding-left: 0;
  text-indent: 10px;
  box-sizing: border-box;
  height: 20px;
  line-height: 20px;
  animation: bar-grow 1.5s;
  transform-origin: 0 0;
  text-shadow: 0 0 1px #D40E16, 0 0 1px #D40E16, 0 0 1px #D40E16, 0 0 1px #D40E16, 0 0 1px #D40E16, 0 0 1px #D40E16, 0 0 1px #D40E16, 0 0 1px #D40E16, 0 0 1px #D40E16, 0 0 1px #D40E16;
}
.bar-graph .bar-graph-segment:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.bar-graph .bar-graph-segment:after {
  content: " ";
  display: inline-block;
  width: 4px;
}

fieldset.pat-bar-toggles,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) {
  --pat-checklist-label-padding-start: 35px;
  --pat-checklist-checkbox-box-shadow-radio-checked:
    inset 0 0 0 2px #000,
    inset 0 0 0 5px #fdfdc8;
  --pat-checklist-checkbox-background-colour-checked: black;
}
fieldset.pat-bar-toggles.multi-line label,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).multi-line label {
  white-space: inherit;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
}
fieldset.pat-bar-toggles.multi-line label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).multi-line label:before {
  top: 50%;
  transform: translateY(-50%);
  left: 9px;
}
fieldset.pat-bar-toggles:not(.radio) label.checked,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form):not(.radio) label.checked {
  padding-right: 2em;
}
fieldset.pat-bar-toggles label,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label {
  border: rgba(0, 0, 0, 0.15) 1px solid;
  border-bottom: none;
  margin: 0;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  background: #f7f7f7;
}
fieldset.pat-bar-toggles label:first-of-type,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:first-of-type {
  border-radius: 10px 10px 0 0;
}
fieldset.pat-bar-toggles label:last-child,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:last-child {
  border-radius: 0 0 10px 10px;
  border-bottom: rgba(0, 0, 0, 0.15) 1px solid;
}
fieldset.pat-bar-toggles label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:before {
  position: absolute;
  left: 0;
}
fieldset.pat-bar-toggles label input,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label input {
  position: absolute;
  opacity: 0;
}
fieldset.pat-bar-toggles label sup.counter,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label sup.counter {
  font-size: 0.7em;
  position: static;
  color: inherit;
  border: solid 1px rgba(0, 0, 0, 0.15);
  display: inline-block;
  margin-left: 4px;
  vertical-align: middle;
  margin-top: -4px;
  background-color: transparent;
  box-shadow: none;
  border-radius: 1em;
  height: 1.6em;
  line-height: 1.55em;
  width: auto;
  min-width: 1.6em;
  padding: 0 0.5em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
fieldset.pat-bar-toggles label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:before {
  font-family: fontello;
  left: 9px;
  color: black;
}
fieldset.pat-bar-toggles label:hover,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label:hover {
  background: white;
}
fieldset.pat-bar-toggles label.checked,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.checked {
  background-color: #D40E16;
  color: white;
}
fieldset.pat-bar-toggles label.type-emergency-service:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-emergency-service:before {
  content: "\e936";
}
fieldset.pat-bar-toggles label.type-powerpoint:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-powerpoint:before {
  content: "\e81d";
}
fieldset.pat-bar-toggles label.type-word:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-word:before {
  content: "\e81b";
}
fieldset.pat-bar-toggles label.type-job:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-job:before {
  content: "\e848";
}
fieldset.pat-bar-toggles label.type-excel:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-excel:before {
  content: "\e81c";
}
fieldset.pat-bar-toggles label.type-folder:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-folder:before {
  content: "📁";
}
fieldset.pat-bar-toggles label.type-youtube:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-youtube:before {
  content: "\f167";
}
fieldset.pat-bar-toggles label.type-external-video:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-external-video:before {
  content: "\e841";
}
fieldset.pat-bar-toggles label.type-task:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-task:before {
  content: "\e829";
}
fieldset.pat-bar-toggles label.type-pdf:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-pdf:before {
  content: "\e81a";
}
fieldset.pat-bar-toggles label.type-people:before, fieldset.pat-bar-toggles label.type-contacts:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-people:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-contacts:before {
  content: "\e8fb";
}
fieldset.pat-bar-toggles label.type-post:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-post:before {
  content: "\e879";
}
fieldset.pat-bar-toggles label.type-rich:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-rich:before {
  content: "\e823";
}
fieldset.pat-bar-toggles label.type-news:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-news:before {
  content: "\e840";
}
fieldset.pat-bar-toggles label.type-library-item:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-library-item:before {
  content: "\e88b";
}
fieldset.pat-bar-toggles label.type-library-section:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-library-section:before {
  content: "\e86f";
}
fieldset.pat-bar-toggles label.type-library-subsection:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-library-subsection:before {
  content: "\e86f";
}
fieldset.pat-bar-toggles label.type-event:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-event:before {
  content: "\e810";
}
fieldset.pat-bar-toggles label.type-workspace:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-workspace:before {
  content: "\e94a";
}
fieldset.pat-bar-toggles label.type-super-space:before, fieldset.pat-bar-toggles label.type-superspace:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-super-space:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-superspace:before {
  content: "\e94a";
}
fieldset.pat-bar-toggles label.type-image:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-image:before {
  content: "\e822";
}
fieldset.pat-bar-toggles label.type-slideshow:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-slideshow:before {
  content: "\e940";
}
fieldset.pat-bar-toggles label.type-super-space:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-super-space:before {
  content: "\e94a";
}
fieldset.pat-bar-toggles label.type-question:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-question:before {
  content: "\f29c";
}
fieldset.pat-bar-toggles label.type-link:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-link:before {
  content: "\e83b";
}
fieldset.pat-bar-toggles label.type-zip:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-zip:before {
  content: "\e821";
}
fieldset.pat-bar-toggles label.type-file-archive:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-file-archive:before {
  content: "\e821";
}
fieldset.pat-bar-toggles label.type-app:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-app:before {
  content: "\e926";
}
fieldset.pat-bar-toggles label.type-audio:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-audio:before {
  content: "\e820";
}
fieldset.pat-bar-toggles label.type-video:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-video:before {
  content: "\e81e";
}
fieldset.pat-bar-toggles label.type-contract:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-contract:before {
  content: "\f2b5";
}
fieldset.pat-bar-toggles label.type-file:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-file:before {
  content: "\e811";
}
fieldset.pat-bar-toggles label.type-email:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-email:before {
  content: "\e894";
}
fieldset.pat-bar-toggles label.type-plain-text:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-plain-text:before {
  content: "\e823";
}
fieldset.pat-bar-toggles.tags label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).tags label:before {
  content: "\e87c";
}
fieldset.pat-bar-toggles.competences label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).competences label:before {
  content: "\e83a";
}
fieldset.pat-bar-toggles.registers label:before,
fieldset.pat-checklist.pat-bar-toggles:not(.free-form).registers label:before {
  content: "\e80f";
}

@media print {
  @page {
    size: A4; /* DIN A4 standard, Europe */
    margin: 20mm 10mm;
  }
  html,
  body {
    width: 210mm;
    /* height: 297mm; */
    height: 282mm;
    font-size: 11px;
    background: #FFF;
    overflow: visible;
  }
}
.assistive-text {
  position: absolute;
  -webkit-pointer-events: none;
  pointer-events: none;
  opacity: 0;
}

html {
  background: white;
}

body {
  color: #222222;
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-style: normal;
  line-height: 1.5em;
  font-size: 18px;
  background: white;
  cursor: default;
  padding: 0;
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: grayscale;
  font-smoothing: antialiased;
}
body[dir=rtl] {
  text-align: right;
}
body.help-illustration #style-switcher {
  display: none;
}
@media only screen and (max-width: 767px) {
  body {
    background: white;
  }
}
@media (hover: hover) {
  body {
    -webkit-user-select: none;
    user-select: none;
  }
}
@media only screen and (min-width: 768px) {
  body {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }
}
@media only screen and (max-width: 767px) {
  body {
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
}
body.application-workspace {
  overflow: hidden;
  -webkit-overflow-scrolling: hidden;
}
@media print {
  body.application-workspace {
    overflow: visible;
  }
}
@media only screen and (max-width: 767px) {
  body.application-workspace {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
body [hidden=hidden],
body [hidden],
body [type=hidden] {
  display: none;
}
body .float-after {
  float: right;
}
body .float-before {
  float: left;
}

.application-portal nav.breadcrumbs {
  display: none;
}

#breadcrumbs #breadcrumbs-2 {
  display: none;
}

nav.breadcrumbs {
  display: block;
  height: 34px;
  font-size: 18px;
  line-height: 34px;
  transition: left 0.2s;
  float: left;
  padding: 0;
  margin-left: 0;
  position: relative;
  z-index: 1;
  --colour-tab-dimmed: rgba(255,255,255,0.1);
  --colour-tab-dimmed: rgba(0,0,0,0.1);
}
@media only screen and (max-width: 767px) {
  nav.breadcrumbs {
    display: none;
  }
}
nav.breadcrumbs a {
  color: black;
  position: relative;
  text-decoration: none;
  float: left;
  padding: 0 5px 0 0;
  font-weight: bold;
  height: 34px;
  line-height: calc(54px + 1px - 20px);
}
nav.breadcrumbs a:before {
  font-family: fontello;
  content: " ";
  display: inline-block;
  line-height: 34px;
  width: 33px;
  height: 100%;
  float: left;
  margin-right: 0px;
  background-size: cover;
  background-position: center;
  text-align: center;
  border-radius: 10px;
  background-repeat: no-repeat;
  box-sizing: border-box;
  transform: scale(0.8);
}
#app-space.state-paused .application-label nav.breadcrumbs a:before {
  color: black;
  background-color: transparent;
}
#app-space.state-paused .application-label nav.breadcrumbs a:before {
  filter: invert(100%);
}
nav.breadcrumbs a.switch {
  width: 0;
  text-indent: -1000px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  nav.breadcrumbs a.switch {
    display: none;
  }
}
nav.breadcrumbs a.switch:before {
  text-indent: 0;
  position: absolute;
  left: 0;
  font-family: fontello;
  content: "▾";
  font-size: 16px;
  display: inline-block;
  margin-left: 7px;
}
nav.breadcrumbs a .workspace-state {
  background: rgba(255, 255, 255, 0.3);
  color: white;
  display: inline-block;
  line-height: 1.5em;
  padding: 0.2em 0.5em 0.1em;
  font-size: 0.8em;
  margin-left: 0.8em;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.2) 2px, rgba(255, 255, 255, 0.2) 4px);
}
nav.breadcrumbs form.doc-title {
  color: black;
}

.pat-button {
  font-family: "Roboto", sans-serif;
  margin: 0;
  border: none;
  cursor: default;
  border-radius: 10px;
  background-image: none;
  text-decoration: none;
  line-height: var(--pat-button-height);
  white-space: nowrap;
  display: inline-block;
  padding: var(--pat-button-paddings);
  font-size: 1em;
  vertical-align: text-bottom;
  font-weight: var(--pat-button-font-weight);
  box-shadow: none;
  color: #009ee2;
  background-color: rgba(0, 0, 0, 0.08);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.pat-button:before {
  line-height: inherit;
}
.pat-button:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-button:hover {
  color: color-mix(in lch, colour-link, black 90%);
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: color-mix(in lch, colour-link, black 90%);
}
.pat-button.default {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.pat-button.default:hover {
  background-color: #009ee2;
  color: white;
}
.pat-button[disabled], .pat-button.disabled, .pat-button:is(a):not([href]), .pat-button.default[disabled], .pat-button.default.disabled, .pat-button:is(a).default:not([href]) {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
.pat-button[disabled]:hover, .pat-button.disabled:hover, .pat-button:is(a):not([href]):hover, .pat-button.default[disabled]:hover, .pat-button.default.disabled:hover, .pat-button:is(a).default:not([href]):hover {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
@media print {
  .pat-button {
    display: none;
  }
}
.pat-button.small {
  font-size: 15px;
  padding: 0 12px;
  height: 22px;
  line-height: 20px;
  vertical-align: baseline;
  box-shadow: none;
  font-weight: 600;
}
.pat-button.small:before {
  font-size: 15px;
}
.pat-button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.pat-button.iconified {
  width: 30px;
  padding: 0;
}
.pat-button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: 35px;
}
.pat-button.link {
  padding: 0;
  display: inline;
  background: none;
  color: #009ee2;
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.pat-button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: black;
}
.pat-button.no-label {
  padding: 0;
  aspect-ratio: 1/1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.pat-button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.pat-button:before {
  font-weight: normal;
  margin-right: 5px;
}
.pat-button.add:before {
  font-family: fontello;
  content: "\e825";
}
.pat-button:not([disabled]).default:hover {
  -webkit-filter: brightness(1.1);
  filter: brightness(1.1);
}

a.pat-button {
  text-decoration: none;
}
a.pat-button:not([href]), a.pat-button:not([href]):hover {
  color: rgba(0, 0, 0, 0.2);
  cursor: default;
  box-shadow: none;
}

.button.icon-cog-many:before {
  /*exeption for wide many cogs icon*/
  margin-right: 6px;
}

a.button:focus,
button:focus,
*[data-option].focus:after,
input:focus,
.select2-container-multi.select2-container-active,
textarea:focus {
  border-color: #0081be;
}

button.link {
  border-style: none;
  background: none;
  padding: 0;
  cursor: pointer;
  font-size: 1em;
  color: #009ee2;
  line-height: initial;
}
button.link:hover {
  text-decoration: underline;
}

a.button.dropdown,
button.dropdown {
  position: relative;
  padding-right: 1.6em;
}

a.button.dropdown:after,
button.dropdown:after {
  content: "▾";
  display: inline-block;
  font: 18px fontello;
  position: absolute;
  right: 4px;
}

a.button.dropdown[class*=icon-], button.dropdown[class*=icon-] {
  padding-right: 12px;
}

a.button.dropdown[class*=icon-]:after, button.dropdown[class*=icon-]:after {
  display: none;
}

a.button.tentative, button.tentative, ul.cal-events label[data-option=Tentative] select {
  background-color: #ff9300;
  color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9de96", endColorstr="#398235",GradientType=0 );
  border: 1px solid #c46f00;
  text-decoration: none;
}

a.button.confirmative, button.confirmative, ul.cal-events label[data-option=Confirmed] select {
  background-color: #5bb75b;
  color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c9de96", endColorstr="#398235",GradientType=0 );
  border: 1px solid #298f00;
  text-decoration: none;
}

a.button.negative, button.negative, ul.cal-events label[data-option=Declined] select {
  background-color: red;
  color: white;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffcb91", endColorstr="#ff1a00",GradientType=0 );
  border: 1px solid #941100;
  text-decoration: none;
}

button.on,
a.button:active,
#sidebar.tagging-on #button-batch-tagging,
a.button.dropdown.active,
.sidebar-left-open #toolbar-main #sidebar-toggle {
  color: #D40E16;
}

a.disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

button[disabled=disabled], button:disabled {
  opacity: 0.4;
  filter: alpha(opacity=40);
}

.button-cluster {
  overflow: hidden;
  display: inline-block;
  margin: 0;
}
.button-cluster.small .pat-button {
  font-size: 15px;
}

.button-cluster.float-before {
  margin-right: 5px;
}
.button-cluster button,
.button-cluster a.button,
.button-cluster .pat-button {
  margin: 0;
  border-radius: 0;
  border-left-style: none;
  float: left;
}
.button-cluster button.active,
.button-cluster a.button.active,
.button-cluster .pat-button.active {
  color: white;
  background: #D40E16;
}
.button-cluster :first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-left-style: none;
}

.button-cluster :last-child {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.button-bar {
  clear: left;
  margin-bottom: 1rem;
  display: flex;
  align-items: start;
  justify-content: left;
  gap: 10px;
}
.button-bar .pat-button {
  margin: 0;
}
.button-bar .pat-button.small {
  vertical-align: middle;
}
.button-bar:after {
  content: " ";
  display: table;
  clear: both;
}
.button-bar .iconified.pat-button {
  font-family: "Roboto", sans-serif;
  margin: 0;
  border: none;
  cursor: default;
  border-radius: 10px;
  background-image: none;
  text-decoration: none;
  line-height: var(--pat-button-height);
  white-space: nowrap;
  display: inline-block;
  padding: var(--pat-button-paddings);
  font-size: 1em;
  vertical-align: text-bottom;
  font-weight: var(--pat-button-font-weight);
  box-shadow: none;
  color: #009ee2;
  background-color: rgba(0, 0, 0, 0.08);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.button-bar .iconified.pat-button:before {
  line-height: inherit;
}
.button-bar .iconified.pat-button:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.button-bar .iconified.pat-button:hover {
  color: color-mix(in lch, colour-link, black 90%);
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: color-mix(in lch, colour-link, black 90%);
}
.button-bar .iconified.pat-button.default {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.button-bar .iconified.pat-button.default:hover {
  background-color: #009ee2;
  color: white;
}
.button-bar .iconified.pat-button[disabled], .button-bar .iconified.pat-button.disabled, .button-bar .iconified.pat-button:is(a):not([href]), .button-bar .iconified.pat-button.default[disabled], .button-bar .iconified.pat-button.default.disabled, .button-bar .iconified.pat-button:is(a).default:not([href]) {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
.button-bar .iconified.pat-button[disabled]:hover, .button-bar .iconified.pat-button.disabled:hover, .button-bar .iconified.pat-button:is(a):not([href]):hover, .button-bar .iconified.pat-button.default[disabled]:hover, .button-bar .iconified.pat-button.default.disabled:hover, .button-bar .iconified.pat-button:is(a).default:not([href]):hover {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
@media print {
  .button-bar .iconified.pat-button {
    display: none;
  }
}
.button-bar .iconified.pat-button.small {
  font-size: 15px;
  padding: 0 12px;
  height: 22px;
  line-height: 20px;
  vertical-align: baseline;
  box-shadow: none;
  font-weight: 600;
}
.button-bar .iconified.pat-button.small:before {
  font-size: 15px;
}
.button-bar .iconified.pat-button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.button-bar .iconified.pat-button.iconified {
  width: 30px;
  padding: 0;
}
.button-bar .iconified.pat-button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: 35px;
}
.button-bar .iconified.pat-button.link {
  padding: 0;
  display: inline;
  background: none;
  color: #009ee2;
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.button-bar .iconified.pat-button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: black;
}
.button-bar .iconified.pat-button.no-label {
  padding: 0;
  aspect-ratio: 1/1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.button-bar .iconified.pat-button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.button-bar .iconified.pat-button:before {
  font-weight: normal;
  margin-right: 5px;
}
.button-bar .iconified.pat-button.add:before {
  font-family: fontello;
  content: "\e825";
}
.button-bar .iconified:not(.pat-button) {
  float: right;
  line-height: 1.5em;
  border-left: 1em solid transparent;
  border-right: 0 solid transparent;
  margin: -0.5em 0;
  padding: 0.5em 0;
  color: #666;
  cursor: default;
}
.button-bar .iconified:not(.pat-button):hover, .button-bar .iconified:not(.pat-button):active {
  color: black;
}
.button-bar br {
  display: none;
}
.button-bar.centred {
  text-align: center;
}
.button-bar button.float-after,
.button-bar a.button.float-after,
.button-bar .pat-button.float-after {
  margin-left: 10px;
  margin-right: 0;
}

.button-navigation-back {
  box-shadow: none !important;
}
@media only screen and (min-width: 768px) {
  .button-navigation-back {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .button-navigation-back {
    max-width: calc(100% - 140px);
    line-height: 1.5em;
    float: left;
    box-shadow: none;
    border: none;
    background: none;
    padding: 0 10px;
    line-height: 54px;
    height: 49px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    top: 0;
    left: 0;
    position: fixed;
    color: black;
    display: none;
    background: white;
    font-size: 20px;
    z-index: 0;
    font-weight: normal;
  }
  .button-navigation-back:hover {
    background: white;
    filter: none !important;
  }
  .button-navigation-back#back-to-overview {
    width: 100px;
    overflow: hidden;
    z-index: 0;
    color: transparent;
  }
  .button-navigation-back#back-to-overview:before {
    color: black;
  }
  #app-space.state-on .button-navigation-back#back-to-overview {
    display: block;
  }
  #app-space.state-on .application-body.sidebar-left-open.focus-sidebar .button-navigation-back#back-to-parent, #app-space.state-on .application-body.nav-level-2 .button-navigation-back#back-to-parent {
    display: block;
    z-index: 1;
  }
  #app-space.state-on .application-body.sidebar-left-open.focus-document .button-navigation-back#back-to-sidebar {
    display: block;
    z-index: 1;
  }
  #app-space.state-on .application-body.focus-document .button-navigation-back#back-to-canvas {
    display: block;
    z-index: 1;
  }
  .button-navigation-back:hover {
    text-decoration: none;
    color: black;
  }
}

.pat-calendar#calendar-app {
  background: white;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.application-workspace.sidebar-left-closed .pat-calendar#calendar-app {
  left: 50px;
}
.pat-calendar .cal-title {
  font-size: 1em;
  font-weight: normal;
  position: absolute;
  left: 0;
  padding-left: 150px;
  top: 12px;
  color: black;
  line-height: 35px;
}
@media only screen and (max-width: 767px) {
  .pat-calendar .cal-title {
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 15px;
    font-weight: bold;
    text-align: center;
  }
}
.pat-calendar > .fc-content {
  display: none;
}
.pat-calendar table {
  margin: 0;
}
.application-calendar .pat-calendar .canvas-toolbar, .application-workspaces .pat-calendar .canvas-toolbar {
  padding: 13px 2rem;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  right: 0;
  color: rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 767px) {
  .application-calendar .pat-calendar .canvas-toolbar, .application-workspaces .pat-calendar .canvas-toolbar {
    padding: 13px 15px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pat-calendar .canvas-toolbar .alien-calendars {
    display: none;
  }
}
.pat-calendar .canvas-toolbar button {
  border-style: none;
  background-image: none;
  margin: 0 0.8em 0 0;
  box-shadow: inherit;
  outline: none;
  padding: 0;
  float: left;
  height: inherit;
}
.pat-calendar .canvas-toolbar button.view-month:before, .pat-calendar .canvas-toolbar button.view-week:before, .pat-calendar .canvas-toolbar button.view-day:before, .pat-calendar .canvas-toolbar button.view-listDay:before, .pat-calendar .canvas-toolbar button.view-listMonth:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 1279px) {
  .pat-calendar .canvas-toolbar button.view-month, .pat-calendar .canvas-toolbar button.view-week, .pat-calendar .canvas-toolbar button.view-day, .pat-calendar .canvas-toolbar button.view-listDay, .pat-calendar .canvas-toolbar button.view-listMonth {
    width: 40px;
    overflow: hidden;
    padding: 0;
    color: transparent;
  }
  .pat-calendar .canvas-toolbar button.view-month:before, .pat-calendar .canvas-toolbar button.view-week:before, .pat-calendar .canvas-toolbar button.view-day:before, .pat-calendar .canvas-toolbar button.view-listDay:before, .pat-calendar .canvas-toolbar button.view-listMonth:before {
    width: 100%;
    text-align: center;
  }
}
.pat-calendar .canvas-toolbar button.view-month:before {
  content: "\e824";
}
.pat-calendar .canvas-toolbar button.view-day:before {
  content: "\e824";
}
.pat-calendar .canvas-toolbar button.view-week:before {
  content: "\e826";
}
.pat-calendar .canvas-toolbar button.view-listDay:before, .pat-calendar .canvas-toolbar button.view-listMonth:before {
  content: "☰";
  margin-right: 4px;
}
@media only screen and (max-width: 767px) {
  .pat-calendar .canvas-toolbar button.jump-today {
    width: 0.6em;
    color: transparent;
    line-height: 1.4;
  }
  .pat-calendar .canvas-toolbar button.jump-today:before {
    font-family: fontello;
    content: "\f111";
    text-align: center;
    color: black;
    font-size: 0.6em;
  }
}
.pat-calendar .canvas-toolbar button.active {
  border-style: none;
  background-image: none;
  box-shadow: inherit;
  outline: none;
  background: #D40E16;
  color: white;
}
.pat-calendar .canvas-toolbar .cal-nav {
  float: left;
}
.pat-calendar .canvas-toolbar .cal-categories {
  float: right;
}
.pat-calendar .canvas-toolbar .cal-categories > button,
.pat-calendar .canvas-toolbar .cal-categories > label,
.pat-calendar .canvas-toolbar .cal-categories > fieldset,
.pat-calendar .canvas-toolbar .cal-categories > a {
  margin-left: 1em;
}
body[dir=rtl] .pat-calendar .canvas-toolbar .cal-categories > button,
body[dir=rtl] .pat-calendar .canvas-toolbar .cal-categories > label,
body[dir=rtl] .pat-calendar .canvas-toolbar .cal-categories > fieldset,
body[dir=rtl] .pat-calendar .canvas-toolbar .cal-categories > a {
  margin-left: 0;
  margin-right: 1em;
}
@media only screen and (max-width: 767px) {
  .pat-calendar .canvas-toolbar .cal-categories .icon-ellipsis {
    display: none;
  }
}
.pat-calendar .canvas-toolbar .cal-categories label.alien-calendars {
  margin-top: 7px;
}
.pat-calendar .canvas-toolbar .cal-categories label.timezone {
  white-space: nowrap;
  width: 106px;
  padding-left: 0;
  line-height: 35px;
  height: 35px;
}
@media only screen and (max-width: 767px) {
  .pat-calendar .canvas-toolbar .cal-categories label.timezone {
    display: none;
  }
}
.pat-calendar .canvas-toolbar .cal-categories label.timezone:before {
  max-width: 60px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  white-space: nowrap;
  height: 35px;
  padding-left: 10px;
  color: black;
  font-weight: normal;
  font-size: 18px;
}
.pat-calendar .canvas-toolbar .cal-categories label.timezone:after {
  line-height: 35px;
  height: 35px;
  text-overflow: inherit;
  background-position: 0 9px;
}
.document-body .pat-calendar div.pat-calendar__fc, #document-body .pat-calendar div.pat-calendar__fc {
  position: absolute !important;
  background-color: white;
  box-sizing: border-box;
  bottom: 0;
  top: 60px;
  left: -1px;
  right: 0;
  border: none;
}
@media only screen and (max-width: 767px) {
  .document-body .pat-calendar div.pat-calendar__fc, #document-body .pat-calendar div.pat-calendar__fc {
    bottom: 60px;
  }
}
.pat-calendar .fc-day-sun,
.pat-calendar .fc-day-sat {
  background-color: rgba(0, 0, 0, 0.03);
}
.pat-calendar .fc-event.fc-daygrid-event, .pat-calendar .fc-event.fc-timegrid-event {
  border: 2px solid rgba(0, 0, 0, 0.2);
  border: 0;
  margin: 1px 2px 0;
  padding: 3px 6px;
  border-radius: 8px;
  background-color: var(--colour-accent);
  border-color: var(--colour-accent);
}
.pat-calendar .fc-event.fc-daygrid-event.calendar-absences, .pat-calendar .fc-event.fc-timegrid-event.calendar-absences {
  background-color: teal;
  border-color: teal;
}
.pat-calendar .fc-event.fc-daygrid-event.state-pending .fc-event-title:after, .pat-calendar .fc-event.fc-daygrid-event.state-approved .fc-event-title:after, .pat-calendar .fc-event.fc-daygrid-event.state-rejected .fc-event-title:after, .pat-calendar .fc-event.fc-timegrid-event.state-pending .fc-event-title:after, .pat-calendar .fc-event.fc-timegrid-event.state-approved .fc-event-title:after, .pat-calendar .fc-event.fc-timegrid-event.state-rejected .fc-event-title:after {
  font-family: fontello;
  display: inline-block;
  margin-left: 4px;
}
.pat-calendar .fc-event.fc-daygrid-event.state-pending .fc-event-title:after, .pat-calendar .fc-event.fc-timegrid-event.state-pending .fc-event-title:after {
  content: "\e82f";
}
.pat-calendar .fc-event.fc-daygrid-event.state-approved .fc-event-title:after, .pat-calendar .fc-event.fc-timegrid-event.state-approved .fc-event-title:after {
  content: "\e86a";
}
.pat-calendar .fc-event.fc-daygrid-event.state-rejected, .pat-calendar .fc-event.fc-timegrid-event.state-rejected {
  opacity: 0.5;
}
.pat-calendar .fc-event.fc-daygrid-event.state-rejected .fc-event-title:after, .pat-calendar .fc-event.fc-timegrid-event.state-rejected .fc-event-title:after {
  content: "\e803";
}
.pat-calendar .fc-event.fc-daygrid-event.cal-cat-alien, .pat-calendar .fc-event.fc-timegrid-event.cal-cat-alien {
  opacity: 0.5;
  filter: alpha(opacity=30);
}
.pat-calendar .fc-event.fc-daygrid-event.theme-light, .pat-calendar .fc-event.fc-timegrid-event.theme-light {
  color: black;
}
.pat-calendar .fc-event.fc-daygrid-event.birthday .fc-event-title:before, .pat-calendar .fc-event.fc-timegrid-event.birthday .fc-event-title:before {
  font-family: fontello;
  content: "\f1fd";
  display: inline-block;
  margin-right: 4px;
  animation: heartbeat 1s;
}
.pat-calendar .fc-col-header-cell-cushion,
.pat-calendar .fc-daygrid-day-number {
  color: black;
}
.pat-calendar .fc-col-header-cell-cushion:hover,
.pat-calendar .fc-daygrid-day-number:hover {
  text-decoration: none;
}
.pat-calendar ul.cal-events {
  display: none;
}

.calendar-medium {
  position: relative;
  display: inline-block;
  width: 100px;
  height: 52px;
  margin: 0;
  color: #797979;
  padding: 48px 4px 0px;
  background: rgba(155, 160, 167, 0.1) no-repeat;
}

.calendar-medium .day {
  font-size: 65px;
  line-height: 73px;
  position: absolute;
  left: 5px;
  top: 1px;
  font-weight: normal;
  font-style: normal;
}

.calendar-medium .month {
  text-transform: uppercase;
  font-size: 30px;
  font-weight: normal;
  font-style: normal;
  text-align: center;
  display: block;
  margin-right: -2px;
  line-height: 64px;
  width: 101px;
}

.calendar-medium .month.char-count-3 {
  letter-spacing: 13px;
  margin-left: 2px;
}

.calendar-medium .month.char-count-4 {
  letter-spacing: 3px;
}

.calendar-medium .month.char-count-5 {
  letter-spacing: 1px;
  margin-left: 2px;
  font-size: 26px;
}

.calendar-medium .month.char-count-6 {
  letter-spacing: 0;
  margin-left: 2px;
  font-size: 24px;
}

.calendar-medium .month.char-count-7 {
  letter-spacing: 0;
  margin-left: 2px;
  font-size: 20px;
}

.calendar-medium .month.char-count-8 {
  font-size: 18px;
}

.calendar-medium .month.char-count-9 {
  font-size: 16px;
  letter-spacing: 0;
}

.calendar-medium .month.char-count-10 {
  font-size: 18px;
}

.calendar-medium .month.char-count-11 {
  font-size: 18px;
}

.calendar-medium .month.char-count-12 {
  font-size: 18px;
}

.calendar-medium .year {
  display: block;
  position: absolute;
  right: -2px;
  top: 22px;
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  transform: rotate(-90deg);
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
}

#canvas-alert-bar {
  margin: 0;
  transition: 0.8s all;
  padding: 0;
}
#canvas-alert-bar .pat-message {
  margin: 0 0 40px 0;
  border-radius: 10px;
}
#canvas-alert-bar button,
#canvas-alert-bar .pat-button {
  float: right;
  margin-top: -3px;
  font-size: 0.8em;
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  #canvas-alert-bar {
    display: none;
  }
}

#canvas-banner {
  overflow: hidden;
  margin: 0 auto 2em;
  position: relative;
  border-radius: 10px;
  z-index: 1;
}
#canvas-banner figure {
  background-color: white;
  transform: initial;
  overflow: hidden;
  text-align: center;
  display: none;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #canvas-banner figure {
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  #canvas-banner figure {
    width: 100%;
    width: 30%;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
  }
  #canvas-banner figure img {
    object-fit: cover;
    position: relative;
    height: 100%;
    width: 100%;
  }
}
#canvas-banner.has-hero figure {
  display: block;
}
#canvas-banner:not(.feedback) {
  background: #fdfdc8;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 768px) {
  #canvas-banner:not(.feedback) {
    width: 80%;
  }
  #canvas-banner:not(.feedback):after {
    width: 30%;
    float: left;
    content: " ";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
#canvas-banner:not(.feedback):before {
  left: 0;
  font-family: fontello;
  font-size: 3.5em;
  color: black;
  opacity: 0.5;
  text-align: center;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  #canvas-banner:not(.feedback):before {
    position: absolute;
    width: 30%;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media only screen and (max-width: 767px) {
  #canvas-banner:not(.feedback):before {
    width: 100%;
    top: 0;
    line-height: 140px;
    height: 140px;
    background-color: rgba(0, 0, 0, 0.1);
  }
}
#canvas-banner.injecting:before, #canvas-banner.injecting:after {
  display: none;
}
#canvas-banner.injecting * {
  opacity: 0;
}
#canvas-banner.feedback {
  color: rgba(0, 0, 0, 0.3);
  margin: 0;
  width: 100%;
  font-size: 0.9em;
}
#canvas-banner.feedback * {
  text-align: center;
  margin-bottom: 1.5em;
}
#canvas-banner .title {
  padding-right: 2.5rem;
}
#canvas-banner .close-message {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: 3em;
  height: 3em;
  color: transparent !important;
  filter: none;
  border: none;
  background: none;
  outline: none;
  display: block;
  overflow: visible;
  padding: 0;
  margin: 0;
  opacity: 0.7;
  transition: transform 0.2s ease-out;
  z-index: 2;
  font-size: 10px;
}
#canvas-banner .close-message:active {
  box-shadow: inherit;
  transform: scale(0.6);
  box-shadow: none;
}
#canvas-banner .close-message:hover {
  opacity: 1;
}
#canvas-banner .close-message:before {
  font-family: fontello;
  content: "\e899";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2.5em;
  color: black;
  text-indent: 0;
}
@media only screen and (max-width: 767px) {
  #canvas-banner .close-message {
    font-size: 12px;
  }
}
#canvas-banner .content {
  padding-left: 1em;
  padding-top: 1em;
  padding-right: 1em;
  padding-bottom: 1em;
  float: right;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #canvas-banner .content {
    padding-left: calc(30% + 1em);
  }
}
#canvas-banner .content * {
  margin-bottom: 0.5rem;
}
#canvas-banner .content *:not(.read-more) {
  opacity: 0.7;
}

.canvas-grouping .group-title {
  margin-bottom: 0.5rem;
  margin-top: 0;
  line-height: 1.3;
  font-size: 1.2em;
}
.canvas-grouping .action-list {
  margin-bottom: 2rem;
}

@media only screen and (max-width: 767px) {
  .canvas-intro {
    margin: 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  .canvas-intro {
    margin: 0 auto 3em;
    padding-top: 0;
  }
  .canvas-intro * {
    text-align: center;
  }
}
@media only screen and (min-width: 1280px) {
  .canvas-intro {
    width: 80%;
  }
}
.canvas-intro h1 .pat-breadcrumbs-content {
  margin: 0 auto;
  font-size: 0.8em;
}
.canvas-intro h1:before {
  font-size: 0.7em;
}

.canvas-subnav {
  margin-bottom: 35px;
  font-size: 0.9em;
  z-index: 1;
  position: relative;
}
.canvas-subnav:after {
  content: " ";
  display: table;
  clear: both;
}
@media only screen and (max-width: 767px) {
  .section-library .canvas-subnav, .section-news .canvas-subnav {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1279px) {
  .section-library .canvas-subnav {
    display: none;
  }
}
#portal-content.injecting .canvas-subnav {
  opacity: 1 !important;
}
.canvas-subnav a.contribute {
  box-shadow: 0 0 0 1px rgba(var(--colour-link), 0.3);
  background-color: rgba(var(--colour-link), 0.08);
  margin-left: 60px;
  color: var(--colour-link);
  float: right;
}
.canvas-subnav a.contribute:not(.current):hover {
  text-decoration: none;
  color: color-mix(in lch, colour-link, black 90%);
  box-shadow: 0 0 0 1px var(--colour-link);
}
.canvas-subnav a,
.canvas-subnav .pat-context-menu {
  display: inline-block;
  padding: 0 1em 0 1em;
  margin: 0 0.2em 0.6em;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 1em;
  cursor: pointer;
}
.canvas-subnav a:hover,
.canvas-subnav .pat-context-menu:hover {
  text-decoration: underline;
  color: black;
}
.canvas-subnav a.current, .canvas-subnav a.open,
.canvas-subnav .pat-context-menu.current,
.canvas-subnav .pat-context-menu.open {
  color: black;
  cursor: default;
}
.canvas-subnav a.current:hover, .canvas-subnav a.open:hover,
.canvas-subnav .pat-context-menu.current:hover,
.canvas-subnav .pat-context-menu.open:hover {
  text-decoration: none;
}
.canvas-subnav a.current,
.canvas-subnav .pat-context-menu.current {
  background: rgba(0, 0, 0, 0.1);
}
.canvas-subnav .pat-context-menu {
  padding-right: 0;
}
.canvas-subnav .pat-context-menu .label.collapsible-closed {
  color: rgba(0, 0, 0, 0.6);
}
.canvas-subnav .pat-context-menu.current .label.collapsible-closed {
  color: black;
}
.canvas-subnav .pat-context-menu a.current {
  margin: 0 calc(-1em + 3px);
  padding: 0.2em 1em;
  border-radius: 0;
}
@media print {
  .canvas-subnav {
    display: none;
  }
}

.pat-toolbar#event-toolbar > * {
  grid-template-columns: 1fr 0 1fr;
}

.canvas-toolbar {
  --pat-select-box-height: 35px;
  color: rgba(0, 0, 0, 0.6);
  position: relative;
  z-index: 2;
  flex-wrap: nowrap;
  height: 35px;
  padding: 10px;
  margin: 0 -10px 40px;
  border-radius: 10px;
}
.canvas-toolbar:after {
  content: " ";
  display: table;
  clear: both;
}
.canvas-toolbar.inline {
  margin: 0;
  padding: 0;
}
.canvas-toolbar.sticky {
  -webkit-position: sticky;
  position: sticky;
  transition: box-shadow 1s;
  top: -40px;
  transition: all 1s;
}
.document-body:not(.scroll-position-top) .canvas-toolbar.sticky, .document-content:not(.scroll-position-top) .canvas-toolbar.sticky, .canvas-toolbar.sticky.sticking {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.9);
}
.backdropfilter .document-body:not(.scroll-position-top) .canvas-toolbar.sticky, .backdropfilter .document-content:not(.scroll-position-top) .canvas-toolbar.sticky, .backdropfilter .canvas-toolbar.sticky.sticking {
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px) saturate(4) brightness(1.2);
  backdrop-filter: blur(10px) saturate(4) brightness(1.2);
}
.canvas-toolbar.superimposed {
  position: absolute;
  top: 10px;
  width: calc(100% - 20px);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.9);
}
.backdropfilter .canvas-toolbar.superimposed {
  background-color: rgba(255, 255, 255, 0.15);
  -webkit-backdrop-filter: blur(50px) saturate(4) brightness(1.2);
  backdrop-filter: blur(50px) saturate(4) brightness(1.2);
}
.canvas-toolbar button {
  font-size: 1em;
  line-height: var(--pat-button-line-height);
}
.canvas-toolbar.toolbar-news-overview .canvas-toolbar-section.navigation .canvas-toolbar-subnav, #magazine-preview .canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav {
  max-width: calc(100% - 250px);
}
.canvas-toolbar .ueber-back-button {
  margin-right: 1em;
  vertical-align: top;
}
.canvas-toolbar .saving-badge {
  display: inline-block;
  margin-left: 10px;
  font-size: 23px;
  background: transparent !important;
  animation: bounceIn 0.3s;
}
.canvas-toolbar .saving-badge:before {
  content: "\f192";
  color: green;
  position: relative;
  z-index: 1;
  background: transparent !important;
}
.canvas-toolbar .saving-badge:after {
  display: block;
  line-height: 35px;
  background-color: #A6E300;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  content: " ";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.canvas-toolbar .saving-badge.injecting, .canvas-toolbar .saving-badge.saving {
  background-color: white;
}
.canvas-toolbar .saving-badge.injecting:before, .canvas-toolbar .saving-badge.saving:before {
  color: red;
}
.canvas-toolbar .saving-badge.injecting:after, .canvas-toolbar .saving-badge.saving:after {
  background-color: #ffc966;
}
.canvas-toolbar .saving-badge.active:not(.injecting):before {
  color: green !important;
}
.canvas-toolbar .locked-tag {
  font-family: "Roboto", sans-serif;
  margin: 0;
  border: none;
  cursor: default;
  border-radius: 10px;
  background-image: none;
  text-decoration: none;
  line-height: var(--pat-button-height);
  white-space: nowrap;
  display: inline-block;
  padding: var(--pat-button-paddings);
  font-size: 1em;
  vertical-align: text-bottom;
  font-weight: var(--pat-button-font-weight);
  box-shadow: none;
  color: #009ee2;
  background-color: rgba(0, 0, 0, 0.08);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  background: orange;
  margin-left: 10px;
  color: rgba(0, 0, 0, 0.6);
}
.canvas-toolbar .locked-tag:before {
  line-height: inherit;
}
.canvas-toolbar .locked-tag:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.canvas-toolbar .locked-tag:hover {
  color: color-mix(in lch, colour-link, black 90%);
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: color-mix(in lch, colour-link, black 90%);
}
.canvas-toolbar .locked-tag.default {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.canvas-toolbar .locked-tag.default:hover {
  background-color: #009ee2;
  color: white;
}
.canvas-toolbar .locked-tag[disabled], .canvas-toolbar .locked-tag.disabled, .canvas-toolbar .locked-tag:is(a):not([href]), .canvas-toolbar .locked-tag.default[disabled], .canvas-toolbar .locked-tag.default.disabled, .canvas-toolbar .locked-tag:is(a).default:not([href]) {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
.canvas-toolbar .locked-tag[disabled]:hover, .canvas-toolbar .locked-tag.disabled:hover, .canvas-toolbar .locked-tag:is(a):not([href]):hover, .canvas-toolbar .locked-tag.default[disabled]:hover, .canvas-toolbar .locked-tag.default.disabled:hover, .canvas-toolbar .locked-tag:is(a).default:not([href]):hover {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
@media print {
  .canvas-toolbar .locked-tag {
    display: none;
  }
}
.canvas-toolbar .locked-tag.small {
  font-size: 15px;
  padding: 0 12px;
  height: 22px;
  line-height: 20px;
  vertical-align: baseline;
  box-shadow: none;
  font-weight: 600;
}
.canvas-toolbar .locked-tag.small:before {
  font-size: 15px;
}
.canvas-toolbar .locked-tag:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.canvas-toolbar .locked-tag.iconified {
  width: 30px;
  padding: 0;
}
.canvas-toolbar .locked-tag.iconified:before {
  width: 100%;
  text-align: center;
  line-height: 35px;
}
.canvas-toolbar .locked-tag.link {
  padding: 0;
  display: inline;
  background: none;
  color: #009ee2;
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.canvas-toolbar .locked-tag.link:hover {
  background: none;
  text-decoration: underline !important;
  color: black;
}
.canvas-toolbar .locked-tag.no-label {
  padding: 0;
  aspect-ratio: 1/1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.canvas-toolbar .locked-tag.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.canvas-toolbar .locked-tag:before {
  font-weight: normal;
  margin-right: 5px;
}
.canvas-toolbar .locked-tag.add:before {
  font-family: fontello;
  content: "\e825";
}
.canvas-toolbar .locked-tag:before {
  font-family: fontello;
  content: "\e8a3";
  display: inline-block;
  margin-right: 0.2em;
}
.canvas-toolbar .locked-tag:hover, .canvas-toolbar .locked-tag.active, .canvas-toolbar .locked-tag.tooltip-active-click {
  color: black;
  background: #cc8400 !important;
}
.canvas-toolbar .canvas-toolbar-section {
  vertical-align: top;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .canvas-toolbar .canvas-toolbar-section {
    white-space: nowrap;
    -webkit-flex-grow: 1;
    -webkit-flex-shrink: 1;
    min-width: 0%;
    padding: 0 10px;
    float: left;
  }
  body[dir=rtl] .canvas-toolbar .canvas-toolbar-section {
    float: right;
  }
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar .canvas-toolbar-section {
    text-align: left;
  }
  body[dir=rtl] .canvas-toolbar .canvas-toolbar-section {
    text-align: right;
  }
}
.canvas-toolbar .canvas-toolbar-section * {
  white-space: normal;
}
.canvas-toolbar .canvas-toolbar-section:after {
  content: "&nbsp;";
  font-size: 0;
  display: block;
  height: 1px;
  width: 0;
}
.canvas-toolbar .canvas-toolbar-section:last-child {
  padding-right: 0;
}
.canvas-toolbar .canvas-toolbar-section:first-child {
  padding-left: 0;
}
.canvas-toolbar .canvas-toolbar-section:first-child > .icon,
.canvas-toolbar .canvas-toolbar-section:first-child > .button-cluster,
.canvas-toolbar .canvas-toolbar-section:first-child > .pat-select {
  margin-left: 0;
}
.canvas-toolbar .canvas-toolbar-section:first-child > .icon,
.canvas-toolbar .canvas-toolbar-section:first-child > .ueber-back-button,
.canvas-toolbar .canvas-toolbar-section:first-child > .button-cluster,
.canvas-toolbar .canvas-toolbar-section:first-child > .pat-select {
  margin-right: 1em;
}
@media only screen and (min-width: 768px) {
  .canvas-toolbar .canvas-toolbar-section.rsvp {
    width: 480px;
  }
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar .canvas-toolbar-section.rsvp {
    width: 150px;
    float: left;
  }
  body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.rsvp {
    float: right;
  }
}
.canvas-toolbar .canvas-toolbar-section.rsvp .voting-bar {
  margin: 0;
}
.canvas-toolbar .canvas-toolbar-section.rsvp .voting-bar .pat-checklist {
  background-color: white;
}
.canvas-toolbar .canvas-toolbar-section.editor .icon {
  margin-right: 0;
}
.canvas-toolbar .canvas-toolbar-section.editor .editor-toolbar {
  outline: none !important;
}
.canvas-toolbar .canvas-toolbar-section.editor .editor-toolbar.tiptap {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s;
}
.canvas-toolbar .canvas-toolbar-section.editor .editor-toolbar.tiptap-focus {
  opacity: 1;
  pointer-events: all;
}
.more-metadata .canvas-toolbar .canvas-toolbar-section.editor .editor-toolbar {
  opacity: 0;
  pointer-events: none;
}
.canvas-toolbar .canvas-toolbar-section.editor .title-group {
  position: relative;
  display: block;
  float: left;
  width: 100%;
  transition: all 1s;
  animation: fadeIn 0.4s;
}
.canvas-toolbar .canvas-toolbar-section.editor .title-group:after {
  content: " ";
  display: table;
  clear: both;
}
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.editor .title-group {
  float: right;
}
.less-metadata .canvas-toolbar .canvas-toolbar-section.editor .title-group {
  display: none;
}
.canvas-toolbar .canvas-toolbar-section.editor .title-group .doc-title {
  font-size: 1em;
  float: left;
  font-weight: normal;
  color: transparent;
  font-weight: bold;
  line-height: 35px;
  overflow: hidden;
  display: block;
  width: 100%;
  white-space: nowrap;
}
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.editor .title-group .doc-title {
  float: right;
}
.read-only .canvas-toolbar .canvas-toolbar-section.editor .title-group .doc-title {
  color: rgba(0, 0, 0, 0.5);
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar .canvas-toolbar-section.editor .title-group .doc-title {
    display: none;
  }
}
.canvas-toolbar .canvas-toolbar-section.editor .title-group .doc-title.pat-content-mirror {
  background-color: transparent;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  color: black;
  resize: none;
  width: 100%;
  height: 100%;
  overflow: none;
}
.canvas-toolbar .canvas-toolbar-section.editor .title-group .doc-title.pat-content-mirror:focus {
  border-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
  outline: none;
}
.canvas-toolbar .canvas-toolbar-section.view-options .button-cluster,
.canvas-toolbar .canvas-toolbar-section.view-options .pat-buttton,
.canvas-toolbar .canvas-toolbar-section.view-options > .icon {
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar .canvas-toolbar-section.view-options {
    float: left;
    width: auto;
  }
  body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.view-options {
    float: right;
  }
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar .canvas-toolbar-section.quick-navigation {
    float: left;
  }
  body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.quick-navigation {
    float: right;
  }
}
@media only screen and (min-width: 768px) {
  .canvas-toolbar .canvas-toolbar-section.quick-functions {
    float: right;
  }
  body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.quick-functions {
    float: left;
  }
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar .canvas-toolbar-section.quick-functions {
    float: right;
    width: auto;
  }
  body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.quick-functions {
    float: left;
  }
}
.canvas-toolbar .canvas-toolbar-section.functions {
  float: none;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .canvas-toolbar .canvas-toolbar-section.navigation {
    text-align: center;
    width: 60%;
  }
}
.canvas-toolbar .canvas-toolbar-section.navigation .pat-select {
  margin: 0;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15);
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav {
  position: relative;
  height: var(--pat-button-height);
  line-height: var(--pat-button-height);
  border-radius: 10px;
  overflow: visible;
  float: none;
  white-space: nowrap;
  max-width: 100%;
  font-size: 0;
  vertical-align: top;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.align-centre {
  position: absolute;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.pat-tabs {
  box-sizing: border-box;
}
.js .canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.pat-tabs {
  opacity: 0;
  transition: opacity 1s;
}
.js .canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.pat-tabs.tabs-ready {
  opacity: 1;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.pat-tabs.tabs-wrapped {
  padding-right: 60px;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav a {
  float: none;
  display: inline-block;
  font-size: 18px;
  vertical-align: top;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav a.icon {
  width: 14px;
  padding: 0 20px;
  color: transparent;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav a.icon:before {
  margin-right: 20px;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs {
  overflow: visible;
  height: auto;
  width: 300px;
  padding-bottom: 15px;
  padding-top: 60px;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs:before {
  color: black;
  background-color: rgba(255, 255, 255, 0.4);
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs:after {
  border-color: silver;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs a {
  animation: fadeIn 0.5s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs {
  font-size: 18px;
  width: 300px;
  padding-top: calc(var(--pat-button-height) + 10px);
  display: inline-block;
  float: right;
  height: 0;
  width: calc(var(--pat-button-height) + 20px);
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  background: transparent !important;
  box-shadow: none !important;
  box-sizing: border-box;
  -webkit-transition: all 0.1s;
}
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs {
  float: left;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs:before {
  font-family: fontello;
  content: "\e87b";
  display: block;
  height: var(--pat-button-height);
  line-height: var(--pat-button-height);
  width: calc(var(--pat-button-height) + 20px);
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs:after {
  content: " ";
  display: block;
  position: absolute;
  top: calc(var(--pat-button-height) + 10px);
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid rgba(0, 0, 0, 0);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  background: white;
  transition: border 0.2s;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs:hover:before {
  background-color: rgba(255, 255, 255, 0.4);
  color: black;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs a {
  display: block;
  float: none;
  padding: 0.4em 0.7em;
  line-height: 1.5;
  text-align: left;
  color: black;
  position: relative;
  z-index: 1;
  border: none !important;
  opacity: 0;
  border-radius: 0 !important;
}
body[dir=rtl] .canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs a {
  text-align: right;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs a:hover {
  background-color: rgba(0, 0, 0, 0.05);
  text-decoration: none;
}
.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs a.current {
  background: var(--colour-accent);
  color: white;
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar {
    margin-bottom: 15px;
  }
}
@media print {
  .canvas-toolbar {
    display: none;
  }
}
.canvas-toolbar .bar-title {
  margin: 0 1em 0 0;
  float: left;
  color: black;
  font-size: 30px;
}
body[dir=rtl] .canvas-toolbar .bar-title {
  float: right;
}
.canvas-toolbar > label.pat-checklist {
  margin-right: 1em;
}
.canvas-toolbar > label.pat-checklist:hover {
  color: black;
}
.canvas-toolbar .icons,
.canvas-toolbar .functions {
  float: right;
  white-space: nowrap;
}
body[dir=rtl] .canvas-toolbar .icons,
body[dir=rtl] .canvas-toolbar .functions {
  float: left;
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar .icons,
  .canvas-toolbar .functions {
    text-align: right;
  }
  body[dir=rtl] .canvas-toolbar .icons,
  body[dir=rtl] .canvas-toolbar .functions {
    text-align: left;
  }
}
.canvas-toolbar#metadata-toolbar {
  height: auto;
  margin: 0 10px 10px;
  top: 10px;
  box-sizing: border-box;
}
@media print {
  .canvas-toolbar#metadata-toolbar {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .canvas-toolbar#metadata-toolbar {
    grid-template-columns: auto auto;
    display: grid;
  }
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar#metadata-toolbar {
    grid-template-columns: auto;
  }
}
.application-workspace .canvas-toolbar#metadata-toolbar {
  left: 60px;
}
@media only screen and (min-width: 768px) {
  .canvas-toolbar#metadata-toolbar .quick-functions {
    grid-column: 2/span 1;
  }
}
.canvas-toolbar#metadata-toolbar .quick-functions .functions {
  margin: 0;
}
.canvas-toolbar#metadata-toolbar .quick-functions .functions .icon:not(.meta-data-toggle):not(.saving-badge) {
  margin-left: 0;
}
.canvas-toolbar#metadata-toolbar .meta-extra {
  grid-column: 1/span 2;
}
.more-metadata .canvas-toolbar#metadata-toolbar {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.canvas-toolbar#image-selection-panel-toolbar, .canvas-toolbar#image-bank-selection-panel-toolbar, .canvas-toolbar#hyperlink-panel-toolbar, .canvas-toolbar#panel-create-event-toolbar, .canvas-toolbar#panel-create-event-or-calendar-toolbar, .canvas-toolbar#panel-create-document-toolbar, .canvas-toolbar#panel-create-news-toolbar, .canvas-toolbar#panel-create-task-toolbar, .canvas-toolbar#panel-create-group-division-toolbar, .canvas-toolbar#panel-create-office-document-toolbar, .canvas-toolbar#panel-add-video-toolbar {
  margin-bottom: 15px;
}
.canvas-toolbar#image-selection-panel-toolbar .canvas-toolbar-section.navigation, .canvas-toolbar#image-bank-selection-panel-toolbar .canvas-toolbar-section.navigation, .canvas-toolbar#hyperlink-panel-toolbar .canvas-toolbar-section.navigation, .canvas-toolbar#panel-create-event-toolbar .canvas-toolbar-section.navigation, .canvas-toolbar#panel-create-event-or-calendar-toolbar .canvas-toolbar-section.navigation, .canvas-toolbar#panel-create-document-toolbar .canvas-toolbar-section.navigation, .canvas-toolbar#panel-create-news-toolbar .canvas-toolbar-section.navigation, .canvas-toolbar#panel-create-task-toolbar .canvas-toolbar-section.navigation, .canvas-toolbar#panel-create-group-division-toolbar .canvas-toolbar-section.navigation, .canvas-toolbar#panel-create-office-document-toolbar .canvas-toolbar-section.navigation, .canvas-toolbar#panel-add-video-toolbar .canvas-toolbar-section.navigation {
  width: 100%;
  text-align: center;
}
.canvas-toolbar#image-selection-panel-toolbar .canvas-toolbar-section.quick-functions, .canvas-toolbar#image-bank-selection-panel-toolbar .canvas-toolbar-section.quick-functions, .canvas-toolbar#hyperlink-panel-toolbar .canvas-toolbar-section.quick-functions, .canvas-toolbar#panel-create-event-toolbar .canvas-toolbar-section.quick-functions, .canvas-toolbar#panel-create-event-or-calendar-toolbar .canvas-toolbar-section.quick-functions, .canvas-toolbar#panel-create-document-toolbar .canvas-toolbar-section.quick-functions, .canvas-toolbar#panel-create-news-toolbar .canvas-toolbar-section.quick-functions, .canvas-toolbar#panel-create-task-toolbar .canvas-toolbar-section.quick-functions, .canvas-toolbar#panel-create-group-division-toolbar .canvas-toolbar-section.quick-functions, .canvas-toolbar#panel-create-office-document-toolbar .canvas-toolbar-section.quick-functions, .canvas-toolbar#panel-add-video-toolbar .canvas-toolbar-section.quick-functions {
  position: absolute;
  top: 10px;
  right: 10px;
}
.canvas-toolbar#app-launcher-toolbar .canvas-toolbar-section.navigation {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .canvas-toolbar#library-toolbar .canvas-toolbar-section.quick-functions, .canvas-toolbar#library-toolbar .canvas-toolbar-section.quick-navigation, .canvas-toolbar#library-toolbar .canvas-toolbar-section.view-options {
    width: 20%;
  }
}
.canvas-toolbar#library-toolbar .canvas-toolbar-section.quick-navigation .ueber-back-button {
  margin-right: 0;
}
@media only screen and (min-width: 768px) {
  .canvas-toolbar#library-toolbar .canvas-toolbar-section.navigation {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar#library-toolbar .canvas-toolbar-section.navigation {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .canvas-toolbar#legal-contracts-toolbar .canvas-toolbar-section.quick-functions, .canvas-toolbar#legal-contracts-toolbar .canvas-toolbar-section.quick-navigation, .canvas-toolbar#legal-contracts-toolbar .canvas-toolbar-section.view-options {
    width: 15%;
  }
}
@media only screen and (min-width: 768px) {
  .canvas-toolbar#legal-contracts-toolbar .canvas-toolbar-section.navigation {
    width: 70%;
  }
}
.canvas-toolbar > .pat-select,
.canvas-toolbar .cal-categories .pat-select,
.canvas-toolbar .canvas-toolbar-section > .pat-select,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select {
  line-height: 35px;
  padding-top: 0;
  padding-bottom: 0;
  display: inline-block;
  border-radius: 10px;
  padding-left: 0.8em;
}
.canvas-toolbar > .pat-select:not(.bare),
.canvas-toolbar .cal-categories .pat-select:not(.bare),
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare),
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare) {
  --pat-select-box-padding-top-bottom: 0;
  --pat-select-box-box-shadow: none;
  --pat-select-box-background-color: rgba(0, 0, 0, 0.08);
  --pat-select-box-arrow-text-colour: #009ee2;
  padding: 0 75px 0 12px;
  display: inline-block;
  height: var(--pat-select-box-height);
  line-height: var(--pat-select-box-height);
  padding-top: var(--pat-select-box-padding-top-bottom);
  padding-bottom: var(--pat-select-box-padding-top-bottom);
  padding-left: var(--pat-select-box-padding-start);
  padding-right: calc(var(--pat-select-box-arrow-width) + var(--pat-select-box-padding-start) / 2);
  position: relative;
  font-weight: normal !important;
  position: relative;
  box-sizing: border-box;
  border: var(--pat-form-input-field-border);
  border-radius: var(--pat-form-input-field-border-radius);
  box-shadow: var(--pat-select-box-box-shadow);
  outline: var(--pat-form-input-field-outline);
  outline-offset: var(--pat-form-input-field-outline-offset);
  color: var(--pat-select-box-arrow-text-colour);
  font-size: var(--pat-select-box-font-size);
  max-width: 100%;
  background-color: var(--pat-select-box-background-colour);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}
.canvas-toolbar > .pat-select:not(.bare):hover,
.canvas-toolbar .cal-categories .pat-select:not(.bare):hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare):hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare):hover {
  background-color: var(--pat-select-box-background-colour-hover);
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=draft], .canvas-toolbar > .pat-select:not(.bare).state-draft,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=draft],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-draft,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=draft],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-draft,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=draft],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-draft {
  background-color: #fbead9;
  color: #996300;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=draft]:after, .canvas-toolbar > .pat-select:not(.bare).state-draft:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=draft]:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-draft:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=draft]:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-draft:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=draft]:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-draft:after {
  background-color: #f6d4b2;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=draft]:before, .canvas-toolbar > .pat-select:not(.bare)[data-value=draft]:after, .canvas-toolbar > .pat-select:not(.bare).state-draft:before, .canvas-toolbar > .pat-select:not(.bare).state-draft:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=draft]:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=draft]:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-draft:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-draft:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=draft]:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=draft]:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-draft:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-draft:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=draft]:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=draft]:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-draft:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-draft:after {
  color: #996300;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=draft]:hover, .canvas-toolbar > .pat-select:not(.bare)[data-value=draft].tooltip-active-click, .canvas-toolbar > .pat-select:not(.bare).state-draft:hover, .canvas-toolbar > .pat-select:not(.bare).state-draft.tooltip-active-click,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=draft]:hover,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=draft].tooltip-active-click,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-draft:hover,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-draft.tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=draft]:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=draft].tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-draft:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-draft.tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=draft]:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=draft].tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-draft:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-draft.tooltip-active-click {
  background-color: #f9ddc2;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=draft]:hover:after, .canvas-toolbar > .pat-select:not(.bare)[data-value=draft].tooltip-active-click:after, .canvas-toolbar > .pat-select:not(.bare).state-draft:hover:after, .canvas-toolbar > .pat-select:not(.bare).state-draft.tooltip-active-click:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=draft]:hover:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=draft].tooltip-active-click:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-draft:hover:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-draft.tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=draft]:hover:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=draft].tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-draft:hover:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-draft.tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=draft]:hover:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=draft].tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-draft:hover:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-draft.tooltip-active-click:after {
  background-color: #f3c79b;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=for-review], .canvas-toolbar > .pat-select:not(.bare).state-for-review,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=for-review],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-for-review,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=for-review],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-for-review,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=for-review],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-for-review {
  background-color: #f2d9e7;
  color: #a90061;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=for-review]:after, .canvas-toolbar > .pat-select:not(.bare).state-for-review:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=for-review]:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-for-review:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=for-review]:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-for-review:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=for-review]:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-for-review:after {
  background-color: #e5b3d0;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=for-review]:before, .canvas-toolbar > .pat-select:not(.bare)[data-value=for-review]:after, .canvas-toolbar > .pat-select:not(.bare).state-for-review:before, .canvas-toolbar > .pat-select:not(.bare).state-for-review:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=for-review]:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=for-review]:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-for-review:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-for-review:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=for-review]:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=for-review]:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-for-review:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-for-review:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=for-review]:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=for-review]:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-for-review:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-for-review:after {
  color: #5d0035;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=for-review]:hover, .canvas-toolbar > .pat-select:not(.bare)[data-value=for-review].tooltip-active-click, .canvas-toolbar > .pat-select:not(.bare).state-for-review:hover, .canvas-toolbar > .pat-select:not(.bare).state-for-review.tooltip-active-click,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=for-review]:hover,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=for-review].tooltip-active-click,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-for-review:hover,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-for-review.tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=for-review]:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=for-review].tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-for-review:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-for-review.tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=for-review]:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=for-review].tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-for-review:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-for-review.tooltip-active-click {
  background-color: #ecc6db;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=for-review]:hover:after, .canvas-toolbar > .pat-select:not(.bare)[data-value=for-review].tooltip-active-click:after, .canvas-toolbar > .pat-select:not(.bare).state-for-review:hover:after, .canvas-toolbar > .pat-select:not(.bare).state-for-review.tooltip-active-click:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=for-review]:hover:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=for-review].tooltip-active-click:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-for-review:hover:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-for-review.tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=for-review]:hover:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=for-review].tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-for-review:hover:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-for-review.tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=for-review]:hover:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=for-review].tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-for-review:hover:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-for-review.tooltip-active-click:after {
  background-color: #dfa0c4;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=approved], .canvas-toolbar > .pat-select:not(.bare).state-approved,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=approved],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-approved,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=approved],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-approved,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=approved],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-approved {
  background-color: #e1eddb;
  color: #2b6709;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=approved]:after, .canvas-toolbar > .pat-select:not(.bare).state-approved:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=approved]:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-approved:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=approved]:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-approved:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=approved]:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-approved:after {
  background-color: #c4dbb6;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=approved]:before, .canvas-toolbar > .pat-select:not(.bare)[data-value=approved]:after, .canvas-toolbar > .pat-select:not(.bare).state-approved:before, .canvas-toolbar > .pat-select:not(.bare).state-approved:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=approved]:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=approved]:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-approved:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-approved:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=approved]:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=approved]:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-approved:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-approved:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=approved]:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=approved]:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-approved:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-approved:after {
  color: #1b4106;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=approved]:hover, .canvas-toolbar > .pat-select:not(.bare)[data-value=approved].tooltip-active-click, .canvas-toolbar > .pat-select:not(.bare).state-approved:hover, .canvas-toolbar > .pat-select:not(.bare).state-approved.tooltip-active-click,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=approved]:hover,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=approved].tooltip-active-click,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-approved:hover,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-approved.tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=approved]:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=approved].tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-approved:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-approved.tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=approved]:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=approved].tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-approved:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-approved.tooltip-active-click {
  background-color: #d3e5ca;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=approved]:hover:after, .canvas-toolbar > .pat-select:not(.bare)[data-value=approved].tooltip-active-click:after, .canvas-toolbar > .pat-select:not(.bare).state-approved:hover:after, .canvas-toolbar > .pat-select:not(.bare).state-approved.tooltip-active-click:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=approved]:hover:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=approved].tooltip-active-click:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-approved:hover:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-approved.tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=approved]:hover:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=approved].tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-approved:hover:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-approved.tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=approved]:hover:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=approved].tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-approved:hover:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-approved.tooltip-active-click:after {
  background-color: #b6d3a5;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=published], .canvas-toolbar > .pat-select:not(.bare)[data-value=sent], .canvas-toolbar > .pat-select:not(.bare).state-published, .canvas-toolbar > .pat-select:not(.bare).state-sent,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=published],
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=sent],
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-published,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-sent,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=published],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=sent],
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-published,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-sent,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=published],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=sent],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-published,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-sent {
  background-color: #e5f0f9;
  color: #01354f;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=published]:after, .canvas-toolbar > .pat-select:not(.bare)[data-value=sent]:after, .canvas-toolbar > .pat-select:not(.bare).state-published:after, .canvas-toolbar > .pat-select:not(.bare).state-sent:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=published]:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=sent]:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-published:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-sent:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=published]:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=sent]:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-published:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-sent:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=published]:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=sent]:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-published:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-sent:after {
  background-color: #cce0f1;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=published]:before, .canvas-toolbar > .pat-select:not(.bare)[data-value=published]:after, .canvas-toolbar > .pat-select:not(.bare)[data-value=sent]:before, .canvas-toolbar > .pat-select:not(.bare)[data-value=sent]:after, .canvas-toolbar > .pat-select:not(.bare).state-published:before, .canvas-toolbar > .pat-select:not(.bare).state-published:after, .canvas-toolbar > .pat-select:not(.bare).state-sent:before, .canvas-toolbar > .pat-select:not(.bare).state-sent:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=published]:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=published]:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=sent]:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=sent]:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-published:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-published:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-sent:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-sent:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=published]:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=published]:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=sent]:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=sent]:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-published:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-published:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-sent:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-sent:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=published]:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=published]:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=sent]:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=sent]:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-published:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-published:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-sent:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-sent:after {
  color: #01354f;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=published]:hover, .canvas-toolbar > .pat-select:not(.bare)[data-value=published].tooltip-active-click, .canvas-toolbar > .pat-select:not(.bare)[data-value=sent]:hover, .canvas-toolbar > .pat-select:not(.bare)[data-value=sent].tooltip-active-click, .canvas-toolbar > .pat-select:not(.bare).state-published:hover, .canvas-toolbar > .pat-select:not(.bare).state-published.tooltip-active-click, .canvas-toolbar > .pat-select:not(.bare).state-sent:hover, .canvas-toolbar > .pat-select:not(.bare).state-sent.tooltip-active-click,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=published]:hover,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=published].tooltip-active-click,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=sent]:hover,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=sent].tooltip-active-click,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-published:hover,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-published.tooltip-active-click,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-sent:hover,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-sent.tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=published]:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=published].tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=sent]:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=sent].tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-published:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-published.tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-sent:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-sent.tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=published]:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=published].tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=sent]:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=sent].tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-published:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-published.tooltip-active-click,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-sent:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-sent.tooltip-active-click {
  background-color: #d0e4f4;
}
.canvas-toolbar > .pat-select:not(.bare)[data-value=published]:hover:after, .canvas-toolbar > .pat-select:not(.bare)[data-value=published].tooltip-active-click:after, .canvas-toolbar > .pat-select:not(.bare)[data-value=sent]:hover:after, .canvas-toolbar > .pat-select:not(.bare)[data-value=sent].tooltip-active-click:after, .canvas-toolbar > .pat-select:not(.bare).state-published:hover:after, .canvas-toolbar > .pat-select:not(.bare).state-published.tooltip-active-click:after, .canvas-toolbar > .pat-select:not(.bare).state-sent:hover:after, .canvas-toolbar > .pat-select:not(.bare).state-sent.tooltip-active-click:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=published]:hover:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=published].tooltip-active-click:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=sent]:hover:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[data-value=sent].tooltip-active-click:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-published:hover:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-published.tooltip-active-click:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-sent:hover:after,
.canvas-toolbar .cal-categories .pat-select:not(.bare).state-sent.tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=published]:hover:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=published].tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=sent]:hover:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[data-value=sent].tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-published:hover:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-published.tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-sent:hover:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).state-sent.tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=published]:hover:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=published].tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=sent]:hover:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[data-value=sent].tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-published:hover:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-published.tooltip-active-click:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-sent:hover:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).state-sent.tooltip-active-click:after {
  background-color: #b8d4ec;
}
.canvas-toolbar > .pat-select:not(.bare).locked:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare).locked:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare).locked:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare).locked:before {
  font-family: fontello;
  content: "\e8a3";
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
}
.canvas-toolbar > .pat-select:not(.bare):not([class*=icon-]):before,
.canvas-toolbar .cal-categories .pat-select:not(.bare):not([class*=icon-]):before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare):not([class*=icon-]):before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare):not([class*=icon-]):before {
  font-size: var(--pat-select-box-font-size);
  content: attr(data-option);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.canvas-toolbar > .pat-select:not(.bare)[class*=icon-]:before,
.canvas-toolbar .cal-categories .pat-select:not(.bare)[class*=icon-]:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare)[class*=icon-]:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare)[class*=icon-]:before {
  margin-left: -5px;
  margin-right: 8px;
}
.canvas-toolbar > .pat-select:not(.bare) select,
.canvas-toolbar .cal-categories .pat-select:not(.bare) select,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare) select,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare) select {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100% !important;
  width: 100% !important;
  opacity: 0;
  margin: 0;
  z-index: 1;
}
.canvas-toolbar > .pat-select:not(.bare) select option,
.canvas-toolbar .cal-categories .pat-select:not(.bare) select option,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare) select option,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare) select option {
  font-size: initial;
  color: black;
}
.canvas-toolbar > .pat-select:not(.bare):after,
.canvas-toolbar .cal-categories .pat-select:not(.bare):after,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare):after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare):after {
  font-family: fontello;
  content: "\e856";
  width: var(--pat-select-box-arrow-width);
  background-color: var(--pat-select-box-arrow-background-colour);
  background-image: none;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: var(--pat-select-box-arrow-size);
  border-top-right-radius: var(--pat-form-fields-border-radius);
  border-bottom-right-radius: var(--pat-form-fields-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.canvas-toolbar > .pat-select:not(.bare) option:disabled,
.canvas-toolbar .cal-categories .pat-select:not(.bare) option:disabled,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare) option:disabled,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare) option:disabled {
  color: silver;
}
.canvas-toolbar > .pat-select:not(.bare):before,
.canvas-toolbar .cal-categories .pat-select:not(.bare):before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:not(.bare):before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:not(.bare):before {
  max-width: 350px;
  line-height: 35px;
  font-weight: bold;
}
.canvas-toolbar > .pat-select:hover,
.canvas-toolbar .cal-categories .pat-select:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:hover {
  color: black;
}
.canvas-toolbar > .pat-select[data-value=draft], .canvas-toolbar > .pat-select[data-value=retract],
.canvas-toolbar .cal-categories .pat-select[data-value=draft],
.canvas-toolbar .cal-categories .pat-select[data-value=retract],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=draft],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=retract],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=draft],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=retract] {
  background-color: orange;
}
.canvas-toolbar > .pat-select[data-value=draft]:before, .canvas-toolbar > .pat-select[data-value=retract]:before,
.canvas-toolbar .cal-categories .pat-select[data-value=draft]:before,
.canvas-toolbar .cal-categories .pat-select[data-value=retract]:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=draft]:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=retract]:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=draft]:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=retract]:before {
  color: black;
}
.canvas-toolbar > .pat-select[data-value=public],
.canvas-toolbar .cal-categories .pat-select[data-value=public],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=public],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=public] {
  color: teal;
}
.canvas-toolbar > .pat-select[data-value=pending], .canvas-toolbar > .pat-select[data-value=for-review],
.canvas-toolbar .cal-categories .pat-select[data-value=pending],
.canvas-toolbar .cal-categories .pat-select[data-value=for-review],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=pending],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=for-review],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=pending],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=for-review] {
  background-color: fuchsia;
  color: white;
}
.canvas-toolbar > .pat-select[data-option=Draft], .canvas-toolbar > .pat-select[data-value=retract],
.canvas-toolbar .cal-categories .pat-select[data-option=Draft],
.canvas-toolbar .cal-categories .pat-select[data-value=retract],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=Draft],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=retract],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=Draft],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=retract] {
  background-color: orange;
  color: black;
}
.canvas-toolbar > .pat-select[data-option=Public], .canvas-toolbar > .pat-select[data-value=Public],
.canvas-toolbar .cal-categories .pat-select[data-option=Public],
.canvas-toolbar .cal-categories .pat-select[data-value=Public],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=Public],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=Public],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=Public],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=Public] {
  color: teal;
}
.canvas-toolbar > .pat-select[data-option=Published], .canvas-toolbar > .pat-select[data-value=published],
.canvas-toolbar .cal-categories .pat-select[data-option=Published],
.canvas-toolbar .cal-categories .pat-select[data-value=published],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=Published],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=published],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=Published],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=published] {
  color: #65c981;
}
.canvas-toolbar > .pat-select[data-option=Published]:before, .canvas-toolbar > .pat-select[data-value=published]:before,
.canvas-toolbar .cal-categories .pat-select[data-option=Published]:before,
.canvas-toolbar .cal-categories .pat-select[data-value=published]:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=Published]:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=published]:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=Published]:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=published]:before {
  font-weight: normal;
}
.canvas-toolbar > .pat-select[data-option=Published]:hover, .canvas-toolbar > .pat-select[data-value=published]:hover,
.canvas-toolbar .cal-categories .pat-select[data-option=Published]:hover,
.canvas-toolbar .cal-categories .pat-select[data-value=published]:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=Published]:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=published]:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=Published]:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=published]:hover {
  color: #41ba63;
}
.canvas-toolbar > .pat-select[data-value=running],
.canvas-toolbar .cal-categories .pat-select[data-value=running],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=running],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=running] {
  color: #65c981;
}
.canvas-toolbar > .pat-select[data-value=running]:hover,
.canvas-toolbar .cal-categories .pat-select[data-value=running]:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=running]:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=running]:hover {
  color: #41ba63;
}
.canvas-toolbar > .pat-select[data-value=closed],
.canvas-toolbar .cal-categories .pat-select[data-value=closed],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=closed],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=closed] {
  color: red;
}
.canvas-toolbar > .pat-select[data-value=closed]:hover,
.canvas-toolbar .cal-categories .pat-select[data-value=closed]:hover,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-value=closed]:hover,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value=closed]:hover {
  color: #cc0000;
}
.canvas-toolbar > .pat-select[data-option=Veröffentlicht],
.canvas-toolbar .cal-categories .pat-select[data-option=Veröffentlicht],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=Veröffentlicht],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=Veröffentlicht] {
  color: #65c981;
}
.canvas-toolbar > .pat-select[data-option="Logged in"],
.canvas-toolbar .cal-categories .pat-select[data-option="Logged in"],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option="Logged in"],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option="Logged in"] {
  background-color: #008f51;
  color: white;
}
.canvas-toolbar > .pat-select[data-option="Logged in"]:after,
.canvas-toolbar .cal-categories .pat-select[data-option="Logged in"]:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option="Logged in"]:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option="Logged in"]:after {
  filter: invert(100%);
}
.canvas-toolbar > .pat-select[data-option=Internal],
.canvas-toolbar .cal-categories .pat-select[data-option=Internal],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=Internal],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=Internal] {
  background-color: #ff2f92;
  color: white;
}
.canvas-toolbar > .pat-select[data-option=Everyone],
.canvas-toolbar .cal-categories .pat-select[data-option=Everyone],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=Everyone],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=Everyone] {
  background-color: whitesmoke;
}
.canvas-toolbar > .pat-select[data-option=Closed], .canvas-toolbar > .pat-select[data-option=finish],
.canvas-toolbar .cal-categories .pat-select[data-option=Closed],
.canvas-toolbar .cal-categories .pat-select[data-option=finish],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=Closed],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=finish],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=Closed],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=finish] {
  color: #111700;
}
.canvas-toolbar > .pat-select[data-option=Abschluss],
.canvas-toolbar .cal-categories .pat-select[data-option=Abschluss],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=Abschluss],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=Abschluss] {
  color: #111700;
}
.canvas-toolbar > .pat-select[data-option=Open], .canvas-toolbar > .pat-select[data-option=open],
.canvas-toolbar .cal-categories .pat-select[data-option=Open],
.canvas-toolbar .cal-categories .pat-select[data-option=open],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=Open],
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=open],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=Open],
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=open] {
  background-color: orange;
  color: white;
}
.canvas-toolbar > .pat-select[data-option=Open]:after, .canvas-toolbar > .pat-select[data-option=open]:after,
.canvas-toolbar .cal-categories .pat-select[data-option=Open]:after,
.canvas-toolbar .cal-categories .pat-select[data-option=open]:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=Open]:after,
.canvas-toolbar .canvas-toolbar-section > .pat-select[data-option=open]:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=Open]:after,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-option=open]:after {
  filter: invert(100%);
}
.canvas-toolbar > .pat-select:before,
.canvas-toolbar .cal-categories .pat-select:before,
.canvas-toolbar .canvas-toolbar-section > .pat-select:before,
.canvas-toolbar .canvas-toolbar-section > .functions > .pat-select:before {
  max-height: 35px;
}
.canvas-toolbar .context-menu,
.canvas-toolbar .pat-context-menu {
  display: inline-block;
}
.canvas-toolbar > .pat-select,
.canvas-toolbar .cal-categories .pat-select,
.canvas-toolbar .canvas-toolbar-section > .pat-select,
.canvas-toolbar .context-menu > .context-menu-label,
.canvas-toolbar .pat-context-menu > .context-menu-label {
  display: inline-block;
  vertical-align: top;
  height: 35px;
  line-height: 35px;
}
.canvas-toolbar > .pat-select select,
.canvas-toolbar .cal-categories .pat-select select,
.canvas-toolbar .canvas-toolbar-section > .pat-select select,
.canvas-toolbar .context-menu > .context-menu-label select,
.canvas-toolbar .pat-context-menu > .context-menu-label select {
  background-color: transparent;
  height: 35px;
  line-height: 35px;
  padding-top: 0;
  padding-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar > .pat-checklist {
    display: none !important;
  }
}
.canvas-toolbar > input[type=search],
.canvas-toolbar .quick-functions > input[type=search] {
  float: right;
  border-radius: 10px;
  background: white;
  border: 1px silver solid;
  margin-top: 0;
  margin-bottom: 0;
  height: 35px;
}
body[dir=rtl] .canvas-toolbar > input[type=search],
body[dir=rtl] .canvas-toolbar .quick-functions > input[type=search] {
  float: left;
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar > input[type=search],
  .canvas-toolbar .quick-functions > input[type=search] {
    width: 100%;
    margin-bottom: 0.5em;
    margin-top: 0.5em;
  }
}
.canvas-toolbar .cal-categories .button-cluster {
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12);
  display: flex;
}
.canvas-toolbar .button-cluster {
  float: left;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12);
  padding: 0 6px;
}
body[dir=rtl] .canvas-toolbar .button-cluster {
  float: right;
}
.canvas-toolbar .button-cluster.cal-controls {
  box-shadow: none;
}
.canvas-toolbar .button-cluster.cal-controls button.view-month:before, .canvas-toolbar .button-cluster.cal-controls button.view-week:before, .canvas-toolbar .button-cluster.cal-controls button.view-day:before, .canvas-toolbar .button-cluster.cal-controls button.view-listDay:before, .canvas-toolbar .button-cluster.cal-controls button.view-listMonth:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 1279px) {
  .canvas-toolbar .button-cluster.cal-controls button.view-month, .canvas-toolbar .button-cluster.cal-controls button.view-week, .canvas-toolbar .button-cluster.cal-controls button.view-day, .canvas-toolbar .button-cluster.cal-controls button.view-listDay, .canvas-toolbar .button-cluster.cal-controls button.view-listMonth {
    width: 40px;
    overflow: hidden;
    padding: 0;
    color: transparent;
  }
  .canvas-toolbar .button-cluster.cal-controls button.view-month:before, .canvas-toolbar .button-cluster.cal-controls button.view-week:before, .canvas-toolbar .button-cluster.cal-controls button.view-day:before, .canvas-toolbar .button-cluster.cal-controls button.view-listDay:before, .canvas-toolbar .button-cluster.cal-controls button.view-listMonth:before {
    width: 100%;
    text-align: center;
  }
}
.canvas-toolbar .button-cluster.cal-controls button.view-month:before {
  content: "\e824";
}
.canvas-toolbar .button-cluster.cal-controls button.view-day:before {
  content: "\e824";
}
.canvas-toolbar .button-cluster.cal-controls button.view-week:before {
  content: "\e826";
}
.canvas-toolbar .button-cluster.cal-controls button.view-listDay:before, .canvas-toolbar .button-cluster.cal-controls button.view-listMonth:before {
  content: "☰";
  margin-right: 4px;
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar .button-cluster.cal-controls button.jump-today {
    width: 0.6em;
    color: transparent;
    line-height: 1.4;
  }
  .canvas-toolbar .button-cluster.cal-controls button.jump-today:before {
    font-family: fontello;
    content: "\f111";
    text-align: center;
    color: black;
    font-size: 0.6em;
  }
}
.canvas-toolbar .button-cluster.cal-controls button.jump-prev, .canvas-toolbar .button-cluster.cal-controls button.jump-next {
  padding-left: 0;
  padding-right: 0;
  color: transparent;
  font-size: 0;
  width: 32px;
  text-align: center;
}
.canvas-toolbar .button-cluster.cal-controls button.jump-prev:before, .canvas-toolbar .button-cluster.cal-controls button.jump-next:before {
  content: "";
  font-family: fontello;
  font-size: 15px;
  display: block;
  margin: 0;
  text-align: center;
}
.canvas-toolbar .button-cluster.cal-controls button.jump-prev {
  text-align: left;
}
body[dir=rtl] .canvas-toolbar .button-cluster.cal-controls button.jump-prev {
  text-align: right;
}
.canvas-toolbar .button-cluster.cal-controls button.jump-prev:before {
  content: "\e8c3";
}
.canvas-toolbar .button-cluster.cal-controls button.jump-next {
  text-align: right;
}
.canvas-toolbar .button-cluster.cal-controls button.jump-next:before {
  content: "\e8c4";
}
.canvas-toolbar .button-cluster.cal-controls button.jump-today {
  position: relative;
  width: 32px;
  padding-left: 0;
  padding-right: 0;
  color: transparent !important;
}
.canvas-toolbar .button-cluster.cal-controls button.jump-today:before {
  content: " ";
  display: block;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  background-color: black;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.canvas-toolbar .button-cluster.cal-controls button.jump-today:after {
  left: 0;
  right: 0;
}
.canvas-toolbar .button-cluster.cal-controls button.jump-today.active:before {
  background-color: white;
}
.canvas-toolbar .button-cluster.align-centre {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  transition: all 0.5s;
  transition-delay: 0.5s;
  position: absolute;
}
.canvas-toolbar .button-cluster button,
.canvas-toolbar .button-cluster a.button,
.canvas-toolbar .button-cluster .pat-button,
.canvas-toolbar .button-cluster label,
.canvas-toolbar .button-cluster > a {
  margin: 0;
  border-radius: 0;
  border-left-style: none;
  float: left;
  border: none;
  background: transparent;
  padding: 0 12px;
  color: rgba(0, 0, 0, 0.7);
  cursor: default;
  line-height: 35px;
  height: 35px;
  box-shadow: none;
  font-size: 18px;
  font-weight: normal;
  position: relative;
}
body[dir=rtl] .canvas-toolbar .button-cluster button,
body[dir=rtl] .canvas-toolbar .button-cluster a.button,
body[dir=rtl] .canvas-toolbar .button-cluster .pat-button,
body[dir=rtl] .canvas-toolbar .button-cluster label,
body[dir=rtl] .canvas-toolbar .button-cluster > a {
  float: right;
}
.canvas-toolbar .button-cluster button.icon,
.canvas-toolbar .button-cluster a.button.icon,
.canvas-toolbar .button-cluster .pat-button.icon,
.canvas-toolbar .button-cluster label.icon,
.canvas-toolbar .button-cluster > a.icon {
  padding: 0 5px;
}
.canvas-toolbar .button-cluster button input,
.canvas-toolbar .button-cluster a.button input,
.canvas-toolbar .button-cluster .pat-button input,
.canvas-toolbar .button-cluster label input,
.canvas-toolbar .button-cluster > a input {
  position: absolute;
  opacity: 0;
}
.canvas-toolbar .button-cluster button[href]:not(.current):hover,
.canvas-toolbar .button-cluster a.button[href]:not(.current):hover,
.canvas-toolbar .button-cluster .pat-button[href]:not(.current):hover,
.canvas-toolbar .button-cluster label[href]:not(.current):hover,
.canvas-toolbar .button-cluster > a[href]:not(.current):hover {
  color: black;
  background-color: transparent;
}
.canvas-toolbar .button-cluster button:not(.active):not(.current):not(.checked):hover,
.canvas-toolbar .button-cluster a.button:not(.active):not(.current):not(.checked):hover,
.canvas-toolbar .button-cluster .pat-button:not(.active):not(.current):not(.checked):hover,
.canvas-toolbar .button-cluster label:not(.active):not(.current):not(.checked):hover,
.canvas-toolbar .button-cluster > a:not(.active):not(.current):not(.checked):hover {
  cursor: pointer;
  color: black;
}
.canvas-toolbar .button-cluster button:before,
.canvas-toolbar .button-cluster a.button:before,
.canvas-toolbar .button-cluster .pat-button:before,
.canvas-toolbar .button-cluster label:before,
.canvas-toolbar .button-cluster > a:before {
  margin-right: 5px;
  margin-left: 0;
  color: rgba(0, 0, 0, 0.7);
}
.canvas-toolbar .button-cluster button:after,
.canvas-toolbar .button-cluster a.button:after,
.canvas-toolbar .button-cluster .pat-button:after,
.canvas-toolbar .button-cluster label:after,
.canvas-toolbar .button-cluster > a:after {
  background: var(--colour-accent);
  position: absolute;
  top: 3px;
  right: -3px;
  bottom: 3px;
  left: -3px;
  z-index: -1;
  display: block;
  content: " ";
  border-radius: 7.5px;
  opacity: 0;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15);
}
.canvas-toolbar .button-cluster button.checked, .canvas-toolbar .button-cluster button.active, .canvas-toolbar .button-cluster button.current,
.canvas-toolbar .button-cluster a.button.checked,
.canvas-toolbar .button-cluster a.button.active,
.canvas-toolbar .button-cluster a.button.current,
.canvas-toolbar .button-cluster .pat-button.checked,
.canvas-toolbar .button-cluster .pat-button.active,
.canvas-toolbar .button-cluster .pat-button.current,
.canvas-toolbar .button-cluster label.checked,
.canvas-toolbar .button-cluster label.active,
.canvas-toolbar .button-cluster label.current,
.canvas-toolbar .button-cluster > a.checked,
.canvas-toolbar .button-cluster > a.active,
.canvas-toolbar .button-cluster > a.current {
  background-color: transparent;
  color: white;
  text-decoration: none;
  box-shadow: none;
}
.canvas-toolbar .button-cluster button.checked:after, .canvas-toolbar .button-cluster button.active:after, .canvas-toolbar .button-cluster button.current:after,
.canvas-toolbar .button-cluster a.button.checked:after,
.canvas-toolbar .button-cluster a.button.active:after,
.canvas-toolbar .button-cluster a.button.current:after,
.canvas-toolbar .button-cluster .pat-button.checked:after,
.canvas-toolbar .button-cluster .pat-button.active:after,
.canvas-toolbar .button-cluster .pat-button.current:after,
.canvas-toolbar .button-cluster label.checked:after,
.canvas-toolbar .button-cluster label.active:after,
.canvas-toolbar .button-cluster label.current:after,
.canvas-toolbar .button-cluster > a.checked:after,
.canvas-toolbar .button-cluster > a.active:after,
.canvas-toolbar .button-cluster > a.current:after {
  opacity: 1;
}
.canvas-toolbar .button-cluster button.checked:before, .canvas-toolbar .button-cluster button.active:before, .canvas-toolbar .button-cluster button.current:before,
.canvas-toolbar .button-cluster a.button.checked:before,
.canvas-toolbar .button-cluster a.button.active:before,
.canvas-toolbar .button-cluster a.button.current:before,
.canvas-toolbar .button-cluster .pat-button.checked:before,
.canvas-toolbar .button-cluster .pat-button.active:before,
.canvas-toolbar .button-cluster .pat-button.current:before,
.canvas-toolbar .button-cluster label.checked:before,
.canvas-toolbar .button-cluster label.active:before,
.canvas-toolbar .button-cluster label.current:before,
.canvas-toolbar .button-cluster > a.checked:before,
.canvas-toolbar .button-cluster > a.active:before,
.canvas-toolbar .button-cluster > a.current:before {
  color: white;
}
.canvas-toolbar .button-cluster button.checked .counter, .canvas-toolbar .button-cluster button.active .counter, .canvas-toolbar .button-cluster button.current .counter,
.canvas-toolbar .button-cluster a.button.checked .counter,
.canvas-toolbar .button-cluster a.button.active .counter,
.canvas-toolbar .button-cluster a.button.current .counter,
.canvas-toolbar .button-cluster .pat-button.checked .counter,
.canvas-toolbar .button-cluster .pat-button.active .counter,
.canvas-toolbar .button-cluster .pat-button.current .counter,
.canvas-toolbar .button-cluster label.checked .counter,
.canvas-toolbar .button-cluster label.active .counter,
.canvas-toolbar .button-cluster label.current .counter,
.canvas-toolbar .button-cluster > a.checked .counter,
.canvas-toolbar .button-cluster > a.active .counter,
.canvas-toolbar .button-cluster > a.current .counter {
  background: red;
}
.canvas-toolbar .button-cluster button:first-child,
.canvas-toolbar .button-cluster a.button:first-child,
.canvas-toolbar .button-cluster .pat-button:first-child,
.canvas-toolbar .button-cluster label:first-child,
.canvas-toolbar .button-cluster > a:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
.canvas-toolbar .button-cluster button:last-child,
.canvas-toolbar .button-cluster a.button:last-child,
.canvas-toolbar .button-cluster .pat-button:last-child,
.canvas-toolbar .button-cluster label:last-child,
.canvas-toolbar .button-cluster > a:last-child {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
.canvas-toolbar .button-cluster button .counter,
.canvas-toolbar .button-cluster a.button .counter,
.canvas-toolbar .button-cluster .pat-button .counter,
.canvas-toolbar .button-cluster label .counter,
.canvas-toolbar .button-cluster > a .counter {
  display: inline-block;
  margin: 0.8em 0em 0.5em 0.5em;
  background-color: red;
  color: white;
  border-radius: 1em;
  border: 1px solid rgb(255, 255, 255);
  height: 1.8em;
  min-width: 1.8em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
  transition: opacity 0.5s;
  animation: zoomIn 0.6s;
  float: right;
  vertical-align: baseline;
  line-height: 1.7em;
  font-size: 0.6em;
  text-align: center;
  font-weight: normal;
}
.canvas-toolbar .button-cluster button .counter.disabled,
.canvas-toolbar .button-cluster a.button .counter.disabled,
.canvas-toolbar .button-cluster .pat-button .counter.disabled,
.canvas-toolbar .button-cluster label .counter.disabled,
.canvas-toolbar .button-cluster > a .counter.disabled {
  opacity: 0.2;
  animation: none;
  background-color: gray;
}
.canvas-toolbar .button-cluster button .counter.injecting,
.canvas-toolbar .button-cluster a.button .counter.injecting,
.canvas-toolbar .button-cluster .pat-button .counter.injecting,
.canvas-toolbar .button-cluster label .counter.injecting,
.canvas-toolbar .button-cluster > a .counter.injecting {
  opacity: 0;
}
.canvas-toolbar .button-cluster button .counter.injecting:before,
.canvas-toolbar .button-cluster a.button .counter.injecting:before,
.canvas-toolbar .button-cluster .pat-button .counter.injecting:before,
.canvas-toolbar .button-cluster label .counter.injecting:before,
.canvas-toolbar .button-cluster > a .counter.injecting:before {
  display: none;
}
.canvas-toolbar .button,
.canvas-toolbar .icon {
  margin: 0 20px 0 0;
  display: inline-block;
  vertical-align: top;
  line-height: 35px;
  border: none;
  background-color: transparent;
  float: none;
}
body[dir=rtl] .canvas-toolbar .button,
body[dir=rtl] .canvas-toolbar .icon {
  margin: 0 0 0 20px;
}
.canvas-toolbar .button .counter,
.canvas-toolbar .icon .counter {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  color: white;
  font-size: 7px;
  text-align: center;
  display: block;
  text-indent: 0;
  z-index: 1;
  line-height: 34px;
}
@keyframes grow-likes {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(2);
  }
}
.canvas-toolbar .button.like.active.has-likes,
.canvas-toolbar .icon.like.active.has-likes {
  animation: grow-likes 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.canvas-toolbar .button.like.has-likes,
.canvas-toolbar .icon.like.has-likes {
  transform: scale(2);
}
.canvas-toolbar .button.meta-data-toggle:before,
.canvas-toolbar .icon.meta-data-toggle:before {
  content: "\e88c" !important;
}
.canvas-toolbar .button.meta-data-toggle.collapsible-open,
.canvas-toolbar .icon.meta-data-toggle.collapsible-open {
  color: white;
  background-color: #D40E16;
}
@media only screen and (max-width: 767px) {
  .canvas-toolbar .button,
  .canvas-toolbar .icon {
    margin: 0 20px 0 0;
  }
}
.canvas-toolbar .button:active,
.canvas-toolbar .icon:active {
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.15);
}
.canvas-toolbar .button:hover,
.canvas-toolbar .icon:hover {
  color: black;
}
.canvas-toolbar .button {
  font-weight: bold;
}
.canvas-toolbar .functions,
.canvas-toolbar .cal-categories {
  margin-left: 10px;
}
.canvas-toolbar .functions > .button,
.canvas-toolbar .functions > .pat-button,
.canvas-toolbar .functions > .context-menu,
.canvas-toolbar .functions .icon,
.canvas-toolbar .functions .pat-select,
.canvas-toolbar .cal-categories > .button,
.canvas-toolbar .cal-categories > .pat-button,
.canvas-toolbar .cal-categories > .context-menu,
.canvas-toolbar .cal-categories .icon,
.canvas-toolbar .cal-categories .pat-select {
  margin: 0 0 0 20px;
  background-image: none;
  vertical-align: top;
}
@media only screen and (max-width: 1279px) {
  .canvas-toolbar .functions > .button,
  .canvas-toolbar .functions > .pat-button,
  .canvas-toolbar .functions > .context-menu,
  .canvas-toolbar .functions .icon,
  .canvas-toolbar .functions .pat-select,
  .canvas-toolbar .cal-categories > .button,
  .canvas-toolbar .cal-categories > .pat-button,
  .canvas-toolbar .cal-categories > .context-menu,
  .canvas-toolbar .cal-categories .icon,
  .canvas-toolbar .cal-categories .pat-select {
    margin: 0 0 0 5px;
  }
}
.canvas-toolbar .icon {
  font-family: fontello;
  text-indent: -1000em;
  width: 35px;
  height: 35px;
  position: relative;
  color: rgba(0, 0, 0, 0.6);
  cursor: default;
  line-height: 35px;
  border-radius: 10px;
  display: inline-block;
  text-align: left;
}
body[dir=rtl] .canvas-toolbar .icon {
  text-align: right;
}
.canvas-toolbar .icon:before {
  font-family: fontello;
  text-indent: 0;
  line-height: 36px;
  text-align: center;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: inline-block;
  border-radius: 10px;
  box-sizing: border-box;
}
.canvas-toolbar .icon:hover {
  color: black;
  text-decoration: none;
}
.canvas-toolbar .icon.active {
  color: var(--colour-accent);
  box-shadow: none;
}
.canvas-toolbar .icon.active:before {
  color: var(--colour-accent);
}
.canvas-toolbar .icon.pat-tooltip.tooltip-active-click:before {
  background-color: var(--colour-accent);
  color: white;
}
.canvas-toolbar .icon.create:before {
  content: "\e825";
  font-size: 25px;
}
.canvas-toolbar .icon.edit:before {
  content: "\e8aa";
}
.canvas-toolbar .icon.share:before {
  content: "\e828";
}
.canvas-toolbar .icon.modify:before {
  content: "\e804";
}
.canvas-toolbar .icon.card-view:before {
  content: "\e80b";
}
.canvas-toolbar .icon.list-view:before {
  content: "\e807";
}
.canvas-toolbar .icon.download:before {
  content: "\e809";
}
.canvas-toolbar .icon.upload:before {
  content: "\e808";
}
.canvas-toolbar .icon.shopping-basket:before {
  content: "\f291";
}
.canvas-toolbar .icon.more:before {
  content: "\e865";
}
.canvas-toolbar .icon.visibility:before {
  content: "\f21b";
  color: var(--colour-accent);
}
.canvas-toolbar .canvas-toolbar-search-field {
  width: 35px;
  height: 35px;
  position: relative;
  display: inline-block;
  z-index: 1;
  margin-left: 1em;
}
.canvas-toolbar .canvas-toolbar-search-field:after {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 35px;
  width: 35px;
  text-align: center;
  font-family: fontello;
  content: "\e8f8";
  font-size: 22px;
  transition: left 0.5s, padding-left 0.5s, transform 1s;
}
.canvas-toolbar .canvas-toolbar-search-field:hover {
  color: black;
}
.canvas-toolbar .canvas-toolbar-search-field input {
  width: 35px;
  height: 35px;
  border-radius: 10px;
  background: white;
  border: 1px silver solid;
  max-width: 1000px;
  position: absolute;
  top: 0;
  right: 0;
  transition: all 0.5s;
  opacity: 0;
  padding-left: 34px;
  margin: 0;
}
.canvas-toolbar .canvas-toolbar-search-field input:focus {
  outline: none;
  box-shadow: none;
}
.canvas-toolbar .canvas-toolbar-search-field.focus input, .canvas-toolbar .canvas-toolbar-search-field.has-value input {
  width: 270px;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .canvas-toolbar .canvas-toolbar-search-field.focus input, .canvas-toolbar .canvas-toolbar-search-field.has-value input {
    width: 350px;
  }
}
.canvas-toolbar .canvas-toolbar-search-field.focus:after, .canvas-toolbar .canvas-toolbar-search-field.has-value:after {
  color: gray;
  transform: scale(0.8);
  left: -270px;
}
@media only screen and (min-width: 768px) {
  .canvas-toolbar .canvas-toolbar-search-field.focus:after, .canvas-toolbar .canvas-toolbar-search-field.has-value:after {
    left: -350px;
    padding-left: 40px;
  }
}

.case-mat {
  font-size: 0.8em;
  background-color: #DE7F00;
  margin-bottom: 5em;
  padding: 4% 3% 3% 3%;
  color: white;
  border-radius: 10px;
}
.case-mat .case-title {
  text-align: center;
  font-size: 3em;
  font-weight: 200;
  margin-bottom: 1em;
  letter-spacing: 0.1em;
}
.case-mat .case-title a {
  display: block;
  color: white;
}
.case-mat .case-title a .workspace-state {
  background: rgba(255, 255, 255, 0.3);
  color: white;
  display: inline-block;
  line-height: 1.3em;
  padding: 0.2em 0.5em 0.1em;
  font-size: 0.6em;
  margin-left: 0.5em;
  position: relative;
  top: -0.1em;
}
.case-mat.state-archived {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.1) 5px, rgba(255, 255, 255, 0.1) 10px);
}
.case-mat .summary {
  margin-bottom: 1em;
}
.case-mat .stats .stat {
  float: left;
  width: 33%;
  text-align: center;
  padding-top: 0.8em;
}
.case-mat .stats .stat .value {
  display: block;
  font-weight: bold;
  font-size: 3em;
  margin-bottom: 0.5em;
}
.case-mat .stats .stat .name {
  display: block;
}
.case-mat .timeline {
  margin-bottom: 0;
}

@media only screen and (min-width: 1280px) {
  .cases-overview .case-filters {
    padding-right: 5%;
    padding-top: 3%;
  }
}

.certificate-container {
  margin-bottom: 1em;
  float: left;
  width: 100%;
}

.certificate {
  display: block;
  width: 1500px;
  height: 1025px;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
  line-height: 1.4;
  font-family: "EB Garamond", serif;
}
.certificate.style-1 .certificate-title {
  top: 269px !important;
}
.certificate.style-1 .certificate-colofon {
  width: 100%;
  left: 0;
  top: 650px;
}
.certificate.style-2 {
  height: 1072px;
  background: rgb(244, 242, 239);
}
.certificate.style-3 {
  height: 1072px;
  background: rgb(244, 242, 239);
}
.certificate.style-4 {
  height: 1072px;
  background: rgb(244, 242, 239);
}
.certificate.style-5 {
  height: 1009px;
  background: rgb(244, 242, 239);
}
.certificate.style-7 {
  height: 1025px;
  background: white;
}
.certificate.style-7 {
  height: 1009px;
  background: white;
  color: rgb(122, 109, 78);
}
.certificate.style-8 {
  color: #003399;
  height: 1009px;
  background: #ECE6F3;
}
.certificate.style-8 .certificate-title {
  top: 214px !important;
}
.certificate * {
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
}
.certificate .certificate-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.certificate .certificate-title,
.certificate .certificate-title-byline,
.certificate .certificate-user-name,
.certificate .certificate-achievement,
.certificate .certificate-colofon {
  position: absolute;
  left: 140px;
  right: 140px;
  text-align: center;
}
.certificate .certificate-title {
  top: 254px !important;
  font-size: 100px !important;
  line-height: 100px !important;
  text-transform: uppercase !important;
}
.certificate .certificate-title-byline {
  top: 400px;
  font-size: 30px !important;
  transform: translateY(-50%);
}
.certificate .certificate-user-name {
  top: 490px;
  font-size: 70px;
  font-weight: bold;
  line-height: 70px;
  transform: translateY(-50%);
}
.certificate .certificate-achievement {
  top: 565px;
  font-size: 30px !important;
}
.certificate .certificate-achievement .certificate-date {
  white-space: nowrap;
}
.certificate .certificate-colofon {
  top: 690px;
  width: 80%;
  border: none;
  left: 10%;
  right: 0;
  font-size: 30px !important;
}
.certificate .certificate-colofon td {
  height: 92px;
  overflow: hidden;
}
.certificate .certificate-colofon th,
.certificate .certificate-colofon td {
  border: none;
  text-align: center;
  width: 50%;
  box-sizing: border-box;
  display: block;
  float: left;
}
.certificate .certificate-colofon th.department,
.certificate .certificate-colofon td.department {
  padding: 0 9% 0 12%;
}
.certificate .certificate-colofon th.tool,
.certificate .certificate-colofon td.tool {
  padding: 0 12% 0 9%;
}

.content-collections {
  display: table;
  border-collapse: separate;
  border-spacing: 0 15px;
}
.content-collections .content-collection {
  display: table-row;
  position: relative;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  background: white;
  box-sizing: border-box;
  margin-bottom: 15px;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}
.content-collections .content-collection .segment {
  display: table-cell;
  padding: 20px;
  border-bottom: solid transparent 10px;
}
.content-collections .content-collection .segment.title-group {
  padding-left: 70px;
  color: black;
  font-size: 24px;
}
.content-collections .content-collection .segment.title-group:hover {
  color: black;
  text-decoration: none;
}
.content-collections .content-collection .segment.title-group:hover:before {
  text-decoration: none;
}
.content-collections .content-collection .segment.title-group:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 23px;
}

.pat-checklist .composed.checked > label.role:after {
  display: inline-block;
  border: 1px solid white;
  height: 21px;
  line-height: 22px;
}
.pat-checklist .label .select-all,
.pat-checklist .label .deselect-all {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}
.pat-checklist .label .select-all:disabled,
.pat-checklist .label .deselect-all:disabled {
  display: none;
}
.pat-checklist.colour-selector {
  background: rgba(0, 0, 0, 0.06);
  overflow: hidden;
  border-radius: 10px;
}
.pat-checklist.colour-selector.colour-set-dp label {
  color: white;
}
.pat-checklist.colour-selector.colour-set-dp label:before {
  color: black;
}
.pat-checklist.colour-selector label {
  float: left;
  padding: 0 20px 0 52px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-weight: normal;
  color: black;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 70px;
  line-height: 73px;
  border: white 1px solid;
}
.pat-checklist.colour-selector label.default-workspace-colour {
  background-color: #109fd6;
}
.pat-checklist.colour-selector label.default-portal-header-colour {
  background-color: black;
}
.pat-checklist.colour-selector label:before, .pat-checklist.colour-selector label:after {
  position: absolute;
  top: 50%;
  left: 1em;
  transform: translateY(-50%);
  display: block;
  height: 1em;
  width: 1em;
  line-height: 1em;
  font-size: 1.2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pat-checklist.colour-selector label:before {
  font-family: fontello;
  z-index: 1;
}
.pat-checklist.colour-selector label:after {
  background: white;
  border-radius: 50%;
  content: " ";
  width: 0.8em;
  height: 0.8em;
}
.pat-checklist.colour-selector label.unchecked:before {
  content: "\f10c";
}
.pat-checklist.colour-selector label.checked:before {
  content: "\f192";
}
.pat-checklist.colour-selector label.default-colour {
  background-color: #efefef;
}
@media only screen and (max-width: 767px) {
  .pat-checklist.colour-selector label {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pat-checklist.colour-selector label {
    width: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .pat-checklist.colour-selector label {
    width: 33.33332%;
  }
}
.pat-checklist.colour-selector label input {
  position: absolute;
  opacity: 0;
  left: 0;
}
.pat-checklist.layout-thumbs {
  margin: 0 -0.75rem;
}
.pat-checklist.layout-thumbs label {
  float: left;
  padding: 0 0.75rem 1.5rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .pat-checklist.layout-thumbs label {
    width: 50%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pat-checklist.layout-thumbs label {
    width: 33.33332%;
  }
}
@media only screen and (min-width: 1280px) {
  .pat-checklist.layout-thumbs label {
    width: 20%;
  }
}
.pat-checklist.layout-thumbs label input {
  position: absolute;
  opacity: 0;
}
.pat-checklist.layout-thumbs label img {
  float: left;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid silver;
  background-size: 100% 100%;
  background: white;
}
.pat-checklist.layout-thumbs label.checked img {
  border: 4px solid #D40E16;
}
.pat-checklist.layout-thumbs label.layout-1-3 img {
  background-image: url(../../quaive/style/layout-thumbs/1-3.svg);
}
.pat-checklist.layout-thumbs label.layout-2-3 img {
  background-image: url(../../quaive/style/layout-thumbs/2-3.svg);
}
.pat-checklist.layout-thumbs label.layout-1 img {
  background-image: url(../../quaive/style/layout-thumbs/1.svg);
}
.pat-checklist.layout-thumbs label.layout-2 img {
  background-image: url(../../quaive/style/layout-thumbs/2.svg);
}
.pat-checklist.layout-thumbs label.layout-3 img {
  background-image: url(../../quaive/style/layout-thumbs/3.svg);
}
.pat-checklist.tasks label .follow.priority-high:before, .pat-checklist.tasks label .follow.priority-medium:before, .pat-checklist.tasks label .follow.priority-low:before {
  display: inline-block;
  margin-right: 0.2em;
  font-weight: bold;
  color: red;
}
.pat-checklist.tasks label .follow.priority-high:before {
  content: "!!!";
}
.pat-checklist.tasks label .follow.priority-medium:before {
  content: "!!";
}
.pat-checklist.tasks label .follow.priority-low:before {
  content: "!";
}
.pat-checklist.tablesque {
  border-top: 1px solid silver;
}
.pat-checklist.tablesque label {
  border-bottom: 1px solid silver;
  padding-left: 30px;
}
.pat-checklist.tablesque label .iconified,
.pat-checklist.tablesque label select {
  float: right;
  margin-left: 0.5em;
}
.pat-checklist.tablesque label:hover {
  background-color: #efefef;
}
.pat-checklist.tablesque label.checked,
.pat-checklist.tablesque fieldset.composed.checked > *:after {
  background-color: #5bb75b;
  color: white;
  text-shadow: #000000 0px 0 0px;
}
.pat-checklist.tablesque input[type=checkbox] {
  float: left;
  margin-left: -2em;
}

.vertical .legend + .pat-checklist.colour-selector, .vertical .legend + .pat-checklist.layout-thumbs {
  margin-top: 1em;
}

.classification-tag {
  border-radius: 20px;
  font-size: 10px;
  height: 12px;
  line-height: 12px;
  padding: 0 6px;
  vertical-align: middle;
  display: inline;
  background: silver;
  color: black;
  margin-top: -2px;
  margin-left: 3px;
}
.classification-tag.mutated {
  width: 10px;
  height: 10px;
  color: transparent !important;
  overflow: hidden;
  border: 2px solid white;
  padding: 0;
  border-radius: 50%;
  background-color: rgb(104, 192, 255);
  background: linear-gradient(to bottom, #8fcae7 0%, #007bc7 100%);
  display: inline-block;
  margin-top: 0;
}
.classification-tag.generic {
  background: #666;
  color: #efefef !important;
}
.classification-tag.indication {
  background: #c6b8cf;
  color: #42145f !important;
}
.classification-tag.has-mutations {
  background: orange;
  color: white !important;
  text-transform: uppercase;
}
.classification-tag.new {
  background: #39870c;
  color: white !important;
  text-transform: uppercase;
}
.classification-tag.published {
  background: #d9edf7;
  color: rgba(0, 0, 0, 0.7) !important;
}
.classification-tag.published:before {
  font-family: fontello;
  content: "\e844";
  margin-right: 4px;
  font-size: 0.9em;
}

.cms-item {
  position: relative;
  font-size: 1.2em;
  line-height: 150%;
  padding: 3em 0;
}
@media print {
  .cms-item {
    font-size: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .cms-item {
    background-color: white;
    padding: 18% 10% 20% 20%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .cms-item:after {
    content: " ";
    display: table;
    clear: both;
  }
}
.cms-item .title ~ .tag-cloud {
  margin-top: -1.5em;
  margin-bottom: 3em;
}
.cms-item .tag-cloud {
  font-size: 0.7em;
}
@media only screen and (max-width: 767px) {
  .cms-item.type-file .tag-cloud, .cms-item.type-file .summary {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  .cms-item.type-file .tag-cloud, .cms-item.type-file .summary {
    padding: 0 6%;
  }
}
.cms-item .external-link {
  border-radius: 10px;
  padding: 6%;
  background-color: #efefef;
  margin-bottom: 2em;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
}
.cms-item .external-link p {
  margin: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cms-item .external-link p:first-child {
  margin: 0 0 20px;
}
.cms-item .hero {
  margin-bottom: 2em;
  left: 0;
  transform: none;
  max-width: inherit;
  width: 100%;
  text-align: center;
}
.cms-item .hero img,
.cms-item .hero video,
.cms-item .hero audio {
  width: 100%;
}
.cms-item .hero video {
  background-color: #efefef;
}
.cms-item .summary {
  color: rgba(0, 0, 0, 0.5);
}
.cms-item .summary .date {
  font-weight: bold;
  display: inline-block;
  padding-right: 0.5em;
  margin-right: 0.3em;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.cms-item .main-content:after {
  content: " ";
  display: table;
  clear: both;
}
.cms-item .main-content blockquote {
  font-size: 40px;
  line-height: 1.4;
  word-wrap: break-word;
  margin: 1.5em 0;
  position: relative;
  border: none;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-style: italic;
  font-size: 30px;
}
.cms-item .main-content blockquote *:last-child {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .cms-item .main-content blockquote {
    padding: 0 2.5em;
  }
  .cms-item .main-content blockquote:before {
    content: "“";
    font-size: 4em;
    font-weight: bold;
    font-style: normal;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0.85em;
    color: rgba(0, 0, 0, 0.2);
  }
}
.cms-item .main-content table {
  font-size: 0.8em;
  overflow-x: auto;
  display: block;
  max-width: 100%;
  width: 100% !important;
  line-height: 1.3;
}
.cms-page-module {
  border: 2px solid transparent;
  padding: 0 15px;
  margin: 0 0 1.5rem 0;
  transition: margin 0.3s, box-shadow 0.3s;
}
.cms-page-module:after {
  content: " ";
  display: table;
  clear: both;
}
.cms-page-module .panel-content > .pat-rich {
  padding: 0 20px;
}
.cms-page-module .panel-content > .pat-rich .ProseMirror > *:first-child {
  margin-top: 0;
}
.cms-page-module .panel-content > .pat-rich + .form-panel {
  margin-top: 40px;
}
.cms-page-module .section-destroyer {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
.cms-page-module .section-destroyer.checked ~ .page-module-title {
  background: white !important;
  box-shadow: 0 0 0 5px white;
}
.cms-page-module .section-destroyer.checked ~ .page-module-title .title-segment {
  text-decoration: line-through;
}
.cms-page-module .section-destroyer.checked ~ .page-module-title .buttons-segment {
  display: none;
}
.cms-page-module .section-destroyer.checked ~ .page-module-title:before {
  content: "\f1f8" !important;
}
.cms-page-module .section-destroyer.checked ~ .panel-content {
  display: none !important;
}
.cms-page-module .page-module-title {
  margin: 0 0 20px 0;
  font-size: 22px;
  line-height: 1.625;
  padding-top: 10px;
}
.cms-page-module .page-module-title.assistive {
  position: absolute !important;
}
.cms-page-module .form-panel.horizontal {
  width: auto;
}
.cms-page-module .form-panel:first-child {
  margin-top: -29px;
}
.cms-page-module .form-panel:last-child {
  margin-bottom: -30px;
}
.cms-page-module .form-panel + .pat-rich {
  margin-top: 50px;
}
.cms-page-module.type-downloads.pat-collapsible .panel-content {
  padding: 15px;
}
.cms-page-module.type-object .pat-screenshot {
  margin-bottom: -2px;
}
.cms-page-module .grid-editor .link-list {
  margin-bottom: 0;
}
.cms-page-module .grid-editor .link-list li:last-child {
  margin-bottom: 15px;
}
.cms-page-module.type-data-exchange .ProseMirror {
  min-height: 80px;
  padding-bottom: 40px;
}
.cms-page-module.type-data-exchange .sortable-blocks {
  margin: 0;
}
.cms-page-module.type-data-exchange .sortable-blocks li:last-child {
  margin-bottom: 15px;
}
.cms-page-module.type-definition .input-list {
  margin-bottom: 0;
}
.cms-page-module.type-definition .input-list li:last-child {
  margin-bottom: 15px;
}
.cms-page-module.type-metadata {
  margin-bottom: 60px;
}
.cms-page-module.type-metadata.pat-collapsible .page-module-title {
  background-color: #e5f0f9;
}
.cms-page-module.type-object figcaption .enlarge-link {
  color: gray;
  text-decoration: none;
  float: right;
  cursor: pointer;
}
.cms-page-module.type-object figcaption .icon-right-dir:before {
  transform: scale(1.4);
}
.cms-page-module.type-object .enlarge-button {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  left: 10px;
  z-index: 1;
  color: transparent;
  overflow: hidden;
}
.cms-page-module.type-object .enlarge-button:before {
  position: absolute;
  font-family: fontello;
  content: "\e83b";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 50px;
  display: block;
  text-align: center;
  padding: 0;
  margin: -10px 0 0 0;
}
.cms-page-module.has-differences .page-module-title {
  background: rgba(255, 100, 0, 0.1);
}
.cms-page-module.has-mutations .page-module-title {
  position: relative;
  padding-right: 25px;
}
.cms-page-module.has-mutations .page-module-title:after {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  content: " ";
  width: 10px;
  height: 10px;
  color: transparent !important;
  overflow: hidden;
  border: 2px solid white;
  padding: 0;
  border-radius: 50%;
  background-color: rgb(104, 192, 255);
  background: linear-gradient(to bottom, #8fcae7 0%, #007bc7 100%);
  display: inline-block;
  margin-top: 0;
}
.cms-page-module.pat-collapsible + .page-module.pat-collapsible {
  margin-top: -130px;
}
.cms-page-module.pat-collapsible .page-module-title {
  min-height: 60px;
  font-weight: 600;
  color: #01689b;
  background-color: white;
  padding: 10px 15px 10px 39px;
  margin: 0 -15px;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
}
.cms-page-module.pat-collapsible .page-module-title .title-segment {
  padding: 12px 20px 12px 39px;
  margin: -10px 0 -10px -39px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  font-size: 30px;
  line-height: 35px;
}
.cms-page-module.pat-collapsible .page-module-title .title-segment:after {
  font-family: fontello;
  font-size: 16px;
  display: inline-block;
  margin-left: 15px;
  margin-top: 0px;
  color: #42145f;
  transition: all 0.2s;
}
.cms-page-module.pat-collapsible .page-module-title .title-segment .fraction-id {
  border-radius: 4px;
  font-size: 16px;
  line-height: 33px;
  position: relative;
  top: 5px;
  height: 32px;
  margin-right: 10px;
  background: #e5f0f9;
  filter: brightness(0.92);
  font-weight: normal;
  font-family: monospace;
  color: rgba(0, 0, 0, 0.6);
  padding: 0 15px;
  display: inline-block;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment {
  white-space: nowrap;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select {
  --pat-select-box-height: 39px;
  vertical-align: middle;
  padding: 0 75px 0 12px;
  display: inline-block;
  height: var(--pat-select-box-height);
  line-height: var(--pat-select-box-height);
  padding-top: var(--pat-select-box-padding-top-bottom);
  padding-bottom: var(--pat-select-box-padding-top-bottom);
  padding-left: var(--pat-select-box-padding-start);
  padding-right: calc(var(--pat-select-box-arrow-width) + var(--pat-select-box-padding-start) / 2);
  position: relative;
  font-weight: normal !important;
  position: relative;
  box-sizing: border-box;
  border: var(--pat-form-input-field-border);
  border-radius: var(--pat-form-input-field-border-radius);
  box-shadow: var(--pat-select-box-box-shadow);
  outline: var(--pat-form-input-field-outline);
  outline-offset: var(--pat-form-input-field-outline-offset);
  color: var(--pat-select-box-arrow-text-colour);
  font-size: var(--pat-select-box-font-size);
  max-width: 100%;
  background-color: var(--pat-select-box-background-colour);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select:hover {
  background-color: var(--pat-select-box-background-colour-hover);
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft], .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft {
  background-color: #fbead9;
  color: #996300;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft]:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft:after {
  background-color: #f6d4b2;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft]:before, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft]:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft:before, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft:after {
  color: #996300;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft]:hover, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft].tooltip-active-click, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft:hover, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft.tooltip-active-click {
  background-color: #f9ddc2;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft]:hover:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft].tooltip-active-click:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft:hover:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft.tooltip-active-click:after {
  background-color: #f3c79b;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review], .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review {
  background-color: #f2d9e7;
  color: #a90061;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review]:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review:after {
  background-color: #e5b3d0;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review]:before, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review]:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review:before, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review:after {
  color: #5d0035;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review]:hover, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review].tooltip-active-click, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review:hover, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review.tooltip-active-click {
  background-color: #ecc6db;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review]:hover:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review].tooltip-active-click:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review:hover:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review.tooltip-active-click:after {
  background-color: #dfa0c4;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved], .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved {
  background-color: #e1eddb;
  color: #2b6709;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved]:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved:after {
  background-color: #c4dbb6;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved]:before, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved]:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved:before, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved:after {
  color: #1b4106;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved]:hover, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved].tooltip-active-click, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved:hover, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved.tooltip-active-click {
  background-color: #d3e5ca;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved]:hover:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved].tooltip-active-click:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved:hover:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved.tooltip-active-click:after {
  background-color: #b6d3a5;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published], .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent], .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent {
  background-color: #e5f0f9;
  color: #01354f;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published]:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent]:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent:after {
  background-color: #cce0f1;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published]:before, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published]:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent]:before, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent]:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published:before, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent:before, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent:after {
  color: #01354f;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published]:hover, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published].tooltip-active-click, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent]:hover, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent].tooltip-active-click, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published:hover, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published.tooltip-active-click, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent:hover, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent.tooltip-active-click {
  background-color: #d0e4f4;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published]:hover:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published].tooltip-active-click:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent]:hover:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent].tooltip-active-click:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published:hover:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published.tooltip-active-click:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent:hover:after, .cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent.tooltip-active-click:after {
  background-color: #b8d4ec;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.locked:before {
  font-family: fontello;
  content: "\e8a3";
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select:not([class*=icon-]):before {
  font-size: var(--pat-select-box-font-size);
  content: attr(data-option);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[class*=icon-]:before {
  margin-left: -5px;
  margin-right: 8px;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select select {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100% !important;
  width: 100% !important;
  opacity: 0;
  margin: 0;
  z-index: 1;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select select option {
  font-size: initial;
  color: black;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select:after {
  font-family: fontello;
  content: "\e856";
  width: var(--pat-select-box-arrow-width);
  background-color: var(--pat-select-box-arrow-background-colour);
  background-image: none;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: var(--pat-select-box-arrow-size);
  border-top-right-radius: var(--pat-form-fields-border-radius);
  border-bottom-right-radius: var(--pat-form-fields-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select option:disabled {
  color: silver;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.injecting {
  opacity: 0.3;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-option-value=draft] {
  background-color: orange;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-option-value=draft]:before {
  color: white;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-option-value=for-review] {
  background-color: #a90061;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-option-value=for-review]:before {
  color: white;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-option-value=published] {
  background-color: #e1eddb;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-option-value=published]:before {
  color: #A6E300;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .icon {
  color: transparent;
  width: 39px;
  height: 39px;
  line-height: 39px;
  position: relative;
  background: transparent;
  display: inline-block;
  margin-left: 5px;
  cursor: default;
  vertical-align: middle;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .icon:hover {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.1);
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .icon.tooltip-active-click {
  background: #D40E16;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .icon.tooltip-active-click:before {
  color: white;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .icon:before {
  font-family: fontello;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  color: #009ee2;
  line-height: 39px;
  font-size: 20px;
  width: 100%;
  margin: 0;
  font-style: normal;
  font-weight: normal;
}
.cms-page-module.pat-collapsible .page-module-title .buttons-segment .icon.help-icon:before {
  content: "\f128";
  font-size: 0.8em;
}
.cms-page-module.pat-collapsible .page-module-title:focus {
  border-bottom: 1px solid rgba(255, 255, 255, 0);
  outline: 2px solid #009ee2;
  z-index: 2;
}
.cms-page-module.pat-collapsible .page-module-title:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: fontello;
  content: "\e856";
  display: inline-block;
  width: 40px;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  pointer-events: none;
}
.cms-page-module.pat-collapsible.closed:hover, .cms-page-module.pat-collapsible.closed.in-progress:hover {
  border: 2px dotted #009ee2;
}
.cms-page-module.pat-collapsible.closed, .cms-page-module.pat-collapsible.open.in-progress {
  margin-top: 0;
  margin-bottom: 0;
}
.cms-page-module.pat-collapsible.open, .cms-page-module.pat-collapsible.closed.in-progress {
  box-shadow: 0 0 0 6px white, 0 0 0 7px silver;
  margin-top: 50px;
  margin-bottom: 50px;
}
.cms-page-module.pat-collapsible.open .page-module-title, .cms-page-module.pat-collapsible.closed.in-progress .page-module-title {
  background: #e5f0f9;
}
.cms-page-module.pat-collapsible.open .page-module-title .title-segment:after, .cms-page-module.pat-collapsible.closed.in-progress .page-module-title .title-segment:after {
  opacity: 1;
}
.cms-page-module.pat-collapsible.open .page-module-title .buttons-segment .icon, .cms-page-module.pat-collapsible.closed.in-progress .page-module-title .buttons-segment .icon {
  background-color: #009ee2;
}
.cms-page-module.pat-collapsible.open .page-module-title .buttons-segment .icon:before, .cms-page-module.pat-collapsible.closed.in-progress .page-module-title .buttons-segment .icon:before {
  color: white;
}
.cms-page-module.pat-collapsible.open .page-module-title .buttons-segment .icon:hover, .cms-page-module.pat-collapsible.closed.in-progress .page-module-title .buttons-segment .icon:hover {
  background-color: #009ee2;
}
.cms-page-module.pat-collapsible.open .page-module-title .buttons-segment .icon.tooltip-active-click, .cms-page-module.pat-collapsible.closed.in-progress .page-module-title .buttons-segment .icon.tooltip-active-click {
  background-color: #D40E16;
}
.cms-page-module.pat-collapsible.open .page-module-title:before {
  content: "\e855";
}
.cms-page-module.pat-collapsible.has-differences .page-module-title {
  background: rgba(255, 100, 0, 0.1);
}
.cms-page-module.pat-collapsible.has-differences .page-module-title.collapsible-open, .cms-page-module.pat-collapsible.has-differences .page-module-title.collapsible-closed.collapsible-in-progress {
  background: rgba(255, 100, 0, 0.2);
}
.cms-page-module.pat-collapsible > .panel-content {
  padding: 30px 0;
  margin: 0 -15px;
}
.cms-page-module h2,
.cms-page-module .page-module-title {
  transition: background-color 0.2s;
}
.cms-page-module h2 a,
.cms-page-module .page-module-title a {
  text-decoration: none;
  color: black;
}
.cms-page-module h2 a[href]:not(.follow):not(.icon):after,
.cms-page-module .page-module-title a[href]:not(.follow):not(.icon):after {
  font-family: fontello;
  content: "🔗";
  margin-left: 0.5em;
  font-size: 1em;
  text-decoration: none !important;
  position: absolute;
}
.cms-page-module h2 a[href]:hover,
.cms-page-module .page-module-title a[href]:hover {
  text-decoration: underline;
}
.cms-page-module h2 a[href]:hover:after,
.cms-page-module .page-module-title a[href]:hover:after {
  text-decoration: none !important;
}
.cms-page-module h2 a.follow,
.cms-page-module .page-module-title a.follow {
  font-size: 1.7rem;
  color: #01689b;
  text-decoration: underline;
  opacity: 0.6;
}
.cms-page-module h2 a.follow:hover,
.cms-page-module .page-module-title a.follow:hover {
  opacity: 1;
}
.cms-page-module h2 a.follow:before,
.cms-page-module .page-module-title a.follow:before {
  content: "(";
}
.cms-page-module h2 a.follow:after,
.cms-page-module .page-module-title a.follow:after {
  content: ")";
}
.cms-page-module.frame {
  padding: 8px 20px;
  margin-top: 0;
  background: #e5f0f9;
}
.cms-page-module.type-links h3 + .link-list {
  margin-bottom: 20px;
}
.no-js .cms-page-module#section-group-information .link-list {
  display: none;
}
.no-js .cms-page-module[id$=compare] {
  display: none;
}
.cms-page-module#section-cost table.cost-table {
  clear: none;
  animation: fadeIn 1s;
  -webkit-animation-fill-mode: forwards; /* Safari 4.0 - 8.0 */
  animation-fill-mode: forwards;
}
.cms-page-module#section-cost #cost-overview .pat-inject {
  position: relative;
  display: block;
  opacity: 1;
}
.js .cms-page-module#section-cost #cost-overview .pat-inject {
  color: black;
  text-decoration: none;
  padding-left: 1.9em;
}
.js .cms-page-module#section-cost #cost-overview .pat-inject:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  left: 0.5em;
  font-size: 27px;
  color: rgba(0, 0, 0, 0.6);
}
.cms-page-module .stacks-toggle a {
  display: inline-block;
}
.cms-page-module .stacks-toggle a.current {
  display: none;
}

.comment {
  position: relative;
  padding: 0 1em 0.5em 3.5em;
  min-height: 2em;
}
.comment .comment-reply-box {
  min-height: 0;
  transition: all 1s;
}
.comment .comment-reply-box.injecting > * {
  opacity: 0.19;
}
.comment .comment-reply-box.injecting.injecting-after *, .comment .comment-reply-box.injecting.injecting-content-after * {
  opacity: inherit;
}
.comment .comment-reply-box.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
.comment .comment-reply-box.injecting {
  min-height: 130px;
  position: relative;
}
.comment .comment-reply-box.injecting:before {
  margin-top: -45px;
}
.comment .comment {
  margin-left: -14px;
  padding-right: 0;
}
.comment .pat-avatar {
  position: absolute;
  left: 1em;
  top: 0.3em;
  width: 2rem;
  height: 2rem;
}
.comment .comment-footer {
  margin-top: 5px;
  line-height: 1.4;
  font-size: 0.8em;
}
.comment .comment-footer form {
  display: inline;
}
.comment .comment-footer .button {
  display: inline-block;
  margin-bottom: 10px;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.5);
  margin-right: 10px;
  font-weight: bold;
  background-color: transparent;
  font-size: 1em;
}
.comment .comment-footer .button .counter {
  margin-top: -2px;
  display: inline-block;
}
.comment .comment-footer .button.active, .comment .comment-footer .button.executed {
  color: var(--colour-accent);
}
.comment .comment-footer .button.executed {
  pointer-events: none;
}
.comment .comment-footer .button:hover {
  text-decoration: underline;
  color: black;
}
.comment .comment-content,
.comment .comment-header {
  font-size: 0.9em;
  line-height: 1.4em;
  -webkit-user-select: text;
  user-select: text;
  cursor: auto;
}
.comment .comment-content p, .comment .comment-content ul, .comment .comment-content ol, .comment .comment-content table, .comment .comment-content dl,
.comment .comment-header p,
.comment .comment-header ul,
.comment .comment-header ol,
.comment .comment-header table,
.comment .comment-header dl {
  margin-bottom: 1em;
}
.comment .comment-content *:last-child,
.comment .comment-header *:last-child {
  margin-bottom: 0;
}
.comment .comment-header .meta {
  color: gray;
}
.comment .comment-header .meta:hover {
  text-decoration: none;
}
.comment .comment-header .meta[href] {
  color: #009ee2;
}
.comment .comment-header .meta[href]:hover .name {
  text-decoration: underline;
}
.comment .date {
  font-style: italic;
  color: gray;
}
.comment .preview {
  margin-top: 5px;
}
.comment .preview img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
  background-color: white;
}
.comment .edited-toggle {
  transition: opacity 1s;
  opacity: 1;
  cursor: pointer;
}
.comment .edited-toggle:hover {
  text-decoration: underline;
}
.comment .edited-toggle.collapsible-open {
  opacity: 0;
  cursor: default;
  pointer-events: none;
}
.comment .original-text {
  opacity: 0.5;
  font-size: 0.8em;
}
.comment .comment-header .name {
  display: inline-block;
  padding-right: 0.15em;
}
.comment .comment-header .name:after {
  content: " —";
}
.comment .comment-header .icon-cog,
.comment .comment-header .icon-ellipsis {
  position: absolute;
  right: 0;
  top: 0;
  color: rgba(0, 0, 0, 0.3);
  font-size: 1em;
  right: 1.5em;
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 10px;
}
.comment .comment-header .icon-cog:before,
.comment .comment-header .icon-ellipsis:before {
  text-align: center;
  width: 100%;
}
.comment .comment-header .icon-cog:hover,
.comment .comment-header .icon-ellipsis:hover {
  color: black;
}
.comment .comment-header .icon-cog.tooltip-active-click,
.comment .comment-header .icon-ellipsis.tooltip-active-click {
  color: white;
  background-color: var(--colour-accent);
}

.comment-sentinel {
  margin: -1em 0 -1em 0;
  height: 2em;
  text-align: center;
  font-size: 0.8em;
  top: 0 !important;
  white-space: nowrap;
}
@media print {
  .comment-sentinel {
    display: none !important;
  }
}
.comment-sentinel a {
  display: inline-block;
  background-color: var(--colour-accent);
  border: 1px white solid;
  color: white;
  padding: 0 1em;
  border-radius: 1em;
  position: absolute;
  left: 50%;
  z-index: 1;
  transform: translateX(-50%);
}
@media only screen and (max-width: 767px) {
  .comment-sentinel a {
    right: -40%;
    width: 90%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.comment-sentinel a:hover {
  text-decoration: none;
}
.comment-sentinel a:before, .comment-sentinel a:after {
  font-family: fontello;
  content: "\e871";
  opacity: 0;
  transition: all 0.4s;
}
.comment-sentinel a:before {
  margin-right: 1em;
}
.comment-sentinel a:after {
  margin-left: 1em;
}
.comment-sentinel.bumped-bottom a {
  position: fixed;
  bottom: 1em;
}
@media only screen and (min-width: 768px) {
  .application-workspace .comment-sentinel.bumped-bottom a {
    margin-left: 25px;
  }
}
@media only screen and (min-width: 1280px) {
  .sidebar-left-open .comment-sentinel.bumped-bottom a {
    margin-left: 15%;
  }
}
@media only screen and (max-width: 767px) {
  .comment-sentinel.bumped-bottom a {
    right: -45%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.comment-sentinel.bumped-bottom a:hover {
  filter: contrast(140%);
}
.comment-sentinel.bumped-bottom a:before, .comment-sentinel.bumped-bottom a:after {
  opacity: 1;
}

.post .comments,
.post .update-social,
.post .update-social .button-bar {
  border-bottom-right-radius: 9.5px;
  border-bottom-left-radius: 9.5px;
}
.post .comments > div {
  overflow: hidden;
  z-index: 1;
  position: relative;
}

.comments {
  overflow: hidden;
  margin: 0 0 1em 0;
  font-size: 0.9em;
  position: relative;
  font-family: "Roboto", sans-serif;
}
.comments .comment {
  margin: 0 0 20px 0;
}
.comments .comment .update-social {
  margin: 0 0 10px 0;
  overflow: hidden;
}
.comments .comment .update-social.status-inactive {
  margin: 0 !important;
  height: 0;
}
.document-listing .comments {
  color: gray;
  position: relative;
  font-size: 0.8em;
}
.post .comments {
  margin: 0 -1em -1em;
  clear: both;
}
.post .comments .older-comments {
  position: relative;
  padding: 0.8em 1em 0.5em 3.5em;
  margin: 0;
}
.post .comments .older-comments a:before {
  content: "\f0aa  ";
  font-family: fontello;
}
.post .comments .older-comments .counter {
  float: right;
  opacity: 0.5;
}
.slideshow-running .comments {
  display: none;
}
.comments .comment-trail > .comment:first-child {
  border-top: 1em solid transparent;
}
.comments .document-comments-header {
  padding: 0 0 0 3.5em;
  position: relative;
  margin-bottom: 15px;
  clear: both;
  line-height: 23px;
}
.comments .document-comments-header br {
  display: none;
}
.comments .document-comments-header .pat-avatar {
  position: absolute;
  left: 0;
  width: 2.8em;
  height: 2.8em;
}
.comments .document-comments-header .byline {
  color: gray;
  margin-bottom: 0.5em;
}
.comments .update-comments {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #f2f2f2;
  border-radius: 10px;
  color: transparent;
  display: none;
}
.comments .update-social {
  margin-top: 20px;
  border: none;
  border: 10px;
  margin: 15px;
}
.comments > .update-comments.has-comments {
  display: block;
}
.comments#comments-document-comments, .comments#comments-news-comments {
  border-top: 3px solid #efefef;
  margin-bottom: 0;
}
@media only screen and (min-width: 1280px) {
  .comments#comments-document-comments, .comments#comments-news-comments {
    padding: 80px 15% 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .comments#comments-document-comments, .comments#comments-news-comments {
    padding: 80px 10% 0;
  }
}
@media only screen and (max-width: 767px) {
  .comments#comments-document-comments, .comments#comments-news-comments {
    padding: 80px 15px 0;
  }
}
@media only screen and (min-width: 768px) {
  .comments#comments-document-comments .update-social, .comments#comments-news-comments .update-social {
    width: auto;
    margin: 0.5em 1em 3.5em;
  }
}
@media only screen and (max-width: 767px) {
  .comments#comments-document-comments .update-social, .comments#comments-news-comments .update-social {
    margin: 0.5em 1em 2em 3.5em;
  }
}
@media print {
  .comments#comments-document-comments, .comments#comments-news-comments {
    display: none;
  }
}

.contact-bars {
  margin: 0 -15px 1em;
}
.contact-bars .contact-bars-item {
  float: left;
  width: 100%;
  padding: 0 15px;
  transition: transform 0.2s;
  box-sizing: border-box;
  margin: 0;
}
.contact-bars .contact-bars-item:hover {
  transform: scale(1.01);
}
.contact-bars .contact-bars-item:hover .contact-bars-follow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
  .contact-bars .contact-bars-item {
    margin-bottom: 20px;
  }
}
.portlet .contact-bars .contact-bars-item {
  margin-bottom: 10px;
}
.contact-bars .contact-bars-item .contact-bars-follow {
  background: white;
  border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  display: block;
  overflow: hidden;
  transition: box-shadow 0.25s;
}
.contact-bars .contact-bars-item .contact-bars-follow:hover {
  text-decoration: none;
}
.contact-bars .contact-bars-item .contact-bars-follow .contact-bars-info {
  padding: 9px 20px 10px 100px;
  line-height: 1.4;
  font-size: 16px;
  overflow: hidden;
  position: relative;
  min-height: 40px;
  display: table-cell;
  vertical-align: middle;
  height: 40px;
  color: black;
  font-weight: bold;
}
.contact-bars .contact-bars-item .contact-bars-follow .contact-bars-info .pat-avatar {
  position: absolute;
  left: 34px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  filter: blur(0);
  will-change: all;
}
.contact-bars .contact-bars-item .contact-bars-follow .contact-bars-info:before {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100px;
  text-align: center;
  transform: translateY(-50%);
  color: black;
  font-size: 32px;
}

.contact-cards:after {
  content: " ";
  display: table;
  clear: both;
}
.contact-cards .item .contact-card,
.contact-cards .item .user-card,
.contact-cards .item .quaive-contact-card {
  height: 100%;
  margin: 0;
  box-sizing: border-box;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .contact-cards .item .contact-card,
  .contact-cards .item .user-card,
  .contact-cards .item .quaive-contact-card {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .contact-cards {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .contact-cards {
    display: grid;
    grid-auto-rows: 1fr;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .contact-cards.col-2 {
    grid-template-columns: 1fr 1fr;
  }
  .contact-cards.col-3 {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.container {
  display: block;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 55px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .container {
    padding: 0 15px;
  }
}
.tooltip-container .container {
  padding: 0;
}

@media screen {
  #app-space {
    position: absolute;
    transition: transform 0.3s;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 11;
    pointer-events: none;
  }
  #app-space.injecting > * {
    opacity: 0.19;
  }
  #app-space.injecting.injecting-after *, #app-space.injecting.injecting-content-after * {
    opacity: inherit;
  }
  #app-space.injecting:before {
    opacity: 1;
    position: absolute;
    top: 50%;
    left: 50%;
    content: "\e815";
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    z-index: 1000;
    font: 50px/50px fontello;
    text-shadow: white 0 0 2px;
    text-align: center;
    -moz-animation: spin 2s infinite linear;
    -o-animation: spin 2s infinite linear;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    opacity: 0;
    animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
  }
}
@media only screen and (min-width: 768px) {
  #app-space.state-on:after {
    position: absolute;
    top: -1px;
    left: 0;
    right: 0;
    height: 1px;
    content: " ";
    display: block;
    z-index: 1;
    background-color: #666;
    animation: fadeIn 0.3s;
  }
}
@media print {
  #app-space {
    border-top: none !important;
    background-color: transparent !important;
  }
}
#app-space:not(.injecting):before {
  opacity: 0;
}
@media screen {
  #app-space:not(.injecting):before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 9px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    content: " ";
    display: block;
    z-index: 10;
    pointer-events: none;
  }
}
#app-space.injecting:after {
  content: " ";
  background: #efefef;
  width: 100%;
  height: 100%;
  display: block;
  z-index: 0;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  position: absolute;
}
@media print {
  #app-space #back-to-parent,
  #app-space #back-to-overview,
  #app-space #back-to-sidebar {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #app-space {
    top: 50px;
  }
}
#app-space.injecting > #back-to-overview {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  #app-space {
    top: 55px;
  }
}
@media print {
  #app-space {
    top: 0;
  }
}
#app-space.state-on, #app-space.injecting {
  display: block;
  pointer-events: auto;
}
#app-space.state-on:before, #app-space.injecting:before {
  opacity: 1;
}
#app-space.error:before {
  opacity: 1;
}
#app-space.state-paused .application-body {
  display: none !important;
}
#app-space.state-off .application-body,
#app-space.state-off #application-body, #app-space.state-paused .application-body,
#app-space.state-paused #application-body {
  display: none;
}
#app-space.state-on #application-body, #app-space.state-on.multi-tasking-off.application-body {
  display: block;
}
#app-space .application-body,
#app-space #application-body {
  background: white;
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
#app-space .application-body.injecting > *,
#app-space #application-body.injecting > * {
  opacity: 0.19;
}
#app-space .application-body.injecting.injecting-after *, #app-space .application-body.injecting.injecting-content-after *,
#app-space #application-body.injecting.injecting-after *,
#app-space #application-body.injecting.injecting-content-after * {
  opacity: inherit;
}
#app-space .application-body.injecting:before,
#app-space #application-body.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media print {
  #app-space .application-body,
  #app-space #application-body {
    border-top: none;
  }
}
@media print {
  #app-space .application-body,
  #app-space #application-body {
    overflow: visible;
  }
}
.toolbar-on #app-space .application-body,
.toolbar-on #app-space #application-body {
  border-top: none;
}
#app-space.injecting .application-body,
#app-space.injecting #application-body {
  opacity: 0;
}

.context-menu.pat-collapsible {
  position: relative;
  display: inline-block;
}
.context-menu.pat-collapsible legend {
  line-height: 1.4;
}
.context-menu.pat-collapsible select {
  width: 100%;
}
.context-menu.pat-collapsible .close-menu {
  color: transparent;
  text-align: right;
  cursor: default;
  height: 0;
  margin: 0;
  opacity: 0;
}
.context-menu.pat-collapsible .close-menu:after {
  font-family: fontello;
  content: "\e899";
  color: gray;
  font-size: 1.2em;
}
.context-menu.pat-collapsible .close-menu:hover:after {
  color: black;
}
.context-menu.pat-collapsible.open.in-progress .panel-content {
  display: none !important;
}
.context-menu.pat-collapsible .context-menu-label {
  user-select: none;
  font-weight: normal;
  cursor: default;
  display: inline-block;
  margin: 0;
}
.context-menu.pat-collapsible .context-menu-label.collapsible-closed, .context-menu.pat-collapsible .context-menu-label.collapsible-open {
  padding: 0 30px 0 0;
  text-decoration: none;
  cursor: default;
}
.context-menu.pat-collapsible .context-menu-label.collapsible-closed:hover, .context-menu.pat-collapsible .context-menu-label.collapsible-closed:active, .context-menu.pat-collapsible .context-menu-label.collapsible-open:hover, .context-menu.pat-collapsible .context-menu-label.collapsible-open:active {
  color: black;
}
.context-menu.pat-collapsible .context-menu-label.collapsible-closed {
  text-decoration: none;
}
.canvas-subnav .context-menu.pat-collapsible .context-menu-label.collapsible-closed {
  cursor: pointer;
}
.context-menu.pat-collapsible .context-menu-label.collapsible-open:before {
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: " ";
}
.context-menu.pat-collapsible .context-menu-label:not(.iconified):after, .context-menu.pat-collapsible .context-menu-label.iconified.pat-button:after {
  content: " ";
  padding-right: 1em;
  box-shadow: none !important;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: absolute;
  top: 2%;
  right: 12px;
  bottom: 0;
  background-repeat: no-repeat;
  background-position: right center;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOC40IDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDguNCA3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MX0KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDAgNC4yLDcgOC40LDAgIi8+Cjwvc3ZnPg==);
  background-size: auto 10px;
}
.context-menu.pat-collapsible .context-menu-label.iconified {
  text-indent: -1000px;
  overflow: hidden;
  width: 2.2em;
}
.context-menu.pat-collapsible .context-menu-label.iconified.pat-button {
  width: 2.4em;
  position: relative;
}
.context-menu.pat-collapsible .context-menu-label.iconified.pat-button:after {
  position: absolute;
  right: 0.3em;
  width: 100%;
  height: 1em;
  top: 0.2em;
}
.context-menu.pat-collapsible .context-menu-label.iconified.pat-button:before {
  width: 1.7em;
  line-height: 1.75em;
  display: block;
}
.context-menu.pat-collapsible .context-menu-label.iconified.pat-button.collapsible-open:after, .context-menu.pat-collapsible .context-menu-label.iconified.pat-button.collapsible-open:before {
  color: #D40E16;
}
.context-menu.pat-collapsible .context-menu-label.iconified:before {
  position: absolute;
  font-family: fontello;
  content: "\e865";
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-indent: 0;
  text-align: center;
}
.context-menu.pat-collapsible.no-label:before {
  width: 100%;
  height: 100%;
  line-height: 35px;
  position: absolute;
  margin: 0;
}
.context-menu.pat-collapsible.no-label.open:before, .context-menu.pat-collapsible.no-label.in-progress.closed:before {
  background: #D40E16;
  color: white;
  border-radius: 10px;
}
.context-menu.pat-collapsible.no-label .context-menu-label {
  opacity: 0;
  width: 35px;
  padding: 0;
}
.context-menu.pat-collapsible.no-label .panel-content {
  top: 45px;
}
.context-menu.pat-collapsible.open .context-menu-label {
  color: black;
}
.context-menu.pat-collapsible.open .context-menu-label.pat-button {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.3);
}
.context-menu.pat-collapsible.open.iconified .context-menu-label {
  color: #D40E16;
}
.context-menu.pat-collapsible.open .panel-content {
  display: block;
}
.context-menu.pat-collapsible .panel-content {
  position: absolute;
  top: var(--pat-context-menu-panel-distance, 1.7em);
  left: 0;
  display: none;
  background-color: white;
  padding: 1em !important;
  width: 450px;
  z-index: 10;
  border-radius: 10px;
  font-size: 1em;
  height: auto !important;
  line-height: 1.5em;
  border: 1px solid silver;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
}
.context-menu.pat-collapsible .panel-content *:last-child {
  margin-bottom: 0;
}
.context-menu.pat-collapsible .panel-content li button,
.context-menu.pat-collapsible .panel-content li .button {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .context-menu.pat-collapsible.align-right .panel-content {
    right: 0;
    left: auto;
  }
}

.canvas-toolbar + #dashboard {
  margin-top: 0;
}

#dashboard {
  position: relative;
  margin-top: 80px;
}
#canvas-banner + #dashboard {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  #dashboard {
    margin: 0 -15px;
    overflow: hidden;
  }
}
#dashboard .js:before {
  position: fixed !important;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
#dashboard.masonry-ready:before {
  display: none;
}
@media only screen and (max-width: 767px) {
  #dashboard .grid-sizer {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #dashboard .grid-sizer {
    width: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  #dashboard .grid-sizer {
    width: 33.333332%;
  }
}
#dashboard .portlet {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1.5rem;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #dashboard .portlet {
    padding: 0 1.05rem;
  }
}
@media only screen and (max-width: 767px) {
  #dashboard .portlet {
    padding: 0;
  }
}
.js #dashboard .portlet {
  opacity: 0;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
@media only screen and (min-width: 768px) {
  .js #dashboard .portlet.span-1 {
    font-size: 0.8em;
  }
}
@media only screen and (min-width: 1280px) {
  .js #dashboard .portlet.span-1 {
    width: 33.333332%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .js #dashboard .portlet.span-1 {
    width: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .js #dashboard .portlet.span-2 {
    width: 66.66666%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .js #dashboard .portlet.span-2 {
    width: 50%;
  }
}
.js #dashboard .portlet.span-3 {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .js #dashboard .portlet {
    position: static !important;
  }
}
@media only screen and (min-width: 768px) {
  .js #dashboard .portlet.stamp {
    position: absolute;
    top: 0;
    width: 66.5%;
  }
  .js #dashboard .portlet.stamp.right {
    right: 0;
  }
  .js #dashboard .portlet.stamp.left {
    left: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .js #dashboard .portlet.stamp {
    width: 50%;
  }
}
.js #dashboard.masonry-ready .portlet {
  opacity: 1;
}

#dashboard-banner {
  overflow: hidden;
  display: block;
  margin: 55px auto -25px;
  position: relative;
  border-radius: 10px;
  z-index: 1;
  padding: 20px;
  box-sizing: border-box;
  background-color: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
#dashboard-banner.frameless {
  padding: 0;
  background-color: transparent;
  box-shadow: none;
  border-radius: 0;
}
@media only screen and (min-width: 768px) {
  #dashboard-banner {
    width: 80%;
  }
}
#dashboard-banner img {
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

ul.data-matrix {
  margin-left: 0;
  margin-bottom: 30px;
  display: table;
  width: 100%;
  box-sizing: border-box;
}
ul.data-matrix.hd {
  font-size: 0.8em;
}
@media only screen and (min-width: 768px) {
  ul.data-matrix.framed {
    background: white;
    padding: 30px;
    border: 1px solid #D40E16;
    border-radius: border-radii;
  }
}
ul.data-matrix .row {
  line-height: 1.4;
  padding-right: 60px;
  position: relative;
}
@media only screen and (min-width: 768px) {
  ul.data-matrix .row {
    display: table-row;
  }
}
@media only screen and (max-width: 767px) {
  ul.data-matrix .row {
    display: block;
    margin-bottom: 20px;
    padding: 15px;
    background: white;
  }
}
ul.data-matrix .row.archived .field.name:after {
  font-family: fontello;
  content: "\e80f";
  font-size: 0.6em;
  vertical-align: middle;
  padding-left: 0.5em;
  position: relative;
  top: -0.1em;
}
ul.data-matrix .row .field {
  padding-top: 0.2em;
  padding-bottom: 0.2em;
}
@media only screen and (min-width: 768px) {
  ul.data-matrix .row .field {
    display: table-cell;
    vertical-align: middle;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    display: table-cell;
  }
}
.span-1 ul.data-matrix .row .field {
  display: block;
  padding: 0;
}
ul.data-matrix .row .field .last-saved {
  clear: both;
}
ul.data-matrix .row .field.name a,
ul.data-matrix .row .field.name .value, ul.data-matrix .row .field.user a,
ul.data-matrix .row .field.user .value, ul.data-matrix .row .field.tool a,
ul.data-matrix .row .field.tool .value, ul.data-matrix .row .field.probe a,
ul.data-matrix .row .field.probe .value {
  padding-left: 32px;
  display: block;
  position: relative;
  line-height: 1.2;
}
ul.data-matrix .row .field.name a:before,
ul.data-matrix .row .field.name .value:before, ul.data-matrix .row .field.user a:before,
ul.data-matrix .row .field.user .value:before, ul.data-matrix .row .field.tool a:before,
ul.data-matrix .row .field.tool .value:before, ul.data-matrix .row .field.probe a:before,
ul.data-matrix .row .field.probe .value:before {
  font-family: fontello;
  display: inline-block;
  transform: translateY(-50%);
  top: 50%;
  position: absolute;
  left: 0;
  width: 32px;
  text-align: center;
  margin: 0;
}
ul.data-matrix .row .field.name a[href]:hover,
ul.data-matrix .row .field.name .value[href]:hover, ul.data-matrix .row .field.user a[href]:hover,
ul.data-matrix .row .field.user .value[href]:hover, ul.data-matrix .row .field.tool a[href]:hover,
ul.data-matrix .row .field.tool .value[href]:hover, ul.data-matrix .row .field.probe a[href]:hover,
ul.data-matrix .row .field.probe .value[href]:hover {
  text-decoration: underline;
}
ul.data-matrix .row .field:first-child {
  padding-left: 0;
}
ul.data-matrix .row .field.name a:before {
  content: "\e977";
}
ul.data-matrix .row .field.assessment.name {
  padding-left: 0;
}
ul.data-matrix .row .field.assessment.name a:before {
  content: "\e977";
}
ul.data-matrix .row .field.user {
  padding-left: 0;
}
ul.data-matrix .row .field.user a:before {
  content: "\e8fa";
}
ul.data-matrix .row .field.tool a:before {
  content: "\e88f";
}
ul.data-matrix .row .field.icons {
  width: 0;
  text-align: right;
  white-space: nowrap;
  padding-right: 0;
}
@media only screen and (min-width: 768px) {
  ul.data-matrix .row .field.icons {
    padding-left: 0;
    padding-left: 20px;
  }
}
ul.data-matrix .row .field.icons .icon {
  display: inline-block;
  vertical-align: middle;
  width: 22px;
  height: 22px;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  ul.data-matrix .row .field.icons .icon {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  ul.data-matrix .row .field.icons .icon {
    margin-right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  ul.data-matrix .row .field.status, ul.data-matrix .row .field.icons {
    padding-left: 32px;
  }
}
ul.data-matrix .row .field.date, ul.data-matrix .row .field.status, ul.data-matrix .row .field.updated, ul.data-matrix .row .field.probe {
  color: #666;
}
.span-1 ul.data-matrix .row .field.date, .span-1 ul.data-matrix .row .field.status, .span-1 ul.data-matrix .row .field.updated, .span-1 ul.data-matrix .row .field.probe {
  padding-left: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .span-1 ul.data-matrix .row .field.date, .span-1 ul.data-matrix .row .field.status, .span-1 ul.data-matrix .row .field.updated, .span-1 ul.data-matrix .row .field.probe {
    text-align: left;
    white-space: inherit;
    padding-bottom: 0.4em;
  }
  body[dir=rtl] .span-1 ul.data-matrix .row .field.date, body[dir=rtl] .span-1 ul.data-matrix .row .field.status, body[dir=rtl] .span-1 ul.data-matrix .row .field.updated, body[dir=rtl] .span-1 ul.data-matrix .row .field.probe {
    text-align: right;
  }
  ul.data-matrix .row .field.date .published, ul.data-matrix .row .field.status .published, ul.data-matrix .row .field.updated .published, ul.data-matrix .row .field.probe .published {
    background: #efefef;
    border-radius: 4px;
    display: inline-block;
    padding: 0 0.4em;
    margin-right: 15px;
  }
  .span-1 ul.data-matrix .row .field.date .published, .span-1 ul.data-matrix .row .field.status .published, .span-1 ul.data-matrix .row .field.updated .published, .span-1 ul.data-matrix .row .field.probe .published {
    background: transparent;
    display: inline;
    padding: 0;
    margin: 0;
  }
}

dl dd {
  margin-bottom: 1em;
  margin-left: 0;
}

@media only screen and (min-width: 1280px) {
  .directory {
    column-count: 4;
    -webkit-column-gap: 3rem; /* Chrome, Safari, Opera */
    -moz-column-gap: 3rem; /* Firefox */
    column-gap: 3rem;
  }
}
.directory.small {
  font-size: small;
}
@media only screen and (min-width: 1280px) {
  .directory.col-1 {
    column-count: 1;
  }
  .directory.col-2 {
    column-count: 2;
  }
  .directory.col-3 {
    column-count: 3;
  }
  .directory.col-4 {
    column-count: 3;
  }
  .directory .menu.links li {
    break-inside: avoid;
  }
  .directory .menu.links li a {
    color: #009ee2;
  }
  .directory .menu.links li a:hover {
    color: color-mix(in lch, colour-link, black 90%);
  }
}
.directory .group,
.directory .columns[class*=column] + [class*=column]:last-child {
  padding-bottom: 1em;
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
  page-break-inside: avoid; /* Firefox */
  break-inside: avoid; /* IE 10+ */
}
.directory .group .group-title,
.directory .columns[class*=column] + [class*=column]:last-child .group-title {
  padding-bottom: 0.5em;
}

.app-test {
  margin-bottom: 1.5em;
  padding: 0.5em;
  border-radius: 8px;
  border: 1px silver solid;
}
.app-test .app-test-sentinel {
  padding: 0.2em 0.8em;
  border-radius: 4px;
  margin: 0;
}
@media all and (display-mode: minimal-ui) {
  .app-test .minimal-ui {
    background: #D40E16;
    color: white;
  }
}
@media all and (display-mode: standalone) {
  .app-test .standalone {
    background: #D40E16;
    color: white;
  }
}
@media all and (display-mode: fullscreen) {
  .app-test .fullscreen {
    background: #D40E16;
    color: white;
  }
}
@media all and (display-mode: browser) {
  .app-test .browser {
    background: #D40E16;
    color: white;
  }
}

.quaive-document {
  padding-left: var(--quaive-document-padding-left);
  padding-right: var(--quaive-document-padding-right);
  max-width: var(--quaive-document-max-width);
  margin: 0 auto;
  font-family: Roboto, sans-serif;
  font-size: 1.1rem;
}
@media only screen and (max-width: 767px) {
  .quaive-document {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.quaive-document > * {
  max-width: var(--quaive-document-max-width);
  margin-left: auto;
  margin-right: auto;
}
.quaive-document.office {
  --quaive-document-padding-left: 0;
  --quaive-document-padding-right: 0;
  --quaive-document-max-width: 100%;
}
.quaive-document.image img, .quaive-document.video .quaive-video, .quaive-document.vimeo .quaive-vimeo-player {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.document-body > .quaive-document {
  background: white;
}
.quaive-document.document-type-event-promo {
  padding: 50px 0 0 0;
}
.quaive-document.document-type-link .document-content .pat-button {
  font-size: 2em;
  margin: 0;
  line-height: 55px;
}
.quaive-document.document-type-link .document-content p {
  text-align: center;
  margin-bottom: 1rem;
}

.quaive-document-edit {
  padding-left: var(--quaive-document-padding-left);
  padding-right: var(--quaive-document-padding-right);
  max-width: var(--quaive-document-max-width);
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  .quaive-document-edit {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.quaive-document-edit > * {
  max-width: var(--quaive-document-max-width);
  margin-left: auto;
  margin-right: auto;
}

#document-alert-bar {
  margin: 0 0 40px 0;
  transition: 0.8s all;
  padding: 0 10%;
  background: white;
}
.application-workspace #document-alert-bar.document-reference {
  display: none;
}
#document-alert-bar .pat-message {
  margin: 0 0 0 0;
  border-radius: 10px;
}
#document-alert-bar .pat-message + .pat-message {
  margin-top: 20px;
}
#document-alert-bar input {
  width: 100%;
  margin-top: 5px;
}
#document-alert-bar button,
#document-alert-bar .pat-button {
  float: right;
  margin-top: -3px;
  font-size: 0.8em;
  margin-right: 0;
}
@media only screen and (max-width: 767px) {
  #document-alert-bar {
    display: none;
  }
}

.metadata.bumped + #document-alert-bar {
  padding-top: 0px;
}

.document-attacher {
  position: relative;
  height: 1.2em;
}
.document-attacher > .pat-button {
  transition: all 0.5s;
  opacity: 1;
  z-index: 101;
  position: relative;
  transform-origin: 0 0;
}
.document-attacher > .pat-button:before {
  transition: all 0.5s;
}
.document-attacher.documents-panel-open .button-add-document {
  border: none;
  background: none;
  transform: scale(1.7);
  padding-left: 0 !important;
  color: black !important;
  font-size: 12px !important;
  line-height: 26px !important;
}
.document-attacher.documents-panel-open .button-add-document:hover {
  color: black !important;
}
.document-attacher.documents-panel-open .button-add-document:before {
  width: 5px;
  opacity: 0;
}
.document-attacher.documents-panel-open .button-add-document:active {
  box-shadow: inherit;
}
.document-attacher.documents-panel-closed .documents-panel {
  display: none;
}

.application-user .document-body,
.application-user .document-content {
  background-color: white;
}
@media only screen and (min-width: 768px) {
  .application-user .document-body,
  .application-user .document-content {
    position: relative;
  }
}
.application-user .document-body .document-content,
.application-user .document-body #document-content,
.application-user .document-content .document-content,
.application-user .document-content #document-content {
  display: block;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 55px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 3%;
  font-size: 1em;
}
@media only screen and (max-width: 767px) {
  .application-user .document-body .document-content,
  .application-user .document-body #document-content,
  .application-user .document-content .document-content,
  .application-user .document-content #document-content {
    padding: 0 15px;
  }
}
.tooltip-container .application-user .document-body .document-content,
.tooltip-container .application-user .document-body #document-content,
.tooltip-container .application-user .document-content .document-content,
.tooltip-container .application-user .document-content #document-content {
  padding: 0;
}
@media only screen and (max-width: 767px) {
  .application-user .document-body .document-content,
  .application-user .document-body #document-content,
  .application-user .document-content .document-content,
  .application-user .document-content #document-content {
    padding-top: 2em;
  }
}
@media only screen and (min-width: 768px) {
  .application-user .document-body .document-content > .document,
  .application-user .document-body #document-content > .document,
  .application-user .document-content .document-content > .document,
  .application-user .document-content #document-content > .document {
    padding: 10% 0;
    font-size: 1em;
  }
}
.application-user .document-body .document-content > .document img,
.application-user .document-body #document-content > .document img,
.application-user .document-content .document-content > .document img,
.application-user .document-content #document-content > .document img {
  max-width: 100%;
}

.application-body .document-body,
#application-body .document-body {
  overflow-x: hidden;
  overflow-y: auto; /* has to be scroll, not auto */
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  transition: left 0.3s;
  padding: 0;
  transition: filter 0.4s, opacity 0.4s, left 0.3s;
  background-color: #efefef;
  z-index: 0;
}
.application-body .document-body.injecting > *,
#application-body .document-body.injecting > * {
  opacity: 0.19;
}
.application-body .document-body.injecting.injecting-after *, .application-body .document-body.injecting.injecting-content-after *,
#application-body .document-body.injecting.injecting-after *,
#application-body .document-body.injecting.injecting-content-after * {
  opacity: inherit;
}
.application-body .document-body.injecting:before,
#application-body .document-body.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
.application-body .document-body .long-read.help-text,
#application-body .document-body .long-read.help-text {
  margin-top: 100px;
  margin-bottom: 100px;
}
.module-whiteboard .application-body .document-body,
.module-whiteboard #application-body .document-body {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .application-body .document-body,
  #application-body .document-body {
    top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .application-body .document-body,
  #application-body .document-body {
    top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .application-workspaces .application-body .document-body,
  .application-workspaces #application-body .document-body {
    bottom: 90px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .application-body .document-body,
  #application-body .document-body {
    will-change: transform;
  }
  .focus-sidebar .application-body .document-body,
  .focus-sidebar #application-body .document-body {
    opacity: 0.5;
    -moz-filter: blur(30px) saturate(4) brightness(1.2);
    -ms-filter: blur(30px) saturate(4) brightness(1.2);
    -webkit-filter: blur(30px) saturate(4) brightness(1.2);
    filter: blur(30px) saturate(4) brightness(1.2);
  }
}
.toolbar-on .application-body .document-body,
.toolbar-on #application-body .document-body {
  top: 40px;
}
.application-body .document-body .archived:before,
#application-body .document-body .archived:before {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: url(web.png) top left no-repeat;
  z-index: 1000;
  opacity: 0.4;
  content: " ";
  pointer-events: none;
  z-index: 1;
}
@keyframes spider-walk {
  from {
    top: 200px;
    left: 160px;
  }
  to {
    top: -180px;
    left: 120px;
  }
}
.application-body .document-body .archived.spiderised:after,
#application-body .document-body .archived.spiderised:after {
  position: absolute;
  background: url(spider.gif) top left no-repeat;
  z-index: 1000;
  top: 200px;
  left: 160px;
  width: 200px;
  height: 180px;
  content: " ";
  transform: scale(0.8) rotate(-15deg);
  pointer-events: none;
}
.patterns-loaded .application-body .document-body .archived.spiderised:after,
.patterns-loaded #application-body .document-body .archived.spiderised:after {
  animation: spider-walk 7s forwards;
  animation-delay: 0.5s;
  animation-iteration-count: 1;
}
.application-body .document-body .document-content.injecting > *,
.application-body .document-body #document-content.injecting > *,
#application-body .document-body .document-content.injecting > *,
#application-body .document-body #document-content.injecting > * {
  opacity: 0.19;
}
.application-body .document-body .document-content.injecting.injecting-after *, .application-body .document-body .document-content.injecting.injecting-content-after *,
.application-body .document-body #document-content.injecting.injecting-after *,
.application-body .document-body #document-content.injecting.injecting-content-after *,
#application-body .document-body .document-content.injecting.injecting-after *,
#application-body .document-body .document-content.injecting.injecting-content-after *,
#application-body .document-body #document-content.injecting.injecting-after *,
#application-body .document-body #document-content.injecting.injecting-content-after * {
  opacity: inherit;
}
.application-body .document-body .document-content.injecting:before,
.application-body .document-body #document-content.injecting:before,
#application-body .document-body .document-content.injecting:before,
#application-body .document-body #document-content.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
.application-body .document-body .document-content .document-attachments,
.application-body .document-body #document-content .document-attachments,
#application-body .document-body .document-content .document-attachments,
#application-body .document-body #document-content .document-attachments {
  margin-bottom: 3em;
}
@media only screen and (min-width: 768px) {
  .application-body .document-body .document-content .document-attachments,
  .application-body .document-body #document-content .document-attachments,
  #application-body .document-body .document-content .document-attachments,
  #application-body .document-body #document-content .document-attachments {
    margin: 0 -15px 3em;
  }
  .application-body .document-body .document-content .document-attachments:after,
  .application-body .document-body #document-content .document-attachments:after,
  #application-body .document-body .document-content .document-attachments:after,
  #application-body .document-body #document-content .document-attachments:after {
    content: " ";
    display: table;
    clear: both;
  }
  .application-body .document-body .document-content .document-attachments .document-preview,
  .application-body .document-body #document-content .document-attachments .document-preview,
  #application-body .document-body .document-content .document-attachments .document-preview,
  #application-body .document-body #document-content .document-attachments .document-preview {
    float: left;
    width: 33.33332%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0 15px;
  }
  .application-body .document-body .document-content .document-attachments .document-preview:before,
  .application-body .document-body #document-content .document-attachments .document-preview:before,
  #application-body .document-body .document-content .document-attachments .document-preview:before,
  #application-body .document-body #document-content .document-attachments .document-preview:before {
    left: 15px;
  }
}
@media print {
  .application-body .document-body,
  #application-body .document-body {
    position: static;
    overflow: visible;
  }
}
@media only screen and (max-width: 767px) {
  .application-body .document-body,
  #application-body .document-body {
    background-color: white;
  }
}
.application-body .document-body #title-block,
#application-body .document-body #title-block {
  margin: 0 0 50px 0;
  position: relative;
}
.application-body .document-body #title-block p,
.application-body .document-body #title-block textarea,
#application-body .document-body #title-block p,
#application-body .document-body #title-block textarea {
  font-weight: bold;
  font-size: 2.7rem;
  font-stretch: normal;
  line-height: 1.3;
  margin-bottom: 0.7rem;
  color: black;
  box-shadow: none;
}
.application-body .document-body #title-block .validation.message,
#application-body .document-body #title-block .validation.message {
  font-size: 1rem;
}
.application-body .document-body #title-block .placeholder,
#application-body .document-body #title-block .placeholder {
  font-style: normal;
  color: silver;
}
.application-body .document-body #title-block textarea:focus,
#application-body .document-body #title-block textarea:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: 5px;
}
.application-body .document-body #title-block .pat-content-mirror,
#application-body .document-body #title-block .pat-content-mirror {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  resize: none;
  width: 100%;
  height: 100%;
  background: transparent;
}
.application-body .document-body #title-block .pat-content-mirror.has-value,
#application-body .document-body #title-block .pat-content-mirror.has-value {
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-color: transparent;
}
@media only screen and (max-width: 767px) {
  .application-body .document-body #comments-document-comments .comment-trail,
  #application-body .document-body #comments-document-comments .comment-trail {
    margin-bottom: 0;
  }
}
.application-body .document-body .workspace-recommendations,
#application-body .document-body .workspace-recommendations {
  display: block;
  margin: 0 auto 2em;
  color: gray;
  font-weight: bold;
  text-align: center;
}
.application-body .document-body #primary-functions,
#application-body .document-body #primary-functions {
  text-align: center;
  margin-bottom: 2em;
}

@media only screen and (max-width: 767px) {
  .focus-document #document-body,
  .focus-document .document-body,
  .focus-canvas #document-body,
  .focus-canvas .document-body {
    z-index: 1;
  }
}
@media only screen and (min-width: 768px) {
  .application-workspace.sidebar-left-closed .document-body,
  .application-workspace.sidebar-left-closed #document-body,
  .application-workspaces.sidebar-left-closed .document-body,
  .application-workspaces.sidebar-left-closed #document-body {
    padding-left: 50px;
  }
  .application-workspace.sidebar-left-closed.module-workspace-home .document-body,
  .application-workspace.sidebar-left-closed.module-workspace-home #document-body,
  .application-workspaces.sidebar-left-closed.module-workspace-home .document-body,
  .application-workspaces.sidebar-left-closed.module-workspace-home #document-body {
    padding-left: 250px;
  }
  .application-super-space .document-body,
  .application-super-space #document-body {
    left: 0;
  }
}
@media only screen and (min-width: 768px) {
  .application-body.sidebar-right-open .document-body,
  #application-body.sidebar-right-open .document-body {
    right: 20%;
  }
}

@media only screen and (min-width: 1280px) {
  .sidebar-left-open .document-body,
  .sidebar-left-open #document-body {
    left: 30%;
  }
}
.application-body > .document-content:not(.pat-modal),
#application-body > #document-content:not(.pat-modal) {
  padding: 60px 6%;
}
@media print {
  .application-body > .document-content:not(.pat-modal),
  #application-body > #document-content:not(.pat-modal) {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .application-body > .document-content:not(.pat-modal),
  #application-body > #document-content:not(.pat-modal) {
    padding: 20px;
  }
}

.document-content,
#document-content {
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
  background-color: white;
}
.document-content:not(.pat-modal),
#document-content:not(.pat-modal) {
  padding: 50px 0 6%;
}
.document-content:not(.pat-modal):after,
#document-content:not(.pat-modal):after {
  content: " ";
  display: table;
  clear: both;
}
@media only screen and (max-width: 767px) {
  .document-content:not(.pat-modal),
  #document-content:not(.pat-modal) {
    padding: 15px;
    overflow: auto;
  }
}
@media print {
  .document-content:not(.pat-modal),
  #document-content:not(.pat-modal) {
    padding: 0;
  }
}
.document-content:has(.document-hero-image),
#document-content:has(.document-hero-image) {
  padding: 50px 0 10%;
}
.document-content .document-title,
#document-content .document-title {
  margin-bottom: 1em;
}
.document-type-video .document-content, .document-type-external-video .document-content, .document-type-image .document-content, .document-type-powerpoint .document-content, .document-type-word .document-content, .document-type-excel .document-content, .document-type-pdf .document-content, .document-type-youtube .document-content, .document-type-vimeo .document-content,
.document-type-video #document-content,
.document-type-external-video #document-content,
.document-type-image #document-content,
.document-type-powerpoint #document-content,
.document-type-word #document-content,
.document-type-excel #document-content,
.document-type-pdf #document-content,
.document-type-youtube #document-content,
.document-type-vimeo #document-content {
  padding: 10px 0 0 0;
}
.document-content:not(:has(.quaive-page-modules)):not(:has(.quaive-document)):not(:has(.quaive-document-edit)):not(:has(.quaive-news-item)),
#document-content:not(:has(.quaive-page-modules)):not(:has(.quaive-document)):not(:has(.quaive-document-edit)):not(:has(.quaive-news-item)) {
  padding-left: 10%;
  padding-right: 10%;
}
.document-content:not(:has(.quaive-page-modules)):not(:has(.quaive-document)):not(:has(.quaive-document-edit)):not(:has(.quaive-news-item)) .pat-toolbar,
#document-content:not(:has(.quaive-page-modules)):not(:has(.quaive-document)):not(:has(.quaive-document-edit)):not(:has(.quaive-news-item)) .pat-toolbar {
  width: 100%;
}
.document-content.app-settings .page-header,
#document-content.app-settings .page-header {
  display: block;
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 55px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 55px;
}
@media only screen and (max-width: 767px) {
  .document-content.app-settings .page-header,
  #document-content.app-settings .page-header {
    padding: 0 15px;
  }
}
.tooltip-container .document-content.app-settings .page-header,
.tooltip-container #document-content.app-settings .page-header {
  padding: 0;
}
.document-type-link .document-content,
.document-type-link #document-content {
  padding-top: 105px;
}
.document-type-event .has-hero .document-content,
.document-type-event .has-hero #document-content {
  padding-top: 70px;
}
.document-type-presentation .document-content,
.document-type-presentation #document-content {
  padding-top: 20px;
}
.document-type-presentation .toc + .document-content,
.document-type-presentation .toc + #document-content {
  padding-top: 55px;
}
.document-type-rich .document-content,
.document-type-rich #document-content {
  padding: 0;
}
.document-type-rich .document-content .ProseMirror,
.document-type-rich .document-content .redactor-styles,
.document-type-rich #document-content .ProseMirror,
.document-type-rich #document-content .redactor-styles {
  padding: calc(10% + 30px) 10% 10% 10%;
}
@media only screen and (max-width: 767px) {
  .document-type-rich .document-content .ProseMirror,
  .document-type-rich .document-content .redactor-styles,
  .document-type-rich #document-content .ProseMirror,
  .document-type-rich #document-content .redactor-styles {
    padding: 15px;
  }
}
#portal-content .document-content,
#portal-content #document-content {
  background-color: transparent;
  padding: 0;
  margin: 0;
}
.document-type-rich.read-only .document-content,
.document-type-rich.read-only #document-content {
  padding: calc(10% + 30px) 10% 10% 10%;
}
@media only screen and (max-width: 767px) {
  .document-type-rich.read-only .document-content,
  .document-type-rich.read-only #document-content {
    padding: 15px;
  }
}
.document-content.news-feed,
#document-content.news-feed {
  background-color: white;
  padding: 8%;
  font-size: 0.8em;
}
.document-content.cases-overview,
#document-content.cases-overview {
  background-color: white;
  padding: 8%;
  font-size: 0.8em;
}
.document-content article.rich,
.document-content .content-container,
.document-content div.document,
#document-content article.rich,
#document-content .content-container,
#document-content div.document {
  background-color: white;
  font-size: 1.4rem;
}
@media print {
  .document-content article.rich,
  .document-content .content-container,
  .document-content div.document,
  #document-content article.rich,
  #document-content .content-container,
  #document-content div.document {
    font-size: 12pt;
  }
}
@media only screen and (max-width: 767px) {
  .document-content article.rich,
  .document-content .content-container,
  .document-content div.document,
  #document-content article.rich,
  #document-content .content-container,
  #document-content div.document {
    padding: 0;
  }
}

.document-hero-area {
  display: block;
  margin: 0 0 60px 0;
  position: relative;
  background-color: var(--colour-accent);
  padding-top: 150px;
  overflow: hidden;
}
.document-hero-area img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
}
.document-hero-area .document-title {
  position: relative;
  z-index: 2;
  padding: 50px var(--quaive-document-padding-left) 50px var(--quaive-document-padding-left);
  color: white;
  display: block;
}
@media only screen and (max-width: 767px) {
  .document-hero-area .document-title {
    padding: 80px 15px 50px 15px;
  }
}
.document-hero-area .document-title .event-date,
.document-hero-area .document-title .event-title,
.document-hero-area .document-title .event-location {
  max-width: var(--quaive-document-max-width);
  margin: 0 auto;
}
.document-hero-area .document-title .event-date {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 0;
}
.document-hero-area .document-title .event-title {
  font-weight: bold;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.document-hero-area .document-title .event-location {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 0;
  font-weight: normal;
}
.document-hero-area .document-title .event-location a {
  color: white;
}
.document-hero-area .document-title .event-location a:hover {
  text-decoration: underline;
}
.document-hero-area .document-title textarea {
  position: absolute;
  z-index: 2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 300px 6% 50px;
  margin: 0;
  background: none;
  font-size: 40px;
  max-width: 100%;
  color: white;
  line-height: 50px;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  resize: none !important;
  min-width: 100%;
}
.document-hero-area .document-title:before {
  content: attr(data-value) " ";
  color: transparent;
}
.document-hero-area img + .document-title {
  padding-top: 300px;
}
.document-hero-area img + .document-title:after {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: " ";
  display: block;
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #fff 80%);
  mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #fff 80%);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}

.document-list {
  display: block;
}
.document-list .document-list-item {
  display: flex;
  flex-wrap: nowrap;
  position: relative;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  background: white;
  box-sizing: border-box;
  margin-bottom: 15px;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
  transition: all 0.15s;
  align-items: center;
}
.document-list .document-list-item.state-draft {
  background-color: #fff6e6;
  outline: orange 2px solid;
}
.document-list .document-list-item:hover {
  text-decoration: none;
}
.document-list .document-list-item .segment {
  width: 100%;
  padding: 20px;
  box-sizing: border-box;
}
.document-list .document-list-item .segment .badge {
  display: inline-block;
  background-color: #D40E16;
  padding: 0 15px;
  border-radius: 10px;
  text-decoration: none;
  cursor: default;
  color: white;
  margin: 2px 0 2px 2px;
}
.document-list .document-list-item .segment .badge.updates {
  background-color: orange;
}
.document-list .document-list-item .segment .badge.staged {
  background-color: fuchsia;
}
.document-list .document-list-item .segment .badge[href]:hover {
  text-decoration: none;
  filter: contrast(180%) brightness(0.95);
}
.document-list .document-list-item .segment.badges {
  text-align: right;
}
.document-list .document-list-item .segment.title {
  padding-left: 70px;
  color: black;
  font-size: 24px;
  margin-bottom: 0;
}
.document-list .document-list-item .segment.title:hover {
  color: black;
  text-decoration: none;
}
.document-list .document-list-item .segment.title:hover:before {
  text-decoration: none;
}
.document-list .document-list-item .segment.title:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 23px;
}
.document-list .document-list-item .segment.title .byline {
  margin-top: 5px;
  font-size: 16px;
}
.document-list .document-list-item .segment.title-group {
  padding-left: 70px;
}
.document-list .document-list-item .segment.title-group .title {
  color: black;
  font-size: 24px;
  margin-bottom: 0;
}
.document-list .document-list-item .segment.title-group .byline {
  margin-top: 5px;
  margin-bottom: -2px;
  font-size: 16px;
  line-height: 1.4;
}
.document-list .document-list-item .segment.title-group:hover {
  color: black;
  text-decoration: none;
}
.document-list .document-list-item .segment.title-group:hover:before {
  text-decoration: none;
}
.document-list .document-list-item .segment.title-group:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 23px;
  font-size: 26px;
}
.document-list .document-list-item .segment.functions {
  width: auto;
  white-space: nowrap;
  padding: 0 15px;
}
.document-list .document-list-item .segment.functions a,
.document-list .document-list-item .segment.functions button {
  display: inline-block;
  color: rgba(0, 0, 0, 0.4);
  width: 35px;
  height: 35px;
  text-align: center;
  line-height: 35px;
  border-radius: 10px;
  vertical-align: middle;
  background: transparent;
  margin: 0;
  overflow: hidden;
  font-size: 1em;
}
.document-list .document-list-item .segment.functions a:hover,
.document-list .document-list-item .segment.functions button:hover {
  color: black;
}
.document-list .document-list-item .segment.functions a.icon,
.document-list .document-list-item .segment.functions button.icon {
  color: transparent;
  overflow: hidden;
  text-decoration: none;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 10px;
  border-style: none;
  background-image: none;
  filter: none !important;
  outline: none !important;
  width: 1.3em;
  cursor: default;
  text-overflow: initial !important;
  width: 35px;
  padding: 0;
}
.document-list .document-list-item .segment.functions a.icon:active,
.document-list .document-list-item .segment.functions button.icon:active {
  box-shadow: none;
}
.document-list .document-list-item .segment.functions a.icon:hover,
.document-list .document-list-item .segment.functions button.icon:hover {
  text-decoration: none;
}
.document-list .document-list-item .segment.functions a.icon:before,
.document-list .document-list-item .segment.functions button.icon:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
.document-list .document-list-item .segment.functions a.icon:before,
.document-list .document-list-item .segment.functions button.icon:before {
  width: 100%;
  height: 100%;
  text-align: center;
  display: block;
  line-height: 35px;
}
.document-list .document-list-item .segment.functions a.icon.active,
.document-list .document-list-item .segment.functions button.icon.active {
  color: transparent;
  box-shadow: none;
}
.document-list .document-list-item .segment.functions a.icon:before,
.document-list .document-list-item .segment.functions button.icon:before {
  color: #666;
}
.document-list .document-list-item .segment.functions a.icon.icon-ellipsis.active, .document-list .document-list-item .segment.functions a.icon.icon-ellipsis.tooltip-active-click,
.document-list .document-list-item .segment.functions button.icon.icon-ellipsis.active,
.document-list .document-list-item .segment.functions button.icon.icon-ellipsis.tooltip-active-click {
  background: var(--colour-accent);
}
.document-list .document-list-item .segment.functions a.icon.icon-ellipsis.active:before, .document-list .document-list-item .segment.functions a.icon.icon-ellipsis.tooltip-active-click:before,
.document-list .document-list-item .segment.functions button.icon.icon-ellipsis.active:before,
.document-list .document-list-item .segment.functions button.icon.icon-ellipsis.tooltip-active-click:before {
  color: white;
}
.document-list .document-list-item .segment.functions a.icon.icon-bookmark:before, .document-list .document-list-item .segment.functions a.icon.icon-flag:before,
.document-list .document-list-item .segment.functions button.icon.icon-bookmark:before,
.document-list .document-list-item .segment.functions button.icon.icon-flag:before {
  color: rgba(0, 0, 0, 0.4);
}
.document-list .document-list-item .segment.functions a.icon.icon-bookmark:hover:before, .document-list .document-list-item .segment.functions a.icon.icon-flag:hover:before,
.document-list .document-list-item .segment.functions button.icon.icon-bookmark:hover:before,
.document-list .document-list-item .segment.functions button.icon.icon-flag:hover:before {
  color: rgba(0, 0, 0, 0.6);
}
.document-list .document-list-item .segment.functions a.icon.icon-bookmark.active:before, .document-list .document-list-item .segment.functions a.icon.icon-flag.active:before,
.document-list .document-list-item .segment.functions button.icon.icon-bookmark.active:before,
.document-list .document-list-item .segment.functions button.icon.icon-flag.active:before {
  color: var(--colour-accent);
}

.document-preview {
  background-color: #efefef;
  position: relative;
  margin-bottom: 0.5em;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  overflow: hidden;
  border-radius: 10px;
}
.document-preview + .document-preview {
  margin-top: 0.5em;
}
.document-preview a:hover {
  text-decoration: none;
}
.document-preview a:hover figure figcaption {
  background-color: #ededed;
}
.document-preview.type-audio, .document-preview.type-video, .document-preview.type-youtube {
  box-shadow: none;
  border-radius: 0;
  background: none;
  border: none;
  box-shadow: none;
}
.document-preview.type-audio figure, .document-preview.type-video figure, .document-preview.type-youtube figure {
  border: none;
  background: none;
  box-shadow: none;
}
.document-preview.type-audio figure figcaption, .document-preview.type-video figure figcaption, .document-preview.type-youtube figure figcaption {
  padding: 0;
}
.document-preview.type-audio figure figcaption .title, .document-preview.type-video figure figcaption .title, .document-preview.type-youtube figure figcaption .title {
  font-weight: bold;
  display: block;
  font-size: 1.2em;
  line-height: inherit;
  padding: 0;
  white-space: normal;
  margin-bottom: 0px;
}
.document-preview.type-audio figure figcaption .byline, .document-preview.type-video figure figcaption .byline, .document-preview.type-youtube figure figcaption .byline {
  color: black;
  line-height: inherit;
  font-size: inherit;
  padding: 0;
  margin-bottom: 10px;
}
.document-preview.type-audio figure figcaption a:hover, .document-preview.type-video figure figcaption a:hover, .document-preview.type-youtube figure figcaption a:hover {
  background: transparent;
  color: black;
}
.document-preview.type-news {
  box-shadow: none;
  border-radius: 0;
  background: none;
}
.document-preview.type-news .title {
  font-weight: bold;
  display: block;
  font-size: 1.2em;
  text-transform: uppercase;
  line-height: inherit;
  padding: 0;
  white-space: normal;
  margin-bottom: 2px;
}
.document-preview.type-news .byline {
  color: black;
  line-height: inherit;
  font-size: inherit;
  padding: 0;
}
.document-preview.type-news a {
  color: black;
}
.document-preview.type-news a:hover {
  background: transparent;
  color: black;
}
.document-preview.type-news a:hover figcaption {
  background: transparent;
}
.document-preview.type-news a:hover .read-more {
  text-decoration: underline;
}
.document-preview.type-news figure {
  box-shadow: none;
  border-radius: 0;
  background: none;
}
.document-preview.type-news figure figcaption {
  font-family: "Roboto", sans-serif;
}
.document-preview.type-news figure .read-more {
  font-style: normal;
  color: #009ee2;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .document-preview.type-news figure img {
    width: 100%;
    margin-bottom: 1em;
  }
  .document-preview.type-news figure figcaption {
    background: transparent;
    padding: 0;
  }
}
.stream-container.col-3 .document-preview.type-news figure img {
  width: 100%;
  margin-bottom: 1em;
}
.stream-container.col-3 .document-preview.type-news figure figcaption {
  background: transparent;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .stream-container:not(.col-3) .document-preview.type-news figure {
    display: flex;
    gap: 20px;
    line-height: 1.3;
  }
  .portlet.span-1 .stream-container:not(.col-3) .document-preview.type-news figure {
    display: block;
  }
  .stream-container:not(.col-3) .document-preview.type-news figure figcaption {
    box-sizing: border-box;
    padding: 0;
    font-size: 22px;
  }
  .portlet.span-1 .stream-container:not(.col-3) .document-preview.type-news figure figcaption {
    width: 100%;
    clear: both;
    padding: 0;
    line-height: 1.5;
    padding: 0;
  }
  .stream-container:not(.col-3) .document-preview.type-news figure img {
    align-self: top;
    margin-top: 0.3em;
  }
  .portlet.span-1 .stream-container:not(.col-3) .document-preview.type-news figure img {
    width: 100%;
    margin: 0;
  }
  .stream-container:not(.col-3) .document-preview.type-news figure .document-preview-image-link {
    flex-basis: 34%;
    flex-shrink: 0;
  }
  .portlet.span-1 .stream-container:not(.col-3) .document-preview.type-news figure .document-preview-image-link {
    width: 100%;
    margin-bottom: 15px;
  }
  .stream-container:not(.col-3) .document-preview.type-news figure .document-preview-image-link img {
    width: 100%;
  }
}
.document-preview.type-youtube > figure > iframe {
  width: 100%;
  display: block;
  height: 381px;
}
@media only screen and (max-width: 767px) {
  .document-preview.type-youtube > figure > iframe {
    height: 207px;
  }
}
.document-preview figure {
  background-color: #fafafa;
  max-width: 100%;
  display: block;
  overflow: hidden;
  margin: 0;
}
@media only screen and (max-width: 767px) {
  .document-preview figure {
    clear: both;
    background-color: #efefef;
  }
  .document-preview figure figcaption {
    background-color: #fafafa;
  }
}
.document-preview figure audio {
  width: 100%;
  display: block;
}
.document-preview figure video {
  width: 100%;
  overflow: hidden;
  display: block;
}
.document-preview figure .youtube-player {
  width: 100%;
}
.document-preview figure figcaption {
  padding: 0 0 0 20px;
  position: relative;
  min-height: 1.8em;
}
.document-preview figure figcaption a {
  text-decoration: none;
}
.document-preview figure figcaption .title {
  color: black;
  font-weight: normal;
  display: block;
  padding: 9px 0.5em 7px 0;
  line-height: 1.3em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  margin-right: 75px;
}
.document-preview figure figcaption .title a:not(.icon):hover {
  text-decoration: underline;
}
.document-preview figure figcaption .title .page-counter {
  color: rgba(0, 0, 0, 0.5);
  font-weight: bold;
  font-size: 0.8em;
}
.document-preview figure figcaption .title .functions {
  position: absolute;
  margin-top: 1px;
  font-size: 1em;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
}
.document-preview figure figcaption .byline {
  color: rgba(0, 0, 0, 0.5);
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.5em 0.9em 0;
  font-style: normal;
  line-height: 1.3em;
  font-size: 0.8em;
  text-decoration: none;
}
.document-preview.type-image {
  display: inline-block;
  border-radius: 0;
}
.document-preview.type-image figure {
  display: inline-block;
}
.document-preview.type-image figure img[src*=".svg"] {
  width: 1000px;
  max-width: 100%;
}
.document-preview.type-image .overlay {
  color: white;
  padding: 2em 1em 1em 1em;
  font-size: 1.5em;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  margin-bottom: 0;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&amp;0+0,1+100 */
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgb(0, 0, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#00000000", endColorstr="#000000",GradientType=0 ); /* IE6-9 */
}
.document-preview.type-image .overlay a {
  color: silver;
  cursor: pointer;
  float: right;
}
.document-preview.type-image .overlay a * {
  cursor: pointer;
}
.document-preview.type-image .overlay a:hover, .document-preview.type-image .overlay a:hover * {
  color: white;
}
.document-preview.type-image .overlay .icon {
  float: right;
  margin-left: 1em;
  color: silver;
  font-style: normal;
}
.document-preview.document.type-ad {
  border-radius: 0;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: all 0.2s;
}
.document-preview.document.type-ad:not(.has-image) figure {
  padding: 0 10px;
}
.document-preview.document.type-ad:not(.has-image) figure figcaption {
  width: 100%;
}
.document-preview.document.type-ad:not(.has-image) figure:after {
  display: none;
}
.document-preview.document.type-ad:hover {
  transform: scale(1.01);
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1);
}
.document-preview.document.type-ad figure {
  border: none;
  overflow: hidden;
}
.document-preview.document.type-ad figure:after {
  background-color: rgba(0, 0, 0, 0.12);
}
.document-preview.document.type-ad figure img {
  position: absolute;
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .document-preview.document.type-ad figure img {
    top: 0;
    height: 100%;
    bottom: 0;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
}
@media only screen and (max-width: 767px) {
  .document-preview.document.type-ad figure img {
    position: static;
    transform: none;
  }
}
.portlet.span-1 .document-preview.document.type-ad figure img {
  position: static;
  transform: none;
}
.document-preview.document.type-ad figure figcaption {
  font-size: 22px;
  color: black;
  padding: 0;
  background-color: transparent !important;
  max-height: initial;
}
.document-preview.document.type-ad figure figcaption .title {
  font-weight: bold;
  color: black;
  white-space: normal;
  margin: 0;
  padding: 22px 22px 10px 22px;
}
.document-preview.document.type-ad figure figcaption .byline {
  color: black;
  padding: 0 22px 22px 22px;
}
.document-preview.document.type-ad.kind-offered figure {
  background-color: #cadeeb;
}
.document-preview.document.type-ad.kind-needed figure {
  background-color: #e1fff5;
}
.document-preview.document.type-ad.kind-generic figure {
  background-color: #f3f1e5;
}
.document-preview.document figure:after {
  width: 76px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  content: " ";
  display: block;
  height: 100%;
  background-color: #efefef;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .document-preview.document figure:after {
    display: none;
  }
}
.portlet.span-1 .document-preview.document figure:after {
  display: none;
}
.document-preview.document figure img {
  width: 76px;
  float: left;
  position: relative;
  z-index: 2;
  background-color: white;
  background-position: center;
  background-size: cover;
  box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.07);
}
@media only screen and (max-width: 767px) {
  .document-preview.document figure img {
    width: 100%;
  }
}
.portlet.span-1 .document-preview.document figure img {
  width: 100%;
}
.document-preview.document figure .rich-page {
  width: 76px;
  overflow: hidden;
  position: relative;
  float: left;
  z-index: 1;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .document-preview.document figure .rich-page {
    width: 100%;
  }
}
.portlet.span-1 .document-preview.document figure .rich-page {
  width: 100%;
}
.document-preview.document figure .rich-page .page-preview {
  width: 100%;
  height: 130px;
  padding: 7%;
  font-size: 3px;
  line-height: 1.3em;
  background-color: white;
  color: black;
  box-sizing: border-box;
  border-right: 1px solid #efefef;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}
.document-preview.document figure .rich-page .page-preview h1, .document-preview.document figure .rich-page .page-preview h2, .document-preview.document figure .rich-page .page-preview p, .document-preview.document figure .rich-page .page-preview ul, .document-preview.document figure .rich-page .page-preview ol, .document-preview.document figure .rich-page .page-preview table, .document-preview.document figure .rich-page .page-preview dl, .document-preview.document figure .rich-page .page-preview pre, .document-preview.document figure .rich-page .page-preview .screenshot, .document-preview.document figure .rich-page .page-preview figure {
  margin-bottom: 1em;
}
.document-preview.document figure .rich-page .page-preview ul li,
.document-preview.document figure .rich-page .page-preview ol li {
  padding-left: 10px;
}
.document-preview.document figure .rich-page .page-preview ul li:before,
.document-preview.document figure .rich-page .page-preview ol li:before {
  margin-left: -10px;
}
.document-preview.document figure .rich-page .follow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-indent: -1000px;
}
.document-preview.document figcaption {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: calc(100% - 76px);
  float: right;
  max-height: 113px;
}
@media only screen and (max-width: 767px) {
  .document-preview.document figcaption {
    width: 100%;
  }
}
.portlet.span-1 .document-preview.document figcaption {
  width: 100%;
}
.document-preview.document figcaption .functions {
  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
}
.document-preview.document figcaption .functions nav {
  display: inline;
}
.document-preview.document figcaption .functions a {
  color: rgba(0, 0, 0, 0.5);
  cursor: default;
  text-decoration: none;
}
.document-preview.document figcaption .functions a:hover {
  color: black;
}
.document-preview.type-rich .pat-rich {
  font-family: Roboto, sans-serif;
}
@media only screen and (max-width: 767px) {
  .document-preview.type-rich figcaption {
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
    z-index: 10;
  }
}
.portlet.span-1 .document-preview.type-rich figcaption {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  z-index: 10;
}
.document-preview.not-generated figure:before, .document-preview.not-possible figure:before, .document-preview.type-link:before {
  font-family: fontello;
  float: left;
  height: 1em;
  line-height: 1em;
  width: 1em;
  z-index: 1;
  position: absolute;
  font-size: 1.5em;
  color: gray;
  top: 50%;
  left: 38px;
  margin-top: -0.5em;
  margin-left: -0.5em;
  font-style: normal;
}
@media only screen and (max-width: 767px) {
  .document-preview.not-generated figure:before, .document-preview.not-possible figure:before, .document-preview.type-link:before {
    display: block;
    position: static;
    width: 100%;
    line-height: 88px;
    margin: 0;
    height: 88px;
    text-align: center;
  }
}
.portlet.span-1 .document-preview.not-generated figure:before, .portlet.span-1 .document-preview.not-possible figure:before, .portlet.span-1 .document-preview.type-link:before {
  display: block;
  position: static;
  width: 100%;
  line-height: 88px;
  margin: 0 0 -16px 0;
  height: 88px;
  text-align: center;
}
.document-preview.compact {
  background-color: transparent;
  margin: 0 0 1em 0;
  box-shadow: none;
}
.document-preview.compact:before {
  height: 3em;
  width: 3em;
  line-height: 3em;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  font-family: fontello;
  background-color: transparent;
  margin: 0 1em 0 0;
  color: rgba(0, 0, 0, 0.5);
}
.document-preview.compact:hover:before {
  color: black;
}
.document-preview.compact:hover .title {
  color: black;
}
.document-preview.compact .title {
  display: block;
  padding: 0 2em 0 3em;
  line-height: 3em;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  text-overflow: ellipsis;
  background-color: rgba(0, 0, 0, 0.06);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.document-preview.compact .title:after {
  position: absolute;
  right: 1em;
  top: 0;
  font-family: fontello;
  content: "\e80e";
  line-height: 3em;
  display: block;
}
.document-preview.not-generated figure:before {
  content: "\e815";
  animation: spin 2s infinite linear;
}
.document-preview.not-possible figure:before {
  content: "\e811";
}
.document-preview.type-link:before {
  content: "\e83b";
}
.document-preview img {
  max-width: 100%;
  margin: 0 auto;
  display: block;
}

.document-preview-expansive {
  position: relative;
}
.document-preview-expansive img {
  width: 100%;
}
.height-auto .document-preview-expansive .sheet {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: 0;
}
.document-preview-expansive.ebook .follow {
  text-align: center;
  height: 450px;
  color: black;
  box-sizing: border-box;
  padding: 25% 8%;
  background-color: steelblue;
  display: block;
  border-radius: 10px;
  text-decoration: none !important;
}
.document-preview-expansive.ebook .follow:hover {
  text-decoration: none;
}
.document-preview-expansive.ebook .follow[data-title^=A] {
  background-color: DarkGoldenRod;
}
.document-preview-expansive.ebook .follow[data-title^=B] {
  background-color: Brown;
}
.document-preview-expansive.ebook .follow[data-title^=C] {
  background-color: CadetBlue;
}
.document-preview-expansive.ebook .follow[data-title^=D] {
  background-color: DarkKhaki;
}
.document-preview-expansive.ebook .follow[data-title^=E] {
  background-color: Dimgray;
}
.document-preview-expansive.ebook .follow[data-title^=F] {
  background-color: ForestGreen;
}
.document-preview-expansive.ebook .follow[data-title^=G] {
  background-color: GoldenRod;
}
.document-preview-expansive.ebook .follow[data-title^=H] {
  background-color: HotPink;
}
.document-preview-expansive.ebook .follow[data-title^=I] {
  background-color: IndianRed;
}
.document-preview-expansive.ebook .follow[data-title^=J] {
  background-color: DarkOliveGreen;
}
.document-preview-expansive.ebook .follow[data-title^=K] {
  background-color: Purple;
}
.document-preview-expansive.ebook .follow[data-title^=L] {
  background-color: MidnightBlue;
}
.document-preview-expansive.ebook .follow[data-title^=M] {
  background-color: Maroon;
}
.document-preview-expansive.ebook .follow[data-title^=N] {
  background-color: Navy;
}
.document-preview-expansive.ebook .follow[data-title^=O] {
  background-color: Olive;
}
.document-preview-expansive.ebook .follow[data-title^=P] {
  background-color: SaddleBrown;
}
.document-preview-expansive.ebook .follow[data-title^=Q] {
  background-color: DarkOliveGreen;
}
.document-preview-expansive.ebook .follow[data-title^=R] {
  background-color: RosyBrown;
}
.document-preview-expansive.ebook .follow[data-title^=S] {
  background-color: SteelBlue;
}
.document-preview-expansive.ebook .follow[data-title^=T] {
  background-color: Sienna;
}
.document-preview-expansive.ebook .follow[data-title^=U] {
  background-color: DarkCyan;
}
.document-preview-expansive.ebook .follow[data-title^=V] {
  background-color: DarkMagenta;
}
.document-preview-expansive.ebook .follow[data-title^=W] {
  background-color: SlateBlue;
}
.document-preview-expansive.ebook .follow[data-title^=X] {
  background-color: DarkSlateGray;
}
.document-preview-expansive.ebook .follow[data-title^=Y] {
  background-color: RoyalBlue;
}
.document-preview-expansive.ebook .follow[data-title^=Z] {
  background-color: MediumVioletRed;
}
.document-preview-expansive.ebook .follow:before {
  content: " ";
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.document-preview-expansive.ebook .follow .item-title {
  text-align: center;
  font-size: 2em;
  color: rgba(255, 255, 255, 0.9);
  position: relative;
  z-index: 2;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
}
.document-preview-expansive.ebook + .sub-title {
  display: none;
}
.document-preview-expansive.link {
  padding: 8% 8% 0;
}
.document-preview-expansive.link .follow {
  color: black;
  text-decoration: none;
}
.document-preview-expansive.link .follow .description {
  color: black;
}
.document-preview-expansive.link .follow:hover {
  text-decoration: none;
}
.document-preview-expansive.link .follow .description {
  font-size: 1.2em;
}
.col-full .document-preview-expansive.link .follow .description {
  font-size: 2em;
}
.document-preview-expansive.rich {
  max-height: 500px;
  overflow: hidden;
  box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.08);
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.document-preview-expansive.rich .page-preview {
  overflow: hidden;
  padding: 8% 6%;
  font-size: 12px;
  line-height: 18px;
  overflow: hidden;
  z-index: 1;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: Roboto, sans-serif;
}
.height-fixed .document-preview-expansive.rich .page-preview a {
  text-decoration: none;
  color: black;
}
.height-auto .document-preview-expansive.rich .page-preview {
  position: relative;
  top: 0;
  bottom: 0;
  z-index: 1;
}
.col-2 .document-preview-expansive.rich .page-preview {
  font-size: 15px;
  line-height: 22px;
}
.col-full .document-preview-expansive.rich .page-preview {
  font-size: 18px;
  line-height: 26px;
}
.document-preview-expansive.rich .follow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  color: transparent;
  z-index: 2;
}
.height-auto .document-preview-expansive.rich .follow {
  display: none;
}

.document-tile {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  font-size: 14px;
  transition: all 0.2s;
}
.document-tile .tile-menu,
.document-tile .move-up,
.document-tile .move-down {
  position: absolute;
  top: 50%;
  right: 6%;
  width: 1em;
  transform: translateY(-50%);
  color: rgba(0, 0, 0, 0);
  display: none;
  z-index: 3;
  padding: 0;
  overflow: hidden;
  font-size: 16px;
}
.document-tile .tile-menu:before,
.document-tile .move-up:before,
.document-tile .move-down:before {
  color: rgba(0, 0, 0, 0.6);
}
.document-tile .tile-menu.active, .document-tile .tile-menu:hover,
.document-tile .move-up.active,
.document-tile .move-up:hover,
.document-tile .move-down.active,
.document-tile .move-down:hover {
  display: block;
  color: black;
}
.document-tile .move-up {
  margin-right: 2.5em;
  z-index: 1;
}
.document-tile .move-down {
  margin-right: 1.25em;
  z-index: 2;
}
.document-tile:hover .tile-menu, .document-tile:hover .move-up, .document-tile:hover .move-down {
  display: block;
}
.document-tile:hover {
  transform: scale(1.01);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.document-tile:hover .file img {
  filter: brightness(1.05);
}
.document-tile:hover .rich .sheet {
  opacity: 0.2;
}
.document-tile:hover .sub-title .label .document-title {
  padding-right: 4em;
}
.document-tile:hover .sub-title .label:hover {
  text-decoration: none;
}
.document-tile:hover .document-title {
  text-decoration: none;
}
.document-tile .sub-title {
  display: block;
  line-height: 1.5em;
  position: relative;
  margin: 0;
}
.document-tile .label {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  padding: 2% 6%;
  position: relative;
  color: black;
}
.activity-stream .document-tile .label {
  white-space: nowrap;
}
.document-tile .label .document-title {
  padding-left: 2em;
  padding-right: 0;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.document-tile .label:before {
  position: absolute;
  left: 6%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2em;
}
.document-tile .sheet,
.document-tile .file img {
  transition: all 0.2s;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.document-tiles {
  margin-bottom: 2em;
  position: relative;
  transition: opacity 1s;
}
@media only screen and (min-width: 1280px) {
  .document-tiles {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .document-tiles {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1279px) {
  .document-tiles {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .document-tiles {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.document-tiles:after {
  content: " ";
  display: table;
  clear: both;
}
.document-tiles .infinite-scrolling-trigger {
  position: absolute;
  bottom: -400px;
  left: 0;
  right: 0;
}
.document-tiles .infinite-scrolling-trigger.executing {
  opacity: 1;
}
.js .document-tiles.pat-masonry {
  opacity: 0;
}
.js .document-tiles.pat-masonry.masonry-ready {
  opacity: 1;
}
.document-tiles .grid-sizer,
.document-tiles .tile {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1280px) {
  .js .document-tiles .grid-sizer,
  .js .document-tiles .tile {
    width: 33.33333332%;
  }
}
.js .document-tiles .grid-sizer.span-full,
.js .document-tiles .tile.span-full {
  width: 100%;
}
.js .document-tiles .grid-sizer.span-2,
.js .document-tiles .tile.span-2 {
  width: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .js .document-tiles .grid-sizer,
  .js .document-tiles .tile {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .document-tiles .grid-sizer,
  .document-tiles .tile {
    width: 100%;
  }
}
@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1279px) {
  .document-tiles .grid-sizer,
  .document-tiles .tile {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .document-tiles .grid-sizer,
  .document-tiles .tile {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  .document-tiles .grid-sizer,
  .document-tiles .tile {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .document-tiles .grid-sizer,
  .document-tiles .tile {
    padding: 0 0.75rem;
    padding: 0 0.75rem;
  }
}
.document-tiles .sibling-groups {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .document-tiles .sibling-groups {
    width: 30%;
    float: left;
  }
}
@media only screen and (max-width: 767px) {
  .document-tiles .sibling-groups {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1279px) {
  .document-tiles .sibling-groups {
    display: none;
  }
}
@media print {
  .document-tiles .sibling-groups {
    display: none;
  }
}
.document-tiles .sibling-groups .tile {
  width: 100%;
}
.document-tiles .sibling-groups .tile .content {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.document-tiles .tile.full-page {
  position: relative;
  float: right;
}
.document-tiles .tile.full-page .title {
  font-weight: bold;
  font-size: 2em;
  line-height: 1.3;
}
.document-tiles .tile.full-page .hero {
  margin-bottom: 2em;
}
.document-tiles .tile.full-page .summary {
  color: black;
  font-weight: bold;
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  .document-tiles .tile.full-page {
    width: 70%;
  }
  .document-tiles .tile.full-page .content {
    padding: 7rem 10%;
    background-color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .document-tiles .tile.full-page .content.type-file {
    padding: 51px 0 0 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1279px) {
  .document-tiles .tile.full-page {
    width: 100%;
    padding: 0;
    border: none;
  }
  .document-tiles .tile.full-page .content {
    padding: 4rem 2rem;
    border: none;
    background-color: white;
    margin: -30px 0;
  }
  .document-tiles .tile.full-page .content.type-file {
    padding: 4rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .document-tiles .tile.full-page {
    width: 100%;
    padding: 0;
    border: none;
    margin: -30px 0;
  }
  .document-tiles .tile.full-page .content {
    padding: 4rem 15px;
    border: none;
    background-color: white;
  }
  .document-tiles .tile.full-page .content.type-file {
    padding: 4rem 0;
  }
}
.document-tiles .tile {
  margin-bottom: 40px;
}
.document-tiles .tile p,
.document-tiles .tile .hero {
  margin-bottom: 10px;
}
.document-tiles .tile .hero img {
  display: block;
}
.document-tiles .tile.type-document > .content {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  background-color: white;
  padding: 0;
  overflow: hidden;
}
.document-tiles .tile.type-document > .content .document-preview-expansive,
.document-tiles .tile.type-document > .content .follow > img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.document-tiles .tile.type-document > .content .sub-title .label {
  padding: 1.1em 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  text-align: left;
  display: block;
  color: black;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  padding-left: 59px;
}
body[dir=rtl] .document-tiles .tile.type-document > .content .sub-title .label {
  text-align: right;
}
.document-tiles .tile.type-document > .content .sub-title .label:before {
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}
.document-tiles .tile.type-document > .content .sub-title .label:hover {
  text-decoration: none;
}
.document-tiles .tile.type-page:not(.full-page):hover .content, .document-tiles .tile.type-file:not(.full-page):hover .content, .document-tiles .tile.type-ebook:hover .content, .document-tiles .tile.type-document:hover .content {
  transform: scale(1.01);
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}
.document-tiles .tile:hover .content h3 a.icon-download {
  opacity: 1;
}
.document-tiles .tile .content {
  position: relative;
  transition: all 0.2s;
  padding: 6%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  display: block;
}
@media print {
  .document-tiles .tile .content {
    border: none;
  }
}
.document-tiles .tile .content .excerpt {
  margin-bottom: 1em;
  color: black;
}
.document-tiles .tile .content img {
  width: 100%;
  background-color: white;
}
.document-tiles .tile .content .footer {
  margin: 0;
}
.document-tiles .tile .content .footer .read-more {
  color: #009ee2;
  font-style: normal;
}
.document-tiles .tile .content h2 {
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.2em;
  margin-bottom: 0.3em;
  position: relative;
}
.document-tiles .tile .content h3 {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.2em;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.document-tiles .tile .content h3 a {
  display: block;
  padding-right: 1.2em;
  color: #009ee2;
}
.document-tiles .tile .content h3 a:before {
  color: #009ee2;
}
.document-tiles .tile .content h3 a.icon-download {
  width: 1.2em;
  height: 1em;
  line-height: 1.1em;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: transparent;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  color: rgba(0, 0, 0, 0.4);
  transition: 2s opacity;
}
.document-tiles .tile .content h3 a.icon-download:hover {
  text-decoration: none;
  color: black;
}
.document-tiles .tile .content .description {
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 1em;
  line-height: 130%;
  -webkit-user-select: text;
  user-select: text;
  cursor: auto;
}
.document-tiles .tile .content ul.menu li.follow-section {
  position: relative;
}
.document-tiles .tile .content ul.menu li.follow-section a {
  padding-right: 2em;
}
.document-tiles .tile .content ul.menu li.follow-section a:before {
  display: inline-block;
  font-family: fontello;
  content: "\e86f";
  margin-top: 0.1em;
  margin-bottom: -0.1em;
}
.document-tiles .tile .content ul.menu li.follow-section a:after {
  font-family: fontello;
  content: "\e75e";
  float: right;
  color: rgba(0, 0, 0, 0.3);
  height: 1.4em;
  margin-top: -0.7em;
  position: absolute;
  top: 50%;
  right: 0.3em;
  line-height: 1.4em;
}
.document-tiles .tile .content ul.menu li.follow-page a:before {
  display: inline-block;
  font-family: fontello;
  content: "\e823";
  margin-top: 0.1em;
  margin-bottom: -0.1em;
}
.document-tiles .tile .content ul.menu li.follow-tag a:before {
  display: inline-block;
  font-family: fontello;
  content: "\e70c";
  margin-top: 0.1em;
  margin-bottom: -0.1em;
}
.document-tiles .tile .content ul.menu li a {
  cursor: pointer;
}
.document-tiles .tile .content ul.menu li.current a,
.document-tiles .tile .content ul.menu li a.current {
  color: white;
  background-color: #D40E16;
  border-radius: 10px;
  margin: 0 -5px;
}
.document-tiles .tile a.content:hover {
  text-decoration: none;
  cursor: pointer;
}
.document-tiles .tile a.content:hover .footer .read-more {
  text-decoration: underline;
}
.document-tiles .tile[class*=group-by-] .content {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
}
.document-tiles .tile[class*=group-by-] .content h3:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 0.1em;
  font-size: 0.8em;
  color: #D40E16;
  margin-left: -1.4em;
  float: left;
}
.document-tiles .tile.type-ebook .content {
  text-align: center;
  height: 450px;
  color: black;
  box-sizing: border-box;
  padding: 25% 8%;
  background-color: steelblue;
}
.document-tiles .tile.type-ebook .content[data-title^=A] {
  background-color: DarkGoldenRod;
}
.document-tiles .tile.type-ebook .content[data-title^=B] {
  background-color: Brown;
}
.document-tiles .tile.type-ebook .content[data-title^=C] {
  background-color: CadetBlue;
}
.document-tiles .tile.type-ebook .content[data-title^=D] {
  background-color: DarkKhaki;
}
.document-tiles .tile.type-ebook .content[data-title^=E] {
  background-color: Dimgray;
}
.document-tiles .tile.type-ebook .content[data-title^=F] {
  background-color: ForestGreen;
}
.document-tiles .tile.type-ebook .content[data-title^=G] {
  background-color: GoldenRod;
}
.document-tiles .tile.type-ebook .content[data-title^=H] {
  background-color: HotPink;
}
.document-tiles .tile.type-ebook .content[data-title^=I] {
  background-color: IndianRed;
}
.document-tiles .tile.type-ebook .content[data-title^=J] {
  background-color: DarkOliveGreen;
}
.document-tiles .tile.type-ebook .content[data-title^=K] {
  background-color: Purple;
}
.document-tiles .tile.type-ebook .content[data-title^=L] {
  background-color: MidnightBlue;
}
.document-tiles .tile.type-ebook .content[data-title^=M] {
  background-color: Maroon;
}
.document-tiles .tile.type-ebook .content[data-title^=N] {
  background-color: Navy;
}
.document-tiles .tile.type-ebook .content[data-title^=O] {
  background-color: Olive;
}
.document-tiles .tile.type-ebook .content[data-title^=P] {
  background-color: SaddleBrown;
}
.document-tiles .tile.type-ebook .content[data-title^=Q] {
  background-color: DarkOliveGreen;
}
.document-tiles .tile.type-ebook .content[data-title^=R] {
  background-color: RosyBrown;
}
.document-tiles .tile.type-ebook .content[data-title^=S] {
  background-color: SteelBlue;
}
.document-tiles .tile.type-ebook .content[data-title^=T] {
  background-color: Sienna;
}
.document-tiles .tile.type-ebook .content[data-title^=U] {
  background-color: DarkCyan;
}
.document-tiles .tile.type-ebook .content[data-title^=V] {
  background-color: DarkMagenta;
}
.document-tiles .tile.type-ebook .content[data-title^=W] {
  background-color: SlateBlue;
}
.document-tiles .tile.type-ebook .content[data-title^=X] {
  background-color: DarkSlateGray;
}
.document-tiles .tile.type-ebook .content[data-title^=Y] {
  background-color: RoyalBlue;
}
.document-tiles .tile.type-ebook .content[data-title^=Z] {
  background-color: MediumVioletRed;
}
.document-tiles .tile.type-ebook .content:before {
  content: " ";
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.document-tiles .tile.type-ebook .content .item-title {
  text-align: center;
  font-size: 2em;
  color: rgba(255, 255, 255, 0.9);
  position: relative;
  z-index: 2;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
}
.document-tiles .tile.type-file .content {
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1);
}
.document-tiles .tile.type-file .content img {
  float: left;
  width: 100%;
}
.document-tiles .tile.type-file .content .footer {
  display: none;
}
.document-tiles .tile.type-file .content:hover {
  border-color: black;
}
.document-tiles .tile.type-page .content {
  background-color: white;
  color: black;
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.document-tiles .tile.group-by-tag h3:before {
  content: "\e70c";
}
.document-tiles .tile.group-by-section h3:before {
  content: "\e86f";
}
.document-tiles .tile.group-by-subsection h3:before {
  content: "\e86f";
}
.document-tiles .tile.group-by-workspace h3:before {
  content: "\e94a";
}

.documents-panel {
  border: 1px silver solid;
  border-radius: 4px;
  border-top-left-radius: 0;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  background: white;
  position: absolute;
  top: -2px;
  left: -2px;
  z-index: 100;
  width: calc(100% + 8px);
  min-height: 420px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  animation: fadeIn 0.5s;
}
.documents-panel .row {
  height: 420px;
}
.documents-panel .documents {
  width: 70%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  padding: 3.2rem 1.1rem 1.1rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.documents-panel .documents input[type=search] {
  width: 100%;
}
.documents-panel .documents .document-search-results {
  position: absolute;
  overflow: auto;
  top: 100px;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 1.1rem 1.1rem;
}
.documents-panel .filters {
  width: 30%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  overflow: auto;
  font-size: 0.8em;
  background: #efefef;
  padding: 3.2rem 1.1rem 1.1rem;
}
.documents-panel .close-button {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: 3em;
  height: 3em;
  color: transparent !important;
  filter: none;
  border: none;
  background: none;
  outline: none;
  display: block;
  overflow: visible;
  padding: 0;
  margin: 0;
  opacity: 0.7;
  transition: transform 0.2s ease-out;
  z-index: 2;
  font-size: 10px;
  line-height: 1;
}
.documents-panel .close-button:active {
  box-shadow: inherit;
  transform: scale(0.6);
  box-shadow: none;
}
.documents-panel .close-button:hover {
  opacity: 1;
}
.documents-panel .close-button:before {
  font-family: fontello;
  content: "\e899";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2.5em;
  color: black;
  text-indent: 0;
}

.ebook-reader {
  position: relative;
}
.ebook-reader .button-next,
.ebook-reader .button-previous {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 60px;
  height: 60px;
  border-radius: 10px;
  margin: 0;
  padding: 0;
  background: transparent;
}
.ebook-reader .button-next:hover,
.ebook-reader .button-previous:hover {
  background: rgba(0, 0, 0, 0.15);
}
.ebook-reader .button-next:before,
.ebook-reader .button-previous:before {
  font-family: fontello;
  display: block;
  text-align: center;
  height: 100%;
  width: 100%;
  line-height: 60px;
}
.ebook-reader .button-previous {
  left: -70px;
}
.ebook-reader .button-previous:before {
  content: "\e8c3";
}
.ebook-reader .button-next {
  right: -70px;
}
.ebook-reader .button-next:before {
  content: "\e8c4";
}

@media print {
  #editor-toolbar,
  .editor-toolbar {
    display: none;
  }
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external {
  border: none;
  overflow: hidden;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button {
  postition: relative;
  text-align: center;
  outline: none;
  box-shadow: none;
  border: none;
  text-decoration: none;
  cursor: default;
  zoom: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 35px;
  width: 35px;
  line-height: 35px;
  padding: 0;
  color: transparent;
  float: left;
  margin: 0;
  background: transparent;
  border-radius: 10px;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover {
  outline: none;
  background-color: transparent;
  cursor: default;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:hover:before {
  color: black;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active {
  background-color: #D40E16 !important;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.redactor-button-active:before {
  color: white;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button:before {
  font-family: fontello;
  color: rgba(0, 0, 0, 0.6);
  position: absolute;
  font-weight: normal;
  font-style: normal;
  width: 100%;
  display: block;
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-video:before {
  content: "\e841";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist:before, #editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-unorderedlist:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-lists:before {
  content: "\e85b";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before {
  content: "\e602";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-underline:before {
  content: "\e603";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-textdirection:before {
  content: "\e604";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontcolor:before {
  content: "\e605";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-table:before {
  content: "\e864";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before {
  content: "\e607";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-quote:before {
  content: "\e608";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-outdent:before {
  content: "\e609";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-orderedlist:before {
  content: "\e60a";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-link:before {
  content: "\e83b";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-line:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-line:before {
  content: "—";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-italic:before {
  content: "\e863";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-indent:before {
  content: "\e60e";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-image:before {
  content: "\e89f";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fullscreen:before {
  content: "\e744";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-normalscreen:before {
  content: "\e611";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-format:before {
  content: "\e861";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontsize:before {
  content: "\e613";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-fontfamily:before {
  content: "\e614";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-deleted:before {
  content: "\e85d";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-html:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-html:before {
  content: "<>";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-clips:before {
  content: "\e617";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-bold:before {
  content: "\e862";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-backcolor:before {
  content: "\e619";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-file:before {
  content: "\e61a";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignright:before {
  content: "\e859";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment:before, #editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignment:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignleft:before {
  content: "\e857";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-alignjustify:before {
  content: "\e85a";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-aligncenter:before {
  content: "\e858";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-undo:before {
  content: "\e867";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-redo:before {
  content: "\e866";
}
#editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-romanlisting:before,
.editor-toolbar.redactor .redactor-toolbar.redactor-toolbar-external .re-button.re-romanlisting:before {
  content: "I./II.";
}
#editor-toolbar .icon,
.editor-toolbar .icon {
  margin: 0;
}
@media only screen and (max-width: 767px) {
  #editor-toolbar,
  .editor-toolbar {
    display: none;
  }
}

.endorsement-tagging {
  margin-bottom: 1em;
}
.endorsement-tagging .introduction {
  color: gray;
  margin-bottom: 1em;
}

#error-zone {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  pointer-events: none;
  z-index: 12;
}
#error-zone .pat-modal {
  pointer-events: auto;
}

.error-page {
  position: absolute;
  top: 54px;
  background-color: #efefef;
  right: 0;
  bottom: 0;
  left: 0;
  pointer-events: auto;
  animation: fadeInUp 0.2s;
}
.error-page.hidden {
  display: none;
}
@media screen {
  .error-page:before {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 9px;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 100%);
    content: " ";
    display: block;
    z-index: 10;
    pointer-events: none;
  }
}
.error-page.anonymous {
  top: 0;
}
.error-page .text-block {
  top: 50%;
  position: relative;
  transform: translateY(-50%);
  hyphens: auto;
}
.error-page .container {
  position: relative;
  height: 100%;
  box-sizing: border-box;
}
.error-page.error-500a .text-block {
  width: 35%;
  float: left;
}
.error-page.error-500a .error-codes {
  width: 58%;
  font-size: 13px;
  line-height: 1.3;
  box-sizing: border-box;
  float: right;
  position: absolute;
  top: 40px;
  bottom: 40px;
  right: 5%;
  background-color: rgba(0, 0, 0, 0.6);
  color: white;
  padding: 30px;
  overflow: auto;
  -webkit-user-select: auto;
  user-select: auto;
  border-radius: 10px;
  opacity: 0;
  animation: fadeIn 1s 0.5s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}
.error-page.error-500a .error-codes pre {
  margin: 0;
  -webkit-user-select: text;
  user-select: text;
}
.error-page.error-503 {
  background-color: white;
  top: 0;
}
.error-page.error-503 .text-block {
  width: 50%;
  float: left;
}
.error-page.error-503 .pat-puppies-and-kittens {
  width: 40%;
  height: 100%;
  float: right;
  position: absolute;
  top: 0;
  right: 5%;
}
.error-page.error-503 .pat-puppies-and-kittens img {
  max-height: 80%;
  max-width: 100%;
  width: auto;
}

.event-card {
  transition: transform 0.2s;
  font-family: "Roboto", sans-serif;
}
.event-card:hover {
  transform: scale(1.01);
}
.event-card:hover .follow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
@media only screen and (max-width: 767px) {
  .event-card {
    margin-bottom: 20px;
  }
}
.portlet .event-card {
  margin-bottom: 10px;
}
.event-card.type-birthday .follow .title:before {
  font-family: fontello;
  content: "\f1fd";
  display: inline-block;
  margin-right: 4px;
  animation: heartbeat 1s;
  color: #D40E16;
}
.event-card .follow {
  background: white;
  border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  display: block;
  overflow: hidden;
  transition: box-shadow 0.25s;
  text-decoration: none;
}
.event-card .follow:hover {
  text-decoration: none;
}
.event-card .follow figure {
  float: left;
  width: 100%;
  margin: 0;
}
.pat-magazine .event-card .follow figure {
  margin-bottom: 0 !important;
}
.event-card .follow figure img {
  width: 100%;
  background-size: cover;
  background-position: center;
  aspect-ratio: 21/9;
}
.event-card .follow .teaser {
  padding: 9px 20px 10px 100px;
  margin-bottom: 15px;
  clear: both;
  line-height: 1.4;
  font-size: 16px;
  overflow: hidden;
  position: relative;
  min-height: 45px;
  display: table-cell;
  vertical-align: middle;
  height: 50px;
}
.pat-magazine .event-card .follow .teaser {
  padding: 13px 20px 14px 100px;
}
.pat-magazine .event-card .follow .teaser .byline {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.event-card .follow .teaser .event-date {
  position: absolute;
  left: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 72px;
  text-align: center;
  line-height: 22px;
  margin-top: -3px;
}
.event-card .follow .teaser .event-date .month {
  color: red;
  font-size: 14px;
  display: block;
  text-transform: uppercase;
}
.event-card .follow .teaser .event-date .day {
  font-size: 26px;
  display: block;
  color: black;
}
.event-card .follow .teaser .title {
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 0;
  font-weight: bold;
  color: black;
  text-transform: uppercase;
  overflow: hidden;
  text-overflow: ellipsis;
}
.event-card .follow .teaser .title .category,
.event-card .follow .teaser .title .comment-count {
  float: right;
  margin-top: 0.25em;
  margin-left: 0.4em;
  font-size: 0.7em;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.6);
  padding: 0 0.5em;
  line-height: 153%;
  font-weight: normal;
  font-style: normal;
  border-radius: 0.4em;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  top: -0.07em;
}
.event-card .follow .teaser .title .comment-count:before {
  font-family: fontello;
  font-size: 0.9em;
  content: "\e806";
  display: inline-block;
  margin-right: 0.4em;
}
.event-card .follow .teaser .description,
.event-card .follow .teaser .byline {
  margin: 0 !important;
  color: black !important;
  font-size: 16px;
  line-height: 1.4;
  font-style: normal;
}

.event-card-full {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .event-card-full {
    border-radius: 0;
  }
}
@media only screen and (min-width: 768px) {
  .event-card-full {
    border-radius: 10px;
  }
}
.event-card-full figure.hero {
  overflow: hidden;
  background-color: #D40E16;
  min-height: 270px;
  position: relative;
  width: 100%;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .event-card-full figure.hero {
    min-height: 310px;
    border-radius: 0;
  }
}
.event-card-full figure.hero figcaption {
  z-index: 2;
  padding-bottom: 45px;
  padding-top: 100px;
  padding-left: 15%;
  padding-right: 10%;
  color: white;
  line-height: 30px;
}
@media only screen and (max-width: 767px) {
  .event-card-full figure.hero figcaption {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.event-card-full figure.hero figcaption .event-date {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 20px;
}
.event-card-full figure.hero figcaption .event-title {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 50px;
  line-height: 1.2;
  margin-bottom: 15px;
}
.event-card-full figure.hero figcaption .event-location {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 20px;
}
.event-card-full figure.hero figcaption .event-location a {
  color: white;
}
.event-card-full figure.hero figcaption .event-location a:hover {
  text-decoration: underline;
}
.event-card-full figure.hero.type-image {
  margin-left: -15px;
  margin-right: -15px;
  margin-top: -15px;
  width: calc(100% + 30px);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.event-card-full figure.hero.type-image img {
  width: 100%;
  -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #fff 80%);
  filter: blur(5px) brightness(0.4);
  float: left;
  background-size: cover;
  background-position: center;
}
.event-card-full figure.hero.type-image figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding-right: calc(15px + 10%);
  padding-left: calc(15px + 15%);
}
@media only screen and (max-width: 767px) {
  .event-card-full figure.hero.type-image figcaption {
    padding-left: calc(15px + 20px);
    padding-right: calc(15px + 20px);
  }
}
.event-card-full figure.hero.type-video video {
  width: 100%;
}
.event-card-full figure.hero.type-video figcaption {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding-top: 150px;
  padding-right: 10%;
  padding-left: 15%;
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 80%);
}
@media only screen and (max-width: 767px) {
  .event-card-full figure.hero.type-video figcaption {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.event-card-full .main-content {
  padding-top: 4rem;
  padding-bottom: 5rem;
  padding-right: 10%;
  padding-left: 15%;
  position: relative;
  z-index: 2;
  margin-top: -15px;
  background: white;
}
@media only screen and (max-width: 767px) {
  .event-card-full .main-content {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.event-card-full .main-content .summary {
  font-size: 1.5em;
  line-height: 1.4;
  margin-bottom: 1em;
}

.event-list .event {
  margin-bottom: 1em;
  position: relative;
  min-height: 5.5em;
}
.event-list .event:after {
  content: " ";
  display: table;
  clear: both;
}
.event-list .event a {
  color: black;
}
.event-list .event a .date {
  float: left;
  width: 24%;
  position: absolute;
  top: 0.3em;
  left: 0;
}
.event-list .event a .date time {
  background-color: white;
  outline: rgb(223, 223, 223) 1px solid;
}
.event-list .event a .title,
.event-list .event a .byline,
.event-list .event a .description {
  float: right;
  width: 70%;
  font-size: 0.8em;
  line-height: 1.3em;
}
.event-list .event a .byline {
  margin-bottom: 0.5em;
  font-style: italic;
  font-weight: bold;
}
.event-list .event a .title {
  font-weight: bold;
  color: #D40E16;
  margin-bottom: 0.4em;
  font-size: 1em;
}
.event-list .event a:hover .title {
  text-decoration: underline;
}

ul.pat-expandable {
  list-style-type: none;
  padding: 0 0 0 8px;
  margin-left: 0;
  line-height: 28px;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
}
ul.pat-expandable span.toggle:before {
  content: "▸";
  float: left;
  font: 18px/30px fontello;
}
ul.pat-expandable li {
  padding-left: 15px;
  list-style-type: none;
}
ul.pat-expandable li:before {
  background-color: #dadada;
  height: 1px;
  display: block;
  content: " ";
  position: absolute;
  right: 0;
  left: 0;
}
ul.pat-expandable li:after {
  content: " ";
  clear: both;
  display: block;
  width: 1px;
  height: 0;
}
ul.pat-expandable .select2-container {
  float: right;
  margin-bottom: 0;
  width: 49%;
  margin-right: 1%;
  margin-top: 4px;
}
ul.pat-expandable li > ul {
  padding: 0;
  display: none;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  clear: both;
}
ul.pat-expandable li span.toggle {
  font-size: 12px;
  line-height: 30px;
  margin-left: -13px;
  float: left;
  width: 13px;
  margin-bottom: -10px;
}

ul.pat-expandable li.open > span.toggle:before {
  content: "▾";
  width: 18px;
  display: inline-block;
}
ul.pat-expandable li.open > ul {
  display: block;
}
ul.pat-expandable li ul.as-selections {
  float: right;
  width: 300px;
  line-height: 18px;
  height: auto;
  margin-right: -336px;
  margin-top: -26px;
  margin-bottom: 0;
  padding-left: 0;
}
ul.pat-expandable li .as-results {
  width: 250px;
  line-height: 18px;
  clear: both;
  float: right;
  margin-right: -245px;
}
ul.pat-expandable li .as-original {
  padding-left: 0;
}
ul.pat-expandable li ul.as-list {
  float: right;
  width: 250px;
  line-height: 18px;
}
ul.pat-expandable li > a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding-left: 1px;
}
ul.pat-expandable li.document > a {
  width: 50%;
  display: inline-block;
}
ul.pat-expandable li.document > a:before {
  font-family: fontello;
  content: "\e0c1";
  display: inline-block;
  width: 25px;
  text-align: center;
  color: #5f5f5f;
}
ul.pat-expandable li.workspace > a:before, ul.pat-expandable li.folder.workspace > a:before {
  font-family: fontello;
  content: "📁";
  display: inline-block;
  width: 25px;
  text-align: center;
  color: #5f5f5f;
}
ul.pat-expandable.folderish li.folder > a:before {
  font-family: fontello;
  content: "\f4c1";
  display: inline-block;
  width: 25px;
  text-align: center;
  color: #5f5f5f;
}
ul.pat-expandable .functions {
  text-align: right;
  font-size: 15px;
  margin: 0.2em 0 -0.4em 0;
}
ul.pat-expandable li:hover > .functions {
  display: inline-block;
}
ul.pat-expandable a.link,
ul.pat-expandable .functions {
  width: 50%;
  box-sizing: border-box;
  float: left;
  padding: 0.2em 0;
}

@media only screen and (max-width: 767px) {
  ul.pat-expandable .functions {
    width: 100%;
    text-align: left;
    display: block;
    padding-left: 26px;
    font-size: 14px;
  }
  ul.pat-expandable .functions.link {
    width: 100%;
  }
  body[dir=rtl] ul.pat-expandable .functions {
    text-align: right;
  }
}
#external-editor-window {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #efefef;
}
.application-workspace.sidebar-left-closed #external-editor-window {
  left: 50px;
}

#external-site-preview {
  position: absolute;
  top: 55px;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  transition: all 0.4s;
}
.comments-visible #external-site-preview {
  top: 55px;
  bottom: 60%;
}
#external-site-preview .preview-pane {
  border: none;
  width: 100%;
  height: 100%;
  background-color: white;
}

.quaive-family-tree {
  background-color: white;
  border: 1px solid #ccc;
  width: 100%;
  height: 400px;
}
.quaive-family-tree .lazy-loading-trigger {
  top: 50%;
  transform: translateY(-50%);
}
.quaive-family-tree:has(.svg-chart-container) {
  height: auto;
}
.quaive-family-tree:has(.svg-chart-container) .lazy-loading-trigger {
  display: none;
}

.file-download {
  display: block;
  background: #efefef;
  margin: 0 0 1rem 0;
  position: relative;
  border-radius: 10px;
}
.file-download .follow {
  padding: 1rem 100px 1rem 1rem;
  display: block;
}
.file-download .follow[href]:hover {
  text-decoration: none;
}
.file-download .follow[href]:hover .title {
  color: #01496d;
  text-decoration: underline;
}
.file-download .description {
  margin: 0.5em 0;
  color: black;
}
.file-download .download {
  position: absolute;
  z-index: 2;
  right: 1.4rem;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  color: transparent;
  overflow: hidden;
  line-height: 40px;
  border: #009ee2 2px solid;
  background-color: white;
  border-radius: 50%;
  cursor: default;
}
.file-download .download:hover {
  border-color: black;
}
.file-download .download:hover:before {
  color: black;
}
.file-download .download:before {
  font-family: fontello;
  content: "\e809";
  width: 100%;
  text-align: center;
  display: block;
  color: #009ee2;
}
.file-download:before {
  display: none;
}
.file-download .title {
  font-size: 1.6018066406rem;
  line-height: 1.2485901539;
  position: relative;
  width: 100%;
  margin: 0rem 0rem 0.5rem 0rem;
  color: #009ee2;
}
.file-download .meta {
  font-weight: normal;
  color: #535353;
  width: 100%;
}
.file-download .meta:last-child {
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .file-download .meta {
    display: inline;
  }
}
@media only screen and (min-width: 768px) {
  .file-download .meta .meta-item {
    border-left: 1px solid #535353;
    padding: 0 0.2em;
    display: inline-block;
  }
  .file-download .meta .meta-item:before {
    content: "  ";
    display: inline;
  }
  .file-download .meta .meta-item:first-child {
    padding-left: 0;
    border-left: none;
  }
  .file-download .meta .meta-item:first-child:before {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .file-download .meta .meta-item:after {
    content: ", ";
  }
}

/* @group File upload */
label.file-attachment {
  position: relative;
  top: 1px;
}
label.file-attachment:hover {
  text-decoration: underline;
}
label.file-attachment:before {
  content: "📎";
  display: inline-block;
  font-family: fontello;
  margin-right: 4px;
}
label.file-attachment input {
  position: absolute;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  opacity: 0;
  filter: alpha(opacity=0);
  cursor: pointer;
}

.comments form.response .state-attachment .button-bar label.file-attachment, .comments form.response .focus .button-bar label.file-attachment {
  margin-right: 20px;
}

fieldset.horizontal label.file-attachment input {
  left: 33%;
}

/* @end */
@media only screen and (max-width: 767px) {
  form .initiator .pat-avatar {
    display: none;
  }
}
form .ueber-selector .pat-miller-columns {
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  margin: 0;
}
@media print {
  form .initiator .pat-avatar {
    display: none;
  }
}
form fieldset label .iconified,
form fieldset > .panel-content label .iconified {
  margin-left: -27px;
  margin-top: 4px !important;
}
form .date-time-span .date-time-range {
  display: grid;
  grid-template-areas: "from from until until" "all-day time-zone time-zone time-zone";
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 20px;
}
form .date-time-span .date-time-range legend,
form .date-time-span .date-time-range .legend {
  margin-bottom: 5px;
  font-size: 16px;
}
form .date-time-span .date-time-range:has(input:checked) .field-cluster {
  grid-template-columns: 1fr;
}
form .date-time-span .date-time-range fieldset {
  margin-bottom: 0;
}
form .date-time-span .date-time-from {
  grid-area: from;
}
form .date-time-span .date-time-until {
  grid-area: until;
}
form .date-time-span .all-day,
form .date-time-span .time-zone {
  line-height: 25px;
}
form .date-time-span .all-day {
  grid-area: all-day;
  padding-left: 0;
}
form .date-time-span .time-zone {
  grid-area: time-zone;
  justify-self: end;
}
@media screen {
  form input:focus,
  form textarea:focus,
  form .textarea:focus,
  form select:focus,
  form .select2-container .select2-choice:focus,
  form .select2-container .select2-choices:focus,
  form .md-editor .md-render:focus {
    box-shadow: inset 0 0 1px 1px silver;
  }
  .pat-modal:not(.panel) form input,
  .pat-modal:not(.panel) form textarea,
  .pat-modal:not(.panel) form .textarea,
  .pat-modal:not(.panel) form select,
  .pat-modal:not(.panel) form .select2-container .select2-choice,
  .pat-modal:not(.panel) form .select2-container .select2-choices,
  .pat-modal:not(.panel) form .md-editor .md-render {
    background-color: rgba(50, 50, 50, 0.1);
  }
}
form input:disabled, form input.disabled,
form textarea:disabled,
form textarea.disabled,
form .textarea:disabled,
form .textarea.disabled,
form select:disabled,
form select.disabled,
form .select2-container .select2-choice:disabled,
form .select2-container .select2-choice.disabled,
form .select2-container .select2-choices:disabled,
form .select2-container .select2-choices.disabled,
form .md-editor .md-render:disabled,
form .md-editor .md-render.disabled {
  box-shadow: inset 0 0 1px 1px rgba(0, 0, 0, 0.15);
  padding: 0.2em 0.5em;
  opacity: 1;
  background-color: transparent;
  background: none;
  color: black;
}
form .select2-container.select2-container-active .select2-choice,
form .select2-container.select2-container-active .select2-choices {
  box-shadow: inset 0 0 1px 1px silver;
}
form .select2-container.select2-dropdown-open .select2-choice,
form .select2-container.select2-dropdown-open .select2-choices {
  background-color: white;
}
@media only screen and (min-width: 1280px) {
  form fieldset.fancy {
    line-height: 30px;
  }
  form fieldset.fancy.vertical fieldset .legend {
    margin-bottom: 0.2em;
    margin-top: 0;
  }
  form fieldset.fancy > .title,
  form fieldset.fancy > .location,
  form fieldset.fancy > .organiser,
  form fieldset.fancy > .options,
  form fieldset.fancy > .date-time,
  form fieldset.fancy > .invitees,
  form fieldset.fancy > .attachments,
  form fieldset.fancy > .assignee,
  form fieldset.fancy > .initiator,
  form fieldset.fancy > .description,
  form fieldset.fancy > .stage,
  form fieldset.fancy > .agenda,
  form fieldset.fancy > .attached-documents,
  form fieldset.fancy > .attachments,
  form fieldset.fancy > .priority,
  form fieldset.fancy > .publish-copy,
  form fieldset.fancy > .workspace,
  form fieldset.fancy > .origin,
  form fieldset.fancy > .information,
  form fieldset.fancy > .image,
  form fieldset.fancy > .video,
  form fieldset.fancy > .schedule,
  form fieldset.fancy > .spaces,
  form fieldset.fancy > .attendance,
  form fieldset.fancy > .url,
  form fieldset.fancy > .video-conference {
    padding-left: 4.5rem;
    position: relative;
    margin-bottom: 2em;
    clear: both;
    padding-right: 0;
    background-color: transparent;
  }
  form fieldset.fancy > .title:before,
  form fieldset.fancy > .location:before,
  form fieldset.fancy > .organiser:before,
  form fieldset.fancy > .options:before,
  form fieldset.fancy > .date-time:before,
  form fieldset.fancy > .invitees:before,
  form fieldset.fancy > .attachments:before,
  form fieldset.fancy > .assignee:before,
  form fieldset.fancy > .initiator:before,
  form fieldset.fancy > .description:before,
  form fieldset.fancy > .stage:before,
  form fieldset.fancy > .agenda:before,
  form fieldset.fancy > .attached-documents:before,
  form fieldset.fancy > .attachments:before,
  form fieldset.fancy > .priority:before,
  form fieldset.fancy > .publish-copy:before,
  form fieldset.fancy > .workspace:before,
  form fieldset.fancy > .origin:before,
  form fieldset.fancy > .information:before,
  form fieldset.fancy > .image:before,
  form fieldset.fancy > .video:before,
  form fieldset.fancy > .schedule:before,
  form fieldset.fancy > .spaces:before,
  form fieldset.fancy > .attendance:before,
  form fieldset.fancy > .url:before,
  form fieldset.fancy > .video-conference:before {
    width: 4.5rem;
    text-align: center;
    line-height: 4.4rem;
    font-family: fontello;
    font-size: 1.6em;
    color: silver;
    font-weight: normal;
    top: 0;
    float: left;
    position: absolute;
    left: 0;
  }
}
@media only screen and (min-width: 1280px) and (-ms-high-contrast: none), only screen and (min-width: 1280px) and (-ms-high-contrast: active) {
  form fieldset.fancy > .title:before,
  form fieldset.fancy > .location:before,
  form fieldset.fancy > .organiser:before,
  form fieldset.fancy > .options:before,
  form fieldset.fancy > .date-time:before,
  form fieldset.fancy > .invitees:before,
  form fieldset.fancy > .attachments:before,
  form fieldset.fancy > .assignee:before,
  form fieldset.fancy > .initiator:before,
  form fieldset.fancy > .description:before,
  form fieldset.fancy > .stage:before,
  form fieldset.fancy > .agenda:before,
  form fieldset.fancy > .attached-documents:before,
  form fieldset.fancy > .attachments:before,
  form fieldset.fancy > .priority:before,
  form fieldset.fancy > .publish-copy:before,
  form fieldset.fancy > .workspace:before,
  form fieldset.fancy > .origin:before,
  form fieldset.fancy > .information:before,
  form fieldset.fancy > .image:before,
  form fieldset.fancy > .video:before,
  form fieldset.fancy > .schedule:before,
  form fieldset.fancy > .spaces:before,
  form fieldset.fancy > .attendance:before,
  form fieldset.fancy > .url:before,
  form fieldset.fancy > .video-conference:before {
    top: 1em;
  }
}
@media only screen and (min-width: 1280px) {
  form fieldset.fancy > .title:before {
    content: "\e92e";
  }
  form fieldset.fancy .file-upload-button {
    line-height: 31px;
    font-size: 18px;
  }
  form fieldset.fancy p.legend + .file-upload-button {
    margin-top: 2px;
  }
  form fieldset.fancy > .location iframe {
    margin-top: 10px;
  }
  form fieldset.fancy > .location:before {
    content: "\e82d";
  }
  form fieldset.fancy > .stage:before {
    content: "\e944";
  }
  form fieldset.fancy > .organiser:before {
    content: "\e8fa";
  }
  form fieldset.fancy > .information:before {
    content: "\e819";
  }
  form fieldset.fancy > .priority:before {
    content: "\e8ae";
  }
  form fieldset.fancy > .spaces .button-bar {
    margin: 0;
  }
  form fieldset.fancy > .spaces:before {
    content: "\e931";
  }
  form fieldset.fancy > .video-conference:before {
    content: "\e8a0";
  }
  form fieldset.fancy > .workspace:before,
  form fieldset.fancy > .origin:before {
    content: "\e94a";
  }
  form fieldset.fancy > .publish-copy:before {
    content: "\f24d";
    font-size: 1.2em;
  }
  form fieldset.fancy > .attached-documents:before {
    content: "\e811";
  }
  form fieldset.fancy > .attendance:before {
    content: "\e894";
  }
  form fieldset.fancy > .url:before {
    content: "\e844";
  }
  form fieldset.fancy > .options:before {
    content: "✔";
    line-height: 3.2rem;
  }
}
@media only screen and (min-width: 1280px) and (-ms-high-contrast: none), only screen and (min-width: 1280px) and (-ms-high-contrast: active) {
  form fieldset.fancy > .options:before {
    top: 0.8em;
  }
}
@media only screen and (min-width: 1280px) {
  form fieldset.fancy .date-time:before {
    content: "\e82f";
  }
  form fieldset.fancy .date-time .group > .pat-checklist {
    width: 41.66667%;
  }
  form fieldset.fancy .invitees:before {
    content: "\e8fb";
  }
  form fieldset.fancy .attachments:before {
    content: "\e901";
  }
  form fieldset.fancy .agenda:before {
    content: "☰";
  }
  form fieldset.fancy .schedule .day-title {
    padding-top: 5px;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 5px;
    display: block;
    clear: both;
  }
  form fieldset.fancy .schedule .scheduler {
    margin-bottom: 10px;
  }
  form fieldset.fancy .schedule:before {
    content: "☰";
    transform: rotate(90deg);
  }
  form fieldset.fancy .initiator .pat-avatar {
    position: absolute;
    left: 0.7em;
    top: 0.7em;
  }
  form fieldset.fancy .initiator .pat-avatar img {
    max-width: 100% !important;
  }
  form fieldset.fancy .assignee:before {
    content: "\e8fa";
  }
  form fieldset.fancy .description:before {
    content: "\e88b";
  }
  form fieldset.fancy .image img {
    max-width: 100%;
  }
  form fieldset.fancy .image .icon-cancel-circle {
    clear: both;
  }
  form fieldset.fancy .image:before {
    content: "\e89f";
  }
  form fieldset.fancy .video video {
    max-width: 100%;
    width: 100%;
  }
  form fieldset.fancy .video .icon-cancel-circle {
    clear: both;
  }
  form fieldset.fancy .video:before {
    content: "\e841";
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  form fieldset .image img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  form fieldset .date-time .columns .date {
    margin-bottom: 10px;
  }
  form fieldset .image img {
    max-width: 100%;
  }
  form fieldset .video video {
    max-width: 100%;
  }
}
form fieldset.group.contact-name .row {
  padding-bottom: 0.5em;
  margin: 0 -0.2em;
}
form fieldset.group.contact-name .row .columns {
  padding: 0 0.2em;
}
form fieldset.group.contact-name .row .columns input {
  width: 100%;
}
form fieldset.group[class^=icon-], form fieldset.group[class*=" icon-"] {
  position: relative;
  padding-left: 1.8em;
}
form fieldset.group[class^=icon-]:before, form fieldset.group[class*=" icon-"]:before {
  position: absolute;
  left: 0;
  top: 0.6em;
}
form fieldset.group[class^=icon-] .title input, form fieldset.group[class*=" icon-"] .title input {
  font-weight: bold;
}

span.legend {
  margin-left: 0;
}
@media print {
  span.legend {
    display: none !important;
  }
}

.legend dfn {
  padding: 0;
  margin: 0 1em 0 0;
  list-style-type: none;
  display: inline-block;
  font-size: 0.8em;
  font-weight: normal;
  font-style: italic;
}
.legend dfn:before {
  content: " ";
  border-radius: 50%;
  display: inline-block;
  margin-right: 0.5em;
  width: 0.8em;
  height: 0.8em;
}
.legend dfn.declined:before {
  background-color: red;
}
.legend dfn.confirmed:before {
  background-color: #5bb75b;
}
.legend dfn.tentative:before {
  background-color: #ff9300;
}
.legend dfn.undecided:before {
  background-color: #0081be;
}

/*!
 * <%= meta.title %> v<%= meta.version %> Stylesheet
 * Docs & License: <%= meta.homepage %>
 * (c) <%= meta.copyright %>
 */
.fc {
  direction: ltr;
  text-align: left;
}
body[dir=rtl] .fc {
  text-align: right;
}

.fc-rtl {
  text-align: right;
}

body .fc { /* extra precedence to overcome jqui */
  font-size: 1em;
}

/* Colors
--------------------------------------------------------------------------------------------------*/
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover {
  border-color: #ddd;
}

.fc-unthemed .fc-popover {
  background-color: #fff;
}

.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header {
  background: #eee;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}

.fc-unthemed .fc-today {
  background: #fcf8e3;
}

.fc-highlight { /* when user is selecting cells */
  background: #bce8f1;
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
}

.fc-bgevent { /* default look for background events */
  background: rgb(143, 223, 130);
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
}

.fc-nonbusiness { /* default look for non-business-hours areas */
  /* will inherit .fc-bgevent's styles */
  background: #d7d7d7;
}

/* Icons (inline elements with styled text that mock arrow icons)
--------------------------------------------------------------------------------------------------*/
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family: "Courier New", Courier, monospace;
  /* don't allow browser text-selection */
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/*
Acceptable font-family overrides for individual icons:
  "Arial", sans-serif
  "Times New Roman", serif

NOTE: use percentage font sizes or else old IE chokes
*/
.fc-icon:after {
  position: relative;
}

.fc-icon-left-single-arrow:after {
  content: "‹";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.fc-icon-right-single-arrow:after {
  content: "›";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}

.fc-icon-left-double-arrow:after {
  content: "«";
  font-size: 160%;
  top: -7%;
}

.fc-icon-right-double-arrow:after {
  content: "»";
  font-size: 160%;
  top: -7%;
}

.fc-icon-left-triangle:after {
  content: "◄";
  font-size: 125%;
  top: 3%;
}

.fc-icon-right-triangle:after {
  content: "►";
  font-size: 125%;
  top: 3%;
}

.fc-icon-down-triangle:after {
  content: "▼";
  font-size: 125%;
  top: 2%;
}

.fc-icon-x:after {
  content: "×";
  font-size: 200%;
  top: 6%;
}

/* Buttons (styled <button> tags, normalized to work cross-browser)
--------------------------------------------------------------------------------------------------*/
.fc button {
  /* force height to include the border and padding */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  /* dimensions */
  margin: 0;
  height: 2.1em;
  padding: 0 0.6em;
  /* text & cursor */
  font-size: 1em; /* normalize */
  white-space: nowrap;
  cursor: pointer;
}

/* Firefox has an annoying inner border */
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}

.fc-state-default { /* non-theme */
  border: 1px solid;
}

.fc-state-default.fc-corner-left { /* non-theme */
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

.fc-state-default.fc-corner-right { /* non-theme */
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* icons in buttons */
.fc button .fc-icon { /* non-theme */
  position: relative;
  top: -0.05em; /* seems to be a good adjustment across browsers */
  margin: 0 0.2em;
  vertical-align: middle;
}

/*
  button states
  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
*/
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}

.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}

.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
}

/* Buttons Groups
--------------------------------------------------------------------------------------------------*/
.fc-button-group {
  display: inline-block;
}

/*
every button that is not first in a button group should scootch over one pixel and cover the
previous button's border...
*/
.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
  float: left;
  margin: 0 0 0 -1px;
}

.fc .fc-button-group > :first-child { /* same */
  margin-left: 0;
}

/* Popover
--------------------------------------------------------------------------------------------------*/
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}

.fc-popover .fc-header { /* TODO: be more consistent with fc-head/fc-body */
  padding: 2px 4px;
}

.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}

.fc-popover .fc-header .fc-close {
  cursor: pointer;
}

.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}

.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}

/* unthemed */
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}

.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: 0.9em;
  margin-top: 2px;
}

/* jqui themed */
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0; /* where they meet, let the header have the border */
}

/* Misc Reusable Components
--------------------------------------------------------------------------------------------------*/
.fc-divider {
  border-style: solid;
  border-width: 1px;
}

hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
  border-width: 1px 0;
}

.fc-clear {
  clear: both;
}

.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  /* these element should always cling to top-left/right corners */
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.fc-bg {
  bottom: 0; /* strech bg to bottom edge */
}

.fc-bg table {
  height: 100%; /* strech bg to bottom edge */
}

/* Tables
--------------------------------------------------------------------------------------------------*/
.fc table {
  width: 100%;
  box-sizing: border-box; /* fix scrollbar issue in firefox */
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em; /* normalize cross-browser */
}

.fc th {
  text-align: center;
}

.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}

.fc td.fc-today {
  border-style: double; /* overcome neighboring borders */
}

/* Fake Table Rows
--------------------------------------------------------------------------------------------------*/
.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
  /* no visible border by default. but make available if need be (scrollbar width compensation) */
  border-style: solid;
  border-width: 0;
}

.fc-row table {
  /* don't put left/right border on anything within a fake row.
     the outer tbody will worry about this */
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  /* no bottom borders on rows */
  border-bottom: 0 hidden transparent;
}

.fc-row:first-child table {
  border-top: 0 hidden transparent; /* no top border on first row */
}

/* Day Row (used within the header and the DayGrid)
--------------------------------------------------------------------------------------------------*/
.fc-row {
  position: relative;
}

.fc-row .fc-bg {
  z-index: 1;
}

/* highlighting cells & background event skeleton */
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0; /* stretch skeleton to bottom of row */
}

.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%; /* stretch skeleton to bottom of row */
}

.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}

.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}

.fc-row .fc-highlight-skeleton {
  z-index: 3;
}

/*
row content (which contains day/week numbers and events) as well as "helper" (which contains
temporary rendered events).
*/
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px; /* matches the space above the events */
}

.fc-row .fc-helper-skeleton {
  z-index: 5;
}

.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  /* see-through to the background below */
  background: none; /* in case <td>s are globally styled */
  border-color: transparent;
  /* don't put a border between events and/or the day number */
  border-bottom: 0;
}

.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  /* don't put a border between event cells */
  border-top: 0;
}

/* Scrolling Container
--------------------------------------------------------------------------------------------------*/
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}

/* TODO: move to agenda/basic */
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative; /* re-scope all positions */
  width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
}

/* Global Event Styles
--------------------------------------------------------------------------------------------------*/
.fc-list-day-cushion a {
  color: black;
  text-decoration: none;
}

.fc-list-event:hover th,
.fc-list-event:hover td {
  background: transparent !important;
}

.fc-event:not(.fc-list-event) {
  position: relative; /* for resize handle and other inner positioning */
  display: block; /* make the <a> tag block */
  font-size: 0.85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad; /* default BORDER color */
  background-color: #3a87ad; /* default BACKGROUND color */
  font-weight: normal; /* undo jqui's ui-widget-header bold */
  height: 100%;
}

/* overpower some of bootstrap's and jqui's styles on <a> tags */
.fc-event:not(.fc-list-event),
.fc-event:not(.fc-list-event):hover,
.ui-widget .fc-event:not(.fc-list-event) {
  color: #fff; /* default TEXT color */
  text-decoration: none; /* if <a> has an href */
}

.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
}

.fc-not-allowed,
.fc-not-allowed .fc-event { /* to override an event's custom cursor */
  cursor: not-allowed;
}

.fc-event .fc-bg { /* the generic .fc-bg already does position */
  z-index: 1;
  background: #fff;
  opacity: 0.25;
  filter: alpha(opacity=25); /* for IE */
}

.fc-event .fc-content {
  position: relative;
  z-index: 2;
}

/* resizer (cursor AND touch devices) */
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}

/* resizer (touch devices) */
.fc-event .fc-resizer {
  display: none;
}

.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  /* only show when hovering or selected (with touch) */
  display: block;
}

/* hit area */
.fc-event.fc-selected .fc-resizer:before {
  /* 40x40 touch area */
  content: "";
  position: absolute;
  z-index: 9999; /* user of this util can scope within a lower z-index */
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}

/* Event Selection (only for touch devices)
--------------------------------------------------------------------------------------------------*/
.fc-event.fc-selected {
  z-index: 9999 !important; /* overcomes inline z-index */
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}

/* Horizontal Events
--------------------------------------------------------------------------------------------------*/
/* bigger touch area when selected */
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3; /* below resizers */
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}

/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px; /* replace the border with padding */
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px; /* replace the border with padding */
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* resizer (cursor AND touch devices) */
/* left resizer  */
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px; /* overcome border */
}

/* right resizer */
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px; /* overcome border */
}

/* resizer (mouse devices) */
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px; /* overcome top border */
  bottom: -1px; /* overcome bottom border */
}

/* resizer (touch devices) */
.fc-h-event.fc-selected .fc-resizer {
  /* 8x8 little dot */
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* vertically center */
  top: 50%;
  margin-top: -4px;
}

/* left resizer  */
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px; /* centers the 8x8 dot on the left edge */
}

/* right resizer */
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px; /* centers the 8x8 dot on the right edge */
}

/* DayGrid events
----------------------------------------------------------------------------------------------------
We use the full "fc-day-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-day-grid-event {
  margin: 1px 2px 0; /* spacing between events and edges */
  padding: 0 1px;
}

.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1; /* same z-index as fc-bg, behind text */
  /* overcome the borders */
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  /* darkening effect */
  background: #000;
  opacity: 0.25;
  filter: alpha(opacity=25); /* for IE */
}

.fc-day-grid-event .fc-content { /* force events to be one-line tall */
  white-space: nowrap;
  overflow: hidden;
}

.fc-day-grid-event .fc-time {
  font-weight: bold;
}

/* resizer (cursor devices) */
/* left resizer  */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px; /* to the day cell's edge */
}

/* right resizer */
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px; /* to the day cell's edge */
}

/* Event Limiting
--------------------------------------------------------------------------------------------------*/
/* "more" link that represents hidden events */
a.fc-more {
  margin: 1px 3px;
  font-size: 0.85em;
  cursor: pointer;
  text-decoration: none;
}

a.fc-more:hover {
  text-decoration: underline;
}

.fc-limited { /* rows and cells that are hidden because of a "more" link */
  display: none;
}

/* popover that appears when "more" link is clicked */
.fc-day-grid .fc-row {
  z-index: 1; /* make the "more" popover one higher than this */
}

.fc-more-popover {
  z-index: 2;
  width: 220px;
}

.fc-more-popover .fc-event-container {
  padding: 10px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}

/* Utilities
--------------------------------------------------------------------------------------------------*/
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* Toolbar
--------------------------------------------------------------------------------------------------*/
.fc-toolbar {
  text-align: center;
  margin-bottom: 1em;
}

.fc-toolbar .fc-left {
  float: left;
}

.fc-toolbar .fc-right {
  float: right;
}

.fc-toolbar .fc-center {
  display: inline-block;
}

/* the things within each left/right/center section */
.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
  float: left;
  margin-left: 0.75em;
}

/* the first thing within each left/center/right section */
.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
  margin-left: 0;
}

/* title text */
.fc-toolbar h2 {
  margin: 0;
}

/* button layering (for border precedence) */
.fc-toolbar button {
  position: relative;
}

.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}

.fc-toolbar .fc-state-down {
  z-index: 3;
}

.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}

.fc-toolbar button:focus {
  z-index: 5;
}

/* View Structure
--------------------------------------------------------------------------------------------------*/
/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

.fc-view,
.fc-view > table { /* so dragged elements can be above the view's main element */
  position: relative;
  z-index: 1;
}

/* BasicView
--------------------------------------------------------------------------------------------------*/
/* day row structure */
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  /* we are sure there are no day numbers in these views, so... */
  padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
}

.fc-basic-view .fc-body .fc-row {
  min-height: 4em; /* ensure that all rows are at least this tall */
}

/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
.fc-row.fc-rigid {
  overflow: hidden;
}

.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

/* week and day number styling */
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 0 2px;
}

.fc-basic-view td.fc-week-number span,
.fc-basic-view td.fc-day-number {
  padding-top: 2px;
  padding-bottom: 2px;
}

.fc-basic-view .fc-week-number {
  text-align: center;
}

.fc-basic-view .fc-week-number span {
  /* work around the way we do column resizing and ensure a minimum width */
  display: inline-block;
  min-width: 1.25em;
}

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: right;
}

.fc-rtl .fc-basic-view .fc-day-number {
  text-align: left;
}
body[dir=rtl] .fc-rtl .fc-basic-view .fc-day-number {
  text-align: right;
}

.fc-day-number.fc-other-month {
  opacity: 0.3;
  filter: alpha(opacity=30); /* for IE */
  /* opacity with small font can sometimes look too faded
     might want to set the 'color' property instead
     making day-numbers bold also fixes the problem */
}

/* AgendaView all-day area
--------------------------------------------------------------------------------------------------*/
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2; /* so the "more.." popover will be over the time grid */
}

.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em; /* all-day section will never get shorter than this */
}

.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
  padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
}

/* TimeGrid axis running down the side (for both the all-day area and the slot area)
--------------------------------------------------------------------------------------------------*/
.fc .fc-axis { /* .fc to overcome default cell styles */
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}

.fc-ltr .fc-axis {
  text-align: right;
}

.fc-rtl .fc-axis {
  text-align: left;
}
body[dir=rtl] .fc-rtl .fc-axis {
  text-align: right;
}

.ui-widget td.fc-axis {
  font-weight: normal; /* overcome jqui theme making it bold */
}

/* TimeGrid Structure
--------------------------------------------------------------------------------------------------*/
.fc-time-grid-container,
.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
  position: relative;
  z-index: 1;
}

.fc-time-grid {
  min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
}

.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
  border: 0 hidden transparent;
}

.fc-time-grid > .fc-bg {
  z-index: 1;
}

.fc-time-grid .fc-slats,
.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-content-col {
  position: relative; /* because now-indicator lives directly inside */
}

.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}

/* divs within a cell within the fc-content-skeleton */
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}

.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}

.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}

.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}

.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}

.fc-time-grid .fc-helper-container { /* also is fc-event-container */
  position: relative;
  z-index: 6;
}

/* TimeGrid Slats (lines that run horizontally)
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0; /* each cell is responsible for its top border */
}

.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}

.fc-time-grid .fc-slats .ui-widget-content { /* for jqui theme */
  background: none; /* see through to fc-bg */
}

/* TimeGrid Highlighting Slots
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
  position: relative; /* scopes the left/right of the fc-highlight to be in the column */
}

.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
  /* top and bottom will be in by JS */
}

/* TimeGrid Event Containment
--------------------------------------------------------------------------------------------------*/
.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
  margin: 0 2.5% 0 2px;
}

.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
  margin: 0 2px 0 2.5%;
}

.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1; /* scope inner z-index's */
}

.fc-time-grid .fc-bgevent {
  /* background events always span full width */
  left: 0;
  right: 0;
}

/* Generic Vertical Event
--------------------------------------------------------------------------------------------------*/
.fc-v-event.fc-not-start { /* events that are continuing from another day */
  /* replace space made by the top border with padding */
  border-top-width: 0;
  padding-top: 1px;
  /* remove top rounded corners */
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.fc-v-event.fc-not-end {
  /* replace space made by the top border with padding */
  border-bottom-width: 0;
  padding-bottom: 1px;
  /* remove bottom rounded corners */
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

/* TimeGrid Event Styling
----------------------------------------------------------------------------------------------------
We use the full "fc-time-grid-event" class instead of using descendants because the event won't
be a descendant of the grid when it is being dragged.
*/
.fc-time-grid-event {
  overflow: hidden; /* don't let the bg flow over rounded corners */
}

.fc-time-grid-event.fc-selected {
  /* need to allow touch resizers to extend outside event's bounding box */
  /* common fc-selected styles hide the fc-bg, so don't need this anyway */
  overflow: visible;
}

.fc-time-grid-event.fc-selected .fc-bg {
  display: none; /* hide semi-white background, to appear darker */
}

.fc-time-grid-event .fc-content {
  overflow: hidden; /* for when .fc-selected */
}

.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}

.fc-time-grid-event .fc-time {
  font-size: 0.85em;
  white-space: nowrap;
}

/* short mode, where time and title are on the same line */
.fc-time-grid-event.fc-short .fc-content {
  /* don't wrap to second line (now that contents will be inline) */
  white-space: nowrap;
}

.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  /* put the time and title on the same line */
  display: inline-block;
  vertical-align: top;
}

.fc-time-grid-event.fc-short .fc-time span {
  display: none; /* don't display the full time text... */
}

.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start); /* ...instead, display only the start time */
}

.fc-time-grid-event.fc-short .fc-time:after {
  content: " - "; /* seperate with a dash, wrapped in nbsp's */
}

.fc-time-grid-event.fc-short .fc-title {
  font-size: 0.85em; /* make the title text the same size as the time */
  padding: 0; /* undo padding from above */
}

/* resizer (cursor device) */
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}

.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}

/* resizer (touch device) */
.fc-time-grid-event.fc-selected .fc-resizer {
  /* 10x10 dot */
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  /* horizontally center */
  left: 50%;
  margin-left: -5px;
  /* center on the bottom edge */
  bottom: -5px;
}

/* Now Indicator
--------------------------------------------------------------------------------------------------*/
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}

/* arrow on axis */
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px; /* vertically center on top coordinate */
}

.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  /* triangle pointing right... */
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  /* triangle pointing left... */
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}

.gh-expanded:not(.application-home) #global-header {
  height: 86px;
}

@media only screen and (max-width: 767px) and (max-width: 767px) {
  .state-off ~ .section-dashboard ~ #global-header form.search label {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1279px) {
  .state-off ~ .section-dashboard ~ #global-header form.search label {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  .state-off ~ .section-dashboard ~ #global-header form.search label input.search {
    width: 100%;
    opacity: 1;
    padding-left: 1.7em;
    cursor: text;
  }
  .state-off ~ .section-dashboard ~ #global-header form.search label:after {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.4);
  }
}

#global-header {
  background-color: white;
  color: black;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  padding-left: 15px;
  transition: opacity 1s;
  -moz-transition: all 0.25s;
  -webkit-transition: all 0.25s;
  transition: all 0.25s;
}
@media only screen and (max-width: 767px) {
  #global-header {
    height: 50px;
    padding-right: 110px;
    padding-top: 10px;
    z-index: 11;
    background-color: transparent;
    pointer-events: none;
  }
  #global-header > * {
    pointer-events: all;
  }
}
@media only screen and (min-width: 768px) {
  #global-header {
    height: 54px;
    padding-right: 1em;
    z-index: 0;
  }
}
#global-header #global-organisation-link {
  display: none;
}
@media print {
  #global-header {
    display: none;
  }
}
#global-header .portal-tabs {
  position: absolute;
  top: 32px;
  left: 0;
  right: 0;
}
#global-header .icon {
  float: right;
  height: 32px;
  color: rgba(0, 0, 0, 0);
  line-height: 33px;
  font-size: 24px;
  margin-left: 16px;
  margin-right: 0;
  width: 1.3em;
  text-shadow: none;
  padding: 0;
  top: 50%;
  transform: translateY(-50%);
  background-color: transparent;
}
body[dir=rtl] #global-header .icon {
  float: left;
}
body[dir=rtl] #global-header .icon {
  margin-left: 0;
  margin-right: 16px;
}
#global-header .icon:before {
  color: black;
}
@media only screen and (max-width: 767px) {
  #global-header .icon.icon-cog, #global-header .icon.icon-bell, #global-header .icon.icon-chat {
    display: none;
  }
}
#global-header .icon.osh-toggle {
  opacity: 0.6;
}
@media only screen and (max-width: 767px) {
  #global-header .icon.osh-toggle {
    display: none;
  }
}
.osh-on #global-header .icon.osh-toggle {
  opacity: 1;
}
#global-header .icon:hover,
#global-header form.search:hover {
  text-decoration: none;
  color: black;
  cursor: default;
}
#global-header .icon sup.counter {
  font-size: 0.6em;
  width: 1.2em;
  height: 1.2em;
  line-height: 1.2em;
  top: 2px;
  right: 0;
  position: absolute;
  background-color: #D40E16;
  text-align: center;
  color: white;
  border-radius: 0.6em;
}
body[dir=rtl] #global-header .icon sup.counter {
  left: 0;
  right: auto;
}
#global-header .icon sup.counter.mutated {
  animation: bounceIn 0.5s;
}
#global-header .icon sup.counter.digit-2 {
  width: 1.5em;
}
#global-header .icon sup.counter.digit-3 {
  width: 1.8em;
}
#global-header .global-header-message {
  top: 50%;
  transform: translateY(-50%);
  line-height: 1.3em;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.2);
  font-weight: normal;
  float: right;
  padding: 0 1em;
  border-radius: 10px;
  height: 26px;
  line-height: 26px;
  margin: 0 16px;
  position: relative;
  color: black;
  font-size: 1rem;
}
body[dir=rtl] #global-header .global-header-message {
  float: left;
}
#global-header .global-header-message:hover {
  background-color: rgba(255, 255, 255, 0.25);
  text-decoration: none;
}
@media only screen and (max-width: 767px) {
  #global-header .global-header-message {
    display: none;
  }
}
#global-header form.search {
  color: black;
  padding-left: 0;
  text-align: left;
  top: 50%;
  transform: translateY(-50%);
}
body[dir=rtl] #global-header form.search {
  text-align: right;
}
@media only screen and (max-width: 767px) {
  #global-header form.search {
    line-height: 1.8em;
  }
}
@media only screen and (min-width: 768px) {
  #global-header form.search {
    position: relative;
    float: right;
    line-height: 1.3em;
  }
  body[dir=rtl] #global-header form.search {
    float: left;
  }
}
#global-header form.search label {
  transition: all 0.25s;
  float: right;
  position: relative;
  z-index: 10;
  width: 28px;
}
body[dir=rtl] #global-header form.search label {
  float: left;
}
#global-header form.search label.focus {
  z-index: 11;
}
#global-header form.search label.focus:after {
  color: gray;
}
@media only screen and (min-width: 768px) {
  #global-header form.search label.focus {
    width: 14em;
  }
}
@media only screen and (max-width: 767px) and (max-width: 767px) {
  #global-header form.search label.focus {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) and (min-width: 768px) and (max-width: 1279px) {
  #global-header form.search label.focus {
    width: 30%;
  }
}
@media only screen and (max-width: 767px) {
  #global-header form.search label.focus input.search {
    width: 100%;
    opacity: 1;
    padding-left: 1.7em;
    cursor: text;
  }
  #global-header form.search label.focus:after {
    font-size: 20px;
    color: rgba(0, 0, 0, 0.4);
  }
}
#global-header form.search label input.search {
  background-color: white;
  color: black;
  opacity: 0;
  cursor: default;
  transition: all 0.25s;
  height: 30px;
  padding-left: 0.8em;
  border-radius: 10px;
  float: right;
  width: 100%;
  margin: 0;
}
body[dir=rtl] #global-header form.search label input.search {
  float: left;
}
@media only screen and (max-width: 767px) {
  #global-header form.search label input.search {
    height: 30px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  #global-header form.search label input.search {
    width: 1.7em;
    float: left;
    padding-top: 0;
    padding-bottom: 0;
  }
  #global-header form.search label input.search[dir=rtl] {
    float: right;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #global-header form.search label input.search {
    line-height: 1.2em;
  }
}
#global-header form.search label:after {
  content: "\e8f8";
  font-family: fontello;
  position: absolute;
  left: 9px;
  top: 4px;
  font-size: 22px;
  display: inline-block;
  color: black;
}
@media only screen and (max-width: 767px) {
  #global-header form.search label:after {
    font-size: 24px;
    top: 0;
    color: black;
  }
}
#global-header form.search label.focus input.search {
  opacity: 1;
  padding-left: 1.7em;
  cursor: text;
}
@media only screen and (min-width: 768px) {
  #global-header form.search label.focus input.search {
    width: 14em;
  }
}
#global-header form.search label.focus:before {
  top: 0.25em;
  color: black;
}
#global-header form.search button[type=submit] {
  position: absolute;
  left: -100000px;
  display: block;
  top: 0;
  width: 1em;
  height: 1.8em;
  opacity: 0;
}

.application-home #global-header:after {
  display: none;
}

.tooltip-container nav {
  padding: 0;
}
.tooltip-container nav .onscreen-help {
  float: right;
  top: -3px;
  right: 30px;
}
body[dir=rtl] .tooltip-container nav .onscreen-help {
  float: left;
}
.tooltip-container nav a.title,
.tooltip-container nav a.organisation {
  display: none;
}
.tooltip-container nav a.tab {
  display: block;
  padding: 0.3em 0 0.3em 1.6em;
  color: black;
  line-height: 1.3em;
  color: black;
}
.tooltip-container nav a.tab:before {
  margin-left: -1.5em;
  font-family: fontello;
  float: left;
}
.tooltip-container nav a.tab:before[dir=rtl] {
  float: right;
}
.tooltip-container nav a.tab.section-dashboard:before {
  content: "\e943";
}
.tooltip-container nav a.tab.section-news:before {
  content: "\e94c";
}
.tooltip-container nav a.tab.section-library:before {
  content: "\e86f";
}
.tooltip-container nav a.tab.section-workspaces:before {
  content: "\e94a";
}
.tooltip-container nav a.tab.section-apps:before {
  content: "\e926";
}

.group-header {
  margin-bottom: 2.8em;
}
.group-header #edit-button,
.group-header #group-more-menu {
  float: right;
}
.group-header em.highlight {
  background-color: var(--colour-accent);
  border-radius: 0.2em;
  display: inline-block;
  padding: 0 0.25em;
  color: white;
  font-style: normal;
  line-height: 1em;
}
.group-header .group-badge,
.group-header .division-badge {
  float: left;
  height: 5.6em;
  width: 5.6em;
  margin-right: 1em;
  margin-bottom: 1em;
  border-right: 2px black solid;
  opacity: 0.5;
}
.group-header .group-badge.logo,
.group-header .division-badge.logo {
  border-right: none;
  border-radius: 15%;
  object-fit: cover;
  opacity: 1;
}
.document.register .group-header:before {
  float: left;
  height: 1.86em;
  width: 1.86em;
  margin-right: 0.45em;
  border-right: 2px rgba(0, 0, 0, 0.5) solid;
  text-align: center;
  line-height: 1.9em;
  font-size: 3em;
  color: rgba(0, 0, 0, 0.5);
  font-family: fontello;
  content: "\e80f";
}
.group-header .group-title {
  font-size: 2.8em;
  margin-bottom: 0;
  line-height: 1.2em;
}
.group-header .byline {
  opacity: 0.5;
  margin-bottom: 2em;
  font-size: 1.3em;
}
.group-header .introduction {
  clear: both;
}

.group-table {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 2em;
  display: grid;
  grid-auto-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.group-table:after {
  content: " ";
  display: table;
  clear: both;
}
@media only screen and (max-width: 767px) {
  .group-table {
    grid-template-columns: repeat(1, 1fr);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .group-table {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (min-width: 1280px) {
  .group-table {
    grid-template-columns: repeat(3, 1fr);
  }
}
.group-table .group {
  list-style-type: none;
  line-height: 0.95em;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  float: left;
}
@media only screen and (min-width: 768px) {
  .group-table .group {
    grid-template-columns: repeat(3, 1fr);
  }
  form .horizontal .group .group-table .group {
    width: 100%;
    margin: 0 0 0.5em 0;
  }
  form .horizontal .group .group-table .group > a {
    padding: 1%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .group-table .group {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media only screen and (max-width: 767px) {
  .group-table .group {
    height: auto !important;
  }
  form .horizontal .group .group-table .group {
    width: 100%;
    margin: 0 0 0.5em 0;
  }
  form .horizontal .group .group-table .group > a {
    padding: 1%;
  }
}
.group-table .group:before {
  display: none;
}
.group-table .group > a {
  color: rgba(0, 0, 0, 0.8);
  height: 100%;
  width: 100%;
  background: rgba(0, 0, 0, 0.07);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  border-radius: 0.6em;
  display: block;
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .group-table .group > a {
    font-size: 0.8em;
  }
}
@media only screen and (max-width: 767px) {
  .group-table .group > a {
    line-height: 1.4;
  }
}
.group-table .group > a:hover {
  background: rgba(0, 0, 0, 0.1);
  text-decoration: none;
}
.group-table .group > a .group-badge {
  height: 2.5em;
  width: 2.5em;
  margin-right: 0.6em;
  border-radius: 15%;
  box-shadow: none;
  float: left;
}
.group-table .group > a .title {
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 768px) {
  .group-table .group > a .title {
    padding-top: 0.15em;
  }
}
.group-table .group > a .byline {
  margin: 0;
  font-size: 0.8em;
}
#hamburger-desktop,
#hamburger-mobile {
  float: left;
  height: 19px;
  width: 19px;
  text-indent: -100em;
  position: relative;
  padding-right: 10px;
  padding-left: 10px;
  margin-right: 6px;
}
#hamburger-desktop:before,
#hamburger-mobile:before {
  text-indent: 0;
  content: "\e877";
  font-family: fontello;
  position: absolute;
  left: 10px;
  top: 0;
  font-size: 1em;
  line-height: 1.8em;
  color: black;
}

#hamburger-mobile:before {
  content: "\e878";
}

@media only screen and (min-width: 1280px) {
  #hamburger-mobile {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  #hamburger-desktop {
    display: none;
  }
}
.gh-expanded #hamburger-desktop:before {
  content: "\e878";
}

.application-home #hamburger-desktop:before {
  content: "\e878";
  opacity: 0.5;
  pointer-events: none;
}

html {
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 767px) {
  html {
    overflow: hidden;
  }
}

.html-source-editor {
  position: relative;
}
.html-source-editor .html-source-panel-content {
  height: 400px;
  max-height: calc(100vh - 350px);
  overflow: auto;
  padding: 0;
  position: relative;
  background-color: #212121;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 15px rgba(0, 0, 0, 0.05);
  border: none;
}
.html-source-editor .html-source-panel-content textarea {
  color: white;
  width: 100%;
  height: 100%;
  padding: 30px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0;
  resize: none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
}

.iconified {
  overflow: hidden;
  text-decoration: none;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 10px;
  border-style: none;
  background-image: none;
  filter: none !important;
  outline: none !important;
  width: 1.3em;
  cursor: default;
  text-overflow: initial !important;
}
.iconified:active {
  box-shadow: none;
}
.iconified:hover {
  text-decoration: none;
}
.iconified:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}

.icon-selector,
.pat-checklist.icon-selector {
  overflow: hidden;
}
.icon-selector label,
.pat-checklist.icon-selector label {
  float: left;
  margin: 0;
  width: 1.8em !important;
  height: 1.8em;
  overflow: hidden;
  border-radius: 50%;
  border: 2px solid transparent !important;
  position: relative;
  line-height: 1.9em;
  padding: 0;
  color: transparent;
}
.icon-selector label:hover:before,
.pat-checklist.icon-selector label:hover:before {
  color: black;
}
.icon-selector label.checked,
.pat-checklist.icon-selector label.checked {
  border-color: #D40E16 !important;
}
.icon-selector label.checked:before,
.pat-checklist.icon-selector label.checked:before {
  color: #D40E16;
}
.icon-selector label:before,
.pat-checklist.icon-selector label:before {
  float: left;
  margin: 0;
  text-align: center;
  width: 100%;
  line-height: 1.9em;
  color: rgba(0, 0, 0, 0.6);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.icon-selector label input,
.pat-checklist.icon-selector label input {
  position: absolute;
  opacity: 0;
}

.icon-tabs {
  text-align: center;
  margin-bottom: 1em;
  padding: 2em 0;
}
.icon-tabs > label,
.icon-tabs a {
  display: inline-block;
  min-width: 5.5em;
  height: 5.5em;
  border-radius: 0.5em;
  font-size: 0.8em;
  color: #222222;
  cursor: default;
  width: 7em;
  line-height: 1.4;
}
.icon-tabs > label:hover,
.icon-tabs a:hover {
  text-decoration: none;
}
.icon-tabs > label:before,
.icon-tabs a:before {
  text-align: center;
  font-size: 3.5em;
  display: block;
  padding: 0.4em 0 0.1em;
  width: 100%;
  margin: 0;
}
.icon-tabs > label.icon-brain:before,
.icon-tabs a.icon-brain:before {
  font-size: 3em;
}
.icon-tabs > label.checked, .icon-tabs > label.current,
.icon-tabs a.checked,
.icon-tabs a.current {
  color: #D40E16;
}
.icon-tabs > label input[type=radio],
.icon-tabs a input[type=radio] {
  position: absolute;
  visibility: hidden;
}

.quaive-illustration {
  width: 100%;
}
.quaive-illustration .pat-picture {
  width: 100%;
}
.quaive-illustration figcaption {
  font-size: 0.8em;
  opacity: 0.8;
}

@media only screen and (min-width: 768px) {
  .image-cloud {
    margin: 0 -0.75rem;
  }
}
.image-cloud figure {
  margin-bottom: 1.5em;
}
@media only screen and (max-width: 767px) {
  .image-cloud figure {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .image-cloud figure {
    float: left;
    width: 33.3332%;
    height: 10.3em;
    padding: 0 0.75rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;
  }
}
.image-cloud figure img {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .image-cloud figure img {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-left: 0.75rem solid transparent;
    border-right: 0.75rem solid transparent;
    width: auto;
    max-width: 100%;
    float: left;
    max-height: 8.2em;
    position: absolute;
    bottom: 1.8rem;
    left: 50%;
    transform: translateX(-50%);
  }
}
.image-cloud figure figcaption {
  height: 1.8rem;
  line-height: 1.95em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  right: 0.75rem;
  bottom: 0;
  left: 0.75rem;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 0.5em;
  text-align: center;
}

.image-cropper {
  width: 766px;
  /* jquery.Jcrop.css v0.9.12 - MIT License */
  /*
    The outer-most container in a typical Jcrop instance
    If you are having difficulty with formatting related to styles
    on a parent element, place any fixes here or in a like selector

    You can also style this element if you want to add a border, etc
    A better method for styling can be seen below with .jcrop-light
    (Add a class to the holder and style elements for that extended class)
  */
  /* Selection Border */
  /* Invisible click targets */
  /* Selection Handles */
  /* Dragbars */
  /* The "jcrop-light" class/extension */
  /* The "jcrop-dark" class/extension */
  /* Simple macro to turn off the antlines */
  /* Fix for twitter bootstrap et al. */
}
.image-cropper .preview-block {
  width: 220px;
  margin: 0 auto;
  display: block;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.image-cropper .preview-block figcaption {
  padding-top: 1em;
  font-size: 0.9em;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.image-cropper .preview {
  width: 220px;
  height: 220px;
  display: block;
  border: 1px solid gray;
  overflow: hidden;
  border-radius: 50%;
}
.image-cropper .preview img {
  width: auto;
  height: auto;
  margin: 0;
  padding: 0;
  max-width: inherit !important;
}
.image-cropper .jcrop-holder input {
  display: none !important;
}
.image-cropper .jcrop-holder {
  direction: ltr;
  text-align: left;
  /* IE10 touch compatibility */
  -ms-touch-action: none;
}
body[dir=rtl] .image-cropper .jcrop-holder {
  text-align: right;
}
.image-cropper .jcrop-vline,
.image-cropper .jcrop-hline {
  background: #ffffff url("Jcrop.gif");
  font-size: 0;
  position: absolute;
}
.image-cropper .jcrop-vline {
  height: 100%;
  width: 1px !important;
}
.image-cropper .jcrop-vline.right {
  right: 0;
}
.image-cropper .jcrop-hline {
  height: 1px !important;
  width: 100%;
}
.image-cropper .jcrop-hline.bottom {
  bottom: 0;
}
.image-cropper .jcrop-tracker {
  height: 100%;
  width: 100%;
  /* "turn off" link highlight */
  -webkit-tap-highlight-color: transparent;
  /* disable callout, image save panel */
  -webkit-touch-callout: none;
  /* disable cut copy paste */
  -webkit-user-select: none;
}
.image-cropper .jcrop-handle {
  background-color: #333333;
  border: 1px #eeeeee solid;
  width: 7px;
  height: 7px;
  font-size: 1px;
}
.image-cropper .jcrop-handle.ord-n {
  left: 50%;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.image-cropper .jcrop-handle.ord-s {
  bottom: 0;
  left: 50%;
  margin-bottom: -4px;
  margin-left: -4px;
}
.image-cropper .jcrop-handle.ord-e {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 50%;
}
.image-cropper .jcrop-handle.ord-w {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 50%;
}
.image-cropper .jcrop-handle.ord-nw {
  left: 0;
  margin-left: -4px;
  margin-top: -4px;
  top: 0;
}
.image-cropper .jcrop-handle.ord-ne {
  margin-right: -4px;
  margin-top: -4px;
  right: 0;
  top: 0;
}
.image-cropper .jcrop-handle.ord-se {
  bottom: 0;
  margin-bottom: -4px;
  margin-right: -4px;
  right: 0;
}
.image-cropper .jcrop-handle.ord-sw {
  bottom: 0;
  left: 0;
  margin-bottom: -4px;
  margin-left: -4px;
}
.image-cropper .jcrop-dragbar.ord-n,
.image-cropper .jcrop-dragbar.ord-s {
  height: 7px;
  width: 100%;
}
.image-cropper .jcrop-dragbar.ord-e,
.image-cropper .jcrop-dragbar.ord-w {
  height: 100%;
  width: 7px;
}
.image-cropper .jcrop-dragbar.ord-n {
  margin-top: -4px;
}
.image-cropper .jcrop-dragbar.ord-s {
  bottom: 0;
  margin-bottom: -4px;
}
.image-cropper .jcrop-dragbar.ord-e {
  margin-right: -4px;
  right: 0;
}
.image-cropper .jcrop-dragbar.ord-w {
  margin-left: -4px;
}
.image-cropper .jcrop-light .jcrop-vline,
.image-cropper .jcrop-light .jcrop-hline {
  background: #ffffff;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.image-cropper .jcrop-light .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #000000;
  border-color: #ffffff;
  border-radius: 3px;
}
.image-cropper .jcrop-dark .jcrop-vline,
.image-cropper .jcrop-dark .jcrop-hline {
  background: #000000;
  filter: alpha(opacity=70) !important;
  opacity: 0.7 !important;
}
.image-cropper .jcrop-dark .jcrop-handle {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background-color: #ffffff;
  border-color: #000000;
  border-radius: 3px;
}
.image-cropper .solid-line .jcrop-vline,
.image-cropper .solid-line .jcrop-hline {
  background: #ffffff;
}
.image-cropper .jcrop-holder img,
.image-cropper img.jcrop-preview {
  max-width: none;
}

.image-gallery:not(.page-module) {
  margin: 0 -0.5em;
}
.image-gallery:not(.page-module).masonry-ready .item {
  opacity: 1;
}
.image-gallery:not(.page-module) .item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em;
  float: left;
  color: gray;
  opacity: 0;
  transition: opacity 1s;
}
.image-gallery:not(.page-module) .item#load-more-results {
  margin-top: 5em;
  padding: 7em 0 2em 0;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .image-gallery:not(.page-module) .item {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .image-gallery:not(.page-module) .item {
    width: 33.333332%;
  }
}
@media only screen and (min-width: 1280px) {
  .image-gallery:not(.page-module) .item {
    width: 25%;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 1600px) {
  .image-gallery:not(.page-module) .item {
    width: 20%;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 2000px) {
  .image-gallery:not(.page-module) .item {
    width: 16.6666665%;
  }
}
@media only screen and (min-width: 1280px) and (min-width: 2400px) {
  .image-gallery:not(.page-module) .item {
    width: 12.5%;
  }
}
@media (hover: hover) {
  .image-gallery:not(.page-module) .item:hover {
    color: black;
    text-decoration: none;
  }
  .image-gallery:not(.page-module) .item:hover figure img {
    transform: scale(1.2);
    filter: blur(10px) brightness(0.7);
  }
  .image-gallery:not(.page-module) .item:hover .functions {
    opacity: 1;
    transform: scale(1) translateY(-50%);
  }
}
@media (hover: hover) {
  .image-gallery:not(.page-module) .item.has-caption:hover {
    border-color: black;
  }
}
.image-gallery:not(.page-module) .item.has-caption figure {
  border: solid 1px #dedede;
}
.image-gallery:not(.page-module) .item.has-caption .functions {
  top: calc(50% - 0.75em);
}
.image-gallery:not(.page-module) .item figure {
  overflow: hidden;
  position: relative;
}
.image-gallery:not(.page-module) .item figure .touchevents {
  display: none;
}
.image-gallery:not(.page-module) .item figure .functions {
  position: absolute;
  top: 50%;
  right: 0;
  left: 0;
  margin: 0;
  padding: 10%;
  opacity: 0;
  transform: scale(2) translateY(-25%);
  transform-origin: center;
  transition: all 0.3s;
  height: 70%;
  max-height: 300px;
}
.image-gallery:not(.page-module) .item figure .functions.view {
  max-height: 100%;
  padding: 0;
  height: 100%;
}
.image-gallery:not(.page-module) .item figure .functions.view a,
.image-gallery:not(.page-module) .item figure .functions.view button {
  width: 100%;
  height: 100%;
  cursor: pointer;
}
.image-gallery:not(.page-module) .item figure .functions a,
.image-gallery:not(.page-module) .item figure .functions button {
  float: left;
  width: 33.33333332%;
  height: 50%;
  color: transparent;
  position: relative;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  cursor: default;
  box-shadow: none !important;
}
.image-gallery:not(.page-module) .item figure .functions a:before,
.image-gallery:not(.page-module) .item figure .functions button:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  font-family: fontello;
  font-size: 40px;
  opacity: 0.5;
}
.image-gallery:not(.page-module) .item figure .functions a.active:before,
.image-gallery:not(.page-module) .item figure .functions button.active:before {
  color: #D40E16;
  opacity: 1;
}
@media (hover: hover) {
  .image-gallery:not(.page-module) .item figure .functions a:hover:before,
  .image-gallery:not(.page-module) .item figure .functions button:hover:before {
    opacity: 1;
  }
  .image-gallery:not(.page-module) .item figure .functions a.view:before,
  .image-gallery:not(.page-module) .item figure .functions button.view:before {
    content: "\e8a5";
  }
  .image-gallery:not(.page-module) .item figure .functions a.download:before,
  .image-gallery:not(.page-module) .item figure .functions button.download:before {
    content: "\e809";
  }
  .image-gallery:not(.page-module) .item figure .functions a.basket:before,
  .image-gallery:not(.page-module) .item figure .functions button.basket:before {
    content: "\f291";
  }
  .image-gallery:not(.page-module) .item figure .functions a.info:before,
  .image-gallery:not(.page-module) .item figure .functions button.info:before {
    content: "\e819";
  }
  .image-gallery:not(.page-module) .item figure .functions a.delete:before,
  .image-gallery:not(.page-module) .item figure .functions button.delete:before {
    content: "\f1f8";
  }
  .image-gallery:not(.page-module) .item figure .functions a.favourite:before,
  .image-gallery:not(.page-module) .item figure .functions button.favourite:before {
    content: "\e800";
  }
  .image-gallery:not(.page-module) .item figure .functions a.favourite.active:before,
  .image-gallery:not(.page-module) .item figure .functions button.favourite.active:before {
    content: "\e801";
  }
}
.image-gallery:not(.page-module) .item figure img {
  width: 100%;
  display: block;
  transition: all 1s;
  filter: blur(0px);
  opacity: 1;
  transition: all 0.3s;
}
.image-gallery:not(.page-module) .item figure figcaption {
  font-size: 0.8em;
  line-height: 1.2em;
  padding: 0.4em;
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: white;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

.image-grid {
  --image-grid-gap: 15px;
  margin-top: 2em;
  margin-bottom: 2em;
  display: grid;
  grid-template-columns: repeat(var(--image-grid-columns), 1fr);
  grid-template-rows: auto;
  gap: var(--image-grid-gap);
}
@media only screen and (min-width: 1280px) {
  .image-grid {
    --image-grid-columns: 4;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .image-grid {
    --image-grid-columns: 3;
  }
}
@media only screen and (max-width: 767px) {
  .image-grid {
    --image-grid-columns: 2;
  }
}
.image-grid .item {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
}
.image-grid .item img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
}
.image-grid .icon-zoom-in {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.2);
  color: transparent;
  -webkit-backdrop-filter: blur(0px);
  backdrop-filter: blur(0px);
  opacity: 0;
  transition: 0.5s -webkit-backdrop-filter, 0.5s backdrop-filter;
}
.image-grid .icon-zoom-in:before {
  color: white;
  display: block;
  position: absolute;
  top: 50%;
  transform: scale(1) translateY(-50%);
  text-align: center;
  font-size: 40px;
  width: 100%;
  margin: 0;
  transition: transform 0.4s;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.8);
}
.image-grid .icon-zoom-in:hover {
  text-decoration: none;
  opacity: 1;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
}
.image-grid .icon-zoom-in:hover:before {
  transform: scale(1.1) translateY(-50%);
}

.image-picker {
  position: relative;
}
.image-picker .button-bar {
  border: none !important;
}
.image-picker .image-panel-content {
  height: 440px;
  max-height: calc(100vh - 450px);
  overflow: auto;
  padding: 30px;
  position: relative;
  background-color: #efefef;
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1), inset 0 0 15px rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 10px;
}
.image-picker .image-panel-content.injecting > * {
  opacity: 0.19;
}
.image-picker .image-panel-content.injecting.injecting-after *, .image-picker .image-panel-content.injecting.injecting-content-after * {
  opacity: inherit;
}
.image-picker .image-panel-content.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
.image-picker .image-panel-content .image-panel-upload-form {
  background-color: pink;
}
.image-picker .image-panel-content .image-panel-upload-form .file-upload-button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-picker .image-panel-content .image-panel-upload-form img {
  object-fit: contain;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.image-selector {
  --image-selector-gap: 15px;
  display: grid;
  grid-template-columns: repeat(var(--image-selector-columns), 1fr);
  grid-template-rows: auto;
  gap: var(--image-selector-gap);
}
.image-selector .photo-skimmer {
  overflow: hidden;
  display: grid;
  grid-auto-columns: minmax(0, 1fr);
  grid-auto-flow: column;
  position: relative;
  z-index: 1;
}
.image-selector .photo-skimmer .image {
  width: 100%;
}
.image-selector .photo-skimmer .image img {
  height: 100%;
  width: 100%;
  object-fit: cover;
  float: left;
  border-radius: 8px;
  opacity: 0;
  position: absolute;
  z-index: -1;
  left: 0;
  right: 0;
}
.image-selector .photo-skimmer .image:hover img {
  opacity: 1;
}
.image-selector .photo-skimmer .image:first-child img {
  opacity: 1;
}
@media only screen and (min-width: 1280px) {
  .image-selector {
    --image-selector-columns: 4;
  }
  .image-selector .infinite-scrolling-trigger {
    grid-column: span 4;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .image-selector {
    --image-selector-columns: 3;
  }
  .image-selector .infinite-scrolling-trigger {
    grid-column: span 3;
  }
}
@media only screen and (max-width: 767px) {
  .image-selector {
    --image-selector-columns: 2;
  }
  .image-selector .infinite-scrolling-trigger {
    grid-column: span 2;
  }
}
@media only screen and (min-width: 1280px) {
  .image-selector.col-6 {
    --image-selector-columns: 6;
  }
  .image-selector.col-6 .infinite-scrolling-trigger {
    grid-column: span 6;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .image-selector.col-6 {
    --image-selector-columns: 4;
  }
  .image-selector.col-6 .infinite-scrolling-trigger {
    grid-column: span 4;
  }
}
@media only screen and (max-width: 767px) {
  .image-selector.col-6 {
    --image-selector-columns: 2;
  }
  .image-selector.col-6 .infinite-scrolling-trigger {
    grid-column: span 2;
  }
}
.image-selector.cropping-cover .item.image img {
  object-fit: cover;
}
.image-selector.cropping-contain .item {
  padding: 5px;
}
.image-selector .item {
  display: inline-block;
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
  padding: 0;
  box-sizing: border-box;
  perspective: 100px;
  perspective-origin: bottom;
}
.image-selector .item[href] {
  cursor: pointer;
}
.image-selector .item[data-title]:after,
.image-selector .item figcaption {
  position: absolute;
  padding: 4px 10px;
  text-align: center;
  font-size: 14px;
  line-height: 18px;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 20px;
  transition: all 0.4s;
}
.image-selector .item.collection.empty figure:before {
  content: "\e956";
  font-family: fontello;
  font-size: 50px;
  color: rgba(0, 0, 0, 0.4);
  width: 100%;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  text-align: center;
  transform: translateY(-50%);
}
.image-selector .item.collection figure {
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 4px solid rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 15px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 29px;
  right: 29px;
  bottom: 29px;
  left: 29px;
}
.image-selector .item.collection figure .photo-skimmer {
  width: 100%;
  height: 100%;
  border-radius: 8px;
}
.image-selector .item.collection figure figcaption {
  color: black;
  left: -39px;
  right: -39px;
  bottom: -33px;
}
.image-selector .item:hover figure {
  background-color: rgba(0, 0, 0, 0.05);
}
.image-selector .item[data-title]:after {
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  content: attr(data-title);
  text-shadow: 0 0 4px black;
  color: white;
  opacity: 0;
  transform: translateY(100%);
  transform-origin: center bottom;
  transition: all 0.2s;
  left: 0;
  right: 0;
  bottom: 0;
}
.image-selector .item input {
  display: none;
}
.image-selector .item.image {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  background-color: white;
  overflow: hidden;
}
.image-selector .item.image img {
  display: block;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: contain;
  transition: object-fit 0.4s;
}
.image-selector .item.image.checked, .image-selector .item.image:active {
  box-shadow: inset 0 0 0 5px var(--colour-accent);
}
.image-selector .item.image.checked[data-title]:after {
  background-color: var(--colour-accent);
  text-shadow: none;
}
.image-selector .item:before {
  display: none;
}
.image-selector .item.image:hover, .image-selector .item.checked {
  background-color: white;
}
.image-selector .item.image:hover:after, .image-selector .item.checked:after {
  opacity: 1;
  transform: rotate3d(1, 0, 0, 0deg);
}
.image-selector.titles-visible .item.image:after {
  opacity: 1;
  transform: translateY(0);
}

@media only screen and (min-width: 768px) {
  .image-details-social {
    display: flex;
  }
}
.image-details-social .navigation-buttons .button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 40px;
  color: transparent;
  cursor: default;
}
.image-details-social .navigation-buttons .button:before {
  width: 40px;
  height: 40px;
  line-height: 40px;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.7);
  background: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  color: white;
  text-align: center;
  font-size: 15px;
  font-family: fontello;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.image-details-social .navigation-buttons .button:hover:before {
  background: rgba(0, 0, 0, 0.4);
}
.image-details-social .navigation-buttons .button.previous {
  left: -65px;
}
.image-details-social .navigation-buttons .button.previous:before {
  content: "\e8c6";
}
.image-details-social .navigation-buttons .button.next {
  right: -65px;
}
.image-details-social .navigation-buttons .button.next:before {
  content: " \e888";
}
@media only screen and (max-width: 767px) {
  .image-details-social .navigation-buttons {
    display: none;
  }
}
.image-details-social .image-section {
  text-align: center;
  padding: 10px;
}
@media only screen and (min-width: 768px) {
  .image-details-social .image-section {
    width: 70%;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    box-sizing: border-box;
    background-color: white;
    align-items: center;
  }
  .image-details-social .image-section img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
@media only screen and (max-width: 767px) {
  .image-details-social .image-section img {
    max-width: 100%;
    display: block;
    object-fit: contain;
    max-height: 40vh;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}
.image-details-social .social-section {
  background-color: #efefef;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .image-details-social .social-section .icon-bar {
    margin-bottom: 10px;
    height: 40px;
  }
}
@media only screen and (min-width: 768px) {
  .image-details-social .social-section .icon-bar {
    padding: 20px;
  }
}
.image-details-social .social-section .icon-bar .icon {
  width: 40px;
  height: 40px;
  border-radius: 10px;
  color: transparent;
  background-color: transparent;
  float: left;
  cursor: default;
  margin-right: 10px;
}
.image-details-social .social-section .icon-bar .icon:hover:before {
  color: black;
}
.image-details-social .social-section .icon-bar .icon:before {
  font-family: fontello;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 26px;
  line-height: 40px;
  color: #666;
  margin: 0;
}
.image-details-social .social-section .icon-bar .icon:hover:before {
  color: black;
}
.image-details-social .social-section .icon-bar .icon.active:before {
  color: var(--colour-accent);
}
.image-details-social .social-section .icon-bar .icon.more:before {
  content: "\e865";
  line-height: 42px;
}
.image-details-social .social-section .icon-bar .icon.more.tooltip-active-click {
  background-color: var(--colour-accent);
}
.image-details-social .social-section .icon-bar .icon.more.tooltip-active-click:before {
  color: white;
}
.image-details-social .social-section .icon-bar .icon.close-panel {
  float: right;
  margin-left: 10px;
  margin-right: 0;
}
.image-details-social .social-section .icon-bar .icon.close-panel:before {
  background-color: rgba(0, 0, 0, 0.2);
  content: "\e899";
}
.image-details-social .social-section .title-group {
  clear: both;
  margin-bottom: 40px;
  margin-top: 10px;
}
.image-details-social .social-section .title-group .flex-area {
  position: relative;
  display: block;
}
.image-details-social .social-section .title-group .flex-area.title, .image-details-social .social-section .title-group .flex-area.title textarea {
  font-size: 40px;
  font-weight: bold;
  line-height: 42px;
  min-height: 42px;
  margin-bottom: 10px;
}
.image-details-social .social-section .title-group .flex-area.summary, .image-details-social .social-section .title-group .flex-area.summary textarea {
  font-size: 24px;
  line-height: 30px;
  min-height: 30px;
  margin-bottom: 10px;
}
.image-details-social .social-section .title-group .flex-area:before {
  content: attr(data-value);
  white-space: pre-wrap;
  color: transparent;
}
.image-details-social .social-section .title-group .flex-area textarea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 !important;
  padding: 0;
  background-color: transparent !important;
  color: black;
  resize: none;
  overflow: hidden;
  white-space: pre-wrap;
  border-radius: 0;
  box-shadow: none !important;
}
.image-details-social .social-section .title-group .flex-area textarea:not([disabled]):active, .image-details-social .social-section .title-group .flex-area textarea:not([disabled]):focus, .image-details-social .social-section .title-group .flex-area textarea:not([disabled]):hover {
  box-shadow: none;
  outline: 2px lightblue solid;
  outline-offset: 4px;
}
@media only screen and (max-width: 767px) {
  .image-details-social .social-section {
    padding: 15px;
  }
}
@media only screen and (min-width: 768px) {
  .image-details-social .social-section {
    width: 30%;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .image-details-social .social-section .image-details-content {
    position: absolute;
    top: 80px;
    right: 0;
    left: 0;
    bottom: 0;
    padding: 0 20px 20px;
    overflow: auto;
  }
  .image-details-social .social-section .image-details-content .update-social {
    margin-top: 30px;
    position: sticky;
    bottom: 0;
    background-color: #efefef;
    box-shadow: 0 20px 0 0px #efefef, 0 -20px 20px #efefef, 0 -5px 5px #efefef;
  }
}

.image-shopping-basket {
  margin: 0 -0.5em;
}
.image-shopping-basket .button-bar {
  padding: 0.5em;
}
.image-shopping-basket label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 20%;
  padding: 0.5em;
  float: left;
  text-align: center;
}
.image-shopping-basket label.unchecked figure img {
  opacity: 0.2;
}
.image-shopping-basket label figure {
  border: solid 1px #dedede;
  overflow: hidden;
  position: relative;
}
.image-shopping-basket label figure img {
  display: block;
  width: 100%;
}
.image-shopping-basket label figure figcaption {
  padding: 0.4em 1.8em;
  font-size: 0.8em;
  line-height: 1.2em;
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: white;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.image-shopping-basket label:before {
  margin-left: 0 !important;
  position: absolute !important;
  bottom: 0.8em !important;
  left: 1em !important;
  top: auto !important;
  float: none !important;
  z-index: 2;
  height: 1em;
  line-height: 1em;
}
.image-shopping-basket label img {
  width: 100%;
  border: 1px #dedede solid;
}

.image-uploader {
  position: relative;
  overflow: hidden;
  min-height: 1.4em;
}
.image-uploader:before {
  top: 0;
  bottom: 0;
  display: block;
  content: " ";
  background-color: #efefef;
  position: absolute;
  z-index: 0;
}
.image-uploader:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -1em 0 0 -1em;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2em;
  display: block;
  content: "\e89f";
  font-family: fontello;
  z-index: 0;
  font-size: 2em;
}
.image-uploader.columns:before {
  left: 27px;
  right: 27px;
}
.image-uploader .upload-button {
  font-family: "Roboto", sans-serif;
  margin: 0;
  border: none;
  cursor: default;
  border-radius: 10px;
  background-image: none;
  text-decoration: none;
  line-height: var(--pat-button-height);
  white-space: nowrap;
  display: inline-block;
  padding: var(--pat-button-paddings);
  font-size: 1em;
  vertical-align: text-bottom;
  font-weight: var(--pat-button-font-weight);
  box-shadow: none;
  color: #009ee2;
  background-color: rgba(0, 0, 0, 0.08);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  position: absolute;
  z-index: 1;
  left: 50%;
  left: 17%;
  right: 17%;
  top: 0.1em;
  line-height: 24px;
  text-align: center;
  text-overflow: ellipsis;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.image-uploader .upload-button:before {
  line-height: inherit;
}
.image-uploader .upload-button:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.image-uploader .upload-button:hover {
  color: color-mix(in lch, colour-link, black 90%);
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: color-mix(in lch, colour-link, black 90%);
}
.image-uploader .upload-button.default {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.image-uploader .upload-button.default:hover {
  background-color: #009ee2;
  color: white;
}
.image-uploader .upload-button[disabled], .image-uploader .upload-button.disabled, .image-uploader .upload-button:is(a):not([href]), .image-uploader .upload-button.default[disabled], .image-uploader .upload-button.default.disabled, .image-uploader .upload-button:is(a).default:not([href]) {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
.image-uploader .upload-button[disabled]:hover, .image-uploader .upload-button.disabled:hover, .image-uploader .upload-button:is(a):not([href]):hover, .image-uploader .upload-button.default[disabled]:hover, .image-uploader .upload-button.default.disabled:hover, .image-uploader .upload-button:is(a).default:not([href]):hover {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
@media print {
  .image-uploader .upload-button {
    display: none;
  }
}
.image-uploader .upload-button.small {
  font-size: 15px;
  padding: 0 12px;
  height: 22px;
  line-height: 20px;
  vertical-align: baseline;
  box-shadow: none;
  font-weight: 600;
}
.image-uploader .upload-button.small:before {
  font-size: 15px;
}
.image-uploader .upload-button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.image-uploader .upload-button.iconified {
  width: 30px;
  padding: 0;
}
.image-uploader .upload-button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: 35px;
}
.image-uploader .upload-button.link {
  padding: 0;
  display: inline;
  background: none;
  color: #009ee2;
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.image-uploader .upload-button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: black;
}
.image-uploader .upload-button.no-label {
  padding: 0;
  aspect-ratio: 1/1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.image-uploader .upload-button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.image-uploader .upload-button:before {
  font-weight: normal;
  margin-right: 5px;
}
.image-uploader .upload-button.add:before {
  font-family: fontello;
  content: "\e825";
}
.image-uploader input[type=file] {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
  z-index: 1;
}
.image-uploader img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  float: left;
  position: relative;
  z-index: 1;
}
.image-uploader img + .upload-button {
  color: white;
  border: 1px solid rgba(255, 255, 255, 0.7);
  background: rgba(0, 0, 0, 0.6);
}

.infinite-scrolling-trigger {
  display: block;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  position: relative;
  color: rgba(0, 0, 0, 0.6);
  padding-top: 185px;
  height: 450px;
  box-sizing: border-box;
  clear: both;
  text-decoration: none !important;
  cursor: default;
}
.infinite-scrolling-trigger:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  top: 150px;
  color: rgba(0, 0, 0, 0.5);
}

:root {
  --sortable-items-list-vertical-spacing: 12px;
  --sortable-items-list-bar-thickness: 3px;
  --sortable-items-list-paddings: 10px;
}

.sortable-items-list {
  counter-reset: agenda;
}
.sortable-items-list.images .sortable-item {
  grid-template-columns: 20% 80%;
  display: grid;
  grid-gap: var(--sortable-items-list-paddings);
}
.sortable-items-list .sortable-item {
  counter-increment: agenda;
  position: relative;
  margin: 0;
  padding-right: var(--sortable-items-list-paddings);
  padding-left: calc(var(--sortable-items-list-paddings) + 34px);
  padding-bottom: calc(0.5 * var(--sortable-items-list-vertical-spacing) + var(--sortable-items-list-paddings));
  padding-top: calc(0.5 * var(--sortable-items-list-vertical-spacing) + var(--sortable-items-list-paddings));
  background-color: transparent;
}
.sortable-items-list .sortable-item > .label {
  position: relative;
  z-index: 1;
  -webkit-user-select: text;
  user-select: text;
}
.sortable-items-list .sortable-item:after {
  content: " ";
  display: block;
  position: absolute;
  top: calc(0.5 * var(--sortable-items-list-vertical-spacing));
  bottom: calc(0.5 * var(--sortable-items-list-vertical-spacing));
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
.sortable-items-list .sortable-item .attached-documents .attachment-list {
  background: transparent !important;
  margin: 0 !important;
  padding: 10px 0 !important;
  font-size: 0.8em;
  padding-top: 0.5em;
  position: relative;
  z-index: 1;
}
.sortable-items-list .sortable-item .attached-documents .attachment-list .attached-file {
  margin-bottom: 0;
}
.sortable-items-list .sortable-item .attached-documents .attachment-list .attached-file .label {
  -webkit-user-select: text;
  user-select: text;
}
.sortable-items-list .sortable-item .attached-documents .attachment-list .meta {
  top: 0.3em;
}
.sortable-items-list .sortable-item .attached-documents .attachment-list:before {
  display: none;
}
.sortable-items-list .sortable-item .attached-documents .button-bar {
  padding-top: var(--sortable-items-list-vertical-spacing);
  margin: 0;
}
.sortable-items-list .sortable-item .meta {
  display: inline-block;
  font-size: 0.7em;
  padding: 0 0 0 0.5em;
  line-height: 130%;
  top: -0.1em;
  position: relative;
}
.sortable-items-list .sortable-item .meta .label {
  border-radius: 1em;
  padding: 0 0.8em;
  color: rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.09);
  font-style: normal;
  text-decoration: none;
  color: black;
  display: inline-block;
}
.sortable-items-list .sortable-item .meta .label:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 0.5em;
}
.sortable-items-list .sortable-item .meta .label.publication-state:before {
  content: "\e882";
}
.sortable-items-list .sortable-item .meta .label.case-type:before {
  content: "\e880";
}
.sortable-items-list .sortable-item .meta .label.department:before {
  content: "\e86e";
}
.sortable-items-list .sortable-item .meta .label.annotated {
  background: #fdfdc8;
  border-radius: 0.1em;
}
.sortable-items-list .sortable-item .meta .label.annotated:before {
  content: "\e92a";
}
.sortable-items-list .sortable-item .summary {
  font-size: 0.8em;
  color: #666;
  line-height: 130%;
  margin: 6px 0 0 0;
  -webkit-user-select: text;
  user-select: text;
}
.sortable-items-list .sortable-item.drop-target-above {
  box-shadow: inset 0 calc(0.5 * var(--sortable-items-list-bar-thickness)) 0 0 var(--colour-accent), 0 calc(-0.5 * var(--sortable-items-list-bar-thickness)) 0 0 var(--colour-accent);
}
.sortable-items-list .sortable-item.drop-target-below {
  box-shadow: inset 0 calc(-0.5 * var(--sortable-items-list-bar-thickness)) 0 0 var(--colour-accent), 0 calc(0.5 * var(--sortable-items-list-bar-thickness)) 0 0 var(--colour-accent);
}
.sortable-items-list .sortable-item .thumbnail {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: calc(0.8 * 10px);
}
.sortable-items-list .sortable-item .additional-icons {
  position: absolute;
  left: 0;
  bottom: calc(0.5 * var(--sortable-items-list-vertical-spacing));
  width: 35px;
  display: none;
  z-index: 2;
}
.sortable-items-list .sortable-item .additional-icons .button-remove {
  width: 100%;
  height: 34px;
  color: transparent;
  overflow: hidden;
  background-color: transparent;
  cursor: default;
}
.sortable-items-list .sortable-item .additional-icons .button-remove:before {
  font-family: fontello;
  width: 100%;
  height: 100%;
  line-height: 33px;
  content: "\f1f8";
  color: white;
  font-size: 18px;
  text-align: center;
  display: block;
}
.sortable-items-list .sortable-item:hover .additional-icons {
  display: inline-block;
}
.sortable-items-list .sortable-item:hover .additional-icons .button {
  opacity: 0.7;
}
.sortable-items-list .sortable-item:hover .additional-icons .button:hover {
  opacity: 1;
}
.sortable-items-list .sortable-item > input,
.sortable-items-list .sortable-item > textarea {
  margin: calc(-1 * var(--sortable-items-list-paddings)) calc(-1 * var(--sortable-items-list-paddings)) calc(-1 * var(--sortable-items-list-paddings)) calc(-1 * var(--sortable-items-list-paddings));
  width: calc(100% - var(--sortable-items-list-paddings));
  box-sizing: content-box;
  padding: var(--sortable-items-list-paddings);
  background: transparent;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
  position: relative;
  z-index: 1;
  display: block;
}
.sortable-items-list .sortable-item > textarea {
  resize: vertical;
  min-height: 80px;
}
.sortable-items-list .sortable-item:before,
.sortable-items-list .sortable-item .sortable-handle {
  content: counter(agenda);
  line-height: 1.55em;
  text-align: center;
  color: white;
  display: block;
  position: absolute;
  left: 0;
  top: calc(0.5 * var(--sortable-items-list-vertical-spacing));
  bottom: calc(0.5 * var(--sortable-items-list-vertical-spacing));
  width: 34px;
  background: var(--colour-accent);
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
  border: var(--sortable-items-list-border-thickness) solid var(--colour-accent);
}
@media print {
  .sortable-items-list .sortable-item:before,
  .sortable-items-list .sortable-item .sortable-handle {
    background: transparent;
    width: 1em;
    text-align: left;
    color: black;
  }
  body[dir=rtl] .sortable-items-list .sortable-item:before,
  body[dir=rtl] .sortable-items-list .sortable-item .sortable-handle {
    text-align: right;
  }
}
.sortable-items-list .sortable-item .button-cluster {
  display: none;
}
.sortable-items-list .sortable-item .sortable-handle {
  opacity: 0;
  text-indent: -10em;
  background: var(--colour-accent);
  color: transparent;
  z-index: 1;
}
.sortable-items-list .sortable-item .sortable-handle:before {
  color: white;
  content: "\e876";
  display: block;
  font-family: fontello;
  text-indent: 0.1em;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 2.1em;
  height: 33px;
  overflow: hidden;
  text-align: center;
  font-size: 0.8em;
}
.sortable-items-list .sortable-item:hover .sortable-handle {
  opacity: 1;
  cursor: move;
}
.sortable-items-list .sortable-item:hover .sortable-handle:hover {
  text-decoration: none;
}
.sortable-items-list + .button-bar {
  margin-bottom: 0;
  padding-bottom: 0;
  padding-top: var(--sortable-items-list-vertical-spacing);
}

:root {
  --pat-button-height: 35px;
  --item-selector-search-box-height: var(--pat-button-height);
  --item-selector-padding-top: 0;
  --item-selector-padding-bottom: 0;
  --item-selector-hover-colour: #efefef;
  --item-selector-batch-button-height: 28px;
}

.item-selector .pasting-message {
  display: none;
  animation: bounceIn 0.5s;
}
.item-selector .action-in-progress:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
.item-selector .action-in-progress .pasting-message {
  display: block;
}
.item-selector .action-in-progress .item,
.item-selector .action-in-progress .batch-functions,
.item-selector .action-in-progress ~ .upload-form {
  opacity: 0.5;
  -webkit-pointer-events: none;
  pointer-events: none;
  filter: blur(2px);
}
.item-selector .action-in-progress .batch-functions button,
.item-selector .action-in-progress .batch-functions .pat-collapsible {
  -webkit-pointer-events: none;
  pointer-events: none;
  right: 0;
  left: inherit;
}
.batch-functions .item-selector {
  right: 0;
  left: auto;
}
.item-selector.titles-multi-line .search-result .item .title {
  white-space: normal;
}
.item-selector br {
  display: none;
}
.item-selector .pat-collapsible > *:first-child:before {
  display: none;
}
.item-selector .functions .quick-functions {
  right: 6%;
}
.item-selector .batch-functions {
  height: 4.5em;
  padding: 0;
  transition: all 0.4s;
  opacity: 1;
  z-index: 9;
}
.item-selector .batch-functions .button-bar {
  margin: 0;
  padding: 0;
  height: 34px;
  gap: 5px;
}
.item-selector .batch-functions .button-bar .button-cluster {
  position: relative;
  z-index: 1;
  margin: 0;
}
.item-selector .batch-functions .button-bar > button,
.item-selector .batch-functions .button-bar > .button,
.item-selector .batch-functions .button-bar > .pat-button,
.item-selector .batch-functions .button-bar .button-cluster > button,
.item-selector .batch-functions .button-bar .button-cluster > .button,
.item-selector .batch-functions .button-bar .button-cluster > .pat-button {
  margin-bottom: 0.6em;
  margin-right: 0;
  text-overflow: inherit;
  line-height: var(--item-selector-batch-button-height);
  height: var(--item-selector-batch-button-height);
  color: rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0.08);
}
.item-selector .batch-functions .button-bar > button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover,
.item-selector .batch-functions .button-bar > .button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover,
.item-selector .batch-functions .button-bar > .pat-button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover,
.item-selector .batch-functions .button-bar .button-cluster > button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover,
.item-selector .batch-functions .button-bar .button-cluster > .button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover,
.item-selector .batch-functions .button-bar .button-cluster > .pat-button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover {
  background-color: rgba(0, 0, 0, 0.12);
  color: black;
}
.item-selector .batch-functions .button-bar > button:before,
.item-selector .batch-functions .button-bar > .button:before,
.item-selector .batch-functions .button-bar > .pat-button:before,
.item-selector .batch-functions .button-bar .button-cluster > button:before,
.item-selector .batch-functions .button-bar .button-cluster > .button:before,
.item-selector .batch-functions .button-bar .button-cluster > .pat-button:before {
  line-height: var(--item-selector-batch-button-height);
  height: var(--item-selector-batch-button-height);
}
.item-selector .batch-functions .button-bar > button.no-label,
.item-selector .batch-functions .button-bar > .button.no-label,
.item-selector .batch-functions .button-bar > .pat-button.no-label,
.item-selector .batch-functions .button-bar .button-cluster > button.no-label,
.item-selector .batch-functions .button-bar .button-cluster > .button.no-label,
.item-selector .batch-functions .button-bar .button-cluster > .pat-button.no-label {
  width: 40px;
}
.item-selector .batch-functions .pat-context-menu .context-menu-label {
  width: 40px;
  line-height: var(--item-selector-batch-button-height);
  height: var(--item-selector-batch-button-height);
  color: rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0.08);
}
.item-selector .batch-functions .pat-context-menu .context-menu-label:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover {
  background-color: rgba(0, 0, 0, 0.12);
  color: black;
}
.item-selector .batch-functions .pat-context-menu .context-menu-label.collapsible-closed:hover {
  color: black !important;
}
.item-selector .batch-functions .pat-context-menu .context-menu-label.collapsible-open {
  background: var(--colour-accent);
}
.item-selector .batch-functions .pat-context-menu .context-menu-label.collapsible-open:before {
  color: white;
}
.item-selector .batch-functions .pat-context-menu .context-menu-label:before {
  width: 100%;
  line-height: var(--item-selector-batch-button-height);
  height: var(--item-selector-batch-button-height);
}
.item-selector .batch-functions .pat-context-menu .context-menu-label:after {
  display: none;
}
.item-selector .batch-functions .pat-context-menu .panel-content {
  right: 0;
  left: auto;
}
.item-selector .search-box {
  position: relative;
  margin-bottom: 1.5em;
}
.item-selector .search-box label {
  position: relative;
}
.item-selector .search-box label input[type=search] {
  line-height: var(--item-selector-search-box-height);
  height: var(--item-selector-search-box-height);
  padding-top: var(--item-selector-padding-top);
  padding-bottom: var(--item-selector-padding-bottom);
}
.item-selector .search-box label button {
  display: none;
}
.item-selector .search-result {
  margin-bottom: 1rem;
}
.item-selector .search-result .pat-checklist label {
  padding-left: 0;
  grid-template-columns: 0 auto;
  min-width: 0;
}
.item-selector .search-result .pat-checklist label input[type=checkbox] {
  opacity: 0;
  position: absolute;
  left: 0;
}
.item-selector .search-result .folder-intro,
.item-selector .search-result .introduction {
  margin-bottom: 1.5em;
  position: relative;
  clear: both;
}
.item-selector .search-result .folder-intro .folder-title,
.item-selector .search-result .folder-intro .title,
.item-selector .search-result .introduction .folder-title,
.item-selector .search-result .introduction .title {
  font-size: 1.2em;
  margin-bottom: 0.2em;
  padding-right: 2.5em;
  margin-top: 0.2em;
}
.item-selector .search-result .folder-intro .folder-title em.highlight,
.item-selector .search-result .folder-intro .title em.highlight,
.item-selector .search-result .introduction .folder-title em.highlight,
.item-selector .search-result .introduction .title em.highlight {
  background-color: var(--colour-accent);
  border-radius: 10px;
  display: inline-block;
  padding: 0 0.25em;
  color: white;
  font-style: normal;
}
.item-selector .search-result .folder-intro .folder-title .pat-button.float-after,
.item-selector .search-result .folder-intro .title .pat-button.float-after,
.item-selector .search-result .introduction .folder-title .pat-button.float-after,
.item-selector .search-result .introduction .title .pat-button.float-after {
  margin: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.item-selector .search-result .folder-intro .folder-title .icon-ellipsis,
.item-selector .search-result .folder-intro .title .icon-ellipsis,
.item-selector .search-result .introduction .folder-title .icon-ellipsis,
.item-selector .search-result .introduction .title .icon-ellipsis {
  color: black;
  position: absolute;
  right: 0;
  top: 0.2em;
  font-size: 1.2em;
}
.item-selector .search-result .folder-intro .icon-info-circle,
.item-selector .search-result .introduction .icon-info-circle {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  color: transparent;
  cursor: pointer;
}
.item-selector .search-result .folder-intro .icon-info-circle:before,
.item-selector .search-result .introduction .icon-info-circle:before {
  position: absolute;
  right: 0.35em;
  top: 50%;
  margin-top: -0.4em;
  color: #009ee2;
}
.item-selector .search-result .folder-intro .group-badge,
.item-selector .search-result .introduction .group-badge {
  border-radius: 10px;
  height: 44px;
  width: 44px;
  position: absolute;
  left: 5px;
  top: 0;
  object-fit: cover;
}
.item-selector .search-result .folder-intro .avatar,
.item-selector .search-result .introduction .avatar {
  font-size: 15px;
  border-radius: 50%;
  height: 44px;
  width: 44px;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
}
.item-selector .search-result .folder-intro .folder-description,
.item-selector .search-result .folder-intro .description,
.item-selector .search-result .introduction .folder-description,
.item-selector .search-result .introduction .description {
  color: rgba(0, 0, 0, 0.61);
  font-style: normal;
  padding-right: 2.5em;
  line-height: 1.3;
}
.item-selector .search-result .folder-intro.has-description,
.item-selector .search-result .introduction.has-description {
  padding-left: 57px;
}
.item-selector .search-result .folder-intro.has-description:before,
.item-selector .search-result .introduction.has-description:before {
  position: absolute;
  top: 0;
  left: 0.07em;
  font-family: fontello;
  box-sizing: border-box;
  text-align: center;
  line-height: 1.5em;
  font-size: 2.2em;
  width: 45px;
  height: 45px;
  border-radius: 10px;
}
.item-selector .search-result .folder-intro.has-description.folder-intro:before,
.item-selector .search-result .introduction.has-description.folder-intro:before {
  content: "📁";
}
.item-selector .search-result .folder-intro.has-description.tag-intro:before,
.item-selector .search-result .introduction.has-description.tag-intro:before {
  content: "\e70c";
}
.item-selector .search-result .folder-intro.has-description.division-intro:before,
.item-selector .search-result .introduction.has-description.division-intro:before {
  content: "\e923";
}
.item-selector .search-result .folder-intro.has-description.group-intro:before,
.item-selector .search-result .introduction.has-description.group-intro:before {
  content: "\e8fb";
}
.item-selector .search-result .folder-intro.has-description.emergency-services-intro:before,
.item-selector .search-result .introduction.has-description.emergency-services-intro:before {
  content: "\e936";
  background-color: rgba(255, 0, 0, 0.1);
  color: black;
  font-size: 26px;
  border: 2px solid red;
  left: 3px;
}
.item-selector .search-result .folder-intro.has-description.register-intro:before,
.item-selector .search-result .introduction.has-description.register-intro:before {
  content: "\e80f";
}
.item-selector .search-result .folder-intro .folder-infographic,
.item-selector .search-result .introduction .folder-infographic {
  position: relative;
  overflow: hidden;
}
.item-selector .search-result .folder-intro .folder-infographic img,
.item-selector .search-result .folder-intro .folder-infographic svg,
.item-selector .search-result .introduction .folder-infographic img,
.item-selector .search-result .introduction .folder-infographic svg {
  width: 100%;
  border-radius: 10px;
  box-sizing: border-box;
  border: solid 1px #efefef;
  float: left;
}
.item-selector .search-result .folder-intro .folder-infographic:hover .icon,
.item-selector .search-result .introduction .folder-infographic:hover .icon {
  opacity: 1;
}
.item-selector .search-result .folder-intro .folder-infographic .icon,
.item-selector .search-result .introduction .folder-infographic .icon {
  position: absolute;
  opacity: 0.5;
  bottom: 6px;
  right: 6px;
  background: rgba(0, 0, 0, 0.3);
  color: transparent;
  height: 32px;
  width: 32px;
  border-radius: 9.5px;
  overflow: hidden;
}
.item-selector .search-result .folder-intro .folder-infographic .icon:hover,
.item-selector .search-result .introduction .folder-infographic .icon:hover {
  background: rgba(0, 0, 0, 0.5);
  text-decoration: none;
}
.item-selector .search-result .folder-intro .folder-infographic .icon:before,
.item-selector .search-result .introduction .folder-infographic .icon:before {
  width: 100%;
  height: 100%;
  text-align: center;
  color: white;
  display: block;
  line-height: 29px;
  margin: 0;
}
.item-selector .search-result .item {
  margin-bottom: -1px;
  display: block;
  position: relative;
  color: black;
  -webkit-user-select: none;
  user-select: none;
  padding: 0;
  overflow: hidden;
  clear: both;
  border-radius: 10px;
  transition: 0.4s padding-left;
  will-change: transform;
}
.item-selector .search-result .item.active {
  background-color: var(--colour-accent);
}
.item-selector .search-result .item.active .follow,
.item-selector .search-result .item.active .byline {
  color: white;
  cursor: default;
}
.item-selector .search-result .item:has(.label) .follow {
  padding-right: 30%;
}
.item-selector .search-result .item:has(.label) .label {
  position: absolute;
  right: 0;
  z-index: 0;
  display: inline-block;
  width: 28%;
  top: 50%;
  transform: translateY(-50%);
  text-align: center;
  background-color: orange;
  border-radius: 1em;
  color: #664200;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.15rem 0.4rem;
  cursor: default;
  line-height: 20px;
  margin: 0;
  box-sizing: border-box;
}
@media (hover: hover) {
  .item-selector .search-result .item:has(.label) .label:hover {
    text-decoration: none;
    background-color: #cc8400;
  }
}
.item-selector .search-result .item.open, .item-selector .search-result .item.closed.in-progress {
  z-index: 1;
  overflow: visible;
}
.item-selector .search-result .item .options.panel-content {
  position: absolute;
  top: 50%;
  margin-top: -23px;
  right: -15px;
  background: white;
  padding: 1.5em;
  padding-top: 3em;
  z-index: 1;
  border: silver 1px solid;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  min-width: 80%;
}
.sidebar-large .item-selector .search-result .item .options.panel-content {
  min-width: 220px;
}
.item-selector .search-result .item .options.panel-content .menu {
  margin: 0 0 1em 0;
}
.item-selector .search-result .item .options.panel-content .menu:last-child {
  margin: 0;
}
.item-selector .search-result .item.group .follow {
  padding-right: 1.5em;
}
.item-selector .search-result .item .alert-badge {
  overflow: hidden;
  text-decoration: none;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 10px;
  border-style: none;
  background-image: none;
  filter: none !important;
  outline: none !important;
  width: 1.3em;
  cursor: default;
  text-overflow: initial !important;
  position: absolute;
  right: 0.6em;
  top: 50%;
  margin-top: -0.5em;
  text-indent: -1000px;
  line-height: 1.4em;
  z-index: 2;
  font-style: normal;
  transition: right 0.2s;
}
.item-selector .search-result .item .alert-badge:active {
  box-shadow: none;
}
.item-selector .search-result .item .alert-badge:hover {
  text-decoration: none;
}
.item-selector .search-result .item .alert-badge:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
.item-selector .search-result .item .alert-badge:before {
  position: absolute;
  top: 0;
  left: 0;
  font-family: fontello;
  text-indent: 0;
}
.item-selector .search-result .item .alert-badge.warning:before {
  content: "\e80c";
  color: orange;
}
.item-selector .search-result .item .follow {
  display: block;
  width: 100%;
  color: black;
  padding: 6px 0 6px 57px;
  line-height: 22px;
  position: relative;
  z-index: -1;
  float: left;
  border-radius: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.item-selector .search-result .item .follow.active {
  background-color: var(--colour-accent);
  color: white;
}
.item-selector .search-result .item .follow:hover {
  text-decoration: none;
}
.item-selector .search-result .item.user-group .follow:before {
  font-family: fontello;
  content: "\e8fb";
  text-align: center;
  line-height: 44px;
  font-size: 1.3em;
  height: 44px;
  width: 44px;
  border: none;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.item-selector .search-result .item.workspace .follow:before {
  font-family: fontello;
  content: "\e94a";
  text-align: center;
  line-height: 44px;
  font-size: 1.3em;
  height: 44px;
  width: 44px;
  border: none;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.item-selector .search-result .item.division .follow:before {
  font-family: fontello;
  content: "\e923";
  text-align: center;
  line-height: 44px;
  font-size: 1.3em;
  height: 44px;
  width: 44px;
  border: none;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.item-selector .search-result .item.emergency-services .follow:before {
  font-family: fontello;
  content: "\e936";
  text-align: center;
  line-height: 39px;
  font-size: 1.5em;
  height: 44px;
  width: 44px;
  border: none;
  border-radius: 10px;
  background-color: rgba(255, 0, 0, 0.1);
  color: black;
  border: 2px solid red;
}
.item-selector .search-result .item.emergency-services .follow.current:before {
  background-color: rgba(0, 0, 0, 0.1);
  border-color: white;
  color: white;
}
.item-selector .search-result .item.bookmarked .follow:before {
  font-family: fontello;
  content: "\e851";
  text-align: center;
  line-height: 44px;
  font-size: 1.2em;
  height: 44px;
  width: 44px;
  border: none;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.item-selector .search-result .item.following .follow:before {
  font-family: fontello;
  content: "\e924";
  text-align: center;
  line-height: 44px;
  font-size: 1.5em;
  height: 44px;
  width: 44px;
  border: none;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.item-selector .search-result .item.family .follow:before {
  font-family: fontello;
  content: "\e897";
  text-align: center;
  line-height: 44px;
  font-size: 1.2em;
  height: 44px;
  width: 44px;
  border: none;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.item-selector .search-result .item.map .follow:before {
  font-family: fontello;
  content: "\f279";
  text-align: center;
  line-height: 44px;
  font-size: 1.2em;
  height: 44px;
  width: 44px;
  border: none;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.item-selector .search-result .item.new-born .follow:before {
  font-family: fontello;
  content: "\e95f";
  text-align: center;
  line-height: 44px;
  font-size: 1.2em;
  height: 44px;
  width: 44px;
  border: none;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.item-selector .search-result .item.deceased-jewish .follow:before {
  font-family: fontello;
  content: "\e833";
  text-align: center;
  line-height: 44px;
  font-size: 1.2em;
  height: 44px;
  width: 44px;
  border: none;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.item-selector .search-result .item.deceased-christian .follow:before {
  font-family: fontello;
  content: "\e835";
  text-align: center;
  line-height: 44px;
  font-size: 1.2em;
  height: 44px;
  width: 44px;
  border: none;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.item-selector .search-result .item.all-users .follow:before {
  font-family: fontello;
  content: "\e939";
  text-align: center;
  line-height: 44px;
  font-size: 1.4em;
  height: 44px;
  width: 44px;
  border: none;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.item-selector .search-result .item.all-contacts .follow:before {
  font-family: fontello;
  content: "\e816";
  text-align: center;
  line-height: 45px;
  font-size: 1.52em;
  height: 44px;
  width: 44px;
  border: none;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.item-selector .search-result .item.emergency-service .follow:before {
  font-family: fontello;
  text-align: center;
  line-height: 44px;
  font-size: 1.5em;
  height: 44px;
  width: 52px;
  left: 0;
  border: none;
  border-radius: 50%;
  color: black;
}
.item-selector .search-result .item.group.type-folder .follow, .item-selector .search-result .item.group.division .follow, .item-selector .search-result .item.group.type-trash .follow {
  padding-right: 35px;
}
.item-selector .search-result .item.group.type-folder:after, .item-selector .search-result .item.group.division:after, .item-selector .search-result .item.group.type-trash:after {
  font-family: fontello;
  content: "\e8c4";
  position: absolute;
  right: 1em;
  top: 50%;
  transform: translateY(-50%);
  transition: 0.4s all;
}
.item-selector .search-result .item .avatar,
.item-selector .search-result .item .follow:before {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  height: 44px;
  width: 44px;
}
.item-selector .search-result .item .group-badge {
  border-radius: 10px;
  height: 44px;
  width: 44px;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  object-fit: cover;
}
.item-selector .search-result .item .division-badge {
  border-radius: 0;
  height: 3.1em;
  width: 3.1em;
  position: absolute;
  left: 5px;
  top: 50%;
  transform: translateY(-50%);
  border: none;
}
.item-selector .search-result .item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.item-selector .search-result .item .title .icon-archive,
.item-selector .search-result .item .title .icon-trash {
  position: absolute;
  right: 0;
  top: 0.7em;
}
.item-selector .search-result .item .title .alias-symbol {
  color: transparent;
  width: 16px;
  height: 16px;
  line-height: 16px;
  overflow: hidden;
  left: 1.1em;
  position: absolute;
  top: 50%;
  margin-top: -2px;
}
.item-selector .search-result .item .title .alias-symbol:before {
  font-family: fontello;
  color: black;
  content: "\e932";
  text-shadow: 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white, 0 0 3px white;
  display: block;
  width: 16px;
}
.item-selector .search-result .item .title em.highlight {
  background-color: var(--colour-accent);
  border-radius: 0.2em;
  display: inline-block;
  padding: 0 0.25em;
  color: white;
  font-style: normal;
}
.item-selector .search-result .item .title:before {
  font-family: fontello;
  font-size: 24px;
  left: 5px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 10px;
  position: absolute;
  top: 50%;
  font-weight: normal;
  -webkit-transition: 0.4s left;
  transition: 0.4s left;
  transform: translateY(-50%);
}
.item-selector .search-result .item .thumbnail {
  left: 5px;
  width: 44px;
  height: 44px;
  line-height: 44px;
  text-align: center;
  border-radius: 8px;
  position: absolute;
  top: 50%;
  -webkit-transition: 0.4s left;
  transition: 0.4s left;
  transform: translateY(-50%);
  -webkit-object-fit: cover;
  object-fit: cover;
  z-index: 1;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.item-selector .search-result .item.has-no-description a.follow {
  padding-top: 1.1em;
  padding-bottom: 1.1em;
}
.item-selector .search-result .item.type-folder .title:before {
  content: "📁";
}
.item-selector .search-result .item.trashed {
  color: rgba(0, 0, 0, 0.5);
}
.item-selector .search-result .item.trashed .byline {
  color: rgba(0, 0, 0, 0.5);
}
.item-selector .search-result .item.trashed .title {
  color: rgba(0, 0, 0, 0.5);
  padding-right: 1.5em;
}
.item-selector .search-result .item.trashed:hover .title {
  padding-right: 0;
}
.item-selector .search-result .item.type-trash .title:before {
  content: "\f1f8";
  color: rgba(0, 0, 0, 0.5);
  background-color: rgba(0, 0, 0, 0.1);
}
.item-selector .search-result .item.document .title:before {
  content: "\e811";
  -webkit-transition: opacity 5s;
  transition: opacity 5s;
}
.item-selector .search-result .item.register .title:before {
  content: "\e80f";
}
.item-selector .search-result .item.type-presentation .title:before, .item-selector .search-result .item.type-slide .title:before {
  content: "\e940";
}
.item-selector .search-result .item.type-date .title:before {
  content: "\e817";
}
.item-selector .search-result .item.type-event .title:before {
  content: "\e810";
}
.item-selector .search-result .item.type-vimeo .title:before {
  content: "\f27d";
}
.item-selector .search-result .item.type-user .title:before {
  content: "👤";
}
.item-selector .search-result .item.type-tag .title:before {
  content: "\e70c";
}
.item-selector .search-result .item.type-powerpoint .title:before {
  content: "\e81d";
}
.item-selector .search-result .item.type-word .title:before {
  content: "\e81b";
}
.item-selector .search-result .item.type-zip .title:before {
  content: "\e821";
}
.item-selector .search-result .item.type-video .title:before {
  content: "\e81e";
}
.item-selector .search-result .item.type-video:has(.thumbnail) .title:before, .item-selector .search-result .item.type-vimeo:has(.thumbnail) .title:before, .item-selector .search-result .item.type-youtube:has(.thumbnail) .title:before {
  content: "\e8d0";
  z-index: 1;
  background-color: rgba(40, 40, 40, 0.5);
  border-radius: 50%;
  color: white;
  width: 31px;
  height: 31px;
  font-size: 13px;
  line-height: 31px;
  left: 12px;
  backdrop-filter: blur(2px);
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.7);
  text-align: left;
  text-indent: 12px;
}
.item-selector .search-result .item.type-external-video .title:before {
  content: "\e841";
}
.item-selector .search-result .item.type-audio .title:before {
  content: "\e820";
}
.item-selector .search-result .item.type-youtube .title:before {
  content: "\f167";
}
.item-selector .search-result .item.type-excel .title:before {
  content: "\e81c";
}
.item-selector .search-result .item.type-sound .title:before {
  content: "\e820";
}
.item-selector .search-result .item.type-image .title:before {
  content: "\e822";
}
.item-selector .search-result .item.type-code .title:before {
  content: "\e81f";
}
.item-selector .search-result .item.type-rich .title:before {
  content: "\e823";
}
.item-selector .search-result .item.type-pdf .title:before {
  content: "\e81a";
}
.item-selector .search-result .item.type-text-boilerplate .title:before {
  content: "\e884";
}
.item-selector .search-result .item.type-email .title:before {
  content: "\e894";
}
.item-selector .search-result .item.type-link .title:before {
  content: "\e83b";
}
.item-selector .search-result .item.back .title:before {
  content: "\e4a1";
  left: 1.1em;
}
.item-selector .search-result .item .byline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  color: rgba(0, 0, 0, 0.7);
  font-style: normal;
  max-width: 100%;
}
.item-selector .search-result .item:not(.active):hover, .item-selector .search-result .item:not(.active):focus {
  background-color: var(--item-selector-hover-colour);
}
.item-selector .search-result .item::before {
  font-size: 1.2em;
  color: black;
  justify-self: center !important;
  align-self: center !important;
  top: 0 !important;
  transform: none !important;
  left: 5px;
}
.item-selector.mode-follow .batch-functions {
  height: 0;
  opacity: 0;
  padding-bottom: 0;
  overflow: hidden;
  margin-bottom: 0;
}
.item-selector.mode-follow .search-result .item .option-trigger {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 19px;
  z-index: 2;
  display: none;
  color: black;
  width: 30px;
  height: 30px;
  line-height: 31px;
  border-radius: 10px;
  font-weight: normal;
  box-shadow: 0 0 10px 10px var(--item-selector-hover-colour);
  background-color: var(--item-selector-hover-colour);
  margin: 0 !important;
}
.item-selector.mode-follow .search-result .item .option-trigger.collapsible-open, .item-selector.mode-follow .search-result .item .option-trigger.active, .item-selector.mode-follow .search-result .item .option-trigger.tooltip-active-click {
  background-color: var(--colour-accent);
  color: white;
  display: inline-block;
  box-shadow: 0 0 0 3px white;
}
.item-selector.mode-follow .search-result .item .option-trigger:before {
  display: block;
  text-align: center;
  width: 30px;
  height: 30px;
  line-height: 31px;
}
@media (hover: hover) {
  .item-selector.mode-follow .search-result .item:hover .option-trigger {
    display: inline-block;
  }
  .item-selector.mode-follow .search-result .item:hover .alert-badge,
  .item-selector.mode-follow .search-result .item .option-trigger.active ~ .alert-badge {
    right: 2em;
  }
  .item-selector.mode-follow .search-result .item:hover .follow .icon-archive,
  .item-selector.mode-follow .search-result .item:hover .follow .icon-trash, .item-selector.mode-follow .search-result .item.type-folder .follow .icon-archive,
  .item-selector.mode-follow .search-result .item.type-folder .follow .icon-trash,
  .item-selector.mode-follow .search-result .item .option-trigger.active ~ .follow .icon-archive,
  .item-selector.mode-follow .search-result .item .option-trigger.active ~ .follow .icon-trash {
    display: none;
  }
}
.item-selector.mode-follow .search-result .item .follow.current + .item-info .option-trigger {
  --item-selector-hover-colour: var(--colour-accent);
  color: white;
}
.item-selector.mode-follow .search-result .item .follow.current + .item-info .option-trigger.tooltip-active-click {
  background-color: white;
  color: var(--colour-accent);
}
.item-selector.mode-follow .search-result .item::before {
  opacity: 0;
  margin-left: 0em;
}
.item-selector.mode-follow .search-result .item.state-unread .follow:after {
  width: 10px;
  height: 10px;
  color: transparent !important;
  overflow: hidden;
  border: 2px solid white;
  padding: 0;
  border-radius: 50%;
  background-color: rgb(104, 192, 255);
  background: linear-gradient(to bottom, #8fcae7 0%, #007bc7 100%);
  display: inline-block;
  margin-top: 0;
}
.item-selector.mode-follow .search-result .item .follow {
  z-index: 0;
  border-left: 0 solid #efefef;
  padding-right: 10px;
  min-width: 0;
}
.item-selector.mode-follow .search-result .item .follow.current {
  background-color: var(--colour-accent);
  color: white;
}
.item-selector.mode-follow .search-result .item .follow.current *, .item-selector.mode-follow .search-result .item .follow.current:before, .item-selector.mode-follow .search-result .item .follow.current + .option-trigger {
  color: white;
}
.item-selector.mode-follow .search-result .item:has(.label) .follow {
  padding-right: 30%;
}
.item-selector.mode-add .search-result .item::before {
  opacity: 0;
  margin-left: 0em;
}
.item-selector.mode-add .search-result .item .follow {
  z-index: 0;
  border-left: 0 solid #efefef;
  padding-right: 6em;
}
.item-selector.mode-add .search-result .item .button-add {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
.item-selector.mode-add .search-result .item:has(.label) .follow {
  padding-right: 30%;
}
.item-selector.mode-add .search-result .item:has(.label) .label {
  position: absolute;
  right: 2%;
  z-index: 0;
  display: inline-block;
  width: 28%;
  top: 1.3em;
  text-align: center;
  background-color: orange;
  border-radius: 1em;
  color: #664200;
  text-transform: capitalize;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 0.3em;
  cursor: default;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (hover: hover) {
  .item-selector.mode-add .search-result .item:has(.label) .label:hover {
    text-decoration: none;
    background-color: #cc8400;
  }
}
.item-selector .post-upload-message {
  transition: all 1s;
  padding: 0;
}
.item-selector .post-upload-message .panel-content {
  padding: 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
aside.sidebar.left .item-selector .post-upload-message .button-bar {
  margin: 0;
  padding: 0;
}
.item-selector.mode-select .option-trigger {
  display: none;
}
.item-selector.mode-select .search-result .item:not(.type-trash) {
  grid-template-columns: 26px auto;
}
.item-selector.mode-select .search-result .item:not(.type-trash).group:after {
  right: -1em;
  opacity: 0;
}
.item-selector.mode-select .search-result .item:not(.type-trash).checked {
  background-color: var(--colour-accent);
  color: white !important;
}
.item-selector.mode-select .search-result .item:not(.type-trash).checked *, .item-selector.mode-select .search-result .item:not(.type-trash).checked:before {
  color: white !important;
}
.item-selector.mode-select .search-result .item:not(.type-trash) .follow {
  -moz-pointer-events: none;
  -webkit-pointer-events: none;
  pointer-events: none;
  min-width: 0;
}
.item-selector.mode-select .functions.bumped {
  background: #efefef;
}
.item-selector.mode-select .batch-functions {
  z-index: 100;
  overflow: visible;
  float: left;
  width: 100%;
  height: 70px;
  padding-bottom: 0;
  margin-bottom: 15px !important;
}

.tabs-content .item-selector .more-menu {
  margin: -1em;
}

.sidebar-large .item-selector .search-result.docs .item .follow {
  width: 30%;
}
.sidebar-large .item-selector .search-result.docs .item.group .follow {
  width: 100%;
}

.job-card {
  transition: all 0.2s;
}
.job-card:hover {
  transform: scale(1.005);
}
.job-card:hover .job-card-content {
  text-decoration: none;
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1);
}
.job-card:hover .job-card-bookmark button:not(.active) {
  color: black;
  opacity: 0.2;
}
.job-card:hover .job-card-bookmark button:not(.active):hover {
  opacity: 0.6;
}
.job-card .job-card-bookmark {
  position: absolute;
  top: -3px;
  left: 30px;
  font-size: 30px;
  line-height: 0px;
}
.job-card .job-card-bookmark button {
  background: transparent;
  color: transparent;
  font-size: 1em;
  overflow: hidden;
  text-decoration: none;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 10px;
  border-style: none;
  background-image: none;
  filter: none !important;
  outline: none !important;
  width: 1.3em;
  cursor: default;
  text-overflow: initial !important;
  padding: 0;
  background-color: transparent;
  box-shadow: none;
}
.job-card .job-card-bookmark button:active {
  box-shadow: none;
}
.job-card .job-card-bookmark button:hover {
  text-decoration: none;
}
.job-card .job-card-bookmark button:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
.job-card .job-card-bookmark button:active {
  color: var(--colour-accent);
  opacity: 1;
}
.job-card .job-card-bookmark button.active {
  color: var(--colour-accent);
  box-shadow: none;
}
.job-card .job-card-content {
  position: relative;
  background: white;
  padding: 35px;
  display: block;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
  color: black;
  cursor: pointer;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow: auto;
  transition: all 0.2s;
}
.job-card .job-card-content .job-card-end-note {
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 2px;
  text-align: center;
  padding: 5px;
  background-color: #d9edf7;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.9em;
  margin: 0;
  text-shadow: 0 1px 0 white;
}
.job-card .job-card-content .job-card-end-note .label {
  font-weight: bold;
}
.job-card .job-card-content .job-card-end-note .label.fulfilled:before {
  color: rgba(0, 0, 0, 0.4);
  font-family: fontello;
  content: "⚑";
  display: inline-block;
  margin-right: 5px;
}
.job-card .job-card-content.state-draft {
  background-color: #fff6e6;
  border: orange 2px solid;
}
.job-card .job-card-content * {
  cursor: pointer;
}
.job-card .job-card-content .job-card-title {
  font-size: 35px;
  line-height: 40px;
  text-align: center;
  margin: 0 0 30px 0;
  font-weight: bold;
}

.job-cards {
  margin: 0 auto;
  display: block;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .job-cards {
    margin: 0 -1.05rem;
  }
}
.job-cards .js:before {
  position: fixed !important;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@media only screen and (max-width: 767px) {
  .job-cards {
    margin: 0;
  }
}
.job-cards.masonry-ready:before {
  display: none;
}
@media only screen and (max-width: 767px) {
  .job-cards .grid-sizer,
  .job-cards .job-card {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .job-cards .grid-sizer,
  .job-cards .job-card {
    width: 50%;
  }
}
@media only screen and (min-width: 1100px) {
  .job-cards .grid-sizer,
  .job-cards .job-card {
    width: 33.33332%;
  }
}
.job-cards .job-card {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1rem;
}
@media only screen and (min-width: 768px) {
  .job-cards .job-card {
    padding: 0 1rem 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .job-cards .job-card {
    padding: 0 0 1rem 0;
  }
}
.js .job-cards .job-card {
  opacity: 0;
  transition: all 0.2s;
}
.js .job-cards.masonry-ready .job-card {
  opacity: 1;
}

.lazy-loading-trigger {
  display: block;
  color: rgba(0, 0, 0, 0.5);
  text-align: center;
  position: relative;
  color: rgba(0, 0, 0, 0.6);
  box-sizing: border-box;
  clear: both;
  text-decoration: none !important;
  cursor: default;
  height: 80px;
  padding-top: 57px;
}
.lazy-loading-trigger:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  top: 25px;
  color: rgba(0, 0, 0, 0.5);
}

#workspace-leader {
  overflow: hidden;
  width: 88%;
  margin: 0 auto 1em;
}
#workspace-leader img,
#workspace-leader svg {
  width: 100%;
  margin-bottom: 1em;
  border-radius: 10px;
}
#workspace-leader .hotspot {
  cursor: pointer;
  transition: transform 0.3s;
  transform-origin: center;
}
#workspace-leader .hotspot:hover {
  transform: scale(1.02);
}

.lib-groups {
  margin-bottom: 2em;
  position: relative;
  transition: opacity 1s;
}
@media only screen and (min-width: 1280px) {
  .lib-groups {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lib-groups {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1279px) {
  .lib-groups {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  .lib-groups {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.lib-groups:after {
  content: " ";
  display: table;
  clear: both;
}
.lib-groups .infinite-scrolling-trigger {
  position: absolute;
  bottom: -400px;
  left: 0;
  right: 0;
}
.lib-groups .infinite-scrolling-trigger.executing {
  opacity: 1;
}
.js .lib-groups.pat-masonry {
  opacity: 0;
}
.js .lib-groups.pat-masonry.masonry-ready {
  opacity: 1;
}
.lib-groups .grid-sizer,
.lib-groups .tile {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1280px) {
  .js .lib-groups .grid-sizer,
  .js .lib-groups .tile {
    width: 33.33333332%;
  }
}
.js .lib-groups .grid-sizer.span-full,
.js .lib-groups .tile.span-full {
  width: 100%;
}
.js .lib-groups .grid-sizer.span-2,
.js .lib-groups .tile.span-2 {
  width: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .js .lib-groups .grid-sizer,
  .js .lib-groups .tile {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  .lib-groups .grid-sizer,
  .lib-groups .tile {
    width: 100%;
  }
}
@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1279px) {
  .lib-groups .grid-sizer,
  .lib-groups .tile {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .lib-groups .grid-sizer,
  .lib-groups .tile {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  .lib-groups .grid-sizer,
  .lib-groups .tile {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .lib-groups .grid-sizer,
  .lib-groups .tile {
    padding: 0 0.75rem;
    padding: 0 0.75rem;
  }
}
@media only screen and (min-width: 1280px) {
  .sidebar-left-open .lib-groups .grid-sizer,
  .sidebar-left-open .lib-groups .tile {
    width: 50%;
  }
}
.lib-groups .sibling-groups {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .lib-groups .sibling-groups {
    width: 30%;
    float: left;
  }
}
@media only screen and (max-width: 767px) {
  .lib-groups .sibling-groups {
    display: none;
  }
}
@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1279px) {
  .lib-groups .sibling-groups {
    display: none;
  }
}
@media print {
  .lib-groups .sibling-groups {
    display: none;
  }
}
.lib-groups .sibling-groups .tile {
  width: 100%;
}
.lib-groups .sibling-groups .tile .content {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.lib-groups .tile.full-page {
  position: relative;
  float: right;
}
.lib-groups .tile.full-page .title {
  font-weight: bold;
  font-size: 2em;
  line-height: 1.3;
}
.lib-groups .tile.full-page .hero {
  margin-bottom: 2em;
}
.lib-groups .tile.full-page .summary {
  color: black;
  font-weight: bold;
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  .lib-groups .tile.full-page {
    width: 70%;
  }
  .lib-groups .tile.full-page .content {
    padding: 7rem 10%;
    background-color: white;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
  }
  .lib-groups .tile.full-page .content.type-file {
    padding: 51px 0 0 0;
  }
}
@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1279px) {
  .lib-groups .tile.full-page {
    width: 100%;
    padding: 0;
    border: none;
  }
  .lib-groups .tile.full-page .content {
    padding: 4rem 2rem;
    border: none;
    background-color: white;
    margin: -30px 0;
  }
  .lib-groups .tile.full-page .content.type-file {
    padding: 4rem 0;
  }
}
@media only screen and (max-width: 767px) {
  .lib-groups .tile.full-page {
    width: 100%;
    padding: 0;
    border: none;
    margin: -30px 0;
  }
  .lib-groups .tile.full-page .content {
    padding: 4rem 15px;
    border: none;
    background-color: white;
  }
  .lib-groups .tile.full-page .content.type-file {
    padding: 4rem 0;
  }
}
.lib-groups .tile {
  margin-bottom: 40px;
}
.lib-groups .tile p,
.lib-groups .tile .hero {
  margin-bottom: 10px;
}
.lib-groups .tile .hero img {
  display: block;
}
.lib-groups .tile.type-document > .content {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  background-color: white;
  padding: 0;
  overflow: hidden;
}
.lib-groups .tile.type-document > .content .document-preview-expansive,
.lib-groups .tile.type-document > .content .follow > img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.lib-groups .tile.type-document > .content .sub-title .label {
  padding: 1.1em 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  text-align: left;
  display: block;
  color: black;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  padding-left: 59px;
}
body[dir=rtl] .lib-groups .tile.type-document > .content .sub-title .label {
  text-align: right;
}
.lib-groups .tile.type-document > .content .sub-title .label:before {
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}
.lib-groups .tile.type-document > .content .sub-title .label:hover {
  text-decoration: none;
}
.lib-groups .tile.type-page:not(.full-page):hover .content, .lib-groups .tile.type-file:not(.full-page):hover .content, .lib-groups .tile.type-ebook:hover .content, .lib-groups .tile.type-document:hover .content {
  transform: scale(1.01);
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}
.lib-groups .tile:hover .content h3 a.icon-download {
  opacity: 1;
}
.lib-groups .tile .content {
  position: relative;
  transition: all 0.2s;
  padding: 6%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  display: block;
}
@media print {
  .lib-groups .tile .content {
    border: none;
  }
}
.lib-groups .tile .content .excerpt {
  margin-bottom: 1em;
  color: black;
}
.lib-groups .tile .content img {
  width: 100%;
  background-color: white;
  display: block;
}
.lib-groups .tile .content .footer {
  margin: 0;
}
.lib-groups .tile .content .footer .read-more {
  color: #009ee2;
  font-style: normal;
}
.lib-groups .tile .content h2 {
  font-weight: bold;
  font-size: 1.5em;
  line-height: 1.2em;
  margin-bottom: 0.3em;
  position: relative;
}
.lib-groups .tile .content h3 {
  font-weight: bold;
  font-size: 1.2em;
  line-height: 1.2em;
  margin-bottom: 15px;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
}
.lib-groups .tile .content h3 a {
  display: block;
  padding-right: 1.2em;
  color: #009ee2;
}
.lib-groups .tile .content h3 a:before {
  color: #009ee2;
}
.lib-groups .tile .content h3 a.icon-download {
  width: 1.2em;
  height: 1em;
  line-height: 1.1em;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: transparent;
  overflow: hidden;
  padding: 0;
  opacity: 0;
  color: rgba(0, 0, 0, 0.4);
  transition: 2s opacity;
}
.lib-groups .tile .content h3 a.icon-download:hover {
  text-decoration: none;
  color: black;
}
.lib-groups .tile .content .description {
  color: rgba(0, 0, 0, 0.5);
  margin-bottom: 1em;
  line-height: 130%;
  -webkit-user-select: text;
  user-select: text;
  cursor: auto;
}
.lib-groups .tile .content ul.menu li.follow-section {
  position: relative;
}
.lib-groups .tile .content ul.menu li.follow-section a {
  padding-right: 2em;
}
.lib-groups .tile .content ul.menu li.follow-section a:before {
  display: inline-block;
  font-family: fontello;
  content: "\e86f";
  margin-top: 0.1em;
  margin-bottom: -0.1em;
}
.lib-groups .tile .content ul.menu li.follow-section a:after {
  font-family: fontello;
  content: "\f105";
  float: right;
  color: rgba(0, 0, 0, 0.3);
  height: 1.4em;
  margin-top: -0.7em;
  position: absolute;
  top: 50%;
  right: 0.3em;
  line-height: 1.4em;
}
.lib-groups .tile .content ul.menu li.follow-page a:before {
  display: inline-block;
  font-family: fontello;
  content: "\e823";
  margin-top: 0.1em;
  margin-bottom: -0.1em;
}
.lib-groups .tile .content ul.menu li.follow-tag a:before {
  display: inline-block;
  font-family: fontello;
  content: "\e70c";
  margin-top: 0.1em;
  margin-bottom: -0.1em;
}
.lib-groups .tile .content ul.menu li a {
  cursor: pointer;
  padding-right: 0.5em;
}
.lib-groups .tile .content ul.menu li.current a,
.lib-groups .tile .content ul.menu li a.current {
  color: white;
  background-color: #D40E16;
  border-radius: 10px;
  margin: 0 -5px;
  width: calc(100% + 10px);
  padding-left: calc(2em + 5px);
}
.lib-groups .tile a.content:hover {
  text-decoration: none;
  cursor: pointer;
}
.lib-groups .tile a.content:hover .footer .read-more {
  text-decoration: underline;
}
.lib-groups .tile[class*=group-by-] .content {
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
}
.lib-groups .tile[class*=group-by-] .content h3:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 0.1em;
  font-size: 0.8em;
  color: #D40E16;
  margin-left: -1.4em;
  float: left;
}
.lib-groups .tile.type-ebook .content {
  text-align: center;
  height: 450px;
  color: black;
  box-sizing: border-box;
  padding: 25% 8%;
  background-color: steelblue;
}
.lib-groups .tile.type-ebook .content[data-title^=A] {
  background-color: DarkGoldenRod;
}
.lib-groups .tile.type-ebook .content[data-title^=B] {
  background-color: Brown;
}
.lib-groups .tile.type-ebook .content[data-title^=C] {
  background-color: CadetBlue;
}
.lib-groups .tile.type-ebook .content[data-title^=D] {
  background-color: DarkKhaki;
}
.lib-groups .tile.type-ebook .content[data-title^=E] {
  background-color: Dimgray;
}
.lib-groups .tile.type-ebook .content[data-title^=F] {
  background-color: ForestGreen;
}
.lib-groups .tile.type-ebook .content[data-title^=G] {
  background-color: GoldenRod;
}
.lib-groups .tile.type-ebook .content[data-title^=H] {
  background-color: HotPink;
}
.lib-groups .tile.type-ebook .content[data-title^=I] {
  background-color: IndianRed;
}
.lib-groups .tile.type-ebook .content[data-title^=J] {
  background-color: DarkOliveGreen;
}
.lib-groups .tile.type-ebook .content[data-title^=K] {
  background-color: Purple;
}
.lib-groups .tile.type-ebook .content[data-title^=L] {
  background-color: MidnightBlue;
}
.lib-groups .tile.type-ebook .content[data-title^=M] {
  background-color: Maroon;
}
.lib-groups .tile.type-ebook .content[data-title^=N] {
  background-color: Navy;
}
.lib-groups .tile.type-ebook .content[data-title^=O] {
  background-color: Olive;
}
.lib-groups .tile.type-ebook .content[data-title^=P] {
  background-color: SaddleBrown;
}
.lib-groups .tile.type-ebook .content[data-title^=Q] {
  background-color: DarkOliveGreen;
}
.lib-groups .tile.type-ebook .content[data-title^=R] {
  background-color: RosyBrown;
}
.lib-groups .tile.type-ebook .content[data-title^=S] {
  background-color: SteelBlue;
}
.lib-groups .tile.type-ebook .content[data-title^=T] {
  background-color: Sienna;
}
.lib-groups .tile.type-ebook .content[data-title^=U] {
  background-color: DarkCyan;
}
.lib-groups .tile.type-ebook .content[data-title^=V] {
  background-color: DarkMagenta;
}
.lib-groups .tile.type-ebook .content[data-title^=W] {
  background-color: SlateBlue;
}
.lib-groups .tile.type-ebook .content[data-title^=X] {
  background-color: DarkSlateGray;
}
.lib-groups .tile.type-ebook .content[data-title^=Y] {
  background-color: RoyalBlue;
}
.lib-groups .tile.type-ebook .content[data-title^=Z] {
  background-color: MediumVioletRed;
}
.lib-groups .tile.type-ebook .content:before {
  content: " ";
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  border: 3px solid rgba(0, 0, 0, 0.2);
  border-radius: 8px;
}
.lib-groups .tile.type-ebook .content .item-title {
  text-align: center;
  font-size: 2em;
  color: rgba(255, 255, 255, 0.9);
  position: relative;
  z-index: 2;
  text-shadow: 0px -1px 1px rgba(0, 0, 0, 0.5);
}
.lib-groups .tile.type-file .content {
  padding: 0;
  overflow: hidden;
  border-radius: 0;
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1);
}
.lib-groups .tile.type-file .content img {
  float: left;
  width: 100%;
}
.lib-groups .tile.type-file .content .footer {
  display: none;
}
.lib-groups .tile.type-file .content:hover {
  border-color: black;
}
.lib-groups .tile.type-page .content {
  background-color: white;
  color: black;
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1);
  border-radius: 0;
}
.lib-groups .tile.group-by-tag h3:before {
  content: "\e70c";
}
.lib-groups .tile.group-by-section h3:before {
  content: "\e86f";
}
.lib-groups .tile.group-by-subsection h3:before {
  content: "\e86f";
}
.lib-groups .tile.group-by-workspace h3:before {
  content: "\e94a";
}

.library-item {
  position: relative;
  max-width: 880px;
  margin: 0 auto;
  display: block;
  margin-bottom: 150px;
}
.library-item.type-rich .main-content {
  background-color: white;
  font-family: Roboto, sans-serif;
}
.library-item.type-audio .main-content {
  position: relative;
  background: url(../../quaive/style/sound-waves-3-i.png) no-repeat center;
  background-size: 100% 100%;
  background-color: #D40E16;
}
.library-item.type-audio .main-content .hero {
  margin: 0;
  padding: 50px 30px;
  box-sizing: border-box;
}
.library-item.type-audio .main-content .hero audio {
  margin: 0;
  display: block;
}
.library-item.type-audio .main-content .hero .page-renders {
  background: none !important;
  padding: 0;
}
.library-item.type-link .main-content {
  background-color: white;
  padding: 10px;
  border-radius: 10px;
}
.library-item.type-link .main-content .external-link {
  margin: 0;
}
.library-item.type-link .main-content .external-link .central-cta {
  line-height: 46px;
}
.library-item.type-youtube .main-content, .library-item.type-video .main-content {
  padding: 0;
}
.library-item.type-youtube .main-content figure.hero, .library-item.type-video .main-content figure.hero {
  margin: 0;
  display: block;
}
.library-item.type-youtube .main-content figure.hero video, .library-item.type-video .main-content figure.hero video {
  display: block;
  background-color: black;
}
.library-item.type-ebook {
  padding: 0;
  box-sizing: border-box;
  height: 550px;
  max-height: calc(100vh - 270px);
  padding: 30px;
}
.library-item.type-ebook #reader {
  height: 100%;
}
.library-item.type-ebook #reader #prev {
  left: -100px;
}
.library-item.type-ebook #reader #next {
  right: -100px;
}
.library-item.type-file .main-content {
  padding: 0;
  box-shadow: none;
  background: transparent;
}
.library-item.type-file .page-renders {
  background: transparent;
  overflow: visible;
}
.library-item.type-file .page-renders img {
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
  margin-bottom: 20px;
  background-color: white;
  border: none;
}
@media print {
  .library-item {
    font-size: 1em;
  }
}
@media only screen and (min-width: 768px) {
  .library-item .main-content {
    background-color: white;
    padding: 12% 10%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
    font-size: 130%;
    line-height: 1.5;
  }
  .library-item:after {
    content: " ";
    display: table;
    clear: both;
  }
}
.library-item > .title {
  font-weight: bold;
  line-height: 1.3;
  margin-bottom: 15px;
  font-size: 2.1em;
}
.library-item .title ~ .tag-cloud {
  margin-top: 0.5em;
}
.library-item .tag-cloud {
  font-size: 0.7em;
}
@media only screen and (max-width: 767px) {
  .library-item.type-file .tag-cloud, .library-item.type-file .summary {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  .library-item.type-file .tag-cloud, .library-item.type-file .summary {
    padding: 0;
  }
  .library-item.type-file .tag-cloud + .summary, .library-item.type-file .summary + .summary {
    padding-top: 0;
  }
}
.library-item .external-link {
  border-radius: 10px;
  padding: 6%;
  background-color: #efefef;
  margin-bottom: 2em;
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
}
.library-item .external-link p {
  margin: 0;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.library-item .external-link p:first-child {
  margin: 0 0 20px;
}
.library-item .hero {
  margin-bottom: 2em;
  left: 0;
  transform: none;
  max-width: inherit;
  width: 100%;
  text-align: center;
}
.library-item .hero img,
.library-item .hero video,
.library-item .hero audio {
  width: 100%;
}
.library-item .hero video {
  background-color: #efefef;
}
.library-item .summary {
  color: black;
  font-weight: 600;
  margin-bottom: 1em;
}
@media only screen and (min-width: 768px) {
  .library-item .summary {
    font-size: 1.4em;
    line-height: 1.5;
  }
}
.library-item .summary .date {
  font-weight: bold;
  display: inline-block;
  padding-right: 0.5em;
  margin-right: 0.3em;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
}
.library-item .main-content {
  margin-bottom: 80px;
}
.library-item .main-content:after {
  content: " ";
  display: table;
  clear: both;
}
.library-item .main-content blockquote {
  font-size: 40px;
  line-height: 1.4;
  word-wrap: break-word;
  margin: 1.5em 0;
  position: relative;
  border: none;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-style: italic;
  font-size: 30px;
}
.library-item .main-content blockquote *:last-child {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .library-item .main-content blockquote {
    padding: 0 2.5em;
  }
  .library-item .main-content blockquote:before {
    content: "“";
    font-size: 4em;
    font-weight: bold;
    font-style: normal;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0.85em;
    color: rgba(0, 0, 0, 0.2);
  }
}
.library-item .main-content table {
  font-size: 0.8em;
  max-width: 100%;
  line-height: 1.3;
}
@media only screen and (min-width: 768px) {
  .library-item .comments {
    max-width: 80%;
    margin: 0 auto;
  }
  .library-item .comments .update-social {
    margin: 0 3.6em 4.5em;
  }
  .library-item .comments .comment:first-child {
    border-top: none;
  }
}

.library-tree .follow {
  color: black;
}
.library-tree .follow .library-tree-document-title {
  color: #009ee2;
}
.library-tree .follow .library-tree-document-title:after {
  font-family: fontello;
  content: "\e888";
  text-decoration: none !important;
  display: inline-block;
  margin-left: 0.5em;
}
.library-tree .follow .read-more {
  color: #009ee2;
  font-weight: bold;
}
.library-tree .follow:hover {
  text-decoration: none;
  color: black;
}
.library-tree .follow:hover .library-tree-document-title {
  text-decoration: underline;
}
.library-tree .follow:hover .read-more {
  text-decoration: underline;
}
.library-tree .library-tree-document-title {
  font-weight: bold;
  font-size: 1em;
  margin-bottom: 5px;
}
.library-tree .library-tree-document-summary {
  font-weight: normal;
  font-size: 1em;
  margin-bottom: 20px;
}
.library-tree .library-tree-section-summary {
  font-weight: 200;
  font-size: 24px;
  margin-top: -15px;
  margin-bottom: 35px;
  line-height: 1.3;
}
.library-tree > .library-tree-section .library-tree-section {
  padding: 0 0 0 30px;
}
.library-tree > .library-tree-section .library-tree-section .library-tree-section-title {
  position: relative;
  padding: 10px 0;
  font-size: 24px;
  font-weight: 600;
  color: #009ee2;
}
.library-tree > .library-tree-section .library-tree-section .library-tree-section-title.collapsible-closed:hover {
  color: black;
}
.library-tree > .library-tree-section .library-tree-section .library-tree-section-title.collapsible-closed:hover:before {
  transform: translateY(-50%) scale(1.2);
}
.library-tree > .library-tree-section .library-tree-section .library-tree-section-title:before {
  font-size: 0.6em;
  position: absolute;
  top: 50%;
  left: -30px;
  transform: translateY(-50%);
  font-family: fontello;
  content: "\e917";
  transition: all 0.2s ease-out;
}
.library-tree > .library-tree-section .library-tree-section .library-tree-section-title.collapsible-open:before, .library-tree > .library-tree-section .library-tree-section .library-tree-section-title.collapsible-in-progress.collapsible-closed:before {
  transform: translateY(-50%) rotate(90deg) scale(1.2);
}
.library-tree > .library-tree-section .library-tree-section .library-tree-section-summary {
  margin-top: 0px;
  margin-bottom: 15px;
}
.library-tree > .library-tree-section .library-tree-section .panel-content {
  padding: 6px 0 20px;
}
.library-tree > .library-tree-section .panel-content > *:last-child {
  margin-bottom: 0;
}
.library-tree > .library-tree-section .panel-content > .button-bar:last-child {
  margin-bottom: -10px;
}

#library-section-contents.injecting > * {
  opacity: 0.19;
}
#library-section-contents.injecting.injecting-after *, #library-section-contents.injecting.injecting-content-after * {
  opacity: inherit;
}
#library-section-contents.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
#library-section-contents:before {
  position: fixed !important;
}

.link-list {
  line-height: 1.3;
}
@media only screen and (min-width: 1280px) {
  .link-list.col-2 {
    column-count: 2;
    overflow: hidden;
  }
  .link-list.col-3 {
    column-count: 3;
    overflow: hidden;
  }
  .link-list.col-4 {
    column-count: 4;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .link-list.col-2 {
    column-count: 2;
    overflow: hidden;
  }
  .link-list.col-3 {
    column-count: 3;
    overflow: hidden;
  }
  .link-list.col-4 {
    column-count: 3;
    overflow: hidden;
  }
}
.aside-block .link-list {
  margin-bottom: 1em;
  margin-left: 25px;
}
@media only screen and (min-width: 768px) {
  .aside-block .link-list {
    font-size: 0.8em;
  }
}
.link-list.compact li {
  margin: 0;
  padding-bottom: 0.4em;
}
.link-list.compact li ul {
  padding: 0 0 26px 0;
}
.link-list.expanded li {
  padding-bottom: 0.4em;
}
.link-list.no-spread li {
  overflow: hidden;
}
.link-list li {
  margin: 0;
  border-bottom: 0.3em solid transparent;
  padding: 0;
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
}
.link-list li.warning a:not([class*=icon-])::before {
  font-family: fontello;
  content: "\e80c";
  color: orange;
  line-height: 1.5;
  font-size: 0.7em;
}
.link-list li a,
.link-list li .group-title {
  display: block;
  font-weight: normal;
  margin-left: 0;
  padding: 0 0.5em 0 26px;
  position: relative;
}
.link-list li a .item-title,
.link-list li .group-title .item-title {
  display: block;
  font-weight: bold;
}
.link-list li a .item-summary,
.link-list li .group-title .item-summary {
  font-weight: normal;
  color: black;
}
.link-list li a .link-title,
.link-list li .group-title .link-title {
  font-weight: normal;
  font-size: inherit;
  font-size: inherit;
  line-height: inherit;
}
.link-list li a .link-byline,
.link-list li .group-title .link-byline {
  font-size: 0.8888888889rem;
  line-height: 1.6875;
  font-weight: normal;
  color: #535353;
  margin: 0;
  text-decoration: none !important;
}
.link-list li a[href],
.link-list li .group-title[href] {
  color: #009ee2;
}
.link-list li a[href]:hover,
.link-list li .group-title[href]:hover {
  text-decoration: underline;
  color: #014668;
}
.link-list li a[href]:hover .classification-tags .classification-tag,
.link-list li .group-title[href]:hover .classification-tags .classification-tag {
  text-decoration: none;
}
.link-list li a[href]:hover:has(.link-title),
.link-list li .group-title[href]:hover:has(.link-title) {
  text-decoration: none;
}
.link-list li a[href]:hover .link-byline,
.link-list li .group-title[href]:hover .link-byline {
  text-decoration: none !important;
}
.link-list li a[href]:hover .link-title,
.link-list li .group-title[href]:hover .link-title {
  text-decoration: underline;
}
.-ms- .link-list li a,
.-ms- .link-list li .group-title {
  text-decoration: none;
}
.link-list li a:before,
.link-list li .group-title:before {
  font-family: fontello;
  margin-left: -26px;
  font-weight: normal;
  float: left;
  text-decoration: none;
  width: 26px;
  text-align: left;
  speak: none;
  display: inline-block;
  line-height: 1.3;
  position: absolute;
}
body[dir=rtl] .link-list li a:before,
body[dir=rtl] .link-list li .group-title:before {
  text-align: right;
}
.link-list li a:not([class*=icon-]):before,
.link-list li .group-title:not([class*=icon-]):before {
  content: "\f105";
}
.link-list li a.type-emergency-service:before,
.link-list li .group-title.type-emergency-service:before {
  content: "\e936";
}
.link-list li a.type-powerpoint:before,
.link-list li .group-title.type-powerpoint:before {
  content: "\e81d";
}
.link-list li a.type-word:before,
.link-list li .group-title.type-word:before {
  content: "\e81b";
}
.link-list li a.type-job:before,
.link-list li .group-title.type-job:before {
  content: "\e848";
}
.link-list li a.type-excel:before,
.link-list li .group-title.type-excel:before {
  content: "\e81c";
}
.link-list li a.type-folder:before,
.link-list li .group-title.type-folder:before {
  content: "📁";
}
.link-list li a.type-youtube:before,
.link-list li .group-title.type-youtube:before {
  content: "\f167";
}
.link-list li a.type-external-video:before,
.link-list li .group-title.type-external-video:before {
  content: "\e841";
}
.link-list li a.type-task:before,
.link-list li .group-title.type-task:before {
  content: "\e829";
}
.link-list li a.type-pdf:before,
.link-list li .group-title.type-pdf:before {
  content: "\e81a";
}
.link-list li a.type-people:before, .link-list li a.type-contacts:before,
.link-list li .group-title.type-people:before,
.link-list li .group-title.type-contacts:before {
  content: "\e8fb";
}
.link-list li a.type-post:before,
.link-list li .group-title.type-post:before {
  content: "\e879";
}
.link-list li a.type-rich:before,
.link-list li .group-title.type-rich:before {
  content: "\e823";
}
.link-list li a.type-news:before,
.link-list li .group-title.type-news:before {
  content: "\e840";
}
.link-list li a.type-library-item:before,
.link-list li .group-title.type-library-item:before {
  content: "\e88b";
}
.link-list li a.type-library-section:before,
.link-list li .group-title.type-library-section:before {
  content: "\e86f";
}
.link-list li a.type-library-subsection:before,
.link-list li .group-title.type-library-subsection:before {
  content: "\e86f";
}
.link-list li a.type-event:before,
.link-list li .group-title.type-event:before {
  content: "\e810";
}
.link-list li a.type-workspace:before,
.link-list li .group-title.type-workspace:before {
  content: "\e94a";
}
.link-list li a.type-super-space:before, .link-list li a.type-superspace:before,
.link-list li .group-title.type-super-space:before,
.link-list li .group-title.type-superspace:before {
  content: "\e94a";
}
.link-list li a.type-image:before,
.link-list li .group-title.type-image:before {
  content: "\e822";
}
.link-list li a.type-slideshow:before,
.link-list li .group-title.type-slideshow:before {
  content: "\e940";
}
.link-list li a.type-super-space:before,
.link-list li .group-title.type-super-space:before {
  content: "\e94a";
}
.link-list li a.type-question:before,
.link-list li .group-title.type-question:before {
  content: "\f29c";
}
.link-list li a.type-link:before,
.link-list li .group-title.type-link:before {
  content: "\e83b";
}
.link-list li a.type-zip:before,
.link-list li .group-title.type-zip:before {
  content: "\e821";
}
.link-list li a.type-file-archive:before,
.link-list li .group-title.type-file-archive:before {
  content: "\e821";
}
.link-list li a.type-app:before,
.link-list li .group-title.type-app:before {
  content: "\e926";
}
.link-list li a.type-audio:before,
.link-list li .group-title.type-audio:before {
  content: "\e820";
}
.link-list li a.type-video:before,
.link-list li .group-title.type-video:before {
  content: "\e81e";
}
.link-list li a.type-contract:before,
.link-list li .group-title.type-contract:before {
  content: "\f2b5";
}
.link-list li a.type-file:before,
.link-list li .group-title.type-file:before {
  content: "\e811";
}
.link-list li a.type-email:before,
.link-list li .group-title.type-email:before {
  content: "\e894";
}
.link-list li a.type-plain-text:before,
.link-list li .group-title.type-plain-text:before {
  content: "\e823";
}
.link-list li a.type-link-external:before,
.link-list li .group-title.type-link-external:before {
  content: "\f08e";
}
.link-list li a.type-link-internal:before,
.link-list li .group-title.type-link-internal:before {
  content: "🔗";
}
.link-list li a.type-tag:before,
.link-list li .group-title.type-tag:before {
  content: "\e87c";
}
.link-list li:before {
  display: none;
}

ul.links {
  display: block;
  margin-bottom: 1rem;
}
ul.links li {
  display: block;
  padding: 0;
}
ul.links li:before {
  display: none;
}
ul.links li a {
  display: block;
  padding: 0.2em 0;
}
@media only screen and (min-width: 1280px) {
  ul.links li.col-2 {
    column-count: 2;
    overflow: hidden;
  }
  ul.links li.col-3 {
    column-count: 3;
    overflow: hidden;
  }
  ul.links li.col-4 {
    column-count: 4;
    overflow: hidden;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  ul.links li.col-2 {
    column-count: 2;
    overflow: hidden;
  }
  ul.links li.col-3 {
    column-count: 3;
    overflow: hidden;
  }
  ul.links li.col-4 {
    column-count: 3;
    overflow: hidden;
  }
}
ul.links.tablesque {
  list-style-type: none;
  padding: 0 0 0 8px;
  margin-left: 0;
  line-height: 28px;
  position: relative;
  border-bottom: 1px solid #e0e0e0;
  display: table;
  width: 100%;
}
ul.links.tablesque li {
  list-style-type: none;
  position: relative;
  display: table-row;
}
ul.links.tablesque li.user-account .user-name {
  display: table-cell;
  vertical-align: middle;
  white-space: nowrap;
  padding: 0.4em 0;
}
ul.links.tablesque li.user-account .functions {
  display: table-cell;
  position: relative;
  top: 0;
  right: 0;
  padding: 0.2em 0;
  float: none;
  vertical-align: middle;
}
ul.links.tablesque li.user-account .functions .user-status,
ul.links.tablesque li.user-account .functions .button {
  border-radius: 1em;
  padding: 0em 1em 0em 1em;
  background-color: rgba(0, 0, 0, 0.15);
  color: black;
  margin-right: 0.3em;
  margin-bottom: 0.2em;
  margin-top: 0.2em;
  display: inline-block;
  line-height: 1.4em;
  font-size: 0.8em;
}
ul.links.tablesque li.user-account .functions .user-status:hover,
ul.links.tablesque li.user-account .functions .button:hover {
  background-color: rgba(0, 0, 0, 0.2);
  color: black;
  text-decoration: none;
}
ul.links.tablesque li.user-account .functions .user-status:active,
ul.links.tablesque li.user-account .functions .button:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.3);
}
ul.links.tablesque li.user-account.status-active .user-status {
  background-color: green;
  color: white;
}
ul.links.tablesque li.user-account.status-active .user-status:hover {
  background-color: #005700;
  color: white;
}
ul.links.tablesque li.user-account.status-denied .user-status {
  background-color: red;
  color: white;
}
ul.links.tablesque li.user-account.status-denied .user-status:hover {
  background-color: #d60000;
  color: white;
}
ul.links.tablesque li.user-account.status-pending .user-status {
  background-color: orange;
  color: white;
}
ul.links.tablesque li.user-account.status-pending .user-status:hover {
  background-color: #d68b00;
  color: white;
}
ul.links.tablesque li.user-account.status-inactive .user-status {
  background-color: steelblue;
  color: white;
}
ul.links.tablesque li.user-account.status-inactive .user-status:hover {
  background-color: #3b6d97;
  color: white;
  text-decoration: none;
}
ul.links.tablesque li:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
ul.links.tablesque li:before {
  background-color: #dadada;
  height: 1px;
  display: block;
  content: " ";
  position: absolute;
  right: 0;
  left: 0;
}
ul.links.tablesque li .functions {
  float: right;
  position: absolute;
  right: 8px;
  top: 0.4em;
}
ul.links.tablesque li .functions a,
ul.links.tablesque li .functions button,
ul.links.tablesque li .functions select {
  color: gray;
  float: right;
  cursor: default;
}
ul.links.tablesque li .functions a:hover {
  color: black;
}
ul.links.tablesque li .pat-avatar {
  width: 2.3em;
  height: 2.3em;
  font-size: 0.8em;
  margin-bottom: -0.6em;
  margin-right: 0.2em;
}

.quaive-link-tile {
  font-size: 1rem;
  display: grid;
  padding: 0.5rem;
  background-color: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  grid-template-columns: 20% auto;
  grid-template-rows: max-content max-content 1fr;
  grid-template-areas: "thumbnail url" "thumbnail title" "thumbnail description";
  column-gap: 1rem;
  row-gap: 0;
  align-items: start;
}
.quaive-link-tile:hover {
  text-decoration: none;
}
.quaive-link-tile:hover .title {
  text-decoration: underline;
}
.quaive-link-tile:before {
  font-family: fontello;
  text-align: center;
  content: "\f08e";
  align-content: center;
  font-size: 2em;
  color: rgba(0, 0, 0, 0.7);
}
.quaive-link-tile .thumbnail {
  object-fit: cover;
}
.quaive-link-tile .thumbnail, .quaive-link-tile:before {
  grid-area: thumbnail;
  background-color: #efefef;
  display: block;
  aspect-ratio: 1/1;
  border-radius: calc(0.8 * 10px);
  margin-right: 1rem;
  width: 100%;
}
.quaive-link-tile .url {
  grid-area: url;
  opacity: 0.8;
  font-size: 0.8em;
  display: block;
  color: black;
}
.quaive-link-tile .title {
  grid-area: title;
  font-weight: bold;
  font-size: 1.5em;
  margin-bottom: 0.2em;
  display: block;
}
.quaive-link-tile .description {
  grid-area: description;
  font-size: 1rem;
  margin: 0;
  display: block;
  color: black;
  line-height: 1.4;
}

.list-extend .list {
  margin: 10px 0;
  border-top: 1px solid rgba(0, 0, 0, 0.2);
}
.list-extend .list .item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  display: block;
  position: relative;
  color: black;
  -webkit-user-select: none;
  user-select: none;
  padding: 0.5em 1.5em 0.5em 3em;
  position: relative;
  -webkit-transition: 0.4s border;
  transition: 0.4s border;
  height: 70px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-extend .list .item.user {
  padding-left: 4em;
}
.list-extend .list .item.full, .list-extend .list .item.empty {
  height: 100%;
  text-overflow: clip;
  white-space: normal;
}
.list-extend .list .item.empty {
  padding: 5px;
}
.list-extend .list .item.folder:after {
  font-family: fontello;
  content: "\e75e";
  position: absolute;
  right: 1em;
  top: 50%;
  margin-top: -0.7em;
  -webkit-transition: 0.4s all;
  transition: 0.4s all;
}
.list-extend .list .item img {
  background-color: #D40E16;
  border: none;
  color: white;
  box-shadow: inset 0 0 5% rgba(0, 0, 0, 0.4);
  aspect-ratio: 1/1;
  display: inline-grid;
  grid-template-areas: "avatar-image";
  padding: 2px;
  border-radius: 3em;
  position: absolute;
  left: 0.5em;
  top: 0.5em;
}
.list-extend .list .item img.inactive {
  background-color: #efefef !important;
  box-shadow: inset 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.list-extend .list .item img.inactive img {
  filter: grayscale(100%) brightness(250%) contrast(50%);
}
.list-extend .list .item img:before {
  text-align: center;
  display: block;
  content: attr(data-initials);
  grid-area: avatar-image;
  align-content: center;
}
.list-extend .list .item img img {
  border: none;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  grid-area: avatar-image;
  align-content: center;
  border-radius: 50%;
}
.list-extend .list .item img img.default-user {
  opacity: 0;
}
.list-extend .list .item .right {
  float: right;
}
.list-extend .list .item .font-small {
  font-size: 0.7em;
}
.list-extend .list .item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.list-extend .list .item .title:before {
  font-family: fontello;
  font-size: 1.4em;
  position: absolute;
  left: 0.6em;
  top: 50%;
  margin-top: -0.5em;
  font-weight: normal;
  -webkit-transition: 0.4s left;
  transition: 0.4s left;
}
.list-extend .list .item.document .title:before {
  content: "\e811";
  -webkit-transition: opacity 5s;
  transition: opacity 5s;
}
.list-extend .list .item.folder .title:before {
  content: "📁";
}
.list-extend .list .item.back .title:before {
  content: "\e4a1";
  left: 1.1em;
}
.list-extend .list .item .byline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.list-extend .list .item.checked {
  color: white;
  border-bottom-color: white;
}
.list-extend .list .item.checked .follow {
  background-color: #D40E16;
  color: white;
}
.list-extend .list .item:hover, .list-extend .list .item:focus {
  background-color: rgba(0, 0, 0, 0.03);
}
.list-extend .list .item::before {
  font-size: 1.2em;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  margin-left: 0.5em;
  -webkit-transition: 0.2s all;
  transition: 0.2s all;
  color: black;
}

:root {
  --colour-login-panel-button: var(--colour-link);
}

#login-panel {
  background-color: white;
  background-image: url();
  background-size: cover;
  background-position: center;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  overflow: auto;
  color: black;
}
#login-panel .pat-verification-code {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
#login-panel .pat-verification-code input.code {
  color: black;
}
@media screen and (max-width: 375px) {
  #login-panel .pat-verification-code {
    transform: translateX(-50%) scale(0.8);
  }
}
#login-panel article.page {
  margin: 15% auto 5%;
  width: 60%;
  color: black;
}
#login-panel article.page a {
  color: white;
  color: #009ee2;
  text-decoration: underline;
}
#login-panel .panel {
  border-radius: 10px;
  background-color: transparent;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
#login-panel .panel .promotion {
  text-align: center;
  padding: 30px 0 0 0;
  margin: 0;
}
#login-panel .panel .promotion a {
  font-weight: bold;
  text-decoration: none;
}
#login-panel .panel .promotion a:hover {
  text-decoration: underline;
}
#login-panel .panel .promotion a:before {
  font-family: fontello;
  content: "\e939";
  display: inline-block;
  margin-right: 2.5px;
  margin-left: 3px;
  text-decoration: none;
  position: relative;
  top: 1px;
}
#login-panel .panel .note {
  font-size: 0.9em;
  line-height: 1.4;
  margin-bottom: 1.5rem;
}
@media only screen and (min-width: 768px) {
  #login-panel .panel {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    max-width: 600px;
    padding: 60px;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 1;
  }
}
@media only screen and (max-width: 767px) {
  #login-panel .panel {
    position: relative;
    width: 100%;
    max-width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6%;
    z-index: 10;
    overflow: auto;
    z-index: 1;
  }
}
#login-panel .panel a {
  color: white;
  color: #009ee2;
}
#login-panel .panel .disclaimer {
  font-size: 0.9em;
  margin: 1.5rem 0 2rem;
  line-height: 1.4;
}
#login-panel .panel .disclaimer a {
  text-decoration: underline;
}
#login-panel .panel .disclaimer a:hover {
  color: #009ee2;
}
#login-panel .panel .colofon {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.9em;
  margin-bottom: 1em;
}
#login-panel .panel .colofon a {
  color: white;
  color: #009ee2;
}
#login-panel .panel .splash {
  margin-bottom: 1.5em;
  background: no-repeat url("../../ccc/style/ccc-horiz.svg");
  background-size: 25em;
  background-position: center;
  height: 200px;
}
#login-panel .panel .splash img {
  display: none;
}
#login-panel .panel .splash figcaption,
#login-panel .panel .splash h1 {
  display: none;
  color: black;
  text-align: center;
  color: black;
  font-weight: bold;
  font-size: 45px;
  line-height: 55px;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
#login-panel .panel input:not(.code) {
  color: white;
  font-size: 1.2em;
  background-color: rgba(0, 0, 0, 0.15);
  color: black;
}
#login-panel .panel input:not(.code)::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
#login-panel .panel input:not(.code):-moz-placeholder { /* Firefox 18- */
  color: rgba(255, 255, 255, 0.4);
}
#login-panel .panel input:not(.code)::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255, 255, 255, 0.4);
}
#login-panel .panel input:not(.code):-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.4);
}
#login-panel .panel input:not(.code)::-webkit-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
#login-panel .panel input:not(.code):-moz-placeholder { /* Firefox 18- */
  color: rgba(0, 0, 0, 0.4);
}
#login-panel .panel input:not(.code)::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.4);
}
#login-panel .panel input:not(.code):-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.4);
}
#login-panel .panel .button-bar {
  margin: 0;
}
#login-panel .panel .button-bar #submit-button,
#login-panel .panel .button-bar button {
  display: block;
  width: 60%;
  text-align: center;
  margin: 0 auto;
  font-size: 1.2em;
  background-color: var(--colour-login-panel-button);
  width: auto;
  padding: 0 1.5em;
  line-height: 2em;
  box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.6);
}
#login-panel .panel .button-bar #submit-button:after,
#login-panel .panel .button-bar button:after {
  font-family: fontello;
  content: "\e888";
  display: inline-block;
  margin-left: 10px;
  transform: scale(0.7);
}
#login-panel .panel .button-bar #submit-button:hover:after,
#login-panel .panel .button-bar button:hover:after {
  transform: scale(0.8) translateX(3px);
}
#login-panel #backdrop {
  /*  making the video full viewport  */
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  width: auto;
  height: auto;
  z-index: 0;
}

.logo#site-logo {
  float: left;
  margin-right: 14px;
  line-height: 1.95em;
  font-size: 0.9em;
  font-weight: bold;
  color: black;
}
@media only screen and (max-width: 767px) {
  .logo#site-logo {
    display: none;
  }
}

.long-read {
  max-width: 800px;
  margin: 0 auto;
  display: block;
}
.long-read.help-text .pat-rich {
  font-size: 130%;
  line-height: 1.5;
}
.long-read.help-text .summary {
  font-size: 1.5em;
  line-height: 1.4;
  font-weight: thin;
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  .long-read.help-text .summary {
    font-size: 1em;
  }
}
.long-read.help-text #content-title-summary {
  margin-bottom: 20px;
  overflow: hidden;
}
.long-read.help-text #content-title-summary h1 {
  font-size: 50px;
  margin: 20px 0;
}
.long-read.help-text #content-title-summary .app-icon {
  width: 64px;
  float: left;
  margin: 0 15px 0 0;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .long-read.help-text #content-title-summary .app-icon {
    display: none;
  }
}

.pat-magazine {
  position: relative;
  z-index: 0;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
  margin: 0 0 60px 0;
  padding: 100px 60px 0;
  font-family: "Roboto", sans-serif;
}
.pat-magazine:after {
  content: " ";
  display: table;
  clear: both;
}
.pat-magazine.injecting > * {
  opacity: 0.19;
}
.pat-magazine.injecting.injecting-after *, .pat-magazine.injecting.injecting-content-after * {
  opacity: inherit;
}
.pat-magazine.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
.pat-magazine.injecting:before {
  position: fixed;
}
.pat-magazine .tools {
  position: fixed;
  top: 55px;
  right: 1em;
}
.pat-magazine .tools a {
  width: 40px;
  height: 40px;
  display: block;
  overflow: hidden;
  line-height: 40px;
  font-size: 36px;
  text-decoration: none;
  cursor: default;
  color: rgba(0, 0, 0, 0);
  animation: bounceIn 0.5s;
}
.pat-magazine .tools a:hover:before {
  color: black;
}
.pat-magazine .tools a:before {
  font-family: fontello;
  content: "\e804";
  text-align: center;
  width: 100%;
  color: rgba(0, 0, 0, 0.5);
}
.pat-magazine .magazine-column {
  float: none !important;
}
@media only screen and (min-width: 768px) {
  .pat-magazine .magazine-column {
    display: table-cell;
    padding: 0 0.75rem;
    vertical-align: top;
  }
  .pat-magazine .magazine-column#magazine-column-1, .pat-magazine .magazine-column#magazine-column-3 {
    width: 33.333332%;
  }
  .pat-magazine .magazine-column#magazine-column-1 .teaser .byline, .pat-magazine .magazine-column#magazine-column-3 .teaser .byline {
    max-width: 175px;
  }
  .pat-magazine .magazine-column.visible {
    display: table-cell !important;
  }
}
.pat-magazine .magazine-scroll-to-top {
  bottom: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: none;
  background: white;
  color: rgba(0, 0, 0, 0);
  z-index: -1;
  pointer-events: none;
}
.pat-magazine.injecting > .magazine-scroll-to-top {
  opacity: 1;
}
.pat-magazine .block {
  width: 100%;
  position: relative;
  animation: fadeIn 1s;
  clear: both;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  .pat-magazine .block {
    padding: 0 10px;
    margin-bottom: 60px;
  }
}
.pat-magazine .block > .description {
  font-size: 24px;
  font-weight: lighter;
  margin-bottom: 40px;
}
.pat-magazine .block.sortable {
  padding: 0;
  margin-bottom: 20px;
  animation: zoomIn 0.5s;
  border-radius: 8px;
}
.pat-magazine .block.sortable .block-content {
  background: #efefef;
  border-radius: 10px;
  padding: 0 20px 0 60px;
  border: none;
}
.pat-magazine .block.sortable .block-content .block-title {
  margin: 0;
  padding: 0.5em 40px 40px 0;
}
.pat-magazine .block.sortable .functions {
  position: absolute;
  top: 0.5em;
  right: 15px;
  float: right;
  margin: 0;
}
.pat-magazine .block.sortable .functions button {
  border: 0;
  background: 0;
  margin: 0;
  float: left;
  height: 32px;
  width: 25px;
  line-height: 35px;
  color: rgba(0, 0, 0, 0);
  border-radius: 50%;
  padding: 0;
  color: #666;
  font-size: 1em;
  overflow: hidden;
}
.pat-magazine .block.sortable .functions button.collapsible-open {
  color: #D40E16;
}
.pat-magazine .block.sortable .functions button:hover {
  color: black;
}
.pat-magazine .block.sortable .functions button:before {
  font-family: fontello;
  content: " ";
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
}
.pat-magazine .block.sortable .functions button.options:before {
  content: "\e804";
}
.pat-magazine .block.sortable .functions button.remove:before {
  content: "\f1f8";
}
.pat-magazine .block.sortable .advanced-options {
  margin: 0;
}
.pat-magazine .block.sortable .advanced-options .panel-content {
  padding-bottom: 40px;
}
.pat-magazine .block.sortable .advanced-options .panel-content .layout {
  margin: 0;
}
.pat-magazine .block.sortable .sortable-handle {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  line-height: 40px;
  width: 40px;
  font-size: 20px;
  color: rgba(0, 0, 0, 0);
  background: #D40E16;
}
.pat-magazine .block.sortable .sortable-handle:before {
  content: "\e875";
  display: block;
  font-family: fontello;
  width: 100%;
  text-align: center;
  color: white;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}
.pat-magazine .block:before, .pat-magazine .block:after {
  height: 4px;
  content: " ";
  position: absolute;
  display: block;
  z-index: 2;
  right: 20px;
  left: 20px;
}
.pat-magazine .block:before {
  top: -12px;
}
.pat-magazine .block:after {
  bottom: -12px;
}
.pat-magazine .block.drop-target-above:before {
  background-color: #D40E16;
}
.pat-magazine .block.drop-target-below:after {
  background-color: #D40E16;
}
.pat-magazine .block .button-cluster {
  display: none;
}
.pat-magazine .block .block-content {
  position: relative;
}
.pat-magazine .block h2.section-title {
  font-weight: 200;
  font-size: 1.8em;
  line-height: 1.2em;
  margin: 0;
  position: relative;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}
body[dir=rtl] .pat-magazine .block h2.section-title {
  text-align: right;
}
.pat-magazine .block h2.section-title a {
  display: block;
  padding: 0 0 30px 0;
  color: black;
  text-decoration: none;
}
.pat-magazine .block h2.section-title a:hover {
  text-decoration: underline;
}
.pat-magazine .block.captioned h2.section-title a {
  padding: 30px 0;
}
.pat-magazine .block h1.section-title {
  font-weight: 200;
  font-size: 2em;
  line-height: 1.2em;
  margin: 0 0 1em;
  text-align: left;
}
body[dir=rtl] .pat-magazine .block h1.section-title {
  text-align: right;
}
.pat-magazine .block .block-footer {
  clear: both;
  font-size: 0.8em;
  margin: 1em 0 1em;
  text-align: right;
}
.pat-magazine .block .block-footer a {
  color: rgba(0, 0, 0, 0.5);
}
.pat-magazine .block .block-footer a:after {
  display: inline-block;
  margin-left: 1em;
  font-family: fontello;
  content: "\e8c4";
}
.pat-magazine .block.captioned .section-title {
  margin-top: -15px;
}
.pat-magazine .block.captioned .block-content {
  padding: 15px 1.5rem;
  background-color: rgba(0, 0, 0, 0.08);
}
@media only screen and (max-width: 767px) {
  .pat-magazine .block.captioned {
    margin: 0 -15px;
    width: auto;
  }
  .pat-magazine .block.captioned .block-content {
    padding: 15px 15px;
  }
}
@media only screen and (min-width: 768px) {
  .pat-magazine.grid-sl #magazine-column-2 .block.type-1 .item, .pat-magazine.grid-sr #magazine-column-2 .block.type-1 .item, .pat-magazine.grid-sc #magazine-column-2 .block.type-1 .item {
    width: 100%;
    clear: left;
    font-size: 1em;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-2 .articles .item, .pat-magazine.grid-sr #magazine-column-2 .block.type-2 .articles .item, .pat-magazine.grid-sc #magazine-column-2 .block.type-2 .articles .item {
    width: 50%;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-2 .articles .item.event-card .teaser .byline, .pat-magazine.grid-sr #magazine-column-2 .block.type-2 .articles .item.event-card .teaser .byline, .pat-magazine.grid-sc #magazine-column-2 .block.type-2 .articles .item.event-card .teaser .byline {
    max-width: 450px;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-2 .articles .item:nth-child(odd), .pat-magazine.grid-sr #magazine-column-2 .block.type-2 .articles .item:nth-child(odd), .pat-magazine.grid-sc #magazine-column-2 .block.type-2 .articles .item:nth-child(odd) {
    clear: left;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-3 .item, .pat-magazine.grid-sr #magazine-column-2 .block.type-3 .item, .pat-magazine.grid-sc #magazine-column-2 .block.type-3 .item {
    width: 33.333332%;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-3 .item .byline, .pat-magazine.grid-sr #magazine-column-2 .block.type-3 .item .byline, .pat-magazine.grid-sc #magazine-column-2 .block.type-3 .item .byline {
    max-width: 250px;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-3 .item:nth-child(3n+1), .pat-magazine.grid-sr #magazine-column-2 .block.type-3 .item:nth-child(3n+1), .pat-magazine.grid-sc #magazine-column-2 .block.type-3 .item:nth-child(3n+1) {
    clear: left;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-1-3 .item, .pat-magazine.grid-sr #magazine-column-2 .block.type-1-3 .item, .pat-magazine.grid-sc #magazine-column-2 .block.type-1-3 .item {
    width: 33.333332%;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-1-3 .item .byline, .pat-magazine.grid-sr #magazine-column-2 .block.type-1-3 .item .byline, .pat-magazine.grid-sc #magazine-column-2 .block.type-1-3 .item .byline {
    max-width: 250px;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-1-3 .item:first-child, .pat-magazine.grid-sr #magazine-column-2 .block.type-1-3 .item:first-child, .pat-magazine.grid-sc #magazine-column-2 .block.type-1-3 .item:first-child {
    width: 100%;
    font-size: 1em;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-1-3 .item:first-child .has-no-image, .pat-magazine.grid-sr #magazine-column-2 .block.type-1-3 .item:first-child .has-no-image, .pat-magazine.grid-sc #magazine-column-2 .block.type-1-3 .item:first-child .has-no-image {
    display: none;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-1-3 .item:nth-child(3n+2), .pat-magazine.grid-sr #magazine-column-2 .block.type-1-3 .item:nth-child(3n+2), .pat-magazine.grid-sc #magazine-column-2 .block.type-1-3 .item:nth-child(3n+2) {
    clear: left;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item, .pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item, .pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item {
    width: 33.333332%;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item .byline, .pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item .byline, .pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item .byline {
    max-width: 250px;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item:first-child, .pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item:nth-child(2), .pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item:first-child, .pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item:nth-child(2), .pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item:first-child, .pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item:nth-child(2) {
    width: 50%;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item:first-child.event-card .teaser .byline, .pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item:nth-child(2).event-card .teaser .byline, .pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item:first-child.event-card .teaser .byline, .pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item:nth-child(2).event-card .teaser .byline, .pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item:first-child.event-card .teaser .byline, .pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item:nth-child(2).event-card .teaser .byline {
    max-width: 450px;
  }
  .pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item:nth-child(3n+3), .pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item:nth-child(3n+3), .pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item:nth-child(3n+3) {
    clear: left;
  }
}
@media only screen and (min-width: 768px) {
  .pat-magazine .articles {
    margin: 0 -0.75rem;
  }
}
.pat-magazine .articles .item {
  position: relative;
  font-size: 0.8em;
  line-height: 1.4em;
  overflow: hidden;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .pat-magazine .articles .item {
    padding: 0 0.75rem 2em;
  }
}
.pat-magazine .articles .item .edit-button {
  position: absolute;
  top: 0.5em;
  right: 1em;
  width: 2em;
  height: 2em;
  display: none;
  margin-right: 0.5em;
}
.pat-magazine .articles .item .edit-button:before {
  content: "✎";
  border-radius: 50%;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
}
@media only screen and (min-width: 768px) {
  .pat-magazine .articles .item:hover .edit-button {
    display: block;
    animation: fadeIn 1s;
  }
}
.pat-magazine .articles .item.columns:after {
  left: 15px;
  right: 15px;
}
.pat-magazine .articles .item.event-card .follow img:not([style]) {
  background: url(../../quaive/style/placeholder-event.svg);
}
.pat-magazine .articles .item .follow {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
}
.pat-magazine .articles .item .follow:hover {
  color: black;
}
.pat-magazine .articles .item .follow img {
  max-width: 100%;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
  background-color: rgba(0, 0, 0, 0);
  box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.2);
}
.pat-magazine .articles .item .follow img:not([style]) {
  background: url(../../quaive/style/placeholder-news-item.svg);
}
.pat-magazine .articles .item .follow figure,
.pat-magazine .articles .item .follow img {
  left: 0;
  transform: inherit;
  width: 100%;
}
.pat-magazine .articles .item .follow figure {
  margin-bottom: 0.2em;
}
.pat-magazine .articles .item .follow figcaption {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  padding: 1em;
  text-shadow: 0 0 1px black, 0 0 5px black;
}
.pat-magazine .articles .item .follow h3 {
  margin-bottom: 0;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.4em;
  color: black;
  text-transform: uppercase;
}
.pat-magazine .articles .item .follow h3 .category,
.pat-magazine .articles .item .follow h3 .comment-count {
  float: right;
  margin-top: 0.25em;
  margin-left: 0.4em;
  font-size: 0.7em;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.15);
  color: rgba(0, 0, 0, 0.6);
  padding: 0 0.5em;
  line-height: 153%;
  font-weight: normal;
  font-style: normal;
  border-radius: 0.4em;
  max-width: 40%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
  top: -0.07em;
}
.pat-magazine .articles .item .follow h3 .comment-count:before {
  font-family: fontello;
  font-size: 0.9em;
  content: "\e806";
  display: inline-block;
  margin-right: 0.4em;
}
.pat-magazine .articles .item .follow h3 + .byline {
  color: rgba(0, 0, 0, 0.5);
  font-size: 0.8em;
  font-style: normal;
  margin-bottom: 0.2em;
}
.pat-magazine .articles .item .follow strong {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}
.pat-magazine .articles .item .follow .description {
  margin-bottom: 2em;
}

.magazine-maker {
  padding: 0 24px;
}
.magazine-maker .panel-add-section {
  width: 100%;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 1em;
  position: relative;
}
.magazine-maker .panel-add-section:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  content: " ";
  border-radius: 10px;
  border: 1px solid silver;
  pointer-events: none;
  background-color: white;
  z-index: -1;
}
.magazine-maker .panel-add-section .handle {
  color: rgba(0, 0, 0, 0);
  height: 45px;
  padding-top: 13px;
  position: relative;
}
.magazine-maker .panel-add-section .handle.collapsible-open:before {
  transform: rotate(-45deg);
}
.magazine-maker .panel-add-section .handle:before {
  width: 32px;
  height: 32px;
  line-height: 32px;
  position: absolute;
  left: 50%;
  margin-left: -16px;
  color: gray;
  font-size: 32px;
  font-family: fontello;
  content: "\e802";
  text-align: center;
  transition: transform 0.5s;
}
.magazine-maker .panel-add-section label {
  font-family: "Roboto", sans-serif;
  margin: 0;
  border: none;
  cursor: default;
  border-radius: 10px;
  background-image: none;
  text-decoration: none;
  line-height: var(--pat-button-height);
  white-space: nowrap;
  display: inline-block;
  padding: var(--pat-button-paddings);
  font-size: 1em;
  vertical-align: text-bottom;
  font-weight: var(--pat-button-font-weight);
  box-shadow: none;
  color: #009ee2;
  background-color: rgba(0, 0, 0, 0.08);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  text-align: center;
}
.magazine-maker .panel-add-section label:before {
  line-height: inherit;
}
.magazine-maker .panel-add-section label:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.magazine-maker .panel-add-section label:hover {
  color: color-mix(in lch, colour-link, black 90%);
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: color-mix(in lch, colour-link, black 90%);
}
.magazine-maker .panel-add-section label.default {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.magazine-maker .panel-add-section label.default:hover {
  background-color: #009ee2;
  color: white;
}
.magazine-maker .panel-add-section label[disabled], .magazine-maker .panel-add-section label.disabled, .magazine-maker .panel-add-section label:is(a):not([href]), .magazine-maker .panel-add-section label.default[disabled], .magazine-maker .panel-add-section label.default.disabled, .magazine-maker .panel-add-section label:is(a).default:not([href]) {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
.magazine-maker .panel-add-section label[disabled]:hover, .magazine-maker .panel-add-section label.disabled:hover, .magazine-maker .panel-add-section label:is(a):not([href]):hover, .magazine-maker .panel-add-section label.default[disabled]:hover, .magazine-maker .panel-add-section label.default.disabled:hover, .magazine-maker .panel-add-section label:is(a).default:not([href]):hover {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
@media print {
  .magazine-maker .panel-add-section label {
    display: none;
  }
}
.magazine-maker .panel-add-section label.small {
  font-size: 15px;
  padding: 0 12px;
  height: 22px;
  line-height: 20px;
  vertical-align: baseline;
  box-shadow: none;
  font-weight: 600;
}
.magazine-maker .panel-add-section label.small:before {
  font-size: 15px;
}
.magazine-maker .panel-add-section label:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.magazine-maker .panel-add-section label.iconified {
  width: 30px;
  padding: 0;
}
.magazine-maker .panel-add-section label.iconified:before {
  width: 100%;
  text-align: center;
  line-height: 35px;
}
.magazine-maker .panel-add-section label.link {
  padding: 0;
  display: inline;
  background: none;
  color: #009ee2;
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.magazine-maker .panel-add-section label.link:hover {
  background: none;
  text-decoration: underline !important;
  color: black;
}
.magazine-maker .panel-add-section label.no-label {
  padding: 0;
  aspect-ratio: 1/1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.magazine-maker .panel-add-section label.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.magazine-maker .panel-add-section label:before {
  font-weight: normal;
  margin-right: 5px;
}
.magazine-maker .panel-add-section label.add:before {
  font-family: fontello;
  content: "\e825";
}
.magazine-maker .panel-add-section label.checked {
  display: none;
}
.magazine-maker .panel-add-section label:before {
  font-family: fontello;
  margin-right: 0.15em;
  content: "\e802";
  display: inline-block;
  opacity: 0.7;
}
.magazine-maker .panel-add-section label input {
  position: absolute;
  opacity: 0;
}
.magazine-maker .pat-checklist.grid-thumbs {
  text-align: center;
  position: relative;
}
.magazine-maker .pat-checklist.grid-thumbs label {
  display: inline-block !important;
  text-align: center;
  float: none;
  padding: 0 0.5em;
}
.magazine-maker .pat-checklist.grid-thumbs label.hidden {
  opacity: 0.2;
  pointer-events: none;
}
.magazine-maker .pat-checklist.grid-thumbs label input {
  position: absolute;
  opacity: 0;
}
.magazine-maker .pat-checklist.grid-thumbs label img {
  height: 50px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: 4px solid silver;
  background-size: 100% 100%;
  background-color: white;
}
.magazine-maker .pat-checklist.grid-thumbs label.checked img {
  border: 4px solid #D40E16;
}
.magazine-maker .pat-checklist.grid-thumbs label.grid-sc img {
  background-image: url(../../quaive/style/grid-thumbs/single-large-column.svg);
}
.magazine-maker .pat-checklist.grid-thumbs label.grid-sl img {
  background-image: url(../../quaive/style/grid-thumbs/sidebar-left.svg);
}
.magazine-maker .pat-checklist.grid-thumbs label.grid-sr img {
  background-image: url(../../quaive/style/grid-thumbs/sidebar-right.svg);
}
.magazine-maker .pat-checklist.grid-thumbs label.grid-tc img {
  background-image: url(../../quaive/style/grid-thumbs/three-equal-columns.svg);
}

.mail-preview {
  padding: 0;
}
.mail-preview object {
  width: 100%;
  height: 10000px;
  overflow: hidden;
  background-color: white;
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1);
}
.mail-preview .mail-history-browser {
  line-height: 50px;
}
.mail-preview .mail-history-browser .header {
  text-align: center;
  display: block;
  font-size: 20px;
}
.mail-preview .mail-history-browser .button {
  font-size: 20px;
  overflow: hidden;
  width: 50px;
  color: transparent;
  position: relative;
}
.mail-preview .mail-history-browser .button:hover {
  transform: scale(1.2);
}
.mail-preview .mail-history-browser .button:before {
  font-family: fontello;
  display: block;
  color: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
}
.mail-preview .mail-history-browser .button[href]:before {
  color: black;
}
.mail-preview .mail-history-browser .button.next {
  float: right;
}
.mail-preview .mail-history-browser .button.next:before {
  content: "\e888";
}
.mail-preview .mail-history-browser .button.previous {
  float: left;
}
.mail-preview .mail-history-browser .button.previous:before {
  content: "\e8c6";
}

#main {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
#main.injecting > * {
  opacity: 0.19;
}
#main.injecting.injecting-after *, #main.injecting.injecting-content-after * {
  opacity: inherit;
}
#main.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
@media print {
  #main {
    position: static;
  }
}

.md-editor {
  position: relative;
}
.md-editor .mirror-target,
.md-editor textarea {
  font-size: 1em;
  line-height: 1.3em;
  display: block;
  white-space: pre-wrap;
  font-style: normal;
  font-weight: inherit;
}
@media screen {
  .md-editor .mirror-target,
  .md-editor textarea {
    padding: 0.2em 0.5em;
  }
}
@media print {
  .md-editor .mirror-target,
  .md-editor textarea {
    padding: 0.2em 0;
  }
}
.md-editor .mirror-target {
  opacity: 0;
  min-height: 1.3em;
}
.md-editor .md-render {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 1;
  font-size: 1em;
  line-height: 1.3em;
  -webkit-pointer-events: none;
  pointer-events: none;
}
.application-workspace .document-content .md-editor .md-render {
  max-width: 100%;
}
.md-editor .md-render a {
  -webkit-pointer-events: auto;
  pointer-events: auto;
}
.md-editor .md-render p,
.md-editor .md-render h1,
.md-editor .md-render h2 {
  margin-bottom: 1.3em;
}
.md-editor .md-render h3,
.md-editor .md-render h4,
.md-editor .md-render h5,
.md-editor .md-render h6 {
  margin: 0;
}
.md-editor.focus .md-render {
  opacity: 0;
}
.md-editor.focus .md-render a {
  -webkit-pointer-events: none;
  pointer-events: none;
}
.md-editor textarea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: black;
  resize: none;
  opacity: 0;
  margin: 0 !important;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.md-editor textarea:focus {
  opacity: 1;
}
.md-editor textarea:focus {
  border-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}

ul.menu,
.menu-list {
  margin: 0 0 1em 0;
  list-style-type: none;
  --pat-checklist-label-padding-start: var(--pat-menu-list-item-padding-start);
  --pat-checklist-label-padding-end: 0.2em;
  --pat-checklist-item-separation: 0;
  --pat-checklist-checkbox-size: 16px;
}
ul.menu li,
.menu-list li {
  padding-left: 0;
  --pat-checklist-margin-bottom: 0;
}
ul.menu li > a,
ul.menu li > label,
ul.menu li > form > label,
ul.menu li > form > button,
ul.menu li > form > fieldset > label,
ul.menu li > fieldset.pat-checklist label,
ul.menu li > button,
.menu-list li > a,
.menu-list li > label,
.menu-list li > form > label,
.menu-list li > form > button,
.menu-list li > form > fieldset > label,
.menu-list li > fieldset.pat-checklist label,
.menu-list li > button {
  display: block;
  padding: 0.3em 0 0.3em 0;
  color: black;
  line-height: var(--pat-menu-list-item-line-height);
  cursor: default;
  overflow: hidden;
  border: none;
  width: 100%;
  background: none;
  box-sizing: border-box;
  font-size: 18px;
  display: grid;
  grid-template-columns: var(--pat-menu-list-item-padding-start) auto;
  border-radius: var(--border-radii);
  user-select: none;
  --pat-select-box-height: var(--pat-menu-list-item-line-height);
}
ul.menu li > a .pat-select.bare,
ul.menu li > label .pat-select.bare,
ul.menu li > form > label .pat-select.bare,
ul.menu li > form > button .pat-select.bare,
ul.menu li > form > fieldset > label .pat-select.bare,
ul.menu li > fieldset.pat-checklist label .pat-select.bare,
ul.menu li > button .pat-select.bare,
.menu-list li > a .pat-select.bare,
.menu-list li > label .pat-select.bare,
.menu-list li > form > label .pat-select.bare,
.menu-list li > form > button .pat-select.bare,
.menu-list li > form > fieldset > label .pat-select.bare,
.menu-list li > fieldset.pat-checklist label .pat-select.bare,
.menu-list li > button .pat-select.bare {
  margin-right: 8px;
}
ul.menu li > a:before,
ul.menu li > label:before,
ul.menu li > form > label:before,
ul.menu li > form > button:before,
ul.menu li > form > fieldset > label:before,
ul.menu li > fieldset.pat-checklist label:before,
ul.menu li > button:before,
.menu-list li > a:before,
.menu-list li > label:before,
.menu-list li > form > label:before,
.menu-list li > form > button:before,
.menu-list li > form > fieldset > label:before,
.menu-list li > fieldset.pat-checklist label:before,
.menu-list li > button:before {
  font-family: fontello;
  align-self: start;
  justify-self: center !important;
  display: block;
  margin-right: 0;
  line-height: inherit;
}
ul.menu li > a:has(input[type=checkbox]):before,
ul.menu li > label:has(input[type=checkbox]):before,
ul.menu li > form > label:has(input[type=checkbox]):before,
ul.menu li > form > button:has(input[type=checkbox]):before,
ul.menu li > form > fieldset > label:has(input[type=checkbox]):before,
ul.menu li > fieldset.pat-checklist label:has(input[type=checkbox]):before,
ul.menu li > button:has(input[type=checkbox]):before,
.menu-list li > a:has(input[type=checkbox]):before,
.menu-list li > label:has(input[type=checkbox]):before,
.menu-list li > form > label:has(input[type=checkbox]):before,
.menu-list li > form > button:has(input[type=checkbox]):before,
.menu-list li > form > fieldset > label:has(input[type=checkbox]):before,
.menu-list li > fieldset.pat-checklist label:has(input[type=checkbox]):before,
.menu-list li > button:has(input[type=checkbox]):before {
  line-height: var(--pat-checklist-checkbox-size);
}
ul.menu li > a:has(input[type=file]),
ul.menu li > label:has(input[type=file]),
ul.menu li > form > label:has(input[type=file]),
ul.menu li > form > button:has(input[type=file]),
ul.menu li > form > fieldset > label:has(input[type=file]),
ul.menu li > fieldset.pat-checklist label:has(input[type=file]),
ul.menu li > button:has(input[type=file]),
.menu-list li > a:has(input[type=file]),
.menu-list li > label:has(input[type=file]),
.menu-list li > form > label:has(input[type=file]),
.menu-list li > form > button:has(input[type=file]),
.menu-list li > form > fieldset > label:has(input[type=file]),
.menu-list li > fieldset.pat-checklist label:has(input[type=file]),
.menu-list li > button:has(input[type=file]) {
  position: relative;
}
ul.menu li > a:hover,
ul.menu li > label:hover,
ul.menu li > form > label:hover,
ul.menu li > form > button:hover,
ul.menu li > form > fieldset > label:hover,
ul.menu li > fieldset.pat-checklist label:hover,
ul.menu li > button:hover,
.menu-list li > a:hover,
.menu-list li > label:hover,
.menu-list li > form > label:hover,
.menu-list li > form > button:hover,
.menu-list li > form > fieldset > label:hover,
.menu-list li > fieldset.pat-checklist label:hover,
.menu-list li > button:hover {
  text-decoration: none;
  background: rgba(0, 0, 0, 0.05);
  color: black;
}
ul.menu li > a.tooltip-active-click, ul.menu li > a:active,
ul.menu li > label.tooltip-active-click,
ul.menu li > label:active,
ul.menu li > form > label.tooltip-active-click,
ul.menu li > form > label:active,
ul.menu li > form > button.tooltip-active-click,
ul.menu li > form > button:active,
ul.menu li > form > fieldset > label.tooltip-active-click,
ul.menu li > form > fieldset > label:active,
ul.menu li > fieldset.pat-checklist label.tooltip-active-click,
ul.menu li > fieldset.pat-checklist label:active,
ul.menu li > button.tooltip-active-click,
ul.menu li > button:active,
.menu-list li > a.tooltip-active-click,
.menu-list li > a:active,
.menu-list li > label.tooltip-active-click,
.menu-list li > label:active,
.menu-list li > form > label.tooltip-active-click,
.menu-list li > form > label:active,
.menu-list li > form > button.tooltip-active-click,
.menu-list li > form > button:active,
.menu-list li > form > fieldset > label.tooltip-active-click,
.menu-list li > form > fieldset > label:active,
.menu-list li > fieldset.pat-checklist label.tooltip-active-click,
.menu-list li > fieldset.pat-checklist label:active,
.menu-list li > button.tooltip-active-click,
.menu-list li > button:active {
  background-color: #D40E16;
  color: white;
}
ul.menu li > a .pat-message,
ul.menu li > label .pat-message,
ul.menu li > form > label .pat-message,
ul.menu li > form > button .pat-message,
ul.menu li > form > fieldset > label .pat-message,
ul.menu li > fieldset.pat-checklist label .pat-message,
ul.menu li > button .pat-message,
.menu-list li > a .pat-message,
.menu-list li > label .pat-message,
.menu-list li > form > label .pat-message,
.menu-list li > form > button .pat-message,
.menu-list li > form > fieldset > label .pat-message,
.menu-list li > fieldset.pat-checklist label .pat-message,
.menu-list li > button .pat-message {
  display: block;
  margin-top: 0.4em;
  margin-bottom: 0.5em;
  padding: 0.3em 0.5em;
}
ul.menu li > a input[type=file],
ul.menu li > label input[type=file],
ul.menu li > form > label input[type=file],
ul.menu li > form > button input[type=file],
ul.menu li > form > fieldset > label input[type=file],
ul.menu li > fieldset.pat-checklist label input[type=file],
ul.menu li > button input[type=file],
.menu-list li > a input[type=file],
.menu-list li > label input[type=file],
.menu-list li > form > label input[type=file],
.menu-list li > form > button input[type=file],
.menu-list li > form > fieldset > label input[type=file],
.menu-list li > fieldset.pat-checklist label input[type=file],
.menu-list li > button input[type=file] {
  opacity: 0;
  position: absolute;
  left: 0;
  top: 0;
  height: 1.8em;
  width: 100%;
}
ul.menu li > a:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
ul.menu li > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
ul.menu li > form > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
ul.menu li > form > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
ul.menu li > form > fieldset > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
ul.menu li > fieldset.pat-checklist label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
ul.menu li > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > a:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > form > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > form > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > form > fieldset > label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > fieldset.pat-checklist label:not([class*=icon-]):not([class*=checked]):not(.pat-select):before,
.menu-list li > button:not([class*=icon-]):not([class*=checked]):not(.pat-select):before {
  font-family: fontello;
  content: "\f105";
}
ul.menu li > a.current,
ul.menu li > label.current,
ul.menu li > form > label.current,
ul.menu li > form > button.current,
ul.menu li > form > fieldset > label.current,
ul.menu li > fieldset.pat-checklist label.current,
ul.menu li > button.current,
.menu-list li > a.current,
.menu-list li > label.current,
.menu-list li > form > label.current,
.menu-list li > form > button.current,
.menu-list li > form > fieldset > label.current,
.menu-list li > fieldset.pat-checklist label.current,
.menu-list li > button.current {
  color: #D40E16;
}
ul.menu li > a.current a,
ul.menu li > label.current a,
ul.menu li > form > label.current a,
ul.menu li > form > button.current a,
ul.menu li > form > fieldset > label.current a,
ul.menu li > fieldset.pat-checklist label.current a,
ul.menu li > button.current a,
.menu-list li > a.current a,
.menu-list li > label.current a,
.menu-list li > form > label.current a,
.menu-list li > form > button.current a,
.menu-list li > form > fieldset > label.current a,
.menu-list li > fieldset.pat-checklist label.current a,
.menu-list li > button.current a {
  color: #D40E16;
  cursor: default;
}

.metadata {
  z-index: 3;
}
@media print {
  .metadata {
    display: none;
  }
}
.document-body:not(.scroll-position-top) .metadata .summary-hero textarea,
.document-body:not(.scroll-position-top) .metadata .summary-hero .image-uploader {
  height: 1.5em;
}
.document-body:not(.scroll-position-top) .metadata .summary-hero .image-uploader:after {
  opacity: 0;
}
.document-body:not(.scroll-position-top) .metadata .summary-hero .image-uploader .upload-button {
  top: 0.1em;
}
.document-body:not(.scroll-position-top) .metadata .summary-hero .focus textarea,
.document-body:not(.scroll-position-top) .metadata .summary-hero .focus .image-uploader {
  height: 8em;
}
.document-body:not(.scroll-position-top) .metadata .summary-hero .focus textarea:after,
.document-body:not(.scroll-position-top) .metadata .summary-hero .focus .image-uploader:after {
  opacity: 0.5;
}
.document-body:not(.scroll-position-top) .metadata .summary-hero .focus textarea .upload-button,
.document-body:not(.scroll-position-top) .metadata .summary-hero .focus .image-uploader .upload-button {
  top: 6em;
}
.metadata .meta-bar {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.document-type-rich:not(.read-only) .metadata .meta-bar:before {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  content: " ";
  background-color: rgb(255, 255, 255);
  height: 50px;
  z-index: 0;
}
@media only screen and (max-width: 767px) {
  .metadata .meta-bar {
    border: none;
  }
}
@media only screen and (max-width: 767px) {
  .metadata .meta-bar input.doc-title {
    display: none;
  }
}
.metadata .meta-bar .voting-bar {
  float: left;
  margin: 0;
}
.metadata .meta-bar .voting-bar fieldset {
  float: right;
  width: 400px;
  border-radius: 10px;
}
.metadata .meta-bar .voting-bar fieldset label {
  font-size: 18px;
  line-height: 35px;
  height: 35px;
  border: none;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  .metadata .meta-bar .voting-bar {
    margin-top: 4px;
    width: calc(100% - 100px);
  }
  .metadata .meta-bar .voting-bar fieldset {
    width: 100%;
  }
}
.metadata .meta-extra {
  width: 100%;
  padding: 0;
  margin: 0;
  z-index: 0;
  opacity: 0;
  max-height: calc(100vh - 120px);
  overflow: auto;
  left: 0;
}
@media print {
  .metadata .meta-extra {
    display: none;
  }
}
.metadata .meta-extra.open + #editor-toolbar {
  display: none;
}
.metadata .meta-extra .panel-content {
  padding-top: 30px;
}
.metadata .meta-extra .icon-set {
  padding: 1em 0;
}
@media only screen and (max-width: 1279px) {
  .sidebar-left-open .metadata .meta-extra {
    left: 0;
  }
}
@media only screen and (max-width: 767px) {
  .sidebar-left-open.application-workspace .metadata .meta-extra {
    left: 0;
  }
}
.metadata .meta-extra.open {
  opacity: 1;
}
@media print {
  .metadata {
    padding: 0 0 6% 0;
    background: white;
    position: static !important;
  }
}
.metadata > fieldset {
  margin-bottom: 0;
}
.metadata > fieldset .new-version-details label {
  margin-bottom: 0.5em;
  display: block;
  margin-top: 0.5em;
}
@media only screen and (max-width: 767px) {
  .metadata {
    position: static !important;
  }
}
.metadata .bar {
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  margin-bottom: 0;
  display: block;
  padding: 0.8em 0 0;
}
.metadata .bar .bar-title {
  display: block;
  font-weight: bold;
  font-size: 0.8em;
}
.metadata .bar textarea {
  margin: 0;
  display: block;
  width: 100%;
  resize: none;
}
.metadata .bar input[type=text],
.metadata .bar input[type=date] {
  margin: 0;
}
.metadata .bar > input[type=text] {
  width: 100%;
}
.document-body div.metadata .select2-container input {
  border-style: none;
}

.pat-miller-columns {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  height: 50vh;
  display: flex;
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
  margin: 0;
}
.pat-miller-columns .pat-miller-columns-column-set {
  float: left;
  height: 100%;
  display: flex;
  margin-bottom: 0;
}
.pat-miller-columns .pat-miller-columns-column-set.injecting > * {
  opacity: 0.19;
}
.pat-miller-columns .pat-miller-columns-column-set.injecting.injecting-after *, .pat-miller-columns .pat-miller-columns-column-set.injecting.injecting-content-after * {
  opacity: inherit;
}
.pat-miller-columns .pat-miller-columns-column-set.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
.pat-miller-columns .pat-miller-columns-column-set.injecting {
  border-left: 1px solid silver;
  border-right: 1px solid silver;
}
.pat-miller-columns .pat-miller-columns-column-set.injecting:before {
  position: relative;
  width: 300px;
  left: 0;
  margin-left: 0;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column {
  padding: 10px;
  overflow: auto;
  float: left;
  width: 300px;
  height: 100%;
  border-left: 1px solid silver;
  box-sizing: border-box;
  margin-left: -1px;
  margin-bottom: 0;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-message {
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 16px;
  padding: 10px;
  line-height: 1.4;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .title {
  margin-bottom: 20px;
  font-size: 24px;
  line-height: 1.3;
  font-weight: bold;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .illustration {
  margin: 20px 0;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .illustration img {
  max-width: 100%;
  height: auto;
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .description {
  margin-bottom: 20px;
  font-size: 16px;
  line-height: 1.3;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .pat-grid-list {
  font-size: 16px;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .pat-grid-list dt,
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .miller-columns-item-preview .pat-grid-list dd {
  padding-top: 4px;
  padding-bottom: 4px;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column:has(.miller-columns-item-preview) {
  padding: 20px;
  background-color: white;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column:has(.miller-columns-item-preview) .document-preview-expansive {
  margin-bottom: 15px;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column:has(.miller-columns-item-preview) .sub-title {
  margin-bottom: 15px;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column:has(.miller-columns-item-preview) .sub-title .label:before {
  display: none;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column.placeholder {
  width: 0;
  padding: 0;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item {
  display: block;
  padding: 4px 10px 4px 33px;
  margin: 2px 0;
  line-height: 1.3;
  clear: both;
  float: none;
  border-radius: 10px;
  position: relative;
  overflow: hidden;
  hyphens: auto;
  font-size: 16px;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-emergency-service:before {
  content: "\e936";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-powerpoint:before {
  content: "\e81d";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-word:before {
  content: "\e81b";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-job:before {
  content: "\e848";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-excel:before {
  content: "\e81c";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-folder:before {
  content: "📁";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-youtube:before {
  content: "\f167";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-external-video:before {
  content: "\e841";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-task:before {
  content: "\e829";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-pdf:before {
  content: "\e81a";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-people:before, .pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-contacts:before {
  content: "\e8fb";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-post:before {
  content: "\e879";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-rich:before {
  content: "\e823";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-news:before {
  content: "\e840";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library-item:before {
  content: "\e88b";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library-section:before {
  content: "\e86f";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library-subsection:before {
  content: "\e86f";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-event:before {
  content: "\e810";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-workspace:before {
  content: "\e94a";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-super-space:before, .pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-superspace:before {
  content: "\e94a";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-image:before {
  content: "\e822";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-slideshow:before {
  content: "\e940";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-super-space:before {
  content: "\e94a";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-question:before {
  content: "\f29c";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-link:before {
  content: "\e83b";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-zip:before {
  content: "\e821";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-file-archive:before {
  content: "\e821";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app:before {
  content: "\e926";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-audio:before {
  content: "\e820";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-video:before {
  content: "\e81e";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-contract:before {
  content: "\f2b5";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-file:before {
  content: "\e811";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-email:before {
  content: "\e894";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-plain-text:before {
  content: "\e823";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:before {
  content: "";
  font-family: fontello;
  display: inline-block;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: 1px;
  transform: translateY(-50%);
  width: 34px;
  height: 36px;
  line-height: 36px;
  text-align: center;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-country:before {
  content: "⚑";
  font-size: 1.2em;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-module:before {
  content: "\f1b3";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-profile-question:before {
  content: "\e86e";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-risk:before {
  content: "\e80c";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-tasks:before {
  content: "\e8f7";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-events:before {
  content: "\e8af";
  font-size: 0.8em;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-sector:before {
  content: "\e917";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-documents:before {
  content: "\f15b";
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item[class*=type-app]:before {
  filter: invert(100%);
  background-size: contain;
  background-position: left;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app-library:before {
  background-image: url(../../quaive/app-icons/library.svg);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app-workspaces:before {
  background-image: url(../../quaive/app-icons/workspaces.svg);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app-contacts:before {
  background-image: url(../../quaive/app-icons/contacts.svg);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app-calendar:before {
  background-image: url(../../quaive/app-icons/calendar.svg);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app-news:before {
  background-image: url(../../quaive/app-icons/news.svg);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app-image-bank:before {
  background-image: url(../../quaive/app-icons/image-bank.svg);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.checked {
  background-color: rgba(0, 0, 0, 0.15);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.has-children {
  padding-right: 30px;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.has-children:after {
  font-family: fontello;
  content: "\e8c4";
  position: absolute;
  right: 10px;
  top: 50%;
  font-size: 12px;
  transform: translateY(-50%);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:hover {
  background-color: rgba(0, 0, 0, 0.08);
  color: black;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:focus, .pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:has(:checked) {
  outline: none;
  background-color: #D40E16;
  color: white;
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:focus[class*=type-app]:before, .pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item:has(:checked)[class*=type-app]:before {
  filter: invert(0);
}
.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item > input {
  position: absolute;
  opacity: 0;
}

@media only screen and (max-width: 767px) {
  #mobile-menu {
    position: absolute;
    right: 11px;
    top: 8px;
    width: 32px;
    height: 32px;
    background: none;
    z-index: 100;
    font-size: 20px;
    overflow: hidden;
    margin-right: 0;
  }
  #mobile-menu:before {
    content: "\e878";
    font-family: fontello;
    display: inline-block;
    color: black;
    display: block;
    text-align: center;
    height: 100%;
  }
  #mobile-menu.active:before {
    text-shadow: 0 0 5px white;
  }
  #mobile-menu:after {
    display: none;
  }
  body.modal-active #mobile-menu {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  #mobile-menu {
    display: none;
  }
}
@media print {
  #mobile-menu {
    display: none;
  }
}

@media only screen and (min-width: 768px) {
  div.pat-modal.panel.image-social {
    width: calc(100% - 180px) !important;
  }
}
div.pat-modal.panel.image-social .header {
  position: absolute;
  top: 0;
  left: auto;
  right: 0;
  z-index: 1;
}
div.pat-modal.panel.image-social .header .close-panel {
  width: 40px;
  height: 40px;
  color: transparent;
  background-color: transparent;
  float: left;
  cursor: default;
  margin-right: 10px;
  display: block;
  margin: 0;
  top: 20px;
  right: 20px;
}
div.pat-modal.panel.image-social .header .close-panel:hover:before {
  color: color-mix(in lch, colour-link, black 90%);
}
div.pat-modal.panel.image-social .header .close-panel:before {
  font-family: fontello;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 26px;
  line-height: 40px;
  color: #009ee2;
  margin: 0;
  display: block;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.08);
  content: "\e899";
}
@media only screen and (max-width: 767px) {
  div.pat-modal.panel.image-social .header .close-panel:before {
    background-color: rgba(0, 0, 0, 0.4);
    color: white;
  }
}
div.pat-modal.panel.image-social .panel-content {
  padding: 0;
  margin: 0;
}
div.pat-modal.panel.image-social .panel-content .panel-body {
  padding: 0;
  max-height: 100%;
}
@media only screen and (min-width: 768px) {
  div.pat-modal.panel.image-social .panel-content .panel-body {
    overflow: visible;
  }
}
@media only screen and (min-width: 768px) {
  div.pat-modal.panel.image-social .panel-content .panel-body .image-details-social {
    min-height: 500px;
  }
  div.pat-modal.panel.image-social .panel-content .panel-body .image-details-social .image-section {
    height: calc(94vh - 80px);
  }
  div.pat-modal.panel.image-social .panel-content .panel-body .image-details-social .image-section img {
    max-height: calc(94vh - 100px);
  }
}

.pat-modal.hamburger-menu > .panel-content a {
  display: block;
  border-top: 1px solid silver;
  border-bottom: 1px solid silver;
  margin-bottom: -1px;
  padding: 0.3em 0;
  text-decoration: none;
  color: black;
}

.pat-modal.document-preview .document {
  max-width: 1000px;
}

@media only screen and (min-width: 768px) {
  .pat-modal.tabbed .panel-content {
    overflow: hidden;
    height: 100%;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .pat-modal.tabbed .panel-content {
    overflow: auto;
  }
}
@media only screen and (min-width: 768px) {
  .pat-modal.tabbed .panel-content .panel-tabs {
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    width: 120px;
    margin-right: 3em;
    padding-right: 0;
    z-index: 1;
  }
}
@media only screen and (min-width: 1280px) {
  .pat-modal.tabbed .panel-content .panel-tabs {
    left: 50%;
    margin-left: -629px;
    border-right: 1px solid silver;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pat-modal.tabbed .panel-content .panel-tabs {
    left: 30px;
    border-right: 1px solid silver;
  }
}
@media only screen and (max-width: 767px) {
  .pat-modal.tabbed .panel-content .panel-tabs {
    padding: 0;
  }
}
@media only screen and (max-width: 767px) {
  .pat-modal.tabbed .panel-content .panel-body {
    overflow: visible;
    position: static;
    padding: 0;
  }
}
@media only screen and (min-width: 768px) {
  .pat-modal.tabbed .panel-content .panel-body {
    overflow: auto;
    height: 100%;
    width: 100%;
    max-width: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    position: fixed;
  }
  .pat-modal.tabbed .panel-content .panel-body .container {
    display: table;
    height: 100%;
    width: 100%;
    padding-left: 190px;
  }
  .pat-modal.tabbed .panel-content .panel-body .container .panel-sheets {
    padding: 80px 0;
    display: table-cell;
    vertical-align: middle;
  }
  .pat-modal.tabbed .panel-content .panel-body .container .panel-sheets .sheet-content {
    border-left: 1px silver solid;
  }
}
@media only screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1279px) {
  .pat-modal.tabbed .panel-content .panel-body .container .panel-sheets .sheet-content {
    padding-left: 40px;
    margin-left: -40px;
    max-width: 1010px;
  }
}
@media only screen and (min-width: 768px) and (min-width: 1280px) {
  .pat-modal.tabbed .panel-content .panel-body .container .panel-sheets .sheet-content {
    padding-left: 59px;
    margin-left: -59px;
    max-width: 1010px;
  }
}

.mood-o-meter {
  display: flex;
  width: 100%;
}
.mood-o-meter .mood-o-meter-result {
  display: block;
  padding-top: 10px;
  text-align: center;
  clear: both;
}
.mood-o-meter.verdict-2 label img {
  background: url(../../quaive/style/verdicts.svg) no-repeat;
}
.mood-o-meter.verdict-2 label img {
  border-radius: 50%;
  background-color: #009ee2;
}
.mood-o-meter.verdict-2 label.level-1 img {
  background-position: 0 0;
  transform: rotate(-180deg);
}
.mood-o-meter.verdict-2 label.level-2 img {
  background-position: 0 0;
}
.mood-o-meter.pat-checklist label:not(.checked):hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.mood-o-meter label {
  width: 20%;
  box-sizing: border-box;
  padding: 4%;
  border-radius: 10px;
  border: 4px solid transparent;
}
.mood-o-meter label input {
  position: absolute;
  opacity: 0;
}
.mood-o-meter label img {
  float: left;
  width: 100%;
  background: url(../../quaive/style/moods.svg) no-repeat;
  background-size: auto 100%;
  transition: transform 0.3s cubic-bezier(0.17, 0.67, 0.53, 1.23);
}
.mood-o-meter label.checked {
  border-color: #D40E16;
  background-color: transparent;
}
.mood-o-meter label.level-1 img {
  background-position: 0 0;
}
.mood-o-meter label.level-2 img {
  background-position: 25% 0;
}
.mood-o-meter label.level-3 img {
  background-position: 50% 0;
}
.mood-o-meter label.level-4 img {
  background-position: 75% 0;
}
.mood-o-meter label.level-5 img {
  background-position: 100% 0;
}

.pat-nav-tiles {
  padding: 2em 0;
  display: grid;
}
@media only screen and (max-width: 767px) {
  .pat-nav-tiles {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pat-nav-tiles {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1280px) {
  .pat-nav-tiles {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.pat-nav-tiles .item {
  color: #009ee2;
  margin: 0 0 4% 0;
  text-align: center;
  height: 270px;
  text-decoration: none !important;
  transition: transform 0.2s;
  font-weight: bold;
}
@media (hover: hover) {
  .pat-nav-tiles .item:hover {
    color: color-mix(in lch, colour-link, black 90%);
    text-decoration: none;
  }
  .pat-nav-tiles .item:hover:before {
    color: color-mix(in lch, colour-link, black 90%);
    box-shadow: inset 0 0 0 3px #009ee2;
  }
}
.pat-nav-tiles .item:before {
  width: 200px;
  height: 200px;
  background-color: rgba(0, 0, 0, 0.08);
  color: #009ee2;
  border-radius: 10px;
  box-shadow: inset 0 0 0 3px rgba(var(--colour-link), 0.3);
  line-height: 200px;
  display: block;
  margin: 0 auto 15px;
  text-align: center;
  font-size: 100px;
  transition: box-shadow 0.2s;
}
@media only screen and (max-width: 767px) {
  .pat-nav-tiles .item {
    height: auto;
    width: 100%;
    float: none;
    display: block;
    background-color: transparent;
    margin-bottom: 0.5em;
    padding-bottom: 1em;
    padding-top: 0em;
  }
  .pat-nav-tiles .item:before {
    width: 100%;
    height: 130px;
    line-height: 130px;
  }
}

.quaive-news-item {
  position: relative;
  max-width: 1100px;
  box-sizing: border-box;
  position: relative;
  font-size: 1.2em;
  line-height: 150%;
}
.quaive-news-item.style-events {
  border-radius: 8px;
  max-width: 920px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
}
.quaive-news-item.style-events #comments-document-comments {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
.quaive-news-item .page-modules .page-module .page-module-title {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 1rem;
  -webkit-user-select: text;
  user-select: text;
}
.quaive-news-item .page-function-bar {
  z-index: 3;
}
.quaive-news-item .page-function-bar > a {
  background: rgba(255, 255, 255, 0.2);
  padding: 0 0.9em;
  border-radius: 17px;
  margin-left: 0.5em;
  color: black;
}
.quaive-news-item .page-function-bar > a:hover {
  background: rgba(255, 255, 255, 0.9);
}
@media only screen and (min-width: 768px) {
  .quaive-news-item {
    margin: 0 auto 4em;
    border-radius: 10px;
    width: 100%;
  }
  .quaive-news-item:after {
    content: " ";
    display: table;
    clear: both;
  }
}
@media only screen and (max-width: 767px) {
  .quaive-news-item {
    margin: 0 -15px;
  }
}
.pat-magazine .quaive-news-item {
  margin: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1280px) {
  .pat-magazine .quaive-news-item {
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 2px;
  }
}
@media only screen and (min-width: 768px) {
  .pat-magazine .quaive-news-item {
    padding-right: 16%;
    padding-left: 16%;
  }
  .pat-magazine .quaive-news-item:after {
    content: " ";
    display: table;
    clear: both;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .pat-magazine .quaive-news-item {
    padding-right: 8%;
    padding-left: 8%;
  }
}
@media only screen and (max-width: 767px) {
  .pat-magazine .quaive-news-item {
    padding-right: 15px;
    padding-left: 15px;
  }
}
@media only screen and (min-width: 1280px) {
  .pat-magazine .quaive-news-item .hero {
    margin-left: -12.5%;
    margin-right: -12.5%;
    width: 125%;
  }
}
@media only screen and (max-width: 767px) {
  .quaive-news-item {
    padding-top: 0;
  }
}
.quaive-news-item .title {
  text-transform: uppercase;
  margin-bottom: 50px;
  -webkit-user-select: text;
  user-select: text;
}
@media only screen and (max-width: 767px) {
  .quaive-news-item .title {
    padding-top: 1.2em;
    font-size: 1.5em;
  }
}
.quaive-news-item .hero {
  left: 0;
  transform: none;
  max-width: inherit;
  width: 100%;
  margin-bottom: 2em;
}
.quaive-news-item .hero img {
  width: 100%;
  background-size: cover;
  background-position: center;
}
.quaive-news-item .news-article-summary {
  font-size: 1.7rem;
  line-height: 1.5;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-bottom: 1.5rem;
  font-weight: thin;
}
.quaive-news-item .news-article-metadata {
  color: black;
  font-weight: bold;
  font-size: 0.85em;
  line-height: 1.4;
  margin-bottom: 1.2em;
}
.quaive-news-item .news-article-metadata li {
  padding: 0;
}
.quaive-news-item .news-article-metadata li:before {
  display: none;
}
.quaive-news-item .news-article-metadata .news-article-metadata-credits,
.quaive-news-item .news-article-metadata .news-article-metadata-credits a {
  color: #f73558;
}
.quaive-news-item .main-content blockquote {
  font-size: 40px;
  line-height: 1.4;
  word-wrap: break-word;
  margin: 1.5em 0;
  position: relative;
  border: none;
  color: rgba(0, 0, 0, 0.5);
  font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
  font-style: italic;
}
.quaive-news-item .main-content blockquote *:last-child {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .quaive-news-item .main-content blockquote {
    padding: 0 2.5em;
  }
  .quaive-news-item .main-content blockquote:before {
    content: "“";
    font-size: 4em;
    font-weight: bold;
    font-style: normal;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0.85em;
    color: rgba(0, 0, 0, 0.2);
  }
}
.quaive-news-item .main-content .external-references {
  font-size: 16px;
  line-height: 1.4;
  color: rgba(0, 0, 0, 0.5);
}
.quaive-news-item .main-content .external-references a {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
}

.news-article-submission-form {
  margin-top: 40px;
}
.news-article-submission-form .button-bar {
  margin: 0 !important;
}
.news-article-submission-form .button-bar .pat-button {
  margin: 0;
}

.news-block {
  animation: fadeIn 1s;
}
@media only screen and (min-width: 1280px) {
  .span-2 .news-block {
    margin: 0 -1em;
  }
  .span-2 .news-block .item {
    width: 33%;
    float: left;
    border-bottom: none;
    padding: 0 1em;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .span-2 .news-block .item a {
    padding: 0 0 2em;
  }
  .span-2 .news-block .item:first-child {
    width: 100%;
    float: none;
  }
  .span-2 .news-block .item .functions {
    left: 1.2em;
    right: 1.2em;
    top: 0.5em;
    width: auto;
  }
  .span-2 .news-block .item img {
    width: 100%;
    margin-bottom: 0.8em;
  }
}
.news-block .item {
  color: #dedede;
  font-size: 0.8em;
  line-height: 145%;
  position: relative;
  border-bottom: 0.1em silver solid;
}
.span-1 .news-block .item {
  height: auto !important;
}
.news-block .item:first-child {
  font-size: 1em;
  padding-bottom: 1em;
  padding-top: 0;
  height: 0;
}
.news-block .item:first-child.equalised {
  height: auto !important;
}
.news-block .item:first-child img {
  width: 100%;
  margin-bottom: 0.8em;
}
.news-block .item:first-child .title:after {
  content: " — ";
}
@media only screen and (max-width: 767px) {
  .news-block .item:first-child .description {
    display: inline;
  }
}
.news-block .item:first-child .functions {
  width: auto;
}
.news-block .item:first-child .functions button {
  width: auto;
  padding: 0 0.5em;
}
.news-block .item:hover {
  background-color: white;
}
.news-block .item a {
  padding: 0.4rem 0;
  color: black;
  overflow: hidden;
  display: block;
  position: relative;
}
.news-block .item a:hover {
  text-decoration: none;
}
.news-block .item a:hover .functions {
  opacity: 1;
}
.news-block .item .functions {
  position: absolute;
  left: 0.3em;
  top: 0.95em;
  font-size: 1.15em;
  width: 30.2%;
}
.news-block .item .functions button {
  margin: 0;
  background-color: white;
  padding: 0 0 0 0.1em;
  transition: all 0.1s;
  width: 1.65em;
  overflow: hidden;
  text-overflow: inherit;
  max-width: 100%;
}
.news-block .item:hover .functions button {
  width: auto;
  padding: 0 0.5em;
  text-overflow: ellipsis;
}
.news-block .item .title {
  font-weight: bold;
  display: inline;
  text-transform: uppercase;
}
@media only screen and (min-width: 768px) {
  .news-block .item .title:after {
    content: " — ";
  }
}
.news-block .item .description {
  display: inline;
}
@media only screen and (max-width: 767px) {
  .news-block .item .description {
    display: none;
  }
}
.news-block .item img {
  float: left;
  width: 33%;
  margin-right: 1em;
  position: relative;
  top: 0.2em;
  margin-bottom: 0.5em;
  box-shadow: inset 0 0 2em rgba(0, 0, 0, 0.1);
  background-size: cover;
  background-position: center center;
}
.news-block .item img:not([style]) {
  background: url(../../quaive/style/placeholder-news-item.svg);
}
.news-block .item.item-type-event img:not([style]) {
  background: url(../../quaive/style/placeholder-event.svg);
}

.news-feed {
  clear: both;
  position: relative;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .news-feed {
    font-size: 14px;
  }
}
.news-feed.pat-well {
  background-color: white;
  font-size: 0.8em;
}
.news-feed h2 {
  margin-bottom: 0.7em;
  font-weight: 800;
  font-size: 1.5em;
  line-height: 1.4em;
  text-align: center;
}
.news-feed .item {
  position: relative;
  font-size: 0.9em;
  line-height: 1.4em;
  overflow: hidden;
}
.news-feed .item .edit-button {
  position: absolute;
  top: 0.5em;
  right: 0.5em;
  width: 2em;
  height: 2em;
  display: none;
}
.news-feed .item .edit-button:before {
  content: "✎";
  border-radius: 50%;
  width: 2em;
  height: 2em;
  line-height: 2em;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
}
@media only screen and (min-width: 1280px) {
  .news-feed .item:hover .edit-button {
    display: block;
  }
}
.news-feed .item.columns .edit-button {
  margin-right: 15px;
}
.news-feed .item.four.columns {
  font-size: 0.8em;
}
.news-feed .item:after {
  content: " ";
  padding-bottom: 1em;
  position: absolute;
  bottom: 0;
}
.news-feed .item.columns:after {
  left: 15px;
  right: 15px;
}
.news-feed .item .follow {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.7);
}
.news-feed .item .follow:hover {
  color: black;
}
.news-feed .item .follow img {
  margin-bottom: 1em;
  max-width: 100%;
  -moz-background-size: cover;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.news-feed .item .follow figure,
.news-feed .item .follow img {
  left: 0;
  transform: inherit;
  width: 100%;
}
.news-feed .item .follow h3 {
  margin-bottom: 0;
  font-weight: 800;
  font-size: 1em;
  line-height: 1.4em;
  color: black;
  text-transform: uppercase;
}
.news-feed .item .follow h3 .category,
.news-feed .item .follow h3 .comment-count {
  float: right;
  margin-top: 0.35em;
  margin-left: 0.4em;
  font-size: 0.7em;
  display: inline-block;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  padding: 0 0.5em;
  line-height: 153%;
  font-weight: normal;
  font-style: normal;
  border-radius: 0.4em;
}
.news-feed .item .follow h3 .comment-count:before {
  font-family: fontello;
  font-size: 0.9em;
  content: "\e806";
  display: inline-block;
  margin-right: 0.4em;
}
.news-feed .item .follow h3 + .byline {
  color: gray;
  font-size: 0.8em;
  font-style: italic;
  margin-bottom: 0.2em;
}
.news-feed .item .follow strong {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}
.news-feed .item .follow .description {
  margin-bottom: 2em;
}
.news-feed .item.level-3 {
  clear: both;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.news-feed .item.level-3:after {
  left: 0;
  right: 0;
}
.news-feed .item.level-3 .edit-button {
  top: 1.4em;
  right: 80.7%;
}
.news-feed .item.level-3 .follow {
  padding: 1em 0;
  float: left;
  width: 100%;
}
.news-feed .item.level-3 .follow .description {
  position: relative;
  top: -0.2em;
  margin: 0;
}
.news-feed .item.level-3 .follow h3 {
  position: relative;
  top: -0.2em;
}
.news-feed .item.level-3 .follow figure {
  float: left;
  float: left;
  margin-bottom: 0;
  width: 20%;
  margin-right: 15px;
}
.news-feed .item.item-1 img {
  width: 100%;
  margin-bottom: 1em;
}
.news-feed .item.item-1 .teaser {
  padding-bottom: 2em;
}

.notifications {
  margin-bottom: 1em;
}
.pat-notification-panel .notifications {
  border: none;
  margin: 0;
}
.pat-notification-panel .notifications .notification {
  border: none;
}
.pat-notification-panel .notifications .notification a {
  text-decoration: none;
}
.notifications .notification {
  overflow: hidden;
  padding: 0;
  line-height: 1.4;
  border-radius: 8px;
  margin: 0 -10px 0;
}
.notifications .notification:first-child {
  margin-top: -10px;
}
.pat-notification-container .notifications .notification {
  margin: -10px;
}
.notifications .notification.state-unread .follow:after {
  width: 10px;
  height: 10px;
  color: transparent !important;
  overflow: hidden;
  border: 2px solid white;
  padding: 0;
  border-radius: 50%;
  background-color: rgb(104, 192, 255);
  background: linear-gradient(to bottom, #8fcae7 0%, #007bc7 100%);
  display: inline-block;
  margin-top: 0;
}
.notifications .notification.unseen .follow {
  background: #d5e2f6;
}
.notifications .notification .follow {
  text-decoration: none;
  line-height: 1.3;
  color: black;
  padding: 10px 10px 10px 66px;
  border-radius: 10px;
  display: block;
  position: relative;
}
.notifications .notification .follow .message {
  margin: 2px 0 1px 0;
}
.notifications .notification .follow:hover {
  background-color: rgba(0, 0, 0, 0.0784313725);
}
.notifications .notification .follow .app-icon {
  position: absolute;
  top: 40px;
  left: 40px;
  width: 17px;
  height: 17px;
  border-radius: 4px;
  box-shadow: 0 0 2px black;
}
.notifications .notification .follow.type-app .app-icon {
  position: static;
  width: 46px;
  height: 46px;
  float: left;
  margin: 2px 0 0 -54px;
  box-shadow: none;
  border-radius: 9px;
}
.notifications .notification .follow .pat-avatar {
  float: left;
  margin: 2px 0 0 -54px;
  width: 46px;
  height: 46px;
}
.notifications .notification .follow.type-app .pat-avatar {
  display: none;
}
.notifications .notification .datestamp {
  display: block;
  color: gray;
  font-size: 0.9em;
  font-style: italic;
  margin-bottom: 4px;
}

#notifications .all-notifications {
  display: none;
}
#notifications ul.notifications li {
  padding-left: 2.7em;
}
#notifications ul.notifications li:before {
  display: none;
}

.tooltip-container #notifications .all-notifications {
  display: block;
}

.object-history {
  position: relative;
}
.object-history:before {
  content: " ";
  display: block;
  position: absolute;
  width: 0.3em;
  top: 2em;
  bottom: 2em;
  left: 1.75em;
  background: #D40E16;
  z-index: 1;
}
.object-history .object {
  margin-bottom: 1em;
  padding-left: 4.2em;
  position: relative;
}
.object-history .object:after {
  content: " ";
  display: table;
  clear: both;
}
.object-history .object .user-name {
  padding-top: 0.4em;
}
.object-history .object.user-inactive .meta {
  color: gray;
}
.object-history .object.user-inactive .meta .pat-avatar {
  filter: grayscale(100%) brightness(200%) contrast(40%);
}
.object-history .object .byline {
  padding-bottom: 0.4em;
  margin-bottom: 0;
}
.object-history .object .byline * {
  font-style: normal;
}
.object-history .object .pat-avatar {
  position: absolute;
  left: 0;
  top: 0;
  border: #D40E16 0.3em solid;
  width: 3.2em;
  height: 3.2em;
  z-index: 1;
}
.object-history.action-centric:before {
  display: none;
}
.object-history.action-centric .object {
  background-color: rgba(0, 0, 0, 0.08);
  margin-bottom: 0.25em;
  padding-left: 3.2em;
  padding-right: 1em;
}
.object-history.action-centric .object .title:before {
  font-family: fontello;
  content: "";
  display: block;
  margin: 0;
  position: absolute;
  left: 0.96em;
  top: 0.96em;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.9em;
  width: 1.6em;
  height: 1.85em;
  font-size: 1em;
  z-index: 1;
  text-align: center;
}
.object-history.action-centric .object .title.action-edited:before {
  content: "✎";
}
.object-history.action-centric .object .title.action-deleted:before {
  content: "\e729";
}
.object-history.action-centric .object .title.action-created:before {
  content: "\e831";
  line-height: 2em;
}
.object-history.action-centric .object .title.action-state:before {
  content: "\e852";
}

.onscreen-help {
  cursor: help !important;
  color: white !important;
  width: 30px !important;
  height: 30px !important;
  line-height: 30px !important;
  border-radius: 50% !important;
  position: relative !important;
  z-index: 10;
  margin: 0 -2.2rem -2.2rem 0;
  padding: 0 !important;
  text-indent: 3rem !important;
  background-color: rgba(0, 0, 0, 0.2);
  font-style: normal;
  text-shadow: 0 0.1rem 0.5rem black;
  overflow: hidden;
  opacity: 0 !important;
  text-decoration: none !important;
  pointer-events: none;
  -moz-animation: pulse 1s infinite;
  -webkit-animation: pulse 1s infinite;
  animation: pulse 1s infinite;
}
@media screen and (min-width: 0\0 ) {
  .onscreen-help {
    display: none;
  }
}
.osh-on .onscreen-help {
  opacity: 0.5 !important;
  pointer-events: auto;
  display: inline-block;
}
#portal-tabs .onscreen-help {
  clear: none;
  position: absolute !important;
}
#portal-tabs .onscreen-help:after {
  display: none;
}
.osh-on #portal-tabs .onscreen-help {
  display: inline-block !important;
}
.onscreen-help#osh-target-hamburger {
  top: 0;
  left: 0;
  position: absolute !important;
}
@media only screen and (min-width: 1280px) {
  .onscreen-help#osh-target-hamburger {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .onscreen-help#osh-target-portal-suite {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .onscreen-help#osh-target-back-to-portal {
    top: 0;
    left: -15px;
    position: fixed !important;
  }
}
.onscreen-help#osh-target-dashboard-view {
  position: absolute !important;
  margin-left: -1em;
}
.onscreen-help#osh-target-post-message {
  top: 0.25em;
}
.portlet .onscreen-help {
  float: right;
  margin-top: -0.8em;
  margin-right: 1.2em;
}
.onscreen-help.active {
  opacity: 1;
}
.onscreen-help:before {
  font-family: fontello;
  content: "\e94b";
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
  font-size: 1.8rem;
  text-align: center;
  width: 100%;
  height: 100%;
}

.page-function-bar {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  font-size: 0.7em;
}
@media print {
  .page-function-bar {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .page-function-bar {
    padding: 1.2% 20px;
  }
}
@media only screen and (max-width: 767px) {
  .page-function-bar {
    padding: 15px;
  }
}
.page-function-bar > .context-menu {
  float: right;
}
.page-function-bar > a,
.page-function-bar > .context-menu .context-menu-label {
  float: right;
  color: #666;
  margin: 0 0 0 1em;
}
.page-function-bar > a:hover, .page-function-bar > a.collapsible-open,
.page-function-bar > .context-menu .context-menu-label:hover,
.page-function-bar > .context-menu .context-menu-label.collapsible-open {
  color: black;
  text-decoration: none;
}
.page-function-bar > a.active,
.page-function-bar > .context-menu .context-menu-label.active {
  color: #D40E16;
}
.page-function-bar .back {
  float: left;
  margin: 0 1em 0 0;
}
@media only screen and (min-width: 1280px) {
  .page-function-bar .back {
    display: none;
  }
}
.page-function-bar .back:before {
  font-family: fontello;
  content: "\e75d";
  display: inline-block;
  margin-right: 0.8em;
}

.quaive-page-head {
  margin-bottom: 50px;
}

.page-renders {
  overflow: hidden;
  background: white;
}
.page-renders .page {
  float: left;
  width: 100%;
  margin: 0;
}
.page-renders .page-compound {
  position: relative;
  background-color: rgba(0, 0, 0, 0.05);
  float: left;
  width: 100%;
  height: auto;
  border-top: 1px rgba(0, 0, 0, 0.1) solid;
}
.page-renders .page-compound.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  color: #666;
  z-index: 0;
}
.page-renders .page-compound .executed {
  display: none;
}
.page-renders .page-compound .image-loader {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  color: transparent;
  padding-top: 100%;
  top: -100%;
}
.page-renders .page-compound .image-loader:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  color: rgba(0, 0, 0, 0.8);
  top: 75%;
}
.page-renders .page-compound .gallery-item {
  z-index: 1;
  width: 100%;
  display: block;
}
.page-renders .page-compound .gallery-item img,
.page-renders .page-compound .gallery-item svg {
  background-color: white;
  width: 100%;
  height: 100%;
}
.page-renders .message.no-preview:not(.error):before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  left: 46px;
  font-size: 40px;
  transform: translateY(-50%);
}
.page-renders .message.no-preview, .page-renders .message.max-preview {
  border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  padding: 1.2rem 1.2rem 1.2rem 5.2rem;
  line-height: 1.4;
  background-color: white;
  position: relative;
  width: 60%;
  margin: 15px auto 60px;
  display: block;
  font-size: 1.2rem;
}
.page-renders .message.no-preview[href]:hover, .page-renders .message.max-preview[href]:hover {
  text-decoration: none;
}
.page-renders .message.no-preview[href]:hover .download-line, .page-renders .message.max-preview[href]:hover .download-line {
  text-decoration: underline;
}
.page-renders .message.no-preview .title, .page-renders .message.max-preview .title {
  color: black;
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin: 0 0 0.2rem 0;
}
.page-renders .message.no-preview .byline, .page-renders .message.max-preview .byline {
  display: block;
  padding: 0;
  margin: 0 0 0.2rem 0;
}
.page-renders .message.no-preview .download-line, .page-renders .message.max-preview .download-line {
  margin: 0;
  color: #009ee2;
}
.page-renders .message.no-preview.error, .page-renders .message.max-preview.error {
  background-color: color-mix(in lch, var(--colour-error), black 55%);
  color: var(--colour-error);
  border: 1px white solid;
}
.page-renders .message.no-preview.error .byline, .page-renders .message.max-preview.error .byline {
  color: red;
}
.page-renders .message.no-preview.error .title, .page-renders .message.no-preview.error:before, .page-renders .message.max-preview.error .title, .page-renders .message.max-preview.error:before {
  color: color-mix(in lch, var(--colour-error), black 30%);
}
.page-renders .message.no-preview:before, .page-renders .message.max-preview:before {
  font-family: fontello;
  content: "\e811";
  line-height: 1.85rem;
  width: 5rem;
  font-size: 2rem;
  position: absolute;
  top: 50%;
  left: 0.4rem;
  transform: translateY(-50%);
  text-align: center;
  color: gray;
}
.page-renders:after {
  content: " ";
  display: table;
  clear: both;
}
.document-type-video .page-renders, .document-type-external-video .page-renders {
  margin-top: 0;
}
.document-type-youtube .page-renders {
  margin-top: 0;
}
.document-type-youtube .page-renders .youtube-player {
  width: 100%;
}
.page-renders .page {
  width: 100%;
}
.page-renders video {
  width: 100%;
  float: left;
  background-color: #efefef;
}
.page-renders video:focus {
  outline: none;
}
.page-renders h1 {
  font-weight: 200;
  font-size: 2em;
  line-height: 1.3;
  margin-bottom: 0.7em;
}
.page-renders audio {
  width: 100%;
}
.page-renders audio:focus {
  outline: none;
}
.page-renders img {
  background-color: white;
  max-width: 100%;
  display: block;
  margin: 0 auto;
}

.page-module {
  display: block;
  margin: -100px auto 0;
  padding-top: 100px;
  -moz-pointer-events: none;
  -webkit-pointer-events: none;
  pointer-events: none;
}
.page-module:after {
  content: " ";
  display: table;
  clear: both;
}
.page-module > * {
  -moz-pointer-events: auto;
  -webkit-pointer-events: auto;
  pointer-events: auto;
}
.page-module .page-module-title {
  margin: 0rem 0rem 0.75rem 0rem;
  font-size: 1.80203rem;
  line-height: 1.38732;
  -webkit-margin-after: 0.75rem;
  margin-block-end: 0.75rem;
  -webkit-margin-before: 1.5rem;
  margin-block-start: 1.5rem;
  margin-block-start: 1.5rem-"1.25rem";
}
.page-module .page-module-title.assistive {
  position: absolute !important;
}
.page-module .page-module-group-title {
  font-size: 1.423828125rem;
  line-height: 1.4046639232;
  display: block;
  font-weight: bold;
  margin: 0rem 0rem 0.5rem 0rem;
}
.page-module .page-module-footer a {
  font-weight: bold;
}
.page-module .page-module-footer a:hover {
  text-decoration: underline;
}
.page-module.type-schedule .day-title {
  display: block;
}
.page-module.type-link .quaive-link-tile {
  margin: 2rem auto;
}
@media only screen and (min-width: 768px) {
  .page-module.type-link .quaive-link-tile {
    width: 60%;
  }
}
.page-module.type-video .quaive-video {
  margin-bottom: 2rem;
}
.page-module.type-audio .quaive-audio {
  position: relative;
  background-size: 200% 100%;
  background: linear-gradient(90deg in hsl longer hue, red 0 50%) 0/200%;
  animation: rainbow-loop 6s linear infinite;
  margin-bottom: 2rem;
  padding: 2rem;
  padding: 9rem 10rem;
  box-sizing: border-box;
}
@keyframes rainbow-loop {
  to {
    background-position: 100%;
  }
}
.page-module.type-audio .quaive-audio audio {
  position: relative;
  z-index: 2;
}
.page-module.type-audio .quaive-audio:after {
  left: 0;
  top: 0;
  content: " ";
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
  background: url(../../quaive/style/sound-waves-3-i.png) no-repeat center;
  background-size: 100% 100%;
}
.page-module.type-vimeo .quaive-vimeo-player {
  margin-bottom: 2rem;
}
.page-module.type-agenda ol.agenda, .page-module#page-module-agenda ol.agenda {
  counter-reset: agenda;
  line-height: 1.5;
}
.page-module.type-agenda ol.agenda .agenda-item, .page-module#page-module-agenda ol.agenda .agenda-item {
  padding: 0.1em 0 0.1em 1.5em;
  position: relative;
}
.page-module.type-agenda ol.agenda .agenda-item:before, .page-module#page-module-agenda ol.agenda .agenda-item:before {
  counter-increment: agenda;
  content: counter(agenda) ".";
  display: inline-block;
  position: absolute;
  top: 0.1em;
  left: 0;
}
.page-module.type-agenda ol.agenda .agenda-item .attachment-list, .page-module#page-module-agenda ol.agenda .agenda-item .attachment-list {
  background: none;
  padding: 0;
  font-size: 0.8em;
  margin-top: 8px;
}
.page-module.type-agenda ol.agenda .agenda-item .attachment-list .attached-file, .page-module#page-module-agenda ol.agenda .agenda-item .attachment-list .attached-file {
  margin: 0;
  position: relative;
  padding-left: 1.5em;
}
.page-module.type-agenda ol.agenda .agenda-item .attachment-list .attached-file a, .page-module#page-module-agenda ol.agenda .agenda-item .attachment-list .attached-file a {
  color: #D40E16;
}
.page-module.type-agenda ol.agenda .agenda-item .attachment-list .attached-file a:before, .page-module#page-module-agenda ol.agenda .agenda-item .attachment-list .attached-file a:before {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.5;
}
.page-module.type-icon-tile-navigation {
  padding-bottom: 1rem;
}
.page-module.type-object figcaption .enlarge-link {
  color: gray;
  text-decoration: none;
  float: right;
  cursor: pointer;
}
.page-module.type-object figcaption .icon-right-dir:before {
  transform: scale(1.4);
}
.page-module.type-object .enlarge-button {
  position: absolute;
  top: 0;
  right: 10px;
  bottom: 0;
  left: 10px;
  z-index: 1;
  color: transparent;
  overflow: hidden;
}
.page-module.type-object .enlarge-button:before {
  position: absolute;
  font-family: fontello;
  content: "\e8f8";
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background-color: rgba(0, 0, 0, 0.4);
  font-size: 50px;
  display: block;
  text-align: center;
  padding: 0;
  margin: -10px 0 0 0;
}
.page-module.pat-collapsible + .page-module.pat-collapsible {
  margin-top: -100px;
}
.page-module.pat-collapsible .page-module-title {
  min-height: 60px;
  font-weight: normal;
  color: #009ee2;
  padding: 10px 40px 10px 39px;
  margin: -1px 0 0;
  position: relative;
  -webkit-user-select: none;
  user-select: none;
  cursor: default;
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  border-top: 1px solid #009ee2;
  border-bottom: 1px solid #009ee2;
  transition: 0.2s padding;
}
.page-module.pat-collapsible .page-module-title:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.page-module.pat-collapsible .page-module-title .title-segment {
  padding: 10px 20px 10px 39px;
  margin: -10px 0 -10px -39px;
  width: 100%;
  display: flex;
  justify-content: flex-start;
  font-size: 26px;
  line-height: 34px;
}
.page-module.pat-collapsible .page-module-title .title-segment .fraction-name {
  padding: 4px 0;
}
.page-module.pat-collapsible .page-module-title .title-segment .fraction-id {
  border-radius: 4px;
  font-size: 16px;
  line-height: 33px;
  position: relative;
  top: 5px;
  height: 32px;
  margin-right: 10px;
  background: #009ee2;
  filter: brightness(0.92);
  font-weight: normal;
  font-family: monospace;
  color: rgba(0, 0, 0, 0.6);
  padding: 0 15px;
  display: inline-block;
}
.page-module.pat-collapsible .page-module-title .buttons-segment {
  white-space: nowrap;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select {
  --pat-select-box-height: 39px;
  --pat-select-box-padding-top-bottom: 0;
  --pat-select-box-box-shadow: none;
  padding: 0 75px 0 12px;
  display: inline-block;
  height: var(--pat-select-box-height);
  line-height: var(--pat-select-box-height);
  padding-top: var(--pat-select-box-padding-top-bottom);
  padding-bottom: var(--pat-select-box-padding-top-bottom);
  padding-left: var(--pat-select-box-padding-start);
  padding-right: calc(var(--pat-select-box-arrow-width) + var(--pat-select-box-padding-start) / 2);
  position: relative;
  font-weight: normal !important;
  position: relative;
  box-sizing: border-box;
  border: var(--pat-form-input-field-border);
  border-radius: var(--pat-form-input-field-border-radius);
  box-shadow: var(--pat-select-box-box-shadow);
  outline: var(--pat-form-input-field-outline);
  outline-offset: var(--pat-form-input-field-outline-offset);
  color: var(--pat-select-box-arrow-text-colour);
  font-size: var(--pat-select-box-font-size);
  max-width: 100%;
  background-color: var(--pat-select-box-background-colour);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  cursor: default;
  vertical-align: middle;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select:hover {
  background-color: var(--pat-select-box-background-colour-hover);
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft], .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft {
  background-color: #fbead9;
  color: #996300;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft]:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft:after {
  background-color: #f6d4b2;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft]:before, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft]:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft:before, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft:after {
  color: #996300;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft]:hover, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft].tooltip-active-click, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft:hover, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft.tooltip-active-click {
  background-color: #f9ddc2;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft]:hover:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=draft].tooltip-active-click:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft:hover:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-draft.tooltip-active-click:after {
  background-color: #f3c79b;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review], .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review {
  background-color: #f2d9e7;
  color: #a90061;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review]:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review:after {
  background-color: #e5b3d0;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review]:before, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review]:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review:before, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review:after {
  color: #5d0035;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review]:hover, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review].tooltip-active-click, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review:hover, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review.tooltip-active-click {
  background-color: #ecc6db;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review]:hover:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=for-review].tooltip-active-click:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review:hover:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-for-review.tooltip-active-click:after {
  background-color: #dfa0c4;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved], .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved {
  background-color: #e1eddb;
  color: #2b6709;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved]:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved:after {
  background-color: #c4dbb6;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved]:before, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved]:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved:before, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved:after {
  color: #1b4106;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved]:hover, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved].tooltip-active-click, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved:hover, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved.tooltip-active-click {
  background-color: #d3e5ca;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved]:hover:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=approved].tooltip-active-click:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved:hover:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-approved.tooltip-active-click:after {
  background-color: #b6d3a5;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published], .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent], .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent {
  background-color: #e5f0f9;
  color: #01354f;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published]:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent]:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent:after {
  background-color: #cce0f1;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published]:before, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published]:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent]:before, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent]:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published:before, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent:before, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent:after {
  color: #01354f;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published]:hover, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published].tooltip-active-click, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent]:hover, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent].tooltip-active-click, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published:hover, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published.tooltip-active-click, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent:hover, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent.tooltip-active-click {
  background-color: #d0e4f4;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published]:hover:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=published].tooltip-active-click:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent]:hover:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[data-value=sent].tooltip-active-click:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published:hover:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-published.tooltip-active-click:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent:hover:after, .page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.state-sent.tooltip-active-click:after {
  background-color: #b8d4ec;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.locked:before {
  font-family: fontello;
  content: "\e8a3";
  display: inline-block;
  margin-right: 5px;
  float: left;
  font-size: inherit;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select:not([class*=icon-]):before {
  font-size: var(--pat-select-box-font-size);
  content: attr(data-option);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select[class*=icon-]:before {
  margin-left: -5px;
  margin-right: 8px;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select select {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100% !important;
  width: 100% !important;
  opacity: 0;
  margin: 0;
  z-index: 1;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select select option {
  font-size: initial;
  color: black;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select:after {
  font-family: fontello;
  content: "\e856";
  width: var(--pat-select-box-arrow-width);
  background-color: var(--pat-select-box-arrow-background-colour);
  background-image: none;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  font-size: var(--pat-select-box-arrow-size);
  border-top-right-radius: var(--pat-form-fields-border-radius);
  border-bottom-right-radius: var(--pat-form-fields-border-radius);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select option:disabled {
  color: silver;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .pat-select.injecting {
  opacity: 0.3;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .icon {
  color: transparent;
  width: 39px;
  height: 39px;
  line-height: 39px;
  position: relative;
  background: #009ee2;
  display: inline-block;
  margin-left: 5px;
  cursor: default;
  vertical-align: middle;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .icon:hover {
  text-decoration: none;
  background: #009ee2;
}
.page-module.pat-collapsible .page-module-title .buttons-segment .icon:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  color: white;
  line-height: 39px;
  font-size: 20px;
  width: 100%;
  margin: 0;
}
.page-module.pat-collapsible .page-module-title:before {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-family: fontello;
  content: "\e856";
  display: inline-block;
  width: 40px;
  text-align: center;
  font-weight: normal;
  font-size: 20px;
  pointer-events: none;
}
.page-module.pat-collapsible .page-module-title.collapsible-open:focus, .page-module.pat-collapsible .page-module-title.collapisble-closed:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.page-module.pat-collapsible .page-module-title.collapsible-open, .page-module.pat-collapsible .page-module-title.collapsible-closed.collapsible-in-progress {
  border-bottom: none;
  padding-top: 20px;
  padding-bottom: 20px;
}
.page-module.pat-collapsible .page-module-title.collapsible-open:before, .page-module.pat-collapsible .page-module-title.collapsible-closed.collapsible-in-progress:before {
  content: "\e855";
}
.page-module.pat-collapsible.open .page-module-title:before {
  content: "\e855";
}
.page-module.pat-collapsible > .panel-content {
  padding: 0 0 20px;
}
.page-module h2 a,
.page-module .page-module-title a {
  text-decoration: none;
  color: black;
}
.page-module h2 a[href]:not(.follow):not(.icon):after,
.page-module .page-module-title a[href]:not(.follow):not(.icon):after {
  font-family: fontello;
  content: "🔗";
  margin-left: 0.5em;
  font-size: 1em;
  text-decoration: none !important;
  position: absolute;
}
.page-module h2 a[href]:hover,
.page-module .page-module-title a[href]:hover {
  text-decoration: underline;
}
.page-module h2 a[href]:hover:after,
.page-module .page-module-title a[href]:hover:after {
  text-decoration: none !important;
}
.page-module h2 a.follow,
.page-module .page-module-title a.follow {
  font-size: 1.7rem;
  color: #009ee2;
  text-decoration: underline;
  opacity: 0.6;
}
.page-module h2 a.follow:hover,
.page-module .page-module-title a.follow:hover {
  opacity: 1;
}
.page-module h2 a.follow:before,
.page-module .page-module-title a.follow:before {
  content: "(";
}
.page-module h2 a.follow:after,
.page-module .page-module-title a.follow:after {
  content: ")";
}
.page-module.type-listing .page-module-title + .link-list,
.page-module.type-listing .page-module-summary + .link-list {
  margin-top: 20px;
}
.page-module.pat-collapsible + .page-module.type-links .page-module-title, .page-module.pat-collapsible + .page-module.type-attributions .page-module-title {
  padding-top: 0.5rem;
  border-top: none;
  margin-top: 80px;
}
.page-module.pat-collapsible + .page-module.type-attributions + .page-module.type-links .page-module-title {
  border-top: none;
}
.page-module.type-body-text-segment.pat-collapsible {
  margin-top: calc(-100px + 3rem);
}
.page-module.type-body-text-segment.pat-collapsible:first-child {
  margin-top: -100px;
}
.page-module.type-body-text-segment .section-introduction {
  font-weight: bold;
}
.page-module.type-body-text-segment > * {
  -moz-pointer-events: all;
  -webkit-pointer-events: all;
  pointer-events: all;
}

ol.toc {
  margin: 0;
  font-size: 12px;
  list-style-type: none;
  counter-reset: thumbs;
  overflow: auto;
  white-space: nowrap;
  background: white;
}
@media only screen and (min-width: 768px) {
  ol.toc {
    padding: 70px 10% 0;
  }
}
@media only screen and (max-width: 767px) {
  ol.toc {
    padding: 10px 15px 0;
  }
}
@media print {
  ol.toc {
    display: none;
  }
}
ol.toc.list {
  list-style-type: decimal;
}
ol.toc li {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 5px;
}
ol.toc li:after {
  counter-increment: thumbs;
  content: counter(thumbs);
  display: block;
  line-height: 23px;
  font-size: 12px;
  text-align: center;
}
ol.toc li a {
  height: 70px;
  border: 1px solid #d3d3d3;
  overflow: hidden;
  display: block;
}
ol.toc li a.current {
  outline: 3px solid #D40E16;
}
ol.toc li a.aspect-hd {
  width: 125px;
}
ol.toc li a.aspect-sd {
  width: 95px;
}
ol.toc li a.aspect-sd .slide {
  -moz-transform: scale(0.075);
  -webkit-transform: scale(0.075);
  transform: scale(0.075);
  width: 1280px;
  height: 960px;
  white-space: normal;
}
ol.toc li a .slide {
  -moz-transform: scale(0.1);
  -webkit-transform: scale(0.1);
  transform: scale(0.1);
  -moz-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 1280px;
  height: 720px;
  white-space: normal;
}
ol.toc li a > img {
  height: 70px;
}

.photo-tiles {
  --photo-tiles-caption-font-size: 1.5101977836rem;
  display: grid;
  grid-gap: 30px;
}
.photo-tiles *[href]:hover picture {
  transform: scale(1.03);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 1280px) {
  .photo-tiles {
    grid-template-columns: repeat(3, 1fr);
  }
  .photo-tiles:has(:nth-child(12)) {
    grid-template-columns: repeat(4, 1fr);
    --photo-tiles-caption-font-size: 1.3rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .photo-tiles {
    grid-template-columns: repeat(2, 1fr);
  }
  .photo-tiles:has(:nth-child(12)) {
    grid-template-columns: repeat(3, 1fr);
    --photo-tiles-caption-font-size: 1rem;
  }
}
@media only screen and (max-width: 767px) {
  .photo-tiles {
    grid-template-columns: 1fr;
  }
}
.photo-tiles .photo-tiles-tile img,
.photo-tile img {
  width: 100%;
  aspect-ratio: 21/9;
  object-fit: cover;
  display: block;
  border-radius: 10px;
}
.photo-tiles .photo-tiles-tile picture,
.photo-tile picture {
  position: relative;
  display: block;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  transition: all 0.15s ease-out;
  aspect-ratio: 21/9;
}
.photo-tiles .photo-tiles-tile .photo-tiles-copyright,
.photo-tile .photo-tiles-copyright {
  position: absolute;
  z-index: 10;
  bottom: 0.5rem;
  left: 0.5rem;
  margin: 0;
  color: #fff;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), -1px 0px 1px rgba(0, 0, 0, 0.5), 1px 0px 1px rgba(0, 0, 0, 0.5), 0px -1px 1px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.5), 2px 2px 6px rgba(0, 0, 0, 0.5);
  font-size: 0.8888888889rem;
  line-height: 1.125;
  display: block;
  opacity: 0.7;
}
.photo-tiles .photo-tiles-tile .photo-tiles-copyright:before,
.photo-tile .photo-tiles-copyright:before {
  font-family: fontello;
}
.photo-tiles .photo-tiles-tile .photo-tiles-copyright.type-copyright:before,
.photo-tile .photo-tiles-copyright.type-copyright:before {
  content: "\f1f9  ";
}
.photo-tiles .photo-tiles-tile .photo-tiles-copyright.type-creative-commons:before,
.photo-tile .photo-tiles-copyright.type-creative-commons:before {
  content: "\f25e  ";
}
.photo-tiles .photo-tiles-tile figcaption,
.photo-tile figcaption {
  font-size: var(--photo-tiles-caption-font-size);
  line-height: 1.1587886163;
  margin: 0.5rem 0rem 1rem 0rem;
  font-weight: normal;
}

.pinboard {
  padding: 2%;
  background-color: #fdfdc8;
  border: solid 1px rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
}
.pinboard:after {
  content: " ";
  display: table;
  clear: both;
}
.pinboard .pins {
  margin: 0 -1rem;
  transition: opacity 1s;
}
.pinboard .pins:after {
  content: " ";
  display: table;
  clear: both;
}
.pinboard .pins.pat-masonry {
  opacity: 0;
}
.pinboard .pins.pat-masonry.masonry-ready {
  opacity: 1;
}
.pinboard .pins .document-preview {
  margin-bottom: 1rem;
}
.pinboard .pins .tile,
.pinboard .pins .grid-sizer {
  padding: 0 1rem 2rem;
  width: 50%;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -moz-animation: zoomIn 0.5s;
  -webkit-animation: zoomIn 0.5s;
  animation: zoomIn 0.5s;
}
@media only screen and (max-width: 767px) {
  .pinboard .pins .tile,
  .pinboard .pins .grid-sizer {
    width: 100%;
  }
}
.pinboard .board-title {
  margin-bottom: 1em;
  font-size: 1em;
  opacity: 0.6;
}
.pinboard .board-title:before {
  font-family: fontello;
  content: "📌";
  display: inline-block;
  margin-right: 0.5em;
}
.application-workspace .pinboard {
  width: 80%;
  margin: 0 auto 4em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .application-workspace .pinboard {
    width: 100%;
    margin-top: -3.1em;
    padding: 2em 6%;
    border: none;
    border-radius: 0;
    border-bottom: solid 3px rgba(0, 0, 0, 0.2);
  }
}

.place-on-homescreen {
  position: fixed;
  bottom: 0;
  left: 10px;
  right: 10px;
  bottom: 0;
  padding-bottom: 5px;
  width: auto;
  transition: all 0.5s;
  opacity: 1;
  animation: bounceIn 1s;
  z-index: 1000;
}
.place-on-homescreen.open, .place-on-homescreen.closed {
  display: none;
}
@supports (-webkit-overflow-scrolling: touch) {
  .place-on-homescreen.open, .place-on-homescreen.closed {
    display: block;
  }
  @media all and (display-mode: standalone) {
    .place-on-homescreen.open, .place-on-homescreen.closed {
      display: none !important;
    }
  }
}
.place-on-homescreen.closed, .place-on-homescreen.in-progress {
  bottom: -20px;
  opacity: 0;
}
.place-on-homescreen .collapsible-open,
.place-on-homescreen .collapsible-closed {
  position: absolute;
  right: 15px;
  top: 10px;
  width: 28px;
  height: 28px;
  padding: 0;
  overflow: hidden;
  transition: all 0.5s;
}
.place-on-homescreen .collapsible-open:before,
.place-on-homescreen .collapsible-closed:before {
  margin: 0 0 20px 0;
  float: right;
  top: 0;
  font-family: fontello;
  content: "\e899";
}
.place-on-homescreen .collapsible-closed {
  transform: scale(0.1);
}
.place-on-homescreen .panel-content {
  border-radius: 16px;
  background: white;
  border: 1px solid silver;
  -webkit-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  padding: 12px 30px 12px 98px;
  margin-bottom: 25px;
  height: auto !important;
}
.place-on-homescreen .panel-content p {
  min-height: 77px;
  margin: 0;
  line-height: 1.4;
}
.place-on-homescreen .panel-content p .iconified {
  width: 1em;
  height: 1em;
}
.place-on-homescreen .panel-content p .iconified:before {
  color: rgb(0, 122, 255);
}
.place-on-homescreen .panel-content:before {
  width: 72px;
  height: 72px;
  content: " ";
  display: block;
  top: 15px;
  left: 15px;
  position: absolute;
  border-radius: 12px;
  background: url(../favicon/touch-icon.png);
  background-size: contain;
}
.place-on-homescreen:after {
  height: 20px;
  width: 20px;
  content: " ";
  display: block;
  background-color: white;
  border: 1px solid silver;
  z-index: 0;
  position: absolute;
  transform: rotate(45deg);
  box-shadow: rgba(0, 0, 0, 0.19922) 0px 0px 10px;
  left: 50%;
  bottom: 20px;
  margin-left: -11px;
  transition: all 0.5s;
  z-index: -1;
}
.place-on-homescreen:before {
  height: 20px;
  width: 20px;
  background: white;
  transform: rotate(45deg);
  content: " ";
  left: 50%;
  bottom: 21px;
  margin-left: -10px;
  position: absolute;
  transition: all 0.4s;
}
.place-on-homescreen.in-progress:before, .place-on-homescreen.in-progress:after, .place-on-homescreen.closed:before, .place-on-homescreen.closed:after {
  bottom: -40px;
}

.poll-card-full .bar-graph-title {
  line-height: 1.2;
  margin: 5px 0;
}

.poll-card {
  transition: all 0.2s;
}
.poll-card:hover .poll-card-content {
  text-decoration: none;
  box-shadow: 0 2px 40px rgba(0, 0, 0, 0.1);
}
.poll-card .poll-card-content {
  position: relative;
  background: white;
  padding: 35px;
  display: block;
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
  color: black;
  cursor: default;
  -webkit-hyphens: auto;
  hyphens: auto;
  overflow: auto;
  transition: all 0.2s;
}
.poll-card .poll-card-content .poll-card-end-note {
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 2px;
  text-align: center;
  padding: 5px;
  background-color: #d9edf7;
  color: rgba(0, 0, 0, 0.6);
  font-size: 0.9em;
  margin: 0;
  text-shadow: 0 1px 0 white;
}
.poll-card .poll-card-content .poll-card-end-note .label {
  font-weight: bold;
}
.poll-card .poll-card-content.state-draft {
  background-color: #fff6e6;
  border: orange 2px solid;
}
.poll-card .poll-card-content.state-closed {
  padding-bottom: 70px;
}
.poll-card .poll-card-content .poll-card-title {
  font-size: 28px;
  line-height: 35px;
  text-align: left;
  margin: 0 0 30px 0;
  font-weight: bold;
  line-height: 1.2;
  margin: 5px 0;
}
body[dir=rtl] .poll-card .poll-card-content .poll-card-title {
  text-align: right;
}
.poll-card .poll-card-content .bar-graph-title {
  line-height: 1.2;
  margin: 5px 0;
}
.poll-card .poll-card-content .bar-graphs {
  margin-bottom: 40px;
}
.poll-card .poll-card-content fieldset.vertical {
  margin-bottom: 0;
}
.poll-card .poll-card-content .pat-message {
  margin-bottom: 18px;
}
.poll-card .poll-card-content .voting-section.injecting > * {
  opacity: 0.19;
}
.poll-card .poll-card-content .voting-section.injecting.injecting-after *, .poll-card .poll-card-content .voting-section.injecting.injecting-content-after * {
  opacity: inherit;
}
.poll-card .poll-card-content .voting-section.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
.poll-card .poll-card-content .button-bar {
  margin-bottom: -15px;
  padding-bottom: 0;
}

.poll-cards {
  margin: 0 auto;
  display: block;
  position: relative;
}
.poll-cards.pat-masonry .infinite-scrolling-trigger {
  position: absolute;
  padding-top: 400px;
  margin-top: 0;
  bottom: -510px;
  left: 0;
  right: 0;
  border-bottom: 300px solid transparent;
}
.poll-cards.pat-masonry .infinite-scrolling-trigger:before {
  bottom: 10px;
  top: auto;
}
.poll-cards.pat-masonry .infinite-scrolling-trigger.executing {
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .poll-cards {
    margin: 0 -1.05rem;
  }
}
.poll-cards .js:before {
  position: fixed !important;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@media only screen and (max-width: 767px) {
  .poll-cards {
    margin: 0;
  }
}
.poll-cards.masonry-ready:before {
  display: none;
}
@media only screen and (max-width: 767px) {
  .poll-cards .grid-sizer,
  .poll-cards .poll-card {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .poll-cards .grid-sizer,
  .poll-cards .poll-card {
    width: 50%;
  }
}
.poll-cards .poll-card {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1rem;
}
@media only screen and (min-width: 768px) {
  .poll-cards .poll-card {
    padding: 0 1rem 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .poll-cards .poll-card {
    padding: 0 0 1rem 0;
  }
}
.js .poll-cards .poll-card {
  opacity: 0;
  transition: all 0.2s;
}
.js .poll-cards.masonry-ready .poll-card {
  opacity: 1;
}

#portal {
  -webkit-scroll-behavior: smooth;
  scroll-behavior: smooth;
  position: absolute;
  z-index: 10;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #efefef;
  -webkit-overscroll-behavior: contain;
  overscroll-behavior: contain;
  padding: 3em 0 0 0;
  font-size: 18px;
  line-height: 1.5em;
}
#portal #portal-content.injecting > * {
  opacity: 0.19;
}
#portal #portal-content.injecting.injecting-after *, #portal #portal-content.injecting.injecting-content-after * {
  opacity: inherit;
}
#portal #portal-content.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
#portal.section-library #portal-content.injecting > * {
  opacity: 1;
}
#portal.section-library #portal-content.injecting #portal-content-pane > *:not(.canvas-toolbar) {
  opacity: 0.19;
}
#portal.section-news #portal-content.injecting > * {
  opacity: 1;
}
#portal.section-news #portal-content.injecting #portal-content-pane > *:not(.canvas-subnav) {
  opacity: 0.19;
}
@media only screen and (max-width: 767px) {
  #portal {
    top: 50px;
  }
  .modal-panel #portal {
    top: 0;
    border: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #portal {
    overflow: visible;
  }
}
@media print {
  #portal {
    position: static;
    overflow: visible;
    background-color: white;
  }
}
@media only screen and (min-width: 768px) {
  #portal {
    top: 54px;
    overflow: scroll;
    overflow-x: hidden;
    padding: 0;
    position: fixed;
  }
  #portal:not(.injecting):before, #portal:not(.injecting):after {
    content: " ";
    display: block;
    height: 7em;
    width: 100%;
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    z-index: 101;
    animation: none;
    background-size: 100% auto;
    background-position: center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: white;
  }
}
@media only screen and (max-width: 767px) {
  #portal {
    overflow: visible;
  }
  #portal #portal-content-pane {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
}
@media only screen and (max-width: 767px) {
  #portal #portal-content-pane {
    padding: 30px 15px;
  }
}
#portal.injecting #portal-nav,
#portal.injecting #portal-nav * {
  opacity: 1;
}

@media print {
  #app-space.state-on + #portal {
    display: none;
  }
}

.portal-quick-nav {
  top: -45px;
  left: 20px;
  position: absolute;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: auto;
}
body[dir=rtl] .portal-quick-nav {
  left: auto;
  right: 20px;
}
@media only screen and (max-width: 767px) {
  .portal-quick-nav {
    display: none;
  }
}
.state-on ~ .portal-quick-nav, .error .portal-quick-nav {
  opacity: 1;
}
.error .portal-quick-nav {
  pointer-events: auto;
}
.error .portal-quick-nav a {
  position: relative;
  height: 100%;
}
#app-space.multi-tasking-off.state-on .portal-quick-nav, #app-space.multi-tasking-off.state-paused .portal-quick-nav {
  opacity: 1;
}
.portal-quick-nav .portal-section {
  display: inline-block;
  height: 34px;
  width: 34px;
  content: " ";
  font-family: fontelllo;
  overflow: hidden;
  color: black;
  transition: opacity 0.4s;
  position: relative;
  float: left;
  margin-right: 4px;
}
body[dir=rtl] .portal-quick-nav .portal-section {
  float: right;
}
.portal-quick-nav .portal-section a {
  display: block;
  width: 100%;
  height: 100%;
  color: transparent;
  position: relative;
  border-radius: 10px;
  cursor: default;
  --colour-tab-dimmed: rgba(255, 255, 255, 0.1);
  --colour-tab-dimmed: rgba(0, 0, 0, 0.1);
}
.portal-quick-nav .portal-section a:hover {
  background-color: var(--colour-tab-dimmed);
}
.portal-quick-nav .portal-section a:before {
  font-family: fontello;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  color: black;
  width: 100%;
  text-align: center;
  line-height: 34px;
}
body[dir=rtl] .portal-quick-nav .portal-section a:before {
  left: auto;
  right: 0;
}
#app-space.state-paused.section-dashboard .portal-quick-nav .portal-section.portal-section-dashboard a, #app-space.state-paused.section-apps .portal-quick-nav .portal-section.portal-section-apps a {
  background-color: #D40E16;
}
#app-space.state-paused.section-dashboard .portal-quick-nav .portal-section.portal-section-dashboard a:before, #app-space.state-paused.section-apps .portal-quick-nav .portal-section.portal-section-apps a:before {
  color: white;
}
.portal-quick-nav .portal-section.portal-section-dashboard a:before {
  content: "\e8ff";
  font-size: 1em;
}
.portal-quick-nav .portal-section.portal-section-apps a:before {
  content: "\e926";
}
#app-space.state-off .portal-quick-nav .portal-section {
  opacity: 0;
}

.portal-tabs {
  height: 90px;
  position: -webkit-sticky !important;
  position: sticky !important;
  top: 0 !important;
  margin-top: 0;
  z-index: 101;
  transition: all 0.5s;
  background-color: white;
  background-size: 100% auto;
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment: fixed;
  box-shadow: 0 0 9px 4.5px rgba(0, 0, 0, 0);
  border-bottom: none;
  margin-bottom: 2em;
}
.state-on ~ #portal .portal-tabs {
  margin-top: -90px;
  top: -90px !important;
}
.state-on ~ #portal .portal-tabs nav {
  opacity: 0;
}
#portal.scroll-down:not(.scroll-position-top) .portal-tabs {
  top: -90px !important;
}
@media only screen and (max-width: 767px) {
  .portal-tabs {
    display: none;
  }
}
.portal-tabs .title {
  font-weight: bold;
  text-transform: uppercase;
  cursor: default;
}
.portal-tabs nav {
  text-align: left;
  white-space: nowrap;
  overflow: auto;
  overflow-y: hidden;
  transition: opacity 0.8s;
  transition-delay: 0.1s;
  opacity: 1;
  font-family: inherit;
  max-width: 1280px;
  padding-left: 55px;
  padding-right: 55px;
  box-sizing: border-box;
}
body[dir=rtl] .portal-tabs nav {
  text-align: right;
}
.portal-tabs nav a:not(.onscreen-help) {
  line-height: 60px;
  height: 60px;
  display: inline-block;
  padding: 0 1em 0 1em;
  margin: 30px 0 0 0;
  text-transform: uppercase;
  text-decoration: none;
  text-shadow: none;
  white-space: nowrap;
  letter-spacing: 2px;
  color: black;
  background-color: transparent;
  position: relative;
  font-weight: bold;
  font-size: inherit;
  font-stretch: normal;
}
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation) {
  border-radius: 0;
}
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation):not(.current):hover {
  text-decoration: none;
  text-decoration-thickness: 2px;
  text-decoration-color: #009ee2;
  text-underline-offset: 0;
  color: black;
}
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation):after {
  position: absolute;
  content: "";
  top: auto;
  bottom: 2px;
  left: 0.5em;
  right: 0.5em;
  display: block;
  transform: scaleX(0);
  transition: all 0.35s;
  transform-origin: center;
  height: 0.3em;
  box-sizing: border-box;
  border-radius: 3px;
  background-color: black;
  opacity: 0;
}
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation):hover:after, .portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation).current:after {
  top: auto;
  bottom: 2px;
  left: 0.5em;
  right: 0.5em;
  transform: scaleX(1);
  background-color: black;
  opacity: 1;
}
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation):hover:after {
  background-color: black;
}
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation).current:after {
  background-color: black;
}
.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation).current {
  color: black;
  background-color: transparent;
  cursor: default;
}
.portal-tabs nav a:not(.onscreen-help).organisation {
  display: none;
}
@media only screen and (max-width: 1279px) {
  .portal-tabs nav a:not(.onscreen-help).plugin-tab {
    display: none;
  }
}
.portal-tabs nav a:not(.onscreen-help).title {
  text-transform: initial;
  font-weight: bold;
  font-size: inherit;
  position: relative;
  margin-top: 30px;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 30px;
  padding-left: 30px;
  float: none;
  margin-right: 20px;
  margin-left: 0;
  height: 60px;
  width: auto;
  color: white;
  background-size: contain;
  letter-spacing: 2px;
  background-repeat: no-repeat;
  background-position: center;
  transform: none;
  text-shadow: none;
}
.portal-tabs nav a:not(.onscreen-help).title:after {
  background-color: black;
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  z-index: -1;
}
.portal-tabs nav a:not(.onscreen-help).organisation {
  text-transform: initial;
  font-weight: bold;
  position: relative;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 30px;
  padding-left: 30px;
  float: none;
  margin-left: 0;
  margin-right: 20px;
  height: 60px;
  width: auto;
  color: white;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  text-shadow: none;
}
@media only screen and (min-width: 768px) {
  .portal-tabs {
    display: block;
  }
}

.portlet > .content {
  position: relative;
  padding: 6%;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-color: rgba(255, 255, 255, 0.5);
  margin-bottom: 2rem;
  overflow: auto;
}
@media only screen and (max-width: 767px) {
  .portlet > .content {
    border: none;
    border-radius: 0;
    padding: 27px 15px;
  }
}
.portlet > .content .portlet-footer {
  font-size: 18px;
  padding-top: 1em;
  margin-bottom: 0;
}
.portlet > .content .portlet-footer a:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .portlet {
    width: 100%;
    margin-bottom: 10px;
  }
}
.portlet .state-toggle {
  position: absolute;
  top: 1.5em;
  right: 2%;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.portlet .state-toggle label {
  overflow: hidden;
  width: 2em;
  height: 1.5em;
  position: absolute;
  right: 0;
  top: 0;
  color: transparent;
}
.portlet .state-toggle label input {
  opacity: 0;
}
.portlet .state-toggle label:before {
  content: "\f146";
  font-family: fontello;
  display: block;
  width: 1em;
  height: 1em;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
}
.portlet .state-toggle label:hover:before {
  color: black;
}
.portlet .state-toggle label.show-more {
  display: none;
}
.portlet .state-toggle label.show-more:before {
  content: "\f0fe";
}
.portlet .state-toggle label.show-less {
  display: block;
}
.portlet.state-collapsed label.show-more {
  display: block;
}
.portlet.state-collapsed label.show-less {
  display: none;
}
.portlet.state-collapsed .portlet-title, .portlet.state-expanded .portlet-title {
  padding-right: 1em;
}
.portlet .portlet-title {
  margin: 0 0 1rem 0;
  font-size: 20px;
  font-weight: bold;
  font-family: inherit;
  font-stretch: normal;
  font-weight: normal;
}
.portlet .portlet-title a {
  color: black;
}
.portlet .portlet-title a:before {
  font-family: fontello;
  font-size: 0.7em;
  margin-right: 0.6em;
  display: inline-block;
  vertical-align: middle;
  margin-top: -0.4em;
  width: 2em;
  height: 2em;
  text-align: center;
  line-height: 2.1em;
  border-radius: 10px;
  background-color: black;
  color: white;
  font-weight: normal;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .portlet .portlet-title {
    font-size: 1;
  }
}
.portlet .portlet-title sup {
  font-size: 0.6em;
  color: gray;
}
.portlet .link:hover {
  text-decoration: none;
}
.portlet .title {
  margin: 0;
  font-size: 1em;
  font-weight: normal;
  font-family: inherit;
  font-stretch: normal;
}
.portlet .byline {
  color: #666;
  font-size: 0.8em;
  line-height: 1.3em;
  font-style: normal;
  margin: 0;
}
.portlet .portlet-section-title {
  font-size: 1.2em;
  font-weight: 300;
  font-weight: bold;
  margin: 0.3em 0;
}
.portlet h4 {
  font-size: 1em;
  font-weight: bold;
}
.portlet#portlet-style-switcher .pat-button.inactive {
  background: white;
}
.portlet#portlet-style-switcher .pat-button.inactive:after {
  content: "*";
}
.portlet#portlet-classifieds .portlet-title {
  margin-bottom: 2rem;
}
.portlet#portlet-classifieds .portlet-title a:before {
  content: "\e920";
}
@keyframes pull-card-small-screen {
  0% {
    transform: translateY(0) scale(1) rotateX(-15deg);
  }
  30% {
    transform: translateY(-200px) scale(1.05) rotateX(-70deg);
  }
  100% {
    transform: translateY(-100px) scale(1.1) rotateX(0);
  }
}
@keyframes pull-card-large-screen {
  0% {
    transform: translateY(0) scale(1) rotateX(-15deg);
  }
  30% {
    transform: translateY(-200px) scale(1.2) rotateX(-70deg);
  }
  100% {
    transform: translateY(-100px) scale(1.4) rotateX(0);
  }
}
@keyframes grow-slith {
  0% {
    height: 965px;
  }
  30% {
    height: 965px;
  }
  31% {
    height: 3000px;
  }
  100% {
    height: 3000px;
  }
}
.portlet#portlet-classifieds .content {
  overflow: visible;
}
.portlet#portlet-classifieds .content .card-slot {
  height: 45px;
  margin-bottom: 0.5em;
  position: relative;
  border-bottom: 1px silver solid;
}
.portlet#portlet-classifieds .content .card-slot .card-slith {
  padding: 10px 90px;
  position: absolute;
  top: -920px;
  left: -80px;
  right: -80px;
  clip: rect(auto, auto, auto, auto);
  pointer-events: none;
  z-index: 1;
  -webkit-perspective: 2500px;
  -moz-perspective: 2500px;
  perspective: 2500px;
  -webkit-transform: preserve-3d;
  -moz-transform: preserve-3d;
  transform: preserve-3d;
  box-sizing: border-box;
}
.portlet#portlet-classifieds .content .card-slot .card-slith:after {
  position: absolute;
  content: " ";
  display: block;
  background: black;
  height: 6px;
  left: 30px;
  right: 30px;
  border-radius: 50%/3px;
  bottom: -4px;
  margin: 0 10%;
  filter: blur(3px);
  opacity: 0.8;
}
.portlet#portlet-classifieds .content .card-slot .card-slith .sticky-note {
  pointer-events: auto;
  position: relative;
  top: 885px;
  transition: all 0.2s;
  -moz-transform-origin: center 50px;
  -webkit-transform-origin: center 50px;
  transform-origin: center 50px;
}
.portlet#portlet-classifieds .content .card-slot .card-slith .sticky-note .sticky-note-content .front {
  transition: box-shadow 1s;
}
.portlet#portlet-classifieds .content .card-slot.position-in:hover .card-slith .sticky-note {
  top: 870px;
}
.portlet#portlet-classifieds .content .card-slot.position-in .card-slith {
  height: 965px;
}
.portlet#portlet-classifieds .content .card-slot.position-in .card-slith .sticky-note {
  transform: translateY(0) scale(1) rotateX(-30deg);
}
.portlet#portlet-classifieds .content .card-slot.position-out .card-slith {
  z-index: 1000;
  animation: grow-slith 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
.portlet#portlet-classifieds .content .card-slot.position-out .card-slith .sticky-note {
  animation-iteration-count: 1;
}
@media only screen and (max-width: 767px) {
  .portlet#portlet-classifieds .content .card-slot.position-out .card-slith .sticky-note {
    animation: pull-card-small-screen 1s;
    animation-fill-mode: forwards;
  }
}
@media only screen and (min-width: 768px) {
  .portlet#portlet-classifieds .content .card-slot.position-out .card-slith .sticky-note {
    animation: pull-card-large-screen 1s;
    animation-fill-mode: forwards;
  }
}
.portlet#portlet-classifieds .content .card-slot.position-out .card-slith .sticky-note .sticky-note-content .front {
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.portlet#portlet-contacts .search-box input {
  width: 100%;
}
.portlet#portlet-contacts .portlet-title a:before {
  content: "\e8fb";
}
.portlet#portlet-contacts .user-cloud {
  float: left;
  width: 19.2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  transform-origin: 0 0;
}
.portlet#portlet-contacts .user-cloud a {
  margin: 0.25em;
}
.portlet#portlet-contacts #contact-search-items .item-selector {
  padding: 0 0.3em;
}
.portlet#portlet-polls .portlet-title a:before {
  content: "\e91c";
}
.portlet#portlet-polls .poll-card .poll-card-content {
  padding: 8%;
  font-size: 18px;
}
.portlet#portlet-polls .poll-card .poll-card-title {
  font-size: 22px;
  line-height: 28px;
}
.portlet#portlet-polls .polls > div {
  margin-bottom: 20px;
}
.portlet#portlet-polls .polls > div:last-child {
  margin-bottom: 0;
}
.portlet#portlet-workspaces .portlet-title a:before {
  content: "\e94a";
}
.portlet#portlet-bookmarked-workspaces .grid-sizer-bookmarked-workspaces {
  width: 50%;
  float: left;
}
.portlet#portlet-bookmarked-workspaces .portlet-title a:before {
  content: "\e94a";
}
@media only screen and (min-width: 1280px) {
  .portlet#portlet-bookmarked-workspaces.span-3 .grid-sizer-bookmarked-workspaces,
  .portlet#portlet-bookmarked-workspaces.span-3 .tile {
    width: 33.333332%;
  }
}
@media only screen and (min-width: 1280px) {
  .portlet#portlet-bookmarked-workspaces.span-3 .grid-sizer-bookmarked-workspaces,
  .portlet#portlet-bookmarked-workspaces.span-3 .tile {
    width: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .portlet#portlet-bookmarked-workspaces.span-2 .grid-sizer-bookmarked-workspaces,
  .portlet#portlet-bookmarked-workspaces.span-2 .tile {
    width: 50%;
  }
}
@media only screen and (min-width: 1280px) {
  .portlet#portlet-bookmarked-workspaces.span-2 .grid-sizer-bookmarked-workspaces,
  .portlet#portlet-bookmarked-workspaces.span-2 .tile {
    width: 50%;
  }
}
.portlet#portlet-bookmarked-workspaces .workspaces .tile {
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
}
.portlet#portlet-bookmarked-workspaces.state-collapsed .workspaces .tile {
  display: none;
  opacity: 0;
}
.portlet#portlet-bookmarked-workspaces.state-collapsed .workspaces .tile:nth-child(1), .portlet#portlet-bookmarked-workspaces.state-collapsed .workspaces .tile:nth-child(2), .portlet#portlet-bookmarked-workspaces.state-collapsed .workspaces .tile:nth-child(3), .portlet#portlet-bookmarked-workspaces.state-collapsed .workspaces .tile:nth-child(4) {
  display: block;
  opacity: 1;
}
.portlet#portlet-bookmarked-apps .more-menu-toggle {
  display: none;
}
.portlet#portlet-bookmarked-apps .tiles.apps {
  opacity: 1;
  margin: 0 0 -15px 0;
}
.portlet#portlet-bookmarked-apps .tiles.apps .content {
  padding: 6% 6% 8px 6%;
}
.portlet#portlet-bookmarked-apps .tiles.apps .tile {
  width: 33.3332%;
  float: left;
  padding: 0 0.5em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
  margin-bottom: 19px;
}
.portlet#portlet-bookmarked-apps .tiles.apps .tile > .link {
  line-height: 1.4;
  font-size: 0.9em;
}
.portlet#portlet-bookmarked-apps .tiles.apps .tile .icon-bookmark,
.portlet#portlet-bookmarked-apps .tiles.apps .tile .icon-bookmark-empty {
  display: none;
}
.portlet#portlet-bookmarked-apps.state-collapsed .tiles.apps .tile {
  display: none;
  opacity: 0;
}
.portlet#portlet-bookmarked-apps.state-collapsed .tiles.apps .tile:nth-child(1), .portlet#portlet-bookmarked-apps.state-collapsed .tiles.apps .tile:nth-child(2), .portlet#portlet-bookmarked-apps.state-collapsed .tiles.apps .tile:nth-child(3) {
  display: block;
  opacity: 1;
}
.portlet#portlet-bookmarks .portlet-title a:before, .portlet#portlet-bookmarks-dashboard .portlet-title a:before {
  content: "\e921";
}
.portlet#portlet-library .links li {
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
}
.portlet#portlet-library .portlet-title a:before {
  content: "\e91e";
}
.portlet#portlet-library.state-collapsed .links li {
  display: none;
  opacity: 0;
}
.portlet#portlet-library.state-collapsed .links li:nth-child(1), .portlet#portlet-library.state-collapsed .links li:nth-child(2), .portlet#portlet-library.state-collapsed .links li:nth-child(3), .portlet#portlet-library.state-collapsed .links li:nth-child(4), .portlet#portlet-library.state-collapsed .links li:nth-child(5) {
  display: block;
  opacity: 1;
}
.portlet#portlet-events .portlet-title a:before {
  content: "\e810";
}
.portlet#portlet-events .event-list .event {
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
}
.portlet#portlet-events .event-list .event a {
  cursor: pointer;
}
.portlet#portlet-events .event-list .event .agenda {
  float: right;
  width: 70%;
  counter-reset: agenda;
  line-height: 1.5;
}
.portlet#portlet-events .event-list .event .agenda .agenda-item {
  padding: 0.1em 0 0.1em 1.5em;
  position: relative;
}
.portlet#portlet-events .event-list .event .agenda .agenda-item:before {
  counter-increment: agenda;
  content: counter(agenda) ".";
  display: inline-block;
  position: absolute;
  top: 0.1em;
  left: 0;
}
.portlet#portlet-events .event-list .event .agenda .agenda-item .attachment-list {
  background: none;
  padding: 0;
  font-size: 0.8em;
}
.portlet#portlet-events .event-list .event .agenda .agenda-item .attachment-list .attached-file {
  margin: 0;
  position: relative;
  padding-left: 1.5em;
}
.portlet#portlet-events .event-list .event .agenda .agenda-item .attachment-list .attached-file a {
  color: #D40E16;
}
.portlet#portlet-events .event-list .event .agenda .agenda-item .attachment-list .attached-file a:before {
  position: absolute;
  top: 0;
  left: 0;
  line-height: 1.5;
}
.portlet#portlet-events.state-collapsed .event-list .event {
  display: none;
  opacity: 0;
}
.portlet#portlet-events.state-collapsed .event-list .event:nth-child(1), .portlet#portlet-events.state-collapsed .event-list .event:nth-child(2), .portlet#portlet-events.state-collapsed .event-list .event:nth-child(3) {
  display: block;
  opacity: 1;
}
.portlet#portlet-activity-stream.span-2, .portlet#portlet-activities.span-2 {
  min-height: calc(100vh - 150px);
}
.portlet#portlet-activity-stream .portlet-title a:before, .portlet#portlet-activities .portlet-title a:before {
  content: " ";
  background-image: url(../../quaive/app-icons/activities.svg);
}
.portlet#portlet-activity-stream > .content, .portlet#portlet-activities > .content {
  padding: 6% 0;
}
.portlet#portlet-activity-stream > .content .portlet-title,
.portlet#portlet-activity-stream > .content .post-box,
.portlet#portlet-activity-stream > .content .activity-stream > .functions, .portlet#portlet-activities > .content .portlet-title,
.portlet#portlet-activities > .content .post-box,
.portlet#portlet-activities > .content .activity-stream > .functions {
  margin-left: 6%;
  margin-right: 6%;
}
.portlet#portlet-activity-stream.span-2.state-expanded > .content, .portlet#portlet-activities.span-2.state-expanded > .content {
  min-height: calc(100vh - 300px);
}
.portlet#portlet-activity-stream .post-box, .portlet#portlet-activities .post-box {
  margin-bottom: 1em;
}
@media only screen and (max-width: 767px) {
  .portlet#portlet-activity-stream .activity-stream #stream-items > .infinite-scrolling-trigger, .portlet#portlet-activities .activity-stream #stream-items > .infinite-scrolling-trigger {
    display: none;
  }
}
.portlet#portlet-activity-stream .activity-stream .pat-button.load-more-items, .portlet#portlet-activities .activity-stream .pat-button.load-more-items {
  margin: 50px;
  font-size: 25px;
  line-height: 50px;
  text-align: center;
  display: block;
}
@media only screen and (min-width: 768px) {
  .portlet#portlet-activity-stream .activity-stream .pat-button.load-more-items, .portlet#portlet-activities .activity-stream .pat-button.load-more-items {
    display: none;
  }
}
.portlet#portlet-activity-stream .activity-stream .stream-items .tile,
.portlet#portlet-activity-stream .activity-stream #stream-items .tile, .portlet#portlet-activities .activity-stream .stream-items .tile,
.portlet#portlet-activities .activity-stream #stream-items .tile {
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
}
.portlet#portlet-activity-stream .activity-stream .stream-items .tile .post,
.portlet#portlet-activity-stream .activity-stream #stream-items .tile .post, .portlet#portlet-activities .activity-stream .stream-items .tile .post,
.portlet#portlet-activities .activity-stream #stream-items .tile .post {
  padding: 6%;
  border-radius: 0;
  border: none;
  margin-bottom: 15px;
  box-shadow: none;
}
.portlet#portlet-activity-stream .activity-stream .stream-items .tile .post .comments,
.portlet#portlet-activity-stream .activity-stream #stream-items .tile .post .comments, .portlet#portlet-activities .activity-stream .stream-items .tile .post .comments,
.portlet#portlet-activities .activity-stream #stream-items .tile .post .comments {
  border-radius: 10px;
  overflow: hidden;
  margin-top: 2em;
}
.portlet#portlet-activity-stream.state-collapsed .infinite-scrolling-trigger, .portlet#portlet-activities.state-collapsed .infinite-scrolling-trigger {
  display: none;
  position: absolute;
  bottom: -10000px;
}
.portlet#portlet-activity-stream.state-collapsed #stream-items .tile,
.portlet#portlet-activity-stream.state-collapsed .stream-items .tile, .portlet#portlet-activities.state-collapsed #stream-items .tile,
.portlet#portlet-activities.state-collapsed .stream-items .tile {
  display: none;
  opacity: 0;
}
.portlet#portlet-activity-stream.state-collapsed #stream-items .tile:nth-child(1),
.portlet#portlet-activity-stream.state-collapsed .stream-items .tile:nth-child(1), .portlet#portlet-activities.state-collapsed #stream-items .tile:nth-child(1),
.portlet#portlet-activities.state-collapsed .stream-items .tile:nth-child(1) {
  display: block;
  opacity: 1;
}
.portlet#portlet-activity-stream.span-1 .content, .portlet#portlet-activities.span-1 .content {
  max-height: 35em;
  overflow-y: auto;
  overflow-x: hidden;
}
.portlet#portlet-follow .button-bar {
  margin: 0;
}
.portlet#portlet-news .portlet-title a:before {
  content: "\e91f";
}
.portlet#portlet-news .pat-magazine {
  margin: 0;
  padding: 0 !important;
  width: 100%;
  box-shadow: none !important;
}
.portlet#portlet-news .pat-magazine .magazine-column {
  padding: 0;
}
.portlet#portlet-news .pat-magazine .block {
  padding: 0;
}
.portlet#portlet-news.span-1 .pat-magazine .articles .item {
  width: 100%;
}
.portlet#portlet-news.state-collapsed .articles .item {
  display: none;
  opacity: 0;
}
.portlet#portlet-news.state-collapsed .articles .item:nth-child(1), .portlet#portlet-news.state-collapsed .articles .item:nth-child(2), .portlet#portlet-news.state-collapsed .articles .item:nth-child(3), .portlet#portlet-news.state-collapsed .articles .item:nth-child(4) {
  display: block;
  opacity: 1;
}
.portlet#portlet-news.state-collapsed.span-1 .articles .item:nth-child(n+2) {
  padding-bottom: 0;
  margin-bottom: 15px;
  padding-bottom: 0;
}
.portlet#portlet-news.state-collapsed.span-1 .articles .item:nth-child(n+2) figure {
  width: 30%;
  float: left;
  margin-bottom: 10px;
}
.portlet#portlet-news.state-collapsed.span-1 .articles .item:nth-child(n+2) .teaser {
  width: calc(70% - 10px);
  float: right;
  margin-bottom: 10px;
}
.portlet#portlet-news.state-collapsed.span-1 .articles .item:nth-child(n+2) .teaser .title {
  font-size: 13px;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.portlet#portlet-news.state-collapsed.span-1 .articles .item:nth-child(n+2) .teaser .description {
  display: none;
}
.portlet#portlet-news.state-collapsed.span-1 .articles .item:nth-child(n+2) .teaser .byline {
  display: none;
}
@media only screen and (max-width: 767px) {
  .portlet#portlet-news.state-collapsed .articles .item:nth-child(n+2) {
    padding-bottom: 0;
    margin-bottom: 15px;
    padding-bottom: 0;
  }
  .portlet#portlet-news.state-collapsed .articles .item:nth-child(n+2) figure {
    width: 30%;
    float: left;
    margin-bottom: 10px;
  }
  .portlet#portlet-news.state-collapsed .articles .item:nth-child(n+2) .teaser {
    width: calc(70% - 10px);
    float: right;
    margin-bottom: 10px;
  }
  .portlet#portlet-news.state-collapsed .articles .item:nth-child(n+2) .teaser .title {
    font-size: 13px;
    -webkit-hyphens: auto;
    hyphens: auto;
  }
  .portlet#portlet-news.state-collapsed .articles .item:nth-child(n+2) .teaser .description {
    display: none;
  }
  .portlet#portlet-news.state-collapsed .articles .item:nth-child(n+2) .teaser .byline {
    display: none;
  }
}
.portlet#portlet-tasks .portlet-title a:before {
  content: "\e8f7";
  text-indent: 4px;
  line-height: 29.5px;
}
.portlet#portlet-tasks .tasks-block .item {
  -webkit-animation: fadeIn 1.5s;
  animation: fadeIn 1.5s;
}
.portlet#portlet-tasks.state-collapsed .tasks-block label {
  display: none;
  opacity: 0;
}
.portlet#portlet-tasks.state-collapsed .tasks-block label:nth-child(1), .portlet#portlet-tasks.state-collapsed .tasks-block label:nth-child(2), .portlet#portlet-tasks.state-collapsed .tasks-block label:nth-child(3) {
  display: grid;
  opacity: 1;
}

.post {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: white;
  border-radius: 10px;
  border-top-left-radius: 2.2em;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  padding: 1em;
}
.stream-container.standalone .post {
  margin-top: 60px;
}
.post.pinned {
  background-color: #fdfdc8;
}
.post .answered-satisfactory {
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 0.5em;
  background-color: #A6E300;
  float: left;
}
.post .answered-unsatisfactory {
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 0.5em;
  background-color: orange;
  float: left;
}
.post.question {
  background-color: #d0d9d1;
}
.post .job-card,
.post .poll-card {
  margin-bottom: 1em;
}
.post .poll-card .voting-section.injecting > * {
  opacity: 0.19;
}
.post .poll-card .voting-section.injecting.injecting-after *, .post .poll-card .voting-section.injecting.injecting-content-after * {
  opacity: inherit;
}
.post .poll-card .voting-section.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
.post .preview img {
  max-width: 100%;
  max-height: 300px;
  margin-top: 1em;
  margin-bottom: 1em;
}
.post .document-preview img {
  max-height: 480px;
  max-width: 100%;
  margin: 0;
}
.post .post {
  font-size: 0.8em;
  padding: 1em 0 0 1em;
  margin-bottom: 1em;
  border-left: 0.5em solid #efefef;
  border-right: none;
  border-top: none;
  border-bottom: none;
  width: auto;
}
.post .post-header {
  padding: 0 0 0 3.2em;
  position: relative;
  margin-bottom: 0.3em;
  line-height: 1.4em;
}
.post .post-header br {
  display: none;
}
.post .post-header a.icon-cog[href],
.post .post-header a.icon-ellipsis[href] {
  position: absolute;
  right: 0;
  top: 0;
  color: rgba(0, 0, 0, 0.5);
  width: 30px;
  height: 30px;
  line-height: 30px;
  border-radius: 10px;
}
.post .post-header a.icon-cog[href]:before,
.post .post-header a.icon-ellipsis[href]:before {
  text-align: center;
  width: 100%;
}
.post .post-header a.icon-cog[href]:hover,
.post .post-header a.icon-ellipsis[href]:hover {
  color: black;
}
.post .post-header a.icon-cog[href].tooltip-active-click,
.post .post-header a.icon-ellipsis[href].tooltip-active-click {
  color: white;
  background-color: var(--colour-accent);
}
.post .post-header a {
  color: rgba(0, 0, 0, 0.5);
}
.post .post-header a:hover {
  text-decoration: none;
}
.post .post-header a[href] {
  color: #009ee2;
}
.post .post-header a[href]:hover .name {
  text-decoration: underline;
}
.post .post-header .pat-avatar {
  position: absolute;
  left: 0;
  width: 2.5em;
  height: 2.5em;
}
.post .post-header .byline {
  color: gray;
  margin-bottom: 20px;
}
.post .post-header .byline * {
  font-style: normal;
}
.post .post-header .byline label.pat-select.visibility {
  color: gray;
}
.post .post-header .byline label.pat-select.visibility:hover {
  color: black;
}
.post .post-header .byline label.pat-select.visibility:before {
  font-size: 0.8em;
}
.post .post-content {
  line-height: 1.3em;
  padding-top: 0.4em;
  -webkit-user-select: text;
  user-select: text;
  cursor: auto;
}
.post .post-content iframe[src*=youtube] {
  width: 100%;
  height: 379px;
}
.post .post-content .edited-toggle {
  transition: opacity 1s;
  opacity: 1;
  cursor: pointer;
  color: rgba(0, 0, 0, 0.3);
}
.post .post-content .edited-toggle:hover {
  text-decoration: underline;
  color: black;
}
.post .post-content .edited-toggle.collapsible-open {
  opacity: 0;
  cursor: default;
  pointer-events: none;
}
.post .post-content .original-text {
  opacity: 0.5;
  font-size: 0.8em;
}
.post .post-content p, .post .post-content ul, .post .post-content ol, .post .post-content dl, .post .post-content table, .post .post-content pre {
  margin: 0 0 1em 0;
}
.post .functions {
  margin: 0 0 0.5em 0;
  font-size: 16px;
  line-height: 18px;
}
.post .functions:after {
  content: " ";
  display: table;
  clear: both;
}
.stream-container.col-3 .post .functions {
  font-size: 13px;
}
.post .functions form {
  display: inline-block;
}
.post .functions a,
.post .functions .like,
.post .functions .share {
  color: #666;
  padding: 0 0 0 10px;
  cursor: default;
  background: none;
  border: none;
  line-height: 18px;
  font-size: 1em;
}
.post .functions a sup,
.post .functions .like sup,
.post .functions .share sup {
  baseline-shift: baseline;
  vertical-align: baseline;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.4);
}
.post .functions a sup:before,
.post .functions .like sup:before,
.post .functions .share sup:before {
  content: "(";
}
.post .functions a sup:after,
.post .functions .like sup:after,
.post .functions .share sup:after {
  content: ")";
}
.post .functions a:active,
.post .functions .like:active,
.post .functions .share:active {
  box-shadow: none;
}
.post .functions a.active,
.post .functions .like.active,
.post .functions .share.active {
  color: #D40E16;
}
.post .functions a:hover,
.post .functions .like:hover,
.post .functions .share:hover {
  color: black !important;
  text-decoration: none;
}
.post .functions a:before,
.post .functions .like:before,
.post .functions .share:before {
  display: inline-block;
  padding: 0 0.2em 0 0;
}
.post .functions a.tooltip-active-click,
.post .functions .like.tooltip-active-click,
.post .functions .share.tooltip-active-click {
  color: #D40E16;
  box-shadow: none;
}
.post .functions .like {
  font-weight: bold;
}
.post .functions .like:before {
  font-family: fontello;
  content: "\e801";
  font-weight: normal;
}
.post .functions .share {
  font-weight: bold;
}
.post .functions .share:before {
  font-family: fontello;
  content: "\e80a";
  font-weight: normal;
}
.post .update-social fieldset {
  margin: 0;
}
.post .update-social textarea,
.post .update-social .content-mirror {
  padding-left: 1em;
}

fieldset.question:before {
  font-family: fontello;
  font-size: 1.2em;
  content: "✎";
  position: absolute;
  top: 25px;
  left: 64px;
  opacity: 0.5;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
fieldset.question.focus:before {
  opacity: 0;
  left: 54px;
}
fieldset.question textarea.question {
  font-size: 1.2em;
  height: 41px;
  border: none;
  padding-left: 36px;
  background: rgba(255, 255, 255, 0.6) no-repeat 7px 7px;
  background-size: auto;
  line-height: 25px;
  overflow: hidden;
  resize: none;
  padding-top: 8px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
}
fieldset.question textarea.question:focus {
  background-color: white;
  overflow: auto;
}
fieldset.question textarea.question::-webkit-input-placeholder, fieldset.question textarea.question::-moz-placeholder, fieldset.question textarea.question::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
fieldset.question.focus textarea.question, fieldset.question.inforeq-attached textarea.question {
  height: 100px;
  border-color: #9ead9c;
  padding-left: 5px;
  background-position: -20px 7px;
  margin-bottom: 0;
}
fieldset.question p.attachments {
  height: 0;
  overflow: hidden;
  margin: 0;
  transition: all 0.2s;
}
fieldset.question.inforeq-attached p.attachments {
  height: 100px;
  border-color: #9ead9c;
  background-position: -20px 7px;
  margin-bottom: 0;
  width: 100%;
}
fieldset.question.inforeq-attached p.attachments img {
  height: 100px;
  float: left;
  margin: 0 6px 4px 0;
}
fieldset.question .button-bar {
  color: rgba(0, 0, 0, 0.5);
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  transition: all 0.2s;
  margin-bottom: 0;
  padding: 0;
  background-color: transparent;
  opacity: 0;
}
fieldset.question fieldset.attachments {
  display: inline;
  margin-right: 15px;
}
fieldset.question .button-bar label.checkbox {
  margin-right: 20px;
}
fieldset.question.focus .button-bar, fieldset.question.inforeq-attached .button-bar {
  height: 76px;
  padding-top: 5px;
  padding-bottom: 5px;
  opacity: 1;
}

form#post-form {
  padding: 17px 50px 7px;
  background-color: #e4f2f8;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin-bottom: 2em;
}

#sidebar form#post-form {
  margin: 0;
  padding-right: 15px;
  padding-left: 15px;
}

form#post-form fieldset.question {
  margin-bottom: 0;
  background-image: none;
}

.powerpoint-basket {
  margin: 0 -1em;
}
.powerpoint-basket .button-bar {
  padding: 0 1em;
}
.powerpoint-basket label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 33%;
  padding: 1em;
  float: left;
  text-align: center;
}
.powerpoint-basket label:before {
  margin-left: 0 !important;
  position: relative !important;
  top: 0.05em !important;
  margin-right: 0.1em;
  float: none !important;
}
.powerpoint-basket label img {
  width: 100%;
  border: 1px silver solid;
}

.price-tag {
  border-radius: 10px;
  font-weight: 600;
  color: #009ee2;
  background-color: #efefef;
  padding: 0 1em;
  line-height: 1.7em;
  font-size: 0.8em;
  display: inline-block;
  cursor: default;
  position: relative;
  z-index: 2;
  margin-top: -2px;
  white-space: nowrap;
}
.price-tag:hover {
  background-color: #d6d6d6;
  text-decoration: none;
}

.public-page-header {
  max-width: 900px;
  box-sizing: border-box;
  padding: 40px 4%;
  margin: 0 auto;
}
.public-page-header .public-page-header-title {
  margin: 0;
  text-align: center;
}

@keyframes imageAnimation {
  0% {
    animation-timing-function: ease-in;
    opacity: 0;
  }
  8% {
    animation-timing-function: ease-out;
    opacity: 1;
  }
  17% {
    opacity: 1;
  }
  25% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.pat-puppies-and-kittens img {
  animation: imageAnimation 60s linear infinite 0s;
  left: 0px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  z-index: 0;
}
.pat-puppies-and-kittens img:nth-child(2) {
  animation-delay: 6s;
}
.pat-puppies-and-kittens img:nth-child(3) {
  animation-delay: 12s;
}
.pat-puppies-and-kittens img:nth-child(4) {
  animation-delay: 18s;
}
.pat-puppies-and-kittens img:nth-child(5) {
  animation-delay: 24s;
}
.pat-puppies-and-kittens img:nth-child(6) {
  animation-delay: 30s;
}
.pat-puppies-and-kittens img:nth-child(7) {
  animation-delay: 36s;
}
.pat-puppies-and-kittens img:nth-child(8) {
  animation-delay: 42s;
}
.pat-puppies-and-kittens img:nth-child(9) {
  animation-delay: 48s;
}
.pat-puppies-and-kittens img:nth-child(10) {
  animation-delay: 54s;
}

.questions-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border-top: 1px dotted silver;
}
.questions-list li {
  border-bottom: 1px dotted silver;
}
.questions-list li.state-unanswered {
  border-left: 5px solid orange;
}
.questions-list li.state-unanswered a {
  padding-left: 0.8em;
}
.questions-list li.type-inforeq {
  border-left: 5px solid red;
  background-color: #915c5a;
}
.questions-list li.type-inforeq a {
  color: white;
  padding-left: 0.8em;
}
.questions-list li.type-inforeq a time {
  color: rgba(255, 255, 255, 0.7);
}
.questions-list li.current {
  background-color: #D40E16;
}
.questions-list li.current a {
  color: white;
}
.questions-list li.current a time {
  color: rgba(255, 255, 255, 0.7);
}
.questions-list li a {
  display: block;
  text-decoration: none;
  padding: 0.5em 0;
  color: black;
}
.questions-list li a:hover {
  background-color: rgba(0, 0, 0, 0.05);
}
.questions-list li a time {
  display: block;
  color: rgba(0, 0, 0, 0.5);
}

#new-question + .questions-list {
  margin-top: 2em;
}

.redactor-editor {
  overflow: visible;
  margin: 0;
  padding: 0;
  outline: none;
  white-space: normal;
  border: none;
}

.redactor-dropdown a {
  padding: 0 0.5em;
}

.redactor-layer {
  padding: 0;
  border: 0;
}

.redactor-toolbar-box .re-button-tooltip {
  padding: 0 0.8em;
}

body .redactor-dropdown {
  padding: 1em;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid silver;
  border-radius: 10px;
  font-size: 1em;
}
body .redactor-dropdown a {
  border: none;
  cursor: default;
  padding: 0.3em 0 0.3em;
  color: #666;
}
body .redactor-dropdown a:hover {
  background-color: transparent !important;
  color: black !important;
}

.redactor-component {
  width: 100%;
}

.redactor-modal-box {
  border-radius: 0;
}
.redactor-modal-box .redactor-modal {
  border-radius: 10px;
}
.redactor-modal-box input[type=checkbox] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  width: 0.5em;
  height: 0.5em;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button,
.redactor-modal-box .redactor-modal-footer button {
  font-family: "Roboto", sans-serif;
  margin: 0;
  border: none;
  cursor: default;
  border-radius: 10px;
  background-image: none;
  text-decoration: none;
  line-height: var(--pat-button-height);
  white-space: nowrap;
  display: inline-block;
  padding: var(--pat-button-paddings);
  font-size: 1em;
  vertical-align: text-bottom;
  font-weight: var(--pat-button-font-weight);
  box-shadow: none;
  color: #009ee2;
  background-color: rgba(0, 0, 0, 0.08);
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:before,
.redactor-modal-box .redactor-modal-footer button:before {
  line-height: inherit;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:focus,
.redactor-modal-box .redactor-modal-footer button:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:hover,
.redactor-modal-box .redactor-modal-footer button:hover {
  color: color-mix(in lch, colour-link, black 90%);
  background-color: rgba(0, 0, 0, 0.1);
  text-decoration: none;
  color: color-mix(in lch, colour-link, black 90%);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.default,
.redactor-modal-box .redactor-modal-footer button.default {
  color: white;
  background-color: #009ee2;
  box-shadow: none;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.default:hover,
.redactor-modal-box .redactor-modal-footer button.default:hover {
  background-color: #009ee2;
  color: white;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button[disabled], .redactor-modal-box .redactor-modal-footer .redactor-modal-button.disabled, .redactor-modal-box .redactor-modal-footer .redactor-modal-button:is(a):not([href]), .redactor-modal-box .redactor-modal-footer .redactor-modal-button.default[disabled], .redactor-modal-box .redactor-modal-footer .redactor-modal-button.default.disabled, .redactor-modal-box .redactor-modal-footer .redactor-modal-button:is(a).default:not([href]),
.redactor-modal-box .redactor-modal-footer button[disabled],
.redactor-modal-box .redactor-modal-footer button.disabled,
.redactor-modal-box .redactor-modal-footer button:is(a):not([href]),
.redactor-modal-box .redactor-modal-footer button.default[disabled],
.redactor-modal-box .redactor-modal-footer button.default.disabled,
.redactor-modal-box .redactor-modal-footer button:is(a).default:not([href]) {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button[disabled]:hover, .redactor-modal-box .redactor-modal-footer .redactor-modal-button.disabled:hover, .redactor-modal-box .redactor-modal-footer .redactor-modal-button:is(a):not([href]):hover, .redactor-modal-box .redactor-modal-footer .redactor-modal-button.default[disabled]:hover, .redactor-modal-box .redactor-modal-footer .redactor-modal-button.default.disabled:hover, .redactor-modal-box .redactor-modal-footer .redactor-modal-button:is(a).default:not([href]):hover,
.redactor-modal-box .redactor-modal-footer button[disabled]:hover,
.redactor-modal-box .redactor-modal-footer button.disabled:hover,
.redactor-modal-box .redactor-modal-footer button:is(a):not([href]):hover,
.redactor-modal-box .redactor-modal-footer button.default[disabled]:hover,
.redactor-modal-box .redactor-modal-footer button.default.disabled:hover,
.redactor-modal-box .redactor-modal-footer button:is(a).default:not([href]):hover {
  color: rgba(0, 0, 0, 0.3);
  background-color: rgba(0, 0, 0, 0.08);
}
@media print {
  .redactor-modal-box .redactor-modal-footer .redactor-modal-button,
  .redactor-modal-box .redactor-modal-footer button {
    display: none;
  }
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.small,
.redactor-modal-box .redactor-modal-footer button.small {
  font-size: 15px;
  padding: 0 12px;
  height: 22px;
  line-height: 20px;
  vertical-align: baseline;
  box-shadow: none;
  font-weight: 600;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.small:before,
.redactor-modal-box .redactor-modal-footer button.small:before {
  font-size: 15px;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:not[disabled]:active,
.redactor-modal-box .redactor-modal-footer button:not[disabled]:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.iconified,
.redactor-modal-box .redactor-modal-footer button.iconified {
  width: 30px;
  padding: 0;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.iconified:before,
.redactor-modal-box .redactor-modal-footer button.iconified:before {
  width: 100%;
  text-align: center;
  line-height: 35px;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.link,
.redactor-modal-box .redactor-modal-footer button.link {
  padding: 0;
  display: inline;
  background: none;
  color: #009ee2;
  line-height: inherit;
  text-decoration: underline;
  vertical-align: baseline;
  cursor: pointer;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.link:hover,
.redactor-modal-box .redactor-modal-footer button.link:hover {
  background: none;
  text-decoration: underline !important;
  color: black;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.no-label,
.redactor-modal-box .redactor-modal-footer button.no-label {
  padding: 0;
  aspect-ratio: 1/1;
  text-overflow: clip;
  height: var(--pat-button-height);
  min-width: var(--pat-button-height);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.no-label:before,
.redactor-modal-box .redactor-modal-footer button.no-label:before {
  width: 100%;
  text-align: center;
  margin: 0 1em 0 0;
  line-height: var(--pat-button-height);
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:before,
.redactor-modal-box .redactor-modal-footer button:before {
  font-weight: normal;
  margin-right: 5px;
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button.add:before,
.redactor-modal-box .redactor-modal-footer button.add:before {
  font-family: fontello;
  content: "\e825";
}
.redactor-modal-box .redactor-modal-footer .redactor-modal-button:hover,
.redactor-modal-box .redactor-modal-footer button:hover {
  background: rgba(0, 0, 0, 0.08);
}

.redactor-box.redactor-styles-on {
  border: none;
  background-color: transparent;
}

.redactor-box-fullscreen {
  font-size: 22px;
  top: 31px !important;
  padding: 6%;
  width: 100% !important;
  height: auto !important;
  bottom: 0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow: auto;
}
.redactor-box-fullscreen ol.roman li {
  list-style: upper-roman;
}

.scheduler {
  overflow: auto;
  height: 320px;
  width: 100%;
  background: #efefef;
  white-space: nowrap;
  padding-top: 60px;
  margin-bottom: 1em;
}
.scheduler.expanded {
  height: 566px;
}
.scheduler .scheduler-join-marker {
  color: transparent;
  position: absolute;
  pointer-events: none;
}
.scheduler .scheduler-join-marker.visible + .scheduler-item-content {
  border-left-color: green !important;
  background: #e2f0bc !important;
}
.scheduler .scheduler-join-marker.visible + .scheduler-item-content .button-bar {
  background: #e2f0bc !important;
}
.scheduler .scheduler-hours {
  width: 50px;
  background: #efefef;
  height: 300%;
  color: gray;
  display: inline-block;
  vertical-align: top;
  margin-top: 0;
  line-height: 0;
  position: sticky;
  z-index: 1;
  left: 0;
  text-align: right;
}
.scheduler .scheduler-hours .hour {
  display: block;
  height: 4.1666666667%;
  font-size: 12px;
  padding: 0 5px;
  margin-top: -45px;
  padding-top: 45px;
}
.scheduler .scheduler-hours + .scheduler-space > .space-title {
  margin-left: -60px;
  padding-left: 60px;
}
.scheduler.mode-view, .scheduler.mode-public {
  background: white;
  border: 1px solid silver;
}
.scheduler.mode-view .scheduler-hours,
.scheduler.mode-view .scheduler-space .space-title, .scheduler.mode-public .scheduler-hours,
.scheduler.mode-public .scheduler-space .space-title {
  background: white;
}
.scheduler.mode-view .scheduler-item.state-collapsed .scheduler-item-content, .scheduler.mode-public .scheduler-item.state-collapsed .scheduler-item-content {
  background: rgba(0, 0, 0, 0.06);
}
.scheduler.mode-view .scheduler-item.state-collapsed .scheduler-item-content:hover, .scheduler.mode-public .scheduler-item.state-collapsed .scheduler-item-content:hover {
  background: rgba(0, 0, 0, 0.04);
}
.scheduler.mode-edit .scheduler-item.state-expanded .scheduler-item-content .session-title,
.scheduler.mode-edit .scheduler-item.state-expanded .scheduler-item-content .session-description {
  display: none;
}
.scheduler.mode-edit .scheduler-item.state-collapsed .edit-form {
  display: none;
}
.scheduler .scheduler-space {
  width: 300px;
  max-width: 100%;
  height: 300%;
  position: relative;
  padding: 0 5px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
  background: repeating-linear-gradient(0deg, #e4e4e4, #e4e4e4 1px, transparent 1px, transparent 4.1666666667%);
  background-position-y: 1px;
}
.scheduler .scheduler-space .space-title {
  display: block;
  position: -webkit-sticky;
  position: sticky;
  top: -60px;
  height: 40px;
  margin: -60px -10px 0;
  padding: 6px 5px 4px 10px;
  box-sizing: border-box;
  z-index: 2;
  font-size: 16px;
  line-height: 40px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bold;
  background: #efefef;
  border-bottom: 1px solid silver;
}
.scheduler .scheduler-space .space-title .iconified {
  float: right;
  margin-top: 11px;
  z-index: 1;
}
.scheduler .scheduler-item {
  height: 100%;
  left: 5px;
  right: 5px;
  float: left;
  margin-top: -45px;
  padding: 45px 0 0 0;
  color: black;
  position: absolute;
  overflow: hidden;
  font-size: 14px;
  line-height: 1.3;
  white-space: normal;
  pointer-events: none;
  animation: fadeIn 0.5s;
}
.scheduler .scheduler-item .documents-panel {
  top: 10px;
  right: 10px;
  left: 10px;
  bottom: 10px;
  width: auto;
  z-index: 110;
  margin: 0;
}
.scheduler .scheduler-item .documents-panel .item-selector .search-result {
  font-size: 0.85em;
}
.scheduler .scheduler-item.documents-panel-closed .documents-panel {
  display: none;
}
.scheduler .scheduler-item .attached-documents {
  position: relative;
}
.scheduler .scheduler-item .attached-documents .attachment-list {
  padding: 0;
  background: transparent;
}
.scheduler .scheduler-item .attached-documents .attachment-list .attached-file .label {
  padding: 0;
}
.scheduler .scheduler-item.state-expanded {
  max-height: 100% !important;
  height: auto;
  z-index: 3;
  transform: translate(-50%, -50%);
  transform-origin: center center;
  width: 640px;
  top: 50% !important;
  left: 50%;
  position: fixed;
  padding: 40px;
  margin: 0;
  overflow: visible;
}
.sidebar-left-open .scheduler .scheduler-item.state-expanded {
  margin-left: 15%;
}
.scheduler .scheduler-item.state-expanded .scheduler-item-content {
  background: #f4f4f4;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.15);
  padding: 40px 40px 0;
  font-size: 18px;
  line-height: 1.4;
  border-left: solid 8px silver;
  border-top: solid 1px silver;
  border-right: solid 1px silver;
  border-bottom: solid 1px silver;
  overflow: auto;
  max-height: 600px;
}
.scheduler .scheduler-item.state-expanded .scheduler-item-content .session-title {
  margin-bottom: 16px;
}
.scheduler .scheduler-item.state-expanded .scheduler-item-content .button-bar {
  padding-bottom: 40px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  border-top: 1px silver solid;
  padding-top: 20px;
  margin-top: 20px;
  background: #f4f4f4;
}
.scheduler .scheduler-item.state-expanded .scheduler-item-content .button-bar > .pat-button {
  margin-bottom: 0;
  font-size: 16px;
  line-height: 22px;
  margin-right: 10px;
  float: left;
}
.scheduler .scheduler-item.state-expanded .scheduler-item-content .button-bar > .pat-button.delete {
  float: right;
  margin-right: 0;
}
.scheduler .scheduler-item.state-collapsed .scheduler-item-content .session-title {
  position: static;
  cursor: pointer;
}
.scheduler .scheduler-item.state-collapsed .scheduler-item-content .session-title:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
}
.scheduler .scheduler-item.state-collapsed .scheduler-item-content:hover {
  background: rgba(255, 255, 255, 0.5);
}
.scheduler .scheduler-item.state-collapsed .scheduler-item-content .attached-documents,
.scheduler .scheduler-item.state-collapsed .scheduler-item-content .button-bar {
  display: none;
}
.scheduler .scheduler-item.state-collapsed .scheduler-item-content .button-bar .pat-button.close {
  display: none;
}
.scheduler .scheduler-item .session-title {
  display: block;
  font-weight: bold;
}
.scheduler .scheduler-item .scheduler-item-content {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-left: solid 3px silver;
  background: rgba(255, 255, 255, 0.3);
  padding: 6px 10px;
  float: left;
  margin-top: 2px;
  height: calc(100% - 3px);
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  pointer-events: auto;
  position: relative;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar {
  margin: 0;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar .pat-button {
  display: inline-block;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar .pat-button.toggle-attendance input {
  opacity: 0;
  position: absolute;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar .pat-button.toggle-attendance.checked .join {
  display: none;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar .pat-button.toggle-attendance.checked .dont-join {
  display: block;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar .pat-button.toggle-attendance.unchecked .join {
  display: block;
}
.scheduler .scheduler-item .scheduler-item-content .button-bar .pat-button.toggle-attendance.unchecked .dont-join {
  display: none;
}

.search-form {
  position: relative;
}
.search-form fieldset {
  margin: 0;
}
@media print {
  .search-form {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .search-form {
    width: 100%;
    margin: 0;
    height: 4.5em;
  }
}
@media only screen and (min-width: 768px) {
  .search-form {
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
  }
}
.header.search-results .search-form {
  margin: 3em auto 1.2em;
  font-size: 1em;
}
.header.search-results .search-form .search-box-body {
  box-shadow: none;
  padding: 0;
  background: none;
  margin: 0;
  color: black;
}
.header.search-results .search-form .search-box-body input {
  background-color: white;
}
.search-form .toggle-bar {
  padding: 0;
  margin: 10px 0 0 0;
  position: relative;
  top: -1.5em;
  transition: all 0.5s;
}
@media only screen and (max-width: 767px) {
  .search-form .toggle-bar {
    display: none !important;
  }
}
.header.home .search-form .toggle-bar {
  margin-top: -3.4em;
  position: absolute;
  top: inherit;
  bottom: 1.8em;
}
.header.home .search-form .toggle-bar {
  margin-top: -3.4em;
  position: absolute;
  top: inherit;
  bottom: 1.8em;
}
.search-form .toggle-bar .pat-switch {
  cursor: pointer;
  text-decoration: underline;
  font-style: normal;
  font-weight: normal;
  color: gray;
}
.search-form .toggle-bar .pat-switch:hover {
  color: black;
}
.search-form .toggle-bar .pat-switch.checked {
  display: none;
}
.search-form .toggle-bar .pat-switch input {
  position: absolute;
  opacity: 0;
}
.search-form.view-extended .toggle-bar {
  top: 0;
}
.header.home .search-form.view-extended .search-box-body:not(#search-normal) {
  min-height: 12.5em;
}
.search-form.view-extended .search-box-body:not(#search-normal) .search-field {
  width: calc(44.47% - 2.8em);
  right: 3.2em;
  opacity: 0;
  pointer-events: none;
}
.search-form.view-extended .search-box-body:not(#search-normal) .search-field input[type=search] {
  height: 32px;
  width: 100%;
}
.search-form.view-extended .search-box-body:not(#search-normal) .search-field button {
  font-size: 1em;
  right: 10em;
  height: 32px;
  opacity: 0;
}
.search-form .search-field {
  position: absolute;
  z-index: 5;
  right: 0;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .search-form .search-field {
    width: 100%;
    right: 0;
  }
}
.-ms- .search-form.view-compact .search-box-body {
  height: 6em;
}

.search-box {
  position: relative;
}
.sidebar .search-box {
  margin-bottom: 15px;
}
.search-box label {
  position: relative;
  display: block;
}
.search-box label input[type=search] {
  margin: 0;
  padding-left: 34px;
  position: relative;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 10px;
  text-indent: 0;
  box-shadow: none;
  border: transparent 1px solid;
  font-size: 18px;
  display: block;
}
.search-box label input[type=search]:focus {
  border: silver 1px solid;
}
.search-box label button {
  display: none;
}
.search-box label::before {
  content: "\e8f8";
  font-family: fontello;
  left: 12px;
  line-height: 1;
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  font-size: 18px;
  z-index: 1;
}

.search-field {
  position: relative;
  height: 62px;
  margin-bottom: 0.5em;
  font-size: 1.8em;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  transition: all 0.4s;
  display: block;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#app-space.state-paused .search-field {
  display: none;
}
@media only screen and (max-width: 767px) {
  .search-field {
    position: static;
    width: 100%;
    font-size: 1em;
    padding: 0;
  }
}
.search-field input[type=search] {
  position: absolute;
  top: 0;
  left: 0;
  float: left;
  width: 100%;
  border: none;
  line-height: 1.5;
  padding: 0 80px 0 20px;
  margin: 0;
  border: none;
  z-index: 2;
  box-shadow: none;
  height: 62px;
  color: black;
  background-color: white;
  transition: all 0.4s;
  vertical-align: middle;
  border-radius: 0;
  border-radius: 10px;
}
.header.home .search-field input[type=search] {
  background: white;
}
@media only screen and (max-width: 767px) {
  .search-field input[type=search] {
    position: static;
    width: 100%;
    height: 50px;
    line-height: 50px;
    transition: none;
  }
  .search-field input[type=search].ui-corner-top {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}
.search-field button {
  transition: all 0.4s;
  position: absolute;
  right: 0;
  width: 2.2em;
  height: 1.9em;
  background-color: #009ee2;
  float: right;
  text-align: center;
  margin: 0;
  line-height: 1.8em;
  text-indent: -100em;
  border-color: #dedede;
  font-size: 1em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  z-index: 10;
}
.search-field button:before {
  content: "\e8f8";
  font-family: fontello;
  text-indent: 0;
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 2.2em;
  line-height: 1.85em;
  color: white;
}
.search-field button:focus {
  box-shadow: none;
  outline: none;
}
.search-field button:active {
  outline: none;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
}
.search-field button:active:before {
  color: #D40E16;
}

.search-results .title {
  position: relative;
}
.search-results .title a {
  color: #D40E16;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.search-results .title a:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 0.5em;
  font-weight: normal;
}
.search-results .title a .workspace-state {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  line-height: 1.5em;
  padding: 0.2em 0.5em 0.1em;
  font-size: 0.8em;
  margin-left: 0.5em;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.5) 2px, rgba(255, 255, 255, 0.5) 4px);
}
.search-results .title.type-emergency-service a {
  color: red;
}
.search-results .title.type-emergency-service a:before {
  content: "\e936";
}
.search-results .title.type-powerpoint a:before {
  content: "\e81d";
}
.search-results .title.type-word a:before {
  content: "\e81b";
}
.search-results .title.type-excel a:before {
  content: "\e81c";
}
.search-results .title.type-folder a:before {
  content: "📁";
}
.search-results .title.type-task a:before {
  content: "\e829";
}
.search-results .title.type-pdf a:before {
  content: "\e81a";
}
.search-results .title.type-job a:before {
  content: "\e848";
}
.search-results .title.type-people a:before {
  content: "\e8fa";
}
.search-results .title.type-post a:before {
  content: "📌";
}
.search-results .title.type-rich a:before {
  content: "\e823";
}
.search-results .title.type-news a:before {
  content: "\e840";
}
.search-results .title.type-library-item a:before {
  content: "\e88b";
}
.search-results .title.type-library-section a:before {
  content: "\e86f";
}
.search-results .title.type-library-subsection a:before {
  content: "\e86f";
}
.search-results .title.type-event a:before {
  content: "\e810";
}
.search-results .title.type-image a:before {
  content: "\e822";
}
.search-results .title.type-slideshow a:before {
  content: "\e940";
}
.search-results .title.type-classifieds-ad a:before {
  content: "\e882";
}
.search-results .title.type-folder a:before {
  content: "📁";
}
.search-results .title.type-group a:before {
  content: "\e8fb";
}
.search-results .title.type-workspace a:before {
  content: "\e94a";
}
.search-results .title.type-super-space a:before {
  content: "\e94a";
}
.search-results .title.type-link a:before {
  content: "\e83b";
}
.search-results .title.type-question a:before {
  content: "\f29c";
}
.search-results .title.type-file a:before {
  content: "\e811";
}
.search-results .title.type-contract a:before {
  content: "\f2b5";
}
.search-results .title.type-audio a:before {
  content: "\e820";
}
.search-results .title.type-video a:before {
  content: "\e81e";
}
.search-results .title.type-odt a:before {
  content: "\e811";
}
.search-results .title.type-octet a:before {
  content: "\e811";
}
.search-results .title.type-postscript a:before {
  content: "\e811";
}
.search-results .title.type-plain-text a:before {
  content: "\e823";
}
.search-results .title.type-zip a:before {
  content: "\e821";
}
.search-results .title.type-business-card a:before {
  content: "\e722";
}
.search-results .title.type-email a:before {
  content: "\e894";
}
.search-results .title.type-app a:before {
  content: "\e926";
}
.search-results.previews-off .title a,
.search-results.previews-off .description {
  padding-left: 0;
}
.search-results.previews-off .description .preview {
  display: none;
}
.search-results .description {
  margin-bottom: 3em;
  display: flex;
}
.search-results .description cite.highlight {
  background-color: #fdfdc8;
  border: 2px solid rgba(0, 0, 0, 0.05);
  font-style: normal;
}
.search-results .description .link {
  color: green;
  font-style: italic;
}
.search-results .description .link:hover {
  text-decoration: underline;
}
@media only screen and (max-width: 767px) {
  .search-results .description .link {
    display: none;
  }
}
.search-results .description:after {
  content: " ";
  display: table;
  clear: both;
}
.search-results .description .fragment {
  margin-bottom: 0;
}
.search-results .description ul.data {
  margin: 10px 0;
}
.search-results .description ul.data li a:hover {
  text-decoration: underline;
}
.search-results .description .preview {
  flex: none;
  margin-top: 8px;
  padding-right: 20px;
  width: 25%;
  box-sizing: border-box;
  background-color: white;
}
.search-results .description .preview img {
  width: 100%;
  float: left;
  border: 1px solid #dedede;
}
.search-results .description .preview.failed-preview {
  border: none;
}
.search-results .description .preview.failed-preview h4 {
  float: none;
  width: 100%;
  line-height: 2.78em;
  font-size: 2.5em;
  display: block;
  margin: 0 auto 0.5em;
  background-color: #efefef;
  color: gray;
  text-align: center;
  margin: 0;
}
.search-results .description .preview.app-preview .tile-icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: white;
  width: 100%;
  height: 100%;
}
.search-results .description .preview.app-preview img {
  border: none;
  background-color: #D40E16;
}
.search-results .description .preview.post-preview {
  border: none;
}
.search-results .description .preview.post-preview h4 {
  display: none;
}
.search-results .description .preview.post-preview:before, .search-results .description .preview.post-preview:after {
  color: #efefef;
  font-size: 14rem;
  line-height: 0;
  margin-top: 5rem;
}
.search-results .description .preview.post-preview:before {
  content: "“";
  float: right;
}
.search-results .description .preview.post-preview:after {
  content: "”";
  float: left;
}
.search-results .description .preview.question-preview {
  border: none;
  background-color: #efefef;
}
.search-results .description .preview.question-preview h4 {
  display: none;
}
.search-results .description .preview.question-preview:before {
  font-family: fontello;
  content: "\f29c";
  float: none;
  width: 100%;
  line-height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  text-align: center;
}
.search-results .description .preview.question-preview.workspace-state-archived:before {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.2) 5px, rgba(255, 255, 255, 0.2) 10px);
}
.search-results .description .preview.question-preview[class*=workspace-type]:before {
  color: white;
}
.search-results .description .preview.zip-preview {
  border: none;
  background-color: #efefef;
}
.search-results .description .preview.zip-preview h4 {
  display: none;
}
.search-results .description .preview.zip-preview:before {
  font-family: fontello;
  content: "\e821";
  float: none;
  width: 100%;
  line-height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  text-align: center;
}
.search-results .description .preview.zip-preview.workspace-state-archived:before {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.2) 5px, rgba(255, 255, 255, 0.2) 10px);
}
.search-results .description .preview.zip-preview[class*=workspace-type]:before {
  color: white;
}
.search-results .description .preview.email-preview {
  border: none;
  background-color: #efefef;
}
.search-results .description .preview.email-preview h4 {
  display: none;
}
.search-results .description .preview.email-preview:before {
  font-family: fontello;
  content: "\e894";
  float: none;
  width: 100%;
  line-height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  text-align: center;
}
.search-results .description .preview.email-preview.workspace-state-archived:before {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.2) 5px, rgba(255, 255, 255, 0.2) 10px);
}
.search-results .description .preview.email-preview[class*=workspace-type]:before {
  color: white;
}
.search-results .description .preview.link-preview {
  border: none;
  background-color: #efefef;
}
.search-results .description .preview.link-preview h4 {
  display: none;
}
.search-results .description .preview.link-preview:before {
  font-family: fontello;
  content: "\e83b";
  float: none;
  width: 100%;
  line-height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  text-align: center;
}
.search-results .description .preview.link-preview.workspace-state-archived:before {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.2) 5px, rgba(255, 255, 255, 0.2) 10px);
}
.search-results .description .preview.link-preview[class*=workspace-type]:before {
  color: white;
}
.search-results .description .preview.workspace-preview, .search-results .description .preview.super-space-preview {
  background-color: #109fd6;
  border: none;
}
.search-results .description .preview.workspace-preview h4, .search-results .description .preview.super-space-preview h4 {
  display: none;
}
.search-results .description .preview.workspace-preview:before, .search-results .description .preview.super-space-preview:before {
  font-family: fontello;
  content: "\e94a";
  float: none;
  width: 100%;
  line-height: 2em;
  font-size: 3.5em;
  display: block;
  color: gray;
  text-align: center;
}
.search-results .description .preview.workspace-preview.workspace-state-archived:before, .search-results .description .preview.super-space-preview.workspace-state-archived:before {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.2) 5px, rgba(255, 255, 255, 0.2) 10px);
}
.search-results .description .preview.workspace-preview[class*=workspace-type]:before, .search-results .description .preview.super-space-preview[class*=workspace-type]:before {
  color: white;
}
.search-results .description .preview.video-preview:before {
  display: none;
}
.search-results .description .preview.video-preview video {
  width: 100%;
  float: left;
}
.search-results .description .preview.question {
  border: none;
}
.search-results .description .preview.question h4 {
  display: none;
}
.search-results .description .preview.question:before, .search-results .description .preview.question:after {
  color: #efefef;
  font-size: 14rem;
  line-height: 0;
  margin-top: 5rem;
}
.search-results .description .preview.question:before {
  content: "“";
  float: right;
}
.search-results .description .preview.question:after {
  content: "”";
  float: left;
}
.search-results .description .preview.user img {
  border: none;
}
.search-results .description .preview.group img {
  border: none;
}
.search-results .description .preview.event .event-card .follow .teaser .title,
.search-results .description .preview.event .event-card .follow .teaser .description {
  font-size: 13px;
}
.search-results .description .preview.event .event-card .follow .teaser {
  padding: 10px 10px 0 80px;
  margin-bottom: 12px;
}
.search-results .description .preview.event .event-card .follow .event-date {
  left: 10px;
  width: 62px;
}
.search-results .description .preview.rich {
  height: 10rem;
  padding: 3%;
  padding-right: calc(3% + 20px);
  font-size: 8px;
  overflow: hidden;
  position: relative;
}
.search-results .description .preview.rich .follow {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 0;
  overflow: hidden;
  text-indent: -1000px;
  border: 1px solid #dedede;
}
.search-results .description a {
  color: black;
}
.search-results .description a:hover {
  text-decoration: none;
}
.search-results .description a .summary {
  color: black;
}

#global-search {
  width: 100%;
  height: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 18px;
  background-color: #efefef;
}
@media only screen and (min-width: 768px) {
  #global-search {
    display: table;
  }
}
@media only screen and (min-width: 768px) {
  #global-search .search-header {
    display: table-row;
  }
}
@media only screen and (max-width: 767px) {
  #global-search .search-header {
    display: none;
  }
}
#global-search .search-header.injecting:before {
  display: none;
}
#global-search .search-header .container.search-form {
  vertical-align: middle;
  height: 0%;
  padding-top: 3.5em;
  padding-bottom: 0em;
  animation: schrink-header 1s;
  animation-fill-mode: forwards;
  -webkit-animation-fill-mode: forwards;
}
@media only screen and (min-width: 768px) {
  #global-search .search-header .container.search-form {
    display: table-cell;
  }
}
#global-search .search-header .container.search-form .search-navigation {
  transition: all 1s;
  margin-top: 0;
  opacity: 1;
}
@keyframes schrink-header {
  from {
    height: 100%;
  }
  to {
    height: 0%;
  }
}
#global-search .search-header .container.search-form.initial-search {
  height: 100%;
  animation: none;
}
#global-search .search-header .container.search-form.initial-search #tabs-nav {
  opacity: 0;
  pointer-events: none;
}
#global-search .search-body {
  background-color: white;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  #global-search .search-body {
    display: table-row;
  }
}
@media only screen and (max-width: 767px) {
  #global-search .search-body {
    position: absolute;
    top: 0;
    bottom: 0;
    overflow: auto;
  }
}
@media only screen and (min-width: 768px) {
  #global-search .search-body .row {
    animation: fadeIn 2s;
  }
}
#global-search .search-body article.explanation {
  color: gray;
  font-size: 1.2em;
  line-height: 1.6;
  width: 100%;
  padding: 1em 0;
  transition: 1s opacity;
}
#global-search .search-body article.explanation * {
  text-align: center;
  margin: 0;
}
#global-search .search-body .container.results-pane {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding-top: 3%;
  padding-bottom: 3%;
}
@media only screen and (min-width: 768px) {
  #global-search .search-body .container.results-pane {
    display: table-cell;
  }
}
#global-search .search-body .container.results-pane > .results {
  max-width: 1280px;
  width: 100%;
  height: 100%;
  margin: 0 auto;
}
#global-search .search-body .container.results-pane > .results.injecting .explanation {
  opacity: 0;
}
#global-search .pat-tabs {
  border-bottom: none;
  margin: 0 0 0 0;
  opacity: 0;
  animation: fadeIn 1s;
  animation-delay: 1s;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  line-height: 1;
  height: 1.7em;
}
#global-search .pat-tabs a {
  padding: 0 1.2em 0.8em;
  line-height: 0.9;
}
#global-search .pat-tabs.injecting a {
  opacity: 1;
}
#global-search .initial-search .pat-tabs {
  animation: none;
}
#global-search .introduction {
  margin-bottom: 1em;
  --pat-select-box-padding-top-bottom: 0;
}
@media only screen and (max-width: 767px) {
  #global-search .introduction .pat-select {
    display: none;
  }
}
#global-search .did-you-mean {
  border-bottom: 1px silver dotted;
  padding-bottom: 1em;
  margin-bottom: 2em;
}
#global-search .top-filters {
  margin-bottom: 1em;
  text-align: center;
}
#global-search .top-filters label {
  margin-bottom: 0.5em;
}
#global-search #results .filters {
  font-size: 0.9em;
  padding-right: 3%;
}
@media only screen and (max-width: 767px) {
  #global-search #results .filters {
    display: none;
  }
}
#global-search #results .filters .legend {
  margin-bottom: 0.5em;
  font-weight: bold;
}
#global-search #results .filters .button-cluster {
  margin-top: 0.3em;
  float: right;
}
#global-search #results .filters label {
  clear: both;
  font-weight: normal;
  display: block;
}
#global-search #results .filters label.checked:before {
  color: white;
}
#global-search #results .filters label.checked .counter {
  background-color: rgba(255, 255, 255, 0.2);
}
#global-search #results .filters .pat-bar-toggles {
  margin-bottom: 1em;
}
#global-search #results .filters .pat-bar-toggles label {
  padding-left: 33px;
}
#global-search div.results {
  position: relative;
}
#global-search div.results.office-files {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
#global-search div.results.office-files .item {
  width: 33.3%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em;
  float: left;
  color: gray;
}
#global-search div.results.office-files .item#load-more-results {
  padding: 7em 0 2em 0;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #global-search div.results.office-files .item {
    width: 100%;
  }
}
#global-search div.results.office-files .item:hover {
  color: black;
  text-decoration: none;
  border-color: black;
}
#global-search div.results.office-files .item .preview.rich {
  border: solid 1px #dedede;
  background-color: white;
  padding-top: 1.5em;
  position: relative;
}
#global-search div.results.office-files .item .preview.rich article.pat-rich {
  height: 10rem;
  padding: 8%;
  font-size: 8px;
  overflow: hidden;
  position: relative;
}
#global-search div.results.office-files .item .preview.rich article.pat-rich img {
  max-width: 100%;
}
#global-search div.results.office-files .item .preview.rich article.pat-rich h1 {
  margin-bottom: 1em;
}
#global-search div.results.office-files .item .preview.rich .follow {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  text-indent: -1000px;
}
#global-search div.results.office-files .item figcaption,
#global-search div.results.office-files .item .preview-title {
  font-size: 0.8em;
  line-height: 1.2em;
  padding: 0.4em;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#global-search div.results.office-files .item figure {
  background-color: white;
  border: solid 1px #dedede;
  padding-top: 1.5em;
  position: relative;
}
#global-search div.results.office-files .item figure img {
  width: 100%;
  display: block;
}
#global-search div.results.images {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
#global-search div.results.images .item {
  width: 25%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0.5em;
  float: left;
  color: gray;
}
#global-search div.results.images .item#load-more-results {
  margin-top: 5em;
  padding: 7em 0 2em 0;
  width: 100%;
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #global-search div.results.images .item {
    width: 100%;
  }
}
#global-search div.results.images .item:hover {
  color: black;
  text-decoration: none;
  border-color: black;
}
#global-search div.results.images .item figure {
  background-color: white;
  border: solid 1px #dedede;
}
#global-search div.results.images .item figure img {
  width: 100%;
}
#global-search div.results.images .item figure figcaption {
  font-size: 0.8em;
  line-height: 1.2em;
  padding: 0.2em 0 0.4em;
  text-align: center;
}
@media only screen and (min-width: 1280px) {
  #global-search div.results.videos, #global-search div.results.images, #global-search div.results.documents {
    margin-left: -1.5rem;
    margin-right: -1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #global-search div.results.videos, #global-search div.results.images, #global-search div.results.documents {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1279px) {
  #global-search div.results.videos, #global-search div.results.images, #global-search div.results.documents {
    margin-left: -15px;
    margin-right: -15px;
  }
}
@media only screen and (max-width: 767px) {
  #global-search div.results.videos, #global-search div.results.images, #global-search div.results.documents {
    margin-left: -15px;
    margin-right: -15px;
  }
}
#global-search div.results.videos .grid-sizer,
#global-search div.results.videos .tile, #global-search div.results.images .grid-sizer,
#global-search div.results.images .tile, #global-search div.results.documents .grid-sizer,
#global-search div.results.documents .tile {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1280px) {
  .js #global-search div.results.videos .grid-sizer,
  .js #global-search div.results.videos .tile, .js #global-search div.results.images .grid-sizer,
  .js #global-search div.results.images .tile, .js #global-search div.results.documents .grid-sizer,
  .js #global-search div.results.documents .tile {
    width: 33.33333332%;
  }
}
.js #global-search div.results.videos .grid-sizer.span-full,
.js #global-search div.results.videos .tile.span-full, .js #global-search div.results.images .grid-sizer.span-full,
.js #global-search div.results.images .tile.span-full, .js #global-search div.results.documents .grid-sizer.span-full,
.js #global-search div.results.documents .tile.span-full {
  width: 100%;
}
.js #global-search div.results.videos .grid-sizer.span-2,
.js #global-search div.results.videos .tile.span-2, .js #global-search div.results.images .grid-sizer.span-2,
.js #global-search div.results.images .tile.span-2, .js #global-search div.results.documents .grid-sizer.span-2,
.js #global-search div.results.documents .tile.span-2 {
  width: 50%;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .js #global-search div.results.videos .grid-sizer,
  .js #global-search div.results.videos .tile, .js #global-search div.results.images .grid-sizer,
  .js #global-search div.results.images .tile, .js #global-search div.results.documents .grid-sizer,
  .js #global-search div.results.documents .tile {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  #global-search div.results.videos .grid-sizer,
  #global-search div.results.videos .tile, #global-search div.results.images .grid-sizer,
  #global-search div.results.images .tile, #global-search div.results.documents .grid-sizer,
  #global-search div.results.documents .tile {
    width: 100%;
  }
}
@media only screen and (orientation: portrait) and (min-width: 768px) and (max-width: 1279px) {
  #global-search div.results.videos .grid-sizer,
  #global-search div.results.videos .tile, #global-search div.results.images .grid-sizer,
  #global-search div.results.images .tile, #global-search div.results.documents .grid-sizer,
  #global-search div.results.documents .tile {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  #global-search div.results.videos .grid-sizer,
  #global-search div.results.videos .tile, #global-search div.results.images .grid-sizer,
  #global-search div.results.images .tile, #global-search div.results.documents .grid-sizer,
  #global-search div.results.documents .tile {
    padding: 0 15px;
  }
}
@media only screen and (min-width: 768px) {
  #global-search div.results.videos .grid-sizer,
  #global-search div.results.videos .tile, #global-search div.results.images .grid-sizer,
  #global-search div.results.images .tile, #global-search div.results.documents .grid-sizer,
  #global-search div.results.documents .tile {
    padding: 0 1.5rem;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #global-search div.results.videos .grid-sizer,
  #global-search div.results.videos .tile, #global-search div.results.images .grid-sizer,
  #global-search div.results.images .tile, #global-search div.results.documents .grid-sizer,
  #global-search div.results.documents .tile {
    padding: 0 0.75rem;
    padding: 0 0.75rem;
  }
}
#global-search div.results.videos .tile, #global-search div.results.images .tile, #global-search div.results.documents .tile {
  padding-bottom: 3rem;
}
#global-search div.results.videos .tile > .content, #global-search div.results.images .tile > .content, #global-search div.results.documents .tile > .content {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  background-color: white;
  padding: 0;
  overflow: hidden;
  border-radius: 10px;
  margin: 0;
  transition: all 0.2s;
}
#global-search div.results.videos .tile > .content:hover, #global-search div.results.images .tile > .content:hover, #global-search div.results.documents .tile > .content:hover {
  transform: scale(1.01);
  box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
}
#global-search div.results.videos .tile > .content .document-preview-expansive,
#global-search div.results.videos .tile > .content .follow > img, #global-search div.results.images .tile > .content .document-preview-expansive,
#global-search div.results.images .tile > .content .follow > img, #global-search div.results.documents .tile > .content .document-preview-expansive,
#global-search div.results.documents .tile > .content .follow > img {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
#global-search div.results.videos .tile > .content .sub-title .label, #global-search div.results.images .tile > .content .sub-title .label, #global-search div.results.documents .tile > .content .sub-title .label {
  padding: 1.1em 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
  text-align: left;
  display: block;
  color: black;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  position: relative;
  padding-left: 59px;
}
body[dir=rtl] #global-search div.results.videos .tile > .content .sub-title .label, body[dir=rtl] #global-search div.results.images .tile > .content .sub-title .label, body[dir=rtl] #global-search div.results.documents .tile > .content .sub-title .label {
  text-align: right;
}
#global-search div.results.videos .tile > .content .sub-title .label:before, #global-search div.results.images .tile > .content .sub-title .label:before, #global-search div.results.documents .tile > .content .sub-title .label:before {
  position: absolute;
  top: 50%;
  left: 28px;
  transform: translateY(-50%);
}
#global-search div.results.videos .tile > .content .sub-title .label:hover, #global-search div.results.images .tile > .content .sub-title .label:hover, #global-search div.results.documents .tile > .content .sub-title .label:hover {
  text-decoration: none;
}
#global-search div.results .document-listing {
  padding-bottom: 6%;
}
@media only screen and (min-width: 1280px) {
  #global-search div.results .document-listing {
    padding-left: 4%;
    border-left: 1px #dedede solid;
  }
}

label.pat-select.visibility:before {
  font-family: "fontello";
  content: "👥";
}

#setup-wizard {
  padding: 6%;
  border-radius: 10px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  max-width: 1030px;
  margin: 0 auto 50px;
  background: white;
}
#setup-wizard .colour-chooser-launcher .pat-button {
  background-color: white;
}
#setup-wizard .introduction {
  margin-bottom: 50px;
}
#setup-wizard .link-list {
  margin: 0 -10px 20px;
}
#setup-wizard .link-list:after {
  content: " ";
  display: table;
  clear: both;
}
#setup-wizard .link-list li {
  padding: 0 10px 0;
  margin-bottom: 15px;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #setup-wizard .link-list li {
    width: 50%;
    float: left;
  }
}
#setup-wizard .link-list li a {
  padding: 15px 15px 25px 46px;
  border-radius: 10px;
  background: #fafafa;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  transition: transform 0.2s;
  height: 100%;
  box-sizing: border-box;
}
#setup-wizard .link-list li a:before {
  line-height: 1.45;
}
#setup-wizard .link-list li a:hover {
  transform: scale(1.01);
  text-decoration: none;
}
#setup-wizard .link-list li a:hover .follow {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
#setup-wizard .link-list li a .item-summary {
  margin: 0;
}
#setup-wizard .screenshot {
  margin-top: 12px;
}
#setup-wizard .button-bar {
  margin: 30px -6.85% -6.85% -6.85%;
  background-color: white;
  padding: 20px 6%;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  font-size: 24px;
}
#setup-wizard .button-bar button,
#setup-wizard .button-bar .pat-button {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  font-weight: bold;
  color: white;
  border: none;
  float: right;
  padding: 5px 35px;
  border: 1px white solid;
}
#setup-wizard .button-bar button:active,
#setup-wizard .button-bar .pat-button:active {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}

aside.sidebar.left {
  --pat-select-box-padding-right-left: 12px;
  --colour-sidebar-well: rgb(239, 239, 239);
  --colour-sidebar-well-rgba-100: rgb(239, 239, 239);
  --colour-sidebar-well-rgba-0: rgba(239, 239, 239, 0);
  position: absolute;
  will-change: transform;
  bottom: 0;
  padding: 0;
  color: #434343;
  width: auto;
  z-index: 0;
  background-color: rgba(255,255,255,1);
  overflow-y: auto;
  overflow-x: hidden;
}
.sidebar-normal aside.sidebar.left {
  --pat-button-height: 28px;
  --item-selector-search-box-height: 28px;
  --pat-toolbar-button-height: 28px;
  --pat-toolbar-button-line-height: 28px;
  --pat-toolbar-font-size: 16px;
  --pat-toolbar-element-separation: 7px;
  --pat-toolbar-button-height: 28px;
  --pat-toolbar-font-size: 16px;
  --pat-toolbar-auto-hide-offset: 15px !important;
  --pat-toolbar-bump-distance: 15px;
  --pat-toolbar-bump-distance-scroll-down: 15px;
  --pat-toolbar-padding: 4px;
  --pat-select-box-padding-right-left: 5px;
  --pat-select-box-arrow-size: 12px;
  --pat-select-box-arrow-width: 22px;
  --ueber-back-button-font-size: 16px;
  --ueber-back-button-height: 28px;
  --ueber-back-button-arrow-width: 10px;
  --ueber-back-button-arrow-height: 24px;
  --ueber-back-button-padding: 0 1em 0 1.5em;
}
@media only screen and (max-width: 767px) {
  .sidebar-normal aside.sidebar.left {
    --pat-toolbar-auto-hide-offset: 5px !important;
  }
}
@media only screen and (min-width: 768px) {
  .sidebar-normal aside.sidebar.left {
    --pat-toolbar-auto-hide-offset: 5px !important;
  }
}
.sidebar-large aside.sidebar.left {
  --pat-toolbar-auto-hide-offset: 40px !important;
}
aside.sidebar.left.pat-scroll-box:not(.scroll-position-top) .batch-functions {
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(10px) saturate(4) brightness(1.2);
  backdrop-filter: blur(10px) saturate(4) brightness(1.2);
}
aside.sidebar.left #sidebar-content-workspaces #workspace-settings {
  display: none;
}
.module-settings aside.sidebar.left #sidebar-content-workspaces #workspace-settings {
  display: block;
}
aside.sidebar.left #sidebar-content-workspaces #workspace-documents {
  display: none;
}
.module-documents aside.sidebar.left #sidebar-content-workspaces #workspace-documents {
  display: block;
}
aside.sidebar.left #sidebar-content-workspaces #workspace-tickets {
  display: none;
}
.module-tasks aside.sidebar.left #sidebar-content-workspaces #workspace-tickets {
  display: block;
}
aside.sidebar.left #sidebar-content-workspaces #workspace-events {
  display: none;
}
.module-events aside.sidebar.left #sidebar-content-workspaces #workspace-events {
  display: block;
}
aside.sidebar.left #sidebar-content-workspaces #workspace-questions {
  display: none;
}
.module-questions aside.sidebar.left #sidebar-content-workspaces #workspace-questions {
  display: block;
}
.toolbar-on aside.sidebar.left {
  top: 40px;
  border-top-right-radius: 0em;
}
@media print {
  aside.sidebar.left {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  aside.sidebar.left {
    background: none;
    right: 0;
    left: 0;
    bottom: 0;
    top: 0;
    padding-top: 0;
  }
  .application-workspace aside.sidebar.left, .application-workspaces aside.sidebar.left {
    bottom: 90px;
  }
}
@media only screen and (min-width: 768px) {
  aside.sidebar.left {
    top: 0;
    left: 0;
    transition: all 0.2s;
    border-right: solid 1px #dddddd;
    line-height: 20px;
    font-size: 0.9em;
  }
}
@media only screen and (min-width: 1280px) {
  aside.sidebar.left {
    right: 70%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  aside.sidebar.left {
    right: 40%;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  }
  .focus-document aside.sidebar.left {
    right: 100%;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0);
  }
}
aside.sidebar.left h3,
aside.sidebar.left p {
  margin-bottom: 1em;
}
aside.sidebar.left .pat-message p:last-child {
  margin-bottom: 0;
}
aside.sidebar.left .pat-message p.button-bar:last-child {
  padding-bottom: 0;
}
aside.sidebar.left .sidebar-separation-title {
  font-size: 24px;
  margin-top: 1.2em;
  margin-bottom: 1.2em;
}
aside.sidebar.left .event-card {
  margin-bottom: 1em;
}
aside.sidebar.left .event-list .event {
  padding-left: 80px;
  min-height: 80px;
}
aside.sidebar.left .event-list .event .date {
  width: 60px;
  -moz-transform: scale(0.62);
  -webkit-transform: scale(0.62);
  transform: scale(0.62);
  -moz-transform-origin: top left;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
aside.sidebar.left .event-list .event .title,
aside.sidebar.left .event-list .event .byline,
aside.sidebar.left .event-list .event .description {
  float: none;
  width: auto;
  font-size: 0.8em;
  line-height: 1.3em;
}
aside.sidebar.left .mode-follow .object-list.tasks .item, aside.sidebar.left .mode-follow .object-list.news .item, aside.sidebar.left .mode-follow .object-list.newsletters .item, aside.sidebar.left .mode-follow .object-list.periodicals .item, aside.sidebar.left .mode-follow .object-list.mailing-lists .item, aside.sidebar.left .mode-follow .object-list.library-items .item {
  padding-left: 0;
  grid-template-columns: 0 auto;
  transition: all 0.2s;
}
aside.sidebar.left .mode-follow .object-list.tasks .item:last-child, aside.sidebar.left .mode-follow .object-list.news .item:last-child, aside.sidebar.left .mode-follow .object-list.newsletters .item:last-child, aside.sidebar.left .mode-follow .object-list.periodicals .item:last-child, aside.sidebar.left .mode-follow .object-list.mailing-lists .item:last-child, aside.sidebar.left .mode-follow .object-list.library-items .item:last-child {
  margin-bottom: 0;
}
aside.sidebar.left .mode-follow .object-list.tasks .item:hover .title, aside.sidebar.left .mode-follow .object-list.news .item:hover .title, aside.sidebar.left .mode-follow .object-list.newsletters .item:hover .title, aside.sidebar.left .mode-follow .object-list.periodicals .item:hover .title, aside.sidebar.left .mode-follow .object-list.mailing-lists .item:hover .title, aside.sidebar.left .mode-follow .object-list.library-items .item:hover .title {
  text-decoration: underline;
}
aside.sidebar.left .mode-follow .object-list.tasks .item:before, aside.sidebar.left .mode-follow .object-list.news .item:before, aside.sidebar.left .mode-follow .object-list.newsletters .item:before, aside.sidebar.left .mode-follow .object-list.periodicals .item:before, aside.sidebar.left .mode-follow .object-list.mailing-lists .item:before, aside.sidebar.left .mode-follow .object-list.library-items .item:before {
  left: -1em;
  opacity: 0;
}
aside.sidebar.left .mode-select .quick-functions .toggle-select:before {
  color: var(--colour-accent);
}
aside.sidebar.left .mode-select .pat-collapsible.object-list .item {
  grid-template-columns: 24px auto;
}
aside.sidebar.left .mode-select .pat-collapsible.object-list .button-bar.batch-buttons {
  margin: 0 0 15px 0;
}
aside.sidebar.left .mode-select .pat-collapsible.object-list .button-bar.batch-buttons button {
  line-height: 24px;
}
aside.sidebar.left .call-to-action {
  border-radius: 10px;
  padding: 3% 7% 3% 50px;
  background-color: #009ee2;
  margin-bottom: 1em;
  display: block;
  color: white;
  position: relative;
  line-height: 26px;
  font-size: 20px;
}
aside.sidebar.left .call-to-action:hover {
  text-decoration: none;
  filter: brightness(1.05);
}
aside.sidebar.left .call-to-action::before {
  font-size: 1.2em;
  position: absolute;
  top: 50%;
  margin-top: -0.5em;
  margin-left: 20px;
  left: 0;
}
aside.sidebar.left .call-to-action:after {
  font-family: fontello;
  content: "\e8c4";
  position: absolute;
  right: 4%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
aside.sidebar.left .object-list,
aside.sidebar.left .grouping {
  position: relative;
  background-color: rgb(239, 239, 239);
  border-radius: 10px;
  margin-bottom: 1em;
  padding: 0 4% 1em;
}
aside.sidebar.left .object-list .checklist,
aside.sidebar.left .grouping .checklist {
  margin-bottom: 0;
  min-width: 0;
}
aside.sidebar.left .object-list .section-label,
aside.sidebar.left .grouping .section-label {
  padding: 3% 0;
  line-height: 26px;
  font-size: 20px;
}
aside.sidebar.left .object-list label,
aside.sidebar.left .grouping label {
  position: relative;
  z-index: 1;
}
aside.sidebar.left .object-list .item,
aside.sidebar.left .grouping .item {
  margin-bottom: 15px;
  width: 100%;
}
aside.sidebar.left .object-list .item .byline,
aside.sidebar.left .grouping .item .byline {
  margin: 0;
  opacity: 0.7;
  hyphens: auto;
}
aside.sidebar.left .object-list .item:last-child,
aside.sidebar.left .grouping .item:last-child {
  margin-bottom: 0;
}
aside.sidebar.left .object-list .item,
aside.sidebar.left .object-list .item:before,
aside.sidebar.left .grouping .item,
aside.sidebar.left .grouping .item:before {
  transition: all 0.2s;
  justify-self: start;
}
aside.sidebar.left .object-list.for-review,
aside.sidebar.left .grouping.for-review {
  border: 1px fuchsia solid;
  background-color: rgba(255, 0, 255, 0.1);
}
aside.sidebar.left .object-list.newsletters, aside.sidebar.left .object-list.periodicals,
aside.sidebar.left .grouping.newsletters,
aside.sidebar.left .grouping.periodicals {
  padding: 2px !important;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  border: 0;
  background: repeating-linear-gradient(-45deg, white 0 5px, #58a 5px 15px, white 15px 20px, red 20px 30px);
}
aside.sidebar.left .object-list.newsletters .section-label,
aside.sidebar.left .object-list.newsletters .panel-content, aside.sidebar.left .object-list.periodicals .section-label,
aside.sidebar.left .object-list.periodicals .panel-content,
aside.sidebar.left .grouping.newsletters .section-label,
aside.sidebar.left .grouping.newsletters .panel-content,
aside.sidebar.left .grouping.periodicals .section-label,
aside.sidebar.left .grouping.periodicals .panel-content {
  background-color: #e8f4fa;
}
aside.sidebar.left .object-list.newsletters .section-label, aside.sidebar.left .object-list.periodicals .section-label,
aside.sidebar.left .grouping.newsletters .section-label,
aside.sidebar.left .grouping.periodicals .section-label {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
aside.sidebar.left .object-list.newsletters .panel-content, aside.sidebar.left .object-list.periodicals .panel-content,
aside.sidebar.left .grouping.newsletters .panel-content,
aside.sidebar.left .grouping.periodicals .panel-content {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  margin-top: -1px;
}
aside.sidebar.left .object-list.tasks .follow, aside.sidebar.left .object-list.news .follow, aside.sidebar.left .object-list.newsletters .follow, aside.sidebar.left .object-list.periodicals .follow, aside.sidebar.left .object-list.mailing-lists .follow, aside.sidebar.left .object-list.library-items .follow,
aside.sidebar.left .grouping.tasks .follow,
aside.sidebar.left .grouping.news .follow,
aside.sidebar.left .grouping.newsletters .follow,
aside.sidebar.left .grouping.periodicals .follow,
aside.sidebar.left .grouping.mailing-lists .follow,
aside.sidebar.left .grouping.library-items .follow {
  display: block;
  width: 100%;
  color: black;
  padding: 0;
  transition: 0.2s all;
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
aside.sidebar.left .object-list.tasks .follow.current:after, aside.sidebar.left .object-list.news .follow.current:after, aside.sidebar.left .object-list.newsletters .follow.current:after, aside.sidebar.left .object-list.periodicals .follow.current:after, aside.sidebar.left .object-list.mailing-lists .follow.current:after, aside.sidebar.left .object-list.library-items .follow.current:after,
aside.sidebar.left .grouping.tasks .follow.current:after,
aside.sidebar.left .grouping.news .follow.current:after,
aside.sidebar.left .grouping.newsletters .follow.current:after,
aside.sidebar.left .grouping.periodicals .follow.current:after,
aside.sidebar.left .grouping.mailing-lists .follow.current:after,
aside.sidebar.left .grouping.library-items .follow.current:after {
  border-radius: 10px;
  position: absolute;
  top: -4px;
  right: -10px;
  bottom: -4px;
  left: -10px;
  display: block;
  content: " ";
  z-index: -1;
  -webkit-backdrop-filter: saturate(3) brightness(1.1);
  backdrop-filter: saturate(3) brightness(1.1);
  box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.5);
}
aside.sidebar.left .object-list.tasks .follow cite.highlight, aside.sidebar.left .object-list.news .follow cite.highlight, aside.sidebar.left .object-list.newsletters .follow cite.highlight, aside.sidebar.left .object-list.periodicals .follow cite.highlight, aside.sidebar.left .object-list.mailing-lists .follow cite.highlight, aside.sidebar.left .object-list.library-items .follow cite.highlight,
aside.sidebar.left .grouping.tasks .follow cite.highlight,
aside.sidebar.left .grouping.news .follow cite.highlight,
aside.sidebar.left .grouping.newsletters .follow cite.highlight,
aside.sidebar.left .grouping.periodicals .follow cite.highlight,
aside.sidebar.left .grouping.mailing-lists .follow cite.highlight,
aside.sidebar.left .grouping.library-items .follow cite.highlight {
  background-color: #fdfdc8;
  border: 2px solid rgba(0, 0, 0, 0.05);
  font-style: normal;
}
aside.sidebar.left .object-list.tasks .follow:hover, aside.sidebar.left .object-list.news .follow:hover, aside.sidebar.left .object-list.newsletters .follow:hover, aside.sidebar.left .object-list.periodicals .follow:hover, aside.sidebar.left .object-list.mailing-lists .follow:hover, aside.sidebar.left .object-list.library-items .follow:hover,
aside.sidebar.left .grouping.tasks .follow:hover,
aside.sidebar.left .grouping.news .follow:hover,
aside.sidebar.left .grouping.newsletters .follow:hover,
aside.sidebar.left .grouping.periodicals .follow:hover,
aside.sidebar.left .grouping.mailing-lists .follow:hover,
aside.sidebar.left .grouping.library-items .follow:hover {
  text-decoration: none;
}
aside.sidebar.left .object-list.tasks .follow .publication-state, aside.sidebar.left .object-list.news .follow .publication-state, aside.sidebar.left .object-list.newsletters .follow .publication-state, aside.sidebar.left .object-list.periodicals .follow .publication-state, aside.sidebar.left .object-list.mailing-lists .follow .publication-state, aside.sidebar.left .object-list.library-items .follow .publication-state,
aside.sidebar.left .grouping.tasks .follow .publication-state,
aside.sidebar.left .grouping.news .follow .publication-state,
aside.sidebar.left .grouping.newsletters .follow .publication-state,
aside.sidebar.left .grouping.periodicals .follow .publication-state,
aside.sidebar.left .grouping.mailing-lists .follow .publication-state,
aside.sidebar.left .grouping.library-items .follow .publication-state {
  color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  line-height: 1.4em;
  font-size: 0.8em;
  padding: 0 0.7em;
  font-style: normal;
  display: inline-block;
  background-color: silver;
}
aside.sidebar.left .object-list.tasks .follow .publication-state.draft, aside.sidebar.left .object-list.news .follow .publication-state.draft, aside.sidebar.left .object-list.newsletters .follow .publication-state.draft, aside.sidebar.left .object-list.periodicals .follow .publication-state.draft, aside.sidebar.left .object-list.mailing-lists .follow .publication-state.draft, aside.sidebar.left .object-list.library-items .follow .publication-state.draft,
aside.sidebar.left .grouping.tasks .follow .publication-state.draft,
aside.sidebar.left .grouping.news .follow .publication-state.draft,
aside.sidebar.left .grouping.newsletters .follow .publication-state.draft,
aside.sidebar.left .grouping.periodicals .follow .publication-state.draft,
aside.sidebar.left .grouping.mailing-lists .follow .publication-state.draft,
aside.sidebar.left .grouping.library-items .follow .publication-state.draft {
  background-color: orange;
}
aside.sidebar.left .object-list.tasks .follow .publication-state.unpublished, aside.sidebar.left .object-list.news .follow .publication-state.unpublished, aside.sidebar.left .object-list.newsletters .follow .publication-state.unpublished, aside.sidebar.left .object-list.periodicals .follow .publication-state.unpublished, aside.sidebar.left .object-list.mailing-lists .follow .publication-state.unpublished, aside.sidebar.left .object-list.library-items .follow .publication-state.unpublished,
aside.sidebar.left .grouping.tasks .follow .publication-state.unpublished,
aside.sidebar.left .grouping.news .follow .publication-state.unpublished,
aside.sidebar.left .grouping.newsletters .follow .publication-state.unpublished,
aside.sidebar.left .grouping.periodicals .follow .publication-state.unpublished,
aside.sidebar.left .grouping.mailing-lists .follow .publication-state.unpublished,
aside.sidebar.left .grouping.library-items .follow .publication-state.unpublished {
  background-color: orange;
  color: rgba(0, 0, 0, 0.6);
}
aside.sidebar.left .object-list.tasks .follow .publication-state.expired, aside.sidebar.left .object-list.news .follow .publication-state.expired, aside.sidebar.left .object-list.newsletters .follow .publication-state.expired, aside.sidebar.left .object-list.periodicals .follow .publication-state.expired, aside.sidebar.left .object-list.mailing-lists .follow .publication-state.expired, aside.sidebar.left .object-list.library-items .follow .publication-state.expired,
aside.sidebar.left .grouping.tasks .follow .publication-state.expired,
aside.sidebar.left .grouping.news .follow .publication-state.expired,
aside.sidebar.left .grouping.newsletters .follow .publication-state.expired,
aside.sidebar.left .grouping.periodicals .follow .publication-state.expired,
aside.sidebar.left .grouping.mailing-lists .follow .publication-state.expired,
aside.sidebar.left .grouping.library-items .follow .publication-state.expired {
  background-color: tan;
  color: rgba(0, 0, 0, 0.6);
}
aside.sidebar.left .object-list.tasks .follow .publication-state.for-review, aside.sidebar.left .object-list.news .follow .publication-state.for-review, aside.sidebar.left .object-list.newsletters .follow .publication-state.for-review, aside.sidebar.left .object-list.periodicals .follow .publication-state.for-review, aside.sidebar.left .object-list.mailing-lists .follow .publication-state.for-review, aside.sidebar.left .object-list.library-items .follow .publication-state.for-review,
aside.sidebar.left .grouping.tasks .follow .publication-state.for-review,
aside.sidebar.left .grouping.news .follow .publication-state.for-review,
aside.sidebar.left .grouping.newsletters .follow .publication-state.for-review,
aside.sidebar.left .grouping.periodicals .follow .publication-state.for-review,
aside.sidebar.left .grouping.mailing-lists .follow .publication-state.for-review,
aside.sidebar.left .grouping.library-items .follow .publication-state.for-review {
  background-color: fuchsia;
  color: white;
}
aside.sidebar.left .pat-collapsible.object-list,
aside.sidebar.left .pat-collapsible.grouping {
  padding: 0;
}
aside.sidebar.left .pat-collapsible.object-list.personal.tasks,
aside.sidebar.left .pat-collapsible.grouping.personal.tasks {
  background-color: #fdfdc8;
}
aside.sidebar.left .pat-collapsible.object-list .function-button,
aside.sidebar.left .pat-collapsible.grouping .function-button {
  position: absolute;
  right: 4%;
  margin-right: 1.2em;
  top: 3%;
  margin-top: 0.3em;
  color: black;
}
aside.sidebar.left .pat-collapsible.object-list .button-bar .float-after,
aside.sidebar.left .pat-collapsible.grouping .button-bar .float-after {
  margin-right: 0;
  margin-left: 0.5em;
}
aside.sidebar.left .pat-collapsible.object-list > .panel-content,
aside.sidebar.left .pat-collapsible.grouping > .panel-content {
  transition: 0.2s padding;
  padding: 0 4% 1em 4%;
}
aside.sidebar.left .pat-collapsible.object-list > .panel-content p.button-bar,
aside.sidebar.left .pat-collapsible.grouping > .panel-content p.button-bar {
  margin-bottom: 0;
  padding-bottom: 0;
}
aside.sidebar.left .pat-collapsible.object-list > .panel-content label.checked + .button-bar,
aside.sidebar.left .pat-collapsible.object-list > .panel-content label.unchecked + .button-bar,
aside.sidebar.left .pat-collapsible.grouping > .panel-content label.checked + .button-bar,
aside.sidebar.left .pat-collapsible.grouping > .panel-content label.unchecked + .button-bar {
  margin-top: 1em;
}
aside.sidebar.left .pat-collapsible.object-list.batch-buttons,
aside.sidebar.left .pat-collapsible.object-list .batch-buttons,
aside.sidebar.left .pat-collapsible.grouping.batch-buttons,
aside.sidebar.left .pat-collapsible.grouping .batch-buttons {
  margin: 0;
  padding: 0;
  overflow: hidden;
  height: 0;
  transition: all 0.2s;
}
aside.sidebar.left .pat-collapsible.object-list .section-label.collapsible-closed,
aside.sidebar.left .pat-collapsible.object-list .section-label.collapsible-open,
aside.sidebar.left .pat-collapsible.grouping .section-label.collapsible-closed,
aside.sidebar.left .pat-collapsible.grouping .section-label.collapsible-open {
  padding: 15px 4%;
  user-select: none;
  cursor: default;
}
aside.sidebar.left .pat-collapsible.object-list .section-label.collapsible-closed:after,
aside.sidebar.left .pat-collapsible.object-list .section-label.collapsible-open:after,
aside.sidebar.left .pat-collapsible.grouping .section-label.collapsible-closed:after,
aside.sidebar.left .pat-collapsible.grouping .section-label.collapsible-open:after {
  font-family: fontello;
  content: "\e855";
  float: right;
  transition: all 0.2s;
  font-size: 16px;
  line-height: 23px;
}
aside.sidebar.left .pat-collapsible.object-list .section-label.collapsible-closed:after,
aside.sidebar.left .pat-collapsible.grouping .section-label.collapsible-closed:after {
  transform: scaleY(-1);
  line-height: 30px;
}
aside.sidebar.left .pat-checklist .list-functions {
  margin-bottom: 0.5em;
}
aside.sidebar.left .pat-checklist .list-functions button {
  color: rgba(0, 0, 0, 0.6);
  background-color: rgba(0, 0, 0, 0.08);
}
aside.sidebar.left .pat-checklist .list-functions button:not([disabled]):not(.link):not(.icon):not(.iconified):not(.default):not(.active):hover {
  background-color: rgba(0, 0, 0, 0.12);
  color: black;
}
aside.sidebar.left .list-icons {
  position: absolute;
  top: 0;
  right: 2em;
  color: black;
  margin: 16px;
}
aside.sidebar.left .list-icons a {
  color: black;
  animation: bounceIn 1s;
  line-height: 23px;
  height: 23px;
  display: block;
  overflow: hidden;
}
aside.sidebar.left .list-icons a:before {
  line-height: 23px;
  display: block;
  margin: 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  aside.sidebar.left #sidebar-content,
  aside.sidebar.left .sidebar-content {
    padding: 6%;
  }
}
aside.sidebar.left #sidebar-content .pat-toolbar,
aside.sidebar.left .sidebar-content .pat-toolbar {
  margin-bottom: 15px;
}
aside.sidebar.left #sidebar-content .pat-toolbar .extras,
aside.sidebar.left .sidebar-content .pat-toolbar .extras {
  display: none;
}
@media only screen and (min-width: 768px) {
  aside.sidebar.left #sidebar-content .pat-toolbar .toolbar-functions-area,
  aside.sidebar.left #sidebar-content .pat-toolbar .toolbar-navigation-area,
  aside.sidebar.left .sidebar-content .pat-toolbar .toolbar-functions-area,
  aside.sidebar.left .sidebar-content .pat-toolbar .toolbar-navigation-area {
    grid-template-columns: auto 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  aside.sidebar.left #sidebar-content,
  aside.sidebar.left .sidebar-content {
    background: white;
    min-height: 100%;
    padding: 6% 15px;
  }
  .state-on aside.sidebar.left #sidebar-content,
  .state-on aside.sidebar.left .sidebar-content {
    -webkit-pointer-events: auto;
    pointer-events: auto;
  }
}
aside.sidebar.left #sidebar-content .mode-select .button-bar.functions,
aside.sidebar.left .sidebar-content .mode-select .button-bar.functions {
  background: linear-gradient(to bottom, var(--colour-sidebar-rgba-100) 50px, var(--colour-sidebar-rgba-0) 50px);
}
aside.sidebar.left #sidebar-content .mode-select .icon.select,
aside.sidebar.left #sidebar-content .mode-select .icon.select:hover,
aside.sidebar.left .sidebar-content .mode-select .icon.select,
aside.sidebar.left .sidebar-content .mode-select .icon.select:hover {
  color: var(--colour-accent);
}
aside.sidebar.left #sidebar-content .batch-functions,
aside.sidebar.left .sidebar-content .batch-functions {
  position: sticky;
  top: 50px;
  pointer-events: none;
  z-index: 10;
  box-sizing: border-box;
  padding: var(--pat-toolbar-padding);
  margin: calc(-1 * var(--pat-toolbar-padding));
  width: calc(100% + 2 * var(--pat-toolbar-padding));
  transition: all 0.2s;
  border-radius: 10px;
}
aside.sidebar.left #sidebar-content .batch-functions .button-bar,
aside.sidebar.left .sidebar-content .batch-functions .button-bar {
  pointer-events: auto;
  margin: 0;
  padding: 0;
}
aside.sidebar.left #sidebar-content .batch-functions .button-bar:after,
aside.sidebar.left .sidebar-content .batch-functions .button-bar:after {
  display: none;
}
aside.sidebar.left #sidebar-content .batch-functions .button-bar .pat-context-menu,
aside.sidebar.left .sidebar-content .batch-functions .button-bar .pat-context-menu {
  margin-left: auto;
}
aside.sidebar.left #sidebar-content .tabs-content,
aside.sidebar.left .sidebar-content .tabs-content {
  position: relative;
}

#toggle-sidebar {
  position: absolute;
  bottom: 50px;
  height: 26px;
  width: 26px;
  margin: 0;
  left: -3px;
  transition: opacity 0.2s;
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  border-top: white 2px solid;
  border-right: white 2px solid;
  border-bottom: white 2px solid;
  padding: 0;
  background: var(--colour-accent);
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}
.module-workspace-home #toggle-sidebar {
  opacity: 0;
}
@media print {
  #toggle-sidebar {
    display: none;
  }
}
.slideshow-running #toggle-sidebar {
  display: none;
}
.application-workspace #toggle-sidebar, .application-workspaces #toggle-sidebar {
  border-radius: 50%;
  border: white 2px solid;
}
.sidebar-left-open #toggle-sidebar {
  border-top: #efefef 2px solid;
  border-right: #efefef 2px solid;
  border-bottom: #efefef 2px solid;
}
.application-workspace #toggle-sidebar, .application-workspaces #toggle-sidebar {
  left: 34px;
}
@media only screen and (max-width: 767px) {
  #toggle-sidebar {
    display: none;
  }
}
#toggle-sidebar:before {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  font-family: fontello;
  content: "\e8c3";
  transition: all 0.2s;
  font-size: 12px;
  line-height: 26px;
  text-align: center;
  color: white;
  text-indent: -1px;
  transform: rotate(-180deg);
}
@media only screen and (min-width: 1280px) {
  .sidebar-left-open #toggle-sidebar:before {
    transform: rotate(0deg);
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .sidebar-left-open.focus-sidebar #toggle-sidebar:before {
    transform: rotate(0deg);
  }
}
#toggle-sidebar .open,
#toggle-sidebar .close {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  text-indent: -2000px;
  border-radius: 50%;
  width: 100%;
  height: 100%;
}
#toggle-sidebar .open:active,
#toggle-sidebar .close:active {
  box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.5);
}
.sidebar-left-closed #toggle-sidebar .open {
  display: block;
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .sidebar-left-open.focus-document #toggle-sidebar .open {
    display: block;
  }
}
@media only screen and (min-width: 1280px) {
  .sidebar-left-open #toggle-sidebar .close {
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .sidebar-left-open.focus-sidebar #toggle-sidebar .close, .sidebar-left-open.focus-canvas #toggle-sidebar .close {
    display: block;
  }
  #toggle-sidebar .close:after {
    display: block;
    content: " ";
    position: fixed;
    top: 0;
    right: 0;
    width: 40%;
    background-color: rgba(255,255,255,0);
    bottom: 0;
    z-index: 1;
  }
  .sidebar-large #toggle-sidebar .close:after {
    width: 0;
  }
}

aside.sidebar.right {
  display: none;
  font-size: 0.8em;
}
@media only screen and (min-width: 768px) {
  aside.sidebar.right {
    display: block;
    background-color: rgba(255,255,255,1);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    padding: 2%;
    overflow: auto;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
@media only screen and (min-width: 1280px) {
  aside.sidebar.right {
    width: 20%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  aside.sidebar.right {
    width: 40%;
  }
}

aside.portlets {
  padding-right: 4%;
}

@media only screen and (min-width: 768px) {
  .application-workspace aside.sidebar.left,
  .application-workspaces aside.sidebar.left {
    left: 50px;
  }
  .sidebar-left-closed aside.sidebar.left {
    right: 100%;
    border-right-color: rgba(255,255,255,0);
    overflow: hidden;
  }
  .sidebar-left-open.sidebar-large .pat-toolbar .extras {
    display: inline !important;
  }
  .sidebar-left-open.sidebar-large aside.sidebar.left {
    right: 0%;
  }
  .sidebar-left-open.sidebar-large aside.sidebar.left .resize-full:before {
    color: var(--colour-accent);
  }
}
.sidebar-large aside.sidebar.left .grouping.object-list .panel-content {
  padding: 0 2% 1em 2%;
}
.sidebar-large aside.sidebar.left .grouping.object-list .collapsible-closed,
.sidebar-large aside.sidebar.left .grouping.object-list .collapsible-open {
  padding: 1% 2%;
}
.sidebar-large aside.sidebar.left .grouping.object-list .follow {
  width: 30%;
}
.sidebar-large aside.sidebar.left h4 + .pat-checklist {
  margin-top: 5px;
}
.sidebar-large aside.sidebar.left .object-list.pat-checklist label {
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.sidebar-large aside.sidebar.left .object-list.pat-checklist label:after {
  content: " ";
  display: table;
  clear: both;
}
.sidebar-large aside.sidebar.left .object-list.pat-checklist label:first-child {
  border-top: 1px solid rgba(0, 0, 0, 0.06);
}
.sidebar-large aside.sidebar.left .object-list.pat-checklist label:hover {
  background-color: white;
}
.sidebar-large aside.sidebar.left .object-list.pat-checklist .additional-meta-data {
  right: 0%;
  opacity: 1;
}
.sidebar-large aside.sidebar.left .object-list.pat-checklist .meta-column {
  width: 30%;
}
.sidebar-large aside.sidebar.left .object-list.pat-checklist .meta-column.assignee, .sidebar-large aside.sidebar.left .object-list.pat-checklist .meta-column.tag-cloud {
  width: 40%;
}

.sidebar-extras {
  padding: 0;
  margin: 0 0 0 0;
}
.sidebar-extras:after {
  content: " ";
  display: table;
  clear: both;
}
.sidebar-large .sidebar-extras {
  padding-top: 5%;
}
.sidebar-extras .item {
  display: block;
  position: relative;
  background-color: rgba(0, 158, 226, 0.08);
  margin: 0 auto 1em auto;
  padding: 0;
  border-radius: 10px;
}
.sidebar-large .sidebar-extras .item {
  width: 60%;
}
.sidebar-extras .item a {
  display: block;
  width: 100%;
  color: #009ee2;
  border-radius: 10px;
  padding: 3% 7% 3% 50px;
  line-height: 26px;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  white-space: nowrap;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.sidebar-extras .item a:hover {
  text-decoration: none;
  background-color: rgba(0, 122, 175, 0.08);
  color: rgba(0, 0, 0, 0.8);
}
.sidebar-extras .item a::before {
  font-size: 1em;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  margin-left: 21px;
  left: 0;
}
.sidebar-extras .item a.arrow:after {
  font-family: fontello;
  content: "\e8c4";
  position: absolute;
  right: 4%;
  top: 50%;
  font-size: 16px;
  transform: translateY(-50%);
}
.sidebar-extras .item a.current {
  background-color: var(--colour-accent);
  color: white;
  cursor: default;
}

.site-cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr;
  grid-gap: 30px;
}
.site-cards .site-card {
  background-color: transparent;
  box-sizing: border-box;
  overflow: hidden;
}
.site-cards .site-card .pat-screenshot {
  padding: 0;
  margin: 0;
}
.site-cards .site-card .pat-screenshot figcaption {
  position: static;
}
.site-cards .site-card .pat-screenshot figcaption a {
  text-decoration: none;
}
.site-cards .site-card .pat-screenshot figcaption a:hover {
  text-decoration: underline;
}
.site-cards .site-card .pat-screenshot figcaption a:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  z-index: 1;
}
.site-cards .site-card .pat-screenshot .auto-scale-wrapper {
  box-sizing: border-box;
  overflow: hidden;
  margin-bottom: 5px;
  height: auto !important;
  aspect-ratio: 3/2;
}
.site-cards .site-card .pat-screenshot .auto-scale-wrapper .passe-partout {
  margin: 0;
  height: auto !important;
  aspect-ratio: 3/2;
  box-shadow: none;
  display: block;
  background-color: white;
}
.site-cards .site-card .pat-screenshot .auto-scale-wrapper .passe-partout object {
  height: auto !important;
  aspect-ratio: 3/2;
  border: 3px solid silver;
  box-sizing: border-box;
}
.site-cards .site-card .pat-screenshot object {
  aspect-ratio: 3/2;
  height: auto;
}
.site-cards .site-card.new-site {
  box-shadow: none;
  text-align: center;
  font-size: 30px;
}
.site-cards .site-card.new-site .button {
  font-weight: bold;
  display: block;
  width: 100%;
  display: flex;
  align-items: center;
  aspect-ratio: 3/2;
  box-sizing: border-box;
  background-color: rgba(0, 0, 0, 0.06);
  border: 6px dashed rgba(0, 0, 0, 0.2);
}
.site-cards .site-card.new-site .button:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.01);
}
.site-cards .site-card.new-site .button .label {
  display: block;
  width: 100%;
}
.site-cards .site-card.new-site .button .label:before {
  display: block;
  font-family: fontello;
  font-size: 80px;
  content: "\e825";
  height: 70px;
  line-height: 70px;
}

#site-header {
  display: block;
  text-align: center;
  padding-top: 2%;
  padding-bottom: 2%;
  /*	border-bottom: 1px solid white;*/
  background: url(blackboard.svg) bottom center no-repeat;
  background-size: 0% auto;
  transition: all 0.5s;
}

.state-home #site-header {
  padding-bottom: 34%;
  margin-top: 2%;
  background-size: 90% auto;
}

#site-header nav a {
  display: inline-block;
  text-decoration: none;
  width: 17%;
  position: relative;
  transition: all 0.5s;
  position: relative;
}

.state-download #site-header nav a.download:after,
.state-home #site-header nav a.patterns:after,
.state-documentation #site-header nav a.documentation:after {
  position: absolute;
  bottom: -10px;
  left: 25%;
  width: 50%;
  height: 2px;
  background-color: white;
  content: " ";
  display: block;
}

.state-home #site-header nav a.patterns {
  transform: scale(1.5);
}

#site-header nav a:before {
  display: block;
  text-align: center;
  font: 4em fontello;
}

#site-header nav a.patterns:before {
  content: "\e800";
}

#site-header nav a.download:before {
  content: "\e805";
}

#site-header nav a.documentation:before {
  content: "\e802";
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
}
.slick-track:before, .slick-track:after {
  content: "";
  display: table;
}
.slick-track:after {
  clear: both;
}
.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none;
}
[dir=rtl] .slick-slide {
  float: right;
}
.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}
.slick-initialized .slick-slide {
  display: block;
}
.slick-loading .slick-slide {
  visibility: hidden;
}
.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

body.slideshow-running #global-header,
body.slideshow-running #sidebar,
body.slideshow-running #toolbar-main,
body.slideshow-running .pat-slides .title-bar,
body.slideshow-running .document-body > .message,
body.slideshow-running .document-content,
body.slideshow-running .metadata,
body.slideshow-running .toc.previews {
  display: none;
}
body.slideshow-running #app-space {
  background-color: black;
  top: 0;
}
body.slideshow-running #app-space .document-body {
  background: black;
  left: 0;
  top: 0;
}
body.slideshow-running:before {
  content: " ";
  display: block;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  z-index: 0;
}

@keyframes drop-80 {
  from {
    margin-top: 0;
  }
  to {
    margin-top: 80px;
  }
}
.slide.active #single-pearl,
.pat-slides.mode-list #single-pearl {
  animation: shake 1s 2.5s, drop-80 linear 0.3s 3.6s;
  animation-fill-mode: forwards;
}

@font-face {
  font-family: "Frutiger 55 Roman";
  src: url("fonts/frutiger-roman/frutigerltstd-roman-webfont.eot");
  src: local("FrutigerLTStdRoman"), url("fonts/frutiger-roman/frutigerltstd-roman-webfont.woff") format("woff"), url("fonts/frutiger-roman/frutigerltstd-roman-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "f65b";
  src: url("fonts/frutiger-bold/f65b.eot");
  src: local("FrutigerLTStdBold"), url("fonts/frutiger-bold/f65b.woff") format("woff"), url("fonts/frutiger-bold/f65b.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "flc";
  src: url("fonts/frutiger-light-condensed/frutigerltstd-lightcn-webfont.eot");
  src: local("FrutigerLTStdLightCn"), url("fonts/frutiger-light-condensed/frutigerltstd-lightcn-webfont.woff") format("woff"), url("fonts/frutiger-light-condensed/frutigerltstd-lightcn-webfont.ttf") format("truetype");
  font-weight: lighter;
  font-style: normal;
  font-stretch: condensed;
}
@font-face {
  font-family: "pbi";
  src: url("fonts/perpetua/Perpetua Bold Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
.pat-slides.mode-full .slide:not(.active) .animated {
  display: none;
}

figcaption.customised {
  position: absolute;
  top: 0;
  left: 0;
  width: 1280px;
  text-align: center;
  display: block;
  font: 110px/640px Dakota !important;
  color: #819da5;
  background-color: rgba(254, 254, 254, 0.8);
}

/* @group Slideshow */
.pat-slides {
  counter-reset: paging;
  z-index: 10000;
}
.pat-slides.mode-full {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  margin: -360px 0 0 -640px;
  width: 1280px;
  height: 720px;
  background: #000;
  z-index: 2147483647;
}
.pat-slides.mode-full.aspect-sd {
  height: 960px;
}
.pat-slides.aspect-sd {
  margin: -480px 0 0 -640px;
}
.pat-slides.cloaked {
  display: none;
}
.pat-slides.cloaked.mode-full {
  display: block;
}

.postit {
  position: relative;
  padding: 1em;
  margin: 0 10px 40px;
  background-color: #fdfdc8;
  color: #6f5a44;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  display: block;
  border: 1px solid #e2e2e2;
}
.postit.usp {
  background-color: #f8f7f4;
  padding: 22px 22px 35px;
  border: 5px double #e3e1da;
  font: 13px/24px Georgia, "Times New Roman", Times, serif;
  letter-spacing: 1px;
  text-shadow: white 0 1px 0;
  box-sizing: border-box;
  margin-right: 0;
  margin-left: 0;
}
.postit.usp .downloads:before {
  font-family: "fontello";
  font-style: normal;
  font-weight: normal;
  speak: none;
  content: "\e809";
  display: block;
  line-height: 40px;
  text-align: center;
  font-size: 20px;
  margin-bottom: 8px;
  margin-top: 5px;
}
.postit.usp.float-before {
  margin-left: 0;
  margin-right: 30px;
  float: left;
}
.postit.usp h3 {
  letter-spacing: 1px;
  margin-bottom: 16px;
  font: italic normal 18px/28px Georgia, "Times New Roman", Times, serif;
  text-transform: none;
  text-align: center;
}
.postit ul {
  padding-left: 17px;
  list-style-type: none;
}
.postit ol {
  padding-left: 22px;
}
.postit ul li {
  margin-bottom: 8px;
}
.postit ul li:before {
  content: "☛";
  content: "❧";
  content: "✽";
  content: "❖";
  width: 17px;
  margin-left: -17px;
  float: left;
  font-size: 13px;
}
.postit.pat-collapsible .panel-content {
  padding-bottom: 0;
}
.postit *:last-child {
  margin-bottom: 0;
}
.postit *:last-child:after {
  content: " ";
  clear: both;
  display: block;
}
.postit a {
  color: #59676e;
  font-weight: bold;
}

aside.sidebar .postit a {
  color: #59676e;
  font-weight: bold;
}

.postit:before, .postit:after {
  content: "";
  position: absolute;
  z-index: -2;
}
.postit.guide {
  display: none;
}
.postit img.inline {
  height: 1em;
  vertical-align: text-bottom;
}

/* Lifted corners */
.lifted:before {
  bottom: 12px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
}
.lifted:after {
  bottom: 12px;
  left: 10px;
  width: 50%;
  height: 20%;
  max-width: 300px;
  -webkit-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 15px 10px rgba(0, 0, 0, 0.4);
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg);
  right: 10px;
  left: auto;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg);
}

/* Curled corners */
.curled {
  border: 1px solid #efefef;
  -moz-border-radius: 0 0 120px 120px/0 0 6px 6px;
  border-radius: 0 0 120px 120px/0 0 6px 6px;
}
.curled:before {
  bottom: 12px;
  left: 10px;
  width: 50%;
  height: 55%;
  max-width: 200px;
  -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
  -webkit-transform: skew(-8deg) rotate(-3deg);
  -moz-transform: skew(-8deg) rotate(-3deg);
  -ms-transform: skew(-8deg) rotate(-3deg);
  -o-transform: skew(-8deg) rotate(-3deg);
  transform: skew(-8deg) rotate(-3deg);
}
.curled:after {
  bottom: 12px;
  left: 10px;
  width: 50%;
  height: 55%;
  max-width: 200px;
  -webkit-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
  box-shadow: 0 8px 12px rgba(0, 0, 0, 0.5);
  -webkit-transform: skew(-8deg) rotate(-3deg);
  -moz-transform: skew(-8deg) rotate(-3deg);
  -ms-transform: skew(-8deg) rotate(-3deg);
  -o-transform: skew(-8deg) rotate(-3deg);
  transform: skew(-8deg) rotate(-3deg);
  right: 10px;
  left: auto;
  -webkit-transform: skew(8deg) rotate(3deg);
  -moz-transform: skew(8deg) rotate(3deg);
  -ms-transform: skew(8deg) rotate(3deg);
  -o-transform: skew(8deg) rotate(3deg);
  transform: skew(8deg) rotate(3deg);
}

/* Perspective */
.perspective:before {
  left: 80px;
  bottom: 5px;
  width: 50%;
  height: 35%;
  max-width: 200px;
  -webkit-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
  box-shadow: -80px 0 8px rgba(0, 0, 0, 0.4);
  -webkit-transform: skew(50deg);
  -moz-transform: skew(50deg);
  -ms-transform: skew(50deg);
  -o-transform: skew(50deg);
  transform: skew(50deg);
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%;
}
.perspective:after {
  display: none;
}

/* Raised shadow - no pseudo-elements needed */
.raised {
  -webkit-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.5), 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

/* Curved shadows */
.curved:before {
  top: 10px;
  bottom: 10px;
  left: 0;
  right: 50%;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  -moz-box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.6);
  -moz-border-radius: 10px/100px;
  border-radius: 10px/100px;
}

.curved-vt-2:before {
  right: 0;
}

.curved-hz-1:before {
  top: 50%;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px/10px;
  border-radius: 100px/10px;
}

.curved-hz-2:before {
  top: 0;
  bottom: 0;
  left: 10px;
  right: 10px;
  -moz-border-radius: 100px/10px;
  border-radius: 100px/10px;
}

/* @end */
/* @group Introduction block */
#intro {
  padding: 50px 50px 70px;
  font-size: 14px;
  margin: 40px 10% 50px;
}

.pat-slides.mode-full #intro {
  display: none;
}

/* @end */
/* @group Office building floors */
.office-building-floors img {
  margin-bottom: 15px;
  margin-top: 0;
  display: block;
  width: 100%;
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.8);
}

/* @end */
/* @group Animations */
/* @group Persona portrait */
.persona-portrait {
  width: 200px;
  height: 200px;
  overflow: hidden;
  border: 3px solid white;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.persona-portrait.round {
  border-radius: 50%;
}
.persona-portrait img {
  max-width: 20000px !important;
}
.persona-portrait.uwv img {
  margin-top: -330px;
  width: 750px;
  margin-left: -67px;
}

/* @end */
/* @group Shrink 50 */
@keyframes shrink-60 {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(0.5);
  }
}
@keyframes spin-ccw {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(-359deg);
  }
}
.active .spin-ccw {
  animation: spin-ccw 2s infinite linear;
}
.active .shrink-60-down {
  animation: shrink-60 2s;
  transform-origin-y: middle;
  transform-origin-x: center;
  -webkit-animation-fill-mode: forwards;
}

.pat-slides.mode-list .shrink-60-down {
  animation: shrink-60 2s;
  transform-origin-y: middle;
  transform-origin-x: center;
  -webkit-animation-fill-mode: forwards;
}

@media print {
  .active .shrink-60-down, .pat-slides.mode-list .shrink-60-down, .shrink-60-down {
    animation: none;
    transform: scale(0.5);
  }
}
div[data-src] {
  position: relative;
}

.pat-slides.mode-list div[data-src]:hover:after {
  background-color: #efefef;
  content: attr(data-src);
  position: absolute;
  padding-right: 10px;
  font-size: 10px;
  padding-left: 10px;
  border: 1px solid #dfbf94;
  color: #72624c;
  top: 3px;
  right: 0;
  border-radius: 20px;
  line-height: 20px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  text-shadow: rgba(254, 255, 255, 0.72) 0 1px 0;
  z-index: 1000;
}
.pat-slides.mode-list .slide .slide-body div[data-src]:hover:after {
  zoom: 2;
}

.office-building {
  position: absolute;
  top: 0;
  left: 0;
  background-color: black;
  width: 1280px;
  height: 720px;
  overflow: hidden;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.9);
}
.office-building img {
  max-height: 720px !important;
  max-width: 1280px !important;
}

#how-to-roll-out-touchpoints-efficiently.active .office-building {
  width: 583px;
  left: -180px;
  transition: width 1.5s, left 1.5s;
  transition-delay: 4s;
}

.pat-slides.mode-list #how-to-roll-out-touchpoints-efficiently .office-building {
  width: 583px;
  left: -180px;
  transition: width 1.5s, left 1.5s;
  transition-delay: 4s;
}
.pat-slides.mode-full .slide.active .slide-body .slide-by img {
  animation: slider-88 25s;
  animation-fill-mode: forwards;
}

@keyframes slider-88 {
  0% {
    transform: translate(0%);
    opacity: 1;
  }
  100% {
    transform: translate(-88%);
    opacity: 1;
  }
}
.fan img {
  position: absolute;
  left: 50%;
  bottom: 70px;
}

.slide.pat-auto-scale {
  width: 1280px;
}
.slide hr {
  background-color: silver;
  height: 1px;
  border-style: none;
  width: 70%;
  margin-top: 2em;
  margin-bottom: 2em;
}
.slide img.shadowed, .slide figure.shadowed {
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  outline: solid 1px rgba(0, 0, 0, 0.1);
}
.slide .slide-body .fan img,
.slide .slide-content.clean .slide-body .fan img {
  max-height: 65%;
  transform-origin: bottom left;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
  transform: rotate(-90deg);
  transition: transform 1s;
}
.slide.active .slide-body .fan img:nth-child(1) {
  transform: rotate(-80deg);
  transition-delay: 1s;
}
.slide.active .slide-body .fan img:nth-child(2) {
  transform: rotate(-60deg);
  transition-delay: 0.8s;
}
.slide.active .slide-body .fan img:nth-child(3) {
  transform: rotate(-40deg);
  transition-delay: 0.6s;
}
.slide.active .slide-body .fan img:nth-child(4) {
  transform: rotate(-20deg);
  transition-delay: 0.4s;
}
.slide.active .slide-body .fan img:nth-child(5) {
  transform: rotate(0deg);
  transition-delay: 0.2s;
}
.slide .float-after {
  float: right;
}
.slide .float-before {
  float: left;
}

.logo-cloud {
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  left: 50%;
  width: 70%;
  display: inline-block;
  text-align: center;
}

.slide .logo-cloud a {
  text-decoration: none;
  display: inline-block;
  border-bottom-style: none;
  padding: 25px;
}
.slide .logo-cloud a:hover {
  background-color: #eaeaea;
  border-radius: 10px;
}

.logo-cloud a img {
  height: 80px;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
}

.pat-slides.mode-full .slide-content {
  overflow: hidden;
}
.pat-slides.mode-full .slide.draft .slide-content:after {
  content: url(images/draft.png);
  position: absolute;
  z-index: 1000;
  right: 20px;
  bottom: 20px;
  opacity: 0.66;
}
.pat-slides.mode-list footer blockquote {
  text-align: left;
  margin-left: 20px;
  margin-right: 40px;
}
body[dir=rtl] .pat-slides.mode-list footer blockquote {
  text-align: right;
}
.pat-slides.mode-list footer blockquote:before {
  color: #eaeaea;
  margin-left: -40px;
}

.slide:after {
  counter-increment: paging;
  content: counter(paging, decimal-leading-zero);
}
.slide .slide-content {
  font: 22px/1.8 Verdana, "Lucida Grande", Lucida, sans-serif;
  text-rendering: optimizeLegibility;
  -webkit-transition: -webkit-filter 1s;
  transition: filter 1s;
  width: 1280px;
  height: 720px;
  outline: 1px solid silver;
}
.document-content .slide .slide-content {
  outline: none;
  padding-bottom: 10rem;
}
.document-content .slide .slide-content:after {
  display: none;
}
.slide .slide-content .slide-body {
  padding: 40px 60px 0;
  width: 1280px;
  height: 720px;
  background: #FFF;
  color: #000;
  margin-bottom: 30px;
  position: relative;
  outline: silver 1px solid;
  overflow: hidden;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.document-content .slide .slide-content .slide-body {
  margin-bottom: 0;
}
.slide .slide-content .slide-body img {
  /*max-height: 440px;*/
}
.slide .slide-content .slide-body figcaption {
  color: gray;
  font: italic 16px Georgia, "Times New Roman", Times, serif;
}
.slide .slide-content .slide-body table img {
  max-width: 100%;
}
.slide .slide-content .notes {
  border: none;
  height: auto;
  padding: 2em 0 0 0;
  width: 100%;
}
.slide .slide-content .notes textarea {
  background: white;
  box-shadow: none;
  border: none;
  border-bottom: 1px silver solid;
  padding: 0;
  width: 100%;
  height: 10rem;
  border: none;
  resize: none;
}
.slide .slide-content h2 {
  color: black;
  margin-top: 0;
  letter-spacing: 1px;
  margin-bottom: 0.5em;
  font-family: HelveticaNeueLTStd25UltraLt;
  font-weight: normal;
}
.slide .slide-content h3 {
  text-transform: uppercase;
  font-size: 1em;
  margin-bottom: 1em;
  letter-spacing: 2px;
  font-weight: normal;
  font-style: normal;
  margin-top: 0;
}
.slide > footer {
  display: none;
}
.slide header {
  color: #666;
  height: 50px;
  border-bottom: 1px solid silver;
  margin-bottom: 20px;
  margin-top: 30px;
  font: normal 40px/1.13 flc;
}
.slide .slide-content .slide-body > h1,
.slide .slide-content .slide-body > hgroup {
  color: #666;
  height: 50px;
  background: silver url(../../media/star-slide-header.jpg) no-repeat top;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  padding-top: 110px;
  padding-bottom: 8px;
  padding-right: 60px;
  font-size: 29px;
  text-align: right;
  height: auto !important;
  font-weight: bold;
  font-family: Arial;
  margin: -40px -60px 20px -60px;
  margin-bottom: 60px !important;
}
.slide a {
  border-bottom: 0.1em solid;
  color: #0174A7;
  text-decoration: none;
}
.slide a[target=_blank] {
  margin-right: 22px;
}
.slide a[target=_blank]:after {
  position: absolute;
  margin-left: 7px;
  font-family: "Target Blank";
  content: "^";
}
.slide b, .slide strong {
  font-weight: bold;
}
.slide i, .slide em {
  font-style: italic;
}
.slide kbd, .slide code {
  padding: 3px 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #FAFAA2;
  color: #000;
  -webkit-tab-size: 4;
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  font-family: "PT Mono", monospace;
}
.slide blockquote {
  font-style: italic;
  font-family: Georgia, "Times New Roman", Times, serif;
  color: gray;
  text-align: center;
}
.slide blockquote em:last-child {
  text-align: right;
  float: right;
  margin-top: 20px;
  font: normal normal 16px "Frutiger 55 Roman";
}
.slide blockquote:before {
  position: absolute;
  color: #ebebeb;
  content: "“";
  margin: -15px 0 0 -20px;
  z-index: -1;
  line-height: 0.9;
  font-size: 200px;
}
.slide.rtl, .slide.rtl textarea {
  text-align: right;
}
.slide ol {
  counter-reset: list;
  margin: 0 0 45px 45px;
  list-style-type: none;
  padding: 0;
}
.slide ul {
  counter-reset: list;
  margin: 0 0 45px 45px;
  list-style-type: none;
  padding: 0;
}
.slide ul ul {
  margin: 0 0 0 43px;
}
.slide ol ul, .slide ol ol {
  margin: 0 0 0 43px;
}
.slide ul ol {
  margin: 0 0 0 43px;
}
.slide ol > li:before {
  position: absolute;
  margin-left: -45px;
  width: 45px;
  color: #BBB;
  text-align: left;
  float: left;
}
body[dir=rtl] .slide ol > li:before {
  text-align: right;
}
.slide ul > li:before {
  position: absolute;
  margin-left: -45px;
  width: 45px;
  color: #BBB;
  text-align: left;
  float: left;
  content: "—";
}
body[dir=rtl] .slide ul > li:before {
  text-align: right;
}
.slide ol > li:before {
  counter-increment: list;
  content: counter(list) ".";
}
.slide pre {
  margin: 0 0 45px;
  counter-reset: code;
  white-space: normal;
}
.slide pre code {
  display: block;
  padding: 0;
  background: none;
  white-space: pre;
}
.slide pre code:before {
  position: absolute;
  margin: 0 0 0 -120px;
  width: 110px;
  color: #BBB;
  text-align: right;
  counter-increment: code;
  content: counter(code, decimal-leading-zero) ".";
}
.slide pre mark {
  padding: 3px 8px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: #FAFAA2;
  color: #000;
  font-style: normal;
}
.slide pre .important {
  background: #C00;
  color: #FFF;
  font-weight: normal;
}
.slide pre .comment {
  padding: 0;
  background: none;
  color: #888;
}
.slide.split-screen .slide-body header,
.slide.split-screen .slide-content .slide-body > h1 {
  border-style: none;
  text-indent: -1000px;
  display: none;
}
.slide.split-screen h3 {
  text-align: center;
  text-transform: none;
  font: 38px/10px flc;
  padding-top: 20px;
  margin-bottom: 20px;
}
.slide.split-screen .left-half, .slide.split-screen .right-half {
  position: absolute;
  top: 0;
  height: 520px;
  width: 392px;
  padding: 60px;
}
.slide.split-screen .left-half {
  left: 0;
  background: #585A5E;
  color: white;
}
.slide.split-screen .right-half {
  right: 0;
}
.slide.title .slide-body header,
.slide.title .slide-content .slide-body h1 {
  border-style: none;
  text-align: center;
  position: absolute;
  top: 50%;
  margin: 0;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  font-size: 70px;
  width: 880px;
}
.slide.title:target .slide-body header,
.slide.title:target .slide-content > .slide-body h1 {
  -webkit-animation: fadeIn 1s;
}
.slide .slide-content.video .slide-content > .slide-body:first-child {
  background: black;
}
.slide .slide-content.video video,
.slide .slide-content.video object,
.slide .slide-content.video .video-js {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: black;
  width: 100%;
  height: 100%;
}
.slide .slide-content.video .slide-body:before, .slide .slide-content.video:after {
  display: none;
}
.slide.pat-slides.mode-full-quote .slide-body h2 {
  color: white;
}
.slide.pat-slides.mode-full-quote .slide-body header {
  border-style: none;
}
.slide.pat-slides.mode-full-quote .slide-content > .slide-body > h1 {
  border-style: none;
}
.slide.pat-slides.mode-full-quote .slide-body blockquote {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 70%;
  margin-right: auto;
  margin-left: auto;
}
.slide .slide-content.clean .slide-body {
  padding: 0;
}
.slide .slide-content.clean .slide-body header,
.slide .slide-content.clean .slide-body > h1 {
  border-style: none;
  text-indent: -1000px;
  display: none;
}
.slide .slide-content.clean .slide-body header {
  text-indent: 0;
}
.slide .slide-content.clean .slide-body header h2:before {
  text-indent: 0;
}
.slide .slide-content.clean .slide-body > h1:before {
  text-indent: 0;
}
.slide .slide-content.clean .slide-body img {
  max-width: 100%;
  max-height: 100%;
}
.slide.media-full-height .slide-body header,
.slide.media-full-height .slide-content .slide-body > h1 {
  display: none;
}
.slide.media-full-height .slide-body img {
  max-width: 10000px !important;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 50%;
  height: 100%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
}

.pat-slides.mode-full .slide-content.video {
  z-index: 1;
}

#plato {
  position: absolute;
  top: 215px;
  left: 593px;
  width: 145px;
  text-align: center;
  font: 19px/22px "Just Another Hand";
}

#socrates {
  position: absolute;
  top: 281px;
  left: 381px;
  font: 19px/21px "Just Another Hand";
  width: 110px;
  text-align: center;
}

.slide .slide-content.aspect-sd {
  height: 960px;
}
.slide .slide-content.aspect-sd .slide-body {
  height: 960px;
}
.slide .slide-content.full .slide-body header {
  min-height: 300px;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: 0;
  border-style: none;
  padding-left: 60px;
  height: auto;
  padding-bottom: 200px;
  background-image: linear-gradient(bottom, rgba(0, 0, 0, 0) 40%, rgb(0, 0, 0) 100%);
  padding-top: 69px;
  position: absolute;
  text-shadow: black 0 1px 5px 10px;
}
.slide .slide-content.full .slide-body {
  padding: 0;
}
.slide .slide-content.full .slide-body > h1,
.slide .slide-content.full .slide-body > hgroup {
  min-height: 300px;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1;
  margin: 0;
  border-style: none;
  padding-left: 60px;
  height: auto;
  padding-bottom: 200px;
  background-image: none;
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 1%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.65)), color-stop(1%, rgba(0, 0, 0, 0.65)), color-stop(63%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 0))); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 1%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 1%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 1%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 100%); /* IE10+ */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.65) 0%, rgba(0, 0, 0, 0.65) 1%, rgba(0, 0, 0, 0) 63%, rgba(0, 0, 0, 0) 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a6000000", endColorstr="#00000000",GradientType=0 ); /* IE6-9 */
  padding-top: 69px;
  position: absolute;
  text-shadow: black 0 1px 5px 10px;
  text-align: left;
}
body[dir=rtl] .slide .slide-content.full .slide-body > h1,
body[dir=rtl] .slide .slide-content.full .slide-body > hgroup {
  text-align: right;
}
.slide .slide-content.full .slide-body .text-overlay {
  position: absolute;
  width: 910px;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding-top: 180px;
  padding-left: 60px;
  padding-right: 60px;
  color: gray;
  text-shadow: white 0 0 55px;
}
.slide .slide-content.full > .slide-body > h1 {
  color: white;
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 40px;
}
.slide .slide-content.full > .slide-body > hgroup > h1 {
  color: white;
  margin-bottom: 5px;
  margin-top: 0;
  font-size: 40px;
}
.slide .slide-content.full > .slide-body > hgroup h2 {
  font-size: 18px;
  letter-spacing: 1px;
  color: white;
}
.slide .slide-content.full .slide-body:before {
  display: none;
}
.slide .slide-content.full .slide-body img {
  max-width: 1280px !important;
  max-height: 960px !important;
  position: absolute;
  top: 0;
  left: 0;
  width: 1280px !important;
  height: 100%;
}
.slide .slide-content.sheet .slide-body {
  text-align: center;
  background-color: #585A5E;
}
.slide .slide-content.sheet .slide-body header {
  height: 640px;
  padding: 0;
  border-style: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  background: url(brandmark-white.svg) no-repeat center center;
  background-size: 60px;
}
.slide .slide-content.sheet .slide-body > h1, .slide .slide-content.sheet .slide-body > hgroup > h1 {
  height: 640px;
  padding: 0;
  border-style: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0;
  background-size: 60px;
}
.slide .slide-content.sheet .slide-body:after {
  content: " ";
  height: 1px;
  display: block;
  background-color: white;
  position: absolute;
  right: 0;
  left: 0;
  top: 319px;
  width: 100%;
}
.slide .slide-content.sheet .slide-body header h2 {
  position: absolute;
  top: 141px;
  right: 0;
  left: 23px;
  letter-spacing: 2px;
  font: 30px/25px Dakota;
}
.slide .slide-content.sheet .slide-body > h1 {
  position: absolute;
  top: 141px;
  right: 0;
  left: 23px;
  letter-spacing: 2px;
  font: 30px/25px Dakota;
}
.slide .slide-content.sheet .slide-body * {
  color: white;
}
.slide .slide-content.sheet .slide-body blockquote {
  margin: 0;
  position: absolute;
  top: 78%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 880px;
  font: normal 40px "flc", Verdana, "Lucida Grande", Lucida, sans-serif;
}
.slide .slide-content.sheet:target .slide-body blockquote {
  -webkit-animation: fadeIn 3s;
  letter-spacing: 1px;
}
.slide .slide-content.sheet .slide-body blockquote:before {
  display: none;
}
.slide slide-content.cover .slide-body {
  overflow: hidden;
}
.slide slide-content.cover .slide-body:before {
  color: black;
}
.slide slide-content.cover img,
.slide slide-content.cover svg,
.slide slide-content.cover video,
.slide slide-content.cover object {
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  height: 100%;
  width: auto;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}
.slide slide-content.cover.w img,
.slide slide-content.cover.w svg,
.slide slide-content.cover.w video,
.slide slide-content.cover.w object {
  top: 50%;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slide slide-content.cover .slide-body > hgroup {
  position: absolute;
  bottom: 50%;
  margin: 0;
  padding-bottom: 25px;
  right: 60px;
  left: 60px;
  border-bottom: 1px solid gray;
  top: 250px;
}
.slide slide-content.cover .slide-body > hgroup h1 {
  margin-top: 0;
  font-size: 60px;
  margin-bottom: 25px;
}
.slide slide-content.cover .slide-body h2 {
  color: #666666;
  font: italic 25px/2 Georgia, "Times New Roman", Times, serif;
  width: 510px;
  padding-right: 51%;
  padding-bottom: 60px;
  position: relative;
  padding-top: 0;
  margin-top: 0;
}
.slide slide-content.cover .slide-body h2:before {
  top: -230px;
  left: 0;
}
.slide slide-content.cover header:before {
  content: "Design library";
  position: absolute;
  top: 30px;
  left: 153px;
  color: silver;
  z-index: 2;
  letter-spacing: 1px;
  font: normal 10px/19px "Frutiger 55 Roman";
}
.slide slide-content.shout .slide-body:before {
  display: none;
}
.slide slide-content.shout h2 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 1;
  font-size: 150px;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.slide slide-content.shout h2 a[target=_blank] {
  margin: 0;
}
.slide slide-content.shout h2 a[target=_blank]:after {
  content: "";
}
.slide .slide-body .compound {
  margin-left: auto;
  margin-right: auto;
  position: relative;
}
.slide .slide-body .compound img {
  position: absolute;
  top: 0;
  left: 0;
}
.slide .slide-body .centre {
  margin-right: auto;
  margin-left: auto;
  display: block;
}
.slide .slide-body figure.centre {
  display: inline-block;
  position: relative;
  left: 50%;
  -webkit-transform: translate(-50%);
  -moz-transform: translate(-50%);
  transform: translate(-50%);
}
.slide .slide-body .middle {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  margin: 0;
  text-align: center;
}
.slide .slide-body figure.middle {
  -webkit-transform: none;
  width: 1280px;
  height: 720px;
  position: static;
  display: table-cell;
  vertical-align: middle;
  margin-right: -1280px;
}
.slide .slide-body figure.middle figcaption {
  text-align: right;
  padding-right: 60px;
}
.slide.active .slide-body figure.middle figcaption {
  animation: fadeInRight 1s;
}
.slide .slide-body .middle ul {
  margin: 0;
}
.slide .slide-body .middle ul > li:before {
  position: static;
  display: inline-block;
  width: auto;
  margin: 0 6px 0 0;
  padding: 0;
  float: none;
  display: none;
}
.slide .slide-body .right {
  position: absolute;
  max-height: 640px;
  -webkit-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 0;
}
.slide .slide-body .bottom {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -ms-transform: translateX(-50%) !important;
  -o-transform: translateX(-50%) !important;
  transform: translateX(-50%) !important;
  margin: 0;
}
.slide .slide-body figure.bottom * {
  max-height: 600px;
}

@media print {
  .slide.full .slide-body header,
  .slide.full .slide-content .slide-body > header {
    background: url(images/chrome-gradient-fix.png) repeat-x 0 0;
  }
}
@media screen {
  .pat-slides.mode-list {
    margin: 0;
    padding: 0 0 80px;
    background-color: white;
  }
  .pat-slides.mode-list .title-bar {
    width: 512px;
    font-weight: bold;
    display: block;
    margin: 0 auto 0.6em;
  }
  .pat-slides.mode-list .title-bar .functions {
    float: right;
  }
  .pat-slides.mode-list .title-bar .functions .iconified {
    margin: 0;
    color: gray;
  }
  .pat-slides.mode-list .title-bar .functions .iconified:hover {
    color: black;
  }
  .pat-slides.mode-list .caption {
    margin-bottom: 20px;
    width: 910px;
    padding-top: 122px;
    background-color: white;
    padding-right: 65px;
    padding-left: 65px;
  }
  .pat-slides.mode-list .slide {
    position: relative;
    margin: 0;
    width: auto;
    display: block;
    overflow: hidden;
    padding: 40px 0 10px 5.8%;
  }
  .pat-slides.mode-list .slide:after {
    color: silver;
    line-height: 1;
    font-size: 15px;
    float: left;
    position: absolute;
    top: 37px;
    margin-left: 0;
    text-align: right;
    left: 0;
    width: 4.4%;
  }
  .pat-slides.mode-list .slide.active:after {
    color: #819da5;
  }
  .pat-slides.mode-list .slide div.slide-content {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 8px silver;
    border-radius: 1px;
    background: rgba(0, 0, 0, 0.2);
    border: 1px solid silver;
    float: left;
    width: 510px;
    height: 320px;
  }
  .pat-slides.mode-list .slide > div.slide-content:hover {
    box-shadow: 0 0 0 10px rgba(60, 61, 64, 0.6);
  }
  .pat-slides.mode-list .slide.active > div.slide-content {
    box-shadow: 0 0 0 1px #305f8d, 0 0 0 10px #819da5;
  }
  .pat-slides.mode-list .slide-content .slide-body {
    -webkit-transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -moz-transform-origin: 0 0;
    -moz-transform: scale(0.5);
    -ms-transform-origin: 0 0;
    -ms-transform: scale(0.5);
    -o-transform-origin: 0 0;
    -o-transform: scale(0.5);
    transform-origin: 0 0;
    transform: scale(0.5);
  }
  .pat-slides.mode-list .slide[dir=rtl] .slide-content .slide-body {
    -webkit-transform-origin: right 0;
    -moz-transform-origin: right 0;
    -ms-transform-origin: right 0;
    -o-transform-origin: right 0;
    transform-origin: right 0;
  }
  .pat-slides.mode-list .slide > footer {
    display: block;
    color: gray;
    font-size: 14px;
    position: relative;
    top: -7px;
    overflow: hidden;
    padding-right: 5%;
    padding-left: 5%;
  }
  .pat-slides.mode-list .slide > footer ol, .pat-slides.mode-list .slide > footer ul {
    margin-bottom: 20px;
  }
  .pat-slides.mode-list .slide > footer h1 {
    color: black;
    margin-top: 0;
    letter-spacing: 1px;
    margin-bottom: 0.5em;
    font: bold 1.2em "flc";
  }
  .pat-slides.mode-list .slide > footer .slide-body section h1 {
    text-transform: uppercase;
    margin-bottom: 1em;
    letter-spacing: 2px;
    margin-top: 0;
    font: normal normal 1em "Lucida Grande", Lucida, Verdana, sans-serif;
  }
  /* @group List caption */
  /* @end */
  /* @group List slide */
  /* @end */
}
/* @end */
/* @group Full slide */
body.pat-slides.mode-full {
  position: absolute;
  top: 50%;
  left: 50%;
  overflow: hidden;
  margin: -320px 0 0 -512px;
  width: 1280px;
  height: 720px;
  background: #000;
}

.pat-slides.mode-full .caption {
  display: none;
}
.pat-slides.mode-full .slide {
  position: absolute;
  visibility: hidden;
}
.pat-slides.mode-full .slide .slide-content {
  border: none;
}
.pat-slides.mode-full .slide.active {
  visibility: visible;
}
.pat-slides.mode-full .slide:after {
  position: absolute;
  bottom: 40px;
  left: 60px;
  color: #BBB;
  line-height: 1;
  font-size: 0.6em;
}
.pat-slides.mode-full .slide .slide-body {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.pat-slides.mode-full .slide.cover {
  z-index: 1;
}
.pat-slides.mode-full .slide.cover:after {
  content: "";
}
.pat-slides.mode-full .slide.shout:after {
  content: "";
}
.pat-slides.mode-full .progress {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  border: 2px solid rgba(255, 255, 255, 0.2);
}
.pat-slides.mode-full .progress DIV {
  width: 0;
  height: 10px;
  background: rgba(177, 177, 177, 0.4);
  -webkit-transition: width 0.2s linear;
  -moz-transition: width 0.2s linear;
  -ms-transition: width 0.2s linear;
  -o-transition: width 0.2s linear;
  transition: width 0.2s linear;
}
.pat-slides.mode-full .progress-off {
  z-index: 1;
}

/* @end */
/* @group Progress slider */
/* @end */
body {
  margin: 0;
  padding: 0 !important;
}

.fadeOut, #home-link, #page-header,
.pat-slides.mode-list .slide footer {
  display: none;
}

/*
  Ribbon theme for Shower presentation template: http://github.com/pepelsbey/shower
  Copyright © 2010–2012 Vadim Makeev, http://pepelsbey.net/
  Licensed under MIT license: https://github.com/pepelsbey/shower/wiki/License
*/
* {
  -webkit-print-color-adjust: exact;
}

.pat-slides.mode-list {
  float: none;
  padding: 5% 0 0 0;
  background: none;
  text-align: center;
}
.pat-slides.mode-list .slide-group {
  width: 512px;
  display: inline-block;
  text-align: left;
  margin: 0 1em;
}
body[dir=rtl] .pat-slides.mode-list .slide-group {
  text-align: right;
}
.pat-slides.mode-list .slide {
  float: none;
  margin: 0 auto 2em;
  padding: 0;
  position: relative;
  overflow: hidden;
  width: 512px;
  height: 320px;
  border: 1px solid silver;
}
.pat-slides.mode-list .slide footer {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  color: black;
  overflow: auto;
  padding: 1.5em;
}
.pat-slides.mode-list .slide:hover .slide-content {
  -webkit-filter: blur(20px);
  -moz-filter: blur(20px);
  -o-filter: blur(20px);
  -ms-filter: blur(20px);
  filter: blur(20px);
}
.pat-slides.mode-list .slide:hover footer {
  display: block;
}
.pat-slides.mode-list .slide:after {
  position: absolute;
  left: -30px;
  color: #BBB;
  line-height: 1;
  font-size: 0.6em;
  text-shadow: none;
  bottom: auto;
  top: 0;
}
.pat-slides.mode-list .slide > div.slide-content {
  width: 1280px;
  height: 720px;
  background: none;
  margin: 0;
  outline: 1px solid silver;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.pat-slides.mode-list .slide > div.slide-content:hover {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.pat-slides.mode-list .slide.active > div.slide-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.pat-slides.mode-list .slide .slide-body {
  -webkit-transform: scale(0.5);
  -moz-transform: scale(0.5);
  -ms-transform: scale(0.5);
  -o-transform: scale(0.5);
  transform: scale(0.5);
}

.sortable-list {
  counter-reset: count;
}
.sortable-list .sortable-item {
  counter-increment: count;
  padding: 0.2em 0 0.2em 0.6em;
  position: relative;
  border-top: solid 0.2em rgba(0, 0, 0, 0);
  border-bottom: solid 0.2em rgba(0, 0, 0, 0);
  margin: -0.2em 0 0 1.6em;
}
.sortable-list .sortable-item.drop-target-above {
  border-top-color: #D40E16;
}
.sortable-list .sortable-item.drop-target-below {
  border-bottom-color: #D40E16;
}
.sortable-list .sortable-item input,
.sortable-list .sortable-item .label {
  margin: -0.2em 0 -0.2em -0.5em;
  width: calc(100% - 0.4em);
  box-sizing: inherit;
  padding: 0.2em 0.5em;
  cursor: default;
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.sortable-list .sortable-item .label {
  background: #e4f2f8;
  line-height: 1.3em;
}
.sortable-list .sortable-item:before,
.sortable-list .sortable-item .sortable-handle {
  content: counter(count);
  line-height: 1.7em;
  text-align: center;
  color: white;
  display: block;
  position: absolute;
  left: -1.6em;
  top: 0;
  width: 1.8em;
  height: 1.6765em;
  background: #D40E16;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  overflow: hidden;
}
@media print {
  .sortable-list .sortable-item:before,
  .sortable-list .sortable-item .sortable-handle {
    background: transparent;
    width: 1em;
    text-align: left;
    color: black;
  }
  body[dir=rtl] .sortable-list .sortable-item:before,
  body[dir=rtl] .sortable-list .sortable-item .sortable-handle {
    text-align: right;
  }
}
.sortable-list .sortable-item .button-cluster {
  display: none;
}
.sortable-list .sortable-item .sortable-handle {
  opacity: 0;
  line-height: 1.9em;
  text-indent: -10em;
  background: #D40E16;
}
.sortable-list .sortable-item .sortable-handle:before {
  content: "\e876";
  display: block;
  font-family: fontello;
  text-indent: 0.1em;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 2.28em;
  text-align: center;
  font-size: 0.8em;
}
.sortable-list .sortable-item:hover .sortable-handle {
  opacity: 1;
  cursor: move;
}
.sortable-list .sortable-item:hover .sortable-handle:hover {
  text-decoration: none;
}

@keyframes desaturate {
  from {
    filter: grayscale(0%);
    opacity: 1;
  }
  to {
    filter: grayscale(100%);
    opacity: 0.4;
  }
}
#workspace-header {
  background-color: rgba(255, 255, 255, 0.5);
  color: rgba(0, 0, 0, 0.7);
  width: 88%;
  margin: 0 auto 4em;
  min-height: 8.5em;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  margin-top: 40px;
  position: relative;
  overflow: hidden;
  top: 0 !important;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  #workspace-header {
    padding-bottom: 0.7em;
    width: calc(100% - 2 * 15px);
    font-size: 14px;
    margin: 15px 15px 20px;
  }
}
#workspace-header:after {
  content: " ";
  display: table;
  clear: both;
}
#workspace-header .hero-image {
  width: 100%;
  filter: grayscale(0%);
  opacity: 1;
  display: block;
  float: left;
  transition: all 1s;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
@media only screen and (min-width: 768px) {
  #workspace-header.has-hero .content {
    transition: all 1s;
  }
}
#workspace-header .content {
  padding: 4%;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
#workspace-header .content:after {
  content: " ";
  display: table;
  clear: both;
}
@media only screen and (max-width: 767px) {
  #workspace-header .content {
    padding: 0 15px 0;
  }
  #workspace-header .content:before {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #workspace-header .content {
    padding: 0 5% 0.5em;
  }
  #workspace-header .content:before {
    display: none;
  }
}
#workspace-header .title {
  margin: -30px 0 0.2em;
  font-weight: 400;
  line-height: 1.3em;
  padding-top: 30px;
  padding-left: 0;
  clear: both;
}
#workspace-header .byline {
  font-size: 1.2em;
  line-height: 1.3em;
  float: left;
  padding-left: 0;
}
@media only screen and (max-width: 767px) {
  #workspace-header .byline {
    float: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #workspace-header .byline {
    float: none;
  }
}
#workspace-header .byline .byline-item {
  color: rgba(0, 0, 0, 0.7);
  padding: 0 10px;
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  font-weight: normal;
}
#workspace-header .byline .byline-item:first-child {
  border-left: none;
  padding-left: 0;
}
#workspace-header .byline .byline-item:hover {
  text-decoration: underline;
}
#workspace-header .security-setting {
  position: absolute;
  padding-top: 2em;
  padding-right: 1em;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 767px) {
  #workspace-header .security-setting {
    padding-top: 1.5em;
  }
}
#workspace-header .security-setting a {
  opacity: 0.5;
  color: rgba(0, 0, 0, 0.7);
  cursor: default;
}
#workspace-header .security-setting a:hover {
  opacity: 1;
}
#workspace-header .buttons {
  margin: 0;
  color: rgba(0, 0, 0, 0.7);
}
@media only screen and (max-width: 767px) {
  #workspace-header .buttons {
    float: none;
    margin: 1em 0 0 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #workspace-header .buttons {
    float: none;
    margin: 1em 0 0 0;
    clear: both;
  }
}
@media only screen and (min-width: 1280px) {
  #workspace-header .buttons {
    float: right;
  }
}
#workspace-header .buttons fieldset {
  display: inline;
  margin: 0;
}
#workspace-header .buttons a,
#workspace-header .buttons button {
  background: none;
  border: none;
  padding: 0;
  border: none;
  display: inline-block;
  line-height: 1.5em;
  vertical-align: baseline;
  box-shadow: none;
  font-weight: normal;
  font-size: 1em;
  color: rgba(0, 0, 0, 0.7);
  margin-left: 1em;
}
@media only screen and (max-width: 767px) {
  #workspace-header .buttons a,
  #workspace-header .buttons button {
    margin: 0 1em 0.5em 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  #workspace-header .buttons a,
  #workspace-header .buttons button {
    margin: 0 1em 1em 0;
  }
}
#workspace-header .buttons a:hover,
#workspace-header .buttons button:hover {
  text-decoration: none;
}
#workspace-header .buttons .pat-button {
  color: rgba(0, 0, 0, 0.7);
  font-weight: normal;
}

.splash-message {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  min-height: 100%;
  background: rgba(255, 255, 255, 0.6);
  z-index: 10000;
  overflow: auto;
  opacity: 0;
  pointer-events: none;
  text-shadow: 0 0 10px white, 0 0 20px white, 0 0 30px white, 0 0 40px white, 0 0 50px white, 0 0 60px white, 0 0 70px white, 0 0 80px white, 0 0 90px white;
  transition: opacity 0.4s;
}
.splash-active .splash-message {
  opacity: 1;
  pointer-events: all;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .splash-active .splash-message {
    background-color: rgba(255, 255, 255, 0.92);
  }
}
@supports (-ms-ime-align: auto) and (color: unset) {
  .splash-active .splash-message {
    background-color: rgba(255, 255, 255, 0.92);
  }
}
.splash-message .panel-content {
  height: 100%;
  width: 100%;
  display: table;
  vertical-align: middle;
}
.splash-message .panel-content .content {
  height: 100%;
  display: table-row;
  vertical-align: middle;
}
.splash-message .panel-content .content article {
  height: 100%;
  display: table-cell;
  vertical-align: middle;
  padding: 6% 8%;
  background-size: 54%;
  background-position: center right;
  background-repeat: no-repeat;
  animation: fadeIn 0.5s;
}
@media only screen and (max-width: 767px) {
  .splash-message .panel-content .content article {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) {
  .splash-message .panel-content .content article h1 {
    font-size: 3em;
  }
}
.splash-message .panel-content .content article.has-image {
  padding-right: 60%;
}
.splash-message .panel-content .content article.has-image:nth-child(even) {
  background-position: center left;
  padding-left: 60%;
  padding-right: 0;
}
.splash-message .panel-content .content article.visible {
  display: table-cell !important;
}
.splash-message .panel-content .content article .logo {
  margin-top: 4em;
}
@media only screen and (min-width: 768px) {
  .splash-message .pat-button {
    font-size: 1.5em;
  }
}
.splash-message .dots {
  position: absolute;
  bottom: 1.6rem;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%;
}
.splash-message .dots a {
  position: relative;
  display: inline-block;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  color: transparent;
  background: white;
  border: 4px gray solid;
  overflow: hidden;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.splash-message .dots a:hover {
  border: 4px black solid;
}
.splash-message .dots a.current {
  border: 4px #D40E16 solid;
}
.splash-message button.splash-trigger {
  position: absolute;
  margin: 0;
  opacity: 0.5;
  width: 4em;
  height: 4em;
  display: block;
  border: none;
  z-index: 10000;
  top: 1.5em;
  right: 1.5em;
  color: transparent;
  background: none;
  box-shadow: none !important;
  border: none;
}
.splash-message button.splash-trigger:after {
  content: "\e899";
  font-size: 3em;
  color: black;
  font-family: fontello;
  position: absolute;
  top: 0;
  right: 0;
}
.splash-message button.splash-trigger:hover {
  opacity: 1;
}
.splash-message button.splash-trigger:hover:after {
  color: black;
}

.pat-stacks.simple > * {
  display: block !important;
}
.pat-stacks.simple > .visible {
  margin-left: inherit;
  height: auto;
}
.pat-stacks.simple > .hidden {
  display: block !important;
  height: 0;
  overflow: hidden;
}
.pat-stacks.schwung {
  margin-bottom: 4em;
  position: relative;
}
.pat-stacks.schwung:after {
  content: " ";
  display: table;
  clear: both;
}
.pat-stacks.schwung .item {
  position: relative;
}
.pat-stacks.schwung .item .escape {
  position: absolute;
  top: 0;
  right: -0.4em;
  font-size: 1.5em;
}
.pat-stacks.schwung > * {
  display: block !important;
}
.pat-stacks.schwung > .hidden {
  opacity: 0;
  display: block !important;
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
}
.pat-stacks.schwung > .visible {
  -webkit-animation: bounceInLeft 0.5s;
  animation: bounceInLeft 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
}
.pat-stacks.schwung > .visible#logos {
  -webkit-animation: fadeIn 1s;
  animation: fadeIn 1s;
}

.sticky-note {
  float: left;
  box-sizing: border-box;
  position: relative;
  transition: all 0.4s;
}
.sticky-note.context-stand-alone {
  float: none;
  max-width: 700px;
  margin: 0 auto 2em;
}
.sticky-note.context-stand-alone .sticky-note-content {
  border-radius: 0;
}
.sticky-note.context-stand-alone .sticky-note-content .front {
  font-size: 25px;
}
.sticky-note.context-stand-alone .sticky-note-content .front .sticky-note-title,
.sticky-note.context-stand-alone .sticky-note-content .front .sticky-note-text {
  padding: 45px;
}
.sticky-note.context-stand-alone .sticky-note-content .front .comments {
  font-size: 20px;
}
.sticky-note.context-stand-alone .sticky-note-content .front .comments .comment {
  padding-left: 70px;
}
.sticky-note.context-stand-alone .sticky-note-content .front .comments .comment .pat-avatar {
  width: 2.5em;
  height: 2.5em;
}
.sticky-note.kind-load-more {
  width: 100%;
  text-align: center;
  padding-top: 185px;
  height: 450px;
  box-sizing: border-box;
}
.sticky-note.kind-load-more:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  top: 150px;
  color: rgba(0, 0, 0, 0.5);
}
.sticky-note.kind-load-more .sticky-note-content {
  color: rgba(0, 0, 0, 0.5);
  opacity: 1 !important;
  pointer-events: none;
}
.sticky-note.state-inactive img,
.sticky-note.state-inactive a {
  filter: grayscale(1);
}
.sticky-note.state-inactive .sticky-note-content .front {
  background: #efefef !important;
}
.sticky-note.state-inactive .sticky-note-content .front > *:not(.sticky-note-byline) {
  opacity: 0.4;
}
.sticky-note .icon-bookmark,
.sticky-note .icon-bookmark-empty {
  position: absolute;
  right: 10px;
  top: -5px;
  font-size: 28px;
  line-height: 0;
  color: rgba(0, 0, 0, 0.2);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 10px;
  border-style: none;
  background-image: none;
  filter: none !important;
  outline: none !important;
  width: 1.3em;
  cursor: default;
  text-overflow: initial !important;
  padding: 0;
  background-color: transparent;
  position: absolute;
  box-shadow: none;
  opacity: 0.6;
  transition: opacity 0.8s;
}
.sticky-note .icon-bookmark:active,
.sticky-note .icon-bookmark-empty:active {
  box-shadow: none;
}
.sticky-note .icon-bookmark:hover,
.sticky-note .icon-bookmark-empty:hover {
  text-decoration: none;
}
.sticky-note .icon-bookmark:before,
.sticky-note .icon-bookmark-empty:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
.sticky-note .icon-bookmark.active,
.sticky-note .icon-bookmark-empty.active {
  opacity: 1;
  color: black;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
.sticky-note .icon-bookmark:hover,
.sticky-note .icon-bookmark-empty:hover {
  opacity: 1;
  transition: opacity 0s;
}
.sticky-note .sticky-note-close-button {
  position: absolute;
  top: 1.5em;
  right: 1.5em;
  width: 3em;
  height: 3em;
  color: transparent !important;
  filter: none;
  border: none;
  background: none;
  outline: none;
  display: block;
  overflow: visible;
  padding: 0;
  margin: 0;
  opacity: 0.7;
  transition: transform 0.2s ease-out;
  z-index: 2;
  font-size: 10px;
  font-size: 9px;
  user-select: none;
  opacity: 0;
  transition: opacity 1s;
  transition-delay: 0.5s;
  pointer-events: none;
}
.sticky-note .sticky-note-close-button:active {
  box-shadow: inherit;
  transform: scale(0.6);
  box-shadow: none;
}
.sticky-note .sticky-note-close-button:hover {
  opacity: 1;
}
.sticky-note .sticky-note-close-button:before {
  font-family: fontello;
  content: "\e899";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  font-size: 2.5em;
  color: black;
  text-indent: 0;
}
.position-out .sticky-note .sticky-note-close-button {
  opacity: 1;
  pointer-events: auto;
}
.sticky-note .flipper {
  height: 100%;
  -webkit-perspective: 1000px;
  -moz-perspective: 1000px;
  -webkit-transform: preserve-3d;
  -moz-transform: preserve-3d;
  transform: preserve-3d;
}
.sticky-note .flipper .flip-button {
  position: absolute;
  top: 6px;
  right: 6px;
  font-size: 0.6em;
  display: inline-block;
  padding: 0 1em;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.7);
  color: white;
  line-height: 1.5;
  cursor: default;
}
.sticky-note .flipper .flip-button:hover {
  background-color: black;
}
.sticky-note .flipper .front,
.sticky-note .flipper .back {
  width: 100%;
  overflow: hidden;
  height: 100%;
  position: relative;
  box-sizing: border-box;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: 0.6s cubic-bezier(0.17, 0.67, 0.66, 1.66);
  -moz-transition: 0.6s cubic-bezier(0.17, 0.67, 0.66, 1.66);
  transition: 0.6s cubic-bezier(0.17, 0.67, 0.66, 1.66);
  border-radius: 0;
}
.sticky-note .flipper .front {
  z-index: 2;
}
.sticky-note .flipper .back {
  overflow: hidden;
  z-index: 3;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  position: absolute;
  z-index: 0;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.sticky-note.show-back {
  height: 600px;
}
.sticky-note.show-back .flipper .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.sticky-note.show-back .flipper .front {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.sticky-note .header {
  text-align: center;
  padding: 0.5em;
  margin: 0;
}
.sticky-note .header.collapsible-closed {
  margin-bottom: 0;
}
.sticky-note .header.collapsible-open {
  margin-bottom: 1em;
}
.sticky-note .header:before:before {
  content: "$glyph-expand";
}
.sticky-note.kind-create {
  min-height: 0;
}
.sticky-note.kind-create .sticky-note-content {
  height: 100%;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0);
  border-radius: 10px;
}
.sticky-note.kind-create .sticky-note-content .header {
  color: rgba(0, 0, 0, 0.8);
  cursor: default;
  font-size: 1.3em;
  position: relative;
  z-index: 2;
  margin: 0;
  border-radius: 10px;
}
.sticky-note.kind-create .sticky-note-content .header:before {
  font-family: fontello;
  content: "\e802";
  margin-right: 8px;
}
.sticky-note.kind-create .sticky-note-content .header.collapsible-closed:hover {
  background: rgba(0, 0, 0, 0.05);
  color: black;
  border-radius: 10px;
}
.sticky-note.kind-create .sticky-note-content .header.collapsible-open {
  background: rgba(0, 0, 0, 0.05);
  color: black;
  border-radius: 0;
}
.sticky-note.kind-create .sticky-note-content .panel-content {
  box-sizing: border-box;
  padding: 25px;
}
.sticky-note.kind-create .sticky-note-content.closed .panel-content .button-bar:before {
  opacity: 1;
}
.sticky-note.kind-create .sticky-note-content.open .panel-content .button-bar:before {
  opacity: 1;
}
.sticky-note.kind-create .sticky-note-content.open:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
  border-radius: 0;
}
.sticky-note.kind-offered .sticky-note-content .front {
  background: #cadeeb;
}
.sticky-note.kind-needed .sticky-note-content .front {
  background: #e1fff5;
}
.sticky-note .sticky-note-content {
  color: black;
  font-size: 18px;
  position: relative;
  margin: 0;
  padding: 0;
  animation: fadeIn 1s;
}
.sticky-note .sticky-note-content fieldset {
  margin: 0;
}
.sticky-note .sticky-note-content .vertical > label,
.sticky-note .sticky-note-content .vertical .pat-checklist {
  position: relative;
  z-index: 2;
  margin-bottom: 12px;
}
.sticky-note .sticky-note-content .vertical .button-bar {
  position: static;
  margin: 15px 0 0 0;
  padding: 0;
  font-size: 18px;
}
[lang=fr] .sticky-note .sticky-note-content .vertical .button-bar, [lang=fr-fr] .sticky-note .sticky-note-content .vertical .button-bar, [lang=de] .sticky-note .sticky-note-content .vertical .button-bar, [lang=de-de] .sticky-note .sticky-note-content .vertical .button-bar, [lang=de-ch] .sticky-note .sticky-note-content .vertical .button-bar {
  font-size: 16px;
}
[lang=fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button, [lang=fr-fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button, [lang=de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button, [lang=de-de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button, [lang=de-ch] .sticky-note .sticky-note-content .vertical .button-bar .pat-button {
  line-height: 29px;
  height: 29px;
}
[lang=fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button:not(.delete), [lang=fr-fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button:not(.delete), [lang=de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button:not(.delete), [lang=de-de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button:not(.delete), [lang=de-ch] .sticky-note .sticky-note-content .vertical .button-bar .pat-button:not(.delete) {
  margin: 0 0.3em 0 0;
  padding: 0 0.8em;
}
[lang=fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete, [lang=fr-fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete, [lang=de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete, [lang=de-de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete, [lang=de-ch] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete {
  margin: 0;
}
[lang=fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete:before, [lang=fr-fr] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete:before, [lang=de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete:before, [lang=de-de] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete:before, [lang=de-ch] .sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete:before {
  line-height: 29px;
}
.sticky-note .sticky-note-content .vertical .button-bar .pat-button {
  position: relative;
  z-index: 1;
}
.sticky-note .sticky-note-content .vertical .button-bar .pat-button.delete {
  float: right;
  margin: 0 0 0 0.5em;
}
.sticky-note .sticky-note-content .vertical .button-bar:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: " ";
  z-index: 0;
  background-color: #f3f1e5;
  transition: all 1s;
  border-radius: 0;
}
.sticky-note .sticky-note-content [data-value=sticky-note-kind-offered] ~ .button-bar:before {
  background-color: #cadeeb;
}
.sticky-note .sticky-note-content [data-value=sticky-note-kind-needed] ~ .button-bar:before {
  background-color: #e1fff5;
}
.sticky-note .sticky-note-content .front {
  background: #f3f1e5;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.1), 0 2px 40px rgba(0, 0, 0, 0.1);
}
.sticky-note .sticky-note-content .front .sticky-note-media {
  margin-bottom: 25px;
  margin-top: 5px;
}
.sticky-note .sticky-note-content .front .sticky-note-media img {
  width: 100%;
  margin: 0 auto;
  display: block;
}
.sticky-note .sticky-note-content .front .sticky-note-title {
  font-size: 1.2em;
  padding: 25px 25px 24px 25px;
  margin-bottom: -10px;
  position: relative;
}
.sticky-note .sticky-note-content .front .sticky-note-byline {
  margin-top: -15px;
}
.sticky-note .sticky-note-content .front .sticky-note-byline .warning {
  color: red;
  font-weight: bold;
  padding: 0 25px 24px 25px;
}
.sticky-note .sticky-note-content .front .sticky-note-text {
  padding: 0 25px;
  margin-bottom: 0.5em;
}
.sticky-note .sticky-note-content .front .sticky-note-data .name {
  display: inline;
  clear: both;
  font-weight: bold;
}
.sticky-note .sticky-note-content .front .sticky-note-data .value {
  display: inline;
  font-weight: bold;
}
.sticky-note .sticky-note-content .back {
  padding: 25px;
  background-color: #efefef;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
}
.sticky-note .sticky-note-content .back .sticky-note-field-text {
  height: 160px;
  min-height: 160px;
  max-height: 160px;
}
.sticky-note.context-portlet .sticky-note-content {
  font-size: 16px;
}
.sticky-note.context-portlet .sticky-note-content .front .sticky-note-title {
  padding-right: 50px;
}
.sticky-note .comments {
  background-color: rgba(0, 0, 0, 0.05);
  padding: 5px;
  margin: 0;
  font-size: 16px;
}
.sticky-note .comments .comment {
  padding-left: 50px;
}
.sticky-note .comments .comment .pat-avatar {
  left: 10px;
}
.sticky-note .comments .update-social {
  background-color: transparent;
}
.sticky-note .comments .update-social.status-active .content-mirror,
.sticky-note .comments .update-social.status-active textarea {
  padding-top: 0.4em;
}
.sticky-note .comments .update-social .button-bar {
  background: transparent;
}
[lang=de] .sticky-note .comments .update-social .button-bar, [lang=de-de] .sticky-note .comments .update-social .button-bar, [lang=de-ch] .sticky-note .comments .update-social .button-bar {
  font-size: 13px;
}

.sticky-notes {
  margin: 0 auto;
  display: block;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .sticky-notes {
    margin: 0 -1.05rem;
  }
}
.sticky-notes .js:before {
  position: fixed !important;
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@media only screen and (max-width: 767px) {
  .sticky-notes {
    margin: 0;
  }
}
.sticky-notes.masonry-ready:before {
  display: none;
}
@media only screen and (max-width: 767px) {
  .sticky-notes .grid-sizer,
  .sticky-notes .sticky-note {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .sticky-notes .grid-sizer,
  .sticky-notes .sticky-note {
    width: 50%;
  }
}
@media only screen and (min-width: 1100px) {
  .sticky-notes .grid-sizer,
  .sticky-notes .sticky-note {
    width: 33.33332%;
  }
}
@media only screen and (min-width: 1500px) {
  .sticky-notes .grid-sizer,
  .sticky-notes .sticky-note {
    width: 25%;
  }
}
@media only screen and (min-width: 1850px) {
  .sticky-notes .grid-sizer,
  .sticky-notes .sticky-note {
    width: 20%;
  }
}
.sticky-notes .sticky-note {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 1rem;
}
@media only screen and (min-width: 768px) {
  .sticky-notes .sticky-note {
    padding: 0 1rem 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .sticky-notes .sticky-note {
    padding: 0 0 1rem 0;
  }
}
.js .sticky-notes .sticky-note {
  opacity: 0;
  -moz-transition: opacity 0.5s;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.js .sticky-notes.masonry-ready .sticky-note {
  opacity: 1;
}

.sub-nav {
  text-align: center;
  display: block;
  margin-bottom: 3em;
}
.sub-nav a {
  display: inline-block;
  margin-right: 10px;
  text-decoration: none;
  background: rgba(0, 0, 0, 0.2);
  border-radius: 25px;
  padding: 4px 20px 0;
  line-height: 1.6em;
}

.suite-logo {
  background: none;
  color: transparent;
  width: 34px;
  height: 34px;
  overflow: hidden;
  float: right;
  padding: 0;
  cursor: default;
}
.suite-logo:before {
  content: "\e899";
  line-height: 28px;
  font-family: fontello;
  padding: 0;
  display: block;
  float: left;
  text-align: center;
  color: black;
  font-size: 21px;
  border-radius: 10px;
  width: 28px;
  height: 28px;
  margin: 3px;
}
.suite-logo:active:before {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}
.suite-logo:not(.pat-switch):not([href]) {
  width: 14px;
}
.suite-logo:not(.pat-switch):not([href]):before {
  color: transparent;
  opacity: 0;
}
.suite-logo.pat-switch:hover:before {
  background-color: rgba(0, 0, 0, 0.2);
}

table.schedule th,
table.schedule td {
  padding: 2px 20px 2px 0;
  vertical-align: top;
}
table.schedule th.time,
table.schedule td.time {
  color: gray;
}
table.schedule tr.title-row th {
  font-size: 1.2em;
}
table.schedule tbody tr:last-child th, table.schedule tbody tr:last-child td {
  padding-bottom: 20px;
}
table.schedule .time,
table.schedule .date {
  font-weight: bold;
  white-space: nowrap;
}
table.schedule time {
  white-space: nowrap;
}
table.data-table {
  font-size: 0.8em;
  line-height: 1.25em;
  hyphens: auto;
  border-collapse: collapse;
  width: 100%;
  background-color: white;
}
table.data-table.sd {
  font-size: inherit;
  line-height: inherit;
}
table.data-table tr:first-child th,
table.data-table tr:first-child td {
  border-top: #D40E16 1px solid;
}
table.data-table tr th,
table.data-table tr td {
  border-bottom: #D40E16 1px solid;
  padding: 0.3em 0.5em;
}
table.data-table tr th:nth-child(odd),
table.data-table tr td:nth-child(odd) {
  background-color: #efefef;
}
table.data-table tr.infinite-scrolling {
  background-color: transparent;
}
table.data-table tr.infinite-scrolling th,
table.data-table tr.infinite-scrolling td {
  border: none;
  background-color: transparent;
}
table.data-table tr.infinite-scrolling th .infinite-scrolling-trigger,
table.data-table tr.infinite-scrolling td .infinite-scrolling-trigger {
  margin-top: -50px;
}
table.data-table thead tr th.sorting, table.data-table thead tr th.sorting_asc, table.data-table thead tr th.sorting-asc, table.data-table thead tr th.sorting_desc, table.data-table thead tr th.sorting-desc {
  position: relative;
  padding-right: 30px;
  top: 0;
}
table.data-table thead tr th.sorting:focus, table.data-table thead tr th.sorting_asc:focus, table.data-table thead tr th.sorting-asc:focus, table.data-table thead tr th.sorting_desc:focus, table.data-table thead tr th.sorting-desc:focus {
  outline: none;
  cursor: default;
}
table.data-table thead tr th.sorting:after, table.data-table thead tr th.sorting_asc:after, table.data-table thead tr th.sorting-asc:after, table.data-table thead tr th.sorting_desc:after, table.data-table thead tr th.sorting-desc:after {
  font-family: fontello;
  position: absolute;
  top: 50%;
  right: 0.5em;
  display: block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: right;
  transform: translateY(-50%);
}
table.data-table thead tr th.sorting:after, table.data-table thead tr th.sorting_asc:after, table.data-table thead tr th.sorting-asc:after, table.data-table thead tr th.sorting_desc:after, table.data-table thead tr th.sorting-desc:after {
  position: static;
  display: inline-block;
  vertical-align: middle;
  transform: none;
  line-height: 28px;
  width: 25px;
}
table.data-table thead tr th.sorting_asc:after, table.data-table thead tr th.sorting-asc:after {
  content: "\e80d";
}
table.data-table thead tr th.sorting_desc:after, table.data-table thead tr th.sorting-desc:after {
  content: "\e80e";
}
table.data-table thead tr th.sorting {
  padding: 0;
}
table.data-table thead tr th.sorting a {
  padding: 0.3em 30px 0.3em 0.5em;
  color: black;
  display: block;
  position: relative;
  z-index: 1;
}
table th > *:last-child,
table td > *:last-child {
  margin-bottom: 0;
}

.scroll-table {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  clear: both;
}
.scroll-table.scroll-vertical {
  overflow-x: auto;
  overflow-y: auto;
  max-height: calc(100vh - 130px);
}
.scroll-table.scroll-vertical thead.sticky,
.scroll-table.scroll-vertical tfoot.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 10;
}

.tabs {
  text-align: center;
  line-height: 2.9;
  height: 2.8em;
  border-bottom: #0081be 1px solid;
  margin-bottom: 2em;
  transition: line-height 0.5s, opacity 0.5s, height 0.5s, font-size 0.5s;
  position: relative;
}
.tabs.injecting {
  opacity: 1;
}
.tabs.injecting:before {
  display: none;
}
.tabs.bumped {
  line-height: 2.1em;
  height: 2em;
  font-size: 0.8em;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .tabs.bumped.sticky-supported {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0.01em !important;
  }
}
.tabs ul {
  text-align: center;
}
.tabs > a,
.tabs > nav > a, .touchevents .tabs .extra-tabs a {
  display: inline-block;
  text-decoration: none !important;
  padding: 0 1.2em;
  position: relative;
  color: black;
}
@media only screen and (max-width: 767px) {
  .tabs > a,
  .tabs > nav > a, .touchevents .tabs .extra-tabs a {
    padding: 0 0.5em;
  }
}
.tabs > a.current,
.tabs > nav > a.current, .touchevents .tabs .extra-tabs a.current {
  cursor: default;
}
.tabs > a.injecting:before,
.tabs > nav > a.injecting:before, .touchevents .tabs .extra-tabs a.injecting:before {
  display: none;
}
.tabs > a sup,
.tabs > nav > a sup, .touchevents .tabs .extra-tabs a sup {
  font-size: 0.6em;
  color: gray;
  font-weight: bold;
}
@media (hover: hover) {
  .tabs > a:not(.title):not(.organisation):not(.current):hover:after,
  .tabs > nav > a:not(.title):not(.organisation):not(.current):hover:after, .touchevents .tabs .extra-tabs a:not(.title):not(.organisation):not(.current):hover:after {
    position: absolute;
    content: " ";
    bottom: 1px;
    left: 0;
    right: 0;
    opacity: 0.6;
    border-bottom: 0.3em solid rgba(255, 255, 255, 0.5);
  }
}
.tabs > a.current:after,
.tabs > nav > a.current:after, .touchevents .tabs .extra-tabs a.current:after {
  position: absolute;
  content: " ";
  bottom: 1px;
  left: 0;
  right: 0;
  border-bottom: 0.3em solid #D40E16;
}
.no-hovermq .tabs {
  overflow-x: auto;
  overflow-y: visible;
  -webkit-overflow-scrolling: touch;
  margin: 0 -15px 1em;
  width: calc(100% + 15px + 15px);
  white-space: nowrap;
}
.no-hovermq .tabs .extra-tabs {
  padding-right: 15px;
  display: inline-block;
  color: black;
}
.no-hovermq .tabs > a,
.no-hovermq .tabs > label {
  float: none;
  display: inline-block;
  margin: 0;
}
.no-hovermq .tabs > a:first-child,
.no-hovermq .tabs > label:first-child {
  margin-left: 15px;
}
@media (hover: hover) {
  .tabs span.extra-tabs {
    border: 1px transparent solid;
    padding-top: 1.5em;
    display: inline-block;
    float: right;
    height: 0;
    width: 1.5em;
    overflow: hidden;
    position: absolute;
    right: 0;
    z-index: 1;
    -webkit-transition: all 0.1s;
  }
  .tabs span.extra-tabs:before {
    font-family: fontello;
    content: "\e87b";
    line-height: 1.5em;
    text-align: center;
    position: absolute;
    right: 0;
    top: 0;
    height: 1.5em;
    width: 1.5em;
    color: rgba(0, 0, 0, 0.5);
  }
  .tabs span.extra-tabs:hover {
    border: 1px #dedede solid;
    padding-bottom: 0.5em;
    background-color: #f1f1f1;
    height: auto;
    width: 10em;
  }
  .tabs span.extra-tabs:hover:before {
    color: black;
  }
  .tabs span.extra-tabs a {
    display: block;
    float: none;
    padding: 0.4em 0.7em;
    line-height: 1.5;
    text-align: left;
    color: black;
  }
  body[dir=rtl] .tabs span.extra-tabs a {
    text-align: right;
  }
  .tabs span.extra-tabs a:hover {
    background-color: rgba(0, 0, 0, 0.05);
    text-decoration: none;
  }
}

.application-body:not(.sidebar-large) #sidebar-content .pat-tabs,
.application-body:not(.sidebar-large) .sidebar-content .pat-tabs,
.portlet .pat-tabs {
  line-height: 1.2em;
  height: 1.5em;
  margin-bottom: 1em;
  z-index: 11;
}
.application-body:not(.sidebar-large) #sidebar-content .pat-tabs > a, .touchevents .application-body:not(.sidebar-large) #sidebar-content .pat-tabs .extra-tabs a,
.application-body:not(.sidebar-large) .sidebar-content .pat-tabs > a,
.touchevents .application-body:not(.sidebar-large) .sidebar-content .pat-tabs .extra-tabs a,
.portlet .pat-tabs > a,
.touchevents .portlet .pat-tabs .extra-tabs a {
  float: left;
  padding: 0 0.4em 0.4em 0.4em;
}
.application-body:not(.sidebar-large) #sidebar-content .pat-tabs .extra-tabs,
.application-body:not(.sidebar-large) .sidebar-content .pat-tabs .extra-tabs,
.portlet .pat-tabs .extra-tabs {
  top: -0.15em;
}

nav.pat-tabs > a,
#sidebar-content nav.pat-tabs > a,
.sidebar-content nav.pat-tabs > a {
  box-shadow: none;
  border-radius: 0;
  border: none;
  background-color: transparent;
}

:root {
  --tabs-bar-tab-box-shadow-dimmed:
  	inset 0 1px 6px rgba(0, 0, 0, 0.12),
  	inset 0 0 0 1px rgba(255,255,255,0.4);
  --tabs-bar-tab-box-shadow-active:
  	inset 0 1px 6px rgba(0, 0, 0, 0.12),
  	inset 0 0 0 1px rgba(255,255,255,1);
}

#tabs-bar {
  left: 105px;
  top: -45px;
  position: absolute;
  max-width: calc(100vw - 300px - 70px);
  height: 44px;
  overflow: hidden;
  --colour-tab-dimmed: rgba(255, 255, 255, 0.1);
  --colour-tab-dimmed: rgba(0, 0, 0, 0.1);
  --tabs-bar-tab-box-shadow-active: inset 0 1px 6px rgba(0, 0, 0, 0.12);
}
body[dir=rtl] #tabs-bar {
  left: 0;
  right: 105px;
}
.safe-mode #tabs-bar {
  left: 18px;
}
@media only screen and (min-width: 768px) {
  #tabs-bar.tabs-wrapped {
    padding-right: 60px;
  }
  #tabs-bar.tabs-ready span.extra-tabs {
    opacity: 1;
  }
  #tabs-bar.open {
    overflow: visible;
  }
  #tabs-bar.open span.extra-tabs {
    overflow: visible;
    top: 10px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(0, 0, 0, 0);
    width: 380px;
    height: auto;
    padding: 15px 15px 5px;
    overflow-y: auto;
  }
  #tabs-bar.open span.extra-tabs:before {
    color: black;
    background-color: rgba(255, 255, 255, 0.4);
  }
  #tabs-bar.open span.extra-tabs:after {
    border-color: silver;
  }
  #tabs-bar.open span.extra-tabs .tab {
    display: none;
  }
  #tabs-bar.closed span.extra-tabs .tab {
    display: none !important;
  }
  #tabs-bar.closed span.extra-tabs:before {
    font-family: fontello;
    content: "\e87b";
    display: block;
    height: 34px;
    line-height: 34px;
    width: 60px;
    text-align: center;
    position: absolute;
    top: 0;
    right: 0;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: var(--colour-tab-dimmed);
    opacity: 0.8;
    color: black;
  }
  #tabs-bar.closed span.extra-tabs:hover:before {
    opacity: 1;
  }
  #tabs-bar span.extra-tabs {
    font-size: 18px;
    display: inline-block;
    float: right;
    height: 34px;
    width: 60px;
    overflow: hidden;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
    box-sizing: border-box;
    pointer-events: auto;
    max-height: calc(100vh - 54px);
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background: white;
    opacity: 0;
    transition: opacity 1s, width 0.15s, height 0.15s, height 0.15s, top 0.15s, border 0.15s, background-color 0.15s;
    background-color: white;
    border: 1px solid rgba(0, 0, 0, 0);
  }
  body[dir=rtl] #tabs-bar span.extra-tabs {
    float: left;
  }
  #tabs-bar span.extra-tabs .tab {
    width: 100%;
    z-index: 1;
    clear: both;
    margin-bottom: 10px;
  }
  #tabs-bar span.extra-tabs .tab .app-name {
    width: calc(100% - 46px);
  }
  #tabs-bar span.extra-tabs:hover:before {
    color: white;
    color: black;
  }
}
@media only screen and (max-width: 767px) {
  #tabs-bar {
    display: none;
  }
}
#tabs-bar .tab {
  border-radius: 10px;
  background-color: var(--colour-tab-dimmed);
  height: 34px;
  color: black;
  float: left;
  margin-bottom: 10px;
  margin-right: 15px;
  display: none;
  pointer-events: auto;
  position: relative;
  overflow: hidden;
  box-shadow: var(--tabs-bar-tab-box-shadow-active);
}
body[dir=rtl] #tabs-bar .tab {
  float: right;
}
body[dir=rtl] #tabs-bar .tab {
  margin-right: 0;
  margin-left: 15px;
}
#tabs-bar .tab .app-name,
#tabs-bar .tab .close-button:before {
  color: black;
}
#tabs-bar .tab .close-button {
  background: none;
  color: transparent;
  width: 34px;
  height: 34px;
  overflow: hidden;
  float: right;
  padding: 0;
  cursor: default;
  position: relative;
}
body[dir=rtl] #tabs-bar .tab .close-button {
  float: left;
}
#tabs-bar .tab .close-button:before {
  content: "\e899";
  line-height: 22px;
  font-family: fontello;
  padding: 0;
  display: block;
  float: left;
  opacity: 0.8;
  text-align: center;
  color: black;
  font-size: 15px;
  border-radius: 8px;
  width: 22px;
  height: 22px;
  margin: 6px;
}
#tabs-bar .tab .close-button:active:before {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}
#tabs-bar .tab .close-button:hover:before {
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.1);
}
#tabs-bar .tab .application-error .app-name:before {
  content: "\e80c";
}
#tabs-bar .tab .app-name {
  height: 34px;
  font-size: 18px;
  line-height: 34px;
  float: left;
  padding: 0;
  margin-left: 0;
  position: relative;
  z-index: 1;
  color: black;
  text-decoration: none;
  position: relative;
  white-space: nowrap;
  padding: 0 5px 0 0;
  font-weight: bold;
  height: 34px;
  line-height: calc(54px + 1px - 20px);
}
body[dir=rtl] #tabs-bar .tab .app-name {
  float: right;
  padding: 0 0 0 5px;
}
#tabs-bar .tab .app-name .object-name {
  display: inline-block;
  margin-left: 5px;
  opacity: 0.7;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  vertical-align: top;
}
#tabs-bar .tab .app-name .object-name:before {
  content: "•";
  display: inline-block;
  margin-right: 5px;
}
#tabs-bar .tab .app-name:before {
  font-family: fontello;
  display: inline-block;
  line-height: 34px;
  width: 33px;
  height: 100%;
  float: left;
  margin-right: 0px;
  background-size: cover;
  background-position: center;
  text-align: center;
  border-radius: 10px;
  background-repeat: no-repeat;
  box-sizing: border-box;
  transform: scale(0.8);
  filter: invert(100%);
}
body[dir=rtl] #tabs-bar .tab .app-name:before {
  float: right;
  margin-left: 0;
}
#tabs-bar .tab .app-name:not(.external):before {
  content: " ";
}
#app-space.state-paused .application-label #tabs-bar .tab .app-name:before {
  filter: invert(100%);
  color: black;
}
#app-space.state-paused .application-workspace + .application-label #tabs-bar .tab .app-name:before {
  filter: none;
  color: black;
}
#tabs-bar .tab .app-name.switch {
  width: 0;
  text-indent: -1000px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  #tabs-bar .tab .app-name.switch {
    display: none;
  }
}
#tabs-bar .tab .app-name.switch:before {
  text-indent: 0;
  position: absolute;
  left: 0;
  font-family: fontello;
  content: "▾";
  font-size: 16px;
  display: inline-block;
  margin-left: 7px;
}
#tabs-bar .tab .app-name .workspace-state {
  background: rgba(255, 255, 255, 0.3);
  color: white;
  display: inline-block;
  line-height: 1.5em;
  padding: 0.2em 0.5em 0.1em;
  font-size: 0.8em;
  margin-left: 0.8em;
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 2px, rgba(255, 255, 255, 0.2) 2px, rgba(255, 255, 255, 0.2) 4px);
}
#tabs-bar .tab .app-name:before {
  transition: opacity 0.3s;
}
#tabs-bar .tab .more-menu-toggle {
  color: transparent;
  display: inline-block;
  overflow: hidden;
  width: 34px;
  height: 34px;
  transition: all 0.3s;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0;
}
body[dir=rtl] #tabs-bar .tab .more-menu-toggle {
  left: auto;
  right: 0;
}
#tabs-bar .tab .more-menu-toggle.tooltip-active-click ~ .app-name:before, #tabs-bar .tab .more-menu-toggle:hover ~ .app-name:before {
  opacity: 0;
  transition: all 0.2s;
  transition-delay: 0.25s;
}
#tabs-bar .tab .more-menu-toggle:hover, #tabs-bar .tab .more-menu-toggle.tooltip-active-click {
  text-decoration: none;
  opacity: 1;
  transition: all 0.2s;
  transition-delay: 0.25s;
}
#tabs-bar .tab .more-menu-toggle:hover:before, #tabs-bar .tab .more-menu-toggle.tooltip-active-click:before {
  transition-delay: 1s;
}
#tabs-bar .tab .more-menu-toggle:before {
  content: " ";
  color: black;
  border-radius: 10px;
  line-height: 31px;
  width: 28px;
  height: 28px;
  text-align: center;
  display: block;
  margin: 3px;
  box-sizing: border-box;
}
#tabs-bar .tab.category-social .app-name:before {
  background-color: crimson;
}
#tabs-bar .tab.category-productivity .app-name:before {
  background-color: forestgreen;
}
#tabs-bar .tab.category-utilities .app-name:before {
  background-color: purple;
}
#tabs-bar .tab.category-publication .app-name:before {
  background-color: rgb(55, 139, 221);
}
#tabs-bar .tab.category-system .app-name:before {
  background-color: dimgray;
}
#tabs-bar .tab.category-management .app-name:before {
  background-color: teal;
}
#app-space.state-paused #tabs-bar .tab {
  background-color: var(--colour-tab-dimmed) !important;
}
#app-space.state-off #tabs-bar .tab {
  animation: fadeOutDown 0.3s;
}
#app-space.injecting #tabs-bar .tab, #app-space.state-off #tabs-bar .tab {
  opacity: 0;
  top: 0;
  display: none;
}

.tag-cloud {
  margin-bottom: 0.7em;
  line-height: 1.2em;
}
.tag-cloud li,
.tag-cloud > a,
.tag-cloud > .tag {
  border-radius: 1em;
  padding: 0em 1em 0em 1em;
  background-color: #D40E16;
  color: white;
  margin-right: 0.3em;
  margin-bottom: 0.2em;
  display: inline-block;
  line-height: 1.4em;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 100%;
  box-sizing: border-box;
}
.tag-cloud li:before,
.tag-cloud > a:before,
.tag-cloud > .tag:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 0.5em;
  font-size: 0.9em;
}
.tag-cloud li.skill:before,
.tag-cloud > a.skill:before,
.tag-cloud > .tag.skill:before {
  content: "\e83a";
}
.tag-cloud li.tag:before,
.tag-cloud > a.tag:before,
.tag-cloud > .tag.tag:before {
  content: "\e87c";
}
.tag-cloud li .counter,
.tag-cloud > a .counter,
.tag-cloud > .tag .counter {
  background-color: rgba(255, 255, 255, 0.8);
  color: #D40E16;
  font-style: normal;
  border-radius: 0.45em;
  height: 0.9em;
  min-width: 0.9em;
  padding: 0 0.2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  line-height: 0.9em;
  text-align: center;
  margin-left: 0.23em;
  margin-top: 0.23em;
  margin-right: -0.7em;
  float: right;
}

.textarea {
  position: relative;
}
.textarea .mirror-target,
.textarea textarea {
  font-size: 1em;
  display: block;
  white-space: pre-wrap;
  font-style: normal;
  font-weight: inherit;
}
@media screen {
  .textarea .mirror-target,
  .textarea textarea {
    padding: 0.2em 0.5em;
  }
}
@media print {
  .textarea .mirror-target,
  .textarea textarea {
    padding: 0.2em 0;
  }
}
.textarea .mirror-target {
  opacity: 0;
  min-height: 1.3em;
}
.textarea textarea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  color: black;
  resize: none;
  background-color: transparent;
  margin: 0 !important;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.textarea textarea:focus {
  border-color: transparent;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.tiles {
  margin: 0 -13.5px 2rem;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .tiles {
    height: auto !important;
    position: static !important;
  }
  .tiles .tile {
    position: relative !important;
    transition: none !important;
    transform: none !important;
    height: auto !important;
    top: 0 !important;
    left: 0 !important;
  }
}
@media only screen and (min-width: 768px) {
  .js .tiles.pat-masonry .tile {
    opacity: 0;
    transition: opacity 1s;
    float: left;
  }
  .js .tiles.pat-masonry.masonry-ready .tile {
    opacity: 1;
  }
}
.portlet .tiles {
  margin: 0 -0.5em;
}
@media only screen and (min-width: 768px) {
  .tiles.apps {
    margin: 80px 30px 100px;
  }
  .canvas-toolbar + .tiles.apps, .pat-toolbar + .tiles.apps {
    margin: 30px 30px 100px;
  }
}
@media only screen and (max-width: 767px) {
  .tiles.apps {
    margin: 0 -7.5px 40px;
  }
}
.tiles.apps.giant-solo .tile {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: 0;
  margin-bottom: 0;
  transform: translate(-50%, -50%) scale(1.7);
}
.tiles.apps .tile {
  float: left;
  animation: fadeIn 1s;
  position: relative;
}
.tiles.apps .tile.visible {
  animation: fadeIn 1s;
}
@media only screen and (max-width: 767px) {
  .tiles.apps .tile {
    display: none;
  }
  .tiles.apps .tile.app-classifieds, .tiles.apps .tile.app-contacts, .tiles.apps .tile.app-bookmarks, .tiles.apps .tile.app-calendar, .tiles.apps .tile.app-help, .tiles.apps .tile.app-jobs, .tiles.apps .tile.app-messages, .tiles.apps .tile.app-image-bank, .tiles.apps .tile.external, .tiles.apps .tile.app-absence {
    display: block;
  }
}
@media only screen and (min-width: 768px) {
  .tiles.apps .tile .icon-bookmark,
  .tiles.apps .tile .icon-bookmark-empty {
    left: 44px;
  }
}
.tiles .edit-button {
  position: absolute;
  width: 32px;
  height: 32px;
  color: transparent;
  overflow: hidden;
  border-radius: 50%;
  top: 7px;
  right: 37px;
  background-color: rgba(255, 255, 255, 0.4);
  cursor: default;
}
.tiles .edit-button:hover:hover {
  filter: brightness(1.05);
  background-color: rgba(255, 255, 255, 0.5);
}
.tiles .edit-button:before {
  font-family: fontello;
  content: "\e8aa";
  display: block;
  width: 100%;
  line-height: 32px;
  text-align: center;
  color: white;
  font-size: 20px;
}
.tiles .tile:hover .more-menu-toggle {
  opacity: 1;
  pointer-events: auto;
}
.tiles .more-menu-toggle {
  color: transparent;
  display: inline-block;
  overflow: hidden;
  height: 34px;
  width: 34px;
  position: absolute;
  top: 5px;
  left: 35px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.1s;
  transition-delay: 0.5s;
  cursor: default;
}
@media only screen and (max-width: 767px) {
  .tiles .more-menu-toggle {
    display: none;
  }
}
.tiles .more-menu-toggle:hover, .tiles .more-menu-toggle.tooltip-active-click {
  text-decoration: none;
  opacity: 1;
  transition: none;
}
.tiles .more-menu-toggle:hover:before, .tiles .more-menu-toggle.tooltip-active-click:before {
  background-color: rgba(0, 0, 0, 0.3);
}
.tiles .more-menu-toggle:before {
  color: white;
  border-radius: 10px;
  line-height: 31px;
  width: 28px;
  height: 28px;
  text-align: center;
  display: block;
  margin: 3px;
}
.tiles .icon-bookmark,
.tiles .icon-bookmark-empty {
  font-size: 1.6em;
  float: right;
  top: -2px;
  color: rgba(0, 0, 0, 0.2);
  overflow: hidden;
  text-decoration: none;
  position: relative;
  display: inline-block;
  white-space: nowrap;
  line-height: 10px;
  border-style: none;
  background-image: none;
  filter: none !important;
  outline: none !important;
  width: 1.3em;
  cursor: default;
  text-overflow: initial !important;
  padding: 0;
  background-color: transparent;
  position: absolute;
  box-shadow: none;
  opacity: 0.6;
  transition: opacity 0.8s;
}
.tiles .icon-bookmark:active,
.tiles .icon-bookmark-empty:active {
  box-shadow: none;
}
.tiles .icon-bookmark:hover,
.tiles .icon-bookmark-empty:hover {
  text-decoration: none;
}
.tiles .icon-bookmark:before,
.tiles .icon-bookmark-empty:before {
  text-indent: 0;
  display: inline-block;
  margin: 0 10px 0 0;
}
.tiles .icon-bookmark.active,
.tiles .icon-bookmark-empty.active {
  opacity: 1;
  color: white;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
}
@media only screen and (min-width: 768px) {
  .tiles .icon-bookmark,
  .tiles .icon-bookmark-empty {
    left: 37px;
  }
}
@media only screen and (max-width: 767px) {
  .tiles .icon-bookmark,
  .tiles .icon-bookmark-empty {
    left: 23px;
  }
}
.application-bookmarks .tiles .icon-bookmark,
.application-bookmarks .tiles .icon-bookmark-empty {
  color: white;
}
.tiles .tile:hover .icon-bookmark:not(.active),
.tiles .tile:hover .icon-bookmark-empty:not(.active) {
  opacity: 0.5;
  transition: opacity 0s;
}
.tiles .counter {
  top: 21px;
  right: 50px;
  font-size: 14px;
  min-width: 20px;
  height: 20px;
  line-height: 17px;
  position: absolute;
  background-color: red;
  text-align: center;
  color: white;
  border-radius: 10px;
  border: white 1px solid;
  padding: 0 6px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .tiles .counter {
    right: 18px;
  }
}
.tiles .counter.digit-2 {
  width: 27px;
}
.tiles .counter.digit-3 {
  width: 1.8em;
}
@media only screen and (min-width: 768px) {
  #person-workspaces .tiles .grid-sizer {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  #person-workspaces .tiles .grid-sizer {
    width: 100%;
  }
}
.tiles .tile {
  padding: 0 13.5px 27px;
  transition: all 1s;
  position: relative;
  margin: 0 auto;
  float: none;
  width: 33.33333332%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 768px) {
  #person-workspaces .tiles .tile {
    width: 50%;
  }
}
@media only screen and (max-width: 767px) {
  #person-workspaces .tiles .tile {
    width: 100%;
  }
}
.tiles .tile.span-2 {
  width: 50%;
}
.tiles .tile.width-full {
  width: 100%;
}
#portlet-bookmarked-workspaces .tiles .tile {
  width: 100%;
  padding: 0 0.5em 1em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#portlet-bookmarked-workspaces .tiles .tile > .link {
  padding: 0.8em;
  line-height: 1.4;
  font-size: 0.9em;
}
#portlet-bookmarked-workspaces .tiles .tile .icon-bookmark,
#portlet-bookmarked-workspaces .tiles .tile .icon-bookmark-empty {
  font-size: 1.2em;
  right: 0.5em;
  top: -2px;
}
@media only screen and (min-width: 768px) {
  #portlet-bookmarked-workspaces.span-2 .tiles .tile {
    width: 50%;
  }
  .tiles .tile #portlet-bookmarked-workspaces.span-3 {
    width: 33.333332%;
  }
}
.tiles .tile .children {
  padding-top: 1em;
}
.tiles .tile.workspace.type-super > .link {
  background-color: white;
  padding: 26px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  color: #666;
}
.tiles .tile.workspace.type-super > .link[href]:hover {
  color: black;
}
.tiles .tile.workspace.type-super > .link > .tiles {
  display: none;
}
.tiles .tile.workspace.type-super.expanded {
  width: 100%;
}
.tiles .tile.workspace.type-super.expanded > a {
  cursor: default;
}
.tiles .tile.workspace.type-super.expanded > .link > .tiles {
  margin: 27px -13.5px 0;
  display: block;
}
.tiles .tile.workspace.type-super.expanded > .link > .iconified {
  display: inline-block;
}
.tiles .tile.workspace.type-super.expanded > .link > h3 {
  padding-right: 90px;
}
@media only screen and (max-width: 767px) {
  .tiles .tile.workspace {
    width: 100% !important;
    padding-bottom: 18px;
  }
}
.tiles .tile.workspace .link {
  box-shadow: none;
}
.tiles .tile.workspace .link:active {
  box-shadow: none;
}
.tiles .tile.workspace.disabled {
  opacity: 0.5;
}
.tiles .tile.app {
  width: 20%;
}
.tiles .tile.app.disabled .link {
  cursor: default;
}
.tiles .tile.app.disabled .link .tile-title {
  color: rgba(0, 0, 0, 0.4);
}
.tiles .tile.app.disabled .link[href]:hover {
  filter: brightness(1);
}
.tiles .tile.app.external .placeholder {
  background-color: color-mix(in lch, var(--colour-accent), black 30%);
  width: calc(100% - 60px);
  margin-left: 20px;
  border-radius: 20px;
}
.tiles .tile.app svg.tile-icon {
  width: 80%;
  height: 80%;
  position: absolute;
  top: 0;
  left: 0;
}
.tiles .tile.app svg.tile-icon text {
  font-family: "Roboto", sans-serif;
  fill: white;
  font-size: 50px;
}
.tiles .tile.app svg.calendar-date {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.tiles .tile.app svg.calendar-date text {
  fill: forestgreen;
}
.tiles .tile.app p.calendar-date {
  width: 170px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  padding-top: 56px;
  color: #D40E16;
  font-weight: bold;
  height: 170px;
  float: left;
  box-sizing: border-box;
  font-size: 15px;
  color: orangered;
}
@media only screen and (max-width: 767px) {
  .tiles .tile.app p.calendar-date {
    padding-top: 66px;
  }
}
.portlet .tiles .tile.app p.calendar-date {
  padding-top: 66px;
}
.tiles .tile.app .auto-scale-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 20px;
}
body[dir=rtl] .tiles .tile.app .auto-scale-wrapper {
  right: 0;
}
@media only screen and (max-width: 767px) {
  .tiles .tile.app {
    width: 33.333332%;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) and (orientation: portrait) {
  .tiles .tile.app {
    width: 25%;
  }
}
@media only screen and (min-width: 768px) {
  .tiles .tile.app {
    padding: 0 0 60px 0;
  }
}
@media only screen and (max-width: 767px) {
  .tiles .tile.app {
    padding: 0 0px 36px;
  }
}
.tiles .tile.app.app-calendar time.date {
  position: absolute;
  top: 0;
  left: 0;
  right: auto;
  width: 200px;
  padding-top: 101px;
  font-size: 21px;
  text-align: center;
  color: #D40E16;
  font-weight: bold;
}
.tiles .tile.app .link {
  color: white;
  position: relative;
  padding: 0 0;
  border-radius: 20px;
  background-color: transparent;
}
.tiles .tile.app .link .icon {
  width: calc(100% - 60px);
  height: auto;
  position: absolute;
  top: 0;
  left: 30px;
  background-color: #D40E16;
  border-radius: 20px;
  box-shadow: none;
}
.tiles .tile.app .link .icon:active {
  box-shadow: none;
}
.portlet .tiles .tile.app .link .icon {
  width: calc(100% - 20px);
  left: 10px;
}
@media only screen and (max-width: 767px) {
  .tiles .tile.app .link .icon {
    width: calc(100% - 20px);
    left: 10px;
  }
}
.tiles .tile.app .link .placeholder {
  width: calc(100% - 60px);
  height: auto;
  float: left;
  margin: 0 30px;
}
.portlet .tiles .tile.app .link .placeholder {
  width: calc(100% - 20px);
  margin: 0 10px;
}
@media only screen and (max-width: 767px) {
  .tiles .tile.app .link .placeholder {
    width: calc(100% - 20px);
    margin: 0 10px;
  }
}
.tiles .tile.app .link .tile-title {
  font-size: 16px;
  line-height: 33px;
  color: black;
  font-weight: bold;
  padding: 138px 0 0;
  position: absolute;
  top: 0;
  left: 20px;
  box-sizing: border-box;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: center;
  width: 190px;
  margin: 0 -20px;
}
.portlet .tiles .tile.app .link .tile-title {
  padding-top: 156px;
  font-size: 24px;
}
@media only screen and (max-width: 767px) {
  .tiles .tile.app .link .tile-title {
    padding-top: 162px;
    font-size: 22px;
  }
}
.tiles .tile.app .link .tile-title:before {
  font-size: 70px;
  text-align: center;
  line-height: 140px;
  width: calc(100% - 50px);
  height: 100%;
  position: absolute;
  top: 0;
  left: 25px;
  margin: 0;
  padding: 0;
  color: white;
}
.portlet .tiles .tile.app .link .tile-title:before {
  width: calc(100% - 20px);
  left: 10px;
}
@media only screen and (max-width: 767px) {
  .tiles .tile.app .link .tile-title:before {
    width: calc(100% - 20px);
    left: 10px;
  }
}
.tiles .tile.state-archived .link {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.08) 5px, rgba(255, 255, 255, 0.08) 10px);
}
.tiles .tile a.link:hover {
  text-decoration: none;
}
.tiles .tile a.link[href]:hover {
  filter: brightness(1.05);
}
.tiles .tile .link {
  display: block;
  padding: 27px;
  position: relative;
  color: white;
  background-color: #109fd6;
  cursor: hand;
  border-radius: 10px;
}
.tiles .tile .link:after {
  content: " ";
  display: table;
  clear: both;
}
@media only screen and (max-width: 767px) {
  .tiles .tile .link {
    padding: 0.8em;
  }
}
.tiles .tile .link > a {
  display: block;
  padding: 27px;
  margin: -27px;
  color: rgba(0, 0, 0, 0.7);
}
.tiles .tile .link > a.iconfied {
  padding: 0;
}
.tiles .tile .link > a > h3 {
  color: rgba(0, 0, 0, 0.7);
}
.tiles .tile .link > a:hover {
  text-decoration: none;
}
.tiles .tile .link > .iconified {
  position: absolute;
  z-index: 1;
  right: 27px;
  top: 37px;
  padding: 0;
  transition: opacity 1s;
  display: none;
  margin: 0;
}
.tiles .tile .link > .iconified:before {
  width: 100%;
  text-align: right;
}
.tiles .tile .link > .iconified.settings {
  right: 50px;
}
@media only screen and (max-width: 767px) {
  .tiles .tile .link > .iconified.settings {
    right: 51px;
  }
}
.tiles .tile .link > .iconified.create {
  right: 75px;
}
@media only screen and (max-width: 767px) {
  .tiles .tile .link > .iconified.create {
    right: 75px;
  }
}
.tiles .tile .link h3 {
  font-weight: bold;
  color: white;
  font-size: 1.6em;
  line-height: 1.2em;
  position: relative;
  z-index: 1;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
  font-family: inherit;
}
.tiles .tile .link h3:before {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  display: block;
  margin-bottom: 15px;
  margin-top: 5px;
  height: 70px;
  width: 100%;
}
.tiles .tile .link .hero-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  border-radius: 10px;
  object-fit: cover;
  object-position: center;
  opacity: 0.2;
  filter: grayscale(1) blur(3px) brightness(0.8);
}
.tiles .tile .link p.description {
  margin: 0.5em 0 0;
  opacity: 0.8;
  font-style: normal;
  position: relative;
  z-index: 1;
  font-weight: 600;
  color: white;
}
.tiles .tile .link p.tags {
  margin: 0.8em 0 0 0;
  font-size: 0.8em;
  position: relative;
  z-index: 1;
}
.tiles .tile .link p.tags.tag-cloud .tag {
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(255, 255, 255, 0.15);
}
.tiles .tile .link p.workspace-state {
  margin: 0.8em 0 0 0;
  font-size: 0.8em;
  opacity: 0.5;
  font-style: italic;
}
.tiles .tile .link p.workspace-state:before {
  font-style: normal;
}

.time-table .header {
  font-size: 1.6em;
  margin-bottom: 25px;
  font-weight: normal;
}
.time-table .date {
  font-size: 1.2em;
  margin-bottom: 10px;
  color: var(--colour-accent);
}
.time-table .pat-grid-list {
  clear: both;
  grid-template-columns: 130px auto;
}
.time-table .pat-grid-list .pat-button {
  float: right;
  margin: -4px 0 -4px 20px;
}

.timeline {
  padding: 4%;
  white-space: nowrap;
  text-align: center;
  overflow: auto;
  letter-spacing: -0.2em;
  display: block;
  background-color: white;
  border: #dedede 1px solid;
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .timeline {
    display: none;
  }
}
.timeline.state-frozen {
  margin-bottom: 2em;
}
.timeline-container .timeline {
  border: none;
  border-radius: 0;
}
@media only screen and (max-width: 767px) {
  .timeline-container .timeline {
    display: none;
  }
}
.timeline .section {
  letter-spacing: 0em;
  display: inline-block;
  padding-top: 14em;
  padding-bottom: 5em;
  border-left: 0.1em dotted silver;
  border-right: 0.1em dotted silver;
  margin-right: -0.075em;
  position: relative;
  min-width: 6em;
}
.timeline .section .due-date {
  position: absolute;
  bottom: -1.8rem;
  right: 0;
  font-size: 0.7em;
  transform: translateX(50%);
  margin: 0;
  color: rgba(0, 0, 0, 0.5);
  line-height: 1.5;
  height: 2em;
  text-align: center;
}
.timeline .section .due-date .warning {
  display: block;
}
.timeline .section.state-overdue {
  border-right: 0.1em solid red;
}
.timeline .section.state-overdue .due-date {
  color: red;
  font-weight: bold;
}
.timeline .section > ul {
  position: relative;
  z-index: 1;
}
.timeline .section:after {
  content: " ";
  display: block;
  background-color: LightSkyBlue;
  height: 0.8em;
  margin-top: 0.45em;
  position: absolute;
  z-index: 0;
  left: 0;
  right: 0;
  margin-left: -2em;
  margin-right: -2em;
}
.timeline .section:first-of-type:after {
  margin-left: 1.5em;
}
.timeline .section:last-of-type:after {
  display: none;
}
.timeline .section.actioned {
  padding-right: 2em;
}
.timeline .section .action {
  position: absolute;
  right: -1.15em;
  bottom: 4.65em;
  border-radius: 50%;
  width: 1.95em;
  height: 1.95em;
  background-color: white;
  border: 0.2em LightSkyBlue solid;
  z-index: 1;
  margin: 0;
}
.timeline .section .action:after {
  content: " ";
  display: block;
  height: 0.8em;
  width: 2em;
  position: absolute;
  right: 0.69em;
  top: 0.53em;
  left: -2em;
  z-index: -1;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
  clip-path: polygon(100% 0, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
}
.timeline .section .action .link {
  font-weight: bold;
  position: absolute;
  top: -1em;
  left: 2.2em;
  width: 15.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  -moz-transform: rotate(-45deg);
  -moz-transform-origin: 0 center;
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: 0 center;
  transform: rotate(-45deg);
  transform-origin: 0 center;
  color: black;
  cursor: default;
}
.timeline .section .action .link:hover {
  text-decoration: none;
}
.timeline .section .action.icon:before {
  display: block;
  width: 1.9em;
  height: 1.9em;
  line-height: 1.65em;
  position: absolute;
  top: 0.25em;
  left: -0.17em;
  color: LightSkyBlue;
  z-index: 2;
}
.timeline .section .section-label {
  color: gray;
  display: block;
  text-align: center;
  font-weight: normal;
  font-size: 1em;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0.5em;
}
.timeline .section .step-background {
  width: 1.7em;
  min-height: 1.7em;
  float: left;
  position: relative;
  margin-right: 1em;
  margin-left: 1em;
}
.timeline .section .step-background.illustrated:before {
  content: " ";
  position: absolute;
  left: 0.65em;
  top: 0;
  bottom: 0;
  width: 0.2em;
  background-color: silver;
}
.timeline .section .step-background .illustration {
  border-radius: 50%;
  width: 5em;
  height: 5em;
  overflow: hidden;
  float: left;
  margin: 3em -2.5em 0;
  position: relative;
  left: 0.55em;
  border: 0.2em silver solid;
}
.timeline .section .step-background .illustration.pos-1 {
  margin-top: 3em;
}
.timeline .section .step-background .illustration.pos-2 {
  margin-top: 9em;
}
.timeline .section .step-background .illustration.pos-3 {
  margin-top: 6em;
}
.timeline .section .step-background .illustration a {
  position: absolute;
  left: -100em;
  right: -100em;
  top: 0;
  bottom: 0;
  text-align: center;
}
.timeline .section .step-background .illustration a img {
  height: 100%;
  cursor: pointer;
}
.timeline .section .step-background .step-label.icon:before {
  border-radius: 50%;
  display: block;
  margin: 0;
  line-height: 1.9em;
  width: 100%;
  position: absolute;
  color: white;
  z-index: 2;
}
.timeline .section .step-background:after {
  content: " ";
  display: block;
  background-color: LightSkyBlue;
  height: 0.8em;
  width: 3.1em;
  position: absolute;
  right: 0.69em;
  top: 0.45em;
  z-index: 0;
  -webkit-clip-path: polygon(100% 0, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
  clip-path: polygon(100% 0, 100% 100%, 0% 100%, 3% 50%, 0% 0%);
}
.timeline .section .step-background.state-closed .step-label {
  background-color: #23C27E;
}
.timeline .section .step-background.state-closed:after {
  background-color: #23C27E;
}
.timeline .section .step-background.state-overdue .step-label {
  background-color: red;
}
.timeline .section .step-background.state-overdue .step-label .link .label-text {
  color: red;
}
.timeline .section .step-background.state-overdue .step-label .link .label-text:before {
  font-family: fontello;
  content: "\e80c";
}
.timeline .section .step-background.state-overdue:after {
  background-color: red;
}
.timeline .section .step-background#item-1:after {
  display: none;
}
.timeline .section .step-background .step-label {
  position: absolute;
  top: 0;
  border-radius: 50%;
  width: 1.8em;
  height: 1.8em;
  background-color: LightSkyBlue;
  display: block;
}
.timeline .section .step-background .step-label .link {
  text-decoration: none;
  bottom: 1.5em;
  left: 1.9em;
  display: block;
  white-space: nowrap;
  position: absolute;
  -moz-transform: rotate(-45deg);
  -moz-transform-origin: 0 center;
  -webkit-transform: rotate(-45deg);
  -webkit-transform-origin: 0 center;
  transform: rotate(-45deg);
  transform-origin: 0 center;
  background-color: white;
  z-index: 1;
}
.timeline .section .step-background .step-label .link .label-text {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 14em;
  display: block;
  color: rgba(0, 0, 0, 0.5);
}
.timeline .section .step-background .step-label .link .info-link {
  position: absolute;
  font-size: 0.8em;
  right: -1.8em;
  top: 0.5em;
  color: rgba(0, 0, 0, 0.5);
}
.timeline .section .step-background .step-assignee {
  position: absolute;
  top: 1.9em;
  left: -0.4em;
  width: 2.5em;
  padding-bottom: 1em;
  padding-top: 0.7em;
  text-align: center;
}
.timeline .section .step-background .step-assignee:before {
  width: 1px;
  height: 0.7em;
  background-color: silver;
  display: block;
  position: absolute;
  top: 0;
  left: 1.25em;
  content: " ";
}
.timeline .section .step-background .step-assignee .pat-avatar {
  margin: 0 auto;
  width: 2.5em;
  height: 2.5em;
}
.timeline .section .step-background .step-assignee .date {
  display: block;
  font-size: 0.6em;
  color: gray;
  line-height: 1em;
}
.timeline .section .step-background .text {
  font-size: small;
}
.timeline .section.state-finished .action {
  border-color: #23C27E;
}
.timeline .section.state-finished .action:after {
  background-color: #23C27E;
}
.timeline .section.state-finished .action:before {
  color: #23C27E;
}
.timeline .section.state-finished:after {
  background-color: #23C27E;
}
.timeline .section.state-finished .step-label {
  background-color: #23C27E;
}
.timeline .section.state-finished .step-label.icon:before {
  border-color: #23C27E;
}
.timeline .section.state-finished .step-background:after {
  background-color: #23C27E;
}
.timeline .section.state-overdue .action {
  border-color: red;
}
.timeline .section.state-overdue .action .link {
  color: red;
}
.timeline .section.state-overdue .action .link:before {
  font-family: fontello;
  content: "\e80c";
}
.timeline .section.state-overdue .action:after {
  background-color: red;
}
.timeline .section.state-overdue .action:before {
  color: red;
}
.timeline .section.state-overdue:after {
  background-color: red;
}
.timeline .section.state-overdue .step-label {
  background-color: red;
}
.timeline .section.state-overdue .step-label.icon:before {
  border-color: red;
}
.timeline .section.actioned + .section {
  padding-left: 2em;
}

.timeline-container {
  background-color: white;
  border: #dedede 1px solid;
  border-radius: 10px;
  overflow: hidden;
  padding: 0 0 2em 0;
  position: relative;
}
.timeline-container.state-frozen .timeline {
  -moz-filter: blur(20px);
  -webkit-filter: blur(20px);
  filter: blur(20px);
  -moz-transition: filter 1.5s;
  -webkit-transition: filter 1.5s;
  transition: filter 1.5s;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.timeline-container.state-frozen:hover .timeline {
  -moz-filter: blur(0);
  -webkit-filter: blur(0);
  filter: blur(0);
}
.timeline-container.state-frozen:hover .explanation {
  opacity: 0;
}
.timeline-container .controls {
  margin-top: -1em;
  text-align: center;
  position: absolute;
  z-index: 2;
  left: 0;
  right: 0;
  bottom: 20px;
}
.timeline-container .controls .pat-button {
  font-size: 32px;
  color: #6883a7;
  border-color: #869ebf;
  background-color: #c8d4e6;
  line-height: 50px;
  margin: 0;
}
.timeline-container .explanation {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 7em 3em 3em;
  z-index: 2;
  background-color: rgba(230, 240, 250, 0.7);
  text-align: center;
  font-size: 1.2em;
  line-height: 1.8em;
  opacity: 1;
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  -moz-transition: opacity 1s;
  -webkit-transition: opacity 1s;
  transition: opacity 1s;
  pointer-events: none;
  border-radius: 10px;
  border: 3px solid rgb(134, 158, 191);
  text-shadow: 0 0 20px white;
  box-shadow: inset 0 0 60px rgba(134, 158, 191, 0.5);
  color: rgb(134, 158, 191);
}
.timeline-container .explanation .header {
  font-size: 3em;
  margin-bottom: 0.5em;
  display: block;
  font-weight: 100;
  letter-spacing: 2px;
  text-align: center;
}
.timeline-container .explanation .reason {
  font-style: normal;
  font-weight: normal;
  display: inline-block;
  margin-top: -2em;
  margin-bottom: 2em;
  padding: 0 1em;
  line-height: 1.5em;
  text-align: center;
  color: rgba(255, 255, 255, 0.6);
  background-color: rgba(134, 158, 191, 0.8);
}
.timeline-container .explanation .reason * {
  font-weight: normal;
  color: white;
}
.timeline-container .explanation .description {
  text-align: center;
}

.form-page-head {
  margin: 0 0 50px 0;
}
.form-page-head .title-block {
  position: relative;
}
.form-page-head .title-block p,
.form-page-head .title-block textarea {
  font-weight: bold;
  font-size: 2.7rem;
  font-stretch: normal;
  line-height: 1.3;
  margin-bottom: 0.7rem;
  color: black;
  box-shadow: none;
}
.form-page-head .title-block .validation.message {
  font-size: 1rem;
}
.form-page-head .title-block .placeholder {
  font-style: normal;
  color: silver;
}
.form-page-head .title-block textarea:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: 5px;
}
.form-page-head .title-block .pat-content-mirror {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  resize: none;
  width: 100%;
  height: 100%;
  background: transparent;
}
.form-page-head .title-block .pat-content-mirror.has-value {
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-color: transparent;
}
.form-page-head .summary-block {
  position: relative;
  margin: 0;
}
.form-page-head .summary-block p,
.form-page-head .summary-block textarea {
  font-size: 1.7rem;
  line-height: 1.5;
  -webkit-hyphens: auto;
  hyphens: auto;
  margin-bottom: 1.5rem;
  font-weight: thin;
}
.form-page-head .summary-block .validation.message {
  font-size: 1rem;
}
.form-page-head .summary-block .placeholder {
  font-style: normal;
  color: silver;
}
.form-page-head .summary-block textarea:focus {
  outline: var(--pat-form-input-field-outline-focus);
  outline-offset: 5px;
}
.form-page-head .summary-block .pat-content-mirror {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 0;
  margin: 0;
  resize: none;
  width: 100%;
  height: 100%;
  background: transparent;
  box-shadow: none;
}
.form-page-head .summary-block .pat-content-mirror.has-value {
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
  background-color: transparent;
}

.document-content .pat-toolbar {
  width: calc(100% - var(--quaive-document-padding-left) - var(--quaive-document-padding-right));
  margin-right: auto;
  margin-left: auto;
}
@media only screen and (max-width: 767px) {
  .pat-toolbar {
    width: calc(100% - 15px);
  }
}
.pat-toolbar#workspaces-overview-toolbar > *, .pat-toolbar#workspaces-rich-toolbar-edit > *, .pat-toolbar#workspaces-event-toolbar > * {
  grid-template-columns: auto 0 auto;
}
.pat-toolbar#workspaces-event-toolbar {
  margin: 0 auto -106px;
  z-index: 10;
  --pat-toolbar-icon-background-colour: rgba(255,255,255,0.8);
  --pat-toolbar-icon-background-colour-hover: rgba(255,255,255,1);
}
.pat-toolbar.sidebar-toolbar {
  --pat-toolbar-button-height: 28px;
  --pat-toolbar-button-line-height: 28px;
  --pat-select-box-padding-right-left: 12px;
  --pat-toolbar-font-size: 16px;
  margin-bottom: 15px;
}
.pat-toolbar.sidebar-toolbar .pat-toolbar-search-field.focus, .pat-toolbar.sidebar-toolbar .pat-toolbar-search-field.has-value, .pat-toolbar.sidebar-toolbar .pat-toolbar-search-field.fixed {
  --pat-toolbar-search-field-width-open: calc(30vw - 50px - 50px - 44px);
}
.pat-toolbar.sidebar-toolbar .toolbar-navigation-area,
.pat-toolbar.sidebar-toolbar .toolbar-functions-area {
  grid-template-columns: auto 0 auto;
}
.pat-toolbar.sidebar-toolbar .toolbar-navigation-area .toolbar-section > .pat-select:not(.bare),
.pat-toolbar.sidebar-toolbar .toolbar-functions-area .toolbar-section > .pat-select:not(.bare) {
  --pat-select-box-padding-right-left: 10px;
}

#news-magazine-toolbar {
  margin-bottom: 17px;
}

#app-launcher-toolbar {
  top: 20px;
}
.scroll-up #app-launcher-toolbar {
  top: 110px;
}
@media only screen and (min-width: 768px) {
  #app-launcher-toolbar > * {
    grid-template-columns: 1fr auto 1fr;
  }
  #app-launcher-toolbar > * .toolbar-section.navigation {
    padding-left: 60px;
    padding-right: 60px;
  }
}

#toolbar-main {
  height: 19px;
  padding: 10px 0;
  overflow: hidden;
  z-index: 1;
  white-space: nowrap;
  background: white;
  color: gray;
  line-height: 20px;
  font-size: 0.9em;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
#toolbar-main button,
#toolbar-main a.button,
#toolbar-main label,
#toolbar-main form input,
#toolbar-main form button,
#toolbar-main form label {
  float: left;
  margin-right: 1em;
  margin-left: 0;
}
#toolbar-main button.float-after,
#toolbar-main a.button.float-after,
#toolbar-main label.float-after,
#toolbar-main form.float-after input,
#toolbar-main form.float-after button,
#toolbar-main form.float-after label {
  float: right;
  margin-right: 0;
  margin-left: 1em;
}
#toolbar-main input {
  height: 22px;
  margin-right: 5px;
}
#toolbar-main a.button.dropdown {
  padding-right: 1.1em;
}
#toolbar-main button,
#toolbar-main a.button {
  float: left;
  border: none;
  background-image: none;
  padding-left: 0.4em;
  padding-right: 0.4em;
  box-shadow: none;
  line-height: 22px;
  font-size: 1em;
  color: gray;
}
#toolbar-main button:after,
#toolbar-main a.button:after {
  line-height: 22px;
}
#toolbar-main button:active,
#toolbar-main a.button:active {
  color: #D40E16;
}
#toolbar-main button.active,
#toolbar-main a.button.active {
  color: #D40E16;
}
#toolbar-main button.float-after,
#toolbar-main a.button.float-after {
  float: right;
}
#toolbar-main hr.divider {
  width: 22px;
  height: 22px;
  float: right;
  border-style: none;
}
#toolbar-main form {
  display: inline-block;
}
#toolbar-main form.float-after {
  float: right;
}
#toolbar-main .document-controls {
  display: block;
  padding-right: 1em;
}
#toolbar-main .sidebar-controls {
  float: left;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  transition: all 0.5s;
  width: auto;
  padding: 0 0 0 1em;
  margin-right: 0;
  height: 100%;
  overflow: hidden;
}
.sidebar-left-open #toolbar-main .sidebar-controls {
  width: 30%;
  margin-right: 2rem;
  padding: 0 1em;
}

:root {
  --versioning-menu-stipe-thickness: 300px;
}

.versioning-menu .pat-button-bar .pat-button.unpublish {
  display: none;
}

.tippy-popper {
  overflow-y: visible !important;
}

.tooltip-container.canvas-toolbar-portal-tooltip .tippy-content {
  max-height: calc(100vh - 230px);
}
.tooltip-container.toolbar-menu .tippy-content {
  max-height: calc(100vh - 260px);
}
.tooltip-container.toolbar-menu-hero .tippy-content {
  max-height: calc(100vh - 470px);
}
.tooltip-container.mentions .tippy-content, .tooltip-container.tags .tippy-content, .tooltip-container.tiptap-mentions .tippy-content, .tooltip-container.tiptap-tags .tippy-content {
  max-height: calc(50vh - 100px);
}
.tooltip-container.notifications .tippy-box {
  max-width: 100% !important;
  width: 550px;
}
.tooltip-container.versioning-menu .tippy-content {
  padding: 25px;
}
.tooltip-container.versioning-menu .tippy-box {
  width: 900px;
  max-width: 100% !important;
}
.tooltip-container.versioning-menu .tippy-box .workflow-state-tag {
  display: inline-block;
  border-radius: var(--border-radii);
  padding: 0 0.8em;
  font-size: 0.8em;
  color: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.tooltip-container.versioning-menu .tippy-box .workflow-state-tag.published:before {
  font-family: fontello;
  content: "\e844";
  margin-right: 4px;
  font-size: 0.9em;
}
.tooltip-container.versioning-menu .tippy-box .tooltip-separation-header {
  line-height: 19px;
  font-size: 19px;
  display: flex;
  gap: 15px;
  margin: 10px 0 20px;
}
.tooltip-container.versioning-menu .tippy-box .tooltip-separation-header .workflow-state-tag {
  font-size: 14px;
  font-weight: normal;
}
.tooltip-container.versioning-menu .tippy-box .pat-well + .tooltip-separation-header {
  margin-top: 28px;
  margin-bottom: 0;
}
.tooltip-container.versioning-menu .tippy-box .pat-grid-list {
  font-size: 0.8em;
  margin-bottom: 20px;
  grid-template-columns: 25% auto;
}
.tooltip-container.versioning-menu .tippy-box .pat-grid-list a {
  text-decoration: none;
}
.tooltip-container.versioning-menu .tippy-box .pat-grid-list a:hover {
  text-decoration: underline;
}
.tooltip-container.versioning-menu .tippy-box .pat-grid-list .pat-message {
  margin-top: 8px;
  margin-bottom: 5px;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  padding: 9px;
  font-size: 0.9em;
}
.tooltip-container.versioning-menu .tippy-box .pat-well {
  padding: 15px 18px 18px 18px;
  margin: -18px -18px 15px;
  background-color: #fdfdc8;
  border-radius: 8px;
}
.tooltip-container.versioning-menu .tippy-box .pat-well:has(.pat-button.unpublish) {
  background: #d9edf7;
}
.tooltip-container.versioning-menu .tippy-box .pat-well:last-child {
  margin: -18px;
}
.tooltip-container.versioning-menu .tippy-box .pat-button-bar {
  margin-bottom: 0px;
}
.tooltip-container.versioning-menu .tippy-box .link-list {
  margin-top: 12px;
  margin-bottom: -10px;
  columns: 3;
}
.tooltip-container.versioning-menu .tippy-box .link-list li {
  padding-bottom: 10px;
}
.tooltip-container.versioning-menu .tippy-box .link-list li .follow {
  display: grid;
  justify-content: start;
  grid-column-gap: 10px;
  grid-row-gap: 0;
  grid-template-areas: "label functions" "children children";
}
.tooltip-container.versioning-menu .tippy-box .link-list li .follow .functions {
  grid-area: functions;
  text-align: right;
}
.tooltip-container.versioning-menu .tippy-box .link-list li .follow .link-title {
  grid-area: label;
  hyphens: auto;
}
.tooltip-container.versioning-menu .tippy-box .link-list li .follow:before {
  grid-area: label;
}
.tooltip-container.versioning-menu .tippy-box .link-list li .follow .classification-tags {
  display: inline-block;
  vertical-align: middle;
  grid-area: functions;
}
.tooltip-container.versioning-menu .tippy-box .link-list li .follow .classification-tags .classification-tag {
  font-size: 13px;
  height: 20px;
  line-height: 20px;
  margin-top: -4px;
  display: inline-block;
}
.tooltip-container.versioning-menu .tippy-box .link-list li .link-byline {
  grid-area: children;
}
.tooltip-container .tippy-content {
  min-width: 250px;
}
.tooltip-container h1 {
  font-weight: 200;
  font-size: 1.5em;
  line-height: 1.3;
  margin-bottom: 0.7em;
}
.tooltip-container .discrete {
  font-size: 14px;
  line-height: 1.3;
}
.tooltip-container .subscribe-to-calendar {
  margin-bottom: 25px;
}
.tooltip-container .subscribe-to-calendar p {
  margin-bottom: 10px;
}
.tooltip-container .subscribe-to-calendar label {
  font-weight: bold;
  font-size: 0.8em;
}
.tooltip-container .subscribe-to-calendar label textarea {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin-top: 0.4em;
  margin-bottom: 0;
  color: black;
  padding: 0.7em 1em;
  background-color: #efefef;
  border: none;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 1.5;
}
@media only screen and (min-width: 768px) {
  .tooltip-container ul.menu .menu-item-sidebar {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .tooltip-container ul.menu .menu-item-toggle-on-screen-help {
    display: none;
  }
}
.tooltip-container.unlock-dialogue .tippy-box {
  max-width: 100% !important;
}
@media only screen and (min-width: 768px) {
  .tooltip-container.unlock-dialogue .tippy-box .tippy-content {
    width: 600px;
  }
}
.tooltip-container.unlock-dialogue .tippy-box .tippy-content .pat-message {
  border-radius: 10px;
  margin: 0;
  box-sizing: border-box;
}
.tooltip-container.rich .footer {
  background-color: rgba(255, 255, 255, 0.8);
  margin: 0 -18px -18px -18px;
  padding: 18px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  font-size: 0.85em;
  line-height: 1.4;
}
.tooltip-container.rich .footer .icon-lightbulb:first-child:before {
  text-align: left;
  width: 0.8em;
}
body[dir=rtl] .tooltip-container.rich .footer .icon-lightbulb:first-child:before {
  text-align: right;
}
.tooltip-container.rich p.footer {
  margin: 0 -18px -18px -18px;
}
.tooltip-container.rich h3 {
  font-weight: bold;
}
.tooltip-container .onscreen-help {
  float: right;
  top: -3px;
  right: 30px;
}
.tooltip-container.portal-navigation .container, .tooltip-container.type-auto.portal-navigation .container, .tooltip-container.personal-menu .container, .tooltip-container.personal-menu.portal-navigation .container {
  padding: 0;
  margin: 0;
}
.tooltip-container.portal-navigation .tippy-content a.tab, .tooltip-container.type-auto.portal-navigation .tippy-content a.tab, .tooltip-container.personal-menu .tippy-content a.tab, .tooltip-container.personal-menu.portal-navigation .tippy-content a.tab {
  display: block;
  line-height: 1.3em;
  padding: 0.3em 0 0.3em 1.6em;
  color: black;
}
.tooltip-container.portal-navigation .tippy-content a.tab:before, .tooltip-container.type-auto.portal-navigation .tippy-content a.tab:before, .tooltip-container.personal-menu .tippy-content a.tab:before, .tooltip-container.personal-menu.portal-navigation .tippy-content a.tab:before {
  margin-left: -1.5em;
  font-family: fontello;
  float: left;
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-dashboard:before, .tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-dashboard:before, .tooltip-container.personal-menu .tippy-content a.tab.section-dashboard:before, .tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-dashboard:before {
  content: "\e943";
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-news:before, .tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-news:before, .tooltip-container.personal-menu .tippy-content a.tab.section-news:before, .tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-news:before {
  content: "\e94c";
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-library:before, .tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-library:before, .tooltip-container.personal-menu .tippy-content a.tab.section-library:before, .tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-library:before {
  content: "\e86f";
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-workspaces:before, .tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-workspaces:before, .tooltip-container.personal-menu .tippy-content a.tab.section-workspaces:before, .tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-workspaces:before {
  content: "\e94a";
}
.tooltip-container.portal-navigation .tippy-content a.tab.section-apps:before, .tooltip-container.type-auto.portal-navigation .tippy-content a.tab.section-apps:before, .tooltip-container.personal-menu .tippy-content a.tab.section-apps:before, .tooltip-container.personal-menu.portal-navigation .tippy-content a.tab.section-apps:before {
  content: "\e926";
}
.tooltip-container.portal-navigation .tippy-content a.title,
.tooltip-container.portal-navigation .tippy-content a.organisation, .tooltip-container.type-auto.portal-navigation .tippy-content a.title,
.tooltip-container.type-auto.portal-navigation .tippy-content a.organisation, .tooltip-container.personal-menu .tippy-content a.title,
.tooltip-container.personal-menu .tippy-content a.organisation, .tooltip-container.personal-menu.portal-navigation .tippy-content a.title,
.tooltip-container.personal-menu.portal-navigation .tippy-content a.organisation {
  display: none;
}

.topic-menu {
  padding: 0;
  margin: 0 0 0 0;
}
.topic-menu:after {
  content: " ";
  display: table;
  clear: both;
}
.topic-menu .item {
  display: block;
  position: relative;
  margin: 0 auto 1em auto;
  padding: 0;
  border-radius: 10px;
}
.topic-menu .item a {
  display: block;
  width: 100%;
  border-radius: 10px;
  padding: 3% 7% 3% 50px;
  line-height: 26px;
  font-size: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  font-weight: bold;
  white-space: nowrap;
  box-sizing: border-box;
  background-color: rgba(0, 158, 226, 0.08);
  color: #009ee2;
  text-decoration: none;
}
.topic-menu .item a:not(.current):hover {
  text-decoration: none;
  background-color: rgba(0, 122, 175, 0.08);
  color: color-mix(in lch, colour-link, black 90%);
}
.topic-menu .item a.current {
  background-color: var(--colour-accent);
  color: white;
  cursor: default;
}
.topic-menu .item a::before {
  font-family: fontello;
  font-size: 1em;
  position: absolute;
  top: 50%;
  margin-top: -11px;
  margin-left: 21px;
  left: 0;
}
.topic-menu .item a.arrow:after {
  font-family: fontello;
  content: "\e8c4";
  position: absolute;
  right: 4%;
  top: 50%;
  font-size: 16px;
  transform: translateY(-50%);
}

:root {
  --ueber-back-button-height: 35px;
  --ueber-back-button-background-colour: rgba(0, 0, 0, 0.08);
  --ueber-back-button-text-colour: #009ee2;
  --ueber-back-button-text-colour-hover: color-mix(in lch, colour-link, black 90%);
  --ueber-back-button-font-size: 18px;
  --ueber-back-button-arrow-width: 15px;
  --ueber-back-button-arrow-height: 30px;
  --ueber-back-button-padding: 0 1.5em 0 2em;
}

.ueber-back-button {
  display: inline-block;
  line-height: var(--ueber-back-button-height);
  height: var(--ueber-back-button-height);
  color: var(--ueber-back-button-text-colour);
  font-size: var(--ueber-back-button-font-size);
  padding: var(--ueber-back-button-padding);
  position: relative;
  margin-left: 0;
  font-weight: bold;
  max-width: 100%;
  white-space: nowrap !important;
  overflow: hidden;
  text-overflow: ellipsis;
  box-sizing: border-box;
  cursor: default;
}
.ueber-back-button .overflow-protector {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
@media only screen and (max-width: 767px) {
  #app-space .ueber-back-button {
    display: none;
  }
}
.ueber-back-button:before {
  content: " ";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(0.5 * var(--ueber-back-button-arrow-height)) calc(2px + var(--ueber-back-button-arrow-width)) calc(0.5 * var(--ueber-back-button-arrow-height)) 0;
  border-color: transparent rgba(0, 0, 0, 0.08) transparent transparent;
  position: absolute;
  left: 0;
  top: 2.5px;
}
.ueber-back-button:after {
  content: " ";
  background: rgba(0, 0, 0, 0.08);
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: var(--ueber-back-button-arrow-width);
  clip-path: inset(0 0 0 2px);
  display: block;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.ueber-back-button:hover {
  color: color-mix(in lch, colour-link, black 90%);
  text-decoration: none;
}
.ueber-back-button:hover:before {
  border-color: transparent rgba(0, 0, 0, 0.1) transparent transparent;
}
.ueber-back-button:hover:after {
  background: rgba(0, 0, 0, 0.1);
}

.ueber-selector {
  position: relative;
  overflow-x: auto;
  overflow-y: hidden;
}
.ueber-selector:before {
  content: " ";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12);
  -webkit-pointer-events: none;
  pointer-events: none;
  border-radius: 10px;
}

.application-home #post-box {
  margin: 0 auto 1em;
  display: block;
}
@media only screen and (min-width: 1280px) {
  .application-home #post-box {
    width: 85%;
  }
}

.update-social {
  position: relative;
  background-color: rgba(0, 0, 0, 0.06);
  border-radius: 10px;
}
.update-social#new-post-box {
  display: none;
}
@media print {
  .update-social {
    display: none;
  }
}
.update-social .post-box-post {
  margin: 0;
}
.update-social .post-box-post .ProseMirror {
  padding: 0.5em;
}
.update-social .post-box-post .ProseMirror > *:last-child {
  margin-bottom: 0;
}
.update-social textarea,
.update-social .content-mirror {
  margin: 0;
  padding-right: 2em;
  padding-left: 0.5em;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  line-height: 1.5em;
  float: left;
  border: none;
  overflow: hidden;
  resize: none;
  width: 100%;
}
@media only screen and (min-width: 1280px) {
  .update-social textarea,
  .update-social .content-mirror {
    background: transparent;
  }
}
.update-social textarea:focus,
.update-social .content-mirror:focus {
  outline: none;
  box-shadow: none;
}
.update-social textarea {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  height: 100%;
  -moz-transition: padding 0.3s;
  -webkit-transition: padding 0.3s;
  transition: padding 0.3s;
  -moz-text-fill-color: transparent;
  -webkit-text-fill-color: transparent;
  text-fill-color: transparent;
}
.update-social textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(0, 0, 0, 0.5);
}
.update-social textarea::-moz-placeholder { /* Firefox 19+ */
  color: rgba(0, 0, 0, 0.5);
}
.update-social textarea:-ms-input-placeholder { /* IE 10+ */
  color: rgba(0, 0, 0, 0.5);
}
.update-social textarea:-moz-placeholder { /* Firefox 18- */
  color: rgba(0, 0, 0, 0.5);
}
.update-social .content-mirror {
  color: black;
  font-family: inherit;
  cursor: default;
  text-align: start;
  white-space: pre-wrap;
  vertical-align: text-bottom;
  overflow: visible;
  width: 100%;
  box-sizing: border-box;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.update-social .content-mirror .text .placeholder {
  font-style: normal;
  color: rgba(0, 0, 0, 0.5);
}
.update-social .content-mirror .selected-users,
.update-social .content-mirror .selected-tags {
  position: relative;
  z-index: 2;
  color: #222;
  font-weight: bold;
  font-style: normal;
}
.update-social.status-active {
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
}
.update-social.status-active .post-box-post .ProseMirror {
  padding: 0.5em 0.5em 2em;
}
.update-social.status-active textarea, .update-social.status-attach textarea, .update-social.status-active .content-mirror, .update-social.status-attach .content-mirror {
  padding-top: 1em;
  padding-bottom: 1em;
}
.update-social.status-active .content-mirror, .update-social.status-attach .content-mirror {
  padding-bottom: 2.5em;
}
.update-social.status-active textarea, .update-social.status-attach textarea {
  bottom: 2.6em;
}
.update-social .icon-attach {
  color: #666;
  cursor: default;
  position: absolute;
  z-index: 2;
  height: 1.7em;
  right: 0.5em;
  top: 0;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  line-height: 1.7em;
}
.update-social .icon-attach:hover, .update-social .icon-attach:active {
  color: black;
}
.update-social .icon-attach:before {
  display: block;
  width: 1.7em;
  text-align: center;
  line-height: 1.7em;
  height: 1.7em;
}
.update-social .icon-attach input {
  position: absolute;
  opacity: 0;
  left: 0;
  top: 0;
}
.update-social .attachments {
  clear: both;
  margin: 0 !important;
}
.update-social .attachments .attachment-previews {
  position: relative;
  z-index: 1;
  margin: 0 !important;
  clear: both;
  padding: 0 1em;
  font-style: italic;
  color: rgba(0, 0, 0, 0.3);
  height: 0;
  overflow: auto;
  white-space: nowrap;
  transition: all 0.3s;
}
.update-social .attachments .attachment-previews.injecting > * {
  opacity: 0.19;
}
.update-social .attachments .attachment-previews.injecting.injecting-after *, .update-social .attachments .attachment-previews.injecting.injecting-content-after * {
  opacity: inherit;
}
.update-social .attachments .attachment-previews.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
.update-social .shared-item {
  padding: 0 1em 0.5em 1em;
  overflow: hidden;
}
.update-social .shared-item .preview {
  width: 36%;
  float: left;
  padding-top: 0.3em;
}
.update-social .shared-item .preview img {
  background-color: white;
  border: 1px silver solid;
  width: 100%;
}
.update-social .shared-item.has-preview .summary {
  width: 60%;
  float: right;
}
.update-social .shared-item .title {
  margin-bottom: 0;
  font-size: 0.8em;
  line-height: 1.4em;
}
.update-social .shared-item .byline {
  font-size: 0.8em;
  line-height: 1.4em;
  font-style: italic;
  margin-bottom: 0.5em;
}
.update-social .shared-item .description {
  font-size: 0.8em;
  line-height: 1.4em;
  font-style: normal;
  color: gray;
  margin-bottom: 0.5em;
}
.update-social .shared-item .share-quote {
  font-size: 0.8em;
  line-height: 1.4em;
  border-left: solid 0.3em silver;
  padding-left: 0.5em;
  font-style: italic;
  color: gray;
  margin-bottom: 0.5em;
}
.update-social.status-attach .attachment-previews {
  min-height: 2em;
  height: auto;
  padding: 1em;
}
.update-social .button-bar {
  background-color: rgba(0, 0, 0, 0.08);
  height: 0;
  padding: 0 0.5em;
  overflow: hidden;
  margin: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  z-index: 2;
  position: relative;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.update-social .button-bar label.visibility {
  color: #666;
}
.update-social .button-bar label.visibility:hover, .update-social .button-bar label.visibility.focus {
  color: black;
}
.update-social .button-bar .iconified {
  line-height: 25px;
}
.update-social .button-bar .iconified.tooltip-active-click {
  color: black;
}
.update-social .button-bar .icon-users,
.update-social .button-bar button,
.update-social .button-bar label.visibility,
.update-social .button-bar label.response-required {
  float: left;
  margin: 0 0.5em 0.2em 0;
  border-radius: 6px;
  line-height: 26px;
}
[lang=de] .update-social .button-bar .icon-users, [lang=de-de] .update-social .button-bar .icon-users, [lang=de-ch] .update-social .button-bar .icon-users,
[lang=de] .update-social .button-bar button,
[lang=de-de] .update-social .button-bar button,
[lang=de-ch] .update-social .button-bar button,
[lang=de] .update-social .button-bar label.visibility,
[lang=de-de] .update-social .button-bar label.visibility,
[lang=de-ch] .update-social .button-bar label.visibility,
[lang=de] .update-social .button-bar label.response-required,
[lang=de-de] .update-social .button-bar label.response-required,
[lang=de-ch] .update-social .button-bar label.response-required {
  font-size: 12px;
  padding-left: 8px;
  padding-right: 8px;
}
.update-social .button-bar br {
  display: none;
}
.update-social.status-active .button-bar, .update-social.status-attach .button-bar {
  height: 25px;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
}
.update-social.question.status-active .button-bar, .update-social.question.status-attach .button-bar {
  height: auto;
}

.application-workspace .document-body > #post-box,
.application-workspaces .document-body > #post-box,
.application-workspace .document-body > .post-box,
.application-workspaces .document-body > .post-box {
  width: 80%;
  display: block;
  margin: 2em auto;
}
@media only screen and (max-width: 767px) {
  .application-workspace .document-body > #post-box,
  .application-workspaces .document-body > #post-box,
  .application-workspace .document-body > .post-box,
  .application-workspaces .document-body > .post-box {
    width: 90%;
    margin: 0 auto 2em;
  }
}

.pat-modal .update-social {
  margin: 0;
}
.user-card,
.quaive-contact-card,
.contact-card {
  background-color: white;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  padding: 0.8rem;
  margin: 0 0 1rem 0;
  overflow: hidden;
  color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  box-sizing: border-box;
  display: grid;
  column-gap: 0.7rem;
  align-items: start;
  grid-template-columns: 3rem auto;
  grid-template-rows: min-content min-content min-content auto;
  grid-template-areas: "contact-avatar contact-name" "contact-avatar contact-byline" "contact-avatar contact-skill-cloud" "contact-avatar contact-data";
}
.chart-container .user-card,
.chart-container .quaive-contact-card,
.chart-container .contact-card {
  width: 222px;
  height: 110px;
}
.user-card.emergency-service,
.quaive-contact-card.emergency-service,
.contact-card.emergency-service {
  background-color: rgba(255, 0, 0, 0.03);
  color: black;
}
.user-card.emergency-service:before,
.quaive-contact-card.emergency-service:before,
.contact-card.emergency-service:before {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  content: " ";
  border: 4px double red;
  -webkit-pointer-events: none;
  pointer-events: none;
  border-radius: 10px;
}
.user-card .name,
.quaive-contact-card .name,
.contact-card .name {
  font-size: 1.2em;
  font-weight: bold;
  margin-bottom: 0.1em;
  color: black;
  grid-area: contact-name;
}
.user-card .name a,
.quaive-contact-card .name a,
.contact-card .name a {
  color: black;
}
.user-card .name:before,
.quaive-contact-card .name:before,
.contact-card .name:before {
  position: absolute;
  top: 23px;
  left: 14px;
  width: 3rem;
  text-align: center;
  font-size: 35px;
  padding: 0;
  margin: 0;
  display: block;
}
.user-card .pat-avatar,
.quaive-contact-card .pat-avatar,
.contact-card .pat-avatar {
  width: 3rem;
  height: 3rem;
  grid-area: contact-avatar;
  grid-row: 1/span 99; /* spans all rows on the left, regardless of number of <p> elements */
  align-self: start; /* vertically move the avatar top the top */
}
.user-card p,
.quaive-contact-card p,
.contact-card p {
  margin-bottom: 0.2rem;
}
.user-card .byline,
.quaive-contact-card .byline,
.contact-card .byline {
  color: gray;
  font-style: italic;
  margin-bottom: 0.4rem;
  font-size: 0.9em;
  line-height: 1.3em;
  margin-top: 0;
  grid-area: contact-byline;
}
.user-card .skill-cloud,
.quaive-contact-card .skill-cloud,
.contact-card .skill-cloud {
  font-size: 0.7em;
  grid-area: contact-skill-cloud;
}
.user-card .data,
.quaive-contact-card .data,
.contact-card .data {
  font-size: 0.9em;
  margin-left: 0;
  margin-bottom: 1em;
  margin-top: 0.8em;
  grid-area: contact-data;
}
.user-card .data li,
.quaive-contact-card .data li,
.contact-card .data li {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.user-card .data li a,
.quaive-contact-card .data li a,
.contact-card .data li a {
  color: black;
}

.user-cards .item {
  margin-bottom: 2em;
  padding: 0 0.7em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (min-width: 1280px) {
  .user-cards .item {
    width: 33.333332%;
    float: left;
  }
}
.user-cards .item .user-card {
  height: 100%;
  font-size: 0.9em;
}

.user-cloud {
  margin-right: -1em;
  display: block;
  overflow: hidden;
}
.user-cloud a {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  box-sizing: border-box;
  overflow: hidden;
  float: left;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
  border-radius: 50%;
}
.user-cloud a img {
  width: 100%;
  max-width: 100% !important;
  height: 100%;
}
.user-cloud a.add {
  background-color: rgba(0, 0, 0, 0.1);
  text-indent: -1000px;
  position: relative;
  box-shadow: inset 0 1px 8px rgba(0, 0, 0, 0.15);
}
.user-cloud a.add:before {
  content: "\e700";
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 6px;
  font: 1.5rem/3rem fontello;
  text-align: center;
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  color: #666;
}

.user-info-header,
.contact-info-header {
  text-align: center;
  font-weight: 600;
  margin-bottom: 0;
  font-size: 1.5em;
  position: relative;
}
.user-info-header.type-emergency-service,
.contact-info-header.type-emergency-service {
  margin-top: 2em;
}
.user-info-header.type-emergency-service .contact-info-icon,
.contact-info-header.type-emergency-service .contact-info-icon {
  padding-top: 30px;
  font-size: 80px;
  color: rgba(0, 0, 0, 0.6);
}
.user-info-header.type-emergency-service .contact-info-icon:hover,
.contact-info-header.type-emergency-service .contact-info-icon:hover {
  text-decoration: none;
}
@media only screen and (min-width: 768px) {
  .user-info-header,
  .contact-info-header {
    padding: 0 0 2em 0;
  }
}
@media only screen and (max-width: 767px) {
  .user-info-header,
  .contact-info-header {
    padding: 0;
    margin-top: 0;
    margin-bottom: 20px;
  }
}
.pat-modal .user-info-header,
.pat-modal .contact-info-header {
  padding-bottom: 0;
}
.user-info-header .title,
.contact-info-header .title {
  font-style: normal;
  font-weight: normal;
}
#sheets .user-info-header,
#sheets .contact-info-header {
  display: none;
}
.user-info-header .pat-gallery,
.contact-info-header .pat-gallery {
  overflow: hidden;
  position: relative;
}
.application-user #person-info .user-info-header,
.application-user #person-info .contact-info-header {
  display: none;
}
.user-info-header figcaption,
.contact-info-header figcaption {
  color: black;
  font-size: 28px;
  padding-top: 0.5em;
}
.user-info-header figcaption a,
.contact-info-header figcaption a {
  text-decoration: none !important;
}
.application-user .sidebar .user-info-header,
.application-user .sidebar .contact-info-header {
  padding: 0;
  margin-bottom: 1em;
}
.application-user .sidebar .user-info-header figcaption,
.application-user .sidebar .contact-info-header figcaption {
  font-size: 28px;
  padding-top: 0.5em;
}
.application-user .sidebar .user-info-header figcaption a,
.application-user .sidebar .contact-info-header figcaption a {
  text-decoration: none !important;
}
.user-info-header .pat-avatar,
.contact-info-header .pat-avatar {
  font-size: 82px;
  width: 10.2rem;
  height: 10.2rem;
}
.user-info-header .pat-avatar:before,
.contact-info-header .pat-avatar:before {
  font-size: 50px;
}
.user-info-header .edit,
.contact-info-header .edit {
  position: absolute;
  top: 117px;
  left: 50%;
  transform: translateX(39px);
  border-radius: 50%;
  background: #cccccc;
  color: rgba(0, 0, 0, 0.6);
  width: 45px;
  height: 45px;
  line-height: 45px;
  text-align: center;
  font-size: 20px;
}
.user-info-header .edit:before,
.contact-info-header .edit:before {
  display: block;
  line-height: 45px;
  width: 100%;
  z-index: 2;
  position: relative;
  color: rgba(0, 0, 0, 0.7);
}
.user-info-header .edit:after,
.contact-info-header .edit:after {
  display: block;
  top: 4px;
  right: 4px;
  bottom: 4px;
  left: 4px;
  position: absolute;
  z-index: 1;
  background: rgba(255, 255, 255, 0.7);
  border-radius: 50%;
  content: " ";
}
.user-info-header .edit:hover,
.contact-info-header .edit:hover {
  color: black;
}
.user-info-header .edit:hover:after,
.contact-info-header .edit:hover:after {
  background: white;
}
.user-info-header .edit:active,
.contact-info-header .edit:active {
  box-shadow: inset 0 0 0.5em rgba(0, 0, 0, 0.5);
}
.user-info-header .edit input,
.user-info-header .edit button,
.contact-info-header .edit input,
.contact-info-header .edit button {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100% !important;
  opacity: 0;
}
.user-info-header .edit input,
.contact-info-header .edit input {
  z-index: 1;
}
.user-info-header .edit button,
.contact-info-header .edit button {
  z-index: 0;
}

.user-list .item {
  border-top: 1px solid rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  margin-bottom: -1px;
  display: block;
  position: relative;
  color: black;
  padding: 0;
}
.user-list .item .follow {
  display: block;
  color: black;
  padding: 0.5em 1.5em 0.5em 4.1em;
}
.user-list .item .follow:hover {
  text-decoration: none;
}
.user-list .item br {
  display: none;
}
.user-list .item .functions {
  float: right;
  padding-top: 1.4em;
}
.user-list .item .functions .label {
  float: right;
  color: white;
  padding: 0 0 0 1em;
  background-color: #D40E16;
  border-radius: 1em;
  margin-right: 0.5em;
}
.user-list .item .functions .label a {
  color: white;
}
.user-list .item .functions .label .remove {
  float: right;
  border-left: 1px solid rgba(0, 0, 0, 0.4);
  width: 1em;
  height: 1em;
  overflow: hidden;
  border: none;
  background: none;
  text-indent: -100em;
}
.user-list .item .functions .label .remove:before {
  content: "x";
  position: absolute;
  left: 0;
  top: 0;
  text-indent: 0;
}
.user-list .item .title {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.user-list .item .byline {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.user-list .item img {
  background-color: #D40E16;
  border: none;
  color: white;
  box-shadow: inset 0 0 5% rgba(0, 0, 0, 0.4);
  aspect-ratio: 1/1;
  display: inline-grid;
  grid-template-areas: "avatar-image";
  padding: 2px;
  border-radius: 3em;
  position: absolute;
  left: 0.5em;
  top: 0.5em;
}
.user-list .item img.inactive {
  background-color: #efefef !important;
  box-shadow: inset 0 0 8px 2px rgba(0, 0, 0, 0.2);
}
.user-list .item img.inactive img {
  filter: grayscale(100%) brightness(250%) contrast(50%);
}
.user-list .item img:before {
  text-align: center;
  display: block;
  content: attr(data-initials);
  grid-area: avatar-image;
  align-content: center;
}
.user-list .item img img {
  border: none;
  width: 100%;
  aspect-ratio: 1/1;
  object-fit: cover;
  grid-area: avatar-image;
  align-content: center;
  border-radius: 50%;
}
.user-list .item img img.default-user {
  opacity: 0;
}

.user-table {
  margin-bottom: 1em;
  display: grid;
  grid-row-gap: 8px;
  align-items: stretch;
}
@media only screen and (max-width: 767px) {
  .user-table {
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 15px;
  }
  .user-table .infinite-scrolling-trigger {
    grid-column: span 3;
  }
}
@media only screen and (min-width: 768px) {
  .user-table {
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 35px;
  }
  .user-table .infinite-scrolling-trigger {
    grid-column: span 6;
  }
}
.user-table .user-table-item {
  color: rgba(0, 0, 0, 0.7);
  text-decoration: none;
  width: 100%;
  margin: 0;
}
.user-table .user-table-item[href] figure figcaption {
  color: rgba(0, 0, 0, 0.8);
}
.user-table .user-table-item[href]:hover figcaption {
  color: black;
  text-decoration: underline;
}
.user-table .user-table-item[href]:hover figcaption .byline {
  text-decoration: none;
}
.user-table .user-table-item.division img {
  box-shadow: inherit;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0.1);
}
.user-table figure {
  margin-bottom: 0;
  display: block;
}
.user-table figure figcaption {
  color: rgba(0, 0, 0, 0.4);
  text-align: center;
  padding-top: 0;
  margin-top: 0;
  font-size: 0.8em;
  line-height: 1.25;
  font-weight: bold;
  margin-bottom: 0;
  height: 3.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.user-table figure figcaption .byline {
  font-size: 0.7em;
  color: rgba(0, 0, 0, 0.5);
  display: block;
  padding-top: 0.3rem;
}
.user-table figure .pat-avatar {
  width: 100%;
  max-width: 100% !important;
  height: auto;
  margin-bottom: 0.5rem;
}

.quaive-video {
  width: 100%;
}
.quaive-video video {
  width: 100%;
  display: block;
}
.quaive-video video[poster] {
  object-fit: cover;
}

.video-conference-frame {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: none;
}

#video-conference-frame,
.video-conference-gate {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10%;
  box-sizing: border-box;
  display: grid;
  align-items: center;
}
#video-conference-frame .room-title,
.video-conference-gate .room-title {
  font-size: 40px;
  text-align: center;
  margin-bottom: 20px;
  line-height: 1.5;
  font-weight: bold;
}
#video-conference-frame .explanation,
#video-conference-frame .summary,
.video-conference-gate .explanation,
.video-conference-gate .summary {
  font-size: 30px;
  text-align: center;
  margin-bottom: 40px;
  line-height: 1.5;
}
#video-conference-frame .footnote,
.video-conference-gate .footnote {
  text-align: center;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1.5;
  max-width: 600px;
  margin: 40px auto;
}
#video-conference-frame .buttons,
.video-conference-gate .buttons {
  text-align: center;
}
#video-conference-frame .buttons .pat-button,
.video-conference-gate .buttons .pat-button {
  font-size: 40px;
  cursor: pointer;
  border: 3px solid rgba(0, 0, 0, 0.2);
  font-weight: bold;
  line-height: 60px;
}
@media only screen and (max-width: 767px) {
  #video-conference-frame .buttons .pat-button,
  .video-conference-gate .buttons .pat-button {
    font-size: 25px;
    line-height: 50px;
  }
}
#video-conference-frame .buttons .pat-button:before,
.video-conference-gate .buttons .pat-button:before {
  font-family: fontello;
  content: "\e8a0";
  display: inline-block;
  margin-right: 0.6em;
}
#video-conference-frame .buttons .pat-button:hover,
.video-conference-gate .buttons .pat-button:hover {
  text-decoration: none;
}

.voting-bar {
  margin-bottom: 1.5rem;
}
@media only screen and (max-width: 767px) {
  .document-content .voting-bar {
    margin-top: 20px;
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 768px) {
  .document-content .voting-bar {
    margin-top: 20px;
    margin-bottom: 80px;
  }
  .document-content .voting-bar .pat-checklist {
    width: 70%;
    max-width: 700px;
  }
}
.pat-toolbar .toolbar-section.rsvp .voting-bar {
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .pat-toolbar .toolbar-section.rsvp .voting-bar {
    width: 580px;
  }
}
@media only screen and (max-width: 767px) {
  .pat-toolbar .toolbar-section.rsvp .voting-bar {
    width: 150px;
    float: left;
  }
  body[dir=rtl] .pat-toolbar .toolbar-section.rsvp .voting-bar {
    float: right;
  }
}
.pat-toolbar .toolbar-section.rsvp .voting-bar .pat-checklist {
  background-color: var(--pat-toolbar-icon-background-colour);
  backdrop-filter: blur(5px) saturate(200%);
}
@media only screen and (min-width: 768px) {
  .tooltip-container .voting-bar, .tippy-content .voting-bar {
    margin: 20px 0 50px;
  }
  .tooltip-container .voting-bar .pat-checklist, .tippy-content .voting-bar .pat-checklist {
    margin: 0 auto;
  }
}
.voting-bar .pat-checklist {
  position: relative;
  width: 80%;
  max-width: 400px;
  box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 3px;
  margin: 0;
}
.voting-bar .pat-checklist label {
  height: var(--pat-button-height);
  line-height: var(--pat-button-height);
  text-align: center;
  transition: color 0.4s;
  z-index: 1;
  position: relative;
  color: rgba(0, 0, 0, 0.7215686275);
  overflow: hidden;
  border-radius: 10px;
}
.voting-bar .pat-checklist label:has(:focus) {
  outline: var(--pat-form-input-field-outline-focus);
}
@media only screen and (max-width: 767px) {
  .voting-bar .pat-checklist label {
    width: 50px;
  }
  .voting-bar .pat-checklist label:before {
    margin: 0;
    padding: 0;
    width: 100%;
  }
}
.voting-bar .pat-checklist label:not(.checked):hover {
  color: black;
}
.voting-bar .pat-checklist label:not(.checked):hover::before {
  transform: scale(1.1);
}
.voting-bar .pat-checklist label:before {
  font-family: fontello;
  display: inline-block;
  margin-right: 2px;
}
.voting-bar .pat-checklist label.option-yes:before {
  content: "\e86a";
}
.voting-bar .pat-checklist label.option-maybe:before {
  content: "\e86d";
}
.voting-bar .pat-checklist label.option-no:before {
  content: "\e803";
}
.voting-bar .pat-checklist label.checked {
  color: white;
}
.voting-bar .pat-checklist label input {
  position: absolute;
  opacity: 0;
  top: 0;
}
.voting-bar .pat-checklist[data-value=option-1]:before {
  background-color: green;
  left: 3px;
}
.voting-bar .pat-checklist[data-value=option-2]:before {
  background-color: orange;
  left: calc(33.3333332% + 4px);
}
.voting-bar .pat-checklist[data-value=option-3]:before {
  background-color: red;
  left: calc(66.66662% + 5px);
}
.voting-bar .pat-checklist:before {
  content: " ";
  display: block;
  width: calc(33.333332% - 8px);
  position: absolute;
  transition: all 0.2s;
  top: 3px;
  bottom: 3px;
  border-radius: 7.5px;
}
.voting-bar .pat-checklist.checked:before {
  transition-timing-function: cubic-bezier(0, 0.67, 0.11, 1.15);
}

.pat-well .body-text.pat-rich {
  background-color: white;
  border-radius: calc(0.8 * 10px);
  padding: 1.5rem;
  font-size: 1.3rem;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  outline: var(--pat-form-input-field-outline);
  outline-offset: var(--pat-form-input-field-outline-offset);
}
.pat-well .body-text.pat-rich:has(.ProseMirror-focused) {
  outline: var(--pat-form-input-field-outline-focus);
  border: var(--pat-form-input-field-border-focus);
  box-shadow: var(--pat-form-input-field-box-shadow-focus);
}

.application-workspace .interactive-whiteboard {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.interactive-whiteboard .whiteboard-frame {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background-color: white;
  cursor: url(../../quaive/style/cursor-marker-blue.png), default;
}
.interactive-whiteboard .whiteboard-frame > img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  max-width: initial;
  max-height: initial;
  -webkit-pointer-events: none;
  pointer-events: none;
}
.interactive-whiteboard .whiteboard-buttons {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  width: 90px;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control {
  width: 100%;
  padding: 5px 0;
  border: none;
  background: none;
  text-align: center;
  color: transparent;
  height: 50px;
  display: block;
  box-sizing: border-box;
  cursor: default;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control:active {
  box-shadow: none;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control:before {
  content: "";
  display: inline-block;
  height: 40px;
  width: 40px;
  line-height: 40px;
  border-radius: 10px;
  float: left;
  position: relative;
  left: 50%;
  transform: translateX(-50%);
  font-family: fontello;
  text-align: center;
  color: black;
  font-size: 20px;
  border: 1px solid transparent;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  background-color: rgba(255, 255, 255, 0.9);
}
.backdropfilter .interactive-whiteboard .whiteboard-buttons .white-board-control:before {
  background-color: rgba(255, 255, 255, 0.75);
  -webkit-backdrop-filter: blur(5px) saturate(4) brightness(1.2);
  backdrop-filter: blur(5px) saturate(4) brightness(1.2);
}
.interactive-whiteboard .whiteboard-buttons .white-board-control:hover:before {
  border-color: black;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.current:before, .interactive-whiteboard .whiteboard-buttons .white-board-control.tooltip-active-click:before, .interactive-whiteboard .whiteboard-buttons .white-board-control:active:before {
  background-color: var(--colour-accent);
  color: white;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-red:before, .interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-orange:before, .interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-yellow:before, .interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-green:before, .interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-blue:before, .interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-violet:before, .interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-black:before {
  content: "\e8aa";
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-red:before {
  color: white;
  background-color: red;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-orange:before {
  background-color: orange;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-yellow:before {
  background-color: yellow;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-green:before {
  color: white;
  background-color: green;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-blue:before {
  color: white;
  background-color: blue;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-violet:before {
  color: white;
  background-color: violet;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-marker-black:before {
  color: white;
  background-color: black;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-eraser:before {
  content: "\f12d";
  background-color: white;
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-zoom-in:before {
  content: "\f29c";
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-eraser:before {
  content: "\f29c";
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-zoom-in:before {
  content: "\e8ba";
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-zoom-out:before {
  content: "\e8bb";
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-move:before {
  content: "\e827";
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-options:before {
  content: "\e865";
}
.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-close:before {
  content: "\e899";
}
.interactive-whiteboard .whiteboard-buttons .whiteboard-utensils {
  position: absolute;
  bottom: 30px;
  right: 20px;
  width: 90px;
}
.interactive-whiteboard .whiteboard-buttons .whiteboard-utensils .white-board-control:before {
  border-radius: 50%;
}
.interactive-whiteboard .whiteboard-buttons .whiteboard-controls {
  position: absolute;
  top: 30px;
  right: 20px;
  width: 90px;
}

.whiteboards {
  display: grid;
  grid-auto-rows: 1fr;
  grid-column-gap: 40px;
}
@media only screen and (max-width: 767px) {
  .whiteboards {
    grid-template-columns: 1fr;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .whiteboards {
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 1280px) {
  .whiteboards {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.whiteboards .whiteboard {
  box-sizing: border-box;
  margin-bottom: 40px;
  transition: 0.2s transform;
}
.whiteboards .whiteboard figcaption {
  font-size: 22px;
  color: black;
  text-align: center;
  color: black;
  font-weight: bold;
}
.whiteboards .whiteboard img {
  object-fit: cover;
  background-color: white;
  border-radius: 20px;
  border: 15px silver solid;
  box-sizing: border-box;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  transition: 0.2s box-shadow;
  aspect-ratio: 3/2;
  width: 100%;
}
.whiteboards .whiteboard[href]:hover {
  text-decoration: none;
}
.whiteboards .whiteboard[href]:hover img {
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
  transform: scale(1.01);
}
.whiteboards .whiteboard.new-whiteboard {
  background-color: rgba(0, 0, 0, 0.05);
  box-shadow: none;
  text-align: center;
  font-size: 30px;
  box-sizing: border-box;
  aspect-ratio: 3/2;
  width: 100%;
  border-radius: 20px;
}
.whiteboards .whiteboard.new-whiteboard .button {
  font-weight: bold;
  display: block;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  border: 6px dashed rgba(0, 0, 0, 0.2);
  border-radius: 20px;
}
.whiteboards .whiteboard.new-whiteboard .button:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.01);
}
.whiteboards .whiteboard.new-whiteboard .button .label {
  display: block;
  width: 100%;
  color: var(--colour-accent);
}
.whiteboards .whiteboard.new-whiteboard .button .label:before {
  display: block;
  font-family: fontello;
  font-size: 80px;
  content: "\e825";
  height: 70px;
  line-height: 70px;
}

.workflow-state-toggle {
  display: inline-block;
}
.workflow-state-toggle .pat-button.start-workflow {
  background-color: #65c981;
  color: white;
}
.workflow-state-toggle .pat-button.start-workflow:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover {
  color: white;
  background-color: #47be68;
}

.workspace-header {
  padding: 0 6% 1%;
}

#workspace-messages {
  width: 88%;
  margin: 0 auto 1em;
}

#workspace-name {
  font-weight: 200;
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 50px;
  line-height: 67px;
  z-index: 1;
  width: 50px;
  top: 0;
  margin: 0;
  text-align: left;
  white-space: nowrap;
  overflow: hidden;
  background-color: #109fd6;
  transition: all 0.3s;
}
body[dir=rtl] #workspace-name {
  text-align: right;
}
.module-workspace-home #workspace-name {
  width: 250px;
}
#workspace-name:after {
  position: absolute;
  height: 100%;
  width: 100%;
  display: block;
  content: " ";
  transform: all 0.3s;
  background-color: white;
  opacity: 0.85;
}
@media print {
  #workspace-name {
    display: none;
  }
}
.workspace-state-archived #workspace-name {
  background-image: repeating-linear-gradient(-45deg, transparent, transparent 5px, rgba(255, 255, 255, 0.1) 5px, rgba(255, 255, 255, 0.1) 10px);
}
#workspace-name a {
  transform: rotate(-90deg);
  transform-origin: top left;
  color: #109fd6;
  position: absolute;
  bottom: -65px;
  left: 0;
  opacity: 0.3;
  transition: all 0.3s;
  z-index: 1;
  max-width: calc(100vh - 80px);
  min-width: calc(50vh - 80px);
  pointer-events: none;
  -webkit-mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0));
  mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgb(0, 0, 0));
}
.module-workspace-home #workspace-name a {
  left: calc(250px - 50px);
  opacity: 1;
}
@media only screen and (max-width: 767px) {
  #workspace-name {
    display: none;
  }
}

:root {
  --colour-workspace-tabs-bar: #109fd6;
}

.module-workspace-home .workspace-tabs a.landing,
.module-settings .workspace-tabs a.settings,
.module-documents .workspace-tabs a.documents,
.module-events .workspace-tabs a.events,
.module-tasks .workspace-tabs a.tasks,
.module-video-conference .workspace-tabs a.video-conference,
.module-whiteboard .workspace-tabs a.whiteboard {
  cursor: default;
}
@media only screen and (min-width: 768px) {
  .module-workspace-home .workspace-tabs a.landing:after,
  .module-settings .workspace-tabs a.settings:after,
  .module-documents .workspace-tabs a.documents:after,
  .module-events .workspace-tabs a.events:after,
  .module-tasks .workspace-tabs a.tasks:after,
  .module-video-conference .workspace-tabs a.video-conference:after,
  .module-whiteboard .workspace-tabs a.whiteboard:after {
    content: " ";
    display: block;
    width: 42px;
    height: 42px;
    position: absolute;
    top: 4px;
    left: 4px;
    transition: all 0.3s;
    border-radius: 10px;
    z-index: -1;
    background-color: color-mix(in lch, var(--colour-workspace-tabs-bar), black 20%);
  }
  .module-workspace-home .workspace-tabs a.landing:hover,
  .module-settings .workspace-tabs a.settings:hover,
  .module-documents .workspace-tabs a.documents:hover,
  .module-events .workspace-tabs a.events:hover,
  .module-tasks .workspace-tabs a.tasks:hover,
  .module-video-conference .workspace-tabs a.video-conference:hover,
  .module-whiteboard .workspace-tabs a.whiteboard:hover {
    text-decoration: none;
  }
  .module-workspace-home .workspace-tabs a.landing:before,
  .module-settings .workspace-tabs a.settings:before,
  .module-documents .workspace-tabs a.documents:before,
  .module-events .workspace-tabs a.events:before,
  .module-tasks .workspace-tabs a.tasks:before,
  .module-video-conference .workspace-tabs a.video-conference:before,
  .module-whiteboard .workspace-tabs a.whiteboard:before {
    color: white;
  }
  .module-workspace-home .workspace-tabs a.landing.landing,
  .module-settings .workspace-tabs a.settings.landing,
  .module-documents .workspace-tabs a.documents.landing,
  .module-events .workspace-tabs a.events.landing,
  .module-tasks .workspace-tabs a.tasks.landing,
  .module-video-conference .workspace-tabs a.video-conference.landing,
  .module-whiteboard .workspace-tabs a.whiteboard.landing {
    color: white;
  }
  .module-workspace-home .workspace-tabs a.landing.landing:after,
  .module-settings .workspace-tabs a.settings.landing:after,
  .module-documents .workspace-tabs a.documents.landing:after,
  .module-events .workspace-tabs a.events.landing:after,
  .module-tasks .workspace-tabs a.tasks.landing:after,
  .module-video-conference .workspace-tabs a.video-conference.landing:after,
  .module-whiteboard .workspace-tabs a.whiteboard.landing:after {
    right: 10px;
    left: 10px;
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .module-workspace-home .workspace-tabs a.landing,
  .module-settings .workspace-tabs a.settings,
  .module-documents .workspace-tabs a.documents,
  .module-events .workspace-tabs a.events,
  .module-tasks .workspace-tabs a.tasks,
  .module-video-conference .workspace-tabs a.video-conference,
  .module-whiteboard .workspace-tabs a.whiteboard {
    color: black;
  }
  .module-workspace-home .workspace-tabs a.landing:before,
  .module-settings .workspace-tabs a.settings:before,
  .module-documents .workspace-tabs a.documents:before,
  .module-events .workspace-tabs a.events:before,
  .module-tasks .workspace-tabs a.tasks:before,
  .module-video-conference .workspace-tabs a.video-conference:before,
  .module-whiteboard .workspace-tabs a.whiteboard:before {
    color: #D40E16;
  }
}

@media only screen and (max-width: 767px) {
  .module-workspace-home .workspace-tabs span.extra-tabs a.landing,
  .module-settings .workspace-tabs span.extra-tabs a.settings,
  .module-documents .workspace-tabs span.extra-tabs a.documents,
  .module-events .workspace-tabs span.extra-tabs a.events,
  .module-tasks .workspace-tabs span.extra-tabs a.tasks,
  .module-video-conference .workspace-tabs span.extra-tabs a.video-conference,
  .module-whiteboard .workspace-tabs span.extra-tabs a.whiteboard {
    background: #D40E16;
    color: black !important;
  }
  .module-workspace-home .workspace-tabs span.extra-tabs a.landing:before,
  .module-settings .workspace-tabs span.extra-tabs a.settings:before,
  .module-documents .workspace-tabs span.extra-tabs a.documents:before,
  .module-events .workspace-tabs span.extra-tabs a.events:before,
  .module-tasks .workspace-tabs span.extra-tabs a.tasks:before,
  .module-video-conference .workspace-tabs span.extra-tabs a.video-conference:before,
  .module-whiteboard .workspace-tabs span.extra-tabs a.whiteboard:before {
    color: black;
  }
}

.workspace-tabs {
  position: absolute;
  left: 0;
  z-index: 1;
  border-style: none;
  padding: 0;
  overflow: hidden;
}
@media print {
  .workspace-tabs {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .workspace-tabs {
    right: 0;
    bottom: 0;
    height: 90px;
    font-size: 1em;
    background-color: #f9f9f9;
    padding-bottom: safe-area-inset-bottom;
    padding-right: 20%;
    overflow: visible;
    border-top: 1px silver solid;
  }
  .workspace-tabs hr {
    display: none;
  }
  .workspace-tabs > a {
    height: 90px;
    width: 25%;
    float: left;
    color: transparent !important;
    overflow: hidden;
    position: relative;
  }
  .workspace-tabs > a:before {
    height: 90px;
    width: 100%;
    font-size: 34px;
    line-height: 90px;
    color: rgba(0, 0, 0, 0.6);
  }
  .workspace-tabs.open span.extra-tabs {
    overflow: visible;
    height: auto;
    width: 100%;
  }
  .workspace-tabs.open span.extra-tabs:before {
    color: #D40E16;
    width: 20%;
  }
  .workspace-tabs.open span.extra-tabs:after {
    content: " ";
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    bottom: 100px;
    left: 10px;
    border-radius: 10px;
    background-color: white;
    border: 1px solid rgba(0, 8, 16, 0.15);
    box-shadow: 0 4px 14px -2px rgba(0, 8, 16, 0.08);
    color: #222222;
  }
  .workspace-tabs.open span.extra-tabs > a {
    display: block;
    font-weight: normal;
  }
  .workspace-tabs span.extra-tabs {
    padding-bottom: 90px;
    display: inline-block;
    float: right;
    height: 90px;
    width: 20%;
    overflow: hidden;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    background: transparent !important;
    box-sizing: border-box;
    padding: 25px 10px 115px;
  }
  .workspace-tabs span.extra-tabs:before {
    font-family: fontello;
    content: "\e865";
    font-size: 30px;
    display: block;
    height: 90px;
    line-height: 90px;
    width: 100%;
    text-align: center;
    position: absolute;
    bottom: 0;
    right: 0;
  }
  .workspace-tabs span.extra-tabs > a {
    display: none;
    float: none;
    padding: 0.4em 0.7em;
    line-height: 1.5;
    text-align: left;
    color: black !important;
    position: relative;
    z-index: 1;
    border: none !important;
    font-size: 22px;
    border-radius: 0 !important;
    padding-left: 65px;
  }
  body[dir=rtl] .workspace-tabs span.extra-tabs > a {
    text-align: right;
  }
  .workspace-tabs span.extra-tabs > a:before {
    height: 40px;
    width: 100%;
    font-size: 20px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    line-height: 40px;
  }
  .workspace-tabs span.extra-tabs > a:active {
    background-color: rgba(0, 0, 0, 0.05);
    text-decoration: none;
  }
}
@media only screen and (min-width: 768px) {
  .workspace-tabs {
    width: 50px;
    top: 0;
    height: auto;
    padding-top: 1em;
    transition: all 0.3s;
  }
  .workspace-tabs hr {
    width: 80%;
    margin: 0.8em auto;
    display: block;
    border: none;
    background-color: rgba(0, 0, 0, 0.2);
    height: 1px;
  }
  .workspace-tabs:after {
    content: " ";
    width: 50px;
    height: 150px;
    display: block;
    position: absolute;
    bottom: -150px;
    left: 0;
    pointer-events: none;
  }
  .module-workspace-home .workspace-tabs {
    width: 250px;
  }
  .workspace-tabs a {
    display: block;
    line-height: 49px;
    position: relative;
    padding: 0 10px 0 54px;
    height: 50px;
    width: 100%;
    box-sizing: border-box;
    color: color-mix(in lch, var(--colour-workspace-tabs-bar), black 20%);
    transition: width 0.2s;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
  }
}
.workspace-tabs a {
  font-weight: bold;
}
.workspace-tabs a:before {
  content: " ";
  font-family: fontello;
  position: absolute;
  font-weight: normal;
  display: block;
  top: 0;
  left: 0;
  text-indent: 0;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .workspace-tabs a:before {
    height: 50px;
    width: 50px;
    line-height: 49px;
    font-size: 20px;
    display: block;
    transition: left 0.3s;
    left: 0;
  }
  .module-workspace-home .workspace-tabs a:before {
    left: 10px;
  }
}
.workspace-tabs a sup.counter.digit-3 {
  width: 22px;
}
.workspace-tabs a.landing:before {
  content: "\e950";
}
@media only screen and (min-width: 768px) {
  .workspace-tabs a.landing:before {
    font-size: 0.8em;
  }
}
.workspace-tabs a.documents:before {
  content: "\f15b";
}
@media only screen and (min-width: 768px) {
  .workspace-tabs a.documents:before {
    font-size: 0.9em;
  }
}
.workspace-tabs a.events:before {
  content: "\e8af";
}
.workspace-tabs a.tasks:before {
  content: "\e8f7";
}
@media only screen and (min-width: 768px) {
  .workspace-tabs a.tasks:before {
    line-height: 52px;
    text-indent: 4px;
  }
}
.workspace-tabs a.home:before {
  content: "\e950";
}
.workspace-tabs a.video-conference:before {
  content: "\e8a0";
}
.workspace-tabs a.whiteboard:before {
  content: "\e92a";
}
@media only screen and (max-width: 767px) {
  .workspace-tabs a.exit {
    display: none;
  }
}
.workspace-tabs a.exit:before {
  content: "\e899";
}
.workspace-tabs a.questions:before {
  content: "\f29c";
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.workspace-tabs a.about:before {
  content: "\e819";
}
.workspace-tabs a.settings:before {
  content: "\e804";
}

.vimeo-player,
.quaive-vimeo-player {
  width: 100%;
  display: block;
  aspect-ratio: 16/9;
}

.youtube-player {
  overflow: auto;
  position: relative;
}
.youtube-player .placeholder-image {
  width: 100%;
  display: block;
}
.youtube-player iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.page-renders > article.document.preview {
  max-width: 100% !important;
}
.page-renders > article.document.preview > iframe {
  width: 100%;
  height: 570px;
}
.lib-groups .page-renders > article.document.preview > iframe {
  height: 399px;
}

.application-body.application-audit .document-content {
  background: #efefef;
}

.application-body.application-activities {
  background-color: #efefef !important;
}
.application-body.application-activities .document-body {
  overflow: visible;
}
.application-body.application-activities .document-content {
  overflow: auto;
  background-color: #efefef;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.application-body.application-activities .pat-toolbar {
  margin-bottom: 0;
}
.application-body.application-activities #post-box-app {
  margin: 0 auto 50px;
  max-width: 800px;
}

.application-body.application-administrator-tool {
  background-color: #efefef !important;
}
.application-body.application-administrator-tool .document-body,
.application-body.application-administrator-tool .document-content {
  overflow: auto;
  background-color: #efefef;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.application-body.application-administrator-tool ul.pat-expandable,
.application-body.application-administrator-tool table,
.application-body.application-administrator-tool table th,
.application-body.application-administrator-tool table td {
  background: white;
}
@media only screen and (min-width: 768px) {
  .application-body.application-administrator-tool .canvas-toolbar .canvas-toolbar-section.quick-functions, .application-body.application-administrator-tool .canvas-toolbar .canvas-toolbar-section.quick-navigation, .application-body.application-administrator-tool .canvas-toolbar .canvas-toolbar-section.view-options {
    width: 20%;
  }
}

.application-body.application-assessments .document-body {
  background-color: #efefef;
}
.application-body.application-assessments .document-body .document-content {
  left: 0;
  background: transparent;
}
.application-body.application-assessments .document-body .document-content:has(.herorama) {
  padding-top: 190px;
}
.application-body.application-assessments #oira-author-questions-well .button-bar {
  margin: 40px 0;
}
.application-body.application-assessments #oira-author-training-settings-messages > *:last-child {
  margin-bottom: 0;
}
.application-body.application-assessments aside.sidebar.left .object-list,
.application-body.application-assessments aside.sidebar.left .grouping {
  background-color: white;
  box-shadow: inset 0 0 0 1px silver;
}
.application-body.application-assessments .tool-home-tile {
  width: 600px;
  margin: 0 auto;
}
.application-body.application-assessments .tool-home-tile .tool-icon {
  width: 200px;
  margin: 0 auto 40px;
}
.application-body.application-assessments .pat-well.type-evaluation fieldset {
  margin: 0;
}
.application-body.application-assessments .pat-well.type-evaluation .problem-description {
  position: relative;
  margin: -1em -1em 1em -1em;
  padding: 1em;
  color: #5a3c00;
}
.application-body.application-assessments .pat-well.type-evaluation .problem-description:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #f6a400;
  opacity: 0.3;
  border-radius: 8px;
}
.application-body.application-assessments .pat-well.type-planned-measures .button-bar {
  margin: 0;
  padding: 0;
}
.application-body.application-assessments .pat-well.type-information {
  background-color: white;
}
@media only screen and (min-width: 768px) {
  .application-body.application-assessments .pat-well.type-information .panel-content {
    display: flex;
    gap: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .application-body.application-assessments .pat-well.type-information .panel-content .risk-illustrations {
    width: 40%;
    max-width: 40%;
    min-width: 40%;
  }
}
.application-body.application-assessments .pat-well.type-information .panel-content .risk-illustrations .illustration {
  margin-bottom: 15px;
  width: 100%;
}
.application-body.application-assessments .pat-well.type-information .panel-content .risk-illustrations .illustration img {
  width: 100%;
}
.application-body.application-assessments .module-illustrations {
  margin-bottom: 40px;
  margin-top: 20px;
}
.application-body.application-assessments .module-illustrations .module-illustration {
  display: block;
  position: relative;
}
.application-body.application-assessments .module-illustrations .module-illustration img {
  width: 100%;
  display: block;
  height: 300px;
  object-fit: cover;
  border-radius: 10px;
}
.application-body.application-assessments .module-illustrations .module-illustration figcaption {
  position: absolute;
  z-index: 10;
  bottom: 0.5rem;
  left: 0.5rem;
  margin: 0;
  color: #fff;
  text-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5), -1px 0px 1px rgba(0, 0, 0, 0.5), 1px 0px 1px rgba(0, 0, 0, 0.5), 0px -1px 1px rgba(0, 0, 0, 0.5), 0px 1px 1px rgba(0, 0, 0, 0.5), 2px 2px 6px rgba(0, 0, 0, 0.5);
  font-size: 0.8888888889rem;
  line-height: 1.125;
  display: block;
  opacity: 0.7;
}
.application-body.application-assessments .flag-list,
.application-body.application-assessments .photo-tiles {
  margin-bottom: 100px;
  margin-top: 50px;
}
.application-body.application-assessments .herorama {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  right: 0;
  height: 140px;
  object-fit: cover;
  display: block;
}
@media only screen and (min-width: 768px) {
  .application-body.application-assessments #tool-toolbar .toolbar-navigation-area,
  .application-body.application-assessments #tool-toolbar .toolbar-functions-area {
    grid-template-columns: auto 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  .application-body.application-assessments #module-toolbar .toolbar-navigation-area,
  .application-body.application-assessments #module-toolbar .toolbar-functions-area {
    grid-template-columns: auto 0 auto;
  }
}

.application-body.application-bookmarks {
  background-color: #efefef !important;
}
.application-body.application-bookmarks .document-body,
.application-body.application-bookmarks .document-content {
  overflow: auto;
  background-color: #efefef;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.application-body.application-bookmarks .office-files {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.application-body.application-bookmarks .office-files .item figure {
  background-color: white;
  border: solid 1px #dedede;
  padding-top: 1.5em;
  position: relative;
}
.application-body.application-bookmarks .office-files .item figure img {
  width: 100%;
}
.application-body.application-bookmarks .office-files .item {
  width: 33.3%;
  box-sizing: border-box;
  padding: 0.5em;
  float: left;
  color: gray;
}
.application-body.application-bookmarks .office-files .item figure figcaption {
  font-size: 0.8em;
  line-height: 1.2em;
  padding: 0.4em;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 768px) {
  .application-body.application-bookmarks .canvas-toolbar .canvas-toolbar-section.stacks-control {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  .application-body.application-bookmarks .canvas-toolbar .canvas-toolbar-section.quick-functions, .application-body.application-bookmarks .canvas-toolbar .canvas-toolbar-section.quick-navigation, .application-body.application-bookmarks .canvas-toolbar .canvas-toolbar-section.view-options {
    width: 15%;
  }
}

.application-body.application-case-manager .document-content {
  background: #efefef;
}

.application-body.application-contacts {
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .application-body.application-contacts #contact-nav-toolbar {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation {
    width: calc(100% - 150px);
  }
  .application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs {
    transition: none;
  }
  .application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs {
    right: auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding-top: 50px;
  }
  .application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs:after {
    top: 0;
  }
  .application-body.application-contacts .canvas-toolbar#contact-tool-bar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs:before {
    z-index: 1;
    content: "\e899";
    line-height: 55px;
  }
}
.application-body.application-contacts .document-body .document-content {
  padding-top: 60px;
  animation: fadeIn 0.5s;
  background-color: transparent;
}
.application-body.application-contacts .document-body .document-content .pat-rich h2 {
  margin-bottom: 30px;
}
.application-body.application-contacts .document-body .document-content.in-memoriam {
  background-color: rgb(90, 90, 90);
  box-sizing: border-box;
  min-height: 100%;
}
.application-body.application-contacts .document-body .document-content.in-memoriam table {
  margin-bottom: 3em;
}
.application-body.application-contacts .document-body .document-content.in-memoriam table th,
.application-body.application-contacts .document-body .document-content.in-memoriam table td {
  background-color: transparent;
}
.application-body.application-contacts .document-body .document-content.in-memoriam table th a,
.application-body.application-contacts .document-body .document-content.in-memoriam table td a {
  text-decoration: none;
  display: block;
}
.application-body.application-contacts .document-body .document-content.in-memoriam table th a:hover,
.application-body.application-contacts .document-body .document-content.in-memoriam table td a:hover {
  text-decoration: underline;
}
.application-body.application-contacts .document-body .document-content.in-memoriam .pat-well.pat-collapsible {
  background-color: rgba(255, 255, 255, 0.05);
}
.application-body.application-contacts .document-body .document-content.in-memoriam * {
  color: white;
}
.application-body.application-contacts .document-body .document-content.in-memoriam .user-table figure .pat-avatar,
.application-body.application-contacts .document-body .document-content.in-memoriam .contact-info-header .pat-avatar {
  background-color: silver;
}
.application-body.application-contacts .document-body .document-content.in-memoriam .user-table figure .pat-avatar img,
.application-body.application-contacts .document-body .document-content.in-memoriam .contact-info-header .pat-avatar img {
  filter: grayscale(100%);
}
.application-body.application-contacts .document-body .document-content.in-memoriam .user-table figure figcaption .byline,
.application-body.application-contacts .document-body .document-content.in-memoriam .contact-info-header figcaption .byline {
  color: silver;
}
.application-body.application-contacts .container.contact-info {
  transition: padding 0.2s;
}
.application-body.application-contacts.sidebar-left-open .container.contact-info {
  padding: 0;
}
.application-body.application-contacts .canvas-toolbar .ueber-back-button {
  max-width: 40%;
}
.application-body.application-contacts #contact-nav-toolbar,
.application-body.application-contacts #user-group-toolbar {
  margin-bottom: 0;
}
.application-body.application-contacts #contact-tool-bar .canvas-toolbar-subnav {
  float: left;
}
.application-body.application-contacts #contact-tool-bar .canvas-toolbar-section.navigation {
  width: calc(100% - 230px);
}
.application-body.application-contacts .activity-stream {
  padding-top: 0;
}

.application-body.application-classifieds {
  overflow: auto;
}
.application-body.application-classifieds .document-content {
  background: transparent;
  background: #efefef;
}
.application-body.application-classifieds .canvas-toolbar {
  margin-bottom: 45px;
  height: 35px;
}
@media only screen and (max-width: 767px) {
  .application-body.application-classifieds .canvas-toolbar {
    display: none;
  }
}
.application-body.application-contacts-classic .checklist .group-title {
  font-weight: bold;
  margin: 0 -1px;
  padding: 1.5em 0 0.5em;
  background-color: #efefef;
  z-index: 1;
}
.application-body.application-contacts-classic .checklist .group-title.bumped {
  border-bottom: 1px solid silver;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  .application-body.application-contacts-classic .checklist .group-title.bumped.sticky-supported {
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 0.01em !important;
  }
}
.application-body.application-contacts-classic .application-contacts #toolbar-main input.search {
  width: 181px;
}
.application-body.application-contacts-classic #contact-results {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: auto;
}
.application-body.application-contacts-classic #contacts {
  padding: 0;
  overflow: hidden;
}
.application-body.application-contacts-classic #contacts .scroll-pane {
  overflow: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 30px;
  border-bottom: 1px silver solid;
}
.application-body.application-contacts-classic #contacts .search-group {
  padding: 1em 0.9em 0;
}
.application-body.application-contacts-classic #contacts .search-group input {
  width: 100%;
}
.application-body.application-contacts-classic #download-contacts,
.application-body.application-contacts-classic #print-contacts,
.application-body.application-contacts-classic #mailto-contacts {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 33.333333%;
  height: 30px;
  line-height: 40px;
  font-size: 17px;
  background: rgb(238, 238, 238);
  background: -moz-linear-gradient(top, rgb(238, 238, 238) 0%, rgb(204, 204, 204) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgb(238, 238, 238)), color-stop(100%, rgb(204, 204, 204)));
  background: -webkit-linear-gradient(top, rgb(238, 238, 238) 0%, rgb(204, 204, 204) 100%);
  background: -o-linear-gradient(top, rgb(238, 238, 238) 0%, rgb(204, 204, 204) 100%);
  background: -ms-linear-gradient(top, rgb(238, 238, 238) 0%, rgb(204, 204, 204) 100%);
  background: linear-gradient(top, rgb(238, 238, 238) 0%, rgb(204, 204, 204) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#eeeeee", endColorstr="#cccccc",GradientType=0 );
  text-indent: -1000px;
  cursor: default;
}
.application-body.application-contacts-classic #contacts p.buttons a:active {
  box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
}
.application-body.application-contacts-classic #contacts p.buttons a:before {
  content: " ";
  position: absolute;
  left: 50%;
  text-indent: 0;
  margin-left: -20px;
  width: 40px;
  height: 30px;
  font-family: fontello;
  content: "\e809";
  color: rgba(0, 0, 0, 0.5);
  line-height: 31px;
  text-align: center;
}
.application-body.application-contacts-classic #contacts p.buttons a#print-contacts:before {
  content: "\e716";
}
.application-body.application-contacts-classic #contacts p.buttons a#mailto-contacts:before {
  content: "\e894";
}
.application-body.application-contacts-classic #print-contacts {
  left: 33.3333333%;
  border-left: 1px solid silver;
}
.application-body.application-contacts-classic #mailto-contacts {
  left: 66.666666%;
  border-left: 1px solid silver;
}
.application-body.application-contacts-classic #contact-details {
  padding: 42px;
  overflow: auto;
  position: absolute;
  left: 300px;
  right: 0;
  bottom: 0;
  top: 0;
}
.application-body.application-contacts-classic .contact-browser .navigation-bar select {
  border-style: none;
  background-color: white;
  width: 195px;
  margin-top: 9px;
}
.application-body.application-contacts-classic .contact-browser .navigation-bar span {
  z-index: 1;
  position: absolute;
  width: 200px;
  border-style: none;
  background-color: transparent;
  left: 2px;
  top: -30px;
}
.application-body.application-contacts-classic .contact-browser .navigation-bar input[type=search] {
  width: 30%;
  font-size: 16px;
  position: absolute;
  top: 3px;
  right: 50px;
}
.application-body.application-contacts-classic .contact-browser .navigation-bar button {
  margin-top: 3px;
  left: 520px;
  position: absolute;
}
.application-body.application-contacts-classic .column-browser {
  float: left;
  width: 100%;
  background-color: white;
}
.application-body.application-contacts-classic body.sidebar-left-closed .column-browser {
  border-left-style: none;
}
.application-body.application-contacts-classic #contact-results #groups {
  width: 280px;
}
.application-body.application-contacts-classic .sidebar.left #airline-filter {
  position: absolute;
  right: 10px;
  top: 15px;
}
.application-body.application-contacts-classic .browser-column {
  overflow: auto;
  float: left;
  background-color: #ededed;
  width: 300px;
  overflow: auto;
  border-right: 1px solid silver;
  position: absolute;
  top: 0;
  bottom: 0;
  border-left: 1px solid silver;
  left: 0;
}
.application-body.application-contacts-classic .browser-column .contact-listing a {
  display: block;
  color: #3a3a3a;
  white-space: nowrap;
  padding: 0 0.9em;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 2.7em;
}
.application-body.application-contacts-classic .browser-column .contact-listing a:hover {
  text-decoration: none;
  background-color: #dfdfdf;
}
.application-body.application-contacts-classic .browser-column .contact-listing a .pat-avatar {
  float: left;
  margin: 0.3em 0.5em 0 0;
}
.application-body.application-contacts-classic .browser-column .contact-listing a .pat-avatar.default-user {
  opacity: 0;
}
.application-body.application-contacts-classic .browser-column .contact-listing a.current {
  background-color: #0081be;
  color: white;
  cursor: default;
}
.application-body.application-contacts-classic .browser-column .contact-listing .section-header {
  position: -webkit-sticky;
  position: sticky;
  top: -1px;
  padding: 0.1em 0.9em;
  margin: 0.8em 0;
  background-color: #efefef;
  border-top: solid 1px silver;
  border-bottom: solid 1px silver;
}

.application-body.application-contracts {
  overflow: auto;
}
.application-body.application-contracts #filters-sheet .panel-content {
  width: 800px;
}
.application-body.application-contracts #filters-sheet .panel-content .button-bar {
  margin-top: 0;
  margin-bottom: 20px;
  padding: 0;
  position: relative;
}
.application-body.application-contracts #filters-sheet .panel-content .button-bar button {
  float: right;
  margin: 0;
}
.application-body.application-contracts .data-table-top,
.application-body.application-contracts .data-table-bottom {
  display: none;
}
.application-body.application-contracts .document-content .contract-card-full {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  display: block;
  z-index: 1;
}
.application-body.application-family-tree {
  overflow: none;
}
.application-body.application-family-tree .document-content {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: none;
  background-color: #efefef;
}
.application-body.application-family-tree .document-content .quaive-family-tree {
  border-radius: 10px;
  height: calc(100vh - 270px);
}
.application-body.application-family-tree .document-content #family-tree-toolbar > * {
  grid-template-columns: auto 0 auto;
}

.application-body.application-messages .document-title-bar {
  height: 60px;
  box-sizing: border-box;
  display: flex;
  justify-content: space-between;
  border-bottom: 1px #dddddd solid;
  background-color: white;
}
.application-body.application-messages .document-title-bar .title {
  line-height: 60px;
  font-size: 24px;
  font-weight: bold;
  padding-left: 20px;
}
.application-body.application-messages .document-title-bar .title .name {
  color: var(--colour-accent);
}
.application-body.application-messages .document-title-bar .icons {
  text-align: right;
  padding-right: 10px;
}
.application-body.application-messages .document-title-bar .icons .icon {
  line-height: 60px;
  height: 60px;
  width: 60px;
  color: transparent;
  overflow: hidden;
  position: relative;
  display: inline-block;
  cursor: default;
}
.application-body.application-messages .document-title-bar .icons .icon:hover:before {
  color: black;
}
.application-body.application-messages .document-title-bar .icons .icon:hover:after {
  content: " ";
  position: absolute;
  top: 10px;
  right: 10px;
  bottom: 10px;
  left: 10px;
  display: block;
  border-radius: 10px;
  background-color: rgba(0, 0, 0, 0.1);
}
.application-body.application-messages .document-title-bar .icons .icon:active:after, .application-body.application-messages .document-title-bar .icons .icon.executing:after {
  box-shadow: inset 0 0 10px rgba(0, 0, 0, 0.25);
}
.application-body.application-messages .document-title-bar .icons .icon:before {
  font-family: fontello;
  color: #666;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  text-align: center;
}
.application-body.application-messages .document-title-bar .icons .icon.video-chat:before {
  content: "\e8a0";
}
.application-body.application-messages .document-body {
  background-color: white;
}
.application-body.application-messages .document-body .call-to-action-area {
  width: 80%;
  margin: 0 auto;
}
.application-body.application-messages .document-body .call-to-action-area .buttons {
  max-width: 800px;
  margin: 0 auto;
  display: block;
}
.application-body.application-messages .document-body .call-to-action-area .buttons .button.new-chat {
  font-size: 30px;
  line-height: 56px;
}
.application-body.application-messages .document-body .call-to-action-area .buttons .button.new-chat:before {
  top: 2px;
  position: relative;
}
.application-body.application-messages .document-body .document-content.chat {
  position: absolute;
  left: 0;
  right: 0;
  top: 60px;
  bottom: 3em;
  overflow: auto;
  padding: 3%;
}
.application-body.application-messages .document-body #chat-bar {
  height: 3em;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #efefef;
}
.application-body.application-messages .document-body #chat-bar input {
  height: 2em;
  line-height: 2em;
  padding: 0 1em;
  background: white;
  width: 96%;
  margin: 0.5em auto 0;
  display: block;
  border: none;
}
.application-body.application-messages .document-body .chat .item {
  float: left;
  clear: both;
  width: 100%;
  position: relative;
  margin-bottom: 0;
  padding-right: 65px;
}
.application-body.application-messages .document-body .chat .item:hover .functions .icon {
  display: inline-block;
}
.application-body.application-messages .document-body .chat .item.type-date, .application-body.application-messages .document-body .chat .item.type-terminal {
  color: rgba(0, 0, 0, 0.3);
  font-size: 0.8em;
  text-align: center;
  margin-bottom: 14px;
}
.application-body.application-messages .document-body .chat .item.type-date:before, .application-body.application-messages .document-body .chat .item.type-terminal:before {
  display: none;
}
.application-body.application-messages .document-body .chat .item.type-date .time-stamp,
.application-body.application-messages .document-body .chat .item.type-date p, .application-body.application-messages .document-body .chat .item.type-terminal .time-stamp,
.application-body.application-messages .document-body .chat .item.type-terminal p {
  text-align: center;
  font-size: 1em;
  font-weight: normal;
}
.application-body.application-messages .document-body .chat .item.type-date .time-stamp a,
.application-body.application-messages .document-body .chat .item.type-date p a, .application-body.application-messages .document-body .chat .item.type-terminal .time-stamp a,
.application-body.application-messages .document-body .chat .item.type-terminal p a {
  color: rgba(0, 0, 0, 0.3);
  cursor: default;
}
.application-body.application-messages .document-body .chat .item.type-terminal {
  opacity: 0;
}
.application-body.application-messages .document-body .chat .item .user {
  position: absolute;
  left: 0;
  bottom: 0.9em;
}
@media only screen and (max-width: 767px) {
  .application-body.application-messages .document-body .chat .item .user {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .application-body.application-messages .document-body .chat .item .user {
    display: none;
  }
}
.application-body.application-messages .document-body .chat .item .user .user-name {
  display: none;
}
.application-body.application-messages .document-body .chat .item .user .pat-avatar {
  width: 2.7em;
  height: 2.7em;
}
.application-body.application-messages .document-body .chat .item .content {
  padding: 1em 1.3em;
  background-color: #e6e6e6;
  color: black;
  -webkit-user-select: auto;
  user-select: auto;
  margin-bottom: 16px;
}
.application-body.application-messages .document-body .chat .item .content:before {
  width: 1em;
  height: 1em;
  content: " ";
  display: block;
  position: absolute;
  bottom: 2.15em;
  left: 3.5em;
  background-color: #e6e6e6;
  transform: rotate(45deg);
}
@media only screen and (max-width: 767px) {
  .application-body.application-messages .document-body .chat .item .content:before {
    left: 0;
  }
}
.application-body.application-messages .document-body .chat .item .functions {
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -18px;
  height: 22px;
}
.application-body.application-messages .document-body .chat .item .functions .icon {
  float: left;
  height: 22px;
  width: 22px;
  display: inline-block;
  border-radius: 50%;
  overflow: hidden;
  color: transparent;
  background-color: rgba(0, 0, 0, 0.08);
  display: none;
  cursor: default;
}
.application-body.application-messages .document-body .chat .item .functions .icon:hover {
  background-color: rgba(0, 0, 0, 0.1);
}
.application-body.application-messages .document-body .chat .item .functions .icon:hover:before {
  color: black;
}
.application-body.application-messages .document-body .chat .item .functions .icon:before {
  font-family: fontello;
  display: block;
  height: 100%;
  text-align: center;
  color: rgba(0, 0, 0, 0.5);
  content: "\e8a7";
  line-height: 22px;
  font-size: 0.7em;
}
.application-body.application-messages .document-body .chat .item.type-text, .application-body.application-messages .document-body .chat .item.type-image, .application-body.application-messages .document-body .chat .item.type-video, .application-body.application-messages .document-body .chat .item.type-video-call {
  width: auto;
  max-width: 80%;
}
.application-body.application-messages .document-body .chat .item.type-text .content, .application-body.application-messages .document-body .chat .item.type-image .content, .application-body.application-messages .document-body .chat .item.type-video .content, .application-body.application-messages .document-body .chat .item.type-video-call .content {
  border-radius: 10px;
}
@media only screen and (max-width: 767px) {
  .application-body.application-messages .document-body .chat .item.type-text .content, .application-body.application-messages .document-body .chat .item.type-image .content, .application-body.application-messages .document-body .chat .item.type-video .content, .application-body.application-messages .document-body .chat .item.type-video-call .content {
    margin-left: 0.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .application-body.application-messages .document-body .chat .item.type-text .content, .application-body.application-messages .document-body .chat .item.type-image .content, .application-body.application-messages .document-body .chat .item.type-video .content, .application-body.application-messages .document-body .chat .item.type-video-call .content {
    margin-left: 4em;
  }
}
@media only screen and (min-width: 1280px) {
  .application-body.application-messages .document-body .chat .item.type-text .content, .application-body.application-messages .document-body .chat .item.type-image .content, .application-body.application-messages .document-body .chat .item.type-video .content, .application-body.application-messages .document-body .chat .item.type-video-call .content {
    margin-left: 4em;
  }
}
.application-body.application-messages .document-body .chat .item.type-text .content .instruction, .application-body.application-messages .document-body .chat .item.type-image .content .instruction, .application-body.application-messages .document-body .chat .item.type-video .content .instruction, .application-body.application-messages .document-body .chat .item.type-video-call .content .instruction {
  display: block;
  margin-bottom: 12px;
}
.application-body.application-messages .document-body .chat .item.type-text .content .pat-button, .application-body.application-messages .document-body .chat .item.type-image .content .pat-button, .application-body.application-messages .document-body .chat .item.type-video .content .pat-button, .application-body.application-messages .document-body .chat .item.type-video-call .content .pat-button {
  border: 2px solid white;
}
.application-body.application-messages .document-body .chat .item.type-text.self, .application-body.application-messages .document-body .chat .item.type-image.self, .application-body.application-messages .document-body .chat .item.type-video.self, .application-body.application-messages .document-body .chat .item.type-video-call.self {
  float: right;
  padding-left: 65px;
  padding-right: 0;
}
.application-body.application-messages .document-body .chat .item.type-text.self .functions, .application-body.application-messages .document-body .chat .item.type-image.self .functions, .application-body.application-messages .document-body .chat .item.type-video.self .functions, .application-body.application-messages .document-body .chat .item.type-video-call.self .functions {
  left: 30px;
  right: auto;
}
.application-body.application-messages .document-body .chat .item.type-text.self .user, .application-body.application-messages .document-body .chat .item.type-image.self .user, .application-body.application-messages .document-body .chat .item.type-video.self .user, .application-body.application-messages .document-body .chat .item.type-video-call.self .user {
  left: inherit;
  right: 0;
}
.application-body.application-messages .document-body .chat .item.type-text.self .content, .application-body.application-messages .document-body .chat .item.type-image.self .content, .application-body.application-messages .document-body .chat .item.type-video.self .content, .application-body.application-messages .document-body .chat .item.type-video-call.self .content {
  background-color: var(--colour-accent);
  background-color: limegreen;
  margin-left: 0;
  color: white;
}
@media only screen and (max-width: 767px) {
  .application-body.application-messages .document-body .chat .item.type-text.self .content, .application-body.application-messages .document-body .chat .item.type-image.self .content, .application-body.application-messages .document-body .chat .item.type-video.self .content, .application-body.application-messages .document-body .chat .item.type-video-call.self .content {
    margin-right: 0.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .application-body.application-messages .document-body .chat .item.type-text.self .content, .application-body.application-messages .document-body .chat .item.type-image.self .content, .application-body.application-messages .document-body .chat .item.type-video.self .content, .application-body.application-messages .document-body .chat .item.type-video-call.self .content {
    margin-right: 0.5em;
  }
}
@media only screen and (min-width: 1280px) {
  .application-body.application-messages .document-body .chat .item.type-text.self .content, .application-body.application-messages .document-body .chat .item.type-image.self .content, .application-body.application-messages .document-body .chat .item.type-video.self .content, .application-body.application-messages .document-body .chat .item.type-video-call.self .content {
    margin-right: 4em;
  }
}
.application-body.application-messages .document-body .chat .item.type-text.self .content:before, .application-body.application-messages .document-body .chat .item.type-image.self .content:before, .application-body.application-messages .document-body .chat .item.type-video.self .content:before, .application-body.application-messages .document-body .chat .item.type-video-call.self .content:before {
  left: auto;
  right: 3.5em;
  background-color: var(--colour-accent);
  background-color: limegreen;
}
@media only screen and (max-width: 767px) {
  .application-body.application-messages .document-body .chat .item.type-text.self .content:before, .application-body.application-messages .document-body .chat .item.type-image.self .content:before, .application-body.application-messages .document-body .chat .item.type-video.self .content:before, .application-body.application-messages .document-body .chat .item.type-video-call.self .content:before {
    right: 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1279px) {
  .application-body.application-messages .document-body .chat .item.type-text.self .content:before, .application-body.application-messages .document-body .chat .item.type-image.self .content:before, .application-body.application-messages .document-body .chat .item.type-video.self .content:before, .application-body.application-messages .document-body .chat .item.type-video-call.self .content:before {
    right: 0;
  }
}

.application-body.application-organisation {
  overflow: auto;
}
.application-body.application-organisation svg {
  width: 100%;
  margin-bottom: 2em;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .application-body.application-organisation svg {
    height: 852px;
  }
}
.application-body.application-organisation svg .chart-separation-title {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
  font-size: 1.2em;
}
.application-body.application-organisation svg * {
  font-family: "Roboto", sans-serif;
  font-weight: normal;
}
.application-body.application-organisation svg a {
  cursor: pointer;
}
.application-body.application-organisation h2 {
  font-weight: normal;
  margin-bottom: 1em;
  font-size: 1.2em;
}
.application-body.application-organisation #ad-hoc-groups {
  width: 770px;
}
.application-body.application-organisation .org-groups {
  margin: 0 0 2em;
  line-height: 1.7;
}
.application-body.application-organisation .org-groups li {
  display: inline-block;
  width: 154px;
  margin-right: 15px;
  margin-bottom: 15px;
  vertical-align: text-bottom;
}
.application-body.application-organisation .org-groups li a {
  display: block;
  height: 59px;
  background-color: #D9EDF7;
  padding: 10px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 12px;
}
.application-body.application-organisation .org-groups.ad-hoc-groups li a {
  background-color: #659163;
  color: white;
}
.application-body.application-organisation .org-groups.vecs li a {
  background-color: #D19D49;
  color: black;
}

.application-body.application-calendar .checklist.cal-categories label {
  padding-right: 20px;
  position: relative;
}
.application-body.application-calendar .canvas-toolbar .button-cluster button:after {
  background-color: orangered;
}
@media only screen and (max-width: 767px) {
  .application-body.application-calendar .document-body .document-content {
    height: 100%;
    box-sizing: border-box;
  }
}
.application-body.application-calendar .checklist.cal-categories {
  margin-bottom: 0;
}
.application-body.application-calendar .checklist.cal-categories label .calendar-name {
  color: black;
}
.application-body.application-calendar .checklist.cal-categories label.current {
  background-color: rgba(0, 0, 0, 0.1);
}
.application-body.application-calendar .checklist.cal-categories label.calendar-absences {
  color: teal;
}
.application-body.application-calendar .checklist.cal-categories label a.iconified {
  position: absolute;
  top: -1px;
  right: -25px;
  width: 22px;
  color: rgba(0, 0, 0, 0.5);
  font-size: 15px;
  height: 22px;
  line-height: 22px;
}
body[dir=rtl] .application-body.application-calendar .checklist.cal-categories label a.iconified {
  left: 26px;
  right: auto;
}
body[dir=rtl] .application-body.application-calendar .checklist.cal-categories label a.iconified:before {
  transform: rotate(180deg);
}
@media (hover: hover) {
  .application-body.application-calendar .checklist.cal-categories label a.iconified:hover {
    color: black;
  }
}
.application-body.application-calendar .checklist.cal-categories label a.iconified.active {
  color: var(--colour-accent);
}
.application-body.application-calendar .checklist.cal-categories label a.iconified.active:hover {
  color: var(--colour-accent);
}
.application-body.application-calendar .application-calendar label.show-all-calendars {
  position: absolute;
  right: 15px;
  top: 15px;
}

.application-body.application-groups {
  overflow: auto;
}

.application-body.application-image-bank {
  overflow: auto;
}
.application-body.application-image-bank .document-content {
  background-color: #efefef;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.application-body.application-image-bank #image-bank-toolbar .toolbar-functions-area {
  grid-template-columns: 4fr 4fr 4fr;
}

.application-body.application-stardesk-administration {
  overflow: auto;
}
.application-body.application-stardesk-administration .document-content {
  padding: 4% 10%;
}

.application-body.application-absence {
  overflow: auto;
}
.application-body.application-absence .document-content {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
  background-color: #efefef;
}
.application-body.application-absence .document-content ul.users {
  -webkit-animation: bounceInLeft 0.5s;
  animation: bounceInLeft 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  opacity: 1;
}
.application-body.application-absence .document-content .pat-well {
  overflow: hidden;
}
.application-body.application-absence .document-content .pat-toolbar > * {
  grid-template-columns: 25% auto 25%;
}
.application-body.application-absence .document-content .pat-toolbar#absence-hours-per-user-toolbar > *, .application-body.application-absence .document-content .pat-toolbar#absence-report-per-user-toolbar > * {
  grid-template-columns: 0% 75% 25%;
}
.application-body.application-absence .document-content .pat-toolbar#absence-hours-per-user-toolbar > * .navigation, .application-body.application-absence .document-content .pat-toolbar#absence-report-per-user-toolbar > * .navigation {
  text-align: left;
}
.application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions .cal-controls {
  float: right;
  margin-left: 20px;
}
.application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-month, .application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-week, .application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-day, .application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-listDay {
  width: 40px;
  padding: 0;
  color: transparent;
}
.application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-month:before, .application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-week:before, .application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-day:before, .application-body.application-absence .document-content .pat-toolbar .toolbar-section.quick-functions button.view-listDay:before {
  width: 100%;
  text-align: center;
}
.application-body.application-absence .document-content #app-content-absence {
  position: relative;
}
.application-body.application-absence .document-content #app-content-absence .pat-calendar .fc-view-agendaDay {
  left: 0;
  right: 0;
}
.application-body.application-absence .document-content #app-content-absence #absence-calendar-well {
  height: calc(100vh - 270px);
  margin: 0;
  position: relative;
}
.application-body.application-absence .document-content #app-content-absence .pat-calendar h1 {
  top: -85px;
  padding-left: 70px;
}
.application-body.application-absence .document-content #app-content-absence .pat-calendar .fc {
  position: absolute !important;
  box-sizing: border-box;
  top: 40px;
  left: 40px;
  bottom: 40px;
  right: 40px;
  height: auto;
  width: auto;
  border: none;
  height: auto;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.application-body.application-absence .document-content #app-content-absence .pat-calendar .fc .fc-timegrid .fc-daygrid-body {
  max-height: calc(100vh - 270px);
}
@media only screen and (max-width: 767px) {
  .application-body.application-absence .document-content #app-content-absence .pat-calendar .fc {
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 0.8em;
  }
}

.application-body.application-mailings .document-content {
  background-color: #efefef;
}
.application-body.application-mailings .document-content.newsletter-edit, .application-body.application-mailings .document-content.periodical-edit {
  padding: 60px 6%;
}
.application-body.application-mailings .document-content.newsletter-edit .canvas-toolbar, .application-body.application-mailings .document-content.periodical-edit .canvas-toolbar, .application-body.application-mailings .document-content.mailing-list-edit .canvas-toolbar {
  top: 20px;
}

.application-body.application-news .document-content {
  background-color: #efefef;
}
.application-body.application-news .document-content:has(.quaive-news-item) {
  background-color: white;
}
.application-body.application-news .document-content.news-magazine {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.application-body.application-news .document-content.newsletter-edit, .application-body.application-news .document-content.periodical-edit {
  padding: 60px 6%;
}
.application-body.application-news .document-content.newsletter-edit .canvas-toolbar, .application-body.application-news .document-content.periodical-edit .canvas-toolbar, .application-body.application-news .document-content.mailing-list-edit .canvas-toolbar {
  top: 20px;
}
.application-body.application-news .form-panel {
  margin-bottom: 20px;
}
.application-body.application-news .form-panel #news-edit-image-gallery-panel-content.injecting > * {
  opacity: 0.19;
}
.application-body.application-news .form-panel #news-edit-image-gallery-panel-content.injecting.injecting-after *, .application-body.application-news .form-panel #news-edit-image-gallery-panel-content.injecting.injecting-content-after * {
  opacity: inherit;
}
.application-body.application-news .form-panel #news-edit-image-gallery-panel-content.injecting:before {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  content: "\e815";
  width: 50px;
  height: 50px;
  margin-top: -25px;
  margin-left: -25px;
  z-index: 1000;
  font: 50px/50px fontello;
  text-shadow: white 0 0 2px;
  text-align: center;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  -webkit-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
  opacity: 0;
  animation: spin 2s infinite linear, fadeIn 1s linear 1s 1 forwards;
}
.application-body.application-news .form-panel .button-bar {
  padding: 0;
  margin-bottom: -10px;
}
.application-body.application-news .form-panel .pat-message {
  margin-top: 0;
}
.application-body.application-news .form-panel + .form-panel {
  margin-top: -20px;
}
.application-body.application-news .form-panel.summary-hero fieldset.row {
  margin: 0 -1.5rem;
}
.application-body.application-news .form-panel.summary-hero .image-uploader:after {
  opacity: 0.5;
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.application-body.application-news .form-panel.summary-hero textarea,
.application-body.application-news .form-panel.summary-hero .image-uploader {
  height: 150px;
  margin: 0;
}
.application-body.application-news .form-panel.summary-hero textarea .upload-button,
.application-body.application-news .form-panel.summary-hero .image-uploader .upload-button {
  top: 7rem;
  font-size: 0.9em;
}
.application-body.application-news .form-panel.summary-hero textarea {
  width: 100%;
  color: black;
  font-size: 1.2em;
  border-radius: 0;
}
.application-body.application-news #news-edit-form {
  background-color: white;
}
.application-body.application-news #news-edit-form .document-content {
  background-color: white;
}
.application-body.application-news #news-edit-form .document-content .ProseMirror,
.application-body.application-news #news-edit-form .document-content .redactor-styles {
  padding-top: 0;
}
.application-body.application-news .form-panel + .pat-well {
  margin-bottom: 40px;
}
.application-body.application-news .news-article {
  padding-top: 50px;
  padding-bottom: 3em;
}
@media only screen and (min-width: 1280px) {
  .application-body.application-news .news-article .comment-sentinel {
    margin-left: 2px;
    margin-right: 2px;
  }
}
.application-body.application-news .news-article #comments-document-comments {
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.06);
}

.application-body.application-help .pat-rich .summary:first-child {
  margin-top: 20px;
}
.application-body.application-help .pat-rich h1 {
  font-size: 50px;
  margin: 20px 0;
}
.application-body.application-help .directory {
  margin-bottom: 40px;
}
.application-body.application-help .support-section {
  margin-bottom: 40px;
}
.application-body.application-help .support-section .link-list a {
  font-weight: bold;
}
.application-body.application-help .user-cards {
  margin: 0 -10px 0;
  box-sizing: border-box;
}
.application-body.application-help .user-cards:after {
  content: " ";
  display: table;
  clear: both;
}
.application-body.application-help .user-cards .item {
  margin-bottom: 20px;
  padding: 0 10px;
  box-sizing: border-box;
}
@media only screen and (min-width: 1280px) {
  .application-body.application-help .user-cards .item {
    width: 50%;
    float: left;
  }
}
.application-body.application-help .user-cards .item .user-card {
  height: 100%;
  font-size: 0.9em;
}
.application-body.application-help .canvas-toolbar {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .application-body.application-help .canvas-toolbar {
    display: none;
  }
}
.application-body.application-help .pat-rich {
  font-size: 130%;
  line-height: 1.5;
}
.application-body.application-help .document-body-help {
  background: white;
}
.application-body.application-help .pat-message {
  border-radius: 0;
  padding: 20px;
  border: rgba(0, 0, 0, 0.2) 6px double;
  position: relative;
}
@media only screen and (min-width: 768px) {
  .application-body.application-help .pat-message {
    padding: 40px 45px 40px 120px;
  }
  .application-body.application-help .pat-message:before {
    position: absolute;
    top: 50%;
    left: 45px;
    width: 40px;
    line-height: 40px;
    font-size: 40px;
    font-family: fontello;
    transform: translateY(-50%);
    text-align: center;
  }
  .application-body.application-help .pat-message.warning {
    border-color: orange;
    background: rgba(255, 165, 0, 0.2);
  }
  .application-body.application-help .pat-message.warning:before {
    content: "\e80c";
    color: orange;
  }
  .application-body.application-help .pat-message.notice:before {
    content: "\e883";
    color: rgba(0, 0, 0, 0.8);
  }
}

.application-body.application-search {
  overflow: auto;
}

.application-body.application-slide-bank .metadata .meta-bar {
  top: 40px;
}

.application-body.application-profile {
  overflow: auto;
}
.application-body.application-profile .document-body {
  height: 100%;
}

.application-body.application-setup {
  overflow: auto;
  background-color: #efefef;
}
.application-body.application-setup .document-content {
  background: transparent;
}

.application-body.application-preferences .document-body,
.application-body.application-preferences .document-content {
  background-color: #efefef;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

.application-body.application-jobs {
  overflow: visible;
}
.application-body.application-jobs .infinite-scrolling-trigger {
  position: absolute;
  bottom: -400px;
  left: 0;
  right: 0;
}
.application-body.application-jobs .document-content {
  background: white;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
@media print {
  .application-body.application-jobs .document-content {
    position: static;
    padding: 10%;
  }
}
.application-body.application-jobs .document-content.jobs-overview {
  background: #efefef;
}
.application-body.application-jobs .document-content #job-list {
  max-width: 800px;
  margin: 50px auto;
}
.application-body.application-jobs .document-content #main-content {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1279px) {
  .application-body.application-jobs .document-content #main-content {
    padding: 0;
  }
}
.application-body.application-jobs .document-content fieldset.compensation input {
  width: 130px;
}
.application-body.application-jobs .document-content .canvas-toolbar {
  margin-bottom: 45px;
  z-index: 2;
}
.application-body.application-jobs .document-content .canvas-toolbar .canvas-toolbar-section {
  width: 25%;
}
.application-body.application-jobs .document-content .canvas-toolbar .canvas-toolbar-section.quick-navigation {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .application-body.application-jobs .document-content .canvas-toolbar .canvas-toolbar-section.quick-navigation {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .application-body.application-jobs .document-content .canvas-toolbar .canvas-toolbar-section.view-options {
    width: auto;
    float: left;
  }
}
.application-body.application-jobs .document-content .canvas-toolbar .canvas-toolbar-section.navigation {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .application-body.application-jobs .document-content .canvas-toolbar .canvas-toolbar-section.navigation {
    display: none;
  }
}
.application-body.application-jobs .document-content .canvas-toolbar#toolbar-job-edit .canvas-toolbar-section.quick-functions {
  width: 100%;
}
.application-body.application-jobs .document-content .canvas-toolbar#toolbar-job-view .canvas-toolbar-section.quick-functions {
  width: 50%;
}
.application-body.application-jobs .document-content .job-card-full {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  display: block;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .application-body.application-jobs .document-content .job-card-full {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .application-body.application-jobs .document-content .job-card-full.pat-rich {
    font-size: 130%;
    line-height: 1.5;
  }
}
.application-body.application-jobs .document-content .job-card-full .job-card-full-title {
  font-weight: bold;
  font-size: 50px;
}
@media only screen and (max-width: 767px) {
  .application-body.application-jobs .document-content .job-card-full .job-card-full-title {
    font-size: 30px;
  }
}
.application-body.application-jobs .document-content .job-card-full .job-card-full-description {
  font-size: 1.5em;
  line-height: 1.4;
  font-weight: thin;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .application-body.application-jobs .document-content .job-card-full .job-card-full-description {
    font-size: 1.2em;
  }
}

.application-body.application-polls {
  overflow: visible;
}
.application-body.application-polls .document-content {
  background: white;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
@media print {
  .application-body.application-polls .document-content {
    position: static;
    padding: 10%;
  }
}
.application-body.application-polls .document-content.polls-overview {
  background: #efefef;
}
.application-body.application-polls .document-content #poll-list {
  max-width: 800px;
  margin: 50px auto;
}
.application-body.application-polls .document-content #main-content {
  position: relative;
  z-index: 1;
}
@media only screen and (max-width: 1279px) {
  .application-body.application-polls .document-content #main-content {
    padding: 0;
  }
}
.application-body.application-polls .document-content fieldset.compensation input {
  width: 130px;
}
.application-body.application-polls .document-content fieldset.working-hours input {
  width: 80px;
}
.application-body.application-polls .document-content .canvas-toolbar {
  margin-bottom: 45px;
  z-index: 2;
}
.application-body.application-polls .document-content .canvas-toolbar .canvas-toolbar-section {
  width: 25%;
}
.application-body.application-polls .document-content .canvas-toolbar .canvas-toolbar-section.quick-navigation {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .application-body.application-polls .document-content .canvas-toolbar .canvas-toolbar-section.quick-navigation {
    width: auto;
  }
}
@media only screen and (max-width: 767px) {
  .application-body.application-polls .document-content .canvas-toolbar .canvas-toolbar-section.view-options {
    width: auto;
    float: left;
  }
}
.application-body.application-polls .document-content .canvas-toolbar .canvas-toolbar-section.navigation {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .application-body.application-polls .document-content .canvas-toolbar .canvas-toolbar-section.navigation {
    display: none;
  }
}
.application-body.application-polls .document-content .canvas-toolbar#toolbar-poll-edit .canvas-toolbar-section.quick-functions {
  width: 100%;
}
.application-body.application-polls .document-content .canvas-toolbar#toolbar-poll-view .canvas-toolbar-section.quick-functions {
  width: 50%;
}
.application-body.application-polls .document-content .poll-card-full {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
  display: block;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .application-body.application-polls .document-content .poll-card-full {
    padding-top: 30px;
  }
}
@media only screen and (min-width: 768px) {
  .application-body.application-polls .document-content .poll-card-full.pat-rich {
    font-size: 130%;
    line-height: 1.5;
  }
}
.application-body.application-polls .document-content .poll-card-full .poll-card-full-title {
  font-weight: bold;
  font-size: 50px;
}
@media only screen and (max-width: 767px) {
  .application-body.application-polls .document-content .poll-card-full .poll-card-full-title {
    font-size: 30px;
  }
}
.application-body.application-polls .document-content .poll-card-full .bar-graphs {
  margin-bottom: 80px;
}
.application-body.application-polls .document-content .poll-card-full .pat-message {
  margin-bottom: 80px;
}
.application-body.application-polls .document-content .poll-card-full .poll-card-full-description {
  font-size: 1.5em;
  line-height: 1.4;
  font-weight: thin;
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .application-body.application-polls .document-content .poll-card-full .poll-card-full-description {
    font-size: 1.2em;
  }
}

.application-body.application-bookmarks {
  background-color: #efefef !important;
}
.application-body.application-bookmarks .document-body,
.application-body.application-bookmarks .document-content {
  overflow: auto;
  background-color: #efefef;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.application-body.application-bookmarks .office-files {
  margin-left: -0.5em;
  margin-right: -0.5em;
}
.application-body.application-bookmarks .office-files .item figure {
  background-color: white;
  border: solid 1px #dedede;
  padding-top: 1.5em;
  position: relative;
}
.application-body.application-bookmarks .office-files .item figure img {
  width: 100%;
}
.application-body.application-bookmarks .office-files .item {
  width: 33.3%;
  box-sizing: border-box;
  padding: 0.5em;
  float: left;
  color: gray;
}
.application-body.application-bookmarks .office-files .item figure figcaption {
  font-size: 0.8em;
  line-height: 1.2em;
  padding: 0.4em;
  font-weight: bold;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media only screen and (min-width: 768px) {
  .application-body.application-bookmarks .canvas-toolbar .canvas-toolbar-section.stacks-control {
    width: 70%;
  }
}
@media only screen and (min-width: 768px) {
  .application-body.application-bookmarks .canvas-toolbar .canvas-toolbar-section.quick-functions, .application-body.application-bookmarks .canvas-toolbar .canvas-toolbar-section.quick-navigation, .application-body.application-bookmarks .canvas-toolbar .canvas-toolbar-section.view-options {
    width: 15%;
  }
}

.application-body.application-feedback {
  overflow: auto;
}
.application-body.application-feedback .document-content {
  background-color: transparent;
}
.application-body.application-feedback .feedback-submission-form {
  margin-top: 40px;
}
.application-body.application-feedback .feedback-submission-form .button-bar {
  margin: 0 !important;
}
.application-body.application-feedback .feedback-submission-form .button-bar .pat-button {
  margin: 0;
}

.application-body.application-library .document-body .document-content {
  background-color: transparent;
}
.application-body.application-library .sidebar.left .infinite-scrolling-trigger {
  padding-top: 135px;
  height: 220px;
}
.application-body.application-library .sidebar.left .infinite-scrolling-trigger:before {
  top: 100px;
}

.application-body.application-workspaces {
  overflow: visible;
}
.application-body.application-workspaces .document-content.launchpad {
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
.application-body.application-workspaces .document-content #main-content-workspaces {
  max-width: 1280px;
  margin: 0 auto;
}

.application-body.application-app-store .document-body,
.application-body.application-app-store .document-content {
  background: white;
}
.application-body.application-app-store .document-content {
  padding-top: 60px;
}
.application-body.application-app-store .document-content .hero {
  width: 100%;
  margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
  .application-body.application-app-store .document-content .hero {
    max-width: 40%;
    float: right;
    margin-top: 8px;
    margin-left: 20px;
  }
}
.application-body.application-app-store .document-content .pat-button.cta {
  font-size: 30px;
  line-height: 45px;
}
.application-body.application-app-store .app-category {
  display: none;
}
.application-body.application-app-store .app-category:target {
  display: block;
}
.application-body.application-app-store .sidebar {
  background: #efefef;
}
.application-body.application-app-store .sidebar .sidebar-content {
  padding-top: 60px;
}
.application-body.application-app-store .sidebar .sidebar-content .category-custom {
  margin-bottom: 25px;
}
.application-body.application-app-store .sidebar .sidebar-content .icon-needle:before {
  transform: scale(0.8);
}

.application-body.application-publisher {
  overflow: hidden;
}
.application-body.application-publisher .document-content {
  background: #efefef;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}
@media only screen and (min-width: 768px) {
  .application-body.application-publisher .toolbar-navigation-area,
  .application-body.application-publisher .toolbar-functions-area {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.application-body.application-publisher .pat-button.status-up-to-date {
  color: #009ee2 !important;
  background: white;
  box-shadow: inset 0 0px 4px rgba(0, 0, 0, 0.35);
  padding-left: 12px;
}
.application-body.application-publisher #value-list-content {
  color: white;
  background-color: black;
  font-family: monospace;
  width: 100%;
  border: none;
  padding: 20px;
  border-radius: 10px;
  max-width: 800px;
  margin: 0 auto;
  display: block;
  height: calc(100vh - 290px);
  overflow: auto;
}
.application-body.application-publisher #collections-publisher,
.application-body.application-publisher #value-lists-publisher {
  max-width: 800px;
  margin: 50px auto;
}
.application-body.application-publisher .pat-rich.sites-intro {
  margin-top: 5%;
  margin-bottom: 70px;
}

.application-body.application-meetings .document-body {
  overflow: hidden;
}
.application-body.application-meetings .document-body .document-content {
  background-color: #efefef;
  overflow: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.application-body.application-meetings .sidebar.left .link-list li {
  margin-bottom: 5px;
}
.application-body.application-meetings .sidebar.left .link-list li a.current {
  color: var(--colour-accent);
  cursor: default;
  text-decoration: none;
}
.application-body.application-meetings .container {
  transition: padding 0.2s;
}
.application-body.application-meetings.sidebar-left-open .container {
  padding: 0;
}

.application-body.application-whiteboard .document-content {
  background-color: #efefef;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: auto;
}

/* Temporary integration code so that we can use the navigation and the
   edit bar while working on the theme. Should go away again soon, once the
   navigation concept for ploneintranet is implemented */
ul#portal-globalnav,
ul#portal-globalnav ul {
  margin-left: 0;
}

#portal-globalnav li {
  display: inline;
}

#portal-globalnav li a {
  display: inline-block;
}

#edit-bar {
  border-bottom: 1px solid #75ad0a;
}

#edit-bar > ul {
  margin-left: 0;
}

#edit-bar p.hiddenStructure {
  margin: 0;
}

#edit-bar ul#content-views.contentViews a:visited,
#edit-bar ul#content-views.contentViews a:active,
#edit-bar ul#content-views.contentViews a:hover,
#edit-bar ul#content-views.contentViews a {
  border: 0;
  line-height: 2em;
  color: white;
}

#edit-bar ul#content-views.contentViews li.selected a {
  color: #75ad0a;
}

#edit-bar ul#content-views.contentViews li,
#edit-bar ul#contentActionMenus li {
  line-height: 2em;
  display: inline;
  margin-bottom: 0;
}

#edit-bar #contentActionMenus dl.actionMenu {
  line-height: 1.9em;
  margin-bottom: 0;
}

#edit-bar #contentActionMenus dl.actionMenu a:visited,
#edit-bar #contentActionMenus dl.actionMenu a:active,
#edit-bar #contentActionMenus dl.actionMenu a:hover,
#edit-bar #contentActionMenus dl.actionMenu a {
  border-bottom: 1px solid #75ad0a;
  font-weight: normal;
}

#edit-bar #contentActionMenus dl.actionMenu ul {
  margin-left: 0;
}

:root {
  --pat-checklist-checkbox-size: 16px;
  --pat-form-help-button-width: 26px;
  --pat-form-help-button-height: 34px;
  --pat-form-help-button-icon-height: 26px;
  --pat-form-help-button-icon-border-radius: 50%;
  --pat-sortable-blocks-remove-button-width: 20px;
  --pat-sortable-blocks-remove-button-height: 34px;
  --pat-sortable-blocks-remove-button-icon-height: 20px;
  --pat-sortable-blocks-remove-button-icon-border-radius: 50%;
  --pat-sortable-blocks-item-info-box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);
  --pat-toolbar-auto-hide-offset: 20px;
  --quaive-document-max-width: 960px;
  --quaive-document-padding-left: 6%;
  --quaive-document-padding-right: 6%;
}

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