@charset "UTF-8";
@import url(../../quaive/style/fonts/font.css);
@import url(../../quaive/style/fontello-011/css/fontello.css);
#portal-tabs .title { color: #009FE3; }

.tabs.bumped { opacity: 1 !important; }

#login-panel { background-color: #009FE3 !important; }

.no-backdropfilter #login-panel .panel { background: rgba(0, 159, 227, 0.95); }

.backdropfilter #login-panel .panel { background: rgba(0, 159, 227, 0.6); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }

#login-panel .panel .splash { overflow: hidden; text-indent: -2000px; height: 6em; background: no-repeat url(../../ikath/style/ikath-long.svg) !important; -moz-background-size: 6em; -webkit-background-size: 6em; background-size: 80% !important; background-position: center !important; }

#login-panel .panel .splash img { display: none !important; }

.tiles .tile h3 { overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

/* iKath wants the old non-uppercased version of the logo back #14421 */
.pat-tabs.portal-tabs .title, .tabs.portal-tabs .title { text-transform: none !important; }

:root { --colour-accent: #009FE3; }

@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 */ }

@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-accent: #009FE3; }

:root { --select-box-arrow-width: 35px; --select-box-padding-top-bottom: 0.2em; --select-box-padding-right-left: 0.5em; --select-box-box-shadow: none; --select-box-background-color: rgba(0, 0, 0, 0.06); --select-box-arrow-background-colour: rgba(0,0,0,0.1); --select-box-arrow-text-colour: inherit; }

@media only screen and (max-width: 767px) { body { --pat-form-pane-padding: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 1279px) { body { --pat-form-pane-padding: 30px; } }

@media only screen and (min-width: 1280px) { body { --pat-form-pane-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: .75s; animation-duration: .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: .75s; animation-duration: .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: .75s; animation-duration: .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: .75s; animation-duration: .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; margin-bottom: 0; }

fieldset.vertical .attachment-list:not(.read-only-field), .attachment-list fieldset.horizontal:not(.read-only-field) { background-color: rgba(0, 0, 0, 0.06); border-radius: 5px; padding: 0.6em 0.4em 0.4em; padding-top: 0.5em; font-size: 0.8em; box-sizing: border-box; }

.attachment-list .attached-file { margin-bottom: 0; }

.attachment-list .meta { top: 0.3em; }

.attachment-list:before { display: none; }

.attachment-list .attached-file { display: table; width: 100%; margin-bottom: 0.5em; }

.attachment-list .attached-file .label { display: table-cell; cursor: default; font-weight: bold; }

.attachment-list .attached-file .label a { color: #222222; }

.attachment-list .attached-file .label a[href] { cursor: pointer; color: #009ee2; }

.attachment-list .attached-file .label a[href]:hover { text-decoration: underline; }

.attachment-list .attached-file .label *[class~=icon-] { display: block; padding-left: 25px; }

.attachment-list .attached-file .label *[class~=icon-]:hover { text-decoration: none; }

.attachment-list .attached-file .label *[class~=icon-]:hover .title { text-decoration: underline; }

.attachment-list .attached-file .label *[class~=icon-]:before { margin-left: -25px; }

.attachment-list .attached-file .label .description { display: block; color: black; font-weight: normal; font-size: 0.9em; line-height: 1.25; }

.attachment-list .attached-file .iconified { display: table-cell; width: 1.5em; max-width: 1.5em; color: gray; text-decoration: none; -webkit-user-select: none; user-select: none; }

.attachment-list .attached-file .iconified:hover { 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 { display: inline-block; overflow: hidden; border-radius: 50%; border: 0.055556em solid rgba(0, 0, 0, 0.2); aspect-ratio: 1 / 1; width: 2em; height: 2em; }

.pat-avatar img { width: 100%; height: 100%; object-fit: cover; -webkit-clip-path: circle(50%); clip-path: circle(50%); display: block; }

.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; }

.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 0 8px 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: 5px; -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; }

.select2-container .select2-choice abbr.select2-search-choice-close { width: 16px; height: 16px; background: none; cursor: default; right: 34px; display: none; position: absolute; top: 8px; 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: ""; 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; border: 1px solid silver; border-top: 0; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

.select2-drop .select2-search input { padding: 0.2em 0.5em; border: none; box-shadow: none; outline: none; outline-offset: 0; color: inherit; }

.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-bottom-top-radius: 5px; border-bottom-top-radius: 5px; 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: 12px; top: 0; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgOC40IDciIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDguNCA3OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe29wYWNpdHk6MX0KPC9zdHlsZT4KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDAgNC4yLDcgOC40LDAgIi8+Cjwvc3ZnPg==); background-size: auto 10px; background-position: center; 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: rgba(0, 0, 0, 0.06); border-radius: 5px; -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: 5px !important; border-bottom-right-radius: 5px !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: #009FE3; color: #fff; border-radius: 5px; }

.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; cursor: text; overflow: hidden; width: 100%; }

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

.select2-container-multi .select2-choices { /*min-height: 26px;*/ }

.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: none; }

.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: rgba(0, 0, 0, 0.35); }

.select2-container-multi .select2-choices .select2-search-field input.has-value { color: inherit; }

.select2-default { color: gray; }

.select2-container-multi .select2-choices .select2-search-choice { padding: 0 0.6em 0 1.5em; margin: 0.1em 0.5em 0.1em 0; position: relative; line-height: 1.7em; height: 1.6em; color: white; cursor: default; border-radius: 5px; 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: #009FE3; 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 #009FE3; }

.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: ""; 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 */
/* @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: ""; 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: ""; 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: "\1f44d"; 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: "$glyph-icon-users"; 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: rgba(0, 0, 0, 0.6); 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; }

.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: 5px; border-bottom-right-radius: 5px; 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: black; text-decoration: none; }

@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, #f1f1f1 0%, rgba(240, 240, 240, 0) 100%); background-image: -o-linear-gradient(left, #f1f1f1 0%, rgba(240, 240, 240, 0) 100%); background-image: linear-gradient(to left, #f1f1f1 0%, rgba(240, 240, 240, 0) 100%); } .pat-breadcrumbs .button.shift { display: none; position: absolute; left: 0; width: 1em; height: 1.2em; background-color: #f1f1f1; 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: ""; 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; } }

.pat-button { font-family: "Source Sans Pro", sans-serif; margin: 0 0.5em 0 0; border: none; cursor: default; border-radius: 5px; background-image: none; text-decoration: none; line-height: 35px; white-space: nowrap; display: inline-block; padding: 0 1em; font-size: 1em; vertical-align: text-bottom; font-weight: bold; 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:not([disabled]):hover { color: #009adc; background-color: rgba(0, 0, 0, 0.1); }

.pat-button.default { color: white; background-color: #009ee2; box-shadow: none; }

.pat-button.default:not([disabled]):hover { background-color: #009ee2; color: white; }

.pat-button[disabled], .pat-button.disabled, .pat-button.default[disabled], .pat-button.default.disabled { 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.default[disabled]:hover, .pat-button.default.disabled:hover { color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.08); }

@media print { .pat-button { display: none; } }

.pat-button:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover { text-decoration: none; color: #009adc; }

.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:focus { outline: none; box-shadow: none; }

.pat-button[disabled]:not: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-left: 0; padding-right: 0; width: 1.7em; text-overflow: clip; }

.pat-button.no-label:before { width: 100%; text-align: center; margin: 0 1em 0 0; }

.button-bar .pat-button { margin-bottom: 5px; }

.pat-button-cluster { display: inline-block; border-radius: 5px; 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: 5px; overflow: visible; float: none; white-space: nowrap; max-width: 100%; font-size: 0; vertical-align: top; border-radius: 5px; 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 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] .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(.active):not(.current):not(.checked):hover, .pat-button-cluster.pat-tabs a.button:not(.active):not(.current):not(.checked):hover, .pat-button-cluster.pat-tabs .pat-button:not(.active):not(.current):not(.checked):hover, .pat-button-cluster.pat-tabs label:not(.active):not(.current):not(.checked):hover, .pat-button-cluster.pat-tabs > a:not(.active):not(.current):not(.checked):hover { text-decoration: none; color: black; }

.pat-button-cluster.pat-tabs button[href]:not(.current):hover, .pat-button-cluster.pat-tabs button.unchecked:hover, .pat-button-cluster.pat-tabs a.button[href]:not(.current):hover, .pat-button-cluster.pat-tabs a.button.unchecked:hover, .pat-button-cluster.pat-tabs .pat-button[href]:not(.current):hover, .pat-button-cluster.pat-tabs .pat-button.unchecked:hover, .pat-button-cluster.pat-tabs label[href]:not(.current):hover, .pat-button-cluster.pat-tabs label.unchecked:hover, .pat-button-cluster.pat-tabs > a[href]:not(.current):hover, .pat-button-cluster.pat-tabs > a.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: 3.75px; opacity: 0; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); }

.pat-button-cluster.pat-tabs button.checked, .pat-button-cluster.pat-tabs button.active, .pat-button-cluster.pat-tabs button.current, .pat-button-cluster.pat-tabs a.button.checked, .pat-button-cluster.pat-tabs a.button.active, .pat-button-cluster.pat-tabs a.button.current, .pat-button-cluster.pat-tabs .pat-button.checked, .pat-button-cluster.pat-tabs .pat-button.active, .pat-button-cluster.pat-tabs .pat-button.current, .pat-button-cluster.pat-tabs label.checked, .pat-button-cluster.pat-tabs label.active, .pat-button-cluster.pat-tabs label.current, .pat-button-cluster.pat-tabs > a.checked, .pat-button-cluster.pat-tabs > a.active, .pat-button-cluster.pat-tabs > a.current { background-color: transparent; color: white; text-decoration: none; box-shadow: none; }

.pat-button-cluster.pat-tabs button.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.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.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.checked:after, .pat-button-cluster.pat-tabs label.active:after, .pat-button-cluster.pat-tabs label.current:after, .pat-button-cluster.pat-tabs > a.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.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.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.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.checked:before, .pat-button-cluster.pat-tabs label.active:before, .pat-button-cluster.pat-tabs label.current:before, .pat-button-cluster.pat-tabs > a.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.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.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.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.checked .counter, .pat-button-cluster.pat-tabs label.active .counter, .pat-button-cluster.pat-tabs label.current .counter, .pat-button-cluster.pat-tabs > a.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: 5px; border-bottom-left-radius: 5px; }

.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: 5px; border-bottom-right-radius: 5px; }

.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 white; 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 { 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; -webkit-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: ""; display: block; height: 35px; lie-height: 36px; width: 55px; text-align: center; position: absolute; top: 0; right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

body[dir=rtl] .pat-button-cluster.pat-tabs span.extra-tabs:before { content: ""; 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: 5px; 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 { 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] .pat-button-cluster.pat-tabs span.extra-tabs a { text-align: right; }

.pat-button-cluster.pat-tabs span.extra-tabs a:hover { background-color: rgba(0, 0, 0, 0.05); text-decoration: none; }

.pat-button-cluster.pat-tabs span.extra-tabs a.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 5px; }

.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:not(.active):not(.current):not(.checked):not([disabled]):hover, .pat-button-cluster a.button:not(.active):not(.current):not(.checked):not([disabled]):hover, .pat-button-cluster .pat-button:not(.active):not(.current):not(.checked):not([disabled]):hover, .pat-button-cluster label:not(.active):not(.current):not(.checked):not([disabled]):hover, .pat-button-cluster > a:not(.active):not(.current):not(.checked):not([disabled]):hover { text-decoration: none; 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.checked, .pat-button-cluster button.active, .pat-button-cluster button.current, .pat-button-cluster a.button.checked, .pat-button-cluster a.button.active, .pat-button-cluster a.button.current, .pat-button-cluster .pat-button.checked, .pat-button-cluster .pat-button.active, .pat-button-cluster .pat-button.current, .pat-button-cluster label.checked, .pat-button-cluster label.active, .pat-button-cluster label.current, .pat-button-cluster > a.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.checked:before, .pat-button-cluster button.active:before, .pat-button-cluster button.current:before, .pat-button-cluster a.button.checked:before, .pat-button-cluster a.button.active:before, .pat-button-cluster a.button.current:before, .pat-button-cluster .pat-button.checked:before, .pat-button-cluster .pat-button.active:before, .pat-button-cluster .pat-button.current:before, .pat-button-cluster label.checked:before, .pat-button-cluster label.active:before, .pat-button-cluster label.current:before, .pat-button-cluster > a.checked:before, .pat-button-cluster > a.active:before, .pat-button-cluster > a.current:before { color: white; }

.pat-button-cluster button.checked .counter, .pat-button-cluster button.active .counter, .pat-button-cluster button.current .counter, .pat-button-cluster a.button.checked .counter, .pat-button-cluster a.button.active .counter, .pat-button-cluster a.button.current .counter, .pat-button-cluster .pat-button.checked .counter, .pat-button-cluster .pat-button.active .counter, .pat-button-cluster .pat-button.current .counter, .pat-button-cluster label.checked .counter, .pat-button-cluster label.active .counter, .pat-button-cluster label.current .counter, .pat-button-cluster > a.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: 5px; border-bottom-left-radius: 5px; }

.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: 5px; border-bottom-right-radius: 5px; }

.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 white; 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-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: ""; 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: #009FE3; }

.pat-context-menu .context-menu-label.iconified:before { position: absolute; font-family: fontello; content: ""; 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: #009FE3; color: white; border-radius: 5px; }

.pat-context-menu.no-label .context-menu-label { opacity: 0; width: 35px; padding: 0; }

.pat-context-menu.no-label .panel-content { top: 45px; }

.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: #009FE3; }

.pat-context-menu.open .panel-content { display: block; }

.pat-context-menu .panel-content { position: absolute; top: 1.8em; left: 0; display: none; background-color: white; padding: 15px !important; width: 250px; z-index: 10; border-radius: 5px; font-size: 18px; height: auto !important; border: 1px solid silver; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.2); }

.pat-context-menu .panel-content *:last-child { margin-bottom: 0; }

.batch-functions .pat-context-menu .panel-content { width: 85%; right: 0; left: inherit; }

@media only screen and (min-width: 768px) { .pat-context-menu.align-right .panel-content { right: 0; left: inherit; } }

label.pat-checklist { padding-left: 1.5em; position: relative; padding-left: 1.1em; padding-right: 0.5em; }

body[dir=rtl] label.pat-checklist { padding-right: 1.5em; padding-left: 0; }

label.pat-checklist.checked:before, label.pat-checklist.unchecked:before { font-family: fontello; content: ""; float: left; position: absolute; left: 0; top: 0.6em; transform: translateY(-50%); line-height: 0.8em; font-size: 1em; font-weight: normal; background-color: white; height: 0.75em; width: 0.75em; border-radius: 7%; }

fieldset.fancy label.pat-checklist.checked:before, fieldset.fancy label.pat-checklist.unchecked:before { top: 0.7em; }

body[dir=rtl] label.pat-checklist.checked:before, body[dir=rtl] label.pat-checklist.unchecked:before { left: auto; right: 0; }

label.pat-checklist.disabled, label.pat-checklist.disabled .label-fragment-description { color: rgba(0, 0, 0, 0.3); }

label.pat-checklist .label-fragment-title { margin: 0; }

label.pat-checklist .label-fragment-description { margin: 0 0 0.5em 0; color: rgba(0, 0, 0, 0.7); font-size: 0.9em; line-height: 1.4; }

label.pat-checklist .label-fragment-description > * { color: black; }

label.pat-checklist.checked:before { content: ""; }

label.pat-checklist input[type="checkbox"], label.pat-checklist input[type="radio"] { opacity: 0; position: absolute; left: 0; width: 0; margin-top: 0.6px; }

label.pat-checklist.checked:before, label.pat-checklist.unchecked:before { top: 50%; transform: translateY(-50%); }

.pat-checklist:not(.free-form) { line-height: 1.2em; min-height: 0.7em; }

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: 0.4em; }

.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; padding-left: 1.5em; position: relative; margin-top: 0.2em; margin-bottom: 0.2em; 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-right: 1.5em; padding-left: 0; }

.pat-checklist:not(.free-form) .pat-checklist-sub > label.checked:before, .pat-checklist:not(.free-form) .pat-checklist-sub > label.unchecked:before, .pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before, .pat-checklist:not(.free-form) .pat-checklist-sub .label.unchecked:before, .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.checked:before, .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.unchecked:before { font-family: fontello; content: ""; float: left; position: absolute; left: 0; top: 0.6em; transform: translateY(-50%); line-height: 0.8em; font-size: 1em; font-weight: normal; background-color: white; height: 0.75em; width: 0.75em; border-radius: 7%; }

fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub > label.checked:before, fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub > label.unchecked:before, fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before, fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub .label.unchecked:before, fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.checked:before, fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.unchecked:before { top: 0.7em; }

body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > label.checked:before, body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > label.unchecked:before, body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before, body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label.unchecked:before, body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.checked:before, body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.unchecked:before { left: auto; right: 0; }

.pat-checklist:not(.free-form) .pat-checklist-sub > label.disabled, .pat-checklist:not(.free-form) .pat-checklist-sub > label.disabled .label-fragment-description, .pat-checklist:not(.free-form) .pat-checklist-sub .label.disabled, .pat-checklist:not(.free-form) .pat-checklist-sub .label.disabled .label-fragment-description, .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.disabled, .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.disabled .label-fragment-description { color: rgba(0, 0, 0, 0.3); }

.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; }

.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: 0 0 0.5em 0; color: rgba(0, 0, 0, 0.7); font-size: 0.9em; line-height: 1.4; }

.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.checked:before, .pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before, .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.checked:before { content: ""; }

.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; margin-top: 0.6px; }

.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; padding-left: 1.5em; position: relative; margin-top: 0.2em; margin-bottom: 0.2em; 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-right: 1.5em; padding-left: 0; }

.pat-checklist:not(.free-form):not(.free-form) > label.checked:before, .pat-checklist:not(.free-form):not(.free-form) > label.unchecked:before, .pat-checklist:not(.free-form):not(.free-form) .label.checked:before, .pat-checklist:not(.free-form):not(.free-form) .label.unchecked:before, .pat-checklist:not(.free-form):not(.free-form) li > label.checked:before, .pat-checklist:not(.free-form):not(.free-form) li > label.unchecked:before { font-family: fontello; content: ""; float: left; position: absolute; left: 0; top: 0.6em; transform: translateY(-50%); line-height: 0.8em; font-size: 1em; font-weight: normal; background-color: white; height: 0.75em; width: 0.75em; border-radius: 7%; }

fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) > label.checked:before, fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) > label.unchecked:before, fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) .label.checked:before, fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) .label.unchecked:before, fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) li > label.checked:before, fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) li > label.unchecked:before { top: 0.7em; }

body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) > label.checked:before, body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) > label.unchecked:before, body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label.checked:before, body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label.unchecked:before, body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li > label.checked:before, body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li > label.unchecked:before { left: auto; right: 0; }

.pat-checklist:not(.free-form):not(.free-form) > label.disabled, .pat-checklist:not(.free-form):not(.free-form) > label.disabled .label-fragment-description, .pat-checklist:not(.free-form):not(.free-form) .label.disabled, .pat-checklist:not(.free-form):not(.free-form) .label.disabled .label-fragment-description, .pat-checklist:not(.free-form):not(.free-form) li > label.disabled, .pat-checklist:not(.free-form):not(.free-form) li > label.disabled .label-fragment-description { color: rgba(0, 0, 0, 0.3); }

.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; }

.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: 0 0 0.5em 0; color: rgba(0, 0, 0, 0.7); font-size: 0.9em; line-height: 1.4; }

.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.checked:before, .pat-checklist:not(.free-form):not(.free-form) .label.checked:before, .pat-checklist:not(.free-form):not(.free-form) li > label.checked:before { content: ""; }

.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; margin-top: 0.6px; }

.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.cloud:not(.free-form) label { display: inline-block; margin-right: 1em; }

.pat-checklist.radio:not(.free-form) label.unchecked:before, .pat-checklist.radio-bars:not(.free-form) label.unchecked:before { content: ""; border-radius: 50%; font-size: 1em; }

.pat-checklist.radio:not(.free-form) label.checked:before, .pat-checklist.radio-bars:not(.free-form) label.checked:before { content: ""; border-radius: 50%; font-size: 1em; }

.pat-checklist.radio-bars:not(.free-form):not(.free-form) { border-radius: 5px; box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15); padding: 5px 5px 0 5px; background: #efefef; }

.pat-checklist.radio-bars:not(.free-form):not(.free-form) label { border-radius: 3.75px; padding: 0.6em 0.6em 0.6em 40px; margin-bottom: 5px; }

.pat-checklist.radio-bars:not(.free-form):not(.free-form) label:before, .pat-checklist.radio-bars:not(.free-form):not(.free-form) label:after { left: 12px !important; top: 50%; margin-top: 0; }

.pat-checklist.radio-bars:not(.free-form):not(.free-form) label:hover { background: rgba(0, 0, 0, 0.05); }

.pat-checklist.radio-bars:not(.free-form):not(.free-form) label.checked { background: #009FE3; color: white; }

.pat-checklist.radio-bars:not(.free-form):not(.free-form) label.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: 5px; 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: .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: ""; font-size: 15px; }

.pat-carousel [dir='rtl'] .slick-prev:before { content: ""; }

.pat-carousel .slick-next { right: 10px; }

.pat-carousel [dir='rtl'] .slick-next { right: auto; left: 10px; }

.pat-carousel .slick-next:before { content: ""; font-size: 15px; }

.pat-carousel [dir='rtl'] .slick-next:before { content: ""; }

.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; }

#content: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: 5px; }

.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: .5; *position: absolute; *top: 0; }

.pika-prev:hover, .pika-next:hover { opacity: 1; }

.pika-prev.is-disabled, .pika-next.is-disabled { cursor: default; opacity: .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.285714285714286%; 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: #009FE3; font-weight: bold; }

.is-selected .pika-button { color: #fff; font-weight: bold; background: #009FE3; box-shadow: inset 0 1px 3px #178fe5; border-radius: 5px; }

.is-disabled .pika-button { pointer-events: none; cursor: default; color: #999; opacity: .3; }

.pika-button:hover { color: #fff; background: #ff8000; box-shadow: none; border-radius: 5px; }

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

@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: 5px; }

#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: #009FE3 !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: ""; }

#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; } }

.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; }

/*! 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 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: 5px; 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: ""; }

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

.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"] + .end[class*="column"] { 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); }

@media only screen and (min-width: 768px) { .pat-grid-list { display: grid; grid-column-gap: 0; grid-template-columns: 40% 60%; } }

@media print { .pat-grid-list { display: grid; grid-column-gap: 0; grid-template-columns: 40% 60%; } }

.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; }

@media print { .pat-grid-list dd { display: block; border: none; clear: both; width: 100%; } }

.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; } }

label.pat-checklist { padding-left: 1.5em; position: relative; padding-left: 1.1em; padding-right: 0.5em; }

body[dir=rtl] label.pat-checklist { padding-right: 1.5em; padding-left: 0; }

label.pat-checklist.checked:before, label.pat-checklist.unchecked:before { font-family: fontello; content: ""; float: left; position: absolute; left: 0; top: 0.6em; transform: translateY(-50%); line-height: 0.8em; font-size: 1em; font-weight: normal; background-color: white; height: 0.75em; width: 0.75em; border-radius: 7%; }

fieldset.fancy label.pat-checklist.checked:before, fieldset.fancy label.pat-checklist.unchecked:before { top: 0.7em; }

body[dir=rtl] label.pat-checklist.checked:before, body[dir=rtl] label.pat-checklist.unchecked:before { left: auto; right: 0; }

label.pat-checklist.disabled, label.pat-checklist.disabled .label-fragment-description { color: rgba(0, 0, 0, 0.3); }

label.pat-checklist .label-fragment-title { margin: 0; }

label.pat-checklist .label-fragment-description { margin: 0 0 0.5em 0; color: rgba(0, 0, 0, 0.7); font-size: 0.9em; line-height: 1.4; }

label.pat-checklist .label-fragment-description > * { color: black; }

label.pat-checklist.checked:before { content: ""; }

label.pat-checklist input[type="checkbox"], label.pat-checklist input[type="radio"] { opacity: 0; position: absolute; left: 0; width: 0; margin-top: 0.6px; }

label.pat-checklist.checked:before, label.pat-checklist.unchecked:before { top: 50%; transform: translateY(-50%); }

.pat-checklist:not(.free-form) { line-height: 1.2em; min-height: 0.7em; }

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: 0.4em; }

.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; padding-left: 1.5em; position: relative; margin-top: 0.2em; margin-bottom: 0.2em; 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-right: 1.5em; padding-left: 0; }

.pat-checklist:not(.free-form) .pat-checklist-sub > label.checked:before, .pat-checklist:not(.free-form) .pat-checklist-sub > label.unchecked:before, .pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before, .pat-checklist:not(.free-form) .pat-checklist-sub .label.unchecked:before, .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.checked:before, .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.unchecked:before { font-family: fontello; content: ""; float: left; position: absolute; left: 0; top: 0.6em; transform: translateY(-50%); line-height: 0.8em; font-size: 1em; font-weight: normal; background-color: white; height: 0.75em; width: 0.75em; border-radius: 7%; }

fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub > label.checked:before, fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub > label.unchecked:before, fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before, fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub .label.unchecked:before, fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.checked:before, fieldset.fancy .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.unchecked:before { top: 0.7em; }

body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > label.checked:before, body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > label.unchecked:before, body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before, body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub .label.unchecked:before, body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.checked:before, body[dir=rtl] .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.unchecked:before { left: auto; right: 0; }

.pat-checklist:not(.free-form) .pat-checklist-sub > label.disabled, .pat-checklist:not(.free-form) .pat-checklist-sub > label.disabled .label-fragment-description, .pat-checklist:not(.free-form) .pat-checklist-sub .label.disabled, .pat-checklist:not(.free-form) .pat-checklist-sub .label.disabled .label-fragment-description, .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.disabled, .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.disabled .label-fragment-description { color: rgba(0, 0, 0, 0.3); }

.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; }

.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: 0 0 0.5em 0; color: rgba(0, 0, 0, 0.7); font-size: 0.9em; line-height: 1.4; }

.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.checked:before, .pat-checklist:not(.free-form) .pat-checklist-sub .label.checked:before, .pat-checklist:not(.free-form) .pat-checklist-sub > li > label.checked:before { content: ""; }

.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; margin-top: 0.6px; }

.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; padding-left: 1.5em; position: relative; margin-top: 0.2em; margin-bottom: 0.2em; 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-right: 1.5em; padding-left: 0; }

.pat-checklist:not(.free-form):not(.free-form) > label.checked:before, .pat-checklist:not(.free-form):not(.free-form) > label.unchecked:before, .pat-checklist:not(.free-form):not(.free-form) .label.checked:before, .pat-checklist:not(.free-form):not(.free-form) .label.unchecked:before, .pat-checklist:not(.free-form):not(.free-form) li > label.checked:before, .pat-checklist:not(.free-form):not(.free-form) li > label.unchecked:before { font-family: fontello; content: ""; float: left; position: absolute; left: 0; top: 0.6em; transform: translateY(-50%); line-height: 0.8em; font-size: 1em; font-weight: normal; background-color: white; height: 0.75em; width: 0.75em; border-radius: 7%; }

fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) > label.checked:before, fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) > label.unchecked:before, fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) .label.checked:before, fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) .label.unchecked:before, fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) li > label.checked:before, fieldset.fancy .pat-checklist:not(.free-form):not(.free-form) li > label.unchecked:before { top: 0.7em; }

body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) > label.checked:before, body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) > label.unchecked:before, body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label.checked:before, body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) .label.unchecked:before, body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li > label.checked:before, body[dir=rtl] .pat-checklist:not(.free-form):not(.free-form) li > label.unchecked:before { left: auto; right: 0; }

.pat-checklist:not(.free-form):not(.free-form) > label.disabled, .pat-checklist:not(.free-form):not(.free-form) > label.disabled .label-fragment-description, .pat-checklist:not(.free-form):not(.free-form) .label.disabled, .pat-checklist:not(.free-form):not(.free-form) .label.disabled .label-fragment-description, .pat-checklist:not(.free-form):not(.free-form) li > label.disabled, .pat-checklist:not(.free-form):not(.free-form) li > label.disabled .label-fragment-description { color: rgba(0, 0, 0, 0.3); }

.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; }

.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: 0 0 0.5em 0; color: rgba(0, 0, 0, 0.7); font-size: 0.9em; line-height: 1.4; }

.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.checked:before, .pat-checklist:not(.free-form):not(.free-form) .label.checked:before, .pat-checklist:not(.free-form):not(.free-form) li > label.checked:before { content: ""; }

.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; margin-top: 0.6px; }

.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.cloud:not(.free-form) label { display: inline-block; margin-right: 1em; }

.pat-checklist.radio:not(.free-form) label.unchecked:before, .pat-checklist.radio-bars:not(.free-form) label.unchecked:before { content: ""; border-radius: 50%; font-size: 1em; }

.pat-checklist.radio:not(.free-form) label.checked:before, .pat-checklist.radio-bars:not(.free-form) label.checked:before { content: ""; border-radius: 50%; font-size: 1em; }

.pat-checklist.radio-bars:not(.free-form):not(.free-form) { border-radius: 5px; box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15); padding: 5px 5px 0 5px; background: #efefef; }

.pat-checklist.radio-bars:not(.free-form):not(.free-form) label { border-radius: 3.75px; padding: 0.6em 0.6em 0.6em 40px; margin-bottom: 5px; }

.pat-checklist.radio-bars:not(.free-form):not(.free-form) label:before, .pat-checklist.radio-bars:not(.free-form):not(.free-form) label:after { left: 12px !important; top: 50%; margin-top: 0; }

.pat-checklist.radio-bars:not(.free-form):not(.free-form) label:hover { background: rgba(0, 0, 0, 0.05); }

.pat-checklist.radio-bars:not(.free-form):not(.free-form) label.checked { background: #009FE3; color: white; }

.pat-checklist.radio-bars:not(.free-form):not(.free-form) label.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 { font-family: "Source Sans Pro", sans-serif; margin: 0 0.5em 0 0; border: none; cursor: default; border-radius: 5px; background-image: none; text-decoration: none; line-height: 35px; white-space: nowrap; display: inline-block; padding: 0 1em; font-size: 1em; vertical-align: text-bottom; font-weight: bold; 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 !important; position: relative; overflow: hidden; width: auto; display: inline-block; }

.file-upload-button:not([disabled]):hover { color: #009adc; background-color: rgba(0, 0, 0, 0.1); }

.file-upload-button.default { color: white; background-color: #009ee2; box-shadow: none; }

.file-upload-button.default:not([disabled]):hover { background-color: #009ee2; color: white; }

.file-upload-button[disabled], .file-upload-button.disabled, .file-upload-button.default[disabled], .file-upload-button.default.disabled { color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.08); }

.file-upload-button[disabled]:hover, .file-upload-button.disabled:hover, .file-upload-button.default[disabled]:hover, .file-upload-button.default.disabled:hover { color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.08); }

@media print { .file-upload-button { display: none; } }

.file-upload-button:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover { text-decoration: none; color: #009adc; }

.file-upload-button.small { font-size: 15px; padding: 0 12px; height: 22px; line-height: 20px; vertical-align: baseline; box-shadow: none; font-weight: 600; }

.file-upload-button:focus { outline: none; box-shadow: none; }

.file-upload-button[disabled]:not:active { box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4); }

.file-upload-button.iconified { width: 30px; padding: 0; }

.file-upload-button.iconified:before { width: 100%; text-align: center; line-height: 35px; }

.file-upload-button.link { padding: 0; display: inline; background: none; color: #009ee2; line-height: inherit; text-decoration: underline; vertical-align: baseline; cursor: pointer; }

.file-upload-button.link:hover { background: none; text-decoration: underline !important; color: black; }

.file-upload-button.no-label { padding-left: 0; padding-right: 0; width: 1.7em; text-overflow: clip; }

.file-upload-button.no-label:before { width: 100%; text-align: center; margin: 0 1em 0 0; }

form fieldset.vertical .group .file-upload-button { width: auto; display: inline-block; }

.file-upload-button input { position: absolute; top: 0; right: 0; bottom: 0; left: 0; height: auto; width: auto; padding: 0; margin: 0; opacity: 0; }

.pat-form { --pat-form-horizontal-label-width: 27%; --pat-form-horizontal-extra-width: 26px; --pat-form-horizontal-column-gap: 25px; }

@media only screen and (max-width: 767px) { .pat-form { --pat-form-pane-padding: 20px; } }

@media only screen and (min-width: 768px) and (max-width: 1279px) { .pat-form { --pat-form-pane-padding: 30px; } }

@media only screen and (min-width: 1280px) { .pat-form { --pat-form-pane-padding: 40px; } }

.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.panel-style .form-panel { padding: var(--pat-form-pane-padding); box-sizing: border-box; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); border-radius: 5px; background-color: rgba(255, 255, 255, 0.5); margin-bottom: 25px; }

.pat-form.panel-style .form-panel .panel-content > *:last-child { margin-bottom: 0; }

.pat-form.panel-style .form-panel .panel-content > .button-bar:last-child { margin-bottom: -10px; }

.pat-form.panel-style .form-panel .form-separation-header, .pat-form.panel-style .form-panel .form-panel-title { margin-top: 0; transition: padding 0.4s; }

.pat-form.panel-style .form-panel.pat-collapsible { transition: padding 0.4s; padding: 0; }

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group { position: relative; }

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons { position: absolute; right: calc(var(--pat-form-pane-padding) + 31px + 15px); top: 50%; transform: translateY(-50%); }

.pat-form.panel-style .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: 5px; }

.pat-form.panel-style .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.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons .icon:hover { background-color: rgba(0, 0, 0, 0.1); }

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons .icon:hover:after { color: #009adc; }

.pat-form.panel-style .form-panel.pat-collapsible .form-panel-title-group .buttons .icon.help:after { content: ""; }

.pat-form.panel-style .form-panel.pat-collapsible .form-separation-header, .pat-form.panel-style .form-panel.pat-collapsible .form-panel-title { padding-right: 50px; padding-left: var(--pat-form-pane-padding); position: relative; margin: 0; }

body[dir=rtl] .pat-form.panel-style .form-panel.pat-collapsible .form-separation-header, body[dir=rtl] .pat-form.panel-style .form-panel.pat-collapsible .form-panel-title { padding-left: 50px; padding-right: var(--pat-form-pane-padding); }

.pat-form.panel-style .form-panel.pat-collapsible .form-separation-header:after, .pat-form.panel-style .form-panel.pat-collapsible .form-panel-title:after { font-family: fontello; content: ""; font-size: 0.65em; background-color: rgba(0, 0, 0, 0.08); color: #009ee2; position: absolute; right: var(--pat-form-pane-padding); top: 50%; transform: translateY(-50%); z-index: 1; width: 31px; height: 31px; text-align: center; line-height: 31px; border-radius: 5px; display: inline-block; }

.pat-form.panel-style .form-panel.pat-collapsible .form-separation-header:hover:after, .pat-form.panel-style .form-panel.pat-collapsible .form-panel-title:hover:after { background-color: rgba(0, 0, 0, 0.1); color: #009adc; }

.pat-form.panel-style .form-panel.pat-collapsible.open, .pat-form.panel-style .form-panel.pat-collapsible.closed.in-progress { transition: box-shadow 2s; }

.pat-form.panel-style .form-panel.pat-collapsible.open .form-separation-header, .pat-form.panel-style .form-panel.pat-collapsible.open .form-panel-title, .pat-form.panel-style .form-panel.pat-collapsible.closed.in-progress .form-separation-header, .pat-form.panel-style .form-panel.pat-collapsible.closed.in-progress .form-panel-title { padding-top: var(--pat-form-pane-padding); padding-bottom: var(--pat-form-pane-padding); }

.pat-form.panel-style .form-panel.pat-collapsible.closed:hover { box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5); }

.pat-form.panel-style .form-panel.pat-collapsible.closed .form-separation-header, .pat-form.panel-style .form-panel.pat-collapsible.closed .form-panel-title, .pat-form.panel-style .form-panel.pat-collapsible.open.in-progress .form-separation-header, .pat-form.panel-style .form-panel.pat-collapsible.open.in-progress .form-panel-title { padding-top: 20px; padding-bottom: 20px; border-radius: 5px; }

.pat-form.panel-style .form-panel.pat-collapsible.closed .form-separation-header:after, .pat-form.panel-style .form-panel.pat-collapsible.closed .form-panel-title:after, .pat-form.panel-style .form-panel.pat-collapsible.open.in-progress .form-separation-header:after, .pat-form.panel-style .form-panel.pat-collapsible.open.in-progress .form-panel-title:after { content: ""; }

.pat-form.panel-style .form-panel.pat-collapsible .panel-content { padding: 0 var(--pat-form-pane-padding) var(--pat-form-pane-padding); box-sizing: border-box; }

.pat-form .pat-message, .pat-form .message { color: black; padding: 0.8em; margin-bottom: 1em; background-color: #efefef; border-radius: 5px; line-height: 1.3; font-family: "Source Sans Pro", 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: 2em; 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 > p, .pat-form .pat-message .message-title, .pat-form .message > p, .pat-form .message .message-title { margin-bottom: 0.5em; }

.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: #CBF08B; }

.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.info, .pat-form .message.info { background-color: #d9edf7; }

.pat-form .pat-message.error, .pat-form .message.error { background-color: rgba(255, 0, 0, 0.1); 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 a:not(.pat-button), .pat-form .message.warning a:not(.pat-button) { color: rgba(0, 0, 0, 0.6); text-decoration: underline; }

.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: -0.1em 0; max-width: 100%; line-height: inherit; }

.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: "Source Sans Pro", sans-serif; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0.2em 0.5em; margin: -0.2em 0; border: none; box-shadow: none; outline: none; outline-offset: 0; color: inherit; font-size: 100%; border-radius: 0; max-width: 100%; background-color: rgba(0, 0, 0, 0.06); border-radius: 5px; line-height: inherit; }

.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: none; border: none; box-shadow: none; }

.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: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; background: transparent; box-shadow: none; color: rgba(0, 0, 0, 0.5); }

@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 .select2-container-active .select2-choice, .pat-form .select2-container-active .select2-choices { outline: none; border: none; box-shadow: none; }

.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; }

.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 { position: absolute; top: 0; left: 0; right: 0; color: initial; }

.pat-form .field-cluster.layout-amount-per-timespan:not(.layout-inline) { grid-template-columns: 100px 200px; justify-self: start; }

.pat-form .field-cluster.layout-title-names:not(.layout-inline) { grid-template-columns: 50px auto auto; }

.pat-form .field-cluster.layout-date-time:not(.layout-inline) { grid-template-columns: auto 100px; }

.pat-form .field-cluster.layout-date:not(.layout-inline) { grid-template-columns: 100px 150px 100px; }

.pat-form .field-cluster.layout-address-line-nl:not(.layout-inline) { grid-template-columns: auto 100px 60px; }

.pat-form .field-cluster.layout-postal-code-place-line-nl:not(.layout-inline) { grid-template-columns: 100px auto; }

.pat-form .pat-rich-editor .ProseMirror { overflow: hidden; }

.pat-form input[type=time] { padding-top: 0; padding-bottom: 0; }

.pat-form ::-webkit-datetime-edit { padding-top: 0.2em; padding-bottom: 0.2em; margin-bottom: -0.3em; line-height: inherit; font-size: inherit; }

.pat-form ::-webkit-datetime-edit > * { 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; }

.pat-form ::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.35); }

.pat-form ::placeholder, .pat-form .select2-container .select2-choice.select2-default { color: rgba(0, 0, 0, 0.35); }

.pat-form .output-field { position: relative; padding-right: 27px; }

.pat-form .output-field span.placeholder { color: rgba(0, 0, 0, 0.35); }

.pat-form .output-field:after { content: ' '; display: inline-block; }

.pat-form .output-field:hover { box-shadow: inset 0 0 1px 1px #009FE3; }

.pat-form .output-field .cancel-button, .pat-form .output-field .select2-search-choice-close { position: absolute; top: 50%; right: 12px; 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: ""; 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 { margin: -0.2em 0 0; display: inline-block !important; }

.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 { margin: -0.1em 0; }

.pat-form .select2-container .select2-choice, .pat-form .select2-container .select2-choices { padding-top: 0.2em; padding-bottom: 0.2em; margin: 0 0 -8px 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 !important; }

.pat-form input[type="file"]::file-selector-button { font-family: "Source Sans Pro", sans-serif; margin: 0 0.5em 0 0; border: none; cursor: default; border-radius: 5px; background-image: none; text-decoration: none; line-height: 35px; white-space: nowrap; display: inline-block; padding: 0 1em; font-size: 1em; vertical-align: text-bottom; font-weight: bold; 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: 16px; padding: 0 12px; height: 22px; line-height: 21px; box-shadow: none; font-weight: 600; vertical-align: middle; margin: 3px 0 2px 0; display: inline-block; }

.pat-form input[type="file"]::file-selector-button:not([disabled]):hover { color: #009adc; background-color: rgba(0, 0, 0, 0.1); }

.pat-form input.default[type="file"]::file-selector-button { color: white; background-color: #009ee2; box-shadow: none; }

.pat-form input.default[type="file"]::file-selector-button:not([disabled]):hover { background-color: #009ee2; color: white; }

.pat-form input[type="file"][disabled]::file-selector-button, .pat-form input.disabled[type="file"]::file-selector-button, .pat-form input.default[type="file"][disabled]::file-selector-button, .pat-form input.default.disabled[type="file"]::file-selector-button { color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.08); }

.pat-form input[type="file"][disabled]::file-selector-button:hover, .pat-form input.disabled[type="file"]::file-selector-button:hover, .pat-form input.default[type="file"][disabled]::file-selector-button:hover, .pat-form input.default.disabled[type="file"]::file-selector-button: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:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover { text-decoration: none; color: #009adc; }

.pat-form input.small[type="file"]::file-selector-button { 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:focus { outline: none; box-shadow: none; }

.pat-form input[type="file"][disabled]::file-selector-button:not:active { box-shadow: inset 0 0 0.3em rgba(0, 0, 0, 0.4); }

.pat-form input.iconified[type="file"]::file-selector-button { width: 30px; padding: 0; }

.pat-form input.iconified[type="file"]::file-selector-button:before { width: 100%; text-align: center; line-height: 35px; }

.pat-form input.link[type="file"]::file-selector-button { padding: 0; display: inline; background: none; color: #009ee2; line-height: inherit; text-decoration: underline; vertical-align: baseline; cursor: pointer; }

.pat-form input.link[type="file"]::file-selector-button:hover { background: none; text-decoration: underline !important; color: black; }

.pat-form input.no-label[type="file"]::file-selector-button { padding-left: 0; padding-right: 0; width: 1.7em; text-overflow: clip; }

.pat-form input.no-label[type="file"]::file-selector-button:before { width: 100%; text-align: center; margin: 0 1em 0 0; }

.pat-form input[type=range] { /*removes default webkit styles*/ -webkit-appearance: none; appearance: none; padding: 0.2em 0; background: transparent; /*fix for FF unable to apply focus style bug */ border-radius: 1em; /*required for proper track sizing in FF*/ }

.pat-form input[type=range]:focus { outline: none; border: 1px solid white; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; }

.pat-form input[type=range]::-webkit-slider-runnable-track { height: 0.5em; background: rgba(0, 0, 0, 0.3); 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: 1.4em; width: 1.4em; border-radius: 50%; background: #009FE3; margin-top: -0.45em; }

.pat-form input[type=range]::-moz-range-track { height: 0.5em; background: rgba(0, 0, 0, 0.3); 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: 1.4em; width: 1.4em; border-radius: 50%; background: #009FE3; }

.pat-form input[type=range]:-moz-focusring { outline: 1px solid white; outline-offset: -1px; }

.pat-form input[type=range]::-ms-track { height: 0.5em; background: #efefef; border-color: transparent; border-width: 0.5em 0; color: transparent; }

.pat-form input[type=range]::-ms-thumb { border: none; height: 1.4em; width: 1.4em; border-radius: 50%; background: #009FE3; }

.pat-form input[type=range]:focus::-ms-fill-lower { background: #888; }

.pat-form input[type=range]:focus::-ms-fill-upper { background: #ccc; }

.pat-form .colour-chooser-launcher { margin: 0; }

.pat-form .colour-chooser-launcher .pat-button { display: inline-block; text-align: center; margin-right: 0; color: white; }

.pat-form .colour-chooser-launcher #portal-header-colour-chooser-trigger.pat-button { background-color: white; }

.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 .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.5em; top: 50%; transform: translateY(-50%); }

.pat-form .currency-field input, .pat-form .currency-field output { padding-left: 1.5em; 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: 5px; border-bottom-right-radius: 5px; 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: ""; }

.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: 29px; 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; }

body[dir=rtl] .pat-form select { background-position: 10px center; }

.pat-form select::-ms-expand { display: none; }

.pat-form fieldset { border-style: none; margin: 0 0 1em; padding: 0; min-width: inherit; }

.pat-form fieldset.section { margin: 0 0 2em; }

.pat-form fieldset .help-icon { color: transparent; content: ""; font-family: fontello; position: relative; margin: -0.2em 0; line-height: inherit; height: 37px; width: 20px; overflow: hidden; }

.pat-form fieldset .help-icon:hover:before, .pat-form fieldset .help-icon.tooltip-active-click:before { background-color: #009ee2; }

.pat-form fieldset .help-icon:before { content: ""; border-radius: 5px; background-color: #009ee2; transform: none; margin: 0; font-family: fontello; color: white; position: absolute; top: 50%; right: 0; transform: translateY(-50%); line-height: 20px; height: 20px; 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; }

@media only screen and (min-width: 768px) { .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: block; 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 1em 0; } .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 / last; } .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 1em 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.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 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 > .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 > .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 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 > .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 { justify-items: start; } .pat-form fieldset.horizontal fieldset.group.image-selection .pat-button, .pat-form fieldset.horizontal fieldset.group.object-upload .pat-button, .pat-form fieldset.horizontal fieldset.group.image-upload .pat-button, .pat-form fieldset.horizontal fieldset.group.video-upload .pat-button, .pat-form fieldset.horizontal div.group.image-selection .pat-button, .pat-form fieldset.horizontal div.group.object-upload .pat-button, .pat-form fieldset.horizontal div.group.image-upload .pat-button, .pat-form fieldset.horizontal div.group.video-upload .pat-button, .pat-form fieldset.horizontal > .pat-checklist.image-selection .pat-button, .pat-form fieldset.horizontal > .pat-checklist.object-upload .pat-button, .pat-form fieldset.horizontal > .pat-checklist.image-upload .pat-button, .pat-form fieldset.horizontal > .pat-checklist.video-upload .pat-button, .pat-form fieldset.horizontal > .panel-content fieldset.group.image-selection .pat-button, .pat-form fieldset.horizontal > .panel-content fieldset.group.object-upload .pat-button, .pat-form fieldset.horizontal > .panel-content fieldset.group.image-upload .pat-button, .pat-form fieldset.horizontal > .panel-content fieldset.group.video-upload .pat-button, .pat-form fieldset.horizontal > .panel-content div.group.image-selection .pat-button, .pat-form fieldset.horizontal > .panel-content div.group.object-upload .pat-button, .pat-form fieldset.horizontal > .panel-content div.group.image-upload .pat-button, .pat-form fieldset.horizontal > .panel-content div.group.video-upload .pat-button, .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-selection .pat-button, .pat-form fieldset.horizontal > .panel-content > .pat-checklist.object-upload .pat-button, .pat-form fieldset.horizontal > .panel-content > .pat-checklist.image-upload .pat-button, .pat-form fieldset.horizontal > .panel-content > .pat-checklist.video-upload .pat-button { margin: 0 0 -9px 0; } .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.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.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.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 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.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.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.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 > .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.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.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.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 > .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.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.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.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 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.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.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.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 > .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.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.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.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 { width: 100%; } .pat-form fieldset.horizontal fieldset.group.image-selection input, .pat-form fieldset.horizontal fieldset.group.image-selection video, .pat-form fieldset.horizontal fieldset.group.image-selection img, .pat-form fieldset.horizontal fieldset.group.object-upload input, .pat-form fieldset.horizontal fieldset.group.object-upload video, .pat-form fieldset.horizontal fieldset.group.object-upload img, .pat-form fieldset.horizontal fieldset.group.image-upload input, .pat-form fieldset.horizontal fieldset.group.image-upload video, .pat-form fieldset.horizontal fieldset.group.image-upload img, .pat-form fieldset.horizontal fieldset.group.video-upload input, .pat-form fieldset.horizontal fieldset.group.video-upload video, .pat-form fieldset.horizontal fieldset.group.video-upload img, .pat-form fieldset.horizontal div.group.image-selection input, .pat-form fieldset.horizontal div.group.image-selection video, .pat-form fieldset.horizontal div.group.image-selection img, .pat-form fieldset.horizontal div.group.object-upload input, .pat-form fieldset.horizontal div.group.object-upload video, .pat-form fieldset.horizontal div.group.object-upload img, .pat-form fieldset.horizontal div.group.image-upload input, .pat-form fieldset.horizontal div.group.image-upload video, .pat-form fieldset.horizontal div.group.image-upload img, .pat-form fieldset.horizontal div.group.video-upload input, .pat-form fieldset.horizontal div.group.video-upload video, .pat-form fieldset.horizontal div.group.video-upload img, .pat-form fieldset.horizontal > .pat-checklist.image-selection input, .pat-form fieldset.horizontal > .pat-checklist.image-selection video, .pat-form fieldset.horizontal > .pat-checklist.image-selection img, .pat-form fieldset.horizontal > .pat-checklist.object-upload input, .pat-form fieldset.horizontal > .pat-checklist.object-upload video, .pat-form fieldset.horizontal > .pat-checklist.object-upload img, .pat-form fieldset.horizontal > .pat-checklist.image-upload input, .pat-form fieldset.horizontal > .pat-checklist.image-upload video, .pat-form fieldset.horizontal > .pat-checklist.image-upload img, .pat-form fieldset.horizontal > .pat-checklist.video-upload input, .pat-form fieldset.horizontal > .pat-checklist.video-upload video, .pat-form fieldset.horizontal > .pat-checklist.video-upload img, .pat-form fieldset.horizontal > .panel-content fieldset.group.image-selection input, .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.object-upload input, .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.image-upload input, .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.video-upload input, .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 div.group.image-selection input, .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.object-upload input, .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.image-upload input, .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.video-upload input, .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 > .pat-checklist.image-selection input, .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.object-upload input, .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.image-upload input, .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.video-upload input, .pat-form fieldset.horizontal > .panel-content > .pat-checklist.video-upload video, .pat-form fieldset.horizontal > .panel-content > .pat-checklist.video-upload img { margin-bottom: 5px; } .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 / last; } .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 / last; } 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: block; 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, .pat-form fieldset.horizontal div.group label, .pat-form fieldset.horizontal > .pat-checklist label, .pat-form fieldset.horizontal > .panel-content fieldset.group label, .pat-form fieldset.horizontal > .panel-content div.group label, .pat-form fieldset.horizontal > .panel-content > .pat-checklist label { font-weight: normal; font-style: normal; position: relative; border-style: none; } .pat-form fieldset.horizontal fieldset.group label + .pat-checklist, .pat-form fieldset.horizontal div.group label + .pat-checklist, .pat-form fieldset.horizontal > .pat-checklist label + .pat-checklist, .pat-form fieldset.horizontal > .panel-content fieldset.group label + .pat-checklist, .pat-form fieldset.horizontal > .panel-content div.group label + .pat-checklist, .pat-form fieldset.horizontal > .panel-content > .pat-checklist label + .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(30% * 100% / (100% - 30%)); width: 80%; } }

@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 > .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 > .attachment-list, .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 > .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 > .attachment-list, .pat-form fieldset.horizontal .group > .pat-checklist { display: block; margin-top: 0.2em; width: 100%; font-weight: normal; } .pat-form fieldset.horizontal .row { margin: 0 -5px 0.8em; } .pat-form fieldset.horizontal .row .column, .pat-form fieldset.horizontal .row .columns { margin-bottom: 0; padding: 0 5px; } .pat-form fieldset.horizontal .row .column > *, .pat-form fieldset.horizontal .row .columns > * { margin-bottom: 0; } .pat-form fieldset.horizontal .row:last-child { margin-bottom: 0; } .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 > label, .pat-form fieldset.horizontal .group:not(.pat-checklist) > label { font-weight: bold; display: block; margin-bottom: 1em; } .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 > .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 > .attachment-list, .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 > .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 > .attachment-list, .pat-form fieldset.vertical .group > .pat-checklist { display: block; margin-top: 0.2em; width: 100%; font-weight: normal; }

.pat-form fieldset.vertical .row { margin: 0 -5px 0.8em; }

.pat-form fieldset.vertical .row .column, .pat-form fieldset.vertical .row .columns { margin-bottom: 0; padding: 0 5px; }

.pat-form fieldset.vertical .row .column > *, .pat-form fieldset.vertical .row .columns > * { margin-bottom: 0; }

.pat-form fieldset.vertical .row:last-child { margin-bottom: 0; }

.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 > label, .pat-form fieldset.vertical .group:not(.pat-checklist) > label { font-weight: bold; display: block; margin-bottom: 1em; }

.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: 5px; 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: 5px; box-sizing: border-box; }

.pat-icon:hover { color: black; text-decoration: none; }

.pat-icon.active { color: #009FE3; box-shadow: none; }

.pat-icon.active:before { color: #009FE3; }

.pat-inject.executing[action] [type="submit"], .pat-inject.executing[formaction] [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.executing[href] { -ms-pointer-events: none; -moz-pointer-events: none; -webkit-pointer-events: none; pointer-events: none; opacity: 0.5; }

.pat-message { color: black; padding: 0.8em; margin-bottom: 1em; background-color: #efefef; border-radius: 5px; line-height: 1.3; font-family: "Source Sans Pro", 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 > p, .pat-message .message-title { margin-bottom: 0.5em; }

.pat-message > *:last-child { margin-bottom: 0; }

.pat-message.success { background-color: #e1eddb; }

.pat-message.success:before { color: #CBF08B; }

.pat-message.notice { background-color: #fdfdc8; }

.pat-message.notice:before { color: #fdfdc8; }

.pat-message.info { background-color: #d9edf7; }

.pat-message.error { background-color: rgba(255, 0, 0, 0.1); color: red; }

.pat-message.warning { background-color: #fbead9; color: black; }

.pat-message.warning:before { color: orange; }

.pat-message.warning a:not(.pat-button) { color: rgba(0, 0, 0, 0.6); text-decoration: underline; }

.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: 5px; 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: 20px 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: 10px; 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; 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: ""; 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: 5px; border-top-right-radius: 5px; 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: 5px; }

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-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-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 > .button-bar:last-child, div.pat-modal.panel.carousel .panel-content .panel-body .container .main.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 > .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: ""; 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: ""; }

div.pat-modal.panel > .header .close-panel { right: 15px; }

div.pat-modal.panel > .header .close-panel:before { content: ""; }

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: 5px; }

div.pat-modal.panel .panel-content .panel-body { max-height: calc(100vh - 250px); overflow-y: auto; padding-top: 5px; }

div.pat-modal.panel .panel-content .panel-body > .button-bar:last-child, div.pat-modal.panel .panel-content .panel-body .container > .button-bar:last-child, div.pat-modal.panel .panel-content .panel-body .container > form > .button-bar:last-child, div.pat-modal.panel .panel-content .panel-body .container > .panel-sheets > .sheet-content > form > .button-bar:last-child { position: -webkit-sticky !important; position: sticky !important; bottom: -21px; margin-bottom: -20px; background: white; padding-bottom: 10px; padding-top: 20px; border-top: 1px solid white; z-index: 10; }

div.pat-modal.panel .panel-content .panel-body > .button-bar.bumped:last-child, div.pat-modal.panel .panel-content .panel-body .container > .button-bar.bumped:last-child, div.pat-modal.panel .panel-content .panel-body .container > form > .button-bar.bumped:last-child, div.pat-modal.panel .panel-content .panel-body .container > .panel-sheets > .sheet-content > form > .button-bar.bumped:last-child { border-top: 1px solid silver; }

div.pat-modal.panel .panel-content > .button-bar, div.pat-modal.panel .panel-content .container > .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 { 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.4; 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: ""; display: block; position: absolute; right: 0; top: 0; font-size: 2.5em; color: black; text-indent: 0; }

div.pat-modal.small:not(.panel):not(.sheet) .panel-content .container, div.pat-modal:not(.panel):not(.sheet) > .panel-content .panel-class-small .container, div.pat-modal.document-content.small:not(.panel):not(.sheet) .panel-content .container, div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content .panel-class-small .container { max-width: 640px; }

div.pat-modal.small:not(.panel):not(.sheet) > .panel-content > h1, div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small, div.pat-modal.document-content.small:not(.panel):not(.sheet) > .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.small:not(.panel):not(.sheet) > .panel-content > h1, div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small, div.pat-modal.document-content.small:not(.panel):not(.sheet) > .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.medium:not(.panel):not(.sheet) .panel-content .container, div.pat-modal:not(.panel):not(.sheet) > .panel-content .panel-class-small .container, div.pat-modal.document-content.medium:not(.panel):not(.sheet) .panel-content .container, div.pat-modal.document-content:not(.panel):not(.sheet) > .panel-content .panel-class-small .container { max-width: 840px; }

div.pat-modal.medium:not(.panel):not(.sheet) > .panel-content > h1, div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small, div.pat-modal.document-content.medium:not(.panel):not(.sheet) > .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.medium:not(.panel):not(.sheet) > .panel-content > h1, div.pat-modal:not(.panel):not(.sheet) h1.panel-class-small, div.pat-modal.document-content.medium:not(.panel):not(.sheet) > .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.max-height:not(.panel):not(.sheet) > .panel-content, div.pat-modal.document-content.max-height:not(.panel):not(.sheet) > .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.max-height:not(.panel):not(.sheet) .wizard-box, div.pat-modal.document-content.max-height:not(.panel):not(.sheet) .wizard-box { overflow: hidden; }

div.pat-modal.max-height:not(.panel):not(.sheet) .wizard-box .panel-body, div.pat-modal.document-content.max-height:not(.panel):not(.sheet) .wizard-box .panel-body { position: absolute; top: 0; bottom: 0; right: 0; left: 0; padding: 5em 3em; overflow: auto; }

div.pat-modal.max-height:not(.panel):not(.sheet) .wizard-box .panel-footer, div.pat-modal.document-content.max-height:not(.panel):not(.sheet) .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; padding: 13px; margin-bottom: 1em; box-shadow: 0 1px 15px rgba(0, 0, 0, 0.3); display: block; border-radius: 5px; background-color: rgba(254, 255, 255, 0.98); color: rgba(0, 0, 0, 0.8); }

.pat-notification-panel button { font-family: "Source Sans Pro", sans-serif; margin: 0 0.5em 0 0; border: none; cursor: default; border-radius: 5px; background-image: none; text-decoration: none; line-height: 35px; white-space: nowrap; display: inline-block; padding: 0 1em; font-size: 1em; vertical-align: text-bottom; font-weight: bold; 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:not([disabled]):hover { color: #009adc; background-color: rgba(0, 0, 0, 0.1); }

.pat-notification-panel button.default { color: white; background-color: #009ee2; box-shadow: none; }

.pat-notification-panel button.default:not([disabled]):hover { background-color: #009ee2; color: white; }

.pat-notification-panel button[disabled], .pat-notification-panel button.disabled, .pat-notification-panel button.default[disabled], .pat-notification-panel button.default.disabled { 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.default[disabled]:hover, .pat-notification-panel button.default.disabled: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:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover { text-decoration: none; color: #009adc; }

.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:focus { outline: none; box-shadow: none; }

.pat-notification-panel button[disabled]:not: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-left: 0; padding-right: 0; width: 1.7em; text-overflow: clip; }

.pat-notification-panel button.no-label:before { width: 100%; text-align: center; margin: 0 1em 0 0; }

@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: #4b6e0e; }

.pat-notification-panel.success * { color: #4b6e0e !important; }

.pat-notification-panel.warning { background-color: #fbead9; }

.pat-notification-panel.error { background-color: rgba(255, 0, 0, 0.1); }

.pat-notification-panel.error * { color: red !important; }

.pat-notification-panel.info { background-color: #d9edf7; color: #247fad; }

.pat-notification-panel p:last-of-type { margin-bottom: 0; }

#pat-notification-banners { position: fixed; top: 55px; z-index: 2147483647; right: 15px; }

@media only screen and (max-width: 767px) { #pat-notification-banners { left: 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.4; 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: ""; display: block; position: absolute; right: 0; top: 0; font-size: 2.5em; color: black; text-indent: 0; }

@media only screen and (min-width: 768px) { #pat-notification-banners .pat-notification-panel { padding-right: 55px; position: relative; } }

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 { 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 0.5em; font-size: 18px; }

.pat-rich-editor .canvas-toolbar.inline .canvas-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: ""; 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; }

.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: 5px; 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: 5px; }

.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: #009FE3; 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_asc:after, .pat-sortable-table thead th.sorting-asc:after { content: ""; }

.pat-sortable-table thead th.sorting_desc:after, .pat-sortable-table thead th.sorting-desc:after { content: ""; }

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: 5px; }

.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(--select-box-height); line-height: var(--select-box-height); padding-top: var(--select-box-padding-top-bottom); padding-bottom: var(--select-box-padding-top-bottom); padding-left: var(--select-box-padding-right-left); padding-right: calc((var(--select-box-arrow-width) + var(--select-box-padding-right-left) / 2)); position: relative; font-weight: normal !important; font-size: 0; position: relative; box-sizing: border-box; border: none; box-shadow: var(--select-box-box-shadow); outline: none; outline-offset: 0; color: var(--select-box-arrow-text-colour); font-size: 100%; border-radius: 0; max-width: 100%; background-color: var(--select-box-background-color); border-radius: 5px; }

.js select.pat-select[data-value="draft"], .js label.pat-select select[data-value="draft"] { background-color: #fbead9; }

.js select.pat-select[data-value="draft"]:after, .js label.pat-select select[data-value="draft"]:after { background-color: #f6d4b2; }

.js select.pat-select[data-value="draft"]:before, .js select.pat-select[data-value="draft"]:after, .js label.pat-select select[data-value="draft"]:before, .js label.pat-select select[data-value="draft"]:after { color: #996300; }

.js select.pat-select[data-value="draft"]:hover, .js label.pat-select select[data-value="draft"]:hover { background-color: #f9ddc2; }

.js select.pat-select[data-value="draft"]:hover:after, .js label.pat-select select[data-value="draft"]:hover:after { background-color: #f3c79b; }

.js select.pat-select[data-value="for-review"], .js label.pat-select select[data-value="for-review"] { background-color: #f2d9e7; }

.js select.pat-select[data-value="for-review"]:after, .js label.pat-select select[data-value="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 label.pat-select select[data-value="for-review"]:before, .js label.pat-select select[data-value="for-review"]:after { color: #5d0035; }

.js select.pat-select[data-value="for-review"]:hover, .js label.pat-select select[data-value="for-review"]:hover { background-color: #ecc6db; }

.js select.pat-select[data-value="for-review"]:hover:after, .js label.pat-select select[data-value="for-review"]:hover:after { background-color: #dfa0c4; }

.js select.pat-select[data-value="published"], .js select.pat-select.success, .js label.pat-select select[data-value="published"], .js label.pat-select select.success { background-color: #e1eddb; color: #1b4106; }

.js select.pat-select[data-value="published"]:after, .js select.pat-select.success:after, .js label.pat-select select[data-value="published"]:after, .js label.pat-select select.success:after { background-color: #c4dbb6; }

.js select.pat-select[data-value="published"]:before, .js select.pat-select[data-value="published"]:after, .js select.pat-select.success:before, .js select.pat-select.success:after, .js label.pat-select select[data-value="published"]:before, .js label.pat-select select[data-value="published"]:after, .js label.pat-select select.success:before, .js label.pat-select select.success:after { color: #1b4106; }

.js select.pat-select[data-value="published"]:hover, .js select.pat-select.tooltip-active-click[data-value="published"], .js select.pat-select.success:hover, .js select.pat-select.success.tooltip-active-click, .js label.pat-select select[data-value="published"]:hover, .js label.pat-select select.tooltip-active-click[data-value="published"], .js label.pat-select select.success:hover, .js label.pat-select select.success.tooltip-active-click { background-color: #d3e5ca; }

.js select.pat-select[data-value="published"]:hover:after, .js select.pat-select.tooltip-active-click[data-value="published"]:after, .js select.pat-select.success:hover:after, .js select.pat-select.success.tooltip-active-click:after, .js label.pat-select select[data-value="published"]:hover:after, .js label.pat-select select.tooltip-active-click[data-value="published"]:after, .js label.pat-select select.success:hover:after, .js label.pat-select select.success.tooltip-active-click:after { background-color: #b6d3a5; }

.js select.pat-select.locked:before, .js label.pat-select select.locked:before { font-family: fontello; content: ""; display: inline-block; margin-right: 5px; float: left; font-size: inherit; }

.js select.pat-select:hover, .js label.pat-select select:hover { background-color: rgba(0, 0, 0, 0.1); }

.js select.pat-select:before, .js label.pat-select select:before { font-size: 20px; content: attr(data-option); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.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: ""; width: var(--select-box-arrow-width); background-color: var(--select-box-arrow-background-colour); display: block; position: absolute; top: 0; right: 0; bottom: 0; font-size: 18px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; 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 label.pat-select.bare, .js a.pat-select.bare { position: relative; cursor: default; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 29px 0 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; }

.js label.pat-select.bare:hover, .js label.pat-select.bare.focus, .js a.pat-select.bare:hover, .js a.pat-select.bare.focus { text-decoration: none; }

@media print { .js label.pat-select.bare, .js a.pat-select.bare { background-image: none; padding-right: 0; } }

.js label.pat-select.bare:after, .js a.pat-select.bare:after { content: ' '; padding-right: 1.5em; 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% - 10px) 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 { 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 select, .js a.pat-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; }

.pat-toolbar { color: rgba(0, 0, 0, 0.6); position: relative; z-index: 2; padding: 10px; border-radius: 5px; font-size: 18px; }

@media only screen and (max-width: 767px) { .pat-toolbar { --toolbar-auto-hide-offset: -15px; --pat-toolbar-element-separation: 0; margin: -10px -10px 0; } }

@media only screen and (min-width: 768px) { .pat-toolbar { --toolbar-auto-hide-offset: -40px; --pat-toolbar-element-separation: 10px; height: 35px; margin: 0 -10px 40px; } }

.pat-toolbar:after { content: " "; display: table; clear: both; }

.pat-toolbar .toolbar-title { font-size: 21px; line-height: 35px; margin: 0; font-weight: bold; white-space: nowrap !important; max-width: 100%; box-sizing: border-box; text-overflow: ellipsis; text-decoration: none; display: inline-block; padding: 0 10px; 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: 21px; width: auto; vertical-align: middle; }

.pat-toolbar .text-button { line-height: 35px; display: inline-block; cursor: default; border-radius: 5px; padding: 0 1em; margin: 0 -15px; }

.pat-toolbar .text-button:before { margin-left: 0; }

.pat-toolbar .text-button:hover { color: black; }

.pat-toolbar .text-button.tooltip-active-click { background-color: #009FE3; color: white; }

.pat-toolbar:focus { outline: none; }

.pat-modal .pat-toolbar { margin-bottom: 15px; }

.pat-toolbar.inline { margin: 0; padding: 0; }

.pat-toolbar.pat-bumper { -webkit-position: sticky; position: sticky; padding-top: 100px; margin-top: -100px; top: -1px; transition: top 0.3s; }

.scrolling-down .pat-toolbar.pat-bumper, .scroll-down .pat-toolbar.pat-bumper { top: -1px; padding-top: 100px; }

.pat-toolbar.pat-bumper:before { position: absolute; left: -5px; right: -5px; top: 85px; bottom: -4px; border-radius: 5px; transition: all 1s; box-shadow: 0 0 3px rgba(0, 0, 0, 0); content: ' '; display: block; background-color: rgba(255, 255, 255, 0.9); z-index: -1; }

.backdropfilter .pat-toolbar.pat-bumper:before { 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); }

.pat-toolbar.pat-bumper.bumped:before, .pat-toolbar.pat-bumper.tiptap-focus:before { box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }

.pat-toolbar.pat-bumper.bumped .toolbar-title.auto-hide, .pat-toolbar.pat-bumper.tiptap-focus .toolbar-title.auto-hide { opacity: 1; }

.pat-toolbar.sticky { -webkit-position: sticky; position: sticky; transition: box-shadow 1s; transition: all 1s; top: var(--toolbar-auto-hide-offset); }

.pat-toolbar.sticky.auto-hide { top: -150px; transition: all 0.4s; }

.pat-toolbar.sticky.auto-hide.tiptap-focus { top: var(--toolbar-auto-hide-offset); }

@media screen and (min-height: 601px) { .scroll-up .pat-toolbar.sticky.auto-hide { top: var(--toolbar-auto-hide-offset); } }

.pat-scroll-box:not(.scroll-position-top) .pat-toolbar.sticky, .pat-toolbar.sticky.tiptap-focus { box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); background-color: rgba(255, 255, 255, 0.9); }

.backdropfilter .pat-scroll-box:not(.scroll-position-top) .pat-toolbar.sticky, .backdropfilter .pat-toolbar.sticky.tiptap-focus { 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); }

.pat-toolbar .editor-toolbar { opacity: 0; transition: opacity 0.4s; pointer-events: none; position: relative; z-index: 1; }

.pat-toolbar .editor-toolbar.tiptap-focus { opacity: 1; pointer-events: initial; }

.pat-toolbar.tiptap-focus .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"; }

.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; }

.pat-toolbar .toolbar-section * { white-space: normal; }

.pat-toolbar .toolbar-section.view-options { grid-area: left; min-width: 0; }

.pat-toolbar .toolbar-section.view-options .pat-button-cluster, .pat-toolbar .toolbar-section.view-options .pat-buttton, .pat-toolbar .toolbar-section.view-options > .icon { margin-right: var(--pat-toolbar-element-separation); }

@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 { text-align: right; grid-area: right; }

.pat-toolbar .toolbar-section.quick-functions > .icon, .pat-toolbar .toolbar-section.quick-functions > .pat-button, .pat-toolbar .toolbar-section.quick-functions > .context-menu > .pat-button { margin-left: var(--pat-toolbar-element-separation); margin-right: 0; position: relative; }

.pat-toolbar .toolbar-section.navigation { grid-area: middle; }

@media only screen and (max-width: 767px) { .pat-toolbar .toolbar-section.navigation .pat-tabs { z-index: 2; } }

@media only screen and (min-width: 768px) { .pat-toolbar .toolbar-section.navigation { text-align: center; } }

.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: 17.5px; }

.pat-toolbar .toolbar-section > label.pat-checklist:hover { color: black; }

.pat-toolbar .pat-context-menu { display: inline-block; }

.pat-toolbar .pat-context-menu.no-label:before { background-color: transparent; color: rgba(0, 0, 0, 0.6); }

.pat-toolbar .pat-context-menu.no-label:hover:before { color: black; text-decoration: none; background-color: transparent; }

.pat-toolbar > .pat-select, .pat-toolbar .toolbar-section > .pat-select, .pat-toolbar .pat-context-menu > .context-menu-label, .pat-toolbar > input[type="search"], .pat-toolbar .toolbar-section label.pat-checklist { display: inline-block; vertical-align: top; height: 35px; line-height: 35px; }

.pat-toolbar > .pat-select.bare:before, .pat-toolbar .toolbar-section > .pat-select.bare:before, .pat-toolbar .pat-context-menu > .context-menu-label.bare:before, .pat-toolbar > input.bare[type="search"]:before, .pat-toolbar .toolbar-section label.pat-checklist.bare:before { height: 35px; line-height: 35px; }

.pat-toolbar > .pat-select select, .pat-toolbar .toolbar-section > .pat-select select, .pat-toolbar .pat-context-menu > .context-menu-label select, .pat-toolbar > input[type="search"] select, .pat-toolbar .toolbar-section label.pat-checklist select { line-height: 35px; height: 35px; padding-top: 0; padding-bottom: 0; }

.pat-toolbar > .pat-select:not(.bare), .pat-toolbar .toolbar-section > .pat-select:not(.bare) { --select-box-padding-top-bottom: 0; --select-box-box-shadow: none; --select-box-background-color: rgba(0, 0, 0, 0.08); --select-box-arrow-text-colour: #009ee2; --select-box-height: $pat-toolbar-button-line-height; --select-box-padding-right-left: 20px; padding: 0 75px 0 12px; display: inline-block; height: var(--select-box-height); line-height: var(--select-box-height); padding-top: var(--select-box-padding-top-bottom); padding-bottom: var(--select-box-padding-top-bottom); padding-left: var(--select-box-padding-right-left); padding-right: calc((var(--select-box-arrow-width) + var(--select-box-padding-right-left) / 2)); position: relative; font-weight: normal !important; font-size: 0; position: relative; box-sizing: border-box; border: none; box-shadow: var(--select-box-box-shadow); outline: none; outline-offset: 0; color: var(--select-box-arrow-text-colour); font-size: 100%; border-radius: 0; max-width: 100%; background-color: var(--select-box-background-color); border-radius: 5px; line-height: 35px; white-space: nowrap; overflow: hidden; height: 35px; }

.pat-toolbar > .pat-select[data-value="draft"]:not(.bare), .pat-toolbar .toolbar-section > .pat-select[data-value="draft"]:not(.bare) { background-color: #fbead9; }

.pat-toolbar > .pat-select[data-value="draft"]:not(.bare):after, .pat-toolbar .toolbar-section > .pat-select[data-value="draft"]:not(.bare):after { background-color: #f6d4b2; }

.pat-toolbar > .pat-select[data-value="draft"]:not(.bare):before, .pat-toolbar > .pat-select[data-value="draft"]:not(.bare):after, .pat-toolbar .toolbar-section > .pat-select[data-value="draft"]:not(.bare):before, .pat-toolbar .toolbar-section > .pat-select[data-value="draft"]:not(.bare):after { color: #996300; }

.pat-toolbar > .pat-select[data-value="draft"]:not(.bare):hover, .pat-toolbar .toolbar-section > .pat-select[data-value="draft"]:not(.bare):hover { background-color: #f9ddc2; }

.pat-toolbar > .pat-select[data-value="draft"]:not(.bare):hover:after, .pat-toolbar .toolbar-section > .pat-select[data-value="draft"]:not(.bare):hover:after { background-color: #f3c79b; }

.pat-toolbar > .pat-select[data-value="for-review"]:not(.bare), .pat-toolbar .toolbar-section > .pat-select[data-value="for-review"]:not(.bare) { background-color: #f2d9e7; }

.pat-toolbar > .pat-select[data-value="for-review"]:not(.bare):after, .pat-toolbar .toolbar-section > .pat-select[data-value="for-review"]:not(.bare):after { background-color: #e5b3d0; }

.pat-toolbar > .pat-select[data-value="for-review"]:not(.bare):before, .pat-toolbar > .pat-select[data-value="for-review"]:not(.bare):after, .pat-toolbar .toolbar-section > .pat-select[data-value="for-review"]:not(.bare):before, .pat-toolbar .toolbar-section > .pat-select[data-value="for-review"]:not(.bare):after { color: #5d0035; }

.pat-toolbar > .pat-select[data-value="for-review"]:not(.bare):hover, .pat-toolbar .toolbar-section > .pat-select[data-value="for-review"]:not(.bare):hover { background-color: #ecc6db; }

.pat-toolbar > .pat-select[data-value="for-review"]:not(.bare):hover:after, .pat-toolbar .toolbar-section > .pat-select[data-value="for-review"]:not(.bare):hover:after { background-color: #dfa0c4; }

.pat-toolbar > .pat-select[data-value="published"]:not(.bare), .pat-toolbar > .pat-select.success:not(.bare), .pat-toolbar .toolbar-section > .pat-select[data-value="published"]:not(.bare), .pat-toolbar .toolbar-section > .pat-select.success:not(.bare) { background-color: #e1eddb; color: #1b4106; }

.pat-toolbar > .pat-select[data-value="published"]:not(.bare):after, .pat-toolbar > .pat-select.success:not(.bare):after, .pat-toolbar .toolbar-section > .pat-select[data-value="published"]:not(.bare):after, .pat-toolbar .toolbar-section > .pat-select.success:not(.bare):after { background-color: #c4dbb6; }

.pat-toolbar > .pat-select[data-value="published"]:not(.bare):before, .pat-toolbar > .pat-select[data-value="published"]:not(.bare):after, .pat-toolbar > .pat-select.success:not(.bare):before, .pat-toolbar > .pat-select.success:not(.bare):after, .pat-toolbar .toolbar-section > .pat-select[data-value="published"]:not(.bare):before, .pat-toolbar .toolbar-section > .pat-select[data-value="published"]:not(.bare):after, .pat-toolbar .toolbar-section > .pat-select.success:not(.bare):before, .pat-toolbar .toolbar-section > .pat-select.success:not(.bare):after { color: #1b4106; }

.pat-toolbar > .pat-select[data-value="published"]:not(.bare):hover, .pat-toolbar > .pat-select.tooltip-active-click[data-value="published"]:not(.bare), .pat-toolbar > .pat-select.success:not(.bare):hover, .pat-toolbar > .pat-select.success.tooltip-active-click:not(.bare), .pat-toolbar .toolbar-section > .pat-select[data-value="published"]:not(.bare):hover, .pat-toolbar .toolbar-section > .pat-select.tooltip-active-click[data-value="published"]:not(.bare), .pat-toolbar .toolbar-section > .pat-select.success:not(.bare):hover, .pat-toolbar .toolbar-section > .pat-select.success.tooltip-active-click:not(.bare) { background-color: #d3e5ca; }

.pat-toolbar > .pat-select[data-value="published"]:not(.bare):hover:after, .pat-toolbar > .pat-select.tooltip-active-click[data-value="published"]:not(.bare):after, .pat-toolbar > .pat-select.success:not(.bare):hover:after, .pat-toolbar > .pat-select.success.tooltip-active-click:not(.bare):after, .pat-toolbar .toolbar-section > .pat-select[data-value="published"]:not(.bare):hover:after, .pat-toolbar .toolbar-section > .pat-select.tooltip-active-click[data-value="published"]:not(.bare):after, .pat-toolbar .toolbar-section > .pat-select.success:not(.bare):hover:after, .pat-toolbar .toolbar-section > .pat-select.success.tooltip-active-click:not(.bare):after { background-color: #b6d3a5; }

.pat-toolbar > .pat-select.locked:not(.bare):before, .pat-toolbar .toolbar-section > .pat-select.locked:not(.bare):before { font-family: fontello; content: ""; display: inline-block; margin-right: 5px; float: left; font-size: inherit; }

.pat-toolbar > .pat-select:not(.bare):hover, .pat-toolbar .toolbar-section > .pat-select:not(.bare):hover { background-color: rgba(0, 0, 0, 0.1); }

.pat-toolbar > .pat-select:not(.bare):before, .pat-toolbar .toolbar-section > .pat-select:not(.bare):before { font-size: 20px; content: attr(data-option); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.pat-toolbar > .pat-select:not(.bare) select, .pat-toolbar .toolbar-section > .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 { font-size: initial; color: black; }

.pat-toolbar > .pat-select:not(.bare):after, .pat-toolbar .toolbar-section > .pat-select:not(.bare):after { font-family: fontello; content: ""; width: var(--select-box-arrow-width); background-color: var(--select-box-arrow-background-colour); display: block; position: absolute; top: 0; right: 0; bottom: 0; font-size: 18px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; 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 { color: silver; }

.pat-toolbar .pat-button, .pat-toolbar .icon { display: inline-block; vertical-align: top; line-height: 35px; border: none; float: none; white-space: nowrap; font-size: 18px; }

.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 var(--pat-toolbar-element-separation) 0 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:not(.active):not([disabled]):not(.default):hover, .pat-toolbar .icon:not(.active):not([disabled]):not(.default):hover { color: black; }

.pat-toolbar .pat-button.locked { position: relative; padding-right: 3em; }

.pat-toolbar .pat-button.locked:after { display: block; font-family: fontello; content: ""; position: absolute; right: 0; top: 0; bottom: 0; height: 100%; width: 2em; text-align: center; background: orange; color: white; line-height: 35px; }

.pat-toolbar .pat-button.locked.active:after { content: ""; }

.pat-toolbar > .pat-button, .pat-toolbar > .pat-icon, .pat-toolbar > .pat-back-button, .pat-toolbar > .pat-select, .pat-toolbar > .pat-context-menu, .pat-toolbar .toolbar-section > .pat-button, .pat-toolbar .toolbar-section > .pat-icon, .pat-toolbar .toolbar-section > .pat-back-button, .pat-toolbar .toolbar-section > .pat-select, .pat-toolbar .toolbar-section > .pat-context-menu, .pat-toolbar .pat-toolbar-section > .pat-button, .pat-toolbar .pat-toolbar-section > .pat-icon, .pat-toolbar .pat-toolbar-section > .pat-back-button, .pat-toolbar .pat-toolbar-section > .pat-select, .pat-toolbar .pat-toolbar-section > .pat-context-menu { margin-right: var(--pat-toolbar-element-separation); }

.pat-toolbar .pat-progress-bar { margin-top: 9px; width: 540px; float: left; }

.pat-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: 5px; display: inline-block; text-align: left; background-color: transparent; color: rgba(0, 0, 0, 0.6); }

body[dir=rtl] .pat-toolbar .icon { text-align: right; }

.pat-toolbar .icon.progress .pie-graph { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.pat-toolbar .icon.progress.pat-tooltip.tooltip-active-click { background-color: var(--colour-accent); }

.pat-toolbar .icon.progress.pat-tooltip.tooltip-active-click .pie-graph { border-color: white; }

.pat-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: 5px; box-sizing: border-box; }

.pat-toolbar .icon:hover { color: black; text-decoration: none; background-color: transparent; }

.pat-toolbar .icon:hover:before { color: black; }

.pat-toolbar .icon.active { color: var(--colour-accent); box-shadow: none; }

.pat-toolbar .icon.active:before { color: var(--colour-accent); }

.pat-toolbar .icon.warning { color: orange; box-shadow: none; }

.pat-toolbar .icon.warning:before { color: orange; }

.pat-toolbar .icon.pat-tooltip.tooltip-active-click:before { background-color: var(--colour-accent); color: white; }

.pat-toolbar .icon.create:before, .pat-toolbar .icon.new:before { content: ""; }

.pat-toolbar .icon.back:before { content: ""; }

.pat-toolbar .icon.back + .toolbar-title { padding-left: 0; }

.pat-toolbar .icon.level-up:before { content: ""; transform: scaleX(-100%); }

.pat-toolbar .icon.level-up + .toolbar-title { padding-left: 0; }

.pat-toolbar .icon.edit:before { content: ""; }

.pat-toolbar .icon.preview:before { content: ""; }

.pat-toolbar .icon.settings:before { content: ""; }

.pat-toolbar .icon.modify:before { content: ""; }

.pat-toolbar .icon.more:before { content: ""; }

.pat-toolbar .icon.upload:before { content: ""; }

.pat-toolbar .icon.download:before { content: ""; }

.pat-toolbar .icon.card-view:before { content: ""; }

.pat-toolbar .icon.list-view:before { content: ""; }

.pat-toolbar .icon.language:before { content: ""; }

.pat-toolbar .icon.menu:before { content: ""; }

.pat-toolbar .pat-toolbar-local-search-box { width: 35px; margin-right: var(--pat-toolbar-element-separation); display: inline-block; padding: 0; }

.pat-toolbar .pat-toolbar-local-search-box .spotlight-sentinel { overflow: hidden; width: 35px; padding-top: 51px; padding-right: 10px; padding-bottom: 6px; padding-left: 10px; float: right; margin: -54px -25px; 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: -35px; 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: 35px; height: 35px; position: relative; display: inline-block; z-index: 10; margin-left: var(--pat-toolbar-element-separation); vertical-align: top; font-size: 18px; background-color: transparent; }

.pat-toolbar .pat-toolbar-search-field:after { position: absolute; top: 0; left: 0; line-height: 35px; width: 35px; text-align: center; font-family: fontello; content: ""; font-size: 22px; 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: transparent; }

.pat-toolbar .pat-toolbar-search-field:hover:after { color: black; }

.pat-toolbar .pat-toolbar-search-field input { width: 35px; height: 35px; border-radius: 5px; 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: 350px; } }

@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; transform: scale(0.8); }

@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: -345px; padding-left: 40px; } }

@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 - 40px)); padding-left: 40px; } }

.pat-toolbar .pat-toolbar-search-field.fixed { width: 258px; }

.pat-toolbar .pat-toolbar-search-field.fixed:after { left: -123px; }

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[data-placeholder]:first-child: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: #0d0d0d; border-right: 1px solid #0d0d0d; border-right-color: #0d0d0d; 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: .1rem .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; }

.tippy-box { background-color: white; background-clip: padding-box; border: 1px solid rgba(0, 8, 16, 0.15); color: black; box-shadow: 0 4px 14px -2px rgba(0, 8, 16, 0.08); color: #222222; font-size: 18px; border-radius: 5px; }

.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; }

@media print { .tooltip-container { display: none !important; } }

.tooltip-container .tippy-content { min-width: 250px; border-radius: 5px; }

.tooltip-container .tippy-content > *:last-child { margin-bottom: 0; }

.tooltip-container ul.menu { list-style-type: none; }

.tooltip-container ul.menu li { line-height: 1.5em; }

.tooltip-container ul.menu li > button, .tooltip-container ul.menu li > form > button, .tooltip-container ul.menu li > fieldset.pat-checklist label, .tooltip-container ul.menu li > a { background: none; display: block; color: #666; cursor: default; box-shadow: none; font-size: 1em; font-family: "Source Sans Pro", sans-serif; padding-left: 26px; }

body[dir=rtl] .tooltip-container ul.menu li > button, body[dir=rtl] .tooltip-container ul.menu li > form > button, body[dir=rtl] .tooltip-container ul.menu li > fieldset.pat-checklist label, body[dir=rtl] .tooltip-container ul.menu li > a { padding-left: 0; padding-right: 26px; text-align: right; }

.tooltip-container ul.menu li > button:hover, .tooltip-container ul.menu li > form > button:hover, .tooltip-container ul.menu li > fieldset.pat-checklist label:hover, .tooltip-container ul.menu li > a:hover { text-decoration: none; color: black; }

.tooltip-container ul.menu li > button:active, .tooltip-container ul.menu li > button.active, .tooltip-container ul.menu li > form > button:active, .tooltip-container ul.menu li > form > button.active, .tooltip-container ul.menu li > fieldset.pat-checklist label:active, .tooltip-container ul.menu li > fieldset.pat-checklist label.active, .tooltip-container ul.menu li > a:active, .tooltip-container ul.menu li > a.active { box-shadow: none; }

.tooltip-container ul.menu li > *.disabled, .tooltip-container ul.menu li > *[disabled], .tooltip-container ul.menu li > form > *.disabled, .tooltip-container ul.menu li > form > *[disabled], .tooltip-container ul.menu li > form > label > *.disabled, .tooltip-container ul.menu li > form > label > *[disabled] { color: rgba(0, 0, 0, 0.2); cursor: default; -webkit-pointer-events: none; pointer-events: none; }

.tooltip-container ul.menu li > *.disabled:hover, .tooltip-container ul.menu li > *.disabled:active, .tooltip-container ul.menu li > *[disabled]:hover, .tooltip-container ul.menu li > *[disabled]:active, .tooltip-container ul.menu li > form > *.disabled:hover, .tooltip-container ul.menu li > form > *.disabled:active, .tooltip-container ul.menu li > form > *[disabled]:hover, .tooltip-container ul.menu li > form > *[disabled]:active, .tooltip-container ul.menu li > form > label > *.disabled:hover, .tooltip-container ul.menu li > form > label > *.disabled:active, .tooltip-container ul.menu li > form > label > *[disabled]:hover, .tooltip-container ul.menu li > form > label > *[disabled]:active { color: rgba(0, 0, 0, 0.2) !important; }

.tooltip-container ul.menu li a:before, .tooltip-container ul.menu li button:before { margin-left: -26px; float: left; }

body[dir=rtl] .tooltip-container ul.menu li a:before, body[dir=rtl] .tooltip-container ul.menu li button:before { float: right; margin-right: -26px; margin-left: 0; }

.tooltip-container ul.menu li.current { color: white; background-color: #009FE3; margin: 0 -10px; padding: 0 10px; border-radius: 5px; }

.tooltip-container ul.menu li.current a { color: white; }

.tooltip-container ul.menu li:hover { text-decoration: none; color: black; }

.tooltip-container ul.menu li.file-upload { position: relative; text-indent: 20px; height: 25px; overflow: hidden; }

.tooltip-container ul.menu li.file-upload:before { content: "\e808"; font-family: fontello; position: absolute; left: -13px; }

.tooltip-container ul.menu li.file-upload form { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.tooltip-container ul.menu li.file-upload form label { position: absolute; margin-left: 0; left: 0; overflow: hidden; display: block; right: 0; cursor: pointer; padding-left: 2px; }

.tooltip-container ul.menu li.file-upload form input { opacity: 0; filter: alpha(opacity=0); width: 100%; cursor: pointer; position: absolute; top: 3px; left: 0; }

.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; }

.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 .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 .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: 5px; text-align: center; color: gray; cursor: default; }

.pat-upload .upload-area .dz-message p:before { content: ""; 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: 5px; 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: #CBF08B; display: block; height: 4em; }

.pat-upload .upload-area .upload-queue .previews .row.dz-error .dz-progress .dz-upload { background-color: red; }

.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: red; }

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 { padding: 40px; box-sizing: border-box; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); border-radius: 5px; background-color: rgba(255, 255, 255, 0.5); margin-bottom: 25px; }

.pat-well .well-header { margin-bottom: 40px; line-height: 1.3; font-size: 28px; font-weight: normal; color: black; }

.pat-well.pat-collapsible { transition: padding 0.4s; padding: 0; }

.pat-well.pat-collapsible > .well-header { padding-right: 50px; padding-left: 40px; position: relative; margin: 0; transition: padding 0.4s; }

.pat-well.pat-collapsible > .well-header:after { font-family: fontello; content: ""; font-size: 0.65em; background-color: rgba(0, 0, 0, 0.08); color: #009ee2; position: absolute; right: var(--pat-form-pane-padding); top: 50%; transform: translateY(-50%); z-index: 1; width: 31px; height: 31px; text-align: center; line-height: 31px; border-radius: 5px; display: inline-block; }

.pat-well.pat-collapsible > .well-header:hover:after { background-color: rgba(0, 0, 0, 0.1); color: #009adc; }

.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.closed.in-progress > .well-header { padding-top: 40px; padding-bottom: 40px; }

.pat-well.pat-collapsible.closed:hover { box-shadow: 0 0 1px 1px rgba(0, 0, 0, 0.5); }

.pat-well.pat-collapsible.closed > .well-header, .pat-well.pat-collapsible.open.in-progress > .well-header { padding-top: 20px; padding-bottom: 20px; border-radius: 5px; }

.pat-well.pat-collapsible.closed > .well-header:after, .pat-well.pat-collapsible.open.in-progress > .well-header:after { content: ""; }

.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.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 .2s ease-in-out; }

.redactor-fadeOut { opacity: 1; animation: fadeOut .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: ""; }

.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.redactor-styles-on:focus { border-color: #82b7ec !important; }

.redactor-over.redactor-styles-on:hover { 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: .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 .5em; }

.redactor-modal textarea { padding: .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 .65em center; padding-right: 28px; }

.redactor-modal select[multiple] { background-image: none; height: auto; padding: .5em .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 .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: .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: .3; cursor: pointer; }

.redactor-modal .redactor-close:hover { opacity: 1; }

.redactor-modal .redactor-close:before { content: '\00d7'; }

.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 .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: .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; }

.action-list { display: table; width: 100%; }

.action-list .item { display: table-row-group; }

.action-list .item:first-child .field { border-top: 1px solid rgba(0, 0, 0, 0.2); }

.action-list .item .field { display: table-cell; padding: 0.5em 0 0.5em 0; border-bottom: 1px solid rgba(0, 0, 0, 0.2); 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: #CBF08B; }

.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; width: 60%; 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: #009FE3; 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, .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 .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; } }

.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: ""; 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: #009FE3; }

.advanced-search .search-rule .remove-clone:before { font-family: fontello; content: ""; 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 + .upload-container { margin-top: 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: .5s; transition-delay: 0; }

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

.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: .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: ""; }

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

.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: "Source Sans Pro", sans-serif; margin: 0 0.5em 0 0; border: none; cursor: default; border-radius: 5px; background-image: none; text-decoration: none; line-height: 35px; white-space: nowrap; display: inline-block; padding: 0 1em; font-size: 1em; vertical-align: text-bottom; font-weight: bold; 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:not([disabled]):hover { color: #009adc; background-color: rgba(0, 0, 0, 0.1); }

.annotorious-editor-button.default { color: white; background-color: #009ee2; box-shadow: none; }

.annotorious-editor-button.default:not([disabled]):hover { background-color: #009ee2; color: white; }

.annotorious-editor-button[disabled], .annotorious-editor-button.disabled, .annotorious-editor-button.default[disabled], .annotorious-editor-button.default.disabled { 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.default[disabled]:hover, .annotorious-editor-button.default.disabled: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:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover { text-decoration: none; color: #009adc; }

.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:focus { outline: none; box-shadow: none; }

.annotorious-editor-button[disabled]:not: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-left: 0; padding-right: 0; width: 1.7em; text-overflow: clip; }

.annotorious-editor-button.no-label:before { width: 100%; text-align: center; margin: 0 1em 0 0; }

.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: #378bdd; }

.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: #378bdd; }

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: 14px; }

.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: 5px; 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: 5px; 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: 5px; }

.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: 4px; } .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: 4px; } }

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

.app-tile-manager .button-bar { margin: 0; padding: 0; }

.application-label { --colour-tab-dimmed: rgba(255, 255, 255, 0.1); }

@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: 5px; background-color: var(--colour-tab-dimmed); height: 34px; top: -45px; opacity: 0; box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12); 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: 5px; 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(255, 255, 255, 0.3); color: #FFF; pointer-events: auto; } #app-space.state-paused .application-label:hover { background-color: rgba(255, 255, 255, 0.08) !important; } #app-space.state-paused .application-label nav.breadcrumbs a, #app-space.state-paused .application-label .suite-logo:before { color: #FFF; } #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, .redactor-box-fullscreen { 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, .application-workspaces .document-content > .redactor-box-fullscreen, .application-workspace .document-content > .redactor-box-fullscreen { max-width: 1080px; margin: 0 auto; } }

.pat-rich code, .redactor-box-fullscreen code { display: inline-block; background-color: rgba(0, 0, 0, 0.15); border-radius: 5px; padding: 0 0.4em; font-size: 0.8em; font-family: monospace; }

.pat-rich video, .redactor-box-fullscreen video { width: 100%; }

.pat-rich iframe, .redactor-box-fullscreen iframe { width: 100% !important; height: auto !important; aspect-ratio: 16 / 9; }

.pat-rich .summary, .redactor-box-fullscreen .summary { font-size: 1.5em; line-height: 1.4; font-weight: thin; margin-bottom: 1em; }

.pat-rich hr, .redactor-box-fullscreen hr { margin: 2em 0; height: 3px; border: none; background: rgba(0, 0, 0, 0.2); }

.pat-rich a, .redactor-box-fullscreen a { text-decoration: underline; }

.pat-rich figure hr, .redactor-box-fullscreen figure hr { margin: 0; }

.pat-rich .screenshot, .redactor-box-fullscreen .screenshot { overflow: hidden; }

.pat-rich .screenshot object, .redactor-box-fullscreen .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, .redactor-box-fullscreen .screenshot object { width: 1280px; height: 800px; } }

@media only screen and (min-width: 768px) and (max-width: 1279px) { .pat-rich .screenshot object, .redactor-box-fullscreen .screenshot object { width: 1024px; height: 768px; } }

@media only screen and (max-width: 767px) { .pat-rich .screenshot object, .redactor-box-fullscreen .screenshot object { width: 480px; height: 800px; } }

.pat-rich .screenshot img, .redactor-box-fullscreen .screenshot img { border: 1px solid silver; }

.pat-rich .cms-center, .pat-rich .text-center, .redactor-box-fullscreen .cms-center, .redactor-box-fullscreen .text-center { text-align: center; }

.pat-rich .cms-right, .pat-rich .text-right, .redactor-box-fullscreen .cms-right, .redactor-box-fullscreen .text-right { text-align: right; }

.pat-rich .cms-left, .pat-rich .text-left, .redactor-box-fullscreen .cms-left, .redactor-box-fullscreen .text-left { text-align: left; }

body[dir=rtl] .pat-rich .cms-left, body[dir=rtl] .pat-rich .text-left, body[dir=rtl] .redactor-box-fullscreen .cms-left, body[dir=rtl] .redactor-box-fullscreen .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, .redactor-box-fullscreen h1, .redactor-box-fullscreen h2, .redactor-box-fullscreen p, .redactor-box-fullscreen ul, .redactor-box-fullscreen ol, .redactor-box-fullscreen table, .redactor-box-fullscreen dl, .redactor-box-fullscreen pre, .redactor-box-fullscreen .screenshot, .redactor-box-fullscreen figure, .redactor-box-fullscreen > img, .redactor-box-fullscreen .ProseMirror > img { margin-bottom: 1.2em; }

.pat-rich blockquote, .redactor-box-fullscreen blockquote { padding-left: 1em; margin: 2.6em 0; border-left: 0.2em solid rgba(0, 0, 0, 0.3); }

.pat-rich .discrete, .redactor-box-fullscreen .discrete { font-size: 0.8em; opacity: 0.6; }

.pat-rich ul li .meta, .pat-rich ol li .meta, .redactor-box-fullscreen ul li .meta, .redactor-box-fullscreen 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, .redactor-box-fullscreen ul li .meta .label, .redactor-box-fullscreen 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, .redactor-box-fullscreen ul li .meta .label:before, .redactor-box-fullscreen 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, .redactor-box-fullscreen ul li .meta .label.publication-state:before, .redactor-box-fullscreen ol li .meta .label.publication-state:before { content: ""; }

.pat-rich ul li .meta .label.case-type:before, .pat-rich ol li .meta .label.case-type:before, .redactor-box-fullscreen ul li .meta .label.case-type:before, .redactor-box-fullscreen ol li .meta .label.case-type:before { content: ""; }

.pat-rich ul li .meta .label.department:before, .pat-rich ol li .meta .label.department:before, .redactor-box-fullscreen ul li .meta .label.department:before, .redactor-box-fullscreen ol li .meta .label.department:before { content: ""; }

.pat-rich ul li .meta .label.annotated, .pat-rich ol li .meta .label.annotated, .redactor-box-fullscreen ul li .meta .label.annotated, .redactor-box-fullscreen 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, .redactor-box-fullscreen ul li .meta .label.annotated:before, .redactor-box-fullscreen ol li .meta .label.annotated:before { content: ""; }

.pat-rich ul li p:last-child, .pat-rich ol li p:last-child, .redactor-box-fullscreen ul li p:last-child, .redactor-box-fullscreen ol li p:last-child { margin-bottom: 0; }

.pat-rich ul li.attached-file, .pat-rich ol li.attached-file, .redactor-box-fullscreen ul li.attached-file, .redactor-box-fullscreen 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, .redactor-box-fullscreen ul li.attached-file:before, .redactor-box-fullscreen ol li.attached-file:before { display: none; }

.pat-rich ul li.attached-file a, .pat-rich ol li.attached-file a, .redactor-box-fullscreen ul li.attached-file a, .redactor-box-fullscreen ol li.attached-file a { text-decoration: none; }

.pat-rich ul li.attached-file a:hover, .pat-rich ol li.attached-file a:hover, .redactor-box-fullscreen ul li.attached-file a:hover, .redactor-box-fullscreen ol li.attached-file a:hover { text-decoration: underline; }

.pat-rich ul li, .redactor-box-fullscreen ul li { margin-left: 0; padding-left: 40px; }

.pat-rich ul li:before, .redactor-box-fullscreen ul li:before { content: "•"; float: left; margin-left: -40px; }

.pat-rich ol > li, .redactor-box-fullscreen ol > li { margin-left: 40px; list-style: decimal; }

.pat-rich ol.roman, .redactor-box-fullscreen ol.roman { list-style: upper-roman; }

.pat-rich h1, .pat-rich #title-block .pat-content-mirror, .redactor-box-fullscreen h1, .redactor-box-fullscreen #title-block .pat-content-mirror { font-weight: bold; font-size: 2em; line-height: 1.3; margin-bottom: 0.7em; color: black; box-shadow: none; }

.pat-rich #title-block .pat-content-mirror, .redactor-box-fullscreen #title-block .pat-content-mirror { margin: 0; }

.pat-rich h2, .redactor-box-fullscreen h2 { font-size: 1.7em; line-height: 1.4; font-weight: 1000; color: black; margin: 0 0 0.5em; }

.pat-rich h3, .redactor-box-fullscreen h3 { font-weight: bold; font-weight: 500; font-size: 1.7em; color: black; margin: 0 0 0.5em; }

.pat-rich h4, .redactor-box-fullscreen h4 { font-weight: bold; font-weight: 400; font-size: 1.2em; color: black; margin: 0 0 0.5em; }

.pat-rich h5, .redactor-box-fullscreen h5 { font-weight: bold; font-weight: 300; font-size: 1em; margin-bottom: 0; }

.pat-rich img, .pat-rich iframe, .redactor-box-fullscreen img, .redactor-box-fullscreen iframe { cursor: default; }

.pat-rich img:focus, .pat-rich img.ProseMirror-selectednode, .pat-rich iframe:focus, .pat-rich iframe.ProseMirror-selectednode, .redactor-box-fullscreen img:focus, .redactor-box-fullscreen img.ProseMirror-selectednode, .redactor-box-fullscreen iframe:focus, .redactor-box-fullscreen iframe.ProseMirror-selectednode { outline: 3px solid #009FE3; outline-offset: 2px; }

.pat-rich img, .redactor-box-fullscreen img { max-width: 100%; margin: 2em auto; display: block; }

.pat-rich img[src*=edgeless], .redactor-box-fullscreen img[src*=edgeless] { border: 1px solid rgba(0, 0, 0, 0.2); }

.pat-rich img.float-before, .redactor-box-fullscreen img.float-before { margin-right: 1em; }

.pat-rich img.float-after, .redactor-box-fullscreen img.float-after { margin-left: 1em; }

@media only screen and (min-width: 1280px) { .pat-rich img.medium, .redactor-box-fullscreen img.medium { width: 30%; } }

.pat-rich figure, .redactor-box-fullscreen figure { display: block; position: relative; left: 50%; transform: translateX(-50%); max-width: 100%; margin-top: 2em; margin-bottom: 2em; }

.pat-rich figure img, .redactor-box-fullscreen figure img { margin: 0; }

.pat-rich figure.pat-screenshot, .redactor-box-fullscreen figure.pat-screenshot { width: 100%; left: 0; transform: none; }

.pat-rich figcaption, .redactor-box-fullscreen figcaption { color: rgba(0, 0, 0, 0.5); font-size: 0.8em; padding-top: 0.5em; line-height: 1.5; }

.pat-rich table, .redactor-box-fullscreen table { border-collapse: collapse; margin-left: auto; margin-right: auto; width: 100%; }

.pat-rich table.hd, .redactor-box-fullscreen table.hd { font-size: 0.8em; line-height: 1.3em; }

.pat-rich table.hd tr th, .pat-rich table.hd tr td, .redactor-box-fullscreen table.hd tr th, .redactor-box-fullscreen table.hd tr td { padding: 0.2em; vertical-align: top; }

.pat-rich table tr:first-child th, .pat-rich table tr:first-child td, .redactor-box-fullscreen table tr:first-child th, .redactor-box-fullscreen table tr:first-child td { border-top: #009FE3 1px solid; }

.pat-rich table tr th, .pat-rich table tr td, .redactor-box-fullscreen table tr th, .redactor-box-fullscreen table tr td { border-bottom: #009FE3 1px solid; padding: 0.1em 0.5em; }

.pat-rich table tr th:nth-child(odd), .pat-rich table tr td:nth-child(odd), .redactor-box-fullscreen table tr th:nth-child(odd), .redactor-box-fullscreen table tr td:nth-child(odd) { background-color: #efefef; }

.pat-rich pre, .redactor-box-fullscreen pre { background-color: #efefef; padding: 3%; overflow: auto; display: block; font-size: 1em; }

.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 .attachment-list { display: block; margin-bottom: 0; }

fieldset.vertical .attached-documents .attachment-list:not(.read-only-field), .attached-documents .attachment-list fieldset.horizontal:not(.read-only-field) { background-color: rgba(0, 0, 0, 0.06); border-radius: 5px; padding: 0.6em 0.4em 0.4em; padding-top: 0.5em; font-size: 0.8em; }

.attached-documents .attachment-list .attached-file { margin-bottom: 0; }

.attached-documents .attachment-list .meta { top: 0.3em; }

.attached-documents .attachment-list:before { display: none; }

.attached-documents .attachment-list .attached-file { display: none; width: 100%; margin-bottom: 0.5em; }

.attached-documents .attachment-list .attached-file:first-child, .attached-documents .attachment-list .attached-file:nth-child(2), .attached-documents .attachment-list .attached-file:nth-child(3), .attached-documents .attachment-list .attached-file:nth-child(4) { display: table; }

.attached-documents .attachment-list .attached-file .label { display: table-cell; cursor: pointer; font-weight: bold; }

.attached-documents .attachment-list .attached-file .label *[class~=icon-] { display: block; padding-left: 25px; }

.attached-documents .attachment-list .attached-file .label *[class~=icon-]:hover { text-decoration: none; }

.attached-documents .attachment-list .attached-file .label *[class~=icon-]:hover .title { text-decoration: underline; }

.attached-documents .attachment-list .attached-file .label *[class~=icon-]:before { margin-left: -25px; }

.attached-documents .attachment-list .attached-file .label .description { display: block; color: black; font-weight: normal; font-size: 0.9em; line-height: 1.25; }

.attached-documents .attachment-list .attached-file .iconified { display: table-cell; width: 1.5em; max-width: 1.5em; color: gray; text-decoration: none; -webkit-user-select: none; user-select: none; }

.attached-documents .attachment-list .attached-file .iconified:hover { color: black; text-decoration: none; }

.attached-documents .attachment-list .upload-area { padding: 0.2em; display: block; }

.attached-documents .attachment-list .upload-area fieldset { margin: 0; }

.attached-documents .attachment-list .upload-area .upload-area .upload-queue .previews, .attached-documents .attachment-list .upload-area .upload-area .dz-message p { margin-bottom: 0 !important; }

.attached-documents + .upload-container { margin-top: 20px; }

.pat-avatar { background-color: #009FE3; position: relative; border: none; color: white; box-shadow: inset 0 0 5% rgba(0, 0, 0, 0.4); }

.pat-avatar.inactive { background-color: white !important; bbackground-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.inactive:before { color: gray !important; }

.pat-avatar .default-user { opacity: 0; }

.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; }

#user-avatar.pat-avatar { float: right; width: 26px; height: 26px; top: 50%; transform: translateY(-50%); margin-left: 16px; }

body[dir=rtl] #user-avatar.pat-avatar { float: left; }

#user-avatar.pat-avatar.active { box-shadow: 0 0 5px white; }

@media only screen and (max-width: 767px) { #user-avatar.pat-avatar { position: absolute; right: 58px; width: 28px; height: 28px; } }

#user-avatar.pat-avatar:before { font-size: 0.6em; }

body[dir=rtl] #user-avatar.pat-avatar { margin-left: 0; margin-right: 16px; }

.pat-avatar img { position: relative; border: none; transform: scale(0.9); width: 100%; height: 100%; object-fit: cover; transform: scale(0.95); }

.pat-avatar:before { text-align: center; width: 100%; top: 50%; transform: translateY(-50%); display: block; content: attr(data-initials); position: absolute; }

@keyframes bar-grow { 0% { transform: scaleX(0);
    left: 160px;
    color: rgba(255, 255, 255, 0);
    text-shadow: 0 0 1px rgba(0, 159, 227, 0); }
  80% { transform: scaleX(1);
    color: rgba(255, 255, 255, 0);
    text-shadow: 0 0 1px rgba(0, 159, 227, 0); }
  100% { transform: scaleX(1);
    color: white;
    text-shadow: 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3; } }

.bar-graph { border-radius: 5px; 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: 5px; background-color: #009FE3; 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 #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3, 0 0 1px #009FE3; }

.bar-graph .bar-graph-segment:first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.bar-graph .bar-graph-segment:after { content: ' '; display: inline-block; width: 4px; }

fieldset.pat-bar-toggles .legend, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) .legend { margin-bottom: 0.5em; font-weight: bold; }

fieldset.pat-bar-toggles.multi-line label, fieldset.pat-checklist.pat-bar-toggles.multi-line:not(.free-form) 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.multi-line:not(.free-form) 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:not(.radio) label.checked:after, fieldset.pat-checklist.pat-bar-toggles:not(.free-form):not(.radio) label.checked:after { position: absolute; right: 0.2em; top: 0.2em; content: '\2796'; font-family: fontello; font-size: 1em; width: 1.2em; height: 1.2em; text-align: center; line-height: 1.25em; opacity: 0.8; }

fieldset.pat-bar-toggles label, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label { padding: 0 0.5em 0 1.9em; border: rgba(0, 0, 0, 0.15) 1px solid; border-bottom: none; margin: 0; display: block; 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: 5px 5px 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 5px 5px; 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:hover:after, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.checked:hover:after { opacity: 1; }

fieldset.pat-bar-toggles label.checked, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.checked { background-color: #009FE3; 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: ""; }

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: ""; }

fieldset.pat-bar-toggles label.type-job:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-job:before { content: ""; }

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: ""; }

fieldset.pat-bar-toggles label.type-external-video:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-external-video:before { content: ""; }

fieldset.pat-bar-toggles label.type-task:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-task:before { content: ""; }

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: ""; }

fieldset.pat-bar-toggles label.type-post:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-post:before { content: ""; }

fieldset.pat-bar-toggles label.type-rich:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-rich:before { content: ""; }

fieldset.pat-bar-toggles label.type-news:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-news:before { content: ""; }

fieldset.pat-bar-toggles label.type-library-item:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-library-item:before { content: ""; }

fieldset.pat-bar-toggles label.type-library-section:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-library-section:before { content: ""; }

fieldset.pat-bar-toggles label.type-library-subsection:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-library-subsection:before { content: ""; }

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: ""; }

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: ""; }

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: ""; }

fieldset.pat-bar-toggles label.type-super-space:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-super-space:before { content: ""; }

fieldset.pat-bar-toggles label.type-question:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-question:before { content: ""; }

fieldset.pat-bar-toggles label.type-link:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-link:before { content: ""; }

fieldset.pat-bar-toggles label.type-zip:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-zip:before { content: ""; }

fieldset.pat-bar-toggles label.type-file-archive:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-file-archive:before { content: ""; }

fieldset.pat-bar-toggles label.type-app:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-app:before { content: ""; }

fieldset.pat-bar-toggles label.type-audio:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-audio:before { content: ""; }

fieldset.pat-bar-toggles label.type-video:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-video:before { content: ""; }

fieldset.pat-bar-toggles label.type-contract:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-contract:before { content: ""; }

fieldset.pat-bar-toggles label.type-file:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-file:before { content: ""; }

fieldset.pat-bar-toggles label.type-email:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-email:before { content: ""; }

fieldset.pat-bar-toggles label.type-plain-text:before, fieldset.pat-checklist.pat-bar-toggles:not(.free-form) label.type-plain-text:before { content: ""; }

fieldset.pat-bar-toggles.tags label:before, fieldset.pat-checklist.pat-bar-toggles.tags:not(.free-form) label:before { content: ""; }

fieldset.pat-bar-toggles.competences label:before, fieldset.pat-checklist.pat-bar-toggles.competences:not(.free-form) label:before { content: '\E83A'; }

fieldset.pat-bar-toggles.registers label:before, fieldset.pat-checklist.pat-bar-toggles.registers:not(.free-form) label:before { content: ""; }

@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: #009FE3; }

body { color: #222222; font-family: "Source Sans Pro", sans-serif; font-weight: normal; font-style: normal; line-height: 1.5em; font-size: 18px; background: #009FE3; 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: #009FE3; } }

@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); }

@media only screen and (max-width: 767px) { nav.breadcrumbs { display: none; } }

nav.breadcrumbs a { color: #FFF; position: relative; text-decoration: none; float: left; padding: 0 5px 0 0; font-weight: bold; height: 34px; line-height: calc((54px + 1px) - 2 * $application-label-white-space); }

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: 5px; background-repeat: no-repeat; box-sizing: border-box; transform: scale(0.8); }

#app-space.state-paused .application-label nav.breadcrumbs a:before { color: #FFF; background-color: transparent; }

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: #FFF; }

.pat-button { font-family: "Source Sans Pro", sans-serif; margin: 0 0.5em 0 0; border: none; cursor: default; border-radius: 5px; background-image: none; text-decoration: none; line-height: 35px; white-space: nowrap; display: inline-block; padding: 0 1em; font-size: 1em; vertical-align: text-bottom; font-weight: bold; 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:not([disabled]):hover { color: #009adc; background-color: rgba(0, 0, 0, 0.1); }

.pat-button.default { color: white; background-color: #009ee2; box-shadow: none; }

.pat-button.default:not([disabled]):hover { background-color: #009ee2; color: white; }

.pat-button[disabled], .pat-button.disabled, .pat-button.default[disabled], .pat-button.default.disabled { 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.default[disabled]:hover, .pat-button.default.disabled:hover { color: rgba(0, 0, 0, 0.3); background-color: rgba(0, 0, 0, 0.08); }

@media print { .pat-button { display: none; } }

.pat-button:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover { text-decoration: none; color: #009adc; }

.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:focus { outline: none; box-shadow: none; }

.pat-button[disabled]:not: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-left: 0; padding-right: 0; width: 1.7em; text-overflow: clip; }

.pat-button.no-label:before { width: 100%; text-align: center; margin: 0 1em 0 0; }

.pat-button.default:not([disabled]):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, *.focus[data-option]: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: '\25be'; 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: #009FE3; }

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: #009FE3; }

.button-cluster :first-child { border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-left-style: none; }

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

.button-bar { clear: left; margin-bottom: 10px; padding-top: 10px; padding-bottom: 10px; }

.button-bar .pat-button { margin: 0 10px 10px 0; }

.button-bar .pat-button.small { vertical-align: middle; }

.button-bar:after { content: " "; display: table; clear: both; }

.button-bar .iconified.pat-button { font-family: "Source Sans Pro", sans-serif; margin: 0 0.5em 0 0; border: none; cursor: default; border-radius: 5px; background-image: none; text-decoration: none; line-height: 35px; white-space: nowrap; display: inline-block; padding: 0 1em; font-size: 1em; vertical-align: text-bottom; font-weight: bold; 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:not([disabled]):hover { color: #009adc; background-color: rgba(0, 0, 0, 0.1); }

.button-bar .iconified.pat-button.default { color: white; background-color: #009ee2; box-shadow: none; }

.button-bar .iconified.pat-button.default:not([disabled]):hover { background-color: #009ee2; color: white; }

.button-bar .iconified.pat-button[disabled], .button-bar .iconified.pat-button.disabled, .button-bar .iconified.pat-button.default[disabled], .button-bar .iconified.pat-button.default.disabled { 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.default[disabled]:hover, .button-bar .iconified.pat-button.default.disabled: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:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover { text-decoration: none; color: #009adc; }

.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:focus { outline: none; box-shadow: none; }

.button-bar .iconified.pat-button[disabled]:not: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-left: 0; padding-right: 0; width: 1.7em; text-overflow: clip; }

.button-bar .iconified.pat-button.no-label:before { width: 100%; text-align: center; margin: 0 1em 0 0; }

.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: #FFF; display: none; background: #009FE3; font-size: 20px; z-index: 0; font-weight: normal; } .button-navigation-back:hover { background: #009FE3; filter: none !important; } #back-to-overview.button-navigation-back { width: 100px; overflow: hidden; z-index: 0; color: transparent; } #back-to-overview.button-navigation-back:before { color: #FFF; } #app-space.state-on #back-to-overview.button-navigation-back { display: block; } #app-space.state-on .application-body.sidebar-left-open.focus-sidebar #back-to-parent.button-navigation-back, #app-space.state-on .application-body.nav-level-2 #back-to-parent.button-navigation-back { display: block; z-index: 1; } #app-space.state-on .application-body.sidebar-left-open.focus-document #back-to-sidebar.button-navigation-back { display: block; z-index: 1; } #app-space.state-on .application-body.focus-document #back-to-canvas.button-navigation-back { display: block; z-index: 1; } .button-navigation-back:hover { text-decoration: none; color: #FFF; } }

#calendar-app.pat-calendar { background: white; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

.application-workspace.sidebar-left-closed #calendar-app.pat-calendar { 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: ""; }

.pat-calendar .canvas-toolbar button.view-day:before { content: ""; }

.pat-calendar .canvas-toolbar button.view-week:before { content: ""; }

.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: ""; 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: #009FE3; 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: ""; }

.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: ""; }

.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: ""; }

.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: ""; 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: 5px; }

#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: 5px; 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.4; 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: ""; 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(0, 158, 226, 0.3); background-color: rgba(0, 158, 226, 0.08); margin-left: 60px; color: #009ee2; float: right; }

.canvas-subnav a.contribute:not(.current):hover { text-decoration: none; color: #007aaf; box-shadow: 0 0 0 1px #009ee2; }

.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; } }

.canvas-toolbar { 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: 5px; }

.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; }

.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: ""; color: green; position: relative; z-index: 1; background: transparent !important; }

.canvas-toolbar .saving-badge:after { display: block; line-height: 35px; background-color: #CBF08B; 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: "Source Sans Pro", sans-serif; margin: 0 0.5em 0 0; border: none; cursor: default; border-radius: 5px; background-image: none; text-decoration: none; line-height: 35px; white-space: nowrap; display: inline-block; padding: 0 1em; font-size: 1em; vertical-align: text-bottom; font-weight: bold; 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:not([disabled]):hover { color: #009adc; background-color: rgba(0, 0, 0, 0.1); }

.canvas-toolbar .locked-tag.default { color: white; background-color: #009ee2; box-shadow: none; }

.canvas-toolbar .locked-tag.default:not([disabled]):hover { background-color: #009ee2; color: white; }

.canvas-toolbar .locked-tag[disabled], .canvas-toolbar .locked-tag.disabled, .canvas-toolbar .locked-tag.default[disabled], .canvas-toolbar .locked-tag.default.disabled { 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.default[disabled]:hover, .canvas-toolbar .locked-tag.default.disabled: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:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover { text-decoration: none; color: #009adc; }

.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:focus { outline: none; box-shadow: none; }

.canvas-toolbar .locked-tag[disabled]:not: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-left: 0; padding-right: 0; width: 1.7em; text-overflow: clip; }

.canvas-toolbar .locked-tag.no-label:before { width: 100%; text-align: center; margin: 0 1em 0 0; }

.canvas-toolbar .locked-tag:before { font-family: fontello; content: ""; 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 { width: 100%; margin: 0; border-radius: 5px; }

.canvas-toolbar .canvas-toolbar-section.rsvp .voting-bar .pat-checklist label { line-height: 35px; height: 35px; }

.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: 35px; line-height: 35px; border-radius: 5px; 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: 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; -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: 35px; line-height: 36px; width: 55px; text-align: center; position: absolute; top: 0; right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav 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: 5px; 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; } }

#metadata-toolbar.canvas-toolbar { height: auto; margin: 0 10px 10px; top: 10px; box-sizing: border-box; }

@media print { #metadata-toolbar.canvas-toolbar { display: none; } }

@media only screen and (min-width: 768px) { #metadata-toolbar.canvas-toolbar { grid-template-columns: auto auto; display: grid; } }

@media only screen and (max-width: 767px) { #metadata-toolbar.canvas-toolbar { grid-template-columns: auto; } }

.application-workspace #metadata-toolbar.canvas-toolbar { left: 60px; }

@media only screen and (min-width: 768px) { #metadata-toolbar.canvas-toolbar .quick-functions { grid-column: 2 / span 1; } }

#metadata-toolbar.canvas-toolbar .quick-functions .functions { margin: 0; }

#metadata-toolbar.canvas-toolbar .quick-functions .functions .icon:not(.meta-data-toggle):not(.saving-badge) { margin-left: 0; }

#metadata-toolbar.canvas-toolbar .meta-extra { grid-column: 1 / span 2; }

.more-metadata #metadata-toolbar.canvas-toolbar { box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }

#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.canvas-toolbar { margin-bottom: 15px; }

#image-selection-panel-toolbar.canvas-toolbar .canvas-toolbar-section.navigation, #image-bank-selection-panel-toolbar.canvas-toolbar .canvas-toolbar-section.navigation, #hyperlink-panel-toolbar.canvas-toolbar .canvas-toolbar-section.navigation, #panel-create-event-toolbar.canvas-toolbar .canvas-toolbar-section.navigation, #panel-create-event-or-calendar-toolbar.canvas-toolbar .canvas-toolbar-section.navigation, #panel-create-document-toolbar.canvas-toolbar .canvas-toolbar-section.navigation, #panel-create-news-toolbar.canvas-toolbar .canvas-toolbar-section.navigation, #panel-create-task-toolbar.canvas-toolbar .canvas-toolbar-section.navigation, #panel-create-group-division-toolbar.canvas-toolbar .canvas-toolbar-section.navigation, #panel-create-office-document-toolbar.canvas-toolbar .canvas-toolbar-section.navigation, #panel-add-video-toolbar.canvas-toolbar .canvas-toolbar-section.navigation { width: 100%; text-align: center; }

#image-selection-panel-toolbar.canvas-toolbar .canvas-toolbar-section.quick-functions, #image-bank-selection-panel-toolbar.canvas-toolbar .canvas-toolbar-section.quick-functions, #hyperlink-panel-toolbar.canvas-toolbar .canvas-toolbar-section.quick-functions, #panel-create-event-toolbar.canvas-toolbar .canvas-toolbar-section.quick-functions, #panel-create-event-or-calendar-toolbar.canvas-toolbar .canvas-toolbar-section.quick-functions, #panel-create-document-toolbar.canvas-toolbar .canvas-toolbar-section.quick-functions, #panel-create-news-toolbar.canvas-toolbar .canvas-toolbar-section.quick-functions, #panel-create-task-toolbar.canvas-toolbar .canvas-toolbar-section.quick-functions, #panel-create-group-division-toolbar.canvas-toolbar .canvas-toolbar-section.quick-functions, #panel-create-office-document-toolbar.canvas-toolbar .canvas-toolbar-section.quick-functions, #panel-add-video-toolbar.canvas-toolbar .canvas-toolbar-section.quick-functions { position: absolute; top: 10px; right: 10px; }

#app-launcher-toolbar.canvas-toolbar .canvas-toolbar-section.navigation { width: 100%; }

@media only screen and (min-width: 768px) { #library-toolbar.canvas-toolbar .canvas-toolbar-section.quick-functions, #library-toolbar.canvas-toolbar .canvas-toolbar-section.quick-navigation, #library-toolbar.canvas-toolbar .canvas-toolbar-section.view-options { width: 20%; } }

#library-toolbar.canvas-toolbar .canvas-toolbar-section.quick-navigation .ueber-back-button { margin-right: 0; }

@media only screen and (min-width: 768px) { #library-toolbar.canvas-toolbar .canvas-toolbar-section.navigation { width: 60%; } }

@media only screen and (max-width: 767px) { #library-toolbar.canvas-toolbar .canvas-toolbar-section.navigation { display: none; } }

@media only screen and (min-width: 768px) { #legal-contracts-toolbar.canvas-toolbar .canvas-toolbar-section.quick-functions, #legal-contracts-toolbar.canvas-toolbar .canvas-toolbar-section.quick-navigation, #legal-contracts-toolbar.canvas-toolbar .canvas-toolbar-section.view-options { width: 15%; } }

@media only screen and (min-width: 768px) { #legal-contracts-toolbar.canvas-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: 5px; 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) { --select-box-padding-top-bottom: 0; --select-box-box-shadow: none; --select-box-background-color: rgba(0, 0, 0, 0.08); --select-box-arrow-text-colour: #009ee2; padding: 0 75px 0 12px; display: inline-block; height: var(--select-box-height); line-height: var(--select-box-height); padding-top: var(--select-box-padding-top-bottom); padding-bottom: var(--select-box-padding-top-bottom); padding-left: var(--select-box-padding-right-left); padding-right: calc((var(--select-box-arrow-width) + var(--select-box-padding-right-left) / 2)); position: relative; font-weight: normal !important; font-size: 0; position: relative; box-sizing: border-box; border: none; box-shadow: var(--select-box-box-shadow); outline: none; outline-offset: 0; color: var(--select-box-arrow-text-colour); font-size: 100%; border-radius: 0; max-width: 100%; background-color: var(--select-box-background-color); border-radius: 5px; padding-top: 0; padding-bottom: 0; overflow: hidden; }

.canvas-toolbar > .pat-select[data-value="draft"]:not(.bare), .canvas-toolbar .cal-categories .pat-select[data-value="draft"]:not(.bare), .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="draft"]:not(.bare), .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="draft"]:not(.bare) { background-color: #fbead9; }

.canvas-toolbar > .pat-select[data-value="draft"]:not(.bare):after, .canvas-toolbar .cal-categories .pat-select[data-value="draft"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="draft"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="draft"]:not(.bare):after { background-color: #f6d4b2; }

.canvas-toolbar > .pat-select[data-value="draft"]:not(.bare):before, .canvas-toolbar > .pat-select[data-value="draft"]:not(.bare):after, .canvas-toolbar .cal-categories .pat-select[data-value="draft"]:not(.bare):before, .canvas-toolbar .cal-categories .pat-select[data-value="draft"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="draft"]:not(.bare):before, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="draft"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="draft"]:not(.bare):before, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="draft"]:not(.bare):after { color: #996300; }

.canvas-toolbar > .pat-select[data-value="draft"]:not(.bare):hover, .canvas-toolbar .cal-categories .pat-select[data-value="draft"]:not(.bare):hover, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="draft"]:not(.bare):hover, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="draft"]:not(.bare):hover { background-color: #f9ddc2; }

.canvas-toolbar > .pat-select[data-value="draft"]:not(.bare):hover:after, .canvas-toolbar .cal-categories .pat-select[data-value="draft"]:not(.bare):hover:after, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="draft"]:not(.bare):hover:after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="draft"]:not(.bare):hover:after { background-color: #f3c79b; }

.canvas-toolbar > .pat-select[data-value="for-review"]:not(.bare), .canvas-toolbar .cal-categories .pat-select[data-value="for-review"]:not(.bare), .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="for-review"]:not(.bare), .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="for-review"]:not(.bare) { background-color: #f2d9e7; }

.canvas-toolbar > .pat-select[data-value="for-review"]:not(.bare):after, .canvas-toolbar .cal-categories .pat-select[data-value="for-review"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="for-review"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="for-review"]:not(.bare):after { background-color: #e5b3d0; }

.canvas-toolbar > .pat-select[data-value="for-review"]:not(.bare):before, .canvas-toolbar > .pat-select[data-value="for-review"]:not(.bare):after, .canvas-toolbar .cal-categories .pat-select[data-value="for-review"]:not(.bare):before, .canvas-toolbar .cal-categories .pat-select[data-value="for-review"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="for-review"]:not(.bare):before, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="for-review"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="for-review"]:not(.bare):before, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="for-review"]:not(.bare):after { color: #5d0035; }

.canvas-toolbar > .pat-select[data-value="for-review"]:not(.bare):hover, .canvas-toolbar .cal-categories .pat-select[data-value="for-review"]:not(.bare):hover, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="for-review"]:not(.bare):hover, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="for-review"]:not(.bare):hover { background-color: #ecc6db; }

.canvas-toolbar > .pat-select[data-value="for-review"]:not(.bare):hover:after, .canvas-toolbar .cal-categories .pat-select[data-value="for-review"]:not(.bare):hover:after, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="for-review"]:not(.bare):hover:after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="for-review"]:not(.bare):hover:after { background-color: #dfa0c4; }

.canvas-toolbar > .pat-select[data-value="published"]:not(.bare), .canvas-toolbar > .pat-select.success:not(.bare), .canvas-toolbar .cal-categories .pat-select[data-value="published"]:not(.bare), .canvas-toolbar .cal-categories .pat-select.success:not(.bare), .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="published"]:not(.bare), .canvas-toolbar .canvas-toolbar-section > .pat-select.success:not(.bare), .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="published"]:not(.bare), .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select.success:not(.bare) { background-color: #e1eddb; color: #1b4106; }

.canvas-toolbar > .pat-select[data-value="published"]:not(.bare):after, .canvas-toolbar > .pat-select.success:not(.bare):after, .canvas-toolbar .cal-categories .pat-select[data-value="published"]:not(.bare):after, .canvas-toolbar .cal-categories .pat-select.success:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="published"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .pat-select.success:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="published"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select.success:not(.bare):after { background-color: #c4dbb6; }

.canvas-toolbar > .pat-select[data-value="published"]:not(.bare):before, .canvas-toolbar > .pat-select[data-value="published"]:not(.bare):after, .canvas-toolbar > .pat-select.success:not(.bare):before, .canvas-toolbar > .pat-select.success:not(.bare):after, .canvas-toolbar .cal-categories .pat-select[data-value="published"]:not(.bare):before, .canvas-toolbar .cal-categories .pat-select[data-value="published"]:not(.bare):after, .canvas-toolbar .cal-categories .pat-select.success:not(.bare):before, .canvas-toolbar .cal-categories .pat-select.success:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="published"]:not(.bare):before, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="published"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .pat-select.success:not(.bare):before, .canvas-toolbar .canvas-toolbar-section > .pat-select.success:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="published"]:not(.bare):before, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="published"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select.success:not(.bare):before, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select.success:not(.bare):after { color: #1b4106; }

.canvas-toolbar > .pat-select[data-value="published"]:not(.bare):hover, .canvas-toolbar > .pat-select.tooltip-active-click[data-value="published"]:not(.bare), .canvas-toolbar > .pat-select.success:not(.bare):hover, .canvas-toolbar > .pat-select.success.tooltip-active-click:not(.bare), .canvas-toolbar .cal-categories .pat-select[data-value="published"]:not(.bare):hover, .canvas-toolbar .cal-categories .pat-select.tooltip-active-click[data-value="published"]:not(.bare), .canvas-toolbar .cal-categories .pat-select.success:not(.bare):hover, .canvas-toolbar .cal-categories .pat-select.success.tooltip-active-click:not(.bare), .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="published"]:not(.bare):hover, .canvas-toolbar .canvas-toolbar-section > .pat-select.tooltip-active-click[data-value="published"]:not(.bare), .canvas-toolbar .canvas-toolbar-section > .pat-select.success:not(.bare):hover, .canvas-toolbar .canvas-toolbar-section > .pat-select.success.tooltip-active-click:not(.bare), .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="published"]:not(.bare):hover, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select.tooltip-active-click[data-value="published"]:not(.bare), .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select.success:not(.bare):hover, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select.success.tooltip-active-click:not(.bare) { background-color: #d3e5ca; }

.canvas-toolbar > .pat-select[data-value="published"]:not(.bare):hover:after, .canvas-toolbar > .pat-select.tooltip-active-click[data-value="published"]:not(.bare):after, .canvas-toolbar > .pat-select.success:not(.bare):hover:after, .canvas-toolbar > .pat-select.success.tooltip-active-click:not(.bare):after, .canvas-toolbar .cal-categories .pat-select[data-value="published"]:not(.bare):hover:after, .canvas-toolbar .cal-categories .pat-select.tooltip-active-click[data-value="published"]:not(.bare):after, .canvas-toolbar .cal-categories .pat-select.success:not(.bare):hover:after, .canvas-toolbar .cal-categories .pat-select.success.tooltip-active-click:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .pat-select[data-value="published"]:not(.bare):hover:after, .canvas-toolbar .canvas-toolbar-section > .pat-select.tooltip-active-click[data-value="published"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .pat-select.success:not(.bare):hover:after, .canvas-toolbar .canvas-toolbar-section > .pat-select.success.tooltip-active-click:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select[data-value="published"]:not(.bare):hover:after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select.tooltip-active-click[data-value="published"]:not(.bare):after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select.success:not(.bare):hover:after, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select.success.tooltip-active-click:not(.bare):after { background-color: #b6d3a5; }

.canvas-toolbar > .pat-select.locked:not(.bare):before, .canvas-toolbar .cal-categories .pat-select.locked:not(.bare):before, .canvas-toolbar .canvas-toolbar-section > .pat-select.locked:not(.bare):before, .canvas-toolbar .canvas-toolbar-section > .functions > .pat-select.locked:not(.bare):before { font-family: fontello; content: ""; display: inline-block; margin-right: 5px; float: left; font-size: inherit; }

.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: rgba(0, 0, 0, 0.1); }

.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 { font-size: 20px; content: attr(data-option); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; }

.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: ""; width: var(--select-box-arrow-width); background-color: var(--select-box-arrow-background-colour); display: block; position: absolute; top: 0; right: 0; bottom: 0; font-size: 18px; border-top-right-radius: 5px; border-bottom-right-radius: 5px; 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; font-weight: bold; }

.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; font-weight: bold; }

.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; font-weight: bold; }

.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; font-weight: bold; }

.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: #6a9b14; }

.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: #6a9b14; }

.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; font-weight: bold; }

.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: 5px; 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: 5px; 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: ""; }

.canvas-toolbar .button-cluster.cal-controls button.view-day:before { content: ""; }

.canvas-toolbar .button-cluster.cal-controls button.view-week:before { content: ""; }

.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: ""; 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: ""; }

.canvas-toolbar .button-cluster.cal-controls button.jump-next { text-align: right; }

.canvas-toolbar .button-cluster.cal-controls button.jump-next:before { content: ""; }

.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: 3.75px; 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: 5px; border-bottom-left-radius: 5px; }

.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: 5px; border-bottom-right-radius: 5px; }

.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 white; 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, .canvas-toolbar .icon.meta-data-toggle { transition: transform 0.3s; }

.more-metadata .canvas-toolbar .button.meta-data-toggle, .more-metadata .canvas-toolbar .icon.meta-data-toggle { transform: scaleY(-1); }

@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 .icon, .canvas-toolbar .functions .pat-select, .canvas-toolbar .cal-categories .button, .canvas-toolbar .cal-categories .pat-button, .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 .icon, .canvas-toolbar .functions .pat-select, .canvas-toolbar .cal-categories .button, .canvas-toolbar .cal-categories .pat-button, .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: 5px; 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: 5px; 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: ""; font-size: 25px; }

.canvas-toolbar .icon.edit:before { content: ""; }

.canvas-toolbar .icon.share:before { content: ""; }

.canvas-toolbar .icon.modify:before { content: ""; }

.canvas-toolbar .icon.card-view:before { content: ""; }

.canvas-toolbar .icon.list-view:before { content: ""; }

.canvas-toolbar .icon.download:before { content: ""; }

.canvas-toolbar .icon.upload:before { content: ""; }

.canvas-toolbar .icon.shopping-basket:before { content: ""; }

.canvas-toolbar .icon.more:before { content: ""; }

.canvas-toolbar .icon.visibility:before { content: ""; 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: ""; 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: 5px; 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: 5px; }

.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: #f4f2ef; }

.certificate.style-3 { height: 1072px; background: #f4f2ef; }

.certificate.style-4 { height: 1072px; background: #f4f2ef; }

.certificate.style-5 { height: 1009px; background: #f4f2ef; }

.certificate.style-7 { height: 1025px; background: white; }

.certificate.style-7 { height: 1009px; background: white; color: #7a6d4e; }

.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 ul ul, .pat-checklist .label { padding-left: 26px; position: relative; }

.pat-checklist ul ul[class*=" icon-"]:before, .pat-checklist .label[class*=" icon-"]:before { float: left; margin-top: 0.25em; margin-left: -26px; }

.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: 5px; }

.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: #0b5787; }

.pat-checklist.colour-selector label.default-portal-header-colour { background-color: white; }

.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: ""; }

.pat-checklist.colour-selector label.checked:before { content: ""; }

.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 #009FE3; }

.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; }

.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: 5px; padding: 6%; background-color: #f1f1f1; 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; }

.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: ""; 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; }

.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: 5px; }

.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: 4.75px; border-bottom-left-radius: 4.75px; }

.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: "Source Sans Pro", 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: " "; 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: 5px; color: transparent; display: none; }

.comments .update-social { margin-top: 20px; border: none; border: 5px; margin: 15px; }

.comments > .update-comments.has-comments { display: block; }

#comments-document-comments.comments, #comments-news-comments.comments { border-top: 3px solid #f1f1f1; margin-bottom: 0; }

@media only screen and (min-width: 1280px) { #comments-document-comments.comments, #comments-news-comments.comments { padding: 80px 15% 0; } }

@media only screen and (min-width: 768px) and (max-width: 1279px) { #comments-document-comments.comments, #comments-news-comments.comments { padding: 80px 10% 0; } }

@media only screen and (max-width: 767px) { #comments-document-comments.comments, #comments-news-comments.comments { padding: 80px 15px 0; } }

@media only screen and (min-width: 768px) { #comments-document-comments.comments .update-social, #comments-news-comments.comments .update-social { width: auto; margin: 0.5em 1em 3.5em; } }

@media only screen and (max-width: 767px) { #comments-document-comments.comments .update-social, #comments-news-comments.comments .update-social { margin: 0.5em 1em 2em 3.5em; } }

@media print { #comments-document-comments.comments, #comments-news-comments.comments { display: none; } }

.contact-bars { margin: 0 -15px 1em; }

.contact-bars .contact-bars-item { float: left; width: 100%; padding: 0 15px; transition: transform 0.20s; 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: 5px; 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 { height: 100%; margin: 0; box-sizing: border-box; }

@media only screen and (max-width: 767px) { .contact-cards .item .contact-card, .contact-cards .item .user-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; }

#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: ""; 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: #17baff; animation: fadeIn 0.3s; } }

@media print { #app-space { border-top: none !important; background-color: transparent !important; } }

#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.08) 0%, rgba(0, 0, 0, 0) 100%); content: ' '; display: block; z-index: 10; pointer-events: none; opacity: 0; }

#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: ""; 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; }

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

#dashboard { position: relative; margin-top: 80px; }

@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: ""; 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: 5px; 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 #009FE3; 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: ""; 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: ""; }

ul.data-matrix .row .field.assessment.name { padding-left: 0; }

ul.data-matrix .row .field.assessment.name a:before { content: ""; }

ul.data-matrix .row .field.user { padding-left: 0; }

ul.data-matrix .row .field.user a:before { content: ""; }

ul.data-matrix .row .field.tool a:before { content: ""; }

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: #007aaf; } }

.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: #009FE3; color: white; } }

@media all and (display-mode: standalone) { .app-test .standalone { background: #009FE3; color: white; } }

@media all and (display-mode: fullscreen) { .app-test .fullscreen { background: #009FE3; color: white; } }

@media all and (display-mode: browser) { .app-test .browser { background: #009FE3; color: white; } }

.document.pat-rich { font-family: "Source Sans Pro", sans-serif; }

.document .document-hero-image { width: 100%; margin: 0; position: relative; }

.document .document-hero-image 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 .document-hero-image .document-title { position: relative; z-index: 2; padding: 300px 10% 50px; color: white; display: block; font-size: 40px; line-height: 50px; }

.document .document-hero-image .document-title textarea { position: absolute; z-index: 2; top: 0; right: 0; bottom: 0; left: 0; padding: 300px 10% 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 .document-hero-image .document-title:before { content: attr(data-value) " "; color: transparent; }

.document .document-hero-image .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 .canvas-toolbar + .document-hero-image { margin-top: -67px; }

.document-body > .document { background: white; }

.document.document-type-event-promo { padding: 50px 0 0 0; }

.document.document-type-link .document-content .pat-button { font-size: 2em; margin: 0; line-height: 55px; }

.document.document-type-link .document-content p { text-align: center; }

#document-alert-bar { margin: 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: 60px 0 0 0; border-radius: 5px; }

#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: ""; 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: ""; 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 { position: relative; }

.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 .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: 6% 10%; }

.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 .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.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-content.news-item-edit, .document-type-rich #document-content, #document-content.news-item-edit { padding: 0; }

.document-type-rich .document-content .ProseMirror, .document-type-rich .document-content .redactor-styles, .document-content.news-item-edit .ProseMirror, .document-content.news-item-edit .redactor-styles, .document-type-rich #document-content .ProseMirror, .document-type-rich #document-content .redactor-styles, #document-content.news-item-edit .ProseMirror, #document-content.news-item-edit .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-content.news-item-edit .ProseMirror, .document-content.news-item-edit .redactor-styles, .document-type-rich #document-content .ProseMirror, .document-type-rich #document-content .redactor-styles, #document-content.news-item-edit .ProseMirror, #document-content.news-item-edit .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.2em; }

@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-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: #009FE3; padding: 0 15px; border-radius: 5px; 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: 5px; 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: 5px; }

.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: "Source Sans Pro", 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%, black 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, black)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 0%, black 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 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: 5px; border-bottom-left-radius: 5px; 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: "Source Sans Pro", 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: 5px; 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: ""; line-height: 3em; display: block; }

.document-preview.not-generated figure:before { content: "\e838"; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear; }

.document-preview.not-possible figure:before { content: "\e811"; }

.document-preview.type-link:before { content: ""; }

.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: 5px; 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: 4px; }

.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: 5px; border-top-left-radius: 5px; }

.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: "Source Sans Pro", 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: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); font-size: 14px; transition: all 0.20s; }

.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: 5px; border-top-right-radius: 5px; }

.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: 5px; border-top-right-radius: 5px; } .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: 5px; border-top-right-radius: 5px; }

.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: 5px; 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; padding-left: 2em; padding-right: 0.5em; }

.document-tiles .tile .content ul.menu li a:before { margin-left: -1.6em; }

.document-tiles .tile .content ul.menu li.current a, .document-tiles .tile .content ul.menu li a.current { color: white; background-color: #009FE3; border-radius: 5px; margin: 0 -5px; width: calc(100% + 10px); padding-left: calc(2em + 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: 5px; 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: #009FE3; 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: 4px; }

.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: ""; }

.document-tiles .tile.group-by-subsection h3:before { content: ""; }

.document-tiles .tile.group-by-workspace h3:before { content: ""; }

.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: #f1f1f1; 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.4; 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: ""; 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: 5px; 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: ""; }

.ebook-reader .button-next { right: -70px; }

.ebook-reader .button-next:before { content: ""; }

@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: 5px; }

#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: #009FE3 !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: ""; }

#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; }

.error-page:before { position: absolute; top: 0; right: 0; left: 0; height: 9px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.08) 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: 5px; 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.20s; font-family: "Source Sans Pro", 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: ""; display: inline-block; margin-right: 4px; animation: heartbeat 1s; color: #009FE3; }

.event-card .follow { background: white; border-radius: 5px; 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: 5px; } }

.event-card-full .page-module { margin-bottom: 40px; }

.event-card-full #page-module-location.page-module, .event-card-full #page-module-agenda.page-module, .event-card-full #page-module-documents.page-module { padding-bottom: 1.5em; }

.event-card-full #page-module-schedule.page-module .day-title { margin: 20px 0 15px 0; display: block; }

.event-card-full #page-module-video.page-module .pat-rich figure { width: 100%; }

.event-card-full ol.agenda { counter-reset: agenda; line-height: 1.5; }

.event-card-full ol.agenda .agenda-item { padding: 0.1em 0 0.1em 1.5em; position: relative; }

.event-card-full ol.agenda .agenda-item:before { counter-increment: agenda; content: counter(agenda) "."; display: inline-block; position: absolute; top: 0.1em; left: 0; }

.event-card-full ol.agenda .agenda-item .attachment-list { background: none; padding: 0; font-size: 0.8em; }

.event-card-full ol.agenda .agenda-item .attachment-list .attached-file { margin: 0; position: relative; padding-left: 1.5em; }

.event-card-full ol.agenda .agenda-item .attachment-list .attached-file a { color: #009FE3; }

.event-card-full ol.agenda .agenda-item .attachment-list .attached-file a:before { position: absolute; top: 0; left: 0; line-height: 1.5; }

.event-card-full .date-time-block .date-time-block-sub-header { font-size: 1em; font-weight: bold; }

.event-card-full figure.hero { overflow: hidden; background-color: #009FE3; min-height: 270px; position: relative; width: 100%; border-top-left-radius: 5px; border-top-right-radius: 5px; }

@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: calc(10%); padding-left: calc(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: #dfdfdf 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: #009FE3; 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: "\25b8"; 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: "\25be"; 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: "\1f4c1"; display: inline-block; width: 25px; text-align: center; color: #5f5f5f; }

ul.pat-expandable.folderish li.folder > a:before { font-family: fontello; content: ''; 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; }

/* @group File upload */
label.file-attachment { position: relative; top: 1px; }

label.file-attachment:hover { text-decoration: underline; }

label.file-attachment:before { content: "\1f4ce"; 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: 5px; }

@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 .group > .pat-checklist { width: 41.66667%; }

@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 > .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 > .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 > .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: ""; } form fieldset.fancy .file-upload-button { line-height: 31px; font-size: 18px; margin-top: 2px; } form fieldset.fancy > .location iframe { margin-top: 10px; } form fieldset.fancy > .location:before { content: "\e82d"; } form fieldset.fancy > .stage:before { content: ""; } form fieldset.fancy > .organiser:before { content: ""; } form fieldset.fancy > .information:before { content: ""; } form fieldset.fancy > .priority:before { content: ""; } form fieldset.fancy > .spaces .button-bar { margin: 0; } form fieldset.fancy > .spaces:before { content: ""; } form fieldset.fancy > .video-conference:before { content: ""; } form fieldset.fancy > .workspace:before, form fieldset.fancy > .origin:before { content: ""; } form fieldset.fancy > .publish-copy:before { content: ""; font-size: 1.2em; } form fieldset.fancy > .attached-documents:before { content: ""; } form fieldset.fancy > .attendance:before { content: ""; } form fieldset.fancy > .url:before { content: ""; } form fieldset.fancy > .options:before { content: "\2714"; 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: ""; } form fieldset.fancy .attachments:before { content: "\1f4ce"; } form fieldset.fancy .agenda:before { content: "\2630"; } 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: "\2630"; transform: rotate(90deg); } form fieldset.fancy .attachments:before { content: "\1f4ce"; } 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: ""; } form fieldset.fancy .description:before { content: ""; } form fieldset.fancy .image img { max-width: 100%; } form fieldset.fancy .image .icon-cancel-circle { clear: both; } form fieldset.fancy .image:before { content: ""; } 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: ""; } }

@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: .3; filter: alpha(opacity=30); /* for IE */ }

.fc-bgevent { /* default look for background events */ background: #8fdf82; opacity: .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: "\02039"; font-weight: bold; font-size: 200%; top: -7%; }

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

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

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

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

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

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

.fc-icon-x:after { content: "\000D7"; 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 .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 .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: .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: .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: .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: .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: .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: .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: .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: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */ }

.fc-time-grid-event.fc-short .fc-title { font-size: .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: #009FE3; color: #FFF; 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: #FFF; }

@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: #FFF; 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: red; 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: bold; float: right; padding: 0 1em; border-radius: 5px; height: 26px; line-height: 26px; margin: 0 16px; position: relative; color: #FFF; }

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: #FFF; 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: 5px; 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: ""; font-family: fontello; position: absolute; left: 9px; top: 4px; font-size: 22px; display: inline-block; color: #FFF; }

@media only screen and (max-width: 767px) { #global-header form.search label:after { font-size: 24px; top: 0; color: #FFF; } }

#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: #FFF; }

#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[dir=rtl]:before { float: right; }

.tooltip-container nav a.tab.section-dashboard:before { content: ""; }

.tooltip-container nav a.tab.section-news:before { content: ""; }

.tooltip-container nav a.tab.section-library:before { content: ""; }

.tooltip-container nav a.tab.section-workspaces:before { content: ""; }

.tooltip-container nav a.tab.section-apps:before { content: ""; }

.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: ""; }

.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: #FFF; }

#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: #009FE3 !important; }

.icon-selector label.checked:before, .pat-checklist.icon-selector label.checked:before { color: #009FE3; }

.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: #009FE3; }

.icon-tabs > label input[type="radio"], .icon-tabs a input[type="radio"] { position: absolute; visibility: hidden; }

@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.masonry-ready:not(.page-module) .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) #load-more-results.item { 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: #009FE3; 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: ""; } .image-gallery:not(.page-module) .item figure .functions a.download:before, .image-gallery:not(.page-module) .item figure .functions button.download:before { content: ""; } .image-gallery:not(.page-module) .item figure .functions a.basket:before, .image-gallery:not(.page-module) .item figure .functions button.basket:before { content: ""; } .image-gallery:not(.page-module) .item figure .functions a.info:before, .image-gallery:not(.page-module) .item figure .functions button.info:before { content: ""; } .image-gallery:not(.page-module) .item figure .functions a.delete:before, .image-gallery:not(.page-module) .item figure .functions button.delete:before { content: ""; } .image-gallery:not(.page-module) .item figure .functions a.favourite:before, .image-gallery:not(.page-module) .item figure .functions button.favourite:before { content: ""; } .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: ""; } }

.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: 5px; }

.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: ""; 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: 4px; 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: ""; 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: 5px; 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: 4px; }

.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: 5px; 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: ""; }

.image-details-social .navigation-buttons .button.next { right: -65px; }

.image-details-social .navigation-buttons .button.next:before { content: " "; }

@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: 5px; border-bottom-left-radius: 5px; 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: 5px; 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: ""; 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: ""; }

.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: 5px; border-bottom-right-radius: 5px; } .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: ""; font-family: fontello; z-index: 0; font-size: 2em; }

.image-uploader.columns:before { left: 27px; right: 27px; }

.image-uploader .upload-button { font-family: "Source Sans Pro", sans-serif; margin: 0 0.5em 0 0; border: none; cursor: default; border-radius: 5px; background-image: none; text-decoration: none; line-height: 35px; white-space: nowrap; display: inline-block; padding: 0 1em; font-size: 1em; vertical-align: text-bottom; font-weight: bold; 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:not([disabled]):hover { color: #009adc; background-color: rgba(0, 0, 0, 0.1); }

.image-uploader .upload-button.default { color: white; background-color: #009ee2; box-shadow: none; }

.image-uploader .upload-button.default:not([disabled]):hover { background-color: #009ee2; color: white; }

.image-uploader .upload-button[disabled], .image-uploader .upload-button.disabled, .image-uploader .upload-button.default[disabled], .image-uploader .upload-button.default.disabled { 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.default[disabled]:hover, .image-uploader .upload-button.default.disabled: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:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover { text-decoration: none; color: #009adc; }

.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:focus { outline: none; box-shadow: none; }

.image-uploader .upload-button[disabled]:not: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-left: 0; padding-right: 0; width: 1.7em; text-overflow: clip; }

.image-uploader .upload-button.no-label:before { width: 100%; text-align: center; margin: 0 1em 0 0; }

.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: ""; 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); }

.sortable-items-list { counter-reset: agenda; }

.sortable-items-list.images .sortable-item { grid-template-columns: 20% 80%; display: grid; grid-gap: 20px; }

.sortable-items-list .sortable-item { counter-increment: agenda; padding: 3px 10px 3px 10px; position: relative; border-top: solid 3px rgba(0, 0, 0, 0); border-bottom: solid 3px rgba(0, 0, 0, 0); margin: -3px 0 -3px 33px; }

.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: 0; right: 0; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.06); border-top-right-radius: 5px; border-bottom-right-radius: 5px; }

.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: 3px; margin: 0; }

.sortable-items-list .sortable-item .attached-documents .button-bar > .pat-button { font-size: 15px; line-height: 22px; padding: 0 12px; }

.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: ""; }

.sortable-items-list .sortable-item .meta .label.case-type:before { content: ""; }

.sortable-items-list .sortable-item .meta .label.department:before { content: ""; }

.sortable-items-list .sortable-item .meta .label.annotated { background: #fdfdc8; border-radius: 0.1em; }

.sortable-items-list .sortable-item .meta .label.annotated:before { content: ""; }

.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 { border-top-color: var(--colour-accent); }

.sortable-items-list .sortable-item.drop-target-below { border-bottom-color: var(--colour-accent); }

.sortable-items-list .sortable-item .thumbnail { width: 100%; height: calc(100% - 12px); object-fit: cover; margin-top: 6px; margin-bottom: 6px; min-height: 80px; border-radius: 4px; }

.sortable-items-list .sortable-item .additional-icons { position: absolute; left: -33px; bottom: 0; width: 35px; display: none; z-index: 1; }

.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: ""; 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: -3px -10px -3px -0.5em; width: 100%; box-sizing: inherit; padding: 3px 0.5em; 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; box-sizing: border-box; }

.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: -33px; top: 0px; width: 34px; bottom: 0px; background: var(--colour-accent); border-top-left-radius: 5px; border-bottom-left-radius: 5px; overflow: hidden; }

@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); height: 100%; top: 0; color: transparent; }

.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: 3px; }

.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: ""; 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; }

.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; }

.item-selector .batch-functions .button-bar .button-cluster { position: relative; z-index: 1; }

.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: 22px; 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.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: 22px; 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: 22px; }

.item-selector .batch-functions .pat-context-menu .context-menu-label:after { display: none; }

.item-selector .search-box { position: relative; margin-bottom: 1.5em; }

.item-selector .search-box label { position: relative; }

.item-selector .search-box label button { display: none; }

.item-selector .search-result .pat-checklist label { padding-left: 0; }

.item-selector .search-result .pat-checklist label input[type="checkbox"] { opacity: 0; position: absolute; left: 0; }

.item-selector .search-result.injecting:before { display: none; }

.item-selector .search-result.injecting > * { opacity: 1; }

.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.1em; padding-right: 2.5em; }

.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: 5px; 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: 5px; 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; }

.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: 5px; }

.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: ""; }

.item-selector .search-result .folder-intro.has-description.division-intro:before, .item-selector .search-result .introduction.has-description.division-intro:before { content: ""; }

.item-selector .search-result .folder-intro.has-description.group-intro:before, .item-selector .search-result .introduction.has-description.group-intro:before { content: ""; }

.item-selector .search-result .folder-intro.has-description.emergency-services-intro:before, .item-selector .search-result .introduction.has-description.emergency-services-intro:before { content: ""; 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: ""; }

.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: 5px; 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: 4.75px; transition: opacity 0.4s; 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: 5px; 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: 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 .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: ""; 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: 5px; -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: ""; text-align: center; line-height: 44px; font-size: 1.3em; height: 44px; width: 44px; border: none; border-radius: 5px; background-color: rgba(0, 0, 0, 0.1); }

.item-selector .search-result .item.workspace .follow:before { font-family: fontello; content: ""; text-align: center; line-height: 44px; font-size: 1.3em; height: 44px; width: 44px; border: none; border-radius: 5px; background-color: rgba(0, 0, 0, 0.1); }

.item-selector .search-result .item.division .follow:before { font-family: fontello; content: ""; text-align: center; line-height: 44px; font-size: 1.3em; height: 44px; width: 44px; border: none; border-radius: 5px; background-color: rgba(0, 0, 0, 0.1); }

.item-selector .search-result .item.emergency-services .follow:before { font-family: fontello; content: ""; text-align: center; line-height: 39px; font-size: 1.5em; height: 44px; width: 44px; border: none; border-radius: 5px; 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: ""; text-align: center; line-height: 44px; font-size: 1.2em; height: 44px; width: 44px; border: none; border-radius: 5px; background-color: rgba(0, 0, 0, 0.1); }

.item-selector .search-result .item.following .follow:before { font-family: fontello; content: ""; text-align: center; line-height: 44px; font-size: 1.5em; height: 44px; width: 44px; border: none; border-radius: 5px; background-color: rgba(0, 0, 0, 0.1); }

.item-selector .search-result .item.deceased-jewish .follow:before { font-family: fontello; content: ""; text-align: center; line-height: 44px; font-size: 1.2em; height: 44px; width: 44px; border: none; border-radius: 5px; background-color: rgba(0, 0, 0, 0.1); }

.item-selector .search-result .item.all-users .follow:before { font-family: fontello; content: ""; text-align: center; line-height: 44px; font-size: 1.4em; height: 44px; width: 44px; border: none; border-radius: 5px; background-color: rgba(0, 0, 0, 0.1); }

.item-selector .search-result .item.all-contacts .follow:before { font-family: fontello; content: ""; text-align: center; line-height: 45px; font-size: 1.52em; height: 44px; width: 44px; border: none; border-radius: 5px; 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: ""; 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: 5px; height: 44px; width: 44px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); }

.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: ""; 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: 5px; 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: 4px; 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: ""; 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: ""; }

.item-selector .search-result .item.type-presentation .title:before, .item-selector .search-result .item.type-slide .title:before { content: ""; }

.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: ""; }

.item-selector .search-result .item.type-user .title:before { content: '\1f464'; }

.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-external-video .title:before { content: ""; }

.item-selector .search-result .item.type-audio .title:before { content: ""; }

.item-selector .search-result .item.type-youtube .title:before { content: ""; }

.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: ""; }

.item-selector .search-result .item.type-email .title:before { content: ""; }

.item-selector .search-result .item.type-link .title:before { content: ""; }

.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; }

.item-selector .search-result .item .byline.injecting:before { display: none; }

.item-selector .search-result .item .byline.injecting > * { opacity: 1; }

.item-selector .search-result .item:not(.active):hover, .item-selector .search-result .item:not(.active):focus { background-color: #efefef; }

.item-selector .search-result .item::before { font-size: 1.2em; position: absolute; top: 50% !important; margin-left: 0.5em; -webkit-transition: 0.2s all; transition: 0.2s all; color: black; left: 0; }

.item-selector.mode-follow .batch-functions { height: 0; opacity: 0; padding-bottom: 0; overflow: hidden; }

.item-selector.mode-follow .search-result fieldset .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: 5px; font-weight: normal; box-shadow: 0 0 10px 10px #efefef; background-color: #efefef; }

.item-selector.mode-follow .search-result fieldset .item .option-trigger.collapsible-open, .item-selector.mode-follow .search-result fieldset .item .option-trigger.active, .item-selector.mode-follow .search-result fieldset .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 fieldset .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 fieldset .item:hover .option-trigger { display: inline-block; } .item-selector.mode-follow .search-result fieldset .item:hover .alert-badge, .item-selector.mode-follow .search-result fieldset .item .option-trigger.active ~ .alert-badge { right: 2em; } .item-selector.mode-follow .search-result fieldset .item:hover .follow .icon-archive, .item-selector.mode-follow .search-result fieldset .item:hover .follow .icon-trash, .item-selector.mode-follow .search-result fieldset .item.type-folder .follow .icon-archive, .item-selector.mode-follow .search-result fieldset .item.type-folder .follow .icon-trash, .item-selector.mode-follow .search-result fieldset .item .option-trigger.active ~ .follow .icon-archive, .item-selector.mode-follow .search-result fieldset .item .option-trigger.active ~ .follow .icon-trash { display: none; } }

.item-selector.mode-follow .search-result fieldset .item .follow.current + .option-trigger { box-shadow: 0 0 10px 10px var(--colour-accent); background-color: var(--colour-accent); }

.item-selector.mode-follow .search-result fieldset .item .follow.current + .option-trigger.tooltip-active-click { background-color: white; color: var(--colour-accent); }

.item-selector.mode-follow .search-result fieldset .item::before { opacity: 0; margin-left: 0em; }

.item-selector.mode-follow .search-result fieldset .item.state-unread .follow:after { position: absolute; top: 50%; right: 6px; height: 10px; width: 10px; background-color: #009ee2; border-radius: 50%; content: ' '; display: block; transform: translateY(-50%); border: 1px solid white; }

.item-selector.mode-follow .search-result fieldset .item .follow { z-index: 0; border-left: 0 solid #efefef; padding-right: 10px; }

.item-selector.mode-follow .search-result fieldset .item .follow.current { background-color: var(--colour-accent); color: white; }

.item-selector.mode-follow .search-result fieldset .item .follow.current *, .item-selector.mode-follow .search-result fieldset .item .follow.current:before, .item-selector.mode-follow .search-result fieldset .item .follow.current + .option-trigger { color: white; }

.item-selector.mode-add .search-result fieldset .item::before { opacity: 0; margin-left: 0em; }

.item-selector.mode-add .search-result fieldset .item .follow { z-index: 0; border-left: 0 solid #efefef; padding-right: 6em; }

.item-selector.mode-add .search-result fieldset .item .button-add { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }

.item-selector.mode-add .search-result fieldset .item.has-label .follow { padding-right: 30%; }

.item-selector.mode-add .search-result fieldset .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 fieldset .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 fieldset .item { padding-left: 1.5em; }

.item-selector.mode-select .search-result fieldset .item.group:after { right: -1em; opacity: 0; }

.item-selector.mode-select .search-result fieldset .item.checked { background-color: var(--colour-accent); color: white; }

.item-selector.mode-select .search-result fieldset .item.checked *, .item-selector.mode-select .search-result fieldset .item.checked:before { color: white; }

.item-selector.mode-select .search-result fieldset .item.checked:before { color: black; }

.item-selector.mode-select .search-result fieldset .item .follow { -moz-pointer-events: none; -webkit-pointer-events: none; pointer-events: none; }

.item-selector.mode-select .functions.bumped { background: #efefef; }

.item-selector.mode-select .batch-functions { z-index: 100; overflow: visible; float: left; width: 100%; height: 60; padding-bottom: 0; margin-bottom: 0; }

.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: ""; 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; }

#workspace-leader { overflow: hidden; width: 88%; margin: 0 auto 1em; }

#workspace-leader img, #workspace-leader svg { width: 100%; margin-bottom: 1em; border-radius: 5px; }

#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: 5px; border-top-right-radius: 5px; } .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: 5px; border-top-right-radius: 5px; }

.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: 5px; 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: ""; 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-left: 2em; padding-right: 0.5em; }

.lib-groups .tile .content ul.menu li a:before { margin-left: -1.6em; }

.lib-groups .tile .content ul.menu li.current a, .lib-groups .tile .content ul.menu li a.current { color: white; background-color: #009FE3; border-radius: 5px; 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: 5px; 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: #009FE3; 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: 4px; }

.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: ""; }

.lib-groups .tile.group-by-subsection h3:before { content: ""; }

.lib-groups .tile.group-by-workspace h3:before { content: ""; }

.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: "Source Sans Pro", 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: #009FE3; }

.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: 5px; }

.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: 5px; padding: 6%; background-color: #f1f1f1; 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; overflow-x: auto; display: block; width: 100% !important; }

@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: ""; 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: ""; 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: ""; 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: ""; 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:hover .item-summary, .link-list li .group-title:hover .item-summary { text-decoration: none !important; }

.-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: ""; }

.link-list li a.type-emergency-service:before, .link-list li .group-title.type-emergency-service:before { content: ""; }

.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: ""; }

.link-list li a.type-job:before, .link-list li .group-title.type-job:before { content: ""; }

.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: ""; }

.link-list li a.type-external-video:before, .link-list li .group-title.type-external-video:before { content: ""; }

.link-list li a.type-task:before, .link-list li .group-title.type-task:before { content: ""; }

.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: ""; }

.link-list li a.type-post:before, .link-list li .group-title.type-post:before { content: ""; }

.link-list li a.type-rich:before, .link-list li .group-title.type-rich:before { content: ""; }

.link-list li a.type-news:before, .link-list li .group-title.type-news:before { content: ""; }

.link-list li a.type-library-item:before, .link-list li .group-title.type-library-item:before { content: ""; }

.link-list li a.type-library-section:before, .link-list li .group-title.type-library-section:before { content: ""; }

.link-list li a.type-library-subsection:before, .link-list li .group-title.type-library-subsection:before { content: ""; }

.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: ""; }

.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: ""; }

.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: ""; }

.link-list li a.type-super-space:before, .link-list li .group-title.type-super-space:before { content: ""; }

.link-list li a.type-question:before, .link-list li .group-title.type-question:before { content: ""; }

.link-list li a.type-link:before, .link-list li .group-title.type-link:before { content: ""; }

.link-list li a.type-zip:before, .link-list li .group-title.type-zip:before { content: ""; }

.link-list li a.type-file-archive:before, .link-list li .group-title.type-file-archive:before { content: ""; }

.link-list li a.type-app:before, .link-list li .group-title.type-app:before { content: ""; }

.link-list li a.type-audio:before, .link-list li .group-title.type-audio:before { content: ""; }

.link-list li a.type-video:before, .link-list li .group-title.type-video:before { content: ""; }

.link-list li a.type-contract:before, .link-list li .group-title.type-contract:before { content: ""; }

.link-list li a.type-file:before, .link-list li .group-title.type-file:before { content: ""; }

.link-list li a.type-email:before, .link-list li .group-title.type-email:before { content: ""; }

.link-list li a.type-plain-text:before, .link-list li .group-title.type-plain-text:before { content: ""; }

.link-list li a.type-link-external:before, .link-list li .group-title.type-link-external:before { content: ""; }

.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: ""; }

.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; }

.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 { display: inline-block; overflow: hidden; border-radius: 3em; border: 1px solid gray; aspect-ratio: 1 / 1; width: 3em; height: 3em; position: absolute; left: 0.5em; top: 0.5em; }

.list-extend .list .item img img { width: 100%; height: 100%; object-fit: cover; -webkit-clip-path: circle(3em); clip-path: circle(3em); display: block; }

.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: '\1f4c1'; }

.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: #009FE3; 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; }

#login-panel { background-color: #009FE3; background-image: url(); background-size: cover; background-position: center; position: fixed; top: 0; right: 0; bottom: 0; left: 0; color: white; overflow: auto; }

#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%; }

#login-panel article.page a { color: white; text-decoration: underline; }

#login-panel .panel { border-radius: 5px; 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: ""; 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; }

#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 .colofon { color: rgba(255, 255, 255, 0.4); font-size: 0.9em; margin-bottom: 1em; }

#login-panel .panel .colofon a { color: white; }

#login-panel .panel .splash { margin-bottom: 1.5em; background: no-repeat url(""); background-size: contain; background-position: center; height: 200px; }

#login-panel .panel .splash img { display: none; }

#login-panel .panel .splash figcaption, #login-panel .panel .splash h1 { display: none; 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); }

#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 .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: #009ee2; 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: ""; 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; }

#site-logo.logo { float: left; margin-right: 14px; line-height: 1.95em; font-size: 0.9em; font-weight: bold; color: #FFF; }

@media only screen and (max-width: 767px) { #site-logo.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: 5px; }

@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: "Source Sans Pro", 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: ""; 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: ""; 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-1.magazine-column, .pat-magazine #magazine-column-3.magazine-column { width: 33.333332%; } .pat-magazine #magazine-column-1.magazine-column .teaser .byline, .pat-magazine #magazine-column-3.magazine-column .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: 5px; padding: 0 20px 0 60px; border: none; }

.pat-magazine .block.sortable .block-content .block-title { margin: 0; padding: 0.5em 40px 0.5em 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: 32px; 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: #009FE3; }

.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: ""; }

.pat-magazine .block.sortable .functions button.remove:before { content: ""; }

.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: #009FE3; }

.pat-magazine .block.sortable .sortable-handle:before { content: ""; 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: #009FE3; }

.pat-magazine .block.drop-target-below:after { background-color: #009FE3; }

.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: ""; }

.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.event-card:first-child .teaser .byline, .pat-magazine.grid-sl #magazine-column-2 .block.type-2-3 .item.event-card:nth-child(2) .teaser .byline, .pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item.event-card:first-child .teaser .byline, .pat-magazine.grid-sr #magazine-column-2 .block.type-2-3 .item.event-card:nth-child(2) .teaser .byline, .pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item.event-card:first-child .teaser .byline, .pat-magazine.grid-sc #magazine-column-2 .block.type-2-3 .item.event-card:nth-child(2) .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: "\270e"; 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: "Source Sans Pro", 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: 5px; 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: ""; text-align: center; transition: transform 0.5s; }

.magazine-maker .panel-add-section label { font-family: "Source Sans Pro", sans-serif; margin: 0 0.5em 0 0; border: none; cursor: default; border-radius: 5px; background-image: none; text-decoration: none; line-height: 35px; white-space: nowrap; display: inline-block; padding: 0 1em; font-size: 1em; vertical-align: text-bottom; font-weight: bold; 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:not([disabled]):hover { color: #009adc; background-color: rgba(0, 0, 0, 0.1); }

.magazine-maker .panel-add-section label.default { color: white; background-color: #009ee2; box-shadow: none; }

.magazine-maker .panel-add-section label.default:not([disabled]):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.default[disabled], .magazine-maker .panel-add-section label.default.disabled { 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.default[disabled]:hover, .magazine-maker .panel-add-section label.default.disabled: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:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover { text-decoration: none; color: #009adc; }

.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:focus { outline: none; box-shadow: none; }

.magazine-maker .panel-add-section label[disabled]:not: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-left: 0; padding-right: 0; width: 1.7em; text-overflow: clip; }

.magazine-maker .panel-add-section label.no-label:before { width: 100%; text-align: center; margin: 0 1em 0 0; }

.magazine-maker .panel-add-section label.checked { display: none; }

.magazine-maker .panel-add-section label:before { font-family: fontello; margin-right: 0.15em; content: ""; 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 #009FE3; }

.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: ""; }

.mail-preview .mail-history-browser .button.previous { float: left; }

.mail-preview .mail-history-browser .button.previous:before { content: ""; }

#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: ""; 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; }

.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; }

ul.menu li, .menu-list li { line-height: 2em; padding-left: 0; position: relative; }

@media only screen and (min-width: 768px) { ul.menu li[href]:not(.current):not(.active):not([disabled]):hover, .menu-list li[href]:not(.current):not(.active):not([disabled]):hover { color: black; text-decoration: none; } ul.menu li:not(.current) .file-upload:hover, .menu-list li:not(.current) .file-upload:hover { color: black; text-decoration: none; } }

ul.menu li:before, .menu-list li:before { display: none; }

ul.menu li > form.worfklow-state, .menu-list li > form.worfklow-state { padding: 0.2em 0 0.2em 26px; line-height: 1.3; }

ul.menu li > form.worfklow-state:before, .menu-list li > form.worfklow-state:before { margin-left: -26px; float: left; line-height: 1.3; font-family: fontello; content: ""; text-align: center; width: 26px; line-height: 1.5; }

ul.menu li > form.worfklow-state > label.pat-select.bare, .menu-list li > form.worfklow-state > label.pat-select.bare { display: inline-block; }

ul.menu li a:not([class*="icon-"]):before, .menu-list li a:not([class*="icon-"]):before { content: ""; }

ul.menu li a, ul.menu li > label:not(.pat-select), ul.menu li > form > label:not(.pat-select), ul.menu li button, .menu-list li a, .menu-list li > label:not(.pat-select), .menu-list li > form > label:not(.pat-select), .menu-list li button { display: block; padding: 4px 0 4px 26px; line-height: 22px; cursor: default; overflow: hidden; border: none; width: 100%; background: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; font-weight: normal; font-size: 1em; white-space: normal; }

@media only screen and (max-width: 767px) { ul.menu li a, ul.menu li > label:not(.pat-select), ul.menu li > form > label:not(.pat-select), ul.menu li button, .menu-list li a, .menu-list li > label:not(.pat-select), .menu-list li > form > label:not(.pat-select), .menu-list li button { color: black; } }

@media only screen and (min-width: 768px) { ul.menu li a, ul.menu li > label:not(.pat-select), ul.menu li > form > label:not(.pat-select), ul.menu li button, .menu-list li a, .menu-list li > label:not(.pat-select), .menu-list li > form > label:not(.pat-select), .menu-list li button { color: rgba(0, 0, 0, 0.6); } }

ul.menu li a .pat-message, ul.menu li > label:not(.pat-select) .pat-message, ul.menu li > form > label:not(.pat-select) .pat-message, ul.menu li button .pat-message, .menu-list li a .pat-message, .menu-list li > label:not(.pat-select) .pat-message, .menu-list li > form > label:not(.pat-select) .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.pat-checklist:before, ul.menu li > label.pat-checklist:not(.pat-select):before, ul.menu li > form > label.pat-checklist:not(.pat-select):before, ul.menu li button.pat-checklist:before, .menu-list li a.pat-checklist:before, .menu-list li > label.pat-checklist:not(.pat-select):before, .menu-list li > form > label.pat-checklist:not(.pat-select):before, .menu-list li button.pat-checklist:before { position: relative; left: 0; margin-left: -26px; margin-top: 0; top: calc(0.1em + 4px); }

ul.menu li a input[type="file"], ul.menu li > label:not(.pat-select) input[type="file"], ul.menu li > form > label:not(.pat-select) input[type="file"], ul.menu li button input[type="file"], .menu-list li a input[type="file"], .menu-list li > label:not(.pat-select) input[type="file"], .menu-list li > form > label:not(.pat-select) 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.tiptap-heading-level-2:before, ul.menu li > label.tiptap-heading-level-2:not(.pat-select):before, ul.menu li > form > label.tiptap-heading-level-2:not(.pat-select):before, ul.menu li button.tiptap-heading-level-2:before, .menu-list li a.tiptap-heading-level-2:before, .menu-list li > label.tiptap-heading-level-2:not(.pat-select):before, .menu-list li > form > label.tiptap-heading-level-2:not(.pat-select):before, .menu-list li button.tiptap-heading-level-2:before { transform: scale(0.8); }

ul.menu li a.tiptap-heading-level-3:before, ul.menu li > label.tiptap-heading-level-3:not(.pat-select):before, ul.menu li > form > label.tiptap-heading-level-3:not(.pat-select):before, ul.menu li button.tiptap-heading-level-3:before, .menu-list li a.tiptap-heading-level-3:before, .menu-list li > label.tiptap-heading-level-3:not(.pat-select):before, .menu-list li > form > label.tiptap-heading-level-3:not(.pat-select):before, .menu-list li button.tiptap-heading-level-3:before { transform: scale(0.6); }

ul.menu li a:before, ul.menu li > label:not(.pat-select):before, ul.menu li > form > label:not(.pat-select):before, ul.menu li button:before, .menu-list li a:before, .menu-list li > label:not(.pat-select):before, .menu-list li > form > label:not(.pat-select):before, .menu-list li button:before { margin-left: -26px; float: left; line-height: 22px; font-family: fontello; }

ul.menu li a > a:hover, ul.menu li a:hover, ul.menu li > label:not(.pat-select) > a:hover, ul.menu li > label:not(.pat-select):hover, ul.menu li > form > label:not(.pat-select) > a:hover, ul.menu li > form > label:not(.pat-select):hover, ul.menu li button > a:hover, ul.menu li button:hover, .menu-list li a > a:hover, .menu-list li a:hover, .menu-list li > label:not(.pat-select) > a:hover, .menu-list li > label:not(.pat-select):hover, .menu-list li > form > label:not(.pat-select) > a:hover, .menu-list li > form > label:not(.pat-select):hover, .menu-list li button > a:hover, .menu-list li button:hover { text-decoration: none !important; }

ul.menu li a:not(.current) > a[href]:hover, ul.menu li a[href]:not(.current):hover, ul.menu li > label:not(.pat-select):not(.current) > a[href]:hover, ul.menu li > label[href]:not(.pat-select):not(.current):hover, ul.menu li > form > label:not(.pat-select):not(.current) > a[href]:hover, ul.menu li > form > label[href]:not(.pat-select):not(.current):hover, ul.menu li button:not(.current) > a[href]:hover, ul.menu li button[href]:not(.current):hover, .menu-list li a:not(.current) > a[href]:hover, .menu-list li a[href]:not(.current):hover, .menu-list li > label:not(.pat-select):not(.current) > a[href]:hover, .menu-list li > label[href]:not(.pat-select):not(.current):hover, .menu-list li > form > label:not(.pat-select):not(.current) > a[href]:hover, .menu-list li > form > label[href]:not(.pat-select):not(.current):hover, .menu-list li button:not(.current) > a[href]:hover, .menu-list li button[href]:not(.current):hover { color: black !important; }

ul.menu li a:active, ul.menu li > label:not(.pat-select):active, ul.menu li > form > label:not(.pat-select):active, ul.menu li button:active, .menu-list li a:active, .menu-list li > label:not(.pat-select):active, .menu-list li > form > label:not(.pat-select):active, .menu-list li button:active { box-shadow: none; }

ul.menu li a.active, ul.menu li a.active:before, ul.menu li > label.active:not(.pat-select), ul.menu li > label.active:not(.pat-select):before, ul.menu li > form > label.active:not(.pat-select), ul.menu li > form > label.active:not(.pat-select):before, ul.menu li button.active, ul.menu li button.active:before, .menu-list li a.active, .menu-list li a.active:before, .menu-list li > label.active:not(.pat-select), .menu-list li > label.active:not(.pat-select):before, .menu-list li > form > label.active:not(.pat-select), .menu-list li > form > label.active:not(.pat-select):before, .menu-list li button.active, .menu-list li button.active:before { color: #009FE3; }

.directory ul.menu li a, .directory ul.menu li > label:not(.pat-select), .directory ul.menu li > form > label:not(.pat-select), .directory ul.menu li button, .directory .menu-list li a, .directory .menu-list li > label:not(.pat-select), .directory .menu-list li > form > label:not(.pat-select), .directory .menu-list li button { cursor: pointer; }

ul.menu li.current, .menu-list li.current { color: #009FE3; }

ul.menu li.current a, .menu-list li.current a { color: #009FE3; 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: white; 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: 5px; }

.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: ""; 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.preview { padding: 20px; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column.preview .document-preview-expansive { margin-bottom: 15px; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column.preview .sub-title { margin-bottom: 15px; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column.preview .sub-title .label:before { display: none; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column.preview .description { margin-top: -15px; margin-bottom: 20px; font-size: 16px; line-height: 1.3; color: rgba(0, 0, 0, 0.6); }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column.preview .pat-grid-list { font-size: 16px; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column.preview .pat-grid-list dt, .pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column.preview .pat-grid-list dd { padding-top: 4px; padding-bottom: 4px; }

.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: 6px 10px 6px 33px; line-height: 1.3; clear: both; float: none; border-radius: 5px; position: relative; overflow: hidden; hyphens: auto; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-emergency-service:before { content: ""; }

.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: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-job:before { content: ""; }

.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: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-external-video:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-task:before { content: ""; }

.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: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-post:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-rich:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-news:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library-item:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library-section:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-library-subsection:before { content: ""; }

.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: ""; }

.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: ""; }

.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: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-super-space:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-question:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-link:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-zip:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-file-archive:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-app:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-audio:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-video:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-contract:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-file:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-email:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-plain-text:before { content: ""; }

.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-tasks:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-events:before { content: ""; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item.type-documents:before { content: ""; }

.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: ""; 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:focus { outline: none; background-color: #009FE3; color: white; }

.pat-miller-columns .pat-miller-columns-column-set .pat-miller-columns-column .pat-miller-columns-column-item[class*=type-app]:focus: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: ""; font-family: fontello; display: inline-block; color: #FFF; 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: #009adc; }

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: 5px; background-color: rgba(0, 0, 0, 0.08); content: ""; }

@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: 5px; 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: #009FE3; 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; }

.pat-nav-tiles .item { width: 33%; color: #009ee2; float: left; margin: 0 0 4% 0; text-align: center; height: 270px; text-decoration: none !important; transition: transform 0.20s; font-weight: bold; }

@media (hover: hover) { .pat-nav-tiles .item:hover { color: #007aaf; text-decoration: none; } .pat-nav-tiles .item:hover:before { color: #007aaf; box-shadow: inset 0 0 0 3px #009ee2; } }

.pat-nav-tiles .item:before { width: 200px; height: 200px; background-color: rgba(0, 158, 226, 0.08); border-radius: 5px; box-shadow: inset 0 0 0 3px rgba(0, 158, 226, 0.3); color: #009ee2; line-height: 200px; display: block; margin: 0 auto 15px; text-align: center; font-size: 100px; transition: box-shadow 0.20s; }

@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; } }

.news-article { position: relative; max-width: 1100px; }

.news-article.style-events { border-radius: 8px; max-width: 920px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); }

.news-article.style-events #comments-document-comments { border-bottom-left-radius: 7px; border-bottom-right-radius: 7px; }

.news-article .page-modules .page-module .page-module-title { font-size: 1.2em; font-weight: bold; margin-bottom: 1rem; -webkit-user-select: text; user-select: text; }

.news-article .page-function-bar { z-index: 3; }

.news-article .page-function-bar > a { background: rgba(255, 255, 255, 0.2); padding: 0 0.9em; border-radius: 17px; margin-left: 0.5em; color: black; }

.news-article .page-function-bar > a:hover { background: rgba(255, 255, 255, 0.9); }

@media only screen and (min-width: 768px) { .news-article { margin: 0 auto 4em; border-radius: 5px; width: 100%; } .news-article:after { content: " "; display: table; clear: both; } }

@media only screen and (max-width: 767px) { .news-article { margin: 0 -15px; } }

.news-article .article, .news-article #comments-document-comments { margin: 0; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

@media only screen and (min-width: 1280px) { .news-article .article, .news-article #comments-document-comments { margin-left: 2px; margin-right: 2px; margin-bottom: 2px; } }

@media only screen and (min-width: 768px) { .news-article .article, .news-article #comments-document-comments { padding-right: 16%; padding-left: 16%; } .news-article .article:after, .news-article #comments-document-comments:after { content: " "; display: table; clear: both; } }

@media only screen and (min-width: 768px) and (max-width: 1279px) { .news-article .article, .news-article #comments-document-comments { padding-right: 8%; padding-left: 8%; } }

@media only screen and (max-width: 767px) { .news-article .article, .news-article #comments-document-comments { padding-right: 15px; padding-left: 15px; } }

.news-article .article { padding-top: 50px; padding-bottom: 3em; position: relative; font-size: 1.2em; line-height: 150%; }

@media only screen and (max-width: 767px) { .news-article .article { padding-top: 0; } }

.news-article .article .title { text-transform: uppercase; margin-bottom: 50px; -webkit-user-select: text; user-select: text; }

@media only screen and (max-width: 767px) { .news-article .article .title { padding-top: 1.2em; font-size: 1.5em; } }

.news-article .article .hero { left: 0; transform: none; max-width: inherit; width: 100%; margin-bottom: 2em; }

@media only screen and (min-width: 1280px) { .news-article .article .hero { margin-left: -12.5%; margin-right: -12.5%; width: 125%; } }

.news-article .article .hero img { width: 100%; background-size: cover; background-position: center; }

.news-article .article .news-article-summary { color: black; font-weight: bold; margin-bottom: 1.2em; -webkit-user-select: text; user-select: text; }

.news-article .article .news-article-metadata { color: black; font-weight: bold; font-size: 0.85em; line-height: 1.4; margin-bottom: 1.2em; }

.news-article .article .news-article-metadata li { padding: 0; }

.news-article .article .news-article-metadata li:before { display: none; }

.news-article .article .news-article-metadata .news-article-metadata-credits, .news-article .article .news-article-metadata .news-article-metadata-credits a { color: #f73558; }

.news-article .article .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; }

.news-article .article .main-content blockquote *:last-child { margin: 0; }

@media only screen and (min-width: 768px) { .news-article .article .main-content blockquote { padding: 0 2.5em; } .news-article .article .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); } }

.news-article .article .main-content .external-references { font-size: 16px; line-height: 1.4; color: rgba(0, 0, 0, 0.5); }

.news-article .article .main-content .external-references a { overflow: hidden; text-overflow: ellipsis; display: inline-block; max-width: 100%; }

@media only screen and (min-width: 1280px) { .news-article .comment-sentinel { margin-left: 2px; margin-right: 2px; } }

.news-article #comments-document-comments { border-radius: 5px; background: rgba(0, 0, 0, 0.06); }

.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.equalised:first-child { 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: "\270e"; 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: "Source Sans Pro", 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: 5px; margin-bottom: 2px; }

.notifications .notification.state-unread .follow:after { position: absolute; top: 50%; right: 6px; height: 10px; width: 10px; background-color: #009ee2; border-radius: 50%; content: ' '; display: block; transform: translateY(-50%); border: 1px solid white; }

.notifications .notification.unseen .follow { background: #d5e2f6; }

.notifications .notification .follow { text-decoration: none; line-height: 1.3; color: black; padding: 12px 12px 12px 66px; border-radius: 5px; display: block; position: relative; }

.notifications .notification .follow .message { margin: 2px 0 1px 0; }

.notifications .notification .follow:hover { background-color: #efefef; }

.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: 4.5px; }

.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; }

@media only screen and (max-width: 767px) { #pat-notification-banners { top: 65px; } }

@media only screen and (min-width: 768px) { #pat-notification-banners { top: 70px; } }

#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: #009FE3; 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: #009FE3 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: '\270e'; }

.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; }

#osh-target-hamburger.onscreen-help { top: 0; left: 0; position: absolute !important; }

@media only screen and (min-width: 1280px) { #osh-target-hamburger.onscreen-help { display: none; } }

@media only screen and (min-width: 768px) and (max-width: 1279px) { #osh-target-portal-suite.onscreen-help { display: none; } }

@media only screen and (min-width: 768px) { #osh-target-back-to-portal.onscreen-help { top: 0; left: -15px; position: fixed !important; } }

#osh-target-dashboard-view.onscreen-help { position: absolute !important; margin-left: -1em; }

#osh-target-post-message.onscreen-help { 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: ""; 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: #009FE3; }

.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; }

.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: ""; 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: ""; 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: ""; 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: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); padding: 0.6em 0.6em 0.6em 4.5em; line-height: 1.4; background-color: white; position: relative; width: 60%; margin: 60px auto 110px; }

.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.2em 0; }

.page-renders .message.no-preview .byline, .page-renders .message.max-preview .byline { display: block; padding: 0; margin: 0 0 0.2em 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: #ffe6e6; color: red; 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: #660000; }

.page-renders .message.no-preview:before, .page-renders .message.max-preview:before { font-family: fontello; content: '\e811'; line-height: 1.85em; width: 1.8em; font-size: 2em; position: absolute; top: 50%; left: 0.4em; 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; }

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 #009FE3; }

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; }

.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: ""; }

.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: #007aff; }

.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: ""; 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: ""; 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 { position: absolute; z-index: 10; right: 0; bottom: 0; left: 0; background-color: #f1f1f1; -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: ""; 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: -126px; 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: #009FE3; } }

@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: #FFF; 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: 5px; cursor: default; --colour-tab-dimmed: rgba(255, 255, 255, 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: #FFF; 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: #009FE3; }

#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: ""; font-size: 0.9em; }

.portal-quick-nav .portal-section.portal-section-apps a:before { content: ""; }

#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: #009FE3; 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.08); 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: white; background-color: transparent; position: relative; font-weight: bold; font-size: inherit; }

.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: white; }

.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: 1.5px; background-color: white; opacity: 0; }

.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation):hover:after, .portal-tabs nav a.current:not(.onscreen-help):not(.title):not(.organisation):after { top: auto; bottom: 2px; left: 0.5em; right: 0.5em; transform: scaleX(1); background-color: white; opacity: 1; }

.portal-tabs nav a:not(.onscreen-help):not(.title):not(.organisation):hover:after { background-color: white; }

.portal-tabs nav a.current:not(.onscreen-help):not(.title):not(.organisation):after { background-color: white; }

.portal-tabs nav a.current:not(.onscreen-help):not(.title):not(.organisation) { color: white; background-color: transparent; cursor: default; }

.portal-tabs nav a.organisation:not(.onscreen-help) { display: none; }

@media only screen and (max-width: 1279px) { .portal-tabs nav a.plugin-tab:not(.onscreen-help) { display: none; } }

.portal-tabs nav a.title:not(.onscreen-help) { text-transform: initial; font-weight: bold; font-size: inherit; position: relative; margin-top: 30px; 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.title:not(.onscreen-help):after { background-color: white; content: ' '; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: -1; }

.portal-tabs nav a.organisation:not(.onscreen-help) { 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: 5px; 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; }

.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: 5px; 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; }

.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-style-switcher.portlet .pat-button.inactive { background: white; }

#portlet-style-switcher.portlet .pat-button.inactive:after { content: '*'; }

#portlet-classifieds.portlet .portlet-title { margin-bottom: 2rem; }

#portlet-classifieds.portlet .portlet-title a:before { content: ""; }

@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-classifieds.portlet .content { overflow: visible; }

#portlet-classifieds.portlet .content .card-slot { height: 45px; margin-bottom: 0.5em; position: relative; border-bottom: 1px silver solid; }

#portlet-classifieds.portlet .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-classifieds.portlet .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-classifieds.portlet .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-classifieds.portlet .content .card-slot .card-slith .sticky-note .sticky-note-content .front { transition: box-shadow 1s; }

#portlet-classifieds.portlet .content .card-slot.position-in:hover .card-slith .sticky-note { top: 870px; }

#portlet-classifieds.portlet .content .card-slot.position-in .card-slith { height: 965px; }

#portlet-classifieds.portlet .content .card-slot.position-in .card-slith .sticky-note { transform: translateY(0) scale(1) rotateX(-30deg); }

#portlet-classifieds.portlet .content .card-slot.position-out .card-slith { z-index: 1000; animation: grow-slith 1s; animation-iteration-count: 1; animation-fill-mode: forwards; }

#portlet-classifieds.portlet .content .card-slot.position-out .card-slith .sticky-note { animation-iteration-count: 1; }

@media only screen and (max-width: 767px) { #portlet-classifieds.portlet .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-classifieds.portlet .content .card-slot.position-out .card-slith .sticky-note { animation: pull-card-large-screen 1s; animation-fill-mode: forwards; } }

#portlet-classifieds.portlet .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-contacts.portlet .search-box input { width: 100%; }

#portlet-contacts.portlet .portlet-title a:before { content: ""; }

#portlet-contacts.portlet .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-contacts.portlet .user-cloud a { margin: 0.25em; }

#portlet-contacts.portlet #contact-search-items .item-selector { padding: 0 0.3em; }

#portlet-polls.portlet .portlet-title a:before { content: ""; }

#portlet-polls.portlet .poll-card .poll-card-content { padding: 8%; font-size: 18px; }

#portlet-polls.portlet .poll-card .poll-card-title { font-size: 22px; line-height: 28px; }

#portlet-polls.portlet .polls > div { margin-bottom: 20px; }

#portlet-polls.portlet .polls > div:last-child { margin-bottom: 0; }

#portlet-workspaces.portlet .portlet-title a:before { content: ""; }

#portlet-bookmarked-workspaces.portlet .grid-sizer-bookmarked-workspaces { width: 50%; float: left; }

#portlet-bookmarked-workspaces.portlet .portlet-title a:before { content: ""; }

@media only screen and (min-width: 1280px) { #portlet-bookmarked-workspaces.portlet.span-3 .grid-sizer-bookmarked-workspaces, #portlet-bookmarked-workspaces.portlet.span-3 .tile { width: 33.333332%; } }

@media only screen and (min-width: 1280px) { #portlet-bookmarked-workspaces.portlet.span-3 .grid-sizer-bookmarked-workspaces, #portlet-bookmarked-workspaces.portlet.span-3 .tile { width: 50%; } }

@media only screen and (min-width: 1280px) { #portlet-bookmarked-workspaces.portlet.span-2 .grid-sizer-bookmarked-workspaces, #portlet-bookmarked-workspaces.portlet.span-2 .tile { width: 50%; } }

@media only screen and (min-width: 1280px) { #portlet-bookmarked-workspaces.portlet.span-2 .grid-sizer-bookmarked-workspaces, #portlet-bookmarked-workspaces.portlet.span-2 .tile { width: 50%; } }

#portlet-bookmarked-workspaces.portlet .workspaces .tile { -webkit-animation: fadeIn 1.5s; animation: fadeIn 1.5s; }

#portlet-bookmarked-workspaces.portlet.state-collapsed .workspaces .tile { display: none; opacity: 0; }

#portlet-bookmarked-workspaces.portlet.state-collapsed .workspaces .tile:nth-child(1), #portlet-bookmarked-workspaces.portlet.state-collapsed .workspaces .tile:nth-child(2), #portlet-bookmarked-workspaces.portlet.state-collapsed .workspaces .tile:nth-child(3), #portlet-bookmarked-workspaces.portlet.state-collapsed .workspaces .tile:nth-child(4) { display: block; opacity: 1; }

#portlet-bookmarked-apps.portlet .more-menu-toggle { display: none; }

#portlet-bookmarked-apps.portlet .tiles.apps { opacity: 1; margin: 0 0 -15px 0; }

#portlet-bookmarked-apps.portlet .tiles.apps .content { padding: 6% 6% 8px 6%; }

#portlet-bookmarked-apps.portlet .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-bookmarked-apps.portlet .tiles.apps .tile > .link { line-height: 1.4; font-size: 0.9em; }

#portlet-bookmarked-apps.portlet .tiles.apps .tile .icon-bookmark, #portlet-bookmarked-apps.portlet .tiles.apps .tile .icon-bookmark-empty { display: none; }

#portlet-bookmarked-apps.portlet.state-collapsed .tiles.apps .tile { display: none; opacity: 0; }

#portlet-bookmarked-apps.portlet.state-collapsed .tiles.apps .tile:nth-child(1), #portlet-bookmarked-apps.portlet.state-collapsed .tiles.apps .tile:nth-child(2), #portlet-bookmarked-apps.portlet.state-collapsed .tiles.apps .tile:nth-child(3) { display: block; opacity: 1; }

#portlet-bookmarks.portlet .portlet-title a:before, #portlet-bookmarks-dashboard.portlet .portlet-title a:before { content: ""; }

#portlet-library.portlet .links li { -webkit-animation: fadeIn 1.5s; animation: fadeIn 1.5s; }

#portlet-library.portlet .portlet-title a:before { content: ""; }

#portlet-library.portlet.state-collapsed .links li { display: none; opacity: 0; }

#portlet-library.portlet.state-collapsed .links li:nth-child(1), #portlet-library.portlet.state-collapsed .links li:nth-child(2), #portlet-library.portlet.state-collapsed .links li:nth-child(3), #portlet-library.portlet.state-collapsed .links li:nth-child(4), #portlet-library.portlet.state-collapsed .links li:nth-child(5) { display: block; opacity: 1; }

#portlet-events.portlet .portlet-title a:before { content: ""; }

#portlet-events.portlet .event-list .event { -webkit-animation: fadeIn 1.5s; animation: fadeIn 1.5s; }

#portlet-events.portlet .event-list .event a { cursor: pointer; }

#portlet-events.portlet .event-list .event .agenda { float: right; width: 70%; counter-reset: agenda; line-height: 1.5; }

#portlet-events.portlet .event-list .event .agenda .agenda-item { padding: 0.1em 0 0.1em 1.5em; position: relative; }

#portlet-events.portlet .event-list .event .agenda .agenda-item:before { counter-increment: agenda; content: counter(agenda) "."; display: inline-block; position: absolute; top: 0.1em; left: 0; }

#portlet-events.portlet .event-list .event .agenda .agenda-item .attachment-list { background: none; padding: 0; font-size: 0.8em; }

#portlet-events.portlet .event-list .event .agenda .agenda-item .attachment-list .attached-file { margin: 0; position: relative; padding-left: 1.5em; }

#portlet-events.portlet .event-list .event .agenda .agenda-item .attachment-list .attached-file a { color: #009FE3; }

#portlet-events.portlet .event-list .event .agenda .agenda-item .attachment-list .attached-file a:before { position: absolute; top: 0; left: 0; line-height: 1.5; }

#portlet-events.portlet.state-collapsed .event-list .event { display: none; opacity: 0; }

#portlet-events.portlet.state-collapsed .event-list .event:nth-child(1), #portlet-events.portlet.state-collapsed .event-list .event:nth-child(2), #portlet-events.portlet.state-collapsed .event-list .event:nth-child(3) { display: block; opacity: 1; }

#portlet-activity-stream.portlet.span-2, #portlet-activities.portlet.span-2 { min-height: calc(100vh - 150px); }

#portlet-activity-stream.portlet .portlet-title a:before, #portlet-activities.portlet .portlet-title a:before { content: ' '; background-image: url(../../quaive/app-icons/activities.svg); }

#portlet-activity-stream.portlet > .content, #portlet-activities.portlet > .content { padding: 6% 0; }

#portlet-activity-stream.portlet > .content .portlet-title, #portlet-activity-stream.portlet > .content .post-box, #portlet-activity-stream.portlet > .content .activity-stream > .functions, #portlet-activities.portlet > .content .portlet-title, #portlet-activities.portlet > .content .post-box, #portlet-activities.portlet > .content .activity-stream > .functions { margin-left: 6%; margin-right: 6%; }

#portlet-activity-stream.portlet.span-2.state-expanded > .content, #portlet-activities.portlet.span-2.state-expanded > .content { min-height: calc(100vh - 300px); }

#portlet-activity-stream.portlet .post-box, #portlet-activities.portlet .post-box { margin-bottom: 1em; }

@media only screen and (max-width: 767px) { #portlet-activity-stream.portlet .activity-stream #stream-items > .infinite-scrolling-trigger, #portlet-activities.portlet .activity-stream #stream-items > .infinite-scrolling-trigger { display: none; } }

#portlet-activity-stream.portlet .activity-stream .pat-button.load-more-items, #portlet-activities.portlet .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-activity-stream.portlet .activity-stream .pat-button.load-more-items, #portlet-activities.portlet .activity-stream .pat-button.load-more-items { display: none; } }

#portlet-activity-stream.portlet .activity-stream .stream-items .tile, #portlet-activity-stream.portlet .activity-stream #stream-items .tile, #portlet-activities.portlet .activity-stream .stream-items .tile, #portlet-activities.portlet .activity-stream #stream-items .tile { -webkit-animation: fadeIn 1.5s; animation: fadeIn 1.5s; }

#portlet-activity-stream.portlet .activity-stream .stream-items .tile .post, #portlet-activity-stream.portlet .activity-stream #stream-items .tile .post, #portlet-activities.portlet .activity-stream .stream-items .tile .post, #portlet-activities.portlet .activity-stream #stream-items .tile .post { padding: 6%; border-radius: 0; border: none; margin-bottom: 15px; box-shadow: none; }

#portlet-activity-stream.portlet .activity-stream .stream-items .tile .post .comments, #portlet-activity-stream.portlet .activity-stream #stream-items .tile .post .comments, #portlet-activities.portlet .activity-stream .stream-items .tile .post .comments, #portlet-activities.portlet .activity-stream #stream-items .tile .post .comments { border-radius: 5px; overflow: hidden; margin-top: 2em; }

#portlet-activity-stream.portlet.state-collapsed .infinite-scrolling-trigger, #portlet-activities.portlet.state-collapsed .infinite-scrolling-trigger { display: none; position: absolute; bottom: -10000px; }

#portlet-activity-stream.portlet.state-collapsed #stream-items .tile, #portlet-activity-stream.portlet.state-collapsed .stream-items .tile, #portlet-activities.portlet.state-collapsed #stream-items .tile, #portlet-activities.portlet.state-collapsed .stream-items .tile { display: none; opacity: 0; }

#portlet-activity-stream.portlet.state-collapsed #stream-items .tile:nth-child(1), #portlet-activity-stream.portlet.state-collapsed .stream-items .tile:nth-child(1), #portlet-activities.portlet.state-collapsed #stream-items .tile:nth-child(1), #portlet-activities.portlet.state-collapsed .stream-items .tile:nth-child(1) { display: block; opacity: 1; }

#portlet-activity-stream.portlet.span-1 .content, #portlet-activities.portlet.span-1 .content { max-height: 35em; overflow-y: auto; overflow-x: hidden; }

#portlet-follow.portlet .button-bar { margin: 0; }

#portlet-news.portlet .portlet-title a:before { content: ""; }

#portlet-news.portlet .pat-magazine { margin: 0; padding: 0 !important; width: 100%; box-shadow: none !important; }

#portlet-news.portlet .pat-magazine .magazine-column { padding: 0; }

#portlet-news.portlet .pat-magazine .block { padding: 0; }

#portlet-news.portlet.span-1 .pat-magazine .articles .item { width: 100%; }

#portlet-news.portlet.state-collapsed .articles .item { display: none; opacity: 0; }

#portlet-news.portlet.state-collapsed .articles .item:nth-child(1), #portlet-news.portlet.state-collapsed .articles .item:nth-child(2), #portlet-news.portlet.state-collapsed .articles .item:nth-child(3), #portlet-news.portlet.state-collapsed .articles .item:nth-child(4) { display: block; opacity: 1; }

#portlet-news.portlet.state-collapsed.span-1 .articles .item:nth-child(n+2) { padding-bottom: 0; margin-bottom: 15px; padding-bottom: 0; }

#portlet-news.portlet.state-collapsed.span-1 .articles .item:nth-child(n+2) figure { width: 30%; float: left; margin-bottom: 10px; }

#portlet-news.portlet.state-collapsed.span-1 .articles .item:nth-child(n+2) .teaser { width: calc(70% - 10px); float: right; margin-bottom: 10px; }

#portlet-news.portlet.state-collapsed.span-1 .articles .item:nth-child(n+2) .teaser .title { font-size: 13px; -webkit-hyphens: auto; hyphens: auto; }

#portlet-news.portlet.state-collapsed.span-1 .articles .item:nth-child(n+2) .teaser .description { display: none; }

#portlet-news.portlet.state-collapsed.span-1 .articles .item:nth-child(n+2) .teaser .byline { display: none; }

@media only screen and (max-width: 767px) { #portlet-news.portlet.state-collapsed .articles .item:nth-child(n+2) { padding-bottom: 0; margin-bottom: 15px; padding-bottom: 0; } #portlet-news.portlet.state-collapsed .articles .item:nth-child(n+2) figure { width: 30%; float: left; margin-bottom: 10px; } #portlet-news.portlet.state-collapsed .articles .item:nth-child(n+2) .teaser { width: calc(70% - 10px); float: right; margin-bottom: 10px; } #portlet-news.portlet.state-collapsed .articles .item:nth-child(n+2) .teaser .title { font-size: 13px; -webkit-hyphens: auto; hyphens: auto; } #portlet-news.portlet.state-collapsed .articles .item:nth-child(n+2) .teaser .description { display: none; } #portlet-news.portlet.state-collapsed .articles .item:nth-child(n+2) .teaser .byline { display: none; } }

#portlet-tasks.portlet .portlet-title a:before { content: ""; text-indent: 4px; line-height: 29.5px; }

#portlet-tasks.portlet .tasks-block .item { -webkit-animation: fadeIn 1.5s; animation: fadeIn 1.5s; }

#portlet-tasks.portlet.state-collapsed .tasks-block label { display: none; opacity: 0; }

#portlet-tasks.portlet.state-collapsed .tasks-block label:nth-child(1), #portlet-tasks.portlet.state-collapsed .tasks-block label:nth-child(2), #portlet-tasks.portlet.state-collapsed .tasks-block label:nth-child(3) { display: block; opacity: 1; }

.post { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: white; border-radius: 5px; 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: #CBF08B; 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: ""; 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: 5px; }

.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.tooltip-active-click[href], .post .post-header a.icon-ellipsis.tooltip-active-click[href] { 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: #009FE3; }

.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: #009FE3; 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: "\270e"; 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: 5px; 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: #009FE3; }

.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: 5px; 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: 5px; }

.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: "Source Sans Pro", sans-serif; margin: 0 0.5em 0 0; border: none; cursor: default; border-radius: 5px; background-image: none; text-decoration: none; line-height: 35px; white-space: nowrap; display: inline-block; padding: 0 1em; font-size: 1em; vertical-align: text-bottom; font-weight: bold; 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:not([disabled]):hover, .redactor-modal-box .redactor-modal-footer button:not([disabled]):hover { color: #009adc; background-color: rgba(0, 0, 0, 0.1); }

.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:not([disabled]):hover, .redactor-modal-box .redactor-modal-footer button.default:not([disabled]):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.default[disabled], .redactor-modal-box .redactor-modal-footer .redactor-modal-button.default.disabled, .redactor-modal-box .redactor-modal-footer button[disabled], .redactor-modal-box .redactor-modal-footer button.disabled, .redactor-modal-box .redactor-modal-footer button.default[disabled], .redactor-modal-box .redactor-modal-footer button.default.disabled { 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.default[disabled]:hover, .redactor-modal-box .redactor-modal-footer .redactor-modal-button.default.disabled: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.default[disabled]:hover, .redactor-modal-box .redactor-modal-footer button.default.disabled: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:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover, .redactor-modal-box .redactor-modal-footer button:not(.icon):not(.iconified):not(.link):not(.active):not(.default):not(.current):not(.checked):not([disabled]):hover { text-decoration: none; color: #009adc; }

.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:focus, .redactor-modal-box .redactor-modal-footer button:focus { outline: none; box-shadow: none; }

.redactor-modal-box .redactor-modal-footer .redactor-modal-button[disabled]:not:active, .redactor-modal-box .redactor-modal-footer button[disabled]:not: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-left: 0; padding-right: 0; width: 1.7em; text-overflow: clip; }

.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; }

.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: #f1f1f1; white-space: nowrap; padding-top: 60px; }

.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: #f1f1f1; 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: #f1f1f1; 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: 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: 1.5em; }

.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: 5px; 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: ""; font-family: fontello; left: 12px; line-height: 1; transform: translateY(-50%); position: absolute; top: 50%; font-size: 18px; }

.search-field { position: relative; height: 62px; margin-bottom: 0.5em; font-size: 1.8em; border-top-right-radius: 5px; border-bottom-right-radius: 5px; 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: calc(100% - 2.2em); border: none; line-height: 1.5; padding: 0 0.8em; 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-top-left-radius: 5px; border-bottom-left-radius: 5px; }

.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.ui-corner-top[type=search] { 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; 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: 5px; border-bottom-right-radius: 5px; }

.search-field button:before { content: ""; font-family: fontello; text-indent: 0; position: absolute; right: 0; top: 0; display: block; width: 2.2em; line-height: 1.85em; }

.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: #009FE3; }

.search-results .title { position: relative; }

.search-results .title a { color: #009FE3; 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: ""; }

.search-results .title.type-powerpoint a:before { content: ""; }

.search-results .title.type-word a:before { content: ""; }

.search-results .title.type-excel a:before { content: ""; }

.search-results .title.type-folder a:before { content: "📁"; }

.search-results .title.type-task a:before { content: ""; }

.search-results .title.type-pdf a:before { content: ""; }

.search-results .title.type-job a:before { content: ""; }

.search-results .title.type-people a:before { content: ""; }

.search-results .title.type-post a:before { content: '\1f4cc'; }

.search-results .title.type-rich a:before { content: ""; }

.search-results .title.type-news a:before { content: ""; }

.search-results .title.type-library-item a:before { content: ""; }

.search-results .title.type-library-section a:before { content: ""; }

.search-results .title.type-library-subsection a:before { content: ""; }

.search-results .title.type-event a:before { content: ""; }

.search-results .title.type-image a:before { content: ""; }

.search-results .title.type-slideshow a:before { content: ""; }

.search-results .title.type-classifieds-ad a:before { content: ""; }

.search-results .title.type-folder a:before { content: "📁"; }

.search-results .title.type-group a:before { content: ""; }

.search-results .title.type-workspace a:before { content: ""; }

.search-results .title.type-super-space a:before { content: ""; }

.search-results .title.type-link a:before { content: ""; }

.search-results .title.type-question a:before { content: ""; }

.search-results .title.type-file a:before { content: ""; }

.search-results .title.type-contract a:before { content: ""; }

.search-results .title.type-audio a:before { content: ""; }

.search-results .title.type-video a:before { content: ""; }

.search-results .title.type-odt a:before { content: ""; }

.search-results .title.type-octet a:before { content: ""; }

.search-results .title.type-postscript a:before { content: ""; }

.search-results .title.type-plain-text a:before { content: ""; }

.search-results .title.type-zip a:before { content: ""; }

.search-results .title.type-business-card a:before { content: ""; }

.search-results .title.type-email a:before { content: ""; }

.search-results .title.type-app a:before { content: ""; }

.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: #009FE3; }

.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: ""; 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: ""; 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: ""; 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: ""; 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: #0b5787; 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: ""; 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; }

@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; }

#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 #load-more-results.item { 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 #load-more-results.item { 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: 5px; 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: 5px; border-top-right-radius: 5px; }

#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: "\1f465"; }

#setup-wizard { padding: 6%; border-radius: 5px; 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: #009FE3; }

#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: 5px; background: #fafafa; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); transition: transform 0.20s; 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: #009FE3; padding: 20px 6%; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; 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 { 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; }

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; }

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.mode-select .quick-functions .toggle-select:before { color: var(--colour-accent); }

aside.sidebar.left .mode-select .pat-collapsible.object-list .button-bar.batch-buttons { height: 1.6em; margin: 0 0 1em 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: 5px; 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: ""; 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; border: 1px rgba(0, 0, 0, 0.1) solid; background-color: #efefef; border-radius: 5px; margin-bottom: 1em; padding: 0 4% 1em; }

aside.sidebar.left .object-list .checklist, aside.sidebar.left .grouping .checklist { margin-bottom: 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 label:after, aside.sidebar.left .grouping label:after { content: ' '; display: table; clear: both; }

aside.sidebar.left .object-list .item, aside.sidebar.left .grouping .item { margin-bottom: 15px; }

aside.sidebar.left .object-list .item .byline, aside.sidebar.left .grouping .item .byline { margin: 0; opacity: 0.7; }

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.5s; }

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: 4px; border-top-right-radius: 4px; }

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: 4px; border-bottom-right-radius: 4px; 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; -moz-transition: 0.4s all; -webkit-transition: 0.4s all; transition: 0.4s 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: 5px; 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: 5px; 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 { -moz-transition: 0.4s padding; -webkit-transition: 0.4s padding; transition: 0.4s 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.5s; display: block; }

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: 3% 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.4s; 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: 3%; }

aside.sidebar.left .list-icons a { color: black; animation: bounceIn 1s; line-height: 23px; display: block; }

aside.sidebar.left .quick-functions { height: 0; white-space: nowrap; -webkit-transition: top 0.4s; -moz-transition: top 0.4s; transition: top 0.4s; }

aside.sidebar.left .quick-functions > form { float: right; }

aside.sidebar.left .quick-functions .icon-cog { font-size: 20px; }

aside.sidebar.left .quick-functions > button, aside.sidebar.left .quick-functions > a, aside.sidebar.left .quick-functions > form .icon, aside.sidebar.left .quick-functions .pat-context-menu .context-menu-label { cursor: default; position: relative; padding: 0; border: none; margin: 0 0 0 4px; background: none; z-index: 10; text-indent: -1000em; overflow: hidden; width: 28px; height: 28px; color: rgba(0, 0, 0, 0.5); -moz-user-select: none; -webkit-user-select: none; user-select: none; display: inline-block; color: rgba(0, 0, 0, 0); font-size: 26px; vertical-align: top; line-height: 28px; }

aside.sidebar.left .quick-functions > button:hover, aside.sidebar.left .quick-functions > a:hover, aside.sidebar.left .quick-functions > form .icon:hover, aside.sidebar.left .quick-functions .pat-context-menu .context-menu-label:hover { text-decoration: none; }

aside.sidebar.left .quick-functions > button:hover:before, aside.sidebar.left .quick-functions > a:hover:before, aside.sidebar.left .quick-functions > form .icon:hover:before, aside.sidebar.left .quick-functions .pat-context-menu .context-menu-label:hover:before { color: black; }

aside.sidebar.left .quick-functions > button.tooltip-active-click:before, aside.sidebar.left .quick-functions > a.tooltip-active-click:before, aside.sidebar.left .quick-functions > form .icon.tooltip-active-click:before, aside.sidebar.left .quick-functions .pat-context-menu .context-menu-label.tooltip-active-click:before { background-color: #009FE3; color: white; }

aside.sidebar.left .quick-functions > button:before, aside.sidebar.left .quick-functions > a:before, aside.sidebar.left .quick-functions > form .icon:before, aside.sidebar.left .quick-functions .pat-context-menu .context-menu-label:before { font-family: fontello; text-indent: 0; line-height: 28px; font-size: 18px; width: 100%; text-align: center; position: absolute; margin: 0; top: 0; left: 0; display: block; color: #666; border-radius: 5px; height: 28px; }

aside.sidebar.left .quick-functions .pat-context-menu { display: inline-block; margin: 0; }

aside.sidebar.left .quick-functions .pat-context-menu .context-menu-label { color: rgba(0, 0, 0, 0.5); }

aside.sidebar.left .quick-functions .pat-context-menu .context-menu-label.collapsible-open:after, aside.sidebar.left .quick-functions .pat-context-menu .context-menu-label.collapsible-open:before { color: var(--colour-accent); }

aside.sidebar.left .quick-functions > .toggle-select { z-index: 0; position: relative; }

aside.sidebar.left .quick-functions > .toggle-select:before { content: ""; font-size: 0.55em; }

aside.sidebar.left .quick-functions > .more-menu:before { content: ""; line-height: 31px; }

aside.sidebar.left .quick-functions > .create-document, aside.sidebar.left .quick-functions > .create { z-index: 0; position: relative; }

aside.sidebar.left .quick-functions > .create-document:before, aside.sidebar.left .quick-functions > .create:before { content: "\E825"; font-size: 23px; }

@media only screen and (max-width: 767px) { aside.sidebar.left .quick-functions > .create-document, aside.sidebar.left .quick-functions > .create { display: none; } }

aside.sidebar.left .quick-functions > .edit-settings { font-size: 19px; }

aside.sidebar.left .quick-functions > .toggle-sidebar-size { font-size: 15px; z-index: 0; position: relative; }

aside.sidebar.left .quick-functions > .toggle-sidebar-size:before { content: ""; }

@media only screen and (max-width: 767px) { aside.sidebar.left .quick-functions > .toggle-sidebar-size { display: none; } }

aside.sidebar.left .quick-functions > .more-menu-trigger, aside.sidebar.left .quick-functions .pat-context-menu .context-menu-label { font-size: 19px; }

aside.sidebar.left .quick-functions > .more-menu-trigger:before, aside.sidebar.left .quick-functions .pat-context-menu .context-menu-label:before { content: ""; line-height: 30px; }

aside.sidebar.left .create-buttons { overflow: hidden; margin-bottom: 0.3em; }

aside.sidebar.left .create-buttons .button { width: 48%; line-height: 2.5em; padding: 0; margin: 0; text-align: center; border: 1px solid #efefef; background: none; border-radius: 0; color: gray; overflow: hidden; text-overflow: ellipsis; }

aside.sidebar.left .create-buttons .button.create-folder, aside.sidebar.left .create-buttons .button.right { float: right; }

@media only screen and (min-width: 768px) { aside.sidebar.left #sidebar-content, aside.sidebar.left .sidebar-content { padding: 6%; } }

@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, rgba(255,255,255,1) 50px, rgba(255,255,255,0) 50px); }

aside.sidebar.left #sidebar-content .grouping .button-bar.functions, aside.sidebar.left .sidebar-content .grouping .button-bar.functions { background: linear-gradient(to bottom, #efefef 50px, rgba(239, 239, 239, 0) 100%); }

aside.sidebar.left #sidebar-content .grouping .batch-functions, aside.sidebar.left .sidebar-content .grouping .batch-functions { background: linear-gradient(to bottom, #efefef 50px 50%, rgba(239, 239, 239, 0) 100%); }

aside.sidebar.left #sidebar-content .button-bar.functions, aside.sidebar.left .sidebar-content .button-bar.functions { display: table; width: 100%; z-index: 101; transition: padding 0.4s; background: linear-gradient(to bottom, rgba(255,255,255,1) 50px, rgba(255,255,255,0) 100%); position: sticky !important; top: 0 !important; padding: 0.6em 0 20px; margin-bottom: 0; }

aside.sidebar.left #sidebar-content .button-bar.functions.injecting .quick-functions, aside.sidebar.left .sidebar-content .button-bar.functions.injecting .quick-functions { opacity: 0.5; -webkit-pointer-events: none; pointer-events: none; }

aside.sidebar.left #sidebar-content .button-bar.functions:after, aside.sidebar.left .sidebar-content .button-bar.functions:after { display: none; }

aside.sidebar.left #sidebar-content .button-bar.functions .contextual.buttons, aside.sidebar.left #sidebar-content .button-bar.functions .quick-functions, aside.sidebar.left .sidebar-content .button-bar.functions .contextual.buttons, aside.sidebar.left .sidebar-content .button-bar.functions .quick-functions { display: table-cell; vertical-align: top; }

aside.sidebar.left #sidebar-content .button-bar.functions .contextual.buttons, aside.sidebar.left .sidebar-content .button-bar.functions .contextual.buttons { padding-top: 3px; text-overflow: ellipsis; }

aside.sidebar.left #sidebar-content .button-bar.functions .contextual.buttons .extras, aside.sidebar.left .sidebar-content .button-bar.functions .contextual.buttons .extras { display: none; }

.sidebar-large aside.sidebar.left #sidebar-content .button-bar.functions .contextual.buttons .extras, .sidebar-large aside.sidebar.left .sidebar-content .button-bar.functions .contextual.buttons .extras { display: inline-block; }

aside.sidebar.left #sidebar-content .button-bar.functions .contextual.buttons.injecting:before, aside.sidebar.left .sidebar-content .button-bar.functions .contextual.buttons.injecting:before { display: none !important; }

aside.sidebar.left #sidebar-content .button-bar.functions .contextual.buttons .pat-select.bare, aside.sidebar.left #sidebar-content .button-bar.functions .contextual.buttons .pat-context-menu, aside.sidebar.left .sidebar-content .button-bar.functions .contextual.buttons .pat-select.bare, aside.sidebar.left .sidebar-content .button-bar.functions .contextual.buttons .pat-context-menu { display: inline-block; max-width: 100%; margin-right: 1em; float: left; }

@media only screen and (max-width: 767px) { aside.sidebar.left #sidebar-content .button-bar.functions .contextual.buttons .pat-select.bare, aside.sidebar.left #sidebar-content .button-bar.functions .contextual.buttons .pat-context-menu, aside.sidebar.left .sidebar-content .button-bar.functions .contextual.buttons .pat-select.bare, aside.sidebar.left .sidebar-content .button-bar.functions .contextual.buttons .pat-context-menu { margin-bottom: 0.4em; } }

aside.sidebar.left #sidebar-content .quick-functions, aside.sidebar.left .sidebar-content .quick-functions { text-align: right; white-space: nowrap; }

aside.sidebar.left #sidebar-content .search-box, aside.sidebar.left .sidebar-content .search-box { margin-bottom: 0; padding-top: 0; padding-bottom: 1.5em; }

aside.sidebar.left #sidebar-content .search-box label input[type="search"][disabled], aside.sidebar.left .sidebar-content .search-box label input[type="search"][disabled] { color: gray; opacity: 0.5; padding-right: 0.5em; }

aside.sidebar.left #sidebar-content.buttons-1 .search-box, aside.sidebar.left .sidebar-content.buttons-1 .search-box { width: calc(100% - 3em); }

aside.sidebar.left #sidebar-content.injecting:before, aside.sidebar.left .sidebar-content.injecting:before { display: none !important; }

aside.sidebar.left #sidebar-content .contextual.buttons > button:not([hidden]), aside.sidebar.left #sidebar-content .contextual.buttons > .button, aside.sidebar.left #sidebar-content .quick-functions.buttons > button:not([hidden]), aside.sidebar.left #sidebar-content .quick-functions.buttons > .button, aside.sidebar.left .sidebar-content .contextual.buttons > button:not([hidden]), aside.sidebar.left .sidebar-content .contextual.buttons > .button, aside.sidebar.left .sidebar-content .quick-functions.buttons > button:not([hidden]), aside.sidebar.left .sidebar-content .quick-functions.buttons > .button { max-width: 100%; overflow: hidden; text-overflow: ellipsis; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border: none; background: none; padding: 0; white-space: normal; height: 23px; line-height: 20px; display: inline-block; color: black; }

aside.sidebar.left #sidebar-content .contextual.buttons > button:not([hidden]):hover, aside.sidebar.left #sidebar-content .contextual.buttons > .button:hover, aside.sidebar.left #sidebar-content .quick-functions.buttons > button:not([hidden]):hover, aside.sidebar.left #sidebar-content .quick-functions.buttons > .button:hover, aside.sidebar.left .sidebar-content .contextual.buttons > button:not([hidden]):hover, aside.sidebar.left .sidebar-content .contextual.buttons > .button:hover, aside.sidebar.left .sidebar-content .quick-functions.buttons > button:not([hidden]):hover, aside.sidebar.left .sidebar-content .quick-functions.buttons > .button:hover { color: black; text-decoration: none; }

@media only screen and (max-width: 767px) { aside.sidebar.left #sidebar-content .contextual.buttons > button:not([hidden]), aside.sidebar.left #sidebar-content .contextual.buttons > .button, aside.sidebar.left #sidebar-content .quick-functions.buttons > button:not([hidden]), aside.sidebar.left #sidebar-content .quick-functions.buttons > .button, aside.sidebar.left .sidebar-content .contextual.buttons > button:not([hidden]), aside.sidebar.left .sidebar-content .contextual.buttons > .button, aside.sidebar.left .sidebar-content .quick-functions.buttons > button:not([hidden]), aside.sidebar.left .sidebar-content .quick-functions.buttons > .button { display: none; } }

@media only screen and (max-width: 767px) { aside.sidebar.left #sidebar-content .contextual.buttons > button:not([hidden]), aside.sidebar.left #sidebar-content .contextual.buttons > .button, aside.sidebar.left #sidebar-content .quick-functions.buttons > button:not([hidden]), aside.sidebar.left #sidebar-content .quick-functions.buttons > .button, aside.sidebar.left .sidebar-content .contextual.buttons > button:not([hidden]), aside.sidebar.left .sidebar-content .contextual.buttons > .button, aside.sidebar.left .sidebar-content .quick-functions.buttons > button:not([hidden]), aside.sidebar.left .sidebar-content .quick-functions.buttons > .button { color: white; line-height: 1.5em; margin-bottom: 2em; max-width: calc(100% - 140px); float: left; box-shadow: none; border: none; padding: 0; background: none; top: 0; left: 10px; position: fixed; color: black; background: white; z-index: 100; height: 50px; line-height: 51px; } .focus-document aside.sidebar.left #sidebar-content .contextual.buttons > button:not([hidden]), .focus-document aside.sidebar.left #sidebar-content .contextual.buttons > .button, .focus-document aside.sidebar.left #sidebar-content .quick-functions.buttons > button:not([hidden]), .focus-document aside.sidebar.left #sidebar-content .quick-functions.buttons > .button, .focus-document aside.sidebar.left .sidebar-content .contextual.buttons > button:not([hidden]), .focus-document aside.sidebar.left .sidebar-content .contextual.buttons > .button, .focus-document aside.sidebar.left .sidebar-content .quick-functions.buttons > button:not([hidden]), .focus-document aside.sidebar.left .sidebar-content .quick-functions.buttons > .button { display: none; } }

aside.sidebar.left #sidebar-content .contextual.buttons > button:not([hidden]):active, aside.sidebar.left #sidebar-content .contextual.buttons > .button:active, aside.sidebar.left #sidebar-content .quick-functions.buttons > button:not([hidden]):active, aside.sidebar.left #sidebar-content .quick-functions.buttons > .button:active, aside.sidebar.left .sidebar-content .contextual.buttons > button:not([hidden]):active, aside.sidebar.left .sidebar-content .contextual.buttons > .button:active, aside.sidebar.left .sidebar-content .quick-functions.buttons > button:not([hidden]):active, aside.sidebar.left .sidebar-content .quick-functions.buttons > .button:active { box-shadow: inherit; }

aside.sidebar.left #sidebar-content .context-title, aside.sidebar.left .sidebar-content .context-title { margin: 0; }

aside.sidebar.left #sidebar-content.injecting:before, aside.sidebar.left .sidebar-content.injecting:before { display: none !important; }

aside.sidebar.left #sidebar-content .contextual.buttons .context-title, aside.sidebar.left .sidebar-content .contextual.buttons .context-title { margin: 0; }

aside.sidebar.left #sidebar-content .batch-functions, aside.sidebar.left .sidebar-content .batch-functions { background: linear-gradient(to bottom, rgba(255,255,255,1) 55px, rgba(255,255,255,0) 100%); position: sticky; top: 50px; pointer-events: none; z-index: 10; box-sizing: border-box; }

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; display: block; }

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.3s; 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: ""; transition: all 0.3s; 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 aside.sidebar.left { right: 0%; } .sidebar-left-open.sidebar-large aside.sidebar.left .button-bar.functions, .sidebar-left-open.sidebar-large aside.sidebar.left .search-box, .sidebar-left-open.sidebar-large aside.sidebar.left .pat-tabs { font-size: 1.2em; } .sidebar-left-open.sidebar-large aside.sidebar.left .quick-functions .toggle-sidebar-size:before { color: var(--colour-accent); } }

.sidebar-large aside.sidebar.left .pat-collapsible.object-list .panel-content { padding: 0 2% 1em 2%; }

.sidebar-large aside.sidebar.left .pat-collapsible.object-list .collapsible-closed, .sidebar-large aside.sidebar.left .pat-collapsible.object-list .collapsible-open { padding: 1% 2%; }

.sidebar-large aside.sidebar.left .pat-collapsible.object-list .follow { width: 30%; }

.sidebar-large aside.sidebar.left .pat-checklist label { border-bottom: 1px solid rgba(0, 0, 0, 0.06); }

.sidebar-large aside.sidebar.left .pat-checklist label:after { content: ' '; display: table; clear: both; }

.sidebar-large aside.sidebar.left .pat-checklist label:first-child { border-top: 1px solid rgba(0, 0, 0, 0.06); }

.sidebar-large aside.sidebar.left .pat-checklist label:hover { background-color: white; }

.sidebar-large aside.sidebar.left .pat-checklist .additional-meta-data { right: 0%; opacity: 1; }

.sidebar-large aside.sidebar.left .pat-checklist .meta-column { width: 30%; }

.sidebar-large aside.sidebar.left .pat-checklist .meta-column.assignee, .sidebar-large aside.sidebar.left .pat-checklist .meta-column.tag-cloud { width: 40%; }

.sidebar-extras { padding: 0; margin: 3em 0 1em 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 1px auto; padding: 0; border-radius: 5px; }

.sidebar-large .sidebar-extras .item { width: 60%; }

.sidebar-extras .item a { display: block; width: 100%; color: #009ee2; border-radius: 5px; padding: 3% 7% 3% 50px; line-height: 26px; font-size: 20px; overflow: hidden; text-overflow: ellipsis; font-weight: bold; white-space: nowrap; box-shadow: inset 0 0 0 2px rgba(0, 158, 226, 0.3); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

.sidebar-extras .item a:hover { text-decoration: none; color: #007aaf; box-shadow: 0 0 0 2px #009ee2; }

.sidebar-extras .item a::before { font-size: 1.2em; position: absolute; top: 50%; margin-top: -11px; margin-left: 21px; left: 0; }

.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: ""; 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: '\005E'; }

.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: '\201C'; 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%, black 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: #009FE3; }

.sortable-list .sortable-item.drop-target-below { border-bottom-color: #009FE3; }

.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: #009FE3; border-top-left-radius: 5px; border-bottom-left-radius: 5px; 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: #009FE3; }

.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: 5px; }

@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: 5px; border-top-right-radius: 5px; }

@media only screen and (min-width: 768px) { #workspace-header.has-hero .content { transition: all 1s; } }

#workspace-header .content { padding: 4%; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }

#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 #009FE3 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: ""; 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 > #logos.visible { -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: ""; 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.4; 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: ""; 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: 562px; }

.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: 5px; }

.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: 5px; }

.sticky-note.kind-create .sticky-note-content .header:before { font-family: fontello; content: ""; 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: 5px; }

.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: 0; padding: 0; font-size: 18px; }

[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=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; }

[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=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; }

.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: ""; 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: #FFF; font-size: 21px; border-radius: 5px; 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: #009FE3 1px solid; }

table.data-table tr th, table.data-table tr td { border-bottom: #009FE3 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_asc:after, table.data-table thead tr th.sorting-asc:after { content: ""; }

table.data-table thead tr th.sorting_desc:after, table.data-table thead tr th.sorting-desc:after { content: ""; }

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; }

.tabs { text-align: center; line-height: 2.9; height: 2.8em; border-bottom: #0081be 1px solid; margin-bottom: 2em; transition: line-height .5s, opacity .5s, height .5s, font-size .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 #009FE3; }

.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; }

#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); }

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); 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: ""; display: block; height: 34px; line-height: 34px; width: 60px; text-align: center; position: absolute; top: 0; right: 0; border-top-right-radius: 5px; border-bottom-right-radius: 5px; background-color: var(--colour-tab-dimmed); opacity: 0.8; color: #FFF; } #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(255, 255, 255, 0.3); border-radius: 5px; 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: #009FE3; } 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; } }

@media only screen and (max-width: 767px) { #tabs-bar { display: none; } }

#tabs-bar .tab { border-radius: 5px; background-color: var(--colour-tab-dimmed); height: 34px; color: #FFF; float: left; margin-bottom: 10px; margin-right: 15px; display: none; pointer-events: auto; position: relative; overflow: hidden; box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.12); }

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: #FFF; }

#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: #FFF; font-size: 15px; border-radius: 4px; 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: ""; }

#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: #FFF; text-decoration: none; position: relative; white-space: nowrap; padding: 0 5px 0 0; font-weight: bold; height: 34px; line-height: calc((54px + 1px) - 2 * $application-label-white-space); }

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: 5px; background-repeat: no-repeat; box-sizing: border-box; transform: scale(0.8); }

body[dir=rtl] #tabs-bar .tab .app-name:before { float: right; margin-left: 0; }

#tabs-bar .tab .app-name:not(.external):before { content: ' '; }

#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: #FFF; border-radius: 5px; 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: #378bdd; }

#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: #009FE3; color: white; margin-right: 0.3em; margin-bottom: 0.2em; display: inline-block; line-height: 1.4em; }

.tag-cloud li:before, .tag-cloud > a:before, .tag-cloud > .tag:before { font-family: fontello; display: inline-block; margin-right: 0.5em; }

.tag-cloud li.skill:before, .tag-cloud > a.skill:before, .tag-cloud > .tag.skill:before { content: ""; }

.tag-cloud li.tag:before, .tag-cloud > a.tag:before, .tag-cloud > .tag.tag:before { content: ""; }

.tag-cloud li .counter, .tag-cloud > a .counter, .tag-cloud > .tag .counter { background-color: rgba(255, 255, 255, 0.8); color: #009FE3; 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: ""; 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: 5px; 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: 15.5px; right: 44.5px; 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: calc($workspace-tile-padding - 1px); 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: #0082ba; width: calc(100% - 60px); margin-left: 20px; border-radius: 10px; }

.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: "Source Sans Pro", 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: #009FE3; 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: #009FE3; font-weight: bold; }

.tiles .tile.app .link { color: white; position: relative; padding: 0 0; border-radius: 10px; background-color: transparent; }

.tiles .tile.app .link .icon { width: calc(100% - 60px); height: auto; position: absolute; top: 0; left: 30px; background-color: #009FE3; border-radius: 10px; 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: #0b5787; cursor: hand; border-radius: 5px; }

.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: normal; 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: 5px; object-fit: cover; object-position: center; opacity: 0.2; filter: grayscale(1); }

.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: 5px; }

@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: ""; }

.timeline .section .step-background.state-overdue:after { background-color: red; }

.timeline .section #item-1.step-background: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: ""; }

.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: 5px; 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: 5px; border-top-right-radius: 5px; }

.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: 5px; border: 3px solid #869ebf; text-shadow: 0 0 20px white; box-shadow: inset 0 0 60px rgba(134, 158, 191, 0.5); color: #869ebf; }

.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; }

#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 .toolbar-navigation-area, #app-launcher-toolbar .toolbar-functions-area { grid-template-columns: 60px calc(100% - 120px) 60px; } #app-launcher-toolbar .toolbar-navigation-area .toolbar-section.navigation, #app-launcher-toolbar .toolbar-functions-area .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: #009FE3; }

#toolbar-main button.active, #toolbar-main a.button.active { color: #009FE3; }

#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; }

.tippy-popper { overflow-y: visible !important; }

.tooltip-container.canvas-toolbar-portal-tooltip .tippy-content { max-height: calc(100vh - 230px); }

.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 .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: 5px; 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: 5px; border-bottom-right-radius: 5px; 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: ""; }

.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: ""; }

.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: ""; }

.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: ""; }

.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: ""; }

.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 1em 0; }

.topic-menu:after { content: " "; display: table; clear: both; }

.topic-menu .item { display: block; position: relative; margin: 0 auto 7px auto; padding: 0; border-radius: 5px; }

.topic-menu .item a { display: block; width: 100%; border-radius: 5px; 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: #efefef; color: #009ee2; text-decoration: none; }

.topic-menu .item a:not(.current):hover { text-decoration: none; filter: brightness(90%) contrast(120%); }

.topic-menu .item a.current { background-color: var(--colour-accent); color: white; cursor: default; }

.topic-menu .item a::before { font-family: fontello; font-size: 1.2em; position: absolute; top: 50%; margin-top: -11px; margin-left: 21px; left: 0; }

.ueber-back-button { display: inline-block; line-height: 35px; height: 35px; color: rgba(0, 0, 0, 0.6); 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; }

.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: 15px 15px 15px 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: 13px; clip-path: inset(0 0 0 2px); display: block; border-top-right-radius: 5px; border-bottom-right-radius: 5px; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }

.ueber-back-button:hover { color: black; text-decoration: none; }

.ueber-selector { position: relative; }

.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: 5px; }

.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: 5px; }

#new-post-box.update-social { 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: ""; 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: 5px; border-bottom-right-radius: 5px; }

.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: 3px; 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, .contact-card { background-color: white; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); padding: 1.5em 3% 0.5em 5em; margin: 0 0 1em 0; position: relative; overflow: hidden; color: rgba(0, 0, 0, 0.6); border-radius: 5px; box-sizing: border-box; }

.user-card.emergency-service, .contact-card.emergency-service { background-color: rgba(255, 0, 0, 0.03); color: black; }

.user-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: 5px; }

.user-card .name, .contact-card .name { font-size: 1em; font-weight: bold; margin-bottom: 0.1em; color: black; }

.user-card .name a, .contact-card .name a { color: black; }

.user-card .name:before, .contact-card .name:before { position: absolute; top: 25px; left: 23px; font-size: 35px; }

.user-card .pat-avatar, .contact-card .pat-avatar { position: absolute; left: 1em; top: 1.4em; width: 3em; height: 3em; }

.user-card .byline, .contact-card .byline { color: gray; font-style: italic; margin-bottom: 0; font-size: 0.9em; line-height: 1.3em; margin-top: 0; }

.user-card .skill-cloud, .contact-card .skill-cloud { font-size: 0.7em; }

.user-card .data, .contact-card .data { font-size: 0.9em; margin-left: 0; margin-bottom: 1em; margin-top: 0.8em; }

.user-card .data li, .contact-card .data li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

.user-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-block; 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; }

.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: #009FE3; 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 { display: inline-block; overflow: hidden; border-radius: 3em; border: 1px solid gray; aspect-ratio: 1 / 1; width: 3em; height: 3em; position: absolute; left: 0.5em; top: 0.5em; }

.user-list .item img img { width: 100%; height: 100%; object-fit: cover; -webkit-clip-path: circle(3em); clip-path: circle(3em); display: block; }

.user-table { margin-bottom: 1em; display: grid; grid-row-gap: 8px; }

@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; }

.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; }

.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: ""; 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.5em; }

@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; } }

@media only screen and (min-width: 768px) { .tooltip-container .voting-bar, .tippy-content .voting-bar { margin: 20px 0 50px; } }

.voting-bar .pat-checklist { position: relative; width: 80%; margin: 0 auto; overflow: hidden; background: #efefef; box-shadow: inset 0 1px 6px rgba(0, 0, 0, 0.15); border-radius: 5px; }

.voting-bar .pat-checklist label { height: 40px; line-height: 40px; width: 33.3333332%; float: left; text-align: center; transition: color 0.4s; z-index: 1; position: relative; color: #666; }

@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:before { font-family: fontello; display: inline-block; margin-right: 3px; }

.voting-bar .pat-checklist label.option-yes:before { content: ""; }

.voting-bar .pat-checklist label.option-maybe:before { content: ""; }

.voting-bar .pat-checklist label.option-no:before { content: ""; }

.voting-bar .pat-checklist label.checked { color: white; }

.voting-bar .pat-checklist label input { position: absolute; opacity: 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% - 3px); }

.voting-bar .pat-checklist[data-value=option-3]:before { background-color: red; left: calc(66.66662% - 3px); }

.voting-bar .pat-checklist:before { content: ' '; display: block; width: 33.333332%; position: absolute; transition: all 0.4s; top: 3px; bottom: 3px; border-radius: 3.75px; box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); }

.voting-bar .pat-checklist.checked:before { transition-timing-function: cubic-bezier(0, 0.67, 0.11, 1.24); }

.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: 5px; 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: ""; }

.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: ""; background-color: white; }

.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-zoom-in:before { content: ""; }

.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-eraser:before { content: ""; }

.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-zoom-in:before { content: ""; }

.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-zoom-out:before { content: ""; }

.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-move:before { content: ""; }

.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-options:before { content: ""; }

.interactive-whiteboard .whiteboard-buttons .white-board-control.whiteboard-control-close:before { content: ""; }

.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: ""; 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: #0b5787; 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.8; }

@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: #0b5787; 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), black); mask-image: linear-gradient(to left, rgba(0, 0, 0, 0), black); }

.module-workspace-home #workspace-name a { left: calc(250px - 50px); opacity: 1; }

@media only screen and (max-width: 767px) { #workspace-name { display: none; } }

.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: 5px; z-index: -1; background-color: #0b5787; } .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: #009FE3; } }

@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: #009FE3; 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: #009FE3; width: 20%; } .workspace-tabs.open span.extra-tabs:after { content: ' '; display: block; position: absolute; top: 10px; right: 10px; bottom: 100px; left: 10px; border-radius: 5px; 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: ""; 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: #0b5787; 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: ""; }

@media only screen and (min-width: 768px) { .workspace-tabs a.landing:before { font-size: 0.8em; } }

.workspace-tabs a.documents:before { content: ""; }

@media only screen and (min-width: 768px) { .workspace-tabs a.documents:before { font-size: 0.9em; } }

.workspace-tabs a.events:before { content: ""; }

.workspace-tabs a.tasks:before { content: ""; }

@media only screen and (min-width: 768px) { .workspace-tabs a.tasks:before { line-height: 52px; text-indent: 4px; } }

.workspace-tabs a.home:before { content: ""; }

.workspace-tabs a.video-conference:before { content: ""; }

.workspace-tabs a.whiteboard:before { content: ""; }

@media only screen and (max-width: 767px) { .workspace-tabs a.exit { display: none; } }

.workspace-tabs a.exit:before { content: ""; }

.workspace-tabs a.questions:before { content: ""; -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 { 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 { background-color: #efefef !important; }

.application-body.application-assessments .document-content { background-color: #efefef; box-sizing: border-box; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; }

.application-body.application-assessments .portlet .portlet-body .pat-rich a { display: inline-block; text-decoration: none; }

.application-body.application-assessments .portlet fieldset { margin: 0; }

.application-body.application-assessments .portlet > .content { padding: 0; }

@media only screen and (min-width: 768px) { .application-body.application-assessments .portlet.height-full { min-height: 100%; } }

@media only screen and (max-width: 767px) { .application-body.application-assessments .portlet { width: calc(100% + 2 * 15px); margin-left: -15px; margin-right: -15px; } }

.application-body.application-assessments #portlet-company.portlet .content { background: white; }

.application-body.application-assessments #portlet-company.portlet .content .portlet-logo { margin: 0; }

.application-body.application-assessments #portlet-company.portlet .content .button-bar { margin-top: 20px; }

.application-body.application-assessments #portlet-company.portlet .content .portlet-body { padding-top: 34px; }

.application-body.application-assessments .portlet .button-bar:last-child { margin-bottom: -15px; }

.application-body.application-assessments .portlet .content { position: relative; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); background-color: rgba(255, 255, 255, 0.5); }

@media only screen and (min-width: 768px) { .application-body.application-assessments .portlet .content { border-radius: 5px; } }

.application-body.application-assessments .portlet .content .context-menu .panel-content { width: 400px; }

.application-body.application-assessments .portlet .content .portlet-intro { display: flex; padding: 40px 40px 20px; }

.application-body.application-assessments .portlet .content .portlet-intro .portlet-tool-group { flex: 1; }

.application-body.application-assessments .portlet .content .portlet-intro .portlet-tool-group > .pat-select, .application-body.application-assessments .portlet .content .portlet-intro .portlet-tool-group .context-menu { float: right; }

.application-body.application-assessments .portlet .content .portlet-intro .portlet-title-group { flex: 4; }

.application-body.application-assessments .portlet .content .portlet-intro .portlet-title-group h1 { margin-bottom: 30px; font-size: bold; }

.application-body.application-assessments .portlet .content .portlet-intro .portlet-title-group .byline { margin-top: -30px; margin-bottom: 30px; }

.application-body.application-assessments .portlet .content .portlet-body { padding: 0 40px 40px; }

.application-body.application-assessments .portlet .content .portlet-body .portlet-toolbar { margin-bottom: 1em; }

.application-body.application-assessments .portlet .content .portlet-body .portlet-toolbar:after { content: ' '; display: table; clear: both; }

.application-body.application-assessments .portlet .content .portlet-body .portlet-toolbar .pat-select { float: left; }

.application-body.application-assessments .portlet .content .portlet-body .separation-title { font-size: 1.1em; margin: 0 0 16px 0; }

.application-body.application-assessments .portlet .content .portlet-body .training { padding-top: 1em; }

.application-body.application-assessments .portlet .content .portlet-body .training .auto-scale-wrapper { overflow: hidden; }

.application-body.application-assessments .portlet .content .portlet-body .training .training-title { margin-bottom: 0.5em; }

.application-body.application-assessments .portlet .content .portlet-body .training .certificate-link { margin-bottom: 1em; float: left; }

.application-body.application-assessments .portlet .content .portlet-body .training .certificate-link * { cursor: pointer; }

.application-body.application-assessments .portlet .content .portlet-body .certificates .auto-scale-wrapper { overflow: hidden; margin-bottom: 1em; }

.application-body.application-assessments .portlet .content .portlet-body .certificates a.certificate-link { float: left; }

.application-body.application-assessments .portlet .content .portlet-body .certificates a.certificate-link * { cursor: pointer; }

@media only screen and (max-width: 767px) { .application-body.application-assessments .portlet .content { padding: 0; border: none; } }

.application-body.application-assessments .portlet .portlet-logo { text-align: center; margin-bottom: 1.4em; }

@media only screen and (max-width: 767px) { .application-body.application-assessments .portlet .portlet-logo img { max-width: 90%; } }

@media only screen and (min-width: 768px) { .application-body.application-assessments .portlet .portlet-logo img { max-width: 70%; } }

.application-body.application-assessments .portlet .portlet-title { margin: 0; }

@media only screen and (min-width: 768px) and (max-width: 1279px) { .application-body.application-assessments .portlet .portlet-title { font-size: 1; } }

.application-body.application-assessments .portlet .portlet-title a:hover { text-decoration: underline; }

.application-body.application-assessments .portlet .portlet-title a:before { font-family: fontello; font-size: 0.7em; margin-right: 0.8em; display: inline-block; vertical-align: middle; margin-top: -0.4em; width: 2em; height: 2em; text-align: center; line-height: 2.1em; border-radius: 2px; background-color: var(--colour-accent); color: white; }

.application-body.application-assessments .portlet .portlet-title sup { font-size: 0.6em; color: gray; }

.application-body.application-assessments .portlet .link:hover { text-decoration: none; }

.application-body.application-assessments .portlet .portlet-footer { padding: 0 6% 6%; }

.application-body.application-assessments .portlet .portlet-footer .more-link:hover { text-decoration: underline; }

.application-body.application-assessments .portlet .title { margin: 0; font-size: 1em; font-weight: normal; }

.application-body.application-assessments .portlet .byline { color: #666; font-size: 0.8em; line-height: 1.3em; font-style: italic; margin: 0; }

.application-body.application-assessments .portlet table td.date-finished { width: 20%; }

.application-body.application-assessments .portlet .pat-rich table a { text-decoration: none; }

.application-body.application-assessments .portlet .pat-rich table a:hover { text-decoration: underline; }

.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 #contact-tool-bar.canvas-toolbar .canvas-toolbar-section.navigation { width: calc(100% - 150px); } .application-body.application-contacts #contact-tool-bar.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav span.extra-tabs { transition: none; } .application-body.application-contacts #contact-tool-bar.canvas-toolbar .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 #contact-tool-bar.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs:after { top: 0; } .application-body.application-contacts #contact-tool-bar.canvas-toolbar .canvas-toolbar-section.navigation .canvas-toolbar-subnav.open span.extra-tabs:before { z-index: 1; content: ""; line-height: 55px; } }

.application-body.application-contacts .document-body { background: white; }

.application-body.application-contacts .document-body .document-content { padding-top: 60px; animation: fadeIn 0.5s; }

.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: #5a5a5a; 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: #eeeeee; background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, #cccccc)); background: -webkit-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background: -o-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background: -ms-linear-gradient(top, #eeeeee 0%, #cccccc 100%); background: linear-gradient(top, #eeeeee 0%, #cccccc 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: ""; 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: ""; }

.application-body.application-contacts-classic #contacts p.buttons a#mailto-contacts:before { content: ""; }

.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-messages aside.sidebar.left .quick-functions > a { top: 3px; left: 5px; }

.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: 5px; 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: ""; }

.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: ""; 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: 5px; }

@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: "Source Sans Pro", sans-serif; font-weight: normal; font-size: 1.2em; }

.application-body.application-organisation svg * { font-family: "Source Sans Pro", 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.cal-cat-personal-calendar { display: block; }

.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 { padding: 6px 30px 6px 35px; border-radius: 5px; margin: 0; position: relative; font-size: 1em; color: var(--colour-accent); }

body[dir=rtl] .application-body.application-calendar .checklist.cal-categories label { padding: 6px 35px 6px 30px; }

.application-body.application-calendar .checklist.cal-categories label .calendar-name { color: black; }

.application-body.application-calendar .checklist.cal-categories label:after, .application-body.application-calendar .checklist.cal-categories label:before { position: absolute; display: block; border-radius: 2px; top: 8px; transform: none; left: 10px; font-weight: normal; font-style: normal; font-size: 18px; }

body[dir=rtl] .application-body.application-calendar .checklist.cal-categories label:after, body[dir=rtl] .application-body.application-calendar .checklist.cal-categories label:before { right: 10px; left: auto; }

.application-body.application-calendar .checklist.cal-categories label:before { z-index: 2; }

.application-body.application-calendar .checklist.cal-categories label:after { content: ' '; display: block; width: 16px; height: 16px; background-color: white; border-radius: 2px; z-index: 1; top: 8px; }

.application-body.application-calendar .checklist.cal-categories label.unchecked:before { content: ""; }

.application-body.application-calendar .checklist.cal-categories label.checked:before { content: ""; }

.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: 6px; right: 6px; 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; }

@media only screen and (min-width: 768px) { .application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.quick-functions, .application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.quick-navigation, .application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.view-options { width: 25%; } }

.application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.quick-functions .cal-controls { float: right; margin-left: 20px; }

.application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.quick-functions button.view-month, .application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.quick-functions button.view-week, .application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.quick-functions button.view-day, .application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.quick-functions button.view-listDay { width: 40px; padding: 0; color: transparent; }

.application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.quick-functions button.view-month:before, .application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.quick-functions button.view-week:before, .application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.quick-functions button.view-day:before, .application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.quick-functions button.view-listDay:before { width: 100%; text-align: center; }

.application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.quick-navigation .ueber-back-button { margin-right: 0; }

@media only screen and (min-width: 768px) { .application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.navigation { width: 50%; } }

@media only screen and (max-width: 767px) { .application-body.application-absence .document-content .canvas-toolbar .canvas-toolbar-section.navigation { display: none; } }

.application-body.application-absence .document-content #app-content { position: relative; }

.application-body.application-absence .document-content #app-content .pat-calendar .fc-view-agendaDay { left: 0; right: 0; }

.application-body.application-absence .document-content #app-content .pat-calendar h1 { top: -85px; padding-left: 120px; }

.application-body.application-absence .document-content #app-content .pat-calendar .fc { position: fixed !important; box-sizing: border-box; top: 220px; left: 6%; bottom: 50px; right: 6%; height: auto; width: auto; left: 6%; right: 6%; 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 .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 .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.news-item-edit { padding-left: 0; padding-right: 0; }

.application-body.application-news .document-content.news-magazine { padding: 0; }

.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-left: 10%; margin-right: 10%; margin-bottom: 40px; }

.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: ""; 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 #title-block { position: relative; margin-left: 10%; margin-right: 10%; margin-top: 60px; margin-bottom: 40px; }

@media only screen and (max-width: 767px) { .application-body.application-news #magazine-preview { padding: 50px; } }

@media only screen and (min-width: 768px) { .application-body.application-news #magazine-preview { padding: 100px; } }

.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: ""; color: orange; } .application-body.application-help .pat-message.notice:before { content: ""; 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 #toolbar-job-edit.canvas-toolbar .canvas-toolbar-section.quick-functions { width: 100%; }

.application-body.application-jobs .document-content #toolbar-job-view.canvas-toolbar .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 #toolbar-poll-edit.canvas-toolbar .canvas-toolbar-section.quick-functions { width: 100%; }

.application-body.application-polls .document-content #toolbar-poll-view.canvas-toolbar .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: 5px; 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; }

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