@charset "UTF-8";
.alert {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  border-radius: 10px;
  background-clip: padding-box;
  margin-bottom: 20px;
  padding: 20px;
  min-width: 300px;
  font-style: normal;
  border: none;
  background-color: #eeeeee;
  overflow: auto;
}
.alert .button {
  margin-bottom: 0;
}
.alert.inline {
  display: inline-block;
}
.alert.alert-clickable {
  cursor: pointer;
}
.alert.alert-clickable:hover {
  color: #4f0ae4;
}
.alert.alert-warning {
  border-color: #ffc841;
  background-color: #fbe6a4;
}
.alert.alert-success {
  border-color: #1b6133;
  background-color: #d4ead3;
}
.alert.alert-error {
  border-color: #fcbcbc;
  background-color: #fcbcbc;
}
.alert.alert-info {
  border-color: #2070a5;
  background-color: #cceaf5;
}
.alert.alert-info .icon-question {
  background-position-y: -23px;
}
.alert.delay5Seconds {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  -ms-animation-delay: 5s;
  -o-animation-delay: 5s;
}
.alert.delay10Seconds {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  -ms-animation-delay: 10s;
  -o-animation-delay: 10s;
  animation-delay: 10s;
}
.alert .close {
  text-align: right;
}
.alert .close span {
  vertical-align: middle;
}
.alert .close:hover,
.alert .close:focus {
  text-decoration: none;
}
.alert .alert-col {
  width: 32%;
  display: inline-block;
  min-width: 150px;
  margin-top: 8px;
}
.alert .alert-col h4 {
  padding-top: 0;
}
.alert .alert-row {
  margin-bottom: 20px;
}
.alert .alert-desc {
  margin-bottom: 20px;
  margin-top: 10px;
}
.alert .alert-row:last-of-type {
  margin-bottom: 0;
}
.alert .bold {
  font-weight: bold;
}
.alert .icon:not(.button) {
  top: auto;
  margin-right: 10px;
}
.alert:not(.information-panel) a:not(.button) {
  color: #4f0ae4;
  text-decoration: underline;
}
.alert.dismissable {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}
.alert.dismissable:after {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  position: absolute;
  right: 5px;
  top: 5px;
  content: "\f00d";
  color: #524f55;
}
.alert.dismissable:hover:after {
  right: 2px;
  top: 2px;
  content: "\f057";
  font-size: 20px;
}
.alert header {
  display: inline;
  margin-right: 10px;
  font-weight: bold;
  background-color: transparent !important;
}
.alert.bottom-of-compound-sub-form {
  margin-bottom: -40px;
  margin-left: -30px;
  margin-right: -18px;
}
@media screen and (max-width: 600px) {
  .alert.bottom-of-compound-sub-form {
    margin-left: -34px;
  }
}
.alert.modal-dialog.hasMaxHeight {
  border: none;
}
.compound-component .collection-date .alert-warning {
  margin-bottom: -40px;
  margin-left: -30px;
  margin-right: -18px;
}
@media screen and (max-width: 600px) {
  .compound-component .collection-date .alert-warning {
    margin-left: -34px;
  }
}
p.note {
  text-align: left;
  color: #B0B0B0;
  margin: 0;
  padding: 0;
  background: transparent;
}
.group-card .alert {
  box-shadow: none;
}
html.showing-session-timeout-warning body {
  margin-top: 100px;
}
.session-timeout-warning {
  z-index: 1100000;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
}
.session-timeout-warning .button {
  color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
  border: 1px solid #cccccc;
  border-top: solid 1px #EEE;
  border-left: solid 1px #EEE;
  border-right: solid 1px #EEE;
  border-bottom: solid 1px #EEE;
  float: right;
}
.session-timeout-warning .button:hover,
.session-timeout-warning .button:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.session-timeout-warning .button.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.session-timeout-warning .button.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.session-timeout-warning .button:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.session-timeout-warning .button:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.session-timeout-warning .button.action-button,
.session-timeout-warning .button.next-button,
.session-timeout-warning .button.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.session-timeout-warning .button:hover,
.session-timeout-warning .button:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.session-timed-out-fader {
  background-color: rgba(0, 0, 0, 0.5);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1099999;
  display: none;
  cursor: not-allowed;
}
.session-timed-out-fader.show {
  display: block;
}
.alert-scroller {
  white-space: nowrap;
  overflow: auto;
  scroll-snap-type: x mandatory;
}
.alert-scroller .alert {
  display: inline-block;
  white-space: normal;
  scroll-snap-align: start;
  vertical-align: top;
  margin-bottom: 5px;
}
.alert-scroller.more-than-one .alert {
  width: 80%;
}
body.resources-loaded .offline-warning {
  visibility: visible;
}
.offline-warning {
  visibility: hidden;
  position: fixed;
  z-index: 110000;
  bottom: 10px;
  right: 10px;
  text-align: center;
}
.offline-warning .alert {
  padding: 5px 10px;
  font-size: 11px;
  margin: 0;
  min-width: 0;
}
.for-sonar-qube,
.for-screen-reader {
  display: none;
}
.field-label .for-screen-reader {
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
fieldset legend {
  display: none;
}
table caption {
  display: none;
}
.focus-rect:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.focus-rect:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
html,
body {
  background-color: #eeeeee;
  height: 100%;
  min-height: 100%;
}
.main-container {
  box-sizing: border-box;
  min-width: 320px;
  min-height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .main-container {
    padding-top: 50px;
  }
}
.main-container .main-footer {
  min-width: 320px;
}
.footer-inner,
.wrapper-container {
  box-sizing: border-box;
  width: 100%;
  max-width: 1800px;
  min-width: 320px;
  margin: 0 auto;
}
.global-wizard-form {
  margin: 0 auto;
  min-width: 320px;
}
.spa-container {
  margin: 10px 1% 0;
  min-width: 320px;
  position: relative;
}
.chrome {
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
dialog {
  color: #524f55;
}
.modal-dialog {
  z-index: 110000;
}
.modal-dialog.hide-modal-title {
  grid-template-rows: 1fr !important;
}
.modal-dialog.hide-modal-title .dialog-header {
  display: none;
}
.modal-dialog.prevent-closing .dialog-header .icon-close {
  display: none;
}
.modal-dialog.is-docked {
  transition-delay: 5s;
  z-index: 109999;
  position: fixed;
  left: 20px;
  right: 20px;
  top: 20px;
  bottom: 20px;
  padding: 20px;
  border-radius: 10px;
}
.modal-dialog.is-docked .wizard-form .wizard-header {
  top: -20px;
}
.modal-dialog.is-docked .wizard-form .wizard-header h1 {
  margin-bottom: 0;
}
.modal-dialog.is-docked .wizard-form .real-wizard-footer {
  bottom: -20px;
}
@media screen and (min-width: 1000px) {
  .modal-dialog.is-docked {
    box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
    background-color: #ffffff;
    position: fixed;
    margin: 0;
    overflow: auto;
  }
  .modal-dialog.is-docked.is-docked-right,
  .modal-dialog.is-docked.is-docked-left {
    width: 700px;
    top: 20px;
    bottom: 20px;
    max-height: 100% !important;
    border-radius: 10px;
  }
  .modal-dialog.is-docked.is-docked-right .wizard-form-container .fixed.footer,
  .modal-dialog.is-docked.is-docked-left .wizard-form-container .fixed.footer {
    width: 700px;
  }
  .modal-dialog.is-docked.is-docked-right {
    right: 20px;
    left: auto;
  }
  .modal-dialog.is-docked.is-docked-right:before {
    left: -100%;
  }
  .modal-dialog.is-docked.is-docked-right .wizard-form-container .fixed.footer {
    right: 0;
    left: auto !important;
  }
  .modal-dialog.is-docked.is-docked-left {
    right: auto;
    left: 0;
  }
  .modal-dialog.is-docked.is-docked-left:before {
    right: -100%;
  }
  .modal-dialog.is-docked.is-docked-left .wizard-form-container .fixed.footer {
    right: auto !important;
    left: 0;
  }
  .modal-dialog.is-docked.is-docked-top,
  .modal-dialog.is-docked.is-docked-bottom {
    max-height: 600px !important;
    left: 0;
    right: 0;
    height: 65%;
  }
  .modal-dialog.is-docked.is-docked-top {
    top: 0;
    bottom: auto;
  }
  .modal-dialog.is-docked.is-docked-top:before {
    bottom: -100%;
  }
  .modal-dialog.is-docked.is-docked-bottom {
    top: auto;
    bottom: 0;
  }
  .modal-dialog.is-docked.is-docked-bottom:before {
    top: -200%;
  }
}
@media screen and (min-height: 999999px) {
  .modal-dialog.is-take-over .wizard-form .wizard-header {
    background-color: #f1f1f5;
    position: sticky;
    margin-bottom: 50px;
  }
  .modal-dialog.is-take-over .wizard-form .wizard-header:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: -moz-linear-gradient(top, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  }
}
.modal-dialog .wizard-form .wizard-header {
  top: 0;
  z-index: 11;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0;
  margin-bottom: 50px;
  padding-top: 10px;
}
@media screen and (min-height: 999999px) {
  .modal-dialog .wizard-form .wizard-header {
    background-color: #f1f1f5;
    position: sticky;
  }
  .modal-dialog .wizard-form .wizard-header:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: -moz-linear-gradient(top, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    content: 'x';
    font-size: 0;
    display: block;
    height: 50px;
    left: 0;
    bottom: -50px;
    right: 0;
    position: absolute;
  }
}
.modal-dialog .wizard-form-container .wizard-loading-container,
.modal-dialog .wizard-form-container .loading-container {
  background-color: transparent;
  padding: 0;
}
.modal-dialog .wizard-form-container .data-grid-v2 .loading-container {
  background-color: #ffffff;
}
.modal-dialog .wizard-form-container .grid-container {
  min-height: 200px;
}
.modal-dialog.hasMaxHeight {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  box-sizing: border-box;
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  border-radius: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  background-clip: padding-box;
  position: fixed;
  background-color: #ffffff;
  z-index: 110000;
  padding: 20px;
  width: 75%;
  max-width: 800px;
  min-height: 100%;
}
.modal-dialog.hasMaxHeight.wide {
  width: 95%;
  max-width: 1800px;
}
.modal-dialog.hasMaxHeight.small-modal {
  max-width: 500px;
}
.modal-dialog.hasMaxHeight .dialog-header .icon-close {
  cursor: pointer;
  color: #6b2bf6;
  position: absolute;
  right: 10px;
  top: 10px;
}
.modal-dialog.hasMaxHeight #iframeContainer {
  padding: 0;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.modal-dialog.hasMaxHeight #iframeContainer iframe {
  border: 0 solid #cccccc;
  min-height: 300px;
}
.modal-dialog.hasMaxHeight .wizard-form-container {
  overflow-x: visible;
  overflow-y: auto;
  margin: -10px;
  padding: 10px;
  padding-top: 0;
}
.modal-dialog-docked-fader {
  position: fixed;
  z-index: 109998;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.modal-dialog-docked-fader .fill {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.55) 100%);
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  cursor: pointer;
}
.modal-dialog-docked-fader.router-locked .fill,
.modal-dialog-docked-fader.prevent-closing .fill {
  pointer-events: none;
  cursor: default;
}
@media screen and (min-width: 1000px) {
  .grid-stack-item.is-being-edited {
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    transition: left 0s, top 0.3s, height 0.3s, width 0.3s !important;
    left: 50% !important;
    top: 50% !important;
    margin-left: -350px;
    z-index: 99999;
    position: fixed;
    pointer-events: none;
    cursor: default;
  }
  .grid-stack-item.is-being-edited .widget-hitkiller,
  .grid-stack-item.is-being-edited .widget-controls {
    display: none;
  }
  .grid-stack-item.is-being-edited.is-preview-mode-broken:after {
    content: 'This App Preview mode is currently disabled as you have changed the App type.  The preview will be available if you restore the orignal app type or Preview the dashboard (which forces a re-render of all Apps).';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 60px;
    display: block;
    background-color: rgba(74, 74, 74, 0.75);
    font-weight: bold;
  }
}
html.is-showing-take-over-modal #stateContainer {
  display: none;
}
html.is-showing-modal:not(.wizard-state) body,
html.is-showing-side-menu body {
  overflow: hidden;
}
.modal-dialog .wizard-form-container.bg-background,
.modal-dialog .breadcrumb-trail.bg-background {
  background-color: transparent;
}
.modal-dialog.wizard-form-container.is-docked {
  overflow: auto;
}
.modal-dialog.wizard-form-container.is-take-over {
  margin: 0 auto;
  padding-top: 10px;
  z-index: 70000;
}
.modal-dialog.wizard-form-container.is-take-over .dialog-header {
  display: none;
}
.modal-dialog.wizard-form-container hr.header-separator {
  display: none;
}
@media screen and (min-width: 480px) {
  .modal-dialog.wizard-form-container .navigation-buttons .button {
    margin-bottom: 0;
  }
}
html.is-public-screen .wizard-form-progress-loader-container,
body.is-security-screen .wizard-form-progress-loader-container,
html.is-public-screen .main-container,
body.is-security-screen .main-container,
html.is-public-screen .footer-inner,
body.is-security-screen .footer-inner,
html.is-public-screen .wrapper-container,
body.is-security-screen .wrapper-container {
  max-width: 100%;
}
html.is-public-screen .main-container,
body.is-security-screen .main-container {
  min-height: 100vh !important;
}
html.is-public-screen #spaContainer,
body.is-security-screen #spaContainer {
  background-color: #6b2bf6;
}
html.is-public-screen #wizardState .main-container,
body.is-security-screen #wizardState .main-container,
html.is-public-screen #wizardState .wrapper-container,
body.is-security-screen #wizardState .wrapper-container {
  max-width: none;
}
@media screen and (max-width: 480px) {
  html.is-public-screen #wizardState .main-container .spa-container,
  body.is-security-screen #wizardState .main-container .spa-container,
  html.is-public-screen #wizardState .wrapper-container .spa-container,
  body.is-security-screen #wizardState .wrapper-container .spa-container {
    padding: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  html.is-public-screen #wizardState .wizard-form-container,
  body.is-security-screen #wizardState .wizard-form-container {
    display: flex;
    min-height: 100%;
    align-content: center;
    position: relative;
    justify-content: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    align-items: center;
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 480px) {
  html.is-public-screen #wizardState .wizard-form-container,
  body.is-security-screen #wizardState .wizard-form-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
  }
}
@media screen and (max-width: 768px) {
  html.is-public-screen alternate-to-fake-wizard,
  .wizard-form.security-screen {
    padding: 10vw !important;
  }
}
@media screen and (min-width: 768px) {
  html.is-public-screen alternate-to-fake-wizard,
  .wizard-form.security-screen {
    position: absolute !important;
    left: var(--spacing);
    right: var(--spacing);
    top: var(--spacing);
    bottom: var(--spacing);
    overflow: auto;
    max-width: 1500px;
  }
}
@media screen and (max-width: 1500px) {
  html.is-public-screen alternate-to-fake-wizard,
  .wizard-form.security-screen {
    margin: var(--spacing) !important;
  }
}
@media screen and (min-width: 1500px) {
  html.is-public-screen alternate-to-fake-wizard,
  .wizard-form.security-screen {
    margin: var(--spacing) auto !important;
  }
}
@media screen and (max-width: 480px) {
  html.is-public-screen alternate-to-fake-wizard,
  .wizard-form.security-screen {
    margin: 0 !important;
    height: 100% !important;
    width: 100% !important;
    border-radius: 0 !important;
  }
}
@media screen and (min-width: 768px) {
  html.is-public-screen alternate-to-fake-wizard .form,
  .wizard-form.security-screen .form {
    height: 100%;
  }
  html.is-public-screen alternate-to-fake-wizard .form .security-columns,
  .wizard-form.security-screen .form .security-columns {
    height: 100%;
    max-width: 1500px;
  }
  html.is-public-screen alternate-to-fake-wizard .form .security-columns .group-children,
  .wizard-form.security-screen .form .security-columns .group-children {
    height: 100%;
  }
  html.is-public-screen alternate-to-fake-wizard .form .security-columns > .group-children,
  .wizard-form.security-screen .form .security-columns > .group-children {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--spacing);
  }
  html.is-public-screen alternate-to-fake-wizard .form .security-columns > .group-children > .group-child,
  .wizard-form.security-screen .form .security-columns > .group-children > .group-child {
    height: 100%;
  }
  html.is-public-screen alternate-to-fake-wizard .form .security-columns > .group-children > .group-child > .group-container,
  .wizard-form.security-screen .form .security-columns > .group-children > .group-child > .group-container {
    height: 100%;
  }
}
html.is-public-screen alternate-to-fake-wizard .form .security-left-column > .group-children,
.wizard-form.security-screen .form .security-left-column > .group-children,
html.is-public-screen alternate-to-fake-wizard .form .security-right-column > .group-children,
.wizard-form.security-screen .form .security-right-column > .group-children {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: space-around;
  justify-content: center;
  gap: 10px;
}
html.is-public-screen alternate-to-fake-wizard .form .security-left-column,
.wizard-form.security-screen .form .security-left-column {
  width: 320px;
  margin: 0 auto;
}
html.is-public-screen alternate-to-fake-wizard .form .security-left-column .button:not(.small),
.wizard-form.security-screen .form .security-left-column .button:not(.small),
html.is-public-screen alternate-to-fake-wizard .form .security-left-column input,
.wizard-form.security-screen .form .security-left-column input {
  width: 320px;
}
html.is-public-screen alternate-to-fake-wizard .form .security-left-column #mainLogo,
.wizard-form.security-screen .form .security-left-column #mainLogo,
html.is-public-screen alternate-to-fake-wizard .form .security-left-column .logo,
.wizard-form.security-screen .form .security-left-column .logo,
html.is-public-screen alternate-to-fake-wizard .form .security-left-column .main-logo,
.wizard-form.security-screen .form .security-left-column .main-logo {
  background-position: center center;
}
html.is-public-screen alternate-to-fake-wizard .form .security-left-column .validation-message,
.wizard-form.security-screen .form .security-left-column .validation-message {
  max-width: 100%;
  text-align: left;
}
html.is-public-screen alternate-to-fake-wizard .form .security-left-column .inline-nav-buttons .right,
.wizard-form.security-screen .form .security-left-column .inline-nav-buttons .right {
  float: none;
}
html.is-public-screen alternate-to-fake-wizard .form .security-left-column .inline-nav-buttons .right .button,
.wizard-form.security-screen .form .security-left-column .inline-nav-buttons .right .button {
  margin-left: 0;
}
html.is-public-screen alternate-to-fake-wizard .form .security-right-column,
.wizard-form.security-screen .form .security-right-column {
  background-color: #6b2bf6;
  border-radius: 10px;
  height: 100%;
  min-height: 350px;
  padding: var(--spacing);
  box-sizing: border-box;
  overflow: auto;
  position: relative;
}
html.is-public-screen alternate-to-fake-wizard .form .security-right-column .group-child[data-shortcode="RIGHT_COLUMN_CONTENT"],
.wizard-form.security-screen .form .security-right-column .group-child[data-shortcode="RIGHT_COLUMN_CONTENT"] {
  flex-grow: 1;
  height: 100%;
}
html.is-public-screen alternate-to-fake-wizard .form .security-right-column .security-right-column-content-container,
.wizard-form.security-screen .form .security-right-column .security-right-column-content-container {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  padding: var(--spacing);
}
html.is-public-screen alternate-to-fake-wizard .form .security-right-column .security-right-column-content-container > .group-children > .group-child,
.wizard-form.security-screen .form .security-right-column .security-right-column-content-container > .group-children > .group-child {
  height: 100%;
  width: 100%;
}
html.is-public-screen alternate-to-fake-wizard .form .security-right-column .security-right-column-content-container > .group-children > .group-child > .data-component-container,
.wizard-form.security-screen .form .security-right-column .security-right-column-content-container > .group-children > .group-child > .data-component-container {
  height: 100%;
  width: 100%;
}
html.is-public-screen alternate-to-fake-wizard .form .security-right-column .security-right-column-content-container > .group-children > .group-child > .data-component-container > .data-component-renderer,
.wizard-form.security-screen .form .security-right-column .security-right-column-content-container > .group-children > .group-child > .data-component-container > .data-component-renderer {
  height: 100%;
  width: 100%;
}
html.is-public-screen alternate-to-fake-wizard .form .security-right-column .security-right-column-content-container > .group-children > .group-child > .data-component-container > .data-component-renderer > div,
.wizard-form.security-screen .form .security-right-column .security-right-column-content-container > .group-children > .group-child > .data-component-container > .data-component-renderer > div {
  height: 100%;
  width: 100%;
}
html.is-public-screen alternate-to-fake-wizard .form .security-right-column .security-right-column-content-container > .group-children > .group-child > .data-component-container > .data-component-renderer > div > .textblock,
.wizard-form.security-screen .form .security-right-column .security-right-column-content-container > .group-children > .group-child > .data-component-container > .data-component-renderer > div > .textblock {
  height: 100%;
  width: 100%;
}
html.is-public-screen alternate-to-fake-wizard .form .security-right-column #mainLogo,
.wizard-form.security-screen .form .security-right-column #mainLogo {
  background-position: center center;
}
html.is-public-screen alternate-to-fake-wizard .form .inline-nav-buttons.login-form .navigation-buttons,
.wizard-form.security-screen .form .inline-nav-buttons.login-form .navigation-buttons {
  gap: 0;
}
html.is-public-screen alternate-to-fake-wizard .form .navigation-buttons,
.wizard-form.security-screen .form .navigation-buttons {
  display: flex;
  gap: 10px;
  flex-direction: column-reverse;
}
@media screen and (min-width: 1500px) {
  html.is-public-screen div.data-component-container[data-shortcode="SECURITY_WIZARD_FORM"] div.alternate-to-fake-wizard {
    width: 1500px;
    max-width: 1500px;
    margin: 0 auto;
    right: auto;
    left: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    justify-content: flex-start;
  }
  html.is-public-screen div.data-component-container[data-shortcode="SECURITY_WIZARD_FORM"] div.alternate-to-fake-wizard .loading-icon {
    position: relative;
    left: 25%;
  }
}
.widget-controls {
  user-select: none;
  position: absolute;
  width: auto;
  height: auto;
  top: 5px;
  right: 5px;
  left: 5px;
  z-index: 9;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 5px 6px;
}
.widget-controls:not(.controls-hidden) {
  background-color: rgba(238, 238, 238, 0.5);
  border-radius: 15px;
  backdrop-filter: blur(5px);
  border: 1px solid rgba(204, 204, 204, 0.5);
}
.widget-controls a {
  user-select: none;
  margin: 0;
  z-index: 2;
}
.widget-controls .tag .fa {
  margin-right: 5px;
  z-index: 1;
}
.widget-controls .buttons-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
}
.bypass-block {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  z-index: 90000;
}
.bypass-block .bypass-link {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  display: block;
  background-color: black;
  color: white;
  text-align: center;
  padding: 5px;
  font-size: 12px;
  text-decoration: underline;
}
.bypass-block .bypass-link :active,
.bypass-block .bypass-link:focus {
  box-shadow: none !important;
  position: relative;
  width: auto;
  height: auto;
  left: auto;
}
.button {
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 8px;
  background-clip: padding-box;
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  display: inline-block;
  background-color: #f4f4f4;
  color: #6b2bf6;
  padding: 0.437em 0.937em;
  line-height: 1.5em;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 10px;
  text-align: center;
  white-space: nowrap;
}
.button:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.button:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.button:hover,
.button:focus {
  text-decoration: none;
  background-color: #6b2bf6;
  color: #ffffff;
}
.button.with-loading-icon {
  position: relative;
}
.button.with-loading-icon label,
.button.with-loading-icon .label {
  cursor: pointer;
  margin-bottom: 0;
}
.button.with-loading-icon .loading-icon {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  visibility: hidden;
  position: absolute;
}
.button.with-loading-icon .loading-icon:before {
  width: 15px;
  height: 15px;
}
.button.with-loading-icon.is-loading {
  pointer-events: none;
}
.button.with-loading-icon.is-loading label,
.button.with-loading-icon.is-loading .label {
  opacity: 0;
}
.button.with-loading-icon.is-loading .loading-icon {
  visibility: visible;
}
.button.bordered {
  border: 2px solid white;
}
.button.bordered:hover {
  border-color: white;
}
.button.block {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.button.round {
  color: #ffffff;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
  border: 2px solid white;
  box-sizing: border-box;
  min-width: 35px;
  min-height: 35px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  padding: 0;
  display: inline-block;
}
.button.round:hover,
.button.round:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.button.round.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.button.round.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.button.round:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.button.round:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.button.round.action-button,
.button.round.next-button,
.button.round.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.button.round:hover,
.button.round:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.button.round:hover {
  border-color: white;
}
.button.is-error {
  background-color: #a20000;
  color: #ffffff;
}
.button.is-error:hover,
.button.is-error:focus {
  background-color: #560000;
  color: #ffffff;
}
.button.disabled-button {
  pointer-events: none;
  opacity: 0.75;
  filter: grayscale(100%);
}
.button.disabled {
  background-color: #ffffff;
  color: #919191;
  pointer-events: none;
}
.button.selected {
  background-color: #6b2bf6;
  color: #ffffff;
}
.primary-button {
  background-color: #6b2bf6;
  color: #ffffff;
}
.primary-button:hover,
.primary-button:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.primary-button.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.primary-button.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.security-button {
  background-color: #247826;
  color: #ffffff;
}
.security-button:hover,
.security-button:focus {
  background-color: #123d13;
  color: #ffffff;
}
.screen-action .dropdown-button .button {
  min-width: 160px;
  padding: 10px 15px;
}
.screen-action .dropdown-button ul.sub-menu {
  right: 0px;
  top: 48px;
}
.screen-action .dropdown-button ul.sub-menu li a {
  padding: 5px 10px;
}
a {
  color: #6b2bf6;
  cursor: pointer;
  text-decoration: none;
}
a:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
a:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a.invisible-link {
  cursor: default;
  color: #524f55;
  text-decoration: none;
}
a.invisible-link:hover,
a.invisible-link:focus {
  text-decoration: none;
}
a.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  color: #524f55;
  text-decoration: none;
}
a.disabled:hover,
a.disabled:focus {
  color: #524f55;
  text-decoration: none;
}
a.text-color {
  color: #524f55;
}
a.text-color:not(.with-hover):hover,
a.text-color:not(.with-hover):focus {
  color: #6b2bf6;
  text-decoration: none;
}
a.text-color.with-hover:hover,
a.text-color.with-hover:focus {
  color: #6b2bf6;
  text-decoration: underline;
}
.with-loading-icon {
  position: relative;
}
.with-loading-icon label,
.with-loading-icon .label {
  cursor: pointer;
  width: auto;
  padding: 0;
}
.with-loading-icon .loading-icon {
  transform: translate(0, 0);
  visibility: hidden;
  position: absolute;
  left: 50%;
  top: 2px;
}
.with-loading-icon.is-loading {
  pointer-events: none;
}
.with-loading-icon.is-loading label,
.with-loading-icon.is-loading .label {
  opacity: 0.2;
}
.with-loading-icon.is-loading .loading-icon {
  visibility: visible;
}
.with-loading-icon.is-error {
  background-color: #a20000;
  border-color: #a20000;
}
.with-loading-icon.is-error:hover {
  background-color: #6f0000;
}
.with-loading-icon.is-error label:before,
.with-loading-icon.is-error .label:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f071";
  float: left;
  margin-right: 5px;
  margin-top: 3px;
}
.dropdown-open ~ label.button {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 8px;
  background-clip: padding-box;
  background-color: #6b2bf6;
  color: #ffffff;
  border: none;
}
.dropdown-open ~ label.button:after {
  content: "\f077";
}
.dropdown-open ~ ul.sub-menu {
  display: block;
}
.dropdown-button {
  display: inline-block;
}
.dropdown-button input {
  opacity: 0;
  width: 0;
  height: 0;
  position: absolute;
}
.dropdown-button input:focus ~ label.button {
  outline: 2px solid rgba(192, 43, 246, 0.75);
}
.dropdown-button input:checked ~ label.button {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 8px;
  background-clip: padding-box;
  background-color: #6b2bf6;
  color: #ffffff;
  border: none;
}
.dropdown-button input:checked ~ label.button:after {
  content: "\f077";
}
.dropdown-button input:checked ~ ul.sub-menu {
  display: block;
}
.dropdown-button a.button,
.dropdown-button label.button {
  margin-bottom: 0;
  min-width: 50px;
  text-align: left;
  position: relative;
}
.dropdown-button a.button:after,
.dropdown-button label.button:after {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  float: right;
  padding-left: 10px;
  padding-top: 4px;
  content: "\f078";
}
.dropdown-button ul.sub-menu {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 0;
  background-clip: padding-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  display: none;
  position: absolute !important;
  z-index: 9;
  overflow: hidden;
  background-color: #ffffff;
}
.dropdown-button ul.sub-menu.sub-menu-up {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 8px;
  background-clip: padding-box;
}
.dropdown-button ul.sub-menu li {
  border-radius: 8px;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: inline-block;
  color: #6b2bf6;
  padding: 0.437em 0.937em;
  line-height: 1.5em;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 10px;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  border: 1px solid white;
  font-weight: bold;
  color: #524f55;
  background: none;
  background-color: #f4f4f4;
  border-radius: 0px;
  background-clip: padding-box;
  box-shadow: none;
  border: none;
  margin: 0 !important;
  display: block;
  text-align: left;
  background-color: #ffffff;
  padding: 0;
}
.dropdown-button ul.sub-menu li:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.dropdown-button ul.sub-menu li:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.dropdown-button ul.sub-menu li:hover,
.dropdown-button ul.sub-menu li:focus {
  text-decoration: none;
  background-color: #6b2bf6;
  color: #ffffff;
}
.dropdown-button ul.sub-menu li.with-loading-icon {
  position: relative;
}
.dropdown-button ul.sub-menu li.with-loading-icon label,
.dropdown-button ul.sub-menu li.with-loading-icon .label {
  cursor: pointer;
  margin-bottom: 0;
}
.dropdown-button ul.sub-menu li.with-loading-icon .loading-icon {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  visibility: hidden;
  position: absolute;
}
.dropdown-button ul.sub-menu li.with-loading-icon .loading-icon:before {
  width: 15px;
  height: 15px;
}
.dropdown-button ul.sub-menu li.with-loading-icon.is-loading {
  pointer-events: none;
}
.dropdown-button ul.sub-menu li.with-loading-icon.is-loading label,
.dropdown-button ul.sub-menu li.with-loading-icon.is-loading .label {
  opacity: 0;
}
.dropdown-button ul.sub-menu li.with-loading-icon.is-loading .loading-icon {
  visibility: visible;
}
.dropdown-button ul.sub-menu li.bordered {
  border: 2px solid white;
}
.dropdown-button ul.sub-menu li.bordered:hover {
  border-color: white;
}
.dropdown-button ul.sub-menu li.block {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dropdown-button ul.sub-menu li.round {
  color: #ffffff;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
  border: 2px solid white;
  box-sizing: border-box;
  min-width: 35px;
  min-height: 35px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  padding: 0;
  display: inline-block;
}
.dropdown-button ul.sub-menu li.round:hover,
.dropdown-button ul.sub-menu li.round:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.dropdown-button ul.sub-menu li.round.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.dropdown-button ul.sub-menu li.round.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.dropdown-button ul.sub-menu li.round:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.dropdown-button ul.sub-menu li.round:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.dropdown-button ul.sub-menu li.round.action-button,
.dropdown-button ul.sub-menu li.round.next-button,
.dropdown-button ul.sub-menu li.round.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.dropdown-button ul.sub-menu li.round:hover,
.dropdown-button ul.sub-menu li.round:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.dropdown-button ul.sub-menu li.round:hover {
  border-color: white;
}
.dropdown-button ul.sub-menu li.is-error {
  background-color: #a20000;
  color: #ffffff;
}
.dropdown-button ul.sub-menu li.is-error:hover,
.dropdown-button ul.sub-menu li.is-error:focus {
  background-color: #560000;
  color: #ffffff;
}
.dropdown-button ul.sub-menu li.disabled-button {
  pointer-events: none;
  opacity: 0.75;
  filter: grayscale(100%);
}
.dropdown-button ul.sub-menu li.disabled {
  background-color: #ffffff;
  color: #919191;
  pointer-events: none;
}
.dropdown-button ul.sub-menu li.selected {
  background-color: #6b2bf6;
  color: #ffffff;
}
.dropdown-button ul.sub-menu li.x-small {
  font-size: 60% !important;
}
.dropdown-button ul.sub-menu li.small {
  font-size: 80% !important;
}
.dropdown-button ul.sub-menu li.bigger {
  font-size: 120% !important;
}
.dropdown-button ul.sub-menu li.x-large {
  font-size: 140% !important;
}
.dropdown-button ul.sub-menu li:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.dropdown-button ul.sub-menu li:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.dropdown-button ul.sub-menu li.action-button,
.dropdown-button ul.sub-menu li.next-button,
.dropdown-button ul.sub-menu li.back-button {
  padding-left: 20px;
  padding-right: 20px;
}
.dropdown-button ul.sub-menu li:hover {
  color: #524f55;
  background-color: #e3e3e3;
}
.dropdown-button ul.sub-menu li.green {
  color: white;
  background-color: green;
  border-color: green;
}
.dropdown-button ul.sub-menu li.green:hover {
  background-color: #004d00;
}
.dropdown-button ul.sub-menu li a {
  display: block;
  width: auto;
  min-width: 60px;
  text-align: right;
  padding: 7px 10px 7px 30px;
  font-weight: normal;
}
.dropdown-button ul.sub-menu li a:hover {
  text-decoration: none;
}
.dropdown-button ul.sub-menu li:hover {
  background: none;
  background-color: #eeeeee;
  color: #6b2bf6;
}
.dropdown-button ul.sub-menu li:hover a {
  color: #6b2bf6;
}
.dropdown-button.three-dots {
  position: relative;
}
.dropdown-button.three-dots .button {
  box-shadow: none;
  background-color: transparent;
  color: #6b2bf6;
  font-size: 20px;
  padding: 0 10px;
  text-align: right;
  border: none;
  min-width: 0;
}
.dropdown-button.three-dots .button:after,
.dropdown-button.three-dots .button:before {
  content: '';
  display: none;
}
.dropdown-button.three-dots.disabled {
  pointer-events: none;
}
.dropdown-button.three-dots.disabled .button {
  color: rgba(145, 145, 145, 0.5);
}
.dropdown-button.three-dots input:checked ~ label.button {
  opacity: 0.99;
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  border-top-right-radius: 3px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 3px;
  background-clip: padding-box;
  background-color: white;
  color: #6b2bf6;
}
.dropdown-button.three-dots ul.sub-menu {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  background-clip: padding-box;
  overflow: visible;
  right: 0;
}
.dropdown-button.three-dots ul.sub-menu:before {
  content: '.';
  font-size: 1px;
  position: absolute;
  width: 33px;
  right: 1px;
  top: -3px;
  height: 6px;
  background-color: white;
  z-index: 1;
}
.dropdown-button ul.sub-menu li {
  border: none;
}
.button.x-small,
.dropdown-button.x-small {
  font-size: 60% !important;
}
.button.small,
.dropdown-button.small {
  font-size: 80% !important;
}
.button.bigger,
.dropdown-button.bigger {
  font-size: 120% !important;
}
.button.x-large,
.dropdown-button.x-large {
  font-size: 140% !important;
}
details {
  margin-bottom: 10px;
}
details summary {
  cursor: pointer;
  color: #6b2bf6;
  user-select: none;
}
details[open] summary {
  margin-bottom: 10px;
}
.main-footer,
.footer-inner {
  box-sizing: border-box;
}
@media screen and (max-width: 1800px) {
  .main-footer,
  .footer-inner {
    margin: 0;
    padding: 0;
  }
  .footer-inner {
    padding: 0 20px 20px;
  }
}
html.is-anonymous footer.main-footer {
  display: none;
}
.main-container footer.main-footer {
  box-sizing: border-box;
  max-width: 1800px;
  width: 100%;
  margin: 0 auto;
  z-index: 1;
  padding: 20px;
}
.main-container footer.main-footer .version-container {
  margin-right: 20px;
  width: 100%;
}
.main-container footer.main-footer ul.links {
  float: right;
  list-style: none;
  padding: 0;
  margin: 0;
}
.main-container footer.main-footer ul.links li {
  display: inline-block;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
}
.main-container footer.main-footer ul.links li:last-child:after {
  visibility: hidden;
}
@media screen and (max-width: 960px) {
  .main-container footer.main-footer ul.links li {
    display: block;
    margin-left: 10px;
    margin-right: 10px;
    text-align: right;
  }
}
.main-container footer.main-footer #debugWindow {
  border-radius: 10px;
  background-clip: padding-box;
  text-align: left;
  margin-top: 50px;
  white-space: nowrap;
  overflow: auto;
}
html.hide-footer .main-container footer.main-footer {
  visibility: hidden;
}
.fake-header,
.navigation-container {
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  position: relative;
  background-color: #ffffff;
}
#mainLogo,
.logo,
.main-logo {
  box-sizing: border-box;
  width: 250px;
  height: 75px;
  display: inline-block;
  margin: 20px;
  background-image: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/images/integro.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: left center;
}
@media screen and (max-width: 768px) {
  .logo,
  .main-logo {
    position: fixed;
    right: 10px;
    top: 0;
    background-position-x: right;
    max-height: 40px;
    margin: 0;
    margin-top: 5px;
    z-index: 90001;
  }
}
.header-menu {
  position: absolute;
  top: 10px;
  right: 10px;
}
.user-details-item {
  box-sizing: border-box;
  display: inline-block;
  padding: 10px;
  padding-right: 20px;
}
.user-details-item.with-separator {
  border-right: 1px solid #cccccc;
}
.user-details-item:last-child {
  padding: 0;
}
.spa-loader-v-2.skeleton-loader .fake-header,
.nav-menu {
  border-top: 1px solid #cccccc;
}
@media screen and (max-width: 768px) {
  .spa-loader-v-2.skeleton-loader .fake-header,
  .nav-menu {
    box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
    background-color: #ffffff;
    border-top: none;
    position: fixed;
    left: 0px;
    right: 0px;
    top: 0px;
    z-index: 90000;
    height: 50px;
  }
}
@media screen and (min-width: 768px) {
  .nav-menu-item {
    display: inline-block;
  }
  .nav-menu-item > .button {
    box-shadow: none;
    border-radius: 0px;
    background-clip: padding-box;
    background-color: transparent;
    border: none;
    padding: 15px;
    margin-bottom: 0;
    color: #6c686f;
  }
  .nav-menu-item > .button:hover:not(.mobile-menu-button),
  .nav-menu-item > .button:focus:not(.mobile-menu-button),
  .nav-menu-item > .button.hover:not(.mobile-menu-button),
  .nav-menu-item > .button.has-focus {
    color: #6b2bf6;
    background-color: #f4f4f4;
    text-decoration: none;
  }
}
.button.mobile-menu-button {
  border-right: 1px solid #cccccc;
}
.button.mobile-menu-button:focus {
  box-shadow: none;
  outline: none;
}
.last-login {
  margin: 20px 0 10px 20px;
}
html.is-showing-take-over-modal .last-login {
  margin-left: 10px;
}
@keyframes nav-text-slide-in {
  from {
    opacity: 0;
    transform: translateX(-12px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.nav-bar-v3 li,
.nav-bar-v3 a {
  user-select: none;
}
.nav-bar-v3 ul.main-menu {
  white-space: nowrap;
  overflow: auto;
}
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:hover,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:focus-within,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true].is-open {
  background-color: #eeeeee;
  color: #6b2bf6;
}
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:hover > a,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:focus-within > a,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true].is-open > a,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:hover > button,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:focus-within > button,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true].is-open > button {
  text-decoration: none;
}
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:hover > a:before,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:focus-within > a:before,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true].is-open > a:before,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:hover > button:before,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:focus-within > button:before,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true].is-open > button:before {
  opacity: 1;
  transform: rotate(180deg);
}
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:hover > a + ul:not(.mobile-menu),
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:focus-within > a + ul:not(.mobile-menu),
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true].is-open > a + ul:not(.mobile-menu),
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:hover > button + ul:not(.mobile-menu),
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true]:focus-within > button + ul:not(.mobile-menu),
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true].is-open > button + ul:not(.mobile-menu) {
  display: block;
}
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > a,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > button {
  box-sizing: border-box;
  padding-right: 20px;
}
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > a:before,
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > button:before {
  transition: all 0.25s ease-in-out;
  opacity: 0.5;
  font: normal normal normal 14px/1 FontAwesome;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f107";
  color: #524f55;
  display: inline-block;
  margin-left: 0;
  margin-right: 10px;
  margin-top: 5px;
  float: left;
}
@media screen and (max-width: 768px) {
  .nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > a.menu-button,
  .nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > button.menu-button {
    border: none;
  }
  .nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > a.menu-button:after,
  .nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > button.menu-button:after,
  .nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > a.menu-button:before,
  .nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > button.menu-button:before {
    content: '';
    display: none;
  }
  .nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > a.menu-button:hover,
  .nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > button.menu-button:hover,
  .nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > a.menu-button:focus,
  .nav-bar-v3 ul.main-menu > li[aria-haspopup=true] > button.menu-button:focus {
    border: none;
  }
}
.nav-bar-v3 ul.main-menu > li[aria-haspopup=true] ul {
  display: none;
}
.nav-bar-v3 ul.main-menu li .expand-hit-area {
  cursor: row-resize;
  background-color: rgba(0, 255, 255, 0);
  display: inline-block;
  height: 40px;
  width: 40px;
  position: absolute;
  z-index: 1;
}
.nav-bar-v3 ul.main-menu li li .expand-hit-area {
  right: 0;
  width: 40px;
}
.nav-bar-v3 ul.main-menu li.has-no-link:hover a {
  text-decoration: none;
}
.nav-bar-v3 ul.sub-menu {
  background-color: #eeeeee;
  min-width: 200px;
}
.nav-bar-v3 ul.sub-menu li {
  position: relative;
}
.nav-bar-v3 ul.sub-menu li a {
  display: block;
  text-align: left;
}
.nav-bar-v3 ul.sub-menu li.sub-section:before {
  transition: all 0.25s ease-in-out;
  opacity: 0.5;
  font: normal normal normal 14px/1 FontAwesome;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  color: #524f55;
  display: inline-block;
  margin-left: 0;
  margin-right: 10px;
  margin-top: 11px;
  float: right;
}
.nav-bar-v3 ul.sub-menu li:hover:before,
.nav-bar-v3 ul.sub-menu li:focus-within:before,
.nav-bar-v3 ul.sub-menu li:has(li.selected):before,
.nav-bar-v3 ul.sub-menu li.is-open:before {
  opacity: 1;
  transform: rotate(180deg);
}
.nav-bar-v3 ul.sub-menu li:hover > ul,
.nav-bar-v3 ul.sub-menu li:focus-within > ul,
.nav-bar-v3 ul.sub-menu li:has(li.selected) > ul,
.nav-bar-v3 ul.sub-menu li.is-open > ul {
  display: block;
}
.nav-bar-v3 ul.sub-menu li hr {
  display: none;
}
.nav-bar-v3 ul.sub-menu li > ul {
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
  background-color: #eeeeee;
  min-width: 200px;
  position: absolute;
  right: -100%;
  margin-top: -52px;
  margin-left: 2px;
}
.nav-bar-v3 ul.mobile-menu {
  background-color: #ffffff;
}
.nav-bar-v3 ul.mobile-menu:focus {
  outline: none;
}
.nav-bar-v3 ul.sub-menu,
.nav-bar-v3 ul.mobile-menu {
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  display: none;
  position: absolute;
  z-index: 90000;
}
.nav-bar-v3 ul.sub-menu li,
.nav-bar-v3 ul.mobile-menu li {
  padding: 10px;
  padding-bottom: 0;
}
.nav-bar-v3 ul.sub-menu li:last-child,
.nav-bar-v3 ul.mobile-menu li:last-child {
  margin-bottom: 10px;
}
.nav-bar-v3 ul.sub-menu li .expand-menu-item,
.nav-bar-v3 ul.mobile-menu li .expand-menu-item {
  opacity: 0.5;
  border-left: 1px solid #524f55;
  padding-left: 20px;
  position: absolute;
  right: 10px;
  height: 20px;
  padding-right: 15px;
  margin-top: -31px;
  font-weight: bold;
  color: #524f55;
}
.nav-bar-v3 ul.sub-menu li .expand-menu-item:focus,
.nav-bar-v3 ul.mobile-menu li .expand-menu-item:focus,
.nav-bar-v3 ul.sub-menu li .expand-menu-item:hover,
.nav-bar-v3 ul.mobile-menu li .expand-menu-item:hover {
  opacity: 1;
  text-decoration: none;
}
.nav-bar-v3 ul.sub-menu li .back-to-previous .icon,
.nav-bar-v3 ul.mobile-menu li .back-to-previous .icon {
  float: left;
  padding-right: 10px;
}
@media screen and (min-width: 768px) {
  .nav-bar-v3 ul.sub-menu a.button,
  .nav-bar-v3 ul.mobile-menu a.button {
    border-radius: 0px;
    background-clip: padding-box;
    box-shadow: none;
    background-color: transparent;
    border: none;
    font-weight: normal;
    font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
    color: #6b2bf6;
  }
  .nav-bar-v3 ul.sub-menu a.button:hover,
  .nav-bar-v3 ul.mobile-menu a.button:hover,
  .nav-bar-v3 ul.sub-menu a.button:focus,
  .nav-bar-v3 ul.mobile-menu a.button:focus,
  .nav-bar-v3 ul.sub-menu a.button.hover,
  .nav-bar-v3 ul.mobile-menu a.button.hover {
    background-color: transparent;
    border: none;
    text-decoration: underline;
  }
}
.nav-bar-v3 .mobile-menu-button {
  box-shadow: none;
  border: none;
  background-color: transparent;
  height: 50px;
  cursor: pointer;
  color: #6b2bf6;
}
.nav-bar-v3 .mobile-menu-button:after {
  content: '' !important;
}
.nav-bar-v3 .mobile-menu-button:hover {
  color: #6b2bf6;
}
.nav-bar-v3 .mobile-menu-button.has-focus:before {
  transform: rotate(180deg);
}
.nav-bar-v3 .mobile-menu-button.has-focus + ul.mobile-menu {
  display: block;
}
@media screen and (max-width: 768px) {
  .nav-bar-v3 ul.mobile-menu {
    box-shadow: none;
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 50px;
    bottom: 0;
    overflow: auto;
    padding-bottom: 10px;
    border: none;
  }
  .nav-bar-v3 ul.mobile-menu li {
    display: block;
  }
  .nav-bar-v3 ul.mobile-menu li .button {
    display: block;
    padding: 10px;
    width: 100%;
    text-align: left;
  }
  .nav-bar-v3 ul.mobile-menu li .change-password-link {
    margin: 10px 0;
    display: block;
  }
  .nav-bar-v3 ul.mobile-menu li.user-full-name {
    border-top: 1px solid #cccccc;
  }
  .nav-bar-v3 ul.mobile-menu li.user-full-name .initials {
    margin-top: 20px;
  }
  .nav-bar-v3 ul.mobile-menu li.user-full-name > hr {
    margin-top: 20px;
  }
  .nav-bar-v3 ul.mobile-menu li .menu-button-row {
    display: flex;
  }
  .nav-bar-v3 ul.mobile-menu li .menu-button-row .button {
    display: inline-block;
    width: auto;
  }
  .nav-bar-v3 ul.mobile-menu li .menu-button-row .main-button {
    flex: 1;
  }
  .nav-bar-v3 ul.mobile-menu li .menu-button-row.has-expand-arrow .main-button {
    margin-right: 2px;
  }
}
.nav-bar-v3 .button.sign-out {
  margin-bottom: 10px;
}
.nav-bar-v3.nav-menu {
  background-color: #ffffff;
  width: 100%;
  display: block;
}
.nav-bar-v3.nav-menu.is-stuck {
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  border-top: none;
}
.nav-bar-v3.nav-menu ul.main-menu > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.nav-bar-v3 .mobile-menu-button.has-focus + ul.mobile-menu {
  display: flex;
}
.nav-bar-v3 ul.mobile-menu.v2 {
  gap: 10px;
  flex-direction: column;
  top: 0;
  padding: 200px 5%;
}
.nav-bar-v3 ul.mobile-menu.v2:before {
  content: '.';
  background-image: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/images/integro.png");
  max-width: 250px;
  height: 75px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  font-size: 0;
  position: absolute;
  left: 10%;
  top: 70px;
  right: 10%;
}
.nav-bar-v3 ul.mobile-menu.v2 > li {
  padding: 0;
  margin: 0 5%;
}
.nav-bar-v3 ul.mobile-menu.v2 > li.user-full-name {
  padding: 10% 0;
  margin-top: 10%;
}
.nav-bar-v3 ul.mobile-menu.v2 > li.user-full-name .last-login-template-container {
  display: block;
}
.nav-bar-v3 ul.mobile-menu.v2 > li.user-full-name .last-login-template-container .last-login {
  margin: 0;
}
.nav-bar-v3 ul.mobile-menu.v2 > li.user-full-name .close-menu-button {
  position: absolute;
  top: 20px;
  right: 20px;
  cursor: pointer;
}
.nav-bar-v3 ul.mobile-menu.v2 > li.user-full-name .close-menu-button .fa {
  color: #6b2bf6;
  padding-right: 5px;
}
.nav-bar-v3 ul.mobile-menu.v2 a {
  margin: 0;
}
.nav-bar-v3 ul.mobile-menu.v2 li.nav-menu-item.has-children > a {
  position: relative;
}
.nav-bar-v3 ul.mobile-menu.v2 li.nav-menu-item.has-children > a:after {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f107";
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
}
.nav-bar-v3 ul.mobile-menu.v2 li.nav-menu-item.has-children:focus-within > a:after,
.nav-bar-v3 ul.mobile-menu.v2 li.nav-menu-item.has-children:hover > a:after {
  content: "\f106";
}
.nav-bar-v3 ul.mobile-menu.v2 li.nav-menu-item.has-children:focus-within > ul.sub-menu,
.nav-bar-v3 ul.mobile-menu.v2 li.nav-menu-item.has-children:hover > ul.sub-menu {
  display: block;
}
.nav-bar-v3 ul.mobile-menu.v2 li.nav-menu-item.has-children ul.sub-menu {
  box-shadow: none;
  padding: 0;
  margin: 0;
  background: none;
  position: relative;
  right: auto;
}
.nav-bar-v3 ul.mobile-menu.v2 li.nav-menu-item.has-children ul.sub-menu li {
  padding: 0;
}
.nav-bar-v3 ul.mobile-menu.v2 li.nav-menu-item.has-children ul.sub-menu li a {
  border-radius: 0;
  font-weight: normal;
}
/* /////////////////////////////////////////////////

Retractable nav menu

///////////////////////////////////////////////// */
.nav-bar-v3.nav-menu ul.main-menu > li.has-icon,
.nav-bar-v3.nav-menu ul.mobile-menu > li.has-icon {
  transition: all 0.5s ease-out;
  display: flex;
  align-items: baseline;
  gap: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 5px;
  margin-bottom: 10px;
}
.nav-bar-v3.nav-menu ul.main-menu > li.has-icon > .menu-item-icon,
.nav-bar-v3.nav-menu ul.mobile-menu > li.has-icon > .menu-item-icon {
  transition: all 0.25s ease-in-out;
  opacity: 0.5;
  display: inline-block;
}
.nav-bar-v3.nav-menu ul.main-menu > li.has-icon > a.button:not(.mobile-menu-button):not(.expand-arrow):not(.back-to-previous):not(.has-children),
.nav-bar-v3.nav-menu ul.mobile-menu > li.has-icon > a.button:not(.mobile-menu-button):not(.expand-arrow):not(.back-to-previous):not(.has-children) {
  margin-bottom: 0 !important;
  flex-grow: 1;
  white-space: normal;
}
.nav-bar-v3.nav-menu ul.main-menu > li.has-icon.selected,
.nav-bar-v3.nav-menu ul.mobile-menu > li.has-icon.selected,
.nav-bar-v3.nav-menu ul.main-menu > li.has-icon:hover,
.nav-bar-v3.nav-menu ul.mobile-menu > li.has-icon:hover {
  background-color: #eeeeee;
}
.nav-bar-v3.nav-menu ul.main-menu > li.has-icon.selected > .menu-item-icon,
.nav-bar-v3.nav-menu ul.mobile-menu > li.has-icon.selected > .menu-item-icon,
.nav-bar-v3.nav-menu ul.main-menu > li.has-icon:hover > .menu-item-icon,
.nav-bar-v3.nav-menu ul.mobile-menu > li.has-icon:hover > .menu-item-icon {
  opacity: 1;
}
.nav-bar-v3.nav-menu ul.main-menu > li.has-icon.selected > a.button,
.nav-bar-v3.nav-menu ul.mobile-menu > li.has-icon.selected > a.button,
.nav-bar-v3.nav-menu ul.main-menu > li.has-icon:hover > a.button,
.nav-bar-v3.nav-menu ul.mobile-menu > li.has-icon:hover > a.button {
  background-color: transparent !important;
}
.nav-bar-v3.nav-menu ul.main-menu > li.has-icon.selected,
.nav-bar-v3.nav-menu ul.mobile-menu > li.has-icon.selected {
  color: #6b2bf6;
}
.nav-bar-v3.nav-menu ul.main-menu > li.has-icon.selected > a.button > span,
.nav-bar-v3.nav-menu ul.mobile-menu > li.has-icon.selected > a.button > span {
  color: #6b2bf6;
}
.nav-bar-v3.nav-menu ul.main-menu > li.has-icon ul .menu-item-icon,
.nav-bar-v3.nav-menu ul.mobile-menu > li.has-icon ul .menu-item-icon {
  display: none;
}
@media screen and (min-width: 769px) {
  .wrapper-container.nav-menu-retractable {
    /* ///////////////////////////////
		Nav retract view transition
		/////////////////////////////// */
    /* ///////////////////////////////
		Retracted nav menu
		/////////////////////////////// */
    /* ///////////////////////////////
		Retracted nav menu
		/////////////////////////////// */
  }
  .wrapper-container.nav-menu-retractable #spaContainer {
    view-transition-name: spa-container;
  }
  .wrapper-container.nav-menu-retractable .nav-bar-v3.nav-menu ul.main-menu > li.has-icon > .menu-item-icon + a.button {
    view-transition-name: none;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon > .menu-item-icon + a.button {
    animation: nav-text-slide-in 0.5s ease-out 0.35s both;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon:nth-child(2) > .menu-item-icon + a.button {
    animation-delay: 0.2s;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon:nth-child(3) > .menu-item-icon + a.button {
    animation-delay: 0.4s;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon:nth-child(4) > .menu-item-icon + a.button {
    animation-delay: 0.6s;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon:nth-child(5) > .menu-item-icon + a.button {
    animation-delay: 0.8s;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon:nth-child(6) > .menu-item-icon + a.button {
    animation-delay: 1s;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon:nth-child(7) > .menu-item-icon + a.button {
    animation-delay: 1.2s;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon:nth-child(8) > .menu-item-icon + a.button {
    animation-delay: 1.4s;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon:nth-child(9) > .menu-item-icon + a.button {
    animation-delay: 1.6s;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon:nth-child(10) > .menu-item-icon + a.button {
    animation-delay: 1.8s;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon:nth-child(11) > .menu-item-icon + a.button {
    animation-delay: 2s;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon:nth-child(12) > .menu-item-icon + a.button {
    animation-delay: 2.2s;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon:nth-child(13) > .menu-item-icon + a.button {
    animation-delay: 2.4s;
  }
  .wrapper-container.nav-menu-retractable:not(.nav-menu-retracted) .nav-bar-v3.nav-menu ul.main-menu > li.has-icon:nth-child(14) > .menu-item-icon + a.button {
    animation-delay: 2.6s;
  }
  .wrapper-container.nav-menu-retractable.nav-menu-retracted {
    grid-template-columns: 40px 1fr;
  }
  .wrapper-container.nav-menu-retractable.nav-menu-retracted .navigation-container {
    padding: 5px;
    text-align: center;
  }
  .wrapper-container.nav-menu-retractable.nav-menu-retracted .main-logo {
    width: 25px;
    height: 25px;
    background-image: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/favicon.ico");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 15px;
  }
  .wrapper-container.nav-menu-retractable.nav-menu-retracted .nav-bar-v3.nav-menu ul.main-menu > li.has-icon {
    padding: 0;
    margin: 0;
    margin-bottom: 15px;
    width: 30px;
    height: 30px;
    justify-content: center;
    align-items: center;
  }
  .wrapper-container.nav-menu-retractable.nav-menu-retracted .nav-bar-v3.nav-menu ul.main-menu > li.has-icon > .menu-item-icon {
    padding: 5px;
  }
  .wrapper-container.nav-menu-retractable.nav-menu-retracted .nav-bar-v3.nav-menu ul.main-menu > li.has-icon > .menu-item-icon + a.button {
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
  }
  .wrapper-container.nav-menu-retractable.nav-menu-retracted .nav-bar-v3.nav-menu ul.main-menu > li.has-icon > .menu-item-icon:hover:after {
    animation-duration: 1s;
    animation-fill-mode: both;
    animation-name: fadeIn;
    height: 30px;
    line-height: 30px;
    content: attr(data-title);
    position: absolute;
    font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
    font-size: 12px;
    margin-top: -7.5px;
    margin-left: 5px;
    padding-left: 10px;
    padding-right: 10px;
    background-color: #eeeeee;
    color: #524f55;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
  }
  .wrapper-container.nav-menu-retractable.nav-menu-retracted .nav-bar-v3.nav-menu ul.main-menu > li.has-icon.selected .menu-item-icon:after {
    color: #6b2bf6;
  }
  .wrapper-container.nav-menu-retractable.nav-menu-retracted .header-menu .main-menu {
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .wrapper-container.nav-menu-retractable.nav-menu-retracted .header-menu .main-menu .initials .name {
    display: none;
  }
  .wrapper-container.nav-menu-retractable.nav-menu-retracted .header-menu .expand-toggle {
    justify-content: center;
  }
  .wrapper-container.nav-menu-retractable.nav-menu-retracted .header-menu .expand-toggle .fa {
    transform: rotate(180deg);
    padding: 0;
  }
  .wrapper-container.nav-menu-retractable.nav-menu-retracted .header-menu .expand-toggle .label {
    display: none;
  }
}
/* ///////////////////////////////
Nav retract view transition — top-level rules
/////////////////////////////// */
.navigation-container .initials-circle {
  view-transition-name: nav-initials-circle;
}
.navigation-container .main-logo {
  view-transition-name: nav-main-logo;
}
.navigation-container .expand-toggle {
  view-transition-name: nav-expand-toggle;
}
:root:active-view-transition-type(nav-retract)::view-transition-old(root),
:root:active-view-transition-type(nav-retract)::view-transition-new(root) {
  animation: none;
}
:root:active-view-transition-type(nav-retract)::view-transition-group(spa-container) {
  animation-duration: 0.15s;
  animation-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
html:not(.is-showing-logger-popup) body.is-loading .main-container {
  cursor: wait !important;
}
html:not(.is-showing-logger-popup) body.is-loading .main-container * {
  pointer-events: none;
}
body {
  overflow-y: hidden;
}
body .main-container {
  opacity: 0;
}
body.resources-loaded {
  overflow-y: auto;
}
body.resources-loaded .main-container {
  opacity: 1;
  transition: opacity 0.5s linear 0.5s;
}
html.is-showing-modal body.resources-loaded {
  overflow-y: hidden;
}
html.mobile-menu-open {
  overflow-y: hidden;
}
.loading-container,
.data-grid-v2 .loading-container {
  background-color: rgba(255, 255, 255, 0.75);
  padding-top: 20px;
  padding-left: 20px;
}
.loading-container.is-typing {
  opacity: 0.5;
}
.loading-container.is-typing .loading-icon {
  visibility: hidden;
}
.loading-container.is-typing:before {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: flash;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  content: '...';
  font-size: 30px;
  line-height: 40px;
  position: absolute;
}
body:not(.resources-loaded) {
  background-color: #ffffff;
}
body:not(.resources-loaded):before {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  content: 'Logo';
  font-size: 0;
  position: absolute;
  width: 150px;
  height: 60px;
  background-image: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/images/integro.png");
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: contain;
  margin-top: -45px;
}
body:not(.resources-loaded):after {
  border-radius: 30px;
  background-clip: padding-box;
  -webkit-animation: fa-spin 2s infinite ease-in-out;
  animation: fa-spin 2s infinite ease-in-out;
  content: "Loading";
  font-size: 0;
  height: 30px;
  width: 30px;
  border: solid 3px #cccccc;
  border-bottom-color: #524f55;
  display: block;
  transform: translate3d(-50%, -50%, 0);
  margin: 0 auto;
  border-bottom-color: #6b2bf6;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
  margin-left: -15px;
}
.main-container > footer {
  opacity: 0;
  display: none;
}
body.resources-loaded .main-container > footer {
  opacity: 1;
  transition: 2s opacity ease-out;
  transition-delay: 3s;
  display: block;
}
body #spaLoader {
  background-color: #eeeeee;
}
body .wizard-loading-container {
  background-color: #ffffff;
}
.default-loading,
#spaLoader {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: #eeeeee;
  z-index: 100000;
}
.default-loading .loading-icon,
#spaLoader .loading-icon {
  font-size: 2em;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
}
.loading-icon:before {
  border-radius: 30px;
  background-clip: padding-box;
  -webkit-animation: fa-spin 2s infinite ease-in-out;
  animation: fa-spin 2s infinite ease-in-out;
  content: "Loading";
  font-size: 0;
  height: 30px;
  width: 30px;
  border: solid 3px #cccccc;
  border-bottom-color: #524f55;
  display: block;
  transform: translate3d(-50%, -50%, 0);
  margin: 0 auto;
  border-bottom-color: #6b2bf6;
}
.loading-icon.small:before {
  width: 20px;
  height: 20px;
}
.loading-icon-asset {
  border-radius: 30px;
  background-clip: padding-box;
  -webkit-animation: fa-spin 2s infinite ease-in-out;
  animation: fa-spin 2s infinite ease-in-out;
  content: "Loading";
  font-size: 0;
  height: 30px;
  width: 30px;
  border: solid 3px #cccccc;
  border-bottom-color: #524f55;
  display: block;
  transform: translate3d(-50%, -50%, 0);
  margin: 0 auto;
}
.wrapper-container.is-loading .navigation-container,
.wrapper-container.is-loading .spa-container {
  visibility: hidden;
}
.wrapper-container.is-LoadedFirstTime {
  visibility: visible;
}
.wrapper-container.is-LoadedFirstTime .session-timeout-warning {
  visibility: visible;
}
.wizard-form-progress-loader-container,
.skeleton-loader {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  max-width: 1800px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 0;
  min-height: 100%;
  background-position: center top;
  background-repeat: no-repeat;
  background-size: 1200px 12000px;
  background-color: #eeeeee;
}
.wizard-form-progress-loader-container[data-isloading=false],
.skeleton-loader[data-isloading=false] {
  display: none;
}
.wizard-form-progress-loader-container .fake-header,
.skeleton-loader .fake-header {
  position: relative;
  z-index: 100002;
  min-height: 50px;
  background-color: #ffffff;
}
.wizard-form-progress-loader-container .fake-footer,
.skeleton-loader .fake-footer {
  background-color: #eeeeee;
  height: 75px;
}
.wizard-form-progress-loader-container .show-when-portal-loading,
.skeleton-loader .show-when-portal-loading,
.wizard-form-progress-loader-container .show-when-wizard-loading,
.skeleton-loader .show-when-wizard-loading {
  display: none;
}
.wizard-form-progress-loader-container .alternate-to-fake-wizard,
.skeleton-loader .alternate-to-fake-wizard {
  display: none;
  height: 100%;
}
.wizard-form-progress-loader-container .fake-portal,
.skeleton-loader .fake-portal,
.wizard-form-progress-loader-container .fake-wizard,
.skeleton-loader .fake-wizard {
  padding-top: 40px;
  margin: 10px 1% 0;
}
.wizard-form-progress-loader-container .fake-portal .fake-app,
.skeleton-loader .fake-portal .fake-app,
.wizard-form-progress-loader-container .fake-wizard .fake-app,
.skeleton-loader .fake-wizard .fake-app {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  border-radius: 10px;
  background-clip: padding-box;
  background-color: #eeeeee;
}
.wizard-form-progress-loader-container .fake-portal .fake-app,
.skeleton-loader .fake-portal .fake-app,
.wizard-form-progress-loader-container .fake-wizard .fake-app,
.skeleton-loader .fake-wizard .fake-app,
.wizard-form-progress-loader-container .fake-portal .fake-group,
.skeleton-loader .fake-portal .fake-group,
.wizard-form-progress-loader-container .fake-wizard .fake-group,
.skeleton-loader .fake-wizard .fake-group {
  box-sizing: border-box;
  height: 200px;
  display: inline-block;
  padding: 20px;
}
@media screen and (max-width: 768px) {
  .wizard-form-progress-loader-container .fake-portal,
  .skeleton-loader .fake-portal,
  .wizard-form-progress-loader-container .fake-wizard,
  .skeleton-loader .fake-wizard {
    padding: 50px 0;
  }
}
.wizard-form-progress-loader-container .fake-portal,
.skeleton-loader .fake-portal {
  text-align: center;
  padding-top: 20px;
}
.wizard-form-progress-loader-container .fake-portal .fake-app,
.skeleton-loader .fake-portal .fake-app {
  margin: 1%;
  width: 30%;
}
@media screen and (max-width: 960px) {
  .wizard-form-progress-loader-container .fake-portal .fake-app,
  .skeleton-loader .fake-portal .fake-app {
    width: 47%;
  }
}
@media screen and (max-width: 480px) {
  .wizard-form-progress-loader-container .fake-portal .fake-app,
  .skeleton-loader .fake-portal .fake-app {
    width: 98%;
  }
}
@media screen and (min-width: 1200px) {
  .wizard-form-progress-loader-container .fake-portal .fake-app,
  .skeleton-loader .fake-portal .fake-app {
    width: 22%;
  }
}
.wizard-form-progress-loader-container .fake-wizard,
.skeleton-loader .fake-wizard {
  max-width: 1200px;
  padding-left: 20px;
  padding-right: 20px;
}
.wizard-form-progress-loader-container .fake-wizard .fake-group,
.skeleton-loader .fake-wizard .fake-group {
  width: 65%;
  vertical-align: top;
  margin-bottom: 20px;
  height: 150px;
}
.wizard-form-progress-loader-container .fake-wizard .fake-group.aside,
.skeleton-loader .fake-wizard .fake-group.aside {
  width: 33%;
  float: right;
  height: auto;
}
@media screen and (max-width: 768px) {
  .wizard-form-progress-loader-container .fake-wizard .fake-group,
  .skeleton-loader .fake-wizard .fake-group {
    width: 100%;
  }
  .wizard-form-progress-loader-container .fake-wizard .fake-group.aside,
  .skeleton-loader .fake-wizard .fake-group.aside {
    display: none;
  }
}
.wizard-form-progress-loader-container .default-loading,
.skeleton-loader .default-loading {
  background-color: #eeeeee;
  position: absolute;
  left: 0;
  right: 0;
  top: 115px;
  bottom: 0;
}
.wizard-form-progress-loader-container .default-loading .loading-icon,
.skeleton-loader .default-loading .loading-icon {
  display: block !important;
}
.wizard-form-progress-loader-container .fake-h1,
.skeleton-loader .fake-h1 {
  max-width: 75%;
  height: 30px;
  background-color: #dcdcdd;
  margin-bottom: 40px;
}
.wizard-form-progress-loader-container .fake-h1.white,
.skeleton-loader .fake-h1.white {
  background-color: white;
}
.wizard-form-progress-loader-container .fake-para,
.skeleton-loader .fake-para {
  height: 8px;
  background-color: #dcdcdd;
  margin-bottom: 20px;
}
.wizard-form-progress-loader-container .fake-group,
.skeleton-loader .fake-group,
.wizard-form-progress-loader-container .fake-app,
.skeleton-loader .fake-app {
  position: relative;
  overflow: hidden;
}
.wizard-form-progress-loader-container .fake-group:after,
.skeleton-loader .fake-group:after,
.wizard-form-progress-loader-container .fake-app:after,
.skeleton-loader .fake-app:after {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: linear-gradient(110deg, rgba(255, 255, 255, 0) 40%, #ffffff 50%, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 60%);
  background-size: 200% 200%;
  -webkit-animation: loadingGradientAnimation 3s linear infinite;
  -moz-animation: loadingGradientAnimation 3s linear infinite;
  animation: loadingGradientAnimation 3s linear infinite;
}
@-webkit-keyframes loadingGradientAnimation {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@-moz-keyframes loadingGradientAnimation {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
@keyframes loadingGradientAnimation {
  0% {
    background-position: 100% 100%;
  }
  100% {
    background-position: 0% 0%;
  }
}
.widget .wizard-form-progress-loader-container .fake-wizard,
.compound-component .edit-form .wizard-form-progress-loader-container .fake-wizard,
.modal-dialog.is-docked-right .wizard-form-progress-loader-container .fake-wizard {
  grid-template-columns: 1fr;
}
.widget .wizard-form-progress-loader-container .fake-wizard .fake-group,
.compound-component .edit-form .wizard-form-progress-loader-container .fake-wizard .fake-group,
.modal-dialog.is-docked-right .wizard-form-progress-loader-container .fake-wizard .fake-group {
  margin-bottom: 0;
}
.widget .wizard-form-progress-loader-container .fake-wizard .fake-group.aside,
.compound-component .edit-form .wizard-form-progress-loader-container .fake-wizard .fake-group.aside,
.modal-dialog.is-docked-right .wizard-form-progress-loader-container .fake-wizard .fake-group.aside {
  display: none;
}
.widget .wizard-form-progress-loader-container .fake-wizard,
.compound-component .edit-form .wizard-form-progress-loader-container .fake-wizard,
.data-component-container[data-display-type-shortcode="WIZARD_FORM"] .wizard-form-progress-loader-container .fake-wizard,
.modal-dialog.hasMaxHeight .wizard-form-progress-loader-container .fake-wizard {
  display: none;
}
.widget .wizard-form-progress-loader-container .alternate-to-fake-wizard,
.compound-component .edit-form .wizard-form-progress-loader-container .alternate-to-fake-wizard,
.data-component-container[data-display-type-shortcode="WIZARD_FORM"] .wizard-form-progress-loader-container .alternate-to-fake-wizard,
.modal-dialog.hasMaxHeight .wizard-form-progress-loader-container .alternate-to-fake-wizard {
  display: flex;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
}
.data-component-container[data-display-type-shortcode="WIZARD_FORM"] .wizard-form-progress-loader-container .alternate-to-fake-wizard {
  display: none;
}
.widget-container-item-1-1-0.chrome-less .wizard-loading-container {
  background-color: transparent;
}
html:not(.is-chromeless).portal-loading .skeleton-loader .show-when-portal-loading {
  display: block;
}
html:not(.is-chromeless).portal-loading .skeleton-loader .default-loading {
  display: none;
}
html:not(.is-chromeless).wizard-loading .skeleton-loader .show-when-wizard-loading {
  display: block;
}
html:not(.is-chromeless).wizard-loading .skeleton-loader .show-when-portal-loading {
  display: none;
}
html:not(.is-chromeless).wizard-loading .skeleton-loader .default-loading {
  display: none;
}
.loading-dots::after {
  display: inline-block;
  animation: dotty steps(1, end) 1s infinite;
  content: '';
  position: absolute;
}
@keyframes dotty {
  0% {
    content: '';
  }
  25% {
    content: '.';
  }
  50% {
    content: '..';
  }
  75% {
    content: '...';
  }
  100% {
    content: '';
  }
}
.has-loader {
  position: relative;
  pointer-events: none;
  color: rgba(0, 0, 0, 0) !important;
}
.has-loader > *:not(.loading-container) {
  opacity: 0.25;
}
.has-loader .loading-container {
  transform: translate(-50%, 0%);
  left: 50%;
  top: 0%;
  background-color: transparent;
  position: absolute;
  padding: 0;
}
.has-loader .loading-container .loading-icon {
  transform: scale(0.75);
}
#wizardState > .wizard-form-container > wizard-form-component > .wizard-form > .wizard-loading-container {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
}
#wizardState > .wizard-form-container > wizard-form-component > .wizard-form > .wizard-loading-container .loading-icon {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
}
.loading-container.spa-container {
  background-color: transparent;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.wizard-form-progress-loader {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  right: 0;
  height: 5px;
  color: white;
  font-size: 10px;
  padding-left: 10px;
  z-index: 100000;
}
.wizard-form-progress-loader .bar {
  position: absolute;
  left: 0;
  bottom: 0;
  top: 0;
  width: 0;
  background: rgba(82, 79, 85, 0.2);
  background: linear-gradient(90deg, rgba(82, 79, 85, 0.2) 0%, rgba(121, 116, 124, 0.2) 89%, rgba(82, 79, 85, 0));
  transition: width 1s ease-in;
  transform-origin: left;
  transform: translateX(0);
}
.wizard-form.has-inline-buttons,
.modal-dialog-breadcrumbs {
  visibility: hidden;
  opacity: 0;
}
.global-wizard-form .wizard-form.has-inline-buttons,
.global-wizard-form .modal-dialog-breadcrumbs {
  visibility: visible;
  opacity: 1;
}
html.is-automation .wizard-form.has-inline-buttons,
html.is-automation .modal-dialog-breadcrumbs {
  transition: none;
}
html.is-showing-logger-popup body {
  overflow: hidden;
}
html.is-showing-logger-popup.is-automation .main-container {
  height: 1vw;
  overflow: hidden;
}
html.is-showing-logger-popup.is-Windows body {
  margin-right: 16px;
}
.logger-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  z-index: 110000;
}
#error-dialog {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  box-sizing: border-box;
  border-radius: 10px;
  background-clip: padding-box;
  width: 550px;
  padding: 20px;
  z-index: 110000;
  overflow: auto;
  max-height: 80%;
  min-height: auto;
  position: fixed;
  background-color: #ffffff;
}
#error-dialog:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
#error-dialog:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
@media screen and (max-width: 660px) {
  #error-dialog {
    width: 310px;
  }
}
#error-dialog .logger-header h2 {
  font-size: 17.55px;
  margin-bottom: 10px;
}
#error-dialog .logger-header .close-button .icons-close {
  margin-left: 5px;
}
#error-dialog .show-error-details {
  margin-top: 10px;
  float: right;
}
#error-dialog #downloadErrorDetails {
  margin-top: 10px;
}
#error-dialog .alert {
  margin-top: 15px;
  margin-bottom: 0;
}
#error-dialog textarea.error-details-field {
  box-sizing: border-box;
  margin-top: 10px;
  width: 100%;
  padding: 10px;
  height: 120px;
  font-family: monospace;
  font-size: 13px;
  border: none;
  background-color: #eeeeee;
}
.icon-set {
  float: right;
}
.icon-set a:not(.hide-counter) > span.icon:after {
  border-radius: 12px;
  background-clip: padding-box;
  box-sizing: border-box;
  padding: 0 3px;
  margin-left: -5px;
  content: attr(data-counter);
  min-width: 12px;
  height: 12px;
  font-size: 9px;
  font-weight: bold;
  line-height: 12px;
  text-align: center;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  background-color: red;
  display: inline-block;
}
#dialogDesc,
.reference {
  margin-bottom: 20px;
}
#dialogDesc ul,
#dialogDesc ol {
  display: block;
  list-style-type: decimal;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0;
  margin-inline-end: 0;
  padding-inline-start: 40px;
}
#dialogDesc ul {
  list-style-type: disc;
}
#logger .button {
  margin-bottom: 0;
}
#logger .is-hiding-standard-buttons #dialogDesc {
  margin-bottom: 0;
}
#logger .is-hiding-standard-buttons #dialogDesc .button {
  margin-right: 5px;
}
.close-button {
  float: right;
}
.confirm-button {
  float: right;
}
#logger.confirm-dialog-no-close-icon .logger-header a.close-button {
  display: none;
}
.upload-zone {
  border-radius: 5px;
  background-clip: padding-box;
  background-color: #eeeeee;
  text-align: center;
}
.upload-component .bar,
.loggerUpload .bar {
  border-radius: 10px;
  background-clip: padding-box;
  margin-bottom: 10px;
}
dialog {
  border: none;
  background: transparent;
}
.wizardForm-app .wizard-breadcrumb-trail,
.modal-dialog .wizard-breadcrumb-trail,
.information-panel-1-1-0 .wizard-breadcrumb-trail,
.information-panel .wizard-breadcrumb-trail,
.wizard-form-container .wizard-breadcrumb-trail,
.wizard-builder-spa .wizard-breadcrumb-trail {
  margin-bottom: 10px;
  padding: 0;
}
.wizardForm-app .wizard-breadcrumb-trail li,
.modal-dialog .wizard-breadcrumb-trail li,
.information-panel-1-1-0 .wizard-breadcrumb-trail li,
.information-panel .wizard-breadcrumb-trail li,
.wizard-form-container .wizard-breadcrumb-trail li,
.wizard-builder-spa .wizard-breadcrumb-trail li {
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
}
.wizardForm-app .wizard-breadcrumb-trail li a,
.modal-dialog .wizard-breadcrumb-trail li a,
.information-panel-1-1-0 .wizard-breadcrumb-trail li a,
.information-panel .wizard-breadcrumb-trail li a,
.wizard-form-container .wizard-breadcrumb-trail li a,
.wizard-builder-spa .wizard-breadcrumb-trail li a {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
}
.wizardForm-app .wizard-breadcrumb-trail li .future-crumb-disabled .label,
.modal-dialog .wizard-breadcrumb-trail li .future-crumb-disabled .label,
.information-panel-1-1-0 .wizard-breadcrumb-trail li .future-crumb-disabled .label,
.information-panel .wizard-breadcrumb-trail li .future-crumb-disabled .label,
.wizard-form-container .wizard-breadcrumb-trail li .future-crumb-disabled .label,
.wizard-builder-spa .wizard-breadcrumb-trail li .future-crumb-disabled .label {
  color: #919191;
}
.wizardForm-app .wizard-breadcrumb-trail li:after,
.modal-dialog .wizard-breadcrumb-trail li:after,
.information-panel-1-1-0 .wizard-breadcrumb-trail li:after,
.information-panel .wizard-breadcrumb-trail li:after,
.wizard-form-container .wizard-breadcrumb-trail li:after,
.wizard-builder-spa .wizard-breadcrumb-trail li:after {
  content: ' > ';
  padding-left: 5px;
}
.wizardForm-app .wizard-breadcrumb-trail li:last-child:after,
.modal-dialog .wizard-breadcrumb-trail li:last-child:after,
.information-panel-1-1-0 .wizard-breadcrumb-trail li:last-child:after,
.information-panel .wizard-breadcrumb-trail li:last-child:after,
.wizard-form-container .wizard-breadcrumb-trail li:last-child:after,
.wizard-builder-spa .wizard-breadcrumb-trail li:last-child:after {
  display: none;
}
.tab-mixin {
  padding: 0;
  display: inline-block;
  margin: 0;
  border: none;
  color: #524f55;
}
.tab-mixin input[type="radio"]:disabled + label {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
}
.tab-mixin li.active,
.tab-mixin input[type="radio"]:checked + label,
.tab-mixin .tab.active,
.tab-mixin .tab.selected {
  opacity: 1;
  color: #524f55;
  background-color: transparent;
  border-bottom: 4px solid #6b2bf6;
}
.tab-mixin label {
  border-bottom: 4px solid transparent;
  color: #524f55;
  line-height: 1.5em;
  min-height: 0;
  text-align: center;
  width: auto;
  cursor: pointer;
  padding: 5px 30px;
  margin: 0;
}
.tab-mixin label:hover {
  color: #6b2bf6;
}
.tabs-container {
  overflow: auto;
}
.tab-container,
.tab-bar {
  height: auto;
  border-top: none;
  border-bottom: 1px solid #cccccc;
  overflow: auto;
  white-space: nowrap;
  width: auto;
  display: block;
  padding: 0;
  margin: 0;
}
.tab-container input[type="radio"].hidden,
.tab-bar input[type="radio"].hidden {
  position: absolute;
  opacity: 0;
}
.tab-container li,
.tab-bar li,
.tab-container .tab,
.tab-bar .tab {
  padding: 0;
  display: inline-block;
  margin: 0;
  margin-bottom: -1px;
  border: none;
  color: #524f55;
}
.tab-container li.disabled,
.tab-bar li.disabled,
.tab-container .tab.disabled,
.tab-bar .tab.disabled,
.tab-container li input[type="radio"]:disabled + label,
.tab-bar li input[type="radio"]:disabled + label,
.tab-container .tab input[type="radio"]:disabled + label,
.tab-bar .tab input[type="radio"]:disabled + label {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
  filter: grayscale(1);
}
.tab-container li input[type="radio"]:checked + label,
.tab-bar li input[type="radio"]:checked + label,
.tab-container .tab input[type="radio"]:checked + label,
.tab-bar .tab input[type="radio"]:checked + label,
.tab-container li .tab.active,
.tab-bar li .tab.active,
.tab-container .tab .tab.active,
.tab-bar .tab .tab.active,
.tab-container li .tab.selected,
.tab-bar li .tab.selected,
.tab-container .tab .tab.selected,
.tab-bar .tab .tab.selected {
  opacity: 1;
  color: #524f55;
  background-color: transparent;
  border-bottom: 4px solid #6b2bf6;
}
.tab-container li label,
.tab-bar li label,
.tab-container .tab label,
.tab-bar .tab label {
  border-bottom: 4px solid transparent;
  color: #524f55;
  line-height: 1.5em;
  min-height: 0;
  text-align: center;
  width: auto;
  cursor: pointer;
  padding: 5px 30px;
  margin: 0;
  margin-bottom: 0;
}
.tab-container li label:focus-visible,
.tab-bar li label:focus-visible,
.tab-container .tab label:focus-visible,
.tab-bar .tab label:focus-visible {
  background-color: rgba(107, 43, 246, 0.1);
}
.tab-container li label:focus-visible,
.tab-bar li label:focus-visible,
.tab-container .tab label:focus-visible,
.tab-bar .tab label:focus-visible,
.tab-container li label:hover,
.tab-bar li label:hover,
.tab-container .tab label:hover,
.tab-bar .tab label:hover {
  outline: none;
  color: #6b2bf6;
}
.data-component.as-mobile .tab-container label,
.data-component.as-mobile .tab-bar label {
  width: auto;
  text-align: center;
}
fieldset {
  min-width: 0;
}
html.is-Windows.is-FireFox .isTab.has-scrollbar {
  overflow: hidden;
  height: 52px;
}
.isTab {
  border-bottom: 1px solid #6b2bf6;
  /* /////////////////////////////////////////////////
	
	TABS_BOTTOM setting
	
	///////////////////////////////////////////////// */
}
.isTab .icons-arrow-left,
.isTab .icons-arrow-right {
  cursor: pointer;
  margin-top: -26px;
  margin-left: -21px;
  position: absolute;
  top: calc(50% - 8px);
  min-width: 20px;
  color: #6b2bf6;
  font-size: 25px;
}
.isTab .icons-arrow-left:active,
.isTab .icons-arrow-right:active {
  margin-top: -23px;
}
.isTab .icons-arrow-left {
  padding: 20px 0 20px 5px;
  left: 18px;
  background-color: transparent;
}
.isTab .icons-arrow-right {
  right: -3px;
  padding: 20px 5px 20px 0;
  background-color: transparent;
}
.isTab .disable-arrow {
  opacity: 0  !important;
  pointer-events: none;
}
.isTab .tab-bar {
  margin-bottom: -1px;
  border: none;
  max-width: 100%;
  overflow-y: hidden;
  overflow-x: auto;
  min-height: 30px;
  -ms-overflow-style: none;
  display: flex;
  align-items: flex-end;
  padding-top: 2px;
}
.isTab .tab-bar .tab:first-of-type label {
  margin-left: 0;
}
.isTab .tab-bar.has-arrows {
  max-width: calc(100% - 40px);
  margin-left: 20px;
  flex-wrap: nowrap;
  overflow-x: auto;
  -webkit-mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 3%, #ffffff 50%, #ffffff 97%, rgba(255, 255, 255, 0) 100%);
  mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 3%, #ffffff 50%, #ffffff 97%, rgba(255, 255, 255, 0) 100%);
}
.isTab .tab-bar.has-arrows.end {
  -webkit-mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 3%, #ffffff 50%, #ffffff 97%, #ffffff 100%);
  mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 3%, #ffffff 50%, #ffffff 97%, #ffffff 100%);
}
.isTab .tab-bar.has-arrows.begin {
  -webkit-mask-image: linear-gradient(to right, #ffffff 0%, #ffffff 3%, #ffffff 50%, #ffffff 97%, rgba(255, 255, 255, 0) 100%);
  mask-image: linear-gradient(to right, #ffffff 0%, #ffffff 3%, #ffffff 50%, #ffffff 97%, rgba(255, 255, 255, 0) 100%);
}
.isTab .tab-bar.has-arrows .tab {
  flex: 0 0 auto;
}
.isTab .tab-bar.has-arrows::-webkit-scrollbar {
  display: none;
}
.isTab.tabs-bottom {
  border-bottom: none;
  border-top: 1px solid #6b2bf6;
}
.isTab.tabs-bottom label {
  border-bottom: none;
  border-top: 4px solid transparent;
}
.isTab.tabs-bottom li input[type="radio"]:checked + label,
.isTab.tabs-bottom .tab input[type="radio"]:checked + label,
.isTab.tabs-bottom li .tab.active,
.isTab.tabs-bottom .tab .tab.active,
.isTab.tabs-bottom li .tab.selected,
.isTab.tabs-bottom .tab .tab.selected {
  border-bottom: none;
  border-top: 4px solid #6b2bf6;
}
.screen-slider {
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.screen-slider .screen-template-container {
  box-sizing: border-box;
  width: 100%;
  min-height: 100%;
  vertical-align: top;
  overflow: auto;
}
.screen-slider .screen-template-container.not-active .wizard-form input,
.screen-slider .screen-template-container.not-active .wizard-form textarea,
.screen-slider .screen-template-container.not-active .wizard-form select,
.screen-slider .screen-template-container.not-active .wizard-form button,
.screen-slider .screen-template-container.not-active .wizard-form a,
.screen-slider .screen-template-container.not-active .wizard-form .real-wizard-footer,
.screen-slider .screen-template-container.not-active .wizard-form .fixed-wizard-footer {
  visibility: hidden;
}
.screen-slider .screen-template-container {
  display: inline-block;
  white-space: normal;
  position: relative;
}
.screen-slider.is-vertical {
  white-space: normal;
}
.screen-slider.is-vertical .screen-template-container {
  display: block;
}
.screen-animator {
  transition: all 0.5s ease-in-out;
  position: relative;
}
.screen-animator.no-animation {
  transition: none 1s linear;
}
.screenslider-v2.fast {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.screenslider-v2.medium {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}
.screenslider-v2.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.tag {
  border-radius: 2px;
  background-clip: padding-box;
  box-sizing: border-box;
  user-select: none;
  display: inline-block;
  margin-right: 5px;
  margin-bottom: 5px;
  background-color: #737373;
  padding: 4px 8px;
  font-size: 12px;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  line-height: 12px;
  color: white;
  top: -2px;
  position: relative;
  min-width: 45px;
  text-align: center;
}
.tag.large {
  min-width: 90px;
}
.tag.x-large {
  min-width: 180px;
}
.tag:after {
  content: attr(data-tag);
}
.tag.green {
  background-color: #27ca4a;
  color: black;
}
.tag.orange {
  background-color: coral;
  color: black;
}
.tag.skyblue {
  background-color: skyblue;
  color: black;
}
.tag.yellow {
  background-color: yellow;
  color: black;
}
.tag.red {
  background-color: orangered;
  color: black;
}
.tag.pink {
  background-color: hotpink;
  color: black;
}
.tag.blue {
  background-color: dodgerblue;
  color: black;
}
.tag.darkGreen {
  background-color: darkgreen;
}
.tag.purple {
  background-color: purple;
}
.tag.grey,
.tag.disable {
  background-color: #737373;
}
.tag.primary,
.tag.REGISTERED {
  background-color: #6b2bf6;
}
.tag.AWAITING_ACTIVATION {
  background-color: #2b46f6;
}
.tag.NOT_REGISTERED {
  background-color: grey;
}
.tag.ABANDONED {
  background-color: grey;
}
.tag.IN_PROGRESS {
  background-color: #6b2bf6;
}
.tag.COMPLETE {
  background-color: #2b46f6;
}
.tag.WITH_CLIENT {
  background-color: #f62bca;
}
.tag.APPROVED {
  background-color: #2ba2f6;
}
.tag.SUBMITTED {
  background-color: #f62b6f;
}
td .tag {
  width: 100px;
  color: white;
}
initials-circle .initials {
  display: inline-flex;
  align-content: center;
  flex-direction: column;
  align-items: center;
}
.initials {
  text-align: center;
  margin-right: 10px;
  margin-bottom: 10px;
  font-style: normal;
}
.initials .name {
  white-space: nowrap;
  display: block;
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.initials .name[data-ref]:not([data-ref=""]) {
  line-height: 1em;
}
.initials .name[data-ref]:not([data-ref=""]):after {
  content: attr(data-ref);
  display: block;
  font-size: 10px;
  opacity: 0.9;
  margin-top: 2px;
}
.initials.inline {
  white-space: nowrap;
  flex-direction: row;
  gap: 5px;
}
.initials.inline .name {
  text-align: left;
  display: inline-block;
  margin: 0;
  max-width: none;
}
.initials.no-name .name {
  display: none;
}
.initials:focus {
  text-decoration: none;
}
.initials-circle {
  border-radius: 40px;
  background-clip: padding-box;
  transition: all 0.25s ease-in-out;
  display: block;
  width: 40px;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  background-color: #eeeeee;
  color: white;
  font-size: 17px;
  text-align: center;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
  cursor: pointer;
  margin: 0px auto;
}
.initials-circle.image {
  background-size: contain;
  background-position: center center;
  background-color: #f2f2f2;
}
initials-circle.large {
  font-size: 40px;
  line-height: 40px;
}
initials-circle.large .initials-circle {
  width: 60px;
  min-width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 24px;
}
initials-circle.small .initials-circle {
  width: 30px;
  min-width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 12px;
  letter-spacing: 1px;
}
initials-circle.very-small .initials-circle {
  width: 20px;
  min-width: 20px;
  height: 20px;
  line-height: 20px;
  font-size: 10px;
  letter-spacing: 1px;
}
.initials:hover,
.initials:focus-visible {
  text-decoration: none;
}
.initials:hover .initials-circle,
.initials:focus-visible .initials-circle {
  transform: scale(1.2);
}
.initials:hover .name,
.initials:focus-visible .name {
  color: #6b2bf6;
}
.initials .name {
  color: #524f55;
}
.initials:focus-visible:not([tabIndex="-1"]) {
  box-shadow: none;
}
.initials:focus-visible:not([tabIndex="-1"]) .initials-circle {
  box-shadow: 0px 0 0 3px rgba(192, 43, 246, 0.75);
}
.initials.grey .initials-circle {
  background-color: #757575 !important;
  color: white !important;
}
@media print {
  .initials .name {
    color: black;
  }
}
td .avatar,
td .initials:not(.very-small):not(.small):not(.large) {
  margin-bottom: 0;
  text-align: left;
  white-space: nowrap;
  display: grid;
  justify-content: start;
  flex-grow: unset;
  align-items: center;
  grid-template-columns: 35px 1fr;
  margin-right: 0;
}
td .avatar .name,
td .initials:not(.very-small):not(.small):not(.large) .name,
td .avatar .initials-circle,
td .initials:not(.very-small):not(.small):not(.large) .initials-circle {
  display: inline-block;
  pointer-events: none;
}
td .avatar .initials-circle,
td .initials:not(.very-small):not(.small):not(.large) .initials-circle {
  width: 35px;
  min-width: 35px;
  height: 35px;
  line-height: 35px;
  font-size: 16px;
  letter-spacing: 1px;
}
td .avatar .name,
td .initials:not(.very-small):not(.small):not(.large) .name {
  margin: 0;
  margin-left: 5px;
  max-width: none;
  white-space: normal;
}
td .avatar .name {
  top: 0;
}
.avatar {
  display: flex;
  align-items: center;
  gap: 4px;
}
.avatar img {
  border-radius: 40px;
  background-clip: padding-box;
  transition: all 0.25s ease-in-out;
  width: 35px;
  min-width: 35px;
  height: 35px;
}
.avatar:hover,
.avatar:focus {
  text-decoration: none;
}
.avatar:hover img,
.avatar:focus img {
  transform: scale(1.3);
}
.avatar:hover .name,
.avatar:focus .name {
  color: #6b2bf6;
}
.avatar .name {
  color: #524f55;
  top: 0;
  left: 0;
}
.dnd-handle {
  border-radius: 8px;
  background-clip: padding-box;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  display: inline-block;
  color: #6b2bf6;
  padding: 0.437em 0.937em;
  line-height: 1.5em;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 10px;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  border: 1px solid white;
  font-weight: bold;
  color: #524f55;
  background: none;
  background-color: #f4f4f4;
  cursor: grab;
}
.dnd-handle:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.dnd-handle:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.dnd-handle:hover,
.dnd-handle:focus {
  text-decoration: none;
  background-color: #6b2bf6;
  color: #ffffff;
}
.dnd-handle.with-loading-icon {
  position: relative;
}
.dnd-handle.with-loading-icon label,
.dnd-handle.with-loading-icon .label {
  cursor: pointer;
  margin-bottom: 0;
}
.dnd-handle.with-loading-icon .loading-icon {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  visibility: hidden;
  position: absolute;
}
.dnd-handle.with-loading-icon .loading-icon:before {
  width: 15px;
  height: 15px;
}
.dnd-handle.with-loading-icon.is-loading {
  pointer-events: none;
}
.dnd-handle.with-loading-icon.is-loading label,
.dnd-handle.with-loading-icon.is-loading .label {
  opacity: 0;
}
.dnd-handle.with-loading-icon.is-loading .loading-icon {
  visibility: visible;
}
.dnd-handle.bordered {
  border: 2px solid white;
}
.dnd-handle.bordered:hover {
  border-color: white;
}
.dnd-handle.block {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dnd-handle.round {
  color: #ffffff;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
  border: 2px solid white;
  box-sizing: border-box;
  min-width: 35px;
  min-height: 35px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  padding: 0;
  display: inline-block;
}
.dnd-handle.round:hover,
.dnd-handle.round:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.dnd-handle.round.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.dnd-handle.round.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.dnd-handle.round:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.dnd-handle.round:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.dnd-handle.round.action-button,
.dnd-handle.round.next-button,
.dnd-handle.round.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.dnd-handle.round:hover,
.dnd-handle.round:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.dnd-handle.round:hover {
  border-color: white;
}
.dnd-handle.is-error {
  background-color: #a20000;
  color: #ffffff;
}
.dnd-handle.is-error:hover,
.dnd-handle.is-error:focus {
  background-color: #560000;
  color: #ffffff;
}
.dnd-handle.disabled-button {
  pointer-events: none;
  opacity: 0.75;
  filter: grayscale(100%);
}
.dnd-handle.disabled {
  background-color: #ffffff;
  color: #919191;
  pointer-events: none;
}
.dnd-handle.selected {
  background-color: #6b2bf6;
  color: #ffffff;
}
.dnd-handle.x-small {
  font-size: 60% !important;
}
.dnd-handle.small {
  font-size: 80% !important;
}
.dnd-handle.bigger {
  font-size: 120% !important;
}
.dnd-handle.x-large {
  font-size: 140% !important;
}
.dnd-handle:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.dnd-handle:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.dnd-handle.action-button,
.dnd-handle.next-button,
.dnd-handle.back-button {
  padding-left: 20px;
  padding-right: 20px;
}
.dnd-handle:hover {
  color: #524f55;
  background-color: #e3e3e3;
}
.dnd-handle.green {
  color: white;
  background-color: green;
  border-color: green;
}
.dnd-handle.green:hover {
  background-color: #004d00;
}
.dnd-placeholder {
  position: relative;
  transition: all 0.1s ease-in-out;
  background-color: #6b2bf6;
  border-radius: 8px;
  margin-bottom: 10px;
}
.dnd-placeholder.show {
  display: block;
}
.is-being-dragged {
  cursor: grabbing;
}
.is-being-dragged:not(.duplicate-element-dragging) {
  opacity: 0.5;
}
.duplicate-element-dragging {
  opacity: 0.5;
  backdrop-filter: blur(10px);
}
.duplicate-element-dragging .repeater-item.button {
  transform: scale(0.85);
  opacity: 1;
}
.just-dropped .repeater-item.button {
  outline: 5px solid rgba(107, 43, 246, 0);
  animation: animateOutline 2s ease;
}
@keyframes animateOutline {
  0% {
    outline-width: 1px;
    outline-offset: 0;
    outline-color: rgba(107, 43, 246, 0);
  }
  10% {
    outline-color: #6b2bf6;
  }
  /* The animation finishes at 50% */
  50% {
    outline-width: 7px;
    outline-offset: 4px;
    outline-color: rgba(107, 43, 246, 0);
  }
  100% {
    outline-width: 7px;
    outline-offset: 4px;
    outline-color: rgba(107, 43, 246, 0);
  }
}
.app-container:focus-visible:not([tabIndex="-1"]),
.grid-stack-item:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.app-container:focus-visible[tabIndex="-1"],
.grid-stack-item:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.app-container,
.grid-stack-item-content {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  border-radius: 10px;
  background-clip: padding-box;
  background-color: #eeeeee;
  position: relative;
}
.app-container:focus-visible:not([tabIndex="-1"]),
.grid-stack-item-content:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.app-container:focus-visible[tabIndex="-1"],
.grid-stack-item-content:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.app-container.chrome-less,
.grid-stack-item-content.chrome-less {
  box-shadow: none;
  background-color: transparent;
}
.app-container .widget-container-item-1-1-0,
.grid-stack-item-content .widget-container-item-1-1-0 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.app-container .widget,
.grid-stack-item-content .widget,
.app-container .expanded-widget,
.grid-stack-item-content .expanded-widget {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  text-align: left;
  padding: 20px;
  overflow: auto;
}
@media screen and (max-width: 480px) {
  .app-container .widget,
  .grid-stack-item-content .widget,
  .app-container .expanded-widget,
  .grid-stack-item-content .expanded-widget {
    padding: 10px;
  }
}
.widget-header {
  margin-bottom: 10px;
}
.widget-header h1 {
  margin-top: 0;
}
.tooltip-container {
  float: right;
}
.widget-confirm,
.widget-loading {
  border-radius: 10px;
  background-clip: padding-box;
  background-color: #eeeeee;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.widget-confirm .widget-confirm-message,
.widget-loading .widget-confirm-message {
  font-size: 17.55px;
  line-height: 28px;
  color: #524f55;
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  margin-bottom: var(--spacing);
  text-align: center;
  margin: 10%;
  font-size: 10pt;
  margin-bottom: 10px;
  height: 100px;
  overflow: auto;
}
.widget-confirm .widget-confirm-button-container,
.widget-loading .widget-confirm-button-container {
  text-align: center;
}
.widget-confirm .widget-confirm-button-container .toolbarButton,
.widget-loading .widget-confirm-button-container .toolbarButton {
  margin: 0 10px;
}
.widget-confirm .widget-confirm-button-container .button:before,
.widget-loading .widget-confirm-button-container .button:before,
.widget-confirm .widget-confirm-button-container .button:after,
.widget-loading .widget-confirm-button-container .button:after {
  content: '';
  display: none;
}
.widget-error-state .big-icon {
  display: none;
}
.widget-error-state textarea {
  box-sizing: border-box;
  padding: 10px;
  width: 100%;
  height: 100px;
  font-family: monospace;
  font-size: 13px;
  border: none;
  background-color: #eeeeee;
  font-weight: normal;
}
.widget-error-state .toggle-button {
  margin-top: 20px;
}
.chrome-less .widget,
.chrome-less .expanded-widget {
  box-shadow: none;
  border: none;
  background-color: transparent;
  padding: 0;
}
.chrome-less .widget .widget-header:not(.chart-key),
.chrome-less .expanded-widget .widget-header:not(.chart-key),
.chrome-less .widget header.widget-header:not(.chart-key),
.chrome-less .expanded-widget header.widget-header:not(.chart-key) {
  border-radius: 0px;
  background-clip: padding-box;
  padding-left: 0;
  border-left: none;
  border-right: none;
  border-top: none;
  background-color: transparent;
}
.chrome-less .widget .widget-contents,
.chrome-less .expanded-widget .widget-contents {
  padding: 0;
}
.retracted-state {
  display: none;
}
@media screen and (max-width: 480px) {
  .hasMobileRetracted .tooltip-container {
    display: none;
  }
}
.hasMobileRetracted .retracted-state {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  text-align: left;
  padding: 10px;
  cursor: pointer;
  background-color: #eeeeee;
  display: flex;
  z-index: 1;
}
.hasMobileRetracted .retracted-state h1 {
  transform: translate(0%, -50%);
  left: 0%;
  top: 50%;
  position: absolute;
  margin: 0;
  left: 10px;
  right: 10px;
  color: #6b2bf6;
  font-size: 18px;
  white-space: nowrap;
  align-self: flex-start;
}
.hasMobileRetracted .retracted-state h1 .widget-name-label {
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.hasMobileRetracted .retracted-state h1 .widget-name-label:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  color: #524f55;
  content: "\f078";
  margin-right: 5px;
}
.hasMobileRetracted .retracted-state:hover {
  background-color: #6b2bf6;
}
.hasMobileRetracted .retracted-state:hover h1,
.hasMobileRetracted .retracted-state:hover .mobile-expand-button {
  color: #ffffff;
}
.hasMobileRetracted .retracted-state:hover .widget-name-label:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #ffffff;
}
.mobile-expand-button {
  display: none;
}
@media screen and (max-width: 480px) {
  .widget-container-item-1-1-0.hasMobileRetracted.mobile-expanded .retracted-state {
    display: none !important;
  }
  .widget-container-item-1-1-0.hasMobileRetracted .widget {
    overflow: hidden;
  }
}
.mobile-retract-button {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
}
.mobile-retract-button > span {
  padding: 20px;
}
.widget-hitkiller {
  cursor: not-allowed;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(238, 238, 238, 0.01);
}
.widget-hitkiller:hover {
  background-color: rgba(238, 238, 238, 0.7);
}
.widget-container-list-1-1-0 .grid-stack-item.expanded {
  opacity: 0;
  visibility: hidden;
}
.widget-container-list-1-1-0 .grid-stack-item.expanded.visible {
  opacity: 1;
  visibility: visible;
}
.widget-container-list-1-1-0 .grid-stack-item.expanded.openLevel2AsPopup {
  transform: translate(0%, -50%);
  left: 0%;
  top: 50%;
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: fadeIn;
  box-sizing: border-box;
  position: fixed;
  z-index: 99999;
  left: 5%;
  right: 5%;
  width: auto;
  max-height: 90%;
}
.widget-container-list-1-1-0 .grid-stack-item .app,
.widget-container-list-1-1-0 .grid-stack-item .grid-stack-item-content {
  overflow: visible;
}
.widget-container-list-1-1-0 .grid-stack-item.dummy .ui-resizable-handle {
  display: none !important;
}
.widget-container-list-1-1-0 .level2-popup-background-cover {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background-color: rgba(238, 238, 238, 0.75);
  cursor: pointer;
}
.app,
.grid-stack-item-content {
  border-radius: 10px;
  background-clip: padding-box;
  overflow: auto;
}
.app .widget-container-item-1-1-0[data-shortcode=CMS].chrome-less.no-name,
.grid-stack-item-content .widget-container-item-1-1-0[data-shortcode=CMS].chrome-less.no-name {
  padding: 0;
}
.widget[data-shortcode=CMS] {
  overflow: hidden;
}
.widget .CMSWidget {
  padding: 10px;
}
.widget .CMSWidget .custom-content {
  padding-right: 0;
}
.widget .CMSWidget.button {
  color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
  border-radius: 10px;
  background-clip: padding-box;
  border: none;
  padding-top: 10px;
  text-align: left;
  margin: 0;
}
.widget .CMSWidget.button:hover,
.widget .CMSWidget.button:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.widget .CMSWidget.button.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.widget .CMSWidget.button.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.widget .CMSWidget.button:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.widget .CMSWidget.button:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.widget .CMSWidget.button.action-button,
.widget .CMSWidget.button.next-button,
.widget .CMSWidget.button.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.widget .CMSWidget.button:hover,
.widget .CMSWidget.button:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.widget .CMSWidget.button p {
  color: white;
}
.widget .CMSWidget.button br {
  display: none;
}
.widget .CMSWidget.button .widget-contents {
  overflow: hidden;
}
.portal-loader-widget .button {
  min-width: 50px;
  margin-bottom: 0;
}
.feed-app {
  padding: 20px;
}
.feed-app .widget-header h1 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.feed-app .feed-prefix {
  font-size: 0;
}
.feed-app .feed-prefix:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  color: #524f55;
  content: "\f078";
  margin-right: 5px;
  font-size: 16px;
}
.feed-app .feed-prefix.retract:before {
  content: "\f077";
}
.feed-app .widget-contents {
  position: absolute;
  top: 50px;
  bottom: 0;
  left: 20px;
  right: 0;
  padding-right: 20px;
}
.feed-app .widget-contents .feeds-container {
  column-rule: none !important;
}
.feed-app .widget-contents .feeds-container .feed-screen {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  background-color: #ffffff !important;
  border: none !important;
  margin: 20px;
}
.app-container .widget .stats-app header h1 .expand-icon,
.grid-stack-item .widget .stats-app header h1 .expand-icon {
  font-size: 0;
}
.app-container .widget .stats-app header h1 .expand-icon:before,
.grid-stack-item .widget .stats-app header h1 .expand-icon:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  color: #524f55;
  content: "\f078";
  margin-right: 5px;
  font-size: 16px;
}
.app-container.is-showing-expanded .widget .stats-app header h1 .expand-icon:before,
.grid-stack-item.is-showing-expanded .widget .stats-app header h1 .expand-icon:before {
  content: "\f077";
}
.widget[data-shortcode=WIZARD_FORM] .wizard-form {
  position: initial;
}
.widget[data-shortcode=WIZARD_FORM] .wizard-form .wizard-loading-container.bg-background {
  background-color: transparent !important;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.widget[data-shortcode=WIZARD_FORM] .wizard-form .wizard-loading-container.bg-background .loading-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.fill-widget {
  position: absolute;
  top: 20px;
  bottom: 20px;
  left: 20px;
  right: 20px;
  display: flex;
  flex-direction: column;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: stretch;
  text-align: center;
}
.big-stat-text {
  font-size: 90px;
  line-height: 110px;
  color: #524f55;
}
.big-stat-text:focus,
.big-stat-text:hover {
  text-decoration: none;
}
.base-notification {
  box-shadow: 2px, 2px, 3px, 1 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 98;
  padding: 0 5px;
  min-width: 30px;
  height: 30px;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  border: 2px solid #752323;
  background-color: #c43a3a;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
}
.notification,
.push-notification {
  box-shadow: 2px, 2px, 3px, 1 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 98;
  padding: 0 5px;
  min-width: 30px;
  height: 30px;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  border: 2px solid #752323;
  background-color: #c43a3a;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  border-radius: 30px;
  background-clip: padding-box;
}
.push-notification-small {
  box-shadow: 2px, 2px, 3px, 1 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 98;
  min-width: 30px;
  height: 30px;
  line-height: 28px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #ffffff;
  border: 2px solid #752323;
  background-color: #c43a3a;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  border-radius: 20px;
  background-clip: padding-box;
  font-size: 10px;
  padding: 0 5px;
  right: -5px;
  top: -10px;
  height: 20px;
  line-height: 18px;
  min-width: 20px;
}
.nav-menu-item .notification {
  box-shadow: 2px, 2px, 3px, 1 1px 2px rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
  position: absolute;
  right: 0;
  z-index: 98;
  min-width: 30px;
  height: 30px;
  line-height: 28px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #ffffff;
  border: 2px solid #752323;
  background-color: #c43a3a;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  border-radius: 20px;
  background-clip: padding-box;
  font-size: 10px;
  padding: 0 5px;
  right: -5px;
  top: -10px;
  height: 20px;
  line-height: 18px;
  min-width: 20px;
  position: relative;
  right: auto;
  top: 0;
  margin-left: 10px;
  overflow: hidden;
  max-width: 70px;
  display: inline-block;
}
.dashboard-title {
  text-align: left;
  margin: 0 0 30px 10px;
}
.dashboard-title h1 {
  margin: 0;
  margin-bottom: 10px;
}
.dashboard-title .button {
  margin: 0;
}
.fake-dashboard-title {
  display: none;
}
html.has-dashboard-title .fake-dashboard-title {
  display: block;
}
html.has-dashboard-title .enter-settings-mode {
  float: right;
}
.widget-container-list-css-grid {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: auto;
  grid-auto-rows: minmax(min-content, max-content);
  grid-gap: 20px;
  grid-auto-flow: dense;
}
@media print {
  .widget-container-list-css-grid {
    grid-template-columns: repeat(6, 1fr);
  }
  .widget-container-list-css-grid .app-container[data-width="12"] {
    grid-column: span 6;
  }
  .widget-container-list-css-grid .app-container[data-width="11"] {
    grid-column: span 6;
  }
  .widget-container-list-css-grid .app-container[data-width="10"] {
    grid-column: span 5;
  }
  .widget-container-list-css-grid .app-container[data-width="9"] {
    grid-column: span 5;
  }
  .widget-container-list-css-grid .app-container[data-width="8"] {
    grid-column: span 4;
  }
  .widget-container-list-css-grid .app-container[data-width="7"] {
    grid-column: span 4;
  }
  .widget-container-list-css-grid .app-container[data-width="6"] {
    grid-column: span 3;
  }
  .widget-container-list-css-grid .app-container[data-width="5"] {
    grid-column: span 3;
  }
  .widget-container-list-css-grid .app-container[data-width="4"] {
    grid-column: span 2;
  }
  .widget-container-list-css-grid .app-container[data-width="3"] {
    grid-column: span 2;
  }
  .widget-container-list-css-grid .app-container[data-width="2"] {
    grid-column: span 1;
  }
  .widget-container-list-css-grid .app-container[data-width="1"] {
    grid-column: span 1;
  }
}
.widget-container-list-css-grid.is-user-overridden {
  grid-auto-flow: row;
}
.app-container {
  min-height: 60px;
  overflow: hidden;
}
.app-container .app {
  width: 100%;
  height: 100%;
  overflow: visible;
}
.app-container .widget,
.app-container .expanded-widget,
.app-container .widget-container-item-1-1-0 {
  box-sizing: border-box;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
  overflow: visible;
  width: 100%;
  height: 100%;
}
.app-container .widget .widget-hitkiller,
.app-container .expanded-widget .widget-hitkiller,
.app-container .widget-container-item-1-1-0 .widget-hitkiller {
  display: none;
}
.app-container[data-width="12"] {
  grid-column: span 12;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="12"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="12"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="12"]:not(.preview) {
    grid-column: span 12;
  }
}
.app-container[data-width="11"] {
  grid-column: span 11;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="11"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="11"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="11"]:not(.preview) {
    grid-column: span 12;
  }
}
.app-container[data-width="10"] {
  grid-column: span 10;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="10"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="10"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="10"]:not(.preview) {
    grid-column: span 12;
  }
}
.app-container[data-width="9"] {
  grid-column: span 9;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="9"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="9"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="9"]:not(.preview) {
    grid-column: span 12;
  }
}
.app-container[data-width="8"] {
  grid-column: span 8;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="8"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="8"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="8"]:not(.preview) {
    grid-column: span 12;
  }
}
.app-container[data-width="7"] {
  grid-column: span 7;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="7"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="7"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="7"]:not(.preview) {
    grid-column: span 12;
  }
}
.app-container[data-width="6"] {
  grid-column: span 6;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="6"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="6"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="6"]:not(.preview) {
    grid-column: span 12;
  }
}
.app-container[data-width="5"] {
  grid-column: span 5;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="5"]:not(.preview) {
    grid-column: span 6;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="5"]:not(.preview) {
    grid-column: span 12;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="5"]:not(.preview) {
    grid-column: span 12;
  }
}
.app-container[data-width="4"] {
  grid-column: span 4;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="4"]:not(.preview) {
    grid-column: span 6;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="4"]:not(.preview) {
    grid-column: span 6;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="4"]:not(.preview) {
    grid-column: span 12;
  }
}
.app-container[data-width="3"] {
  grid-column: span 3;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="3"]:not(.preview) {
    grid-column: span 4;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="3"]:not(.preview) {
    grid-column: span 6;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="3"]:not(.preview) {
    grid-column: span 12;
  }
}
.app-container[data-width="2"] {
  grid-column: span 2;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="2"]:not(.preview) {
    grid-column: span 3;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="2"]:not(.preview) {
    grid-column: span 3;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="2"]:not(.preview) {
    grid-column: span 12;
  }
}
.app-container[data-width="1"] {
  grid-column: span 1;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="1"]:not(.preview) {
    grid-column: span 1;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="1"]:not(.preview) {
    grid-column: span 3;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="1"]:not(.preview) {
    grid-column: span 3;
  }
}
.app-container[data-width="12-override"] {
  grid-column: span 12;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="12-override"] {
    grid-column: span 12;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="12-override"] {
    grid-column: span 12;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="12-override"] {
    grid-column: span 12;
  }
}
.app-container[data-width="11-override"] {
  grid-column: span 11;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="11-override"] {
    grid-column: span 11;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="11-override"] {
    grid-column: span 11;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="11-override"] {
    grid-column: span 11;
  }
}
.app-container[data-width="10-override"] {
  grid-column: span 10;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="10-override"] {
    grid-column: span 10;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="10-override"] {
    grid-column: span 10;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="10-override"] {
    grid-column: span 10;
  }
}
.app-container[data-width="9-override"] {
  grid-column: span 9;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="9-override"] {
    grid-column: span 9;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="9-override"] {
    grid-column: span 9;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="9-override"] {
    grid-column: span 9;
  }
}
.app-container[data-width="8-override"] {
  grid-column: span 8;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="8-override"] {
    grid-column: span 8;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="8-override"] {
    grid-column: span 8;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="8-override"] {
    grid-column: span 8;
  }
}
.app-container[data-width="7-override"] {
  grid-column: span 7;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="7-override"] {
    grid-column: span 7;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="7-override"] {
    grid-column: span 7;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="7-override"] {
    grid-column: span 7;
  }
}
.app-container[data-width="6-override"] {
  grid-column: span 6;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="6-override"] {
    grid-column: span 6;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="6-override"] {
    grid-column: span 6;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="6-override"] {
    grid-column: span 6;
  }
}
.app-container[data-width="5-override"] {
  grid-column: span 5;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="5-override"] {
    grid-column: span 5;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="5-override"] {
    grid-column: span 5;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="5-override"] {
    grid-column: span 5;
  }
}
.app-container[data-width="4-override"] {
  grid-column: span 4;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="4-override"] {
    grid-column: span 4;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="4-override"] {
    grid-column: span 4;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="4-override"] {
    grid-column: span 4;
  }
}
.app-container[data-width="3-override"] {
  grid-column: span 3;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="3-override"] {
    grid-column: span 3;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="3-override"] {
    grid-column: span 3;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="3-override"] {
    grid-column: span 3;
  }
}
.app-container[data-width="2-override"] {
  grid-column: span 2;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="2-override"] {
    grid-column: span 2;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="2-override"] {
    grid-column: span 2;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="2-override"] {
    grid-column: span 2;
  }
}
.app-container[data-width="1-override"] {
  grid-column: span 1;
}
@media screen and (max-width: 1250px) {
  .app-container[data-width="1-override"] {
    grid-column: span 1;
  }
}
@media screen and (max-width: 875px) {
  .app-container[data-width="1-override"] {
    grid-column: span 1;
  }
}
@media screen and (max-width: 600px) {
  .app-container[data-width="1-override"] {
    grid-column: span 1;
  }
}
.app-container[data-height="2"],
.app-container[data-height="2-override"] {
  grid-row: span 2;
}
.app-container[data-height="2"] .widget,
.app-container[data-height="2-override"] .widget {
  min-height: 140px;
}
.app-container[data-height="2"] .widget .widget-contents,
.app-container[data-height="2-override"] .widget .widget-contents {
  min-height: 100px;
  overflow: visible;
}
@media screen and (max-width: 600px) {
  .app-container[data-height="2"],
  .app-container[data-height="2-override"] {
    grid-row: span 1;
  }
}
.app-container[data-height="3"],
.app-container[data-height="3-override"] {
  grid-row: span 3;
}
.app-container[data-height="3"] .widget,
.app-container[data-height="3-override"] .widget {
  min-height: 220px;
}
.app-container[data-height="3"] .widget .widget-contents,
.app-container[data-height="3-override"] .widget .widget-contents {
  min-height: 180px;
  overflow: visible;
}
@media screen and (max-width: 600px) {
  .app-container[data-height="3"],
  .app-container[data-height="3-override"] {
    grid-row: span 1;
  }
}
.app-container[data-height="4"],
.app-container[data-height="4-override"] {
  grid-row: span 4;
}
.app-container[data-height="4"] .widget,
.app-container[data-height="4-override"] .widget {
  min-height: 300px;
}
.app-container[data-height="4"] .widget .widget-contents,
.app-container[data-height="4-override"] .widget .widget-contents {
  min-height: 260px;
  overflow: visible;
}
@media screen and (max-width: 600px) {
  .app-container[data-height="4"],
  .app-container[data-height="4-override"] {
    grid-row: span 1;
  }
}
.app-container[data-height="5"],
.app-container[data-height="5-override"] {
  grid-row: span 5;
}
.app-container[data-height="5"] .widget,
.app-container[data-height="5-override"] .widget {
  min-height: 380px;
}
.app-container[data-height="5"] .widget .widget-contents,
.app-container[data-height="5-override"] .widget .widget-contents {
  min-height: 340px;
  overflow: visible;
}
@media screen and (max-width: 600px) {
  .app-container[data-height="5"],
  .app-container[data-height="5-override"] {
    grid-row: span 1;
  }
}
.app-container[data-height="6"],
.app-container[data-height="6-override"] {
  grid-row: span 6;
}
.app-container[data-height="6"] .widget,
.app-container[data-height="6-override"] .widget {
  min-height: 460px;
}
.app-container[data-height="6"] .widget .widget-contents,
.app-container[data-height="6-override"] .widget .widget-contents {
  min-height: 420px;
  overflow: visible;
}
@media screen and (max-width: 600px) {
  .app-container[data-height="6"],
  .app-container[data-height="6-override"] {
    grid-row: span 1;
  }
}
.app-container[data-height="7"],
.app-container[data-height="7-override"] {
  grid-row: span 7;
}
.app-container[data-height="7"] .widget,
.app-container[data-height="7-override"] .widget {
  min-height: 540px;
}
.app-container[data-height="7"] .widget .widget-contents,
.app-container[data-height="7-override"] .widget .widget-contents {
  min-height: 500px;
  overflow: visible;
}
@media screen and (max-width: 600px) {
  .app-container[data-height="7"],
  .app-container[data-height="7-override"] {
    grid-row: span 1;
  }
}
.app-container[data-height="8"],
.app-container[data-height="8-override"] {
  grid-row: span 8;
}
.app-container[data-height="8"] .widget,
.app-container[data-height="8-override"] .widget {
  min-height: 620px;
}
.app-container[data-height="8"] .widget .widget-contents,
.app-container[data-height="8-override"] .widget .widget-contents {
  min-height: 580px;
  overflow: visible;
}
@media screen and (max-width: 600px) {
  .app-container[data-height="8"],
  .app-container[data-height="8-override"] {
    grid-row: span 1;
  }
}
.app-container[data-height="9"],
.app-container[data-height="9-override"] {
  grid-row: span 9;
}
.app-container[data-height="9"] .widget,
.app-container[data-height="9-override"] .widget {
  min-height: 700px;
}
.app-container[data-height="9"] .widget .widget-contents,
.app-container[data-height="9-override"] .widget .widget-contents {
  min-height: 660px;
  overflow: visible;
}
@media screen and (max-width: 600px) {
  .app-container[data-height="9"],
  .app-container[data-height="9-override"] {
    grid-row: span 1;
  }
}
@media screen and (max-width: 480px) {
  .app-container .hasMobileRetracted:not(.mobile-expanded) {
    height: 60px;
  }
  .app-container .hasMobileRetracted:not(.mobile-expanded) .widget {
    min-height: 60px;
  }
}
.level2-popup-background-cover {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 70001;
  background-color: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}
.app-container.openLevel2AsPopup {
  transform: translate(0%, -50%);
  left: 0%;
  top: 50%;
  position: fixed;
  left: 5%;
  right: 5%;
  z-index: 70002;
  border: none;
  max-height: 90%;
  overflow: auto;
}
.wizardForm-app.normal {
  /* /////////////////////////////////////////////////
	
	Breadcrumbs
	
	///////////////////////////////////////////////// */
  /* /////////////////////////////////////////////////
	
	Layout
	
	///////////////////////////////////////////////// */
}
.wizardForm-app.normal .breadcrumb-trail.bg-background.modal-dialog-breadcrumbs {
  visibility: visible;
  opacity: 1;
  background-color: transparent;
}
.wizardForm-app.normal .widget-contents {
  padding-top: 0;
}
.wizardForm-app.normal .widget-contents .wizard-form {
  margin-bottom: 0;
}
.wizardForm-app.normal .widget-contents .wizard-form .input-container,
.wizardForm-app.normal .widget-contents .wizard-form .data-component .textblock {
  margin-left: 0;
  padding-left: 0;
}
.wizardForm-app.normal .widget-contents .wizard-form .field-label {
  margin: 0;
}
.wizardForm-app.normal .widget-contents .wizard-form .form {
  margin: 0;
}
.wizardForm-app.normal .widget-contents .wizard-form.nav-buttons-full-width-at-bottom .inline-nav-buttons {
  text-align: center;
}
.wizardForm-app.normal .widget-contents .wizard-form.nav-buttons-full-width-at-bottom .inline-nav-buttons .navigation-buttons .right {
  width: 100%;
  float: none;
  text-align: center;
}
.wizardForm-app.normal .widget-contents .wizard-form.nav-buttons-full-width-at-bottom .inline-nav-buttons .navigation-buttons .right .block {
  margin: 0;
  margin-bottom: 10px;
  display: inline-block;
  left: 0;
}
.wizardForm-app.normal .widget-contents .wizard-form.nav-buttons-full-width-at-bottom .inline-nav-buttons .block {
  width: calc(100% - 40px);
  left: 10px;
  margin: 0 auto;
  margin-bottom: 10px;
}
#deleteApp {
  display: none;
}
.widget-container-list-css-grid {
  background-repeat: repeat-x;
  background-position: 0 0;
  min-height: 400px;
}
.mode-widget-author .dashboard-title {
  display: none;
}
.enter-settings-mode {
  display: none !important;
}
.exit-button-container {
  float: right;
}
.inline-nav-buttons hr {
  display: none;
}
.wizard-builder-spa.enter-state .enter-wizard-state .footer.real,
.real-wizard-footer {
  box-shadow: 0 -10px 20px #eeeeee;
  position: sticky;
  bottom: 0;
  z-index: 1;
}
.wizard-builder-spa .footer,
.wizard-form .footer {
  box-sizing: border-box;
  background-color: #eeeeee;
  margin-left: -20px;
  padding-left: 20px;
  margin-right: -20px;
  padding-right: 20px;
}
.wizard-builder-spa .footer hr,
.wizard-form .footer hr {
  visibility: hidden;
}
.wizard-builder-spa .footer .progress-bar,
.wizard-form .footer .progress-bar {
  background-color: #ffffff;
}
.wizard-builder-spa .footer .progress-bar .progress,
.wizard-form .footer .progress-bar .progress {
  background-color: #6b2bf6;
}
.modal-dialog.is-docked .wizard-form .footer {
  box-shadow: 0 -10px 20px #ffffff;
  background-color: #ffffff;
}
.enter-wizard-state .footer .progress-bar.is-disabled {
  opacity: 0;
}
.navigation-buttons-component .right .button,
.navigation-buttons .right .button {
  margin-left: 14px;
}
.navigation-buttons-component .next-button,
.navigation-buttons .next-button {
  color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
}
.navigation-buttons-component .next-button:hover,
.navigation-buttons .next-button:hover,
.navigation-buttons-component .next-button:focus,
.navigation-buttons .next-button:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.navigation-buttons-component .next-button.disabled,
.navigation-buttons .next-button.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.navigation-buttons-component .next-button.is-loading > .loading-icon:before,
.navigation-buttons .next-button.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.navigation-buttons-component .next-button:focus-visible:not([tabIndex="-1"]),
.navigation-buttons .next-button:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.navigation-buttons-component .next-button:focus-visible[tabIndex="-1"],
.navigation-buttons .next-button:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.navigation-buttons-component .next-button.action-button,
.navigation-buttons .next-button.action-button,
.navigation-buttons-component .next-button.next-button,
.navigation-buttons .next-button.next-button,
.navigation-buttons-component .next-button.back-button,
.navigation-buttons .next-button.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.navigation-buttons-component .next-button:hover,
.navigation-buttons .next-button:hover,
.navigation-buttons-component .next-button:focus,
.navigation-buttons .next-button:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.navigation-buttons-component {
  transition: all 0.25s ease-out;
}
.navigation-buttons-component.is-disabled {
  opacity: 0;
}
.form.has-nav-buttons-after-last-component {
  display: flex;
}
.form.has-nav-buttons-after-last-component.form-no-grouping {
  float: left;
}
.form.has-nav-buttons-after-last-component.form-no-grouping .inline-nav-buttons-no-grouping {
  float: left;
  padding-left: 10px;
}
@media screen and (max-width: 480px) {
  .real-wizard-footer,
  .inline-nav-buttons:not(.is-compound) {
    position: relative;
  }
  .real-wizard-footer hr,
  .inline-nav-buttons:not(.is-compound) hr {
    display: none;
  }
  .real-wizard-footer .button,
  .inline-nav-buttons:not(.is-compound) .button {
    display: block;
    width: 100%;
  }
  .real-wizard-footer .right,
  .inline-nav-buttons:not(.is-compound) .right {
    float: none;
  }
  .real-wizard-footer .right .button,
  .inline-nav-buttons:not(.is-compound) .right .button {
    margin-left: 0;
  }
}
.form {
  margin: 20px 0;
}
.wizard-form {
  position: relative;
}
.developer-buttons {
  user-select: none;
  position: absolute;
  right: 10px;
  margin-top: 10px;
  padding-right: 10px;
  z-index: 70000;
}
.enter-wizard-state {
  padding: 20px;
  margin-top: 50px;
}
@media screen and (max-width: 480px) {
  .wizard-form:not(.dont-wrap-cta) .screen-name-container {
    grid-template-columns: 1fr;
    grid-template-areas: "name" "description" "cta";
  }
  .wizard-form:not(.dont-wrap-cta) .screen-name-container .screen-name {
    grid-area: name;
  }
  .wizard-form:not(.dont-wrap-cta) .screen-name-container .screen-help-description {
    grid-area: description;
  }
  .wizard-form:not(.dont-wrap-cta) .screen-name-container .screen-action {
    grid-area: cta;
    padding-top: 10px;
  }
}
.wizard-screen > .wizard-header,
.wizard-form > .wizard-header {
  top: 0;
  z-index: 11;
  margin-left: -20px;
  margin-right: -20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 10px;
  margin-bottom: 30px;
  padding-top: 10px;
}
.wizard-screen > .wizard-header .screen-name-container,
.wizard-form > .wizard-header .screen-name-container {
  display: grid;
  grid-template-columns: 1fr min-content;
  width: 100%;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  align-items: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
.wizard-screen > .wizard-header .screen-name-container .screen-name,
.wizard-form > .wizard-header .screen-name-container .screen-name {
  margin-bottom: 0;
}
.wizard-screen > .wizard-header .screen-name-container .screen-action a,
.wizard-form > .wizard-header .screen-name-container .screen-action a,
.wizard-screen > .wizard-header .screen-name-container .screen-action .button,
.wizard-form > .wizard-header .screen-name-container .screen-action .button {
  margin-bottom: 0;
}
.wizard-screen > .wizard-header .screen-name-container .screen-help-description,
.wizard-form > .wizard-header .screen-name-container .screen-help-description {
  grid-column: span 2;
}
@media screen and (min-height: 999999px) {
  .wizard-screen > .wizard-header,
  .wizard-form > .wizard-header {
    position: sticky;
    background-color: #f1f1f5;
  }
  .wizard-screen > .wizard-header:after,
  .wizard-form > .wizard-header:after {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
    background: -moz-linear-gradient(top, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #f1f1f5 0%, rgba(241, 241, 245, 0) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    content: 'x';
    font-size: 0;
    display: block;
    height: 50px;
    left: 0;
    bottom: -50px;
    right: 0;
    position: absolute;
    pointer-events: none;
  }
}
html.is-chromeless .wizard-screen .wizard-header,
html.is-chromeless .wizard-form .wizard-header {
  background-color: #eeeeee;
  top: 0;
}
html.is-chromeless .wizard-screen .wizard-header:after,
html.is-chromeless .wizard-form .wizard-header:after {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100;White+to+Transparent */
  background: -moz-linear-gradient(top, #eeeeee 0%, rgba(238, 238, 238, 0) 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #eeeeee 0%, rgba(238, 238, 238, 0) 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #eeeeee 0%, rgba(238, 238, 238, 0) 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
html.is-chromeless .wizard-builder-spa.enter-state .enter-wizard-state .footer.real,
html.is-chromeless .real-wizard-footer {
  box-shadow: 0 -10px 20px #ffffff;
  background-color: #ffffff;
}
.app-container:not(.chrome-less) .wizardForm-app .wizard-form-container .wizard-loading-container.bg-background {
  background-color: #ffffff;
}
.wizard-form-container.bg-background,
.enter-wizard-state.bg-background {
  background-color: transparent;
}
.wizard-form-container .single-panel.not-full-width.align-center,
.enter-wizard-state .single-panel.not-full-width.align-center {
  margin: 0 auto;
}
@media (min-width: 769px) {
  .wizard-form-container .single-panel.not-full-width,
  .enter-wizard-state .single-panel.not-full-width {
    max-width: 600px;
  }
}
.wizard-form-container .single-panel > .form,
.enter-wizard-state .single-panel > .form {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  border-radius: 10px;
  background-clip: padding-box;
  box-sizing: border-box;
  background-color: #ffffff;
  padding: 20px;
}
@media screen and (max-width: 480px) {
  .wizard-form-container .single-panel > .form,
  .enter-wizard-state .single-panel > .form {
    padding: 10px;
  }
}
.wizard-form-container .single-panel.nav-buttons-in-panel > .form,
.enter-wizard-state .single-panel.nav-buttons-in-panel > .form {
  padding-bottom: 80px;
}
.wizard-form-container .single-panel.nav-buttons-in-panel > .inline-nav-buttons,
.enter-wizard-state .single-panel.nav-buttons-in-panel > .inline-nav-buttons {
  margin-top: -80px;
  padding: 0 20px 0 20px;
}
.wizard-form-container .bg-background,
.enter-wizard-state .bg-background {
  background-color: #eeeeee;
}
.wizard-form-container .contains-nav-buttons .group-contains-nav-buttons,
.enter-wizard-state .contains-nav-buttons .group-contains-nav-buttons {
  padding-bottom: 80px;
}
.wizard-form-container .contains-nav-buttons .inline-nav-buttons.contains-nav-buttons,
.enter-wizard-state .contains-nav-buttons .inline-nav-buttons.contains-nav-buttons {
  margin-top: -85px;
  padding-left: 20px;
  padding-right: 20px;
}
.wizard-form-container .right-aligned-readonly-values .input-container,
.enter-wizard-state .right-aligned-readonly-values .input-container,
.wizard-form-container .left-aligned-readonly-values .input-container,
.enter-wizard-state .left-aligned-readonly-values .input-container,
.wizard-form-container .right-aligned-readonly-values .field-label,
.enter-wizard-state .right-aligned-readonly-values .field-label,
.wizard-form-container .left-aligned-readonly-values .field-label,
.enter-wizard-state .left-aligned-readonly-values .field-label {
  width: auto !important;
  display: inline-block !important;
}
.wizard-form-container .left-aligned-readonly-values .field-label,
.enter-wizard-state .left-aligned-readonly-values .field-label {
  font-weight: normal;
  color: #524f55;
}
.wizard-form-container .left-aligned-readonly-values .input-container,
.enter-wizard-state .left-aligned-readonly-values .input-container {
  float: left;
}
.wizard-form-container .left-aligned-readonly-values .input-container .readonly-value,
.enter-wizard-state .left-aligned-readonly-values .input-container .readonly-value {
  font-size: 15px;
  color: #524f55;
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin-right: 5px;
}
.wizard-form-container .left-aligned-readonly-values .data-component-container,
.enter-wizard-state .left-aligned-readonly-values .data-component-container {
  margin-bottom: 10px;
}
.wizard-form-container .right-aligned-readonly-values .field-label,
.enter-wizard-state .right-aligned-readonly-values .field-label {
  font-weight: normal;
  color: #524f55;
}
.wizard-form-container .right-aligned-readonly-values .input-container,
.enter-wizard-state .right-aligned-readonly-values .input-container {
  float: right;
}
.wizard-form-container .right-aligned-readonly-values .input-container .readonly-value,
.enter-wizard-state .right-aligned-readonly-values .input-container .readonly-value {
  font-size: 15px;
  color: #524f55;
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin-right: 5px;
}
.wizard-form-container .right-aligned-readonly-values .data-component-container,
.enter-wizard-state .right-aligned-readonly-values .data-component-container {
  margin-bottom: 10px;
}
.chrome-less .wizard-form.single-panel .form {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  padding: 10px;
  background-color: #eeeeee;
}
.chrome-less .inline-nav-buttons.single-panel {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  background-color: #eeeeee;
  padding-bottom: 10px;
}
.chrome-less .wizardForm-app.single-panel {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  border-radius: 10px;
  background-clip: padding-box;
  background-color: #eeeeee;
}
.chrome-less .wizardForm-app.single-panel .inline-nav-buttons {
  box-shadow: none;
}
.wrapper-container .global-wizard-form .wizard-form {
  margin: 0;
  padding: 0;
  min-height: 0;
  max-width: none;
}
.wrapper-container .global-wizard-form .wizard-form .form,
.wrapper-container .global-wizard-form .wizard-form .data-component-container,
.wrapper-container .global-wizard-form .wizard-form .alert.alert-warning,
.wrapper-container .global-wizard-form .wizard-form p.note.alert-warning {
  margin: 0;
}
.wrapper-container .global-wizard-form .wizard-form .wizard-loading-container {
  display: none;
}
.wizard-form-failed-to-load-alert {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  margin-top: 50px;
  padding: 50px;
  padding-left: 50px;
  word-break: break-word;
}
.wizard-form-failed-to-load-alert .icon-set {
  font-size: 2em;
  float: right;
}
.wizard-form-failed-to-load-alert .message {
  font-size: 50px;
  line-height: 50px;
  max-width: 600px;
  display: inline-block;
  margin-bottom: 10px;
}
.wizard-form-failed-to-load-alert .button {
  margin-top: 25px;
}
.wizard-form-failed-to-load-alert .error-reference {
  opacity: 0.5;
  margin-top: 10px;
  font-size: 20px;
}
.wizard-form-failed-to-load-alert .error-details-toggle {
  margin-top: 25px;
  margin-bottom: 0;
  display: inline-block;
}
.wizard-form-failed-to-load-alert .copy-bug-report {
  margin-top: 25px;
  margin-bottom: 0;
  float: right;
}
@media screen and (max-width: 480px) {
  .wizard-form-failed-to-load-alert .copy-bug-report {
    float: none;
    display: block;
  }
}
.wizard-form-failed-to-load-alert .wizard-form-error-details {
  overflow: auto;
  margin-top: 25px;
  background-color: #eeeeee;
}
.wizard-form-failed-to-load-alert .wizard-form-error-details pre {
  white-space: normal;
  padding: 20px;
}
.search-data-component .wizard-form-failed-to-load-alert,
.data-grid-component-container .wizard-form-failed-to-load-alert,
.app-container .wizard-form-failed-to-load-alert,
.wizardForm-app .wizard-form-failed-to-load-alert,
.widget .wizard-form-failed-to-load-alert {
  box-shadow: none;
  color: #524f55;
  padding: 0;
  margin: 0;
}
.search-data-component .wizard-form-failed-to-load-alert .message,
.data-grid-component-container .wizard-form-failed-to-load-alert .message,
.app-container .wizard-form-failed-to-load-alert .message,
.wizardForm-app .wizard-form-failed-to-load-alert .message,
.widget .wizard-form-failed-to-load-alert .message {
  font-size: 30px;
  line-height: 30px;
  font-weight: bold;
}
.search-data-component .wizard-form-failed-to-load-alert .alert-info,
.data-grid-component-container .wizard-form-failed-to-load-alert .alert-info,
.app-container .wizard-form-failed-to-load-alert .alert-info,
.wizardForm-app .wizard-form-failed-to-load-alert .alert-info,
.widget .wizard-form-failed-to-load-alert .alert-info {
  margin-left: 0;
  margin-right: 0;
}
.search-data-component .wizard-form-failed-to-load-alert .icon-set,
.data-grid-component-container .wizard-form-failed-to-load-alert .icon-set,
.app-container .wizard-form-failed-to-load-alert .icon-set,
.wizardForm-app .wizard-form-failed-to-load-alert .icon-set,
.widget .wizard-form-failed-to-load-alert .icon-set {
  display: none;
}
.search-data-component .wizard-form-failed-to-load-alert .copy-bug-report,
.data-grid-component-container .wizard-form-failed-to-load-alert .copy-bug-report,
.app-container .wizard-form-failed-to-load-alert .copy-bug-report,
.wizardForm-app .wizard-form-failed-to-load-alert .copy-bug-report,
.widget .wizard-form-failed-to-load-alert .copy-bug-report {
  float: none;
  margin-left: 20px;
}
.spa-container .wizard-form-failed-to-load-alert {
  margin: 20px !important;
}
.search-data-component .wizard-form-failed-to-load-alert.bg-background,
.data-grid-component-container .wizard-form-failed-to-load-alert.bg-background {
  background-color: #eeeeee;
  margin: 0;
}
.search-data-component .wizard-form-failed-to-load-alert.bg-background .wizard-form-error-details,
.data-grid-component-container .wizard-form-failed-to-load-alert.bg-background .wizard-form-error-details {
  background-color: #e1e1e1;
}
.form .wizard-form-failed-to-load-alert[data-type='data-component'] {
  box-shadow: none;
  color: #524f55;
  padding: 0;
  margin: 0 !important;
}
.form .wizard-form-failed-to-load-alert[data-type='data-component'] .message {
  font-size: 15px;
  line-height: 15px;
  font-weight: bold;
}
.form .wizard-form-failed-to-load-alert[data-type='data-component'] .alert-info {
  margin-left: 0;
  margin-right: 0;
  margin-top: 10px;
}
.form .wizard-form-failed-to-load-alert[data-type='data-component'] .error-details-toggle {
  margin-top: 5px;
  margin-bottom: 5px;
}
.form .wizard-form-failed-to-load-alert[data-type='data-component'] .icon-set {
  display: none;
}
.form .wizard-form-failed-to-load-alert[data-type='data-component'] .copy-bug-report {
  float: none;
  margin-left: 20px;
}
@media screen and (min-width: 1350px) {
  .wizard-builder-spa .enter-wizard-state.has-left-aside-centered > .form,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside-centered > .form,
  .wizard-form.has-left-aside-centered > .form,
  .wizard-builder-spa .enter-wizard-state.has-right-aside-centered > .form,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-right-aside-centered > .form,
  .wizard-form.has-right-aside-centered > .form,
  .wizard-builder-spa .enter-wizard-state.has-left-aside > .form,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside > .form,
  .wizard-form.has-left-aside > .form,
  .wizard-builder-spa .enter-wizard-state.has-right-aside > .form,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-right-aside > .form,
  .wizard-form.has-right-aside > .form,
  .wizard-builder-spa .enter-wizard-state.has-left-aside-centered > form,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside-centered > form,
  .wizard-form.has-left-aside-centered > form,
  .wizard-builder-spa .enter-wizard-state.has-right-aside-centered > form,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-right-aside-centered > form,
  .wizard-form.has-right-aside-centered > form,
  .wizard-builder-spa .enter-wizard-state.has-left-aside > form,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside > form,
  .wizard-form.has-left-aside > form,
  .wizard-builder-spa .enter-wizard-state.has-right-aside > form,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-right-aside > form,
  .wizard-form.has-right-aside > form {
    margin-right: 320px;
    position: relative;
    overflow: visible;
  }
  .wizard-builder-spa .enter-wizard-state.has-left-aside-centered .aside,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside-centered .aside,
  .wizard-form.has-left-aside-centered .aside,
  .wizard-builder-spa .enter-wizard-state.has-right-aside-centered .aside,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-right-aside-centered .aside,
  .wizard-form.has-right-aside-centered .aside,
  .wizard-builder-spa .enter-wizard-state.has-left-aside .aside,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside .aside,
  .wizard-form.has-left-aside .aside,
  .wizard-builder-spa .enter-wizard-state.has-right-aside .aside,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-right-aside .aside,
  .wizard-form.has-right-aside .aside {
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: -320px;
    width: 300px;
  }
  .wizard-builder-spa .enter-wizard-state.has-left-aside-centered .aside .alert,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside-centered .aside .alert,
  .wizard-form.has-left-aside-centered .aside .alert,
  .wizard-builder-spa .enter-wizard-state.has-right-aside-centered .aside .alert,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-right-aside-centered .aside .alert,
  .wizard-form.has-right-aside-centered .aside .alert,
  .wizard-builder-spa .enter-wizard-state.has-left-aside .aside .alert,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside .aside .alert,
  .wizard-form.has-left-aside .aside .alert,
  .wizard-builder-spa .enter-wizard-state.has-right-aside .aside .alert,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-right-aside .aside .alert,
  .wizard-form.has-right-aside .aside .alert {
    min-width: 0;
  }
}
.wizard-builder-spa .enter-wizard-state.has-left-aside > .form,
.wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside > .form,
.wizard-form.has-left-aside > .form,
.wizard-builder-spa .enter-wizard-state.has-left-aside > form,
.wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside > form,
.wizard-form.has-left-aside > form {
  margin-right: auto;
}
.wizard-builder-spa .enter-wizard-state.has-left-aside .aside,
.wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside .aside,
.wizard-form.has-left-aside .aside {
  right: auto;
}
@media screen and (min-width: 1350px) {
  .wizard-builder-spa .enter-wizard-state.has-left-aside > .form,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside > .form,
  .wizard-form.has-left-aside > .form,
  .wizard-builder-spa .enter-wizard-state.has-left-aside > form,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside > form,
  .wizard-form.has-left-aside > form {
    margin-left: 320px;
    margin-right: auto;
  }
  .wizard-builder-spa .enter-wizard-state.has-left-aside .aside,
  .wizard-builder-spa .enter-wizard-state .wizard-screen.has-left-aside .aside,
  .wizard-form.has-left-aside .aside {
    right: auto;
    left: -320px;
  }
}
.suppress-validation-messages:not(.show-validation-messages) .validation-message:not(.cannot-be-suppressed),
.suppress-validation-messages:not(.show-validation-messages) .validationMessage:not(.cannot-be-suppressed) {
  display: none !important;
}
div.form.show-validation-messages div.validation-message:not(.cannot-be-suppressed),
div.form.show-validation-messages div.validationMessage:not(.cannot-be-suppressed) {
  display: block !important;
}
:root {
  --wiz-min-width: 800px;
}
.mobile-layout label:not(.button):not(.checkbox-label),
.mobile-layout .field-label:not(.button):not(.checkbox-label):not(.in-expanded-row) {
  width: 100%;
  display: block;
  text-align: left;
  min-height: 0;
  margin-bottom: 5px;
}
.mobile-layout label:not(.button):not(.checkbox-label).field-label.has-tooltip,
.mobile-layout .field-label:not(.button):not(.checkbox-label):not(.in-expanded-row).field-label.has-tooltip {
  padding-right: 20px;
  box-sizing: border-box;
}
.mobile-layout .hint-spacer {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.mobile-layout .input-container {
  display: block;
  width: 100%;
}
.mobile-layout .input-container select,
.mobile-layout .input-container textarea,
.mobile-layout .input-container input[type="text"],
.mobile-layout .input-container input[type="password"],
.mobile-layout .input-container input[type="number"],
.mobile-layout .input-container input[type="tel"],
.mobile-layout .input-container input[type="email"],
.mobile-layout .input-container input[type="url"],
.mobile-layout .input-container .input-field,
.mobile-layout .input-container input[type="search"] {
  display: block;
  width: 100%;
  max-width: 100%;
}
.mobile-layout .input-container .readonly-value {
  padding-top: 0;
}
.data-component {
  position: relative;
}
.data-component label:not(.button):not(.checkbox-label),
.data-component .field-label {
  width: 200px;
  margin-bottom: 0;
  text-align: right;
  display: inline-block;
  vertical-align: top;
  min-height: 50px;
  padding-top: 8px;
}
.data-component label:not(.button):not(.checkbox-label) .required-suffix,
.data-component .field-label .required-suffix {
  position: absolute;
  padding-left: 5px;
}
.data-component label:not(.button):not(.checkbox-label) .validation-message,
.data-component .field-label .validation-message {
  display: block;
  margin-top: 5px;
}
.data-component .indented-info {
  margin-left: 250px;
  max-width: 600px;
}
.data-component .required-indicator {
  display: none;
  position: absolute;
  top: 0;
  right: -5px;
}
.data-component .hint-spacer {
  margin-left: 10px;
  display: inline-block;
  width: 20px;
  vertical-align: top;
  text-align: center;
}
.data-component .hint-spacer a {
  display: inline-block;
  position: relative;
  padding-left: 200px;
  margin-left: -200px;
  margin-top: 10px;
  padding-bottom: 5px;
  margin-bottom: -5px;
  padding-right: 5px;
  margin-right: -5px;
  cursor: pointer;
}
.data-component .hint-spacer a:hover {
  animation-duration: 1s;
  animation-fill-mode: both;
  animation-name: flash;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
.data-component .input-container {
  display: inline-block;
}
.data-component .input-container select,
.data-component .input-container textarea,
.data-component .input-container input[list],
.data-component .input-container input[type="text"],
.data-component .input-container input[type="password"],
.data-component .input-container input[type="number"],
.data-component .input-container input[type="tel"],
.data-component .input-container input[type="url"],
.data-component .input-container .input-field,
.data-component .input-container input[type="search"] {
  box-sizing: border-box;
  width: 250px;
}
.data-component .input-container input[type="email"] {
  box-sizing: border-box;
  width: 325px;
}
.data-component[data-isreadonly=true] label,
.data-component[data-isreadonly=true] .field-label {
  min-height: auto;
  padding-top: 0;
}
.data-component[data-isreadonly=true] .hint-spacer {
  visibility: hidden;
}
.data-component[data-isreadonly=true] .required-suffix,
.data-component[data-isreadonly=true] .required-indicator {
  display: none;
}
.data-component[data-isreadonly=true] .readonly-value > span:empty:before {
  content: '-';
}
.data-component.as-mobile label:not(.button):not(.checkbox-label),
.data-component.as-mobile .field-label:not(.button):not(.checkbox-label):not(.in-expanded-row) {
  width: 100%;
  display: block;
  text-align: left;
  min-height: 0;
  margin-bottom: 5px;
}
.data-component.as-mobile label:not(.button):not(.checkbox-label).field-label.has-tooltip,
.data-component.as-mobile .field-label:not(.button):not(.checkbox-label):not(.in-expanded-row).field-label.has-tooltip {
  padding-right: 20px;
  box-sizing: border-box;
}
.data-component.as-mobile .hint-spacer {
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
}
.data-component.as-mobile .input-container {
  display: block;
  width: 100%;
}
.data-component.as-mobile .input-container select,
.data-component.as-mobile .input-container textarea,
.data-component.as-mobile .input-container input[type="text"],
.data-component.as-mobile .input-container input[type="password"],
.data-component.as-mobile .input-container input[type="number"],
.data-component.as-mobile .input-container input[type="tel"],
.data-component.as-mobile .input-container input[type="email"],
.data-component.as-mobile .input-container input[type="url"],
.data-component.as-mobile .input-container .input-field,
.data-component.as-mobile .input-container input[type="search"] {
  display: block;
  width: 100%;
  max-width: 100%;
}
.data-component.as-mobile .input-container .readonly-value {
  padding-top: 0;
}
@media screen and (max-width: 800px) {
  .data-component:not(.never-mobile) label:not(.button):not(.checkbox-label),
  .data-component:not(.never-mobile) .field-label:not(.button):not(.checkbox-label):not(.in-expanded-row) {
    width: 100%;
    display: block;
    text-align: left;
    min-height: 0;
    margin-bottom: 5px;
  }
  .data-component:not(.never-mobile) label:not(.button):not(.checkbox-label).field-label.has-tooltip,
  .data-component:not(.never-mobile) .field-label:not(.button):not(.checkbox-label):not(.in-expanded-row).field-label.has-tooltip {
    padding-right: 20px;
    box-sizing: border-box;
  }
  .data-component:not(.never-mobile) .hint-spacer {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
  }
  .data-component:not(.never-mobile) .input-container {
    display: block;
    width: 100%;
  }
  .data-component:not(.never-mobile) .input-container select,
  .data-component:not(.never-mobile) .input-container textarea,
  .data-component:not(.never-mobile) .input-container input[type="text"],
  .data-component:not(.never-mobile) .input-container input[type="password"],
  .data-component:not(.never-mobile) .input-container input[type="number"],
  .data-component:not(.never-mobile) .input-container input[type="tel"],
  .data-component:not(.never-mobile) .input-container input[type="email"],
  .data-component:not(.never-mobile) .input-container input[type="url"],
  .data-component:not(.never-mobile) .input-container .input-field,
  .data-component:not(.never-mobile) .input-container input[type="search"] {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .data-component:not(.never-mobile) .input-container .readonly-value {
    padding-top: 0;
  }
}
.data-component .input-container.nowrap {
  white-space: nowrap;
  overflow: auto;
}
.data-component .input-container.readonly {
  width: auto;
}
.data-component .input-container.readonly h2 {
  display: inline-block;
}
.data-component .input-container .readonly-value {
  font-size: 20px;
  margin-top: 5px;
  display: inline-block;
  padding-top: 8px;
}
.data-component .input-container .readonly-value span {
  display: inline-block;
}
.data-component .input-container .readonly-value br {
  display: block;
  margin: 10px 0;
  content: ' ';
}
.data-component .input-container li.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.data-component .input-container.show-validity:not(.is-readonly).is-valid:after {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  content: "\f00c";
  padding-right: 10px;
  margin-top: 10px;
  margin-left: 10px;
}
.data-component .input-container.show-validity:not(.is-readonly).is-valid.has-confirm:after {
  margin-top: -88px;
  margin-right: -90px;
}
.data-component .input-container.has-confirm input[type=email],
.data-component .input-container.has-confirm input[type=tel] {
  display: block;
  margin-bottom: 15px;
}
.data-component .readonly-value {
  margin-top: -5px;
}
.data-component .readonly-value h3,
.data-component .readonly-value h2 {
  line-height: 1.25em;
}
.group-child:has(>div>div.data-component-container[data-visible=false]) {
  display: none;
}
.data-component-container {
  margin-bottom: 10px;
}
.data-component-container[data-visible=false] {
  display: none;
}
.data-component-container .align-with-fields .data-component:not(.as-mobile) {
  padding-left: 240px;
}
.data-component-container .align-with-fields .data-component.as-mobile {
  padding-top: 20px;
}
@media screen and (max-width: 800px) {
  .data-component-container .align-with-fields .data-component:not(.as-mobile) {
    padding-top: 20px;
    padding-left: 0;
  }
}
.data-component-container .align-with-fields.micro-copy {
  margin-top: -20px;
  margin-bottom: 20px;
}
.data-component-container .align-with-fields.micro-copy .data-component:not(.as-mobile) {
  max-width: 260px;
}
@media screen and (max-width: 800px) {
  .data-component-container .align-with-fields.micro-copy .data-component:not(.as-mobile) {
    max-width: none;
  }
}
.data-component-container .align-with-fields.micro-copy a:not(.button):not(.checkbox-label) {
  padding: 0;
}
.data-component-container .flipped-read-only-stat-display .field-label {
  margin-top: 40px;
}
.data-component-container .flipped-read-only-stat-display .input-container {
  position: absolute;
  top: -40px;
  height: 40px;
}
.data-component-container .flipped-read-only-stat-display .input-container .readonly-value {
  font-size: 24px;
}
.data-component-container .hide-required .required-indicator,
.data-component-container .hide-required .required-suffix {
  visibility: hidden;
}
.group-container.hide-required .required-indicator,
.group-container.hide-required .required-suffix {
  visibility: hidden;
}
.data-component-container[data-display-type-shortcode="HIDDEN"],
.data-component-container[data-display-type-shortcode="DOM_MANIPULATOR"],
.data-component-container[data-display-type-shortcode="EXPRESSION"] {
  margin-bottom: 0;
}
/* /////////////////////////////////////////////////////////////////

Range slider

///////////////////////////////////////////////////////////////// */
/********** Range Input Styles **********/
/*Range Reset*/
input[type="range"] {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  cursor: pointer;
  width: 15rem;
}
input[type="range"]:focus {
  outline: none;
}
input[type="range"]:disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
input[type="range"]:disabled::-webkit-slider-thumb {
  background-color: #dcdcdd;
}
input[type="range"]::-moz-range-track {
  border-radius: 8px;
  background-clip: padding-box;
  background-color: #dcdcdd;
  height: 2px;
}
input[type="range"]::-webkit-slider-runnable-track {
  border-radius: 8px;
  background-clip: padding-box;
  background-color: #dcdcdd;
  height: 2px;
}
/***** Chrome, Safari, Opera and Edge Chromium styles *****/
/* slider thumb */
input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  /* Override default look */
  appearance: none;
  margin-top: -8.5px;
  /* Centers thumb on the track */
  /*custom styles*/
  border-radius: 8px;
  background-clip: padding-box;
  outline: 1px solid #cccccc;
  background-color: #ffffff;
  height: 20px;
  width: 10px;
}
input[type="range"]:focus::-webkit-slider-thumb {
  background-color: #6b2bf6;
  outline-color: #6b2bf6;
}
/******** Firefox styles ********/
/* slider thumb */
input[type="range"]::-moz-range-thumb {
  border: none;
  /*Removes extra border that FF applies*/
  border-radius: 0;
  /*Removes default border-radius that FF applies*/
  /*custom styles*/
  border-radius: 8px;
  background-clip: padding-box;
  outline: 1px solid #cccccc;
  background-color: #ffffff;
  height: 20px;
  width: 10px;
}
input[type="range"]:focus::-moz-range-thumb {
  background-color: #6b2bf6;
  outline-color: #6b2bf6;
}
.data-component.radio fieldset,
.data-component.checkbox fieldset {
  padding: 0;
  margin: 0;
  border: none;
  margin-bottom: 5px;
}
.data-component.radio fieldset legend,
.data-component.checkbox fieldset legend {
  position: absolute;
  left: -999px;
  font-size: 0;
}
.data-component.radio .allowed-values,
.data-component.checkbox .allowed-values {
  list-style: none;
  padding: 0;
  margin: 0;
}
.data-component.radio .allowed-values input[type=radio],
.data-component.checkbox .allowed-values input[type=radio],
.data-component.radio .allowed-values input[type=checkbox],
.data-component.checkbox .allowed-values input[type=checkbox] {
  opacity: 0;
  position: absolute;
  pointer-events: none;
}
.data-component.radio .allowed-values label,
.data-component.checkbox .allowed-values label {
  user-select: none;
  text-align: left;
}
.data-component.radio .allowed-values label .help-description,
.data-component.checkbox .allowed-values label .help-description {
  margin-left: 20px;
}
.data-component.radio .allowed-values.do-not-render-as-buttons label,
.data-component.checkbox .allowed-values.do-not-render-as-buttons label {
  margin-bottom: 10px;
  padding-top: 0;
  min-height: 0;
  margin-right: 20px;
}
.data-component.radio .allowed-values.do-not-render-as-buttons .option-label,
.data-component.checkbox .allowed-values.do-not-render-as-buttons .option-label {
  cursor: pointer;
}
.data-component.radio .allowed-values.do-not-render-as-buttons .option-label:before,
.data-component.checkbox .allowed-values.do-not-render-as-buttons .option-label:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  padding-right: 10px;
  color: #6b2bf6;
  content: "\f10c";
}
.data-component.radio .allowed-values.do-not-render-as-buttons input[type=radio]:checked + .option-label:before,
.data-component.checkbox .allowed-values.do-not-render-as-buttons input[type=radio]:checked + .option-label:before,
.data-component.radio .allowed-values.do-not-render-as-buttons input[type=checkbox]:checked + .option-label:before,
.data-component.checkbox .allowed-values.do-not-render-as-buttons input[type=checkbox]:checked + .option-label:before {
  content: "\f05d";
}
.data-component.radio .allowed-values.do-not-render-as-buttons li.disabled,
.data-component.checkbox .allowed-values.do-not-render-as-buttons li.disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: default;
  filter: grayscale(1);
}
.data-component.radio .allowed-values.button-bar,
.data-component.checkbox .allowed-values.button-bar {
  border-radius: 8px;
  overflow: hidden;
  border: 1px solid rgba(204, 204, 204, 0.75);
  display: inline-block;
}
.data-component.radio .allowed-values.button-bar li,
.data-component.checkbox .allowed-values.button-bar li {
  display: inline-block;
  border-right: 1px solid #cccccc;
}
.data-component.radio .allowed-values.button-bar li label,
.data-component.checkbox .allowed-values.button-bar li label {
  width: auto;
  min-width: 0;
  text-align: center;
  color: #6b2bf6;
  padding: 8px 30px;
  margin-top: 0;
}
.data-component.radio .allowed-values.button-bar li label.button:not(.menu):not(.next-button):not(.mobile-menu-button):not(.main-button):not(.disabled),
.data-component.checkbox .allowed-values.button-bar li label.button:not(.menu):not(.next-button):not(.mobile-menu-button):not(.main-button):not(.disabled) {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  background-clip: padding-box;
  border: none;
}
.data-component.radio .allowed-values.button-bar li label.button:not(.menu):not(.next-button):not(.mobile-menu-button):not(.main-button):not(.disabled):focus,
.data-component.checkbox .allowed-values.button-bar li label.button:not(.menu):not(.next-button):not(.mobile-menu-button):not(.main-button):not(.disabled):focus,
.data-component.radio .allowed-values.button-bar li label.button:not(.menu):not(.next-button):not(.mobile-menu-button):not(.main-button):not(.disabled):hover,
.data-component.checkbox .allowed-values.button-bar li label.button:not(.menu):not(.next-button):not(.mobile-menu-button):not(.main-button):not(.disabled):hover {
  box-shadow: none;
}
.data-component.radio .allowed-values.button-bar li label.button:not(.menu):not(.next-button):not(.mobile-menu-button):not(.main-button):not(.disabled):focus:not(.selected),
.data-component.checkbox .allowed-values.button-bar li label.button:not(.menu):not(.next-button):not(.mobile-menu-button):not(.main-button):not(.disabled):focus:not(.selected),
.data-component.radio .allowed-values.button-bar li label.button:not(.menu):not(.next-button):not(.mobile-menu-button):not(.main-button):not(.disabled):hover:not(.selected),
.data-component.checkbox .allowed-values.button-bar li label.button:not(.menu):not(.next-button):not(.mobile-menu-button):not(.main-button):not(.disabled):hover:not(.selected) {
  color: #524f55;
  background-color: #e3e3e3;
}
.data-component.radio .allowed-values.button-bar li .button.disabledRadio,
.data-component.checkbox .allowed-values.button-bar li .button.disabledRadio {
  pointer-events: none;
  cursor: default;
}
.data-component.radio .allowed-values.button-bar li .button.disabledRadio:not(.selected),
.data-component.checkbox .allowed-values.button-bar li .button.disabledRadio:not(.selected) {
  opacity: 0.5;
  filter: grayscale(1);
}
.data-component.radio .allowed-values.button-bar li.spacer,
.data-component.checkbox .allowed-values.button-bar li.spacer {
  flex-grow: 99;
  flex-basis: 50%;
  background-color: rgba(82, 79, 85, 0.5);
  box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.45);
}
.data-component.radio .allowed-values.button-bar.single-option li label.button,
.data-component.checkbox .allowed-values.button-bar.single-option li label.button {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  background-clip: padding-box;
}
.data-component.radio .allowed-values.tab-bar .tab label,
.data-component.checkbox .allowed-values.tab-bar .tab label {
  text-align: center;
  width: auto;
  margin-bottom: 0;
}
.data-component[data-isdisabled=true] .button-bar li {
  border-right: none !important;
}
.boolean-checkbox input[type=checkbox] {
  display: none;
}
.boolean-checkbox .option-label {
  user-select: none;
  width: auto;
  cursor: pointer;
}
.boolean-checkbox .option-label:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  color: #6b2bf6;
  content: "\f096";
  position: relative;
  left: 0;
}
@media screen and (max-width: 800px) {
  .boolean-checkbox .option-label:before {
    position: relative;
  }
}
.boolean-checkbox:not(.toggle-button) > span {
  display: inline-block;
}
.boolean-checkbox input[type=checkbox]:checked + .option-label:before {
  content: "\f14a";
}
.boolean-checkbox.toggle-button input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
.boolean-checkbox.toggle-button .button {
  font-size: 100%;
}
.boolean-checkbox.toggle-button .button.primary {
  color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
  border-left: 15px;
  border-right: 15px;
  border: 2px solid #cccccc;
}
.boolean-checkbox.toggle-button .button.primary:hover,
.boolean-checkbox.toggle-button .button.primary:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.boolean-checkbox.toggle-button .button.primary.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.boolean-checkbox.toggle-button .button.primary.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.boolean-checkbox.toggle-button .button.primary:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.boolean-checkbox.toggle-button .button.primary:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.boolean-checkbox.toggle-button .button.primary.action-button,
.boolean-checkbox.toggle-button .button.primary.next-button,
.boolean-checkbox.toggle-button .button.primary.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.boolean-checkbox.toggle-button .button.primary:hover,
.boolean-checkbox.toggle-button .button.primary:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.boolean-checkbox.toggle-button .option-label:before {
  content: '';
  display: none;
}
.boolean-checkbox.toggle-button input[type=checkbox]:checked + .option-label:before {
  content: '';
  display: none;
}
.align-with-fields .hint-spacer {
  margin-left: 210px;
}
.align-with-fields.as-mobile .hint-spacer {
  margin-left: -25px;
  margin-right: 20px;
}
.align-with-fields.boolean-checkbox .hint-spacer {
  margin-left: 180px;
}
.align-with-fields.boolean-checkbox .checkbox-container {
  padding-left: 0;
}
.align-with-fields.boolean-checkbox .option-label:before {
  left: auto;
  position: relative;
}
.container-button,
label.container-button {
  font-size: 100%;
  margin-bottom: 0;
  margin-top: 15px;
  text-align: left;
  min-height: 0;
  padding: 10px 15px;
}
.data-component.checkbox .container-button {
  border-radius: 0px;
  background-clip: padding-box;
  box-shadow: none;
  border: none;
  background-color: transparent;
  padding: 0;
  padding-left: 20px;
  font-size: 100%;
}
.data-component.checkbox .container-button .option-label {
  user-select: none;
}
.data-component.checkbox .container-button:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  padding-right: 10px;
  color: #6b2bf6;
  content: "\f046";
}
.data-component.checkbox .container-button input[type=checkbox] {
  display: none;
}
.data-component.checkbox .container-button.secondary:before {
  content: "\f096";
}
.data-component.checkbox .container-button:hover {
  background: none;
  background-color: transparent;
  color: #6b2bf6;
}
.data-component.checkbox .container-button.disabled {
  color: #524f55;
}
.data-component.checkbox .container-button.disabled:before {
  color: #524f55;
}
.data-component.checkbox .button.alternate.right {
  border-radius: 0px;
  background-clip: padding-box;
  margin-top: 20px;
  margin-left: 30px;
  float: none;
  border: none;
  background-color: transparent;
  color: #6b2bf6;
}
.data-component.checkbox .button.alternate.right:hover,
.data-component.checkbox .button.alternate.right:active,
.data-component.checkbox .button.alternate.right:focus {
  background: none;
  background-color: transparent;
  text-decoration: underline;
}
.data-component.checkbox .button.alternate.right.disabled {
  display: none;
}
.data-component.checkbox .input-container fieldset {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.data-component.checkbox .input-container fieldset.display-inline-tooltip {
  display: block;
}
.data-component.checkbox .input-container fieldset.display-inline-tooltip label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled) {
  margin-bottom: 5px;
}
.data-component.checkbox .input-container fieldset.display-inline-tooltip br {
  display: block;
}
.data-component.checkbox .input-container fieldset.display-inline-tooltip p.option-help-label {
  font-size: 85%;
  font-weight: normal;
  display: inline-block;
  padding-left: 10px;
  margin: 0;
}
.data-component.checkbox .input-container fieldset.display-inline-tooltip p.option-help-label:not(.version-container) {
  font-style: italic;
}
/* /////////////////////////////////////////////////

Full width modifiers

///////////////////////////////////////////////// */
.data-component-container.is-full-width[data-display-type-shortcode="RADIO"] .allowed-values.button-bar {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.data-component-container.is-full-width[data-display-type-shortcode="RADIO"] .allowed-values.button-bar li {
  flex-grow: 1;
  display: flex;
}
.data-component-container.is-full-width[data-display-type-shortcode="RADIO"] .allowed-values.button-bar li label {
  flex-grow: 1;
  padding-left: 28px;
  padding-right: 28px;
}
.bg-foreground {
  background-color: #524f55;
}
.bg-chartGood {
  background-color: green;
}
.bg-chartMedium {
  background-color: orange;
}
.bg-chartBad {
  background-color: red;
}
.bg-chartHover {
  background-color: #cccccc;
}
.bg-chartStroke {
  background-color: #e1e1e1;
}
.bg-chartScaleLine {
  background-color: #cccccc;
}
.bg-chartFill {
  background-color: rgba(107, 43, 246, 0.2);
}
.bg-chartKeyStat {
  background-color: #64dce0;
}
.bg-initial1,
.bg-chartNeutral1 {
  background-color: #6b2bf6;
}
.bg-initial2,
.bg-chartNeutral2 {
  background-color: #2b46f6;
}
.bg-initial3,
.bg-chartNeutral3 {
  background-color: #f62bca;
}
.bg-initial4,
.bg-chartNeutral4 {
  background-color: #2ba2f6;
}
.bg-initial5,
.bg-chartNeutral5 {
  background-color: #f62b6f;
}
.bg-initial6,
.bg-chartNeutral6 {
  background-color: #2bf6ef;
}
.bg-initial7,
.bg-chartNeutral7 {
  background-color: #f6422b;
}
.bg-initial8,
.bg-chartNeutral8 {
  background-color: #2bf694;
}
.bg-initial9,
.bg-chartNeutral9 {
  background-color: #f69e2b;
}
.bg-initial10,
.bg-chartNeutral10 {
  background-color: #2bf638;
}
.bg-border {
  background-color: #cccccc;
}
.chartGood {
  color: green;
}
.chartMedium {
  color: orange;
}
.chartBad {
  color: red;
}
.chartHover {
  color: #cccccc;
}
.chartStroke {
  color: #e1e1e1;
}
.chartScaleLine {
  color: #cccccc;
}
.chartFill {
  color: rgba(107, 43, 246, 0.2);
}
.chartKeyStat {
  color: #64dce0;
}
.chartNeutral1 {
  color: #6b2bf6;
}
.chartNeutral2 {
  color: #2b46f6;
}
.chartNeutral3 {
  color: #f62bca;
}
.chartNeutral4 {
  color: #2ba2f6;
}
.chartNeutral5 {
  color: #f62b6f;
}
.chartNeutral6 {
  color: #2bf6ef;
}
.chartNeutral7 {
  color: #f6422b;
}
.chartNeutral8 {
  color: #2bf694;
}
.chartNeutral9 {
  color: #f69e2b;
}
.chartNeutral10 {
  color: #2bf638;
}
.bg-initial11,
.bg-chartNeutral11 {
  background-color: #c355ff;
}
.bg-initial12,
.bg-chartNeutral12 {
  background-color: #7755ff;
}
.bg-initial13,
.bg-chartNeutral13 {
  background-color: #ff55a2;
}
.bg-initial14,
.bg-chartNeutral14 {
  background-color: #5580ff;
}
.bg-initial15,
.bg-chartNeutral15 {
  background-color: #ff5555;
}
.bg-initial16,
.bg-chartNeutral16 {
  background-color: #55ccff;
}
.bg-initial17,
.bg-chartNeutral17 {
  background-color: #ffa155;
}
.bg-initial18,
.bg-chartNeutral18 {
  background-color: #55ffe5;
}
.bg-initial19,
.bg-chartNeutral19 {
  background-color: #ffee55;
}
.bg-initial20,
.bg-chartNeutral20 {
  background-color: #55ff99;
}
.bg-initial100,
.bg-chartNeutral100 {
  background-color: #ffffff;
}
.bg-initial99,
.bg-chartNeutral99 {
  background-color: #ffffff;
}
.bg-initial98,
.bg-chartNeutral98 {
  background-color: #ffffff;
}
.bg-initial97,
.bg-chartNeutral97 {
  background-color: #ffffff;
}
.bg-initial96,
.bg-chartNeutral96 {
  background-color: #ffffff;
}
.bg-initial95,
.bg-chartNeutral95 {
  background-color: #ffffff;
}
.bg-initial94,
.bg-chartNeutral94 {
  background-color: #ffffff;
}
.bg-initial93,
.bg-chartNeutral93 {
  background-color: #ffffff;
}
.bg-initial92,
.bg-chartNeutral92 {
  background-color: #ffffff;
}
.bg-initial91,
.bg-chartNeutral91 {
  background-color: #ffffff;
}
.bg-initial90,
.bg-chartNeutral90 {
  background-color: #ffffff;
}
.bg-initial89,
.bg-chartNeutral89 {
  background-color: #ffffff;
}
.bg-initial88,
.bg-chartNeutral88 {
  background-color: #ffffff;
}
.bg-initial87,
.bg-chartNeutral87 {
  background-color: #ffffff;
}
.bg-initial86,
.bg-chartNeutral86 {
  background-color: #ffffff;
}
.bg-initial85,
.bg-chartNeutral85 {
  background-color: #ffffff;
}
.bg-initial84,
.bg-chartNeutral84 {
  background-color: #ffffff;
}
.bg-initial83,
.bg-chartNeutral83 {
  background-color: #ffffff;
}
.bg-initial82,
.bg-chartNeutral82 {
  background-color: #ffffff;
}
.bg-initial81,
.bg-chartNeutral81 {
  background-color: #ffffff;
}
.bg-initial80,
.bg-chartNeutral80 {
  background-color: #ffffff;
}
.bg-initial79,
.bg-chartNeutral79 {
  background-color: #ffffff;
}
.bg-initial78,
.bg-chartNeutral78 {
  background-color: #ffffff;
}
.bg-initial77,
.bg-chartNeutral77 {
  background-color: #ffffff;
}
.bg-initial76,
.bg-chartNeutral76 {
  background-color: #ffffff;
}
.bg-initial75,
.bg-chartNeutral75 {
  background-color: #ffffff;
}
.bg-initial74,
.bg-chartNeutral74 {
  background-color: #ffffff;
}
.bg-initial73,
.bg-chartNeutral73 {
  background-color: #ffffff;
}
.bg-initial72,
.bg-chartNeutral72 {
  background-color: #ffffff;
}
.bg-initial71,
.bg-chartNeutral71 {
  background-color: #ffffff;
}
.bg-initial70,
.bg-chartNeutral70 {
  background-color: #ffffff;
}
.bg-initial69,
.bg-chartNeutral69 {
  background-color: #ffffff;
}
.bg-initial68,
.bg-chartNeutral68 {
  background-color: #ffffff;
}
.bg-initial67,
.bg-chartNeutral67 {
  background-color: #ffffff;
}
.bg-initial66,
.bg-chartNeutral66 {
  background-color: #ffffff;
}
.bg-initial65,
.bg-chartNeutral65 {
  background-color: #ffffff;
}
.bg-initial64,
.bg-chartNeutral64 {
  background-color: #ffffff;
}
.bg-initial63,
.bg-chartNeutral63 {
  background-color: #fffefd;
}
.bg-initial62,
.bg-chartNeutral62 {
  background-color: #fffaf8;
}
.bg-initial61,
.bg-chartNeutral61 {
  background-color: #fff4f4;
}
.bg-initial60,
.bg-chartNeutral60 {
  background-color: #feeff4;
}
.bg-initial59,
.bg-chartNeutral59 {
  background-color: #feeaf8;
}
.bg-initial58,
.bg-chartNeutral58 {
  background-color: #fde5fe;
}
.bg-initial57,
.bg-chartNeutral57 {
  background-color: #f3e0fe;
}
.bg-initial56,
.bg-chartNeutral56 {
  background-color: #e6dbfd;
}
.bg-initial55,
.bg-chartNeutral55 {
  background-color: #d6d7fd;
}
.bg-initial54,
.bg-chartNeutral54 {
  background-color: #d1e1fd;
}
.bg-initial53,
.bg-chartNeutral53 {
  background-color: #cceefd;
}
.bg-initial52,
.bg-chartNeutral52 {
  background-color: #c8fdfc;
}
.bg-initial51,
.bg-chartNeutral51 {
  background-color: #c3fce8;
}
.bg-initial50,
.bg-chartNeutral50 {
  background-color: #befcd1;
}
.bg-initial49,
.bg-chartNeutral49 {
  background-color: #bafcb9;
}
.bg-initial48,
.bg-chartNeutral48 {
  background-color: #cdfcb4;
}
.bg-initial47,
.bg-chartNeutral47 {
  background-color: #e3fcaf;
}
.bg-initial46,
.bg-chartNeutral46 {
  background-color: #fbfaaa;
}
.bg-initial45,
.bg-chartNeutral45 {
  background-color: #fbdda5;
}
.bg-initial44,
.bg-chartNeutral44 {
  background-color: #fbbda0;
}
.bg-initial43,
.bg-chartNeutral43 {
  background-color: #fb9c9d;
}
.bg-initial42,
.bg-chartNeutral42 {
  background-color: #fb97ba;
}
.bg-initial41,
.bg-chartNeutral41 {
  background-color: #fa92d9;
}
.bg-initial40,
.bg-chartNeutral40 {
  background-color: #f88dfa;
}
.bg-initial39,
.bg-chartNeutral39 {
  background-color: #d288fa;
}
.bg-initial38,
.bg-chartNeutral38 {
  background-color: #a883fa;
}
.bg-initial37,
.bg-chartNeutral37 {
  background-color: #7e80fa;
}
.bg-initial36,
.bg-chartNeutral36 {
  background-color: #79a6f9;
}
.bg-initial35,
.bg-chartNeutral35 {
  background-color: #74cff9;
}
.bg-initial34,
.bg-chartNeutral34 {
  background-color: #6ff9f6;
}
.bg-initial33,
.bg-chartNeutral33 {
  background-color: #6bf9c7;
}
.bg-initial32,
.bg-chartNeutral32 {
  background-color: #66f894;
}
.bg-initial31,
.bg-chartNeutral31 {
  background-color: #64f861;
}
.bg-initial30,
.bg-chartNeutral30 {
  background-color: #93f85c;
}
.bg-initial29,
.bg-chartNeutral29 {
  background-color: #c5f857;
}
.bg-initial28,
.bg-chartNeutral28 {
  background-color: #f8f552;
}
.bg-initial27,
.bg-chartNeutral27 {
  background-color: #f7bc4d;
}
.bg-initial26,
.bg-chartNeutral26 {
  background-color: #f77f48;
}
.bg-initial25,
.bg-chartNeutral25 {
  background-color: #f74347;
}
.bg-initial24,
.bg-chartNeutral24 {
  background-color: #f73f7f;
}
.bg-initial23,
.bg-chartNeutral23 {
  background-color: #f73abb;
}
.bg-initial22,
.bg-chartNeutral22 {
  background-color: #f335f6;
}
.bg-initial21,
.bg-chartNeutral21 {
  background-color: #b130f6;
}
.chartNeutral11 {
  color: #c355ff;
}
.chartNeutral12 {
  color: #7755ff;
}
.chartNeutral13 {
  color: #ff55a2;
}
.chartNeutral14 {
  color: #5580ff;
}
.chartNeutral15 {
  color: #ff5555;
}
.chartNeutral16 {
  color: #55ccff;
}
.chartNeutral17 {
  color: #ffa155;
}
.chartNeutral18 {
  color: #55ffe5;
}
.chartNeutral19 {
  color: #ffee55;
}
.chartNeutral20 {
  color: #55ff99;
}
.chart-title {
  font-size: 17.55px;
  line-height: 28px;
  color: #524f55;
  margin-bottom: 10px;
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  margin-bottom: var(--spacing);
  text-align: center;
  margin: 0 auto;
}
.chart-title.has-delta {
  display: none;
}
@media print {
  .chart-title {
    color: black;
  }
}
.data-component.chart-js-data-component .chart-container {
  margin: 0 auto;
}
.data-component.chart-js-data-component .loading-container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  background-color: transparent;
}
.data-component.chart-data-component {
  margin-bottom: 15px;
}
.data-component.chart-data-component .chart-container {
  position: relative;
  display: inline-block;
  width: 100%;
}
.data-component.chart-data-component .chart-container.is-error-state,
.data-component.chart-data-component .chart-container.bordered {
  box-sizing: border-box;
  border: 1px solid #cccccc;
  border-top: solid 1px #EEE;
  border-left: solid 1px #EEE;
  border-right: solid 1px #EEE;
  border-bottom: solid 1px #EEE;
  text-align: center;
  padding: 40px 60px;
}
.data-component.chart-data-component .chart-container.hasChartWidth {
  text-align: right;
  padding-right: 20px;
}
.data-component.chart-data-component .chart-container.hasChartWidth .doughnut-key-stat {
  left: auto;
  right: 20px;
  width: 227px;
  transform: translate(0%, -50%);
}
.data-component.chart-data-component .chart-cache-image {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.data-component.chart-data-component .doughnut-key-stat {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
  text-align: center;
}
.data-component.chart-data-component .doughnut-key-stat .key-stat {
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 5px;
}
.data-component.chart-data-component .doughnut-key-stat .stat-name {
  font-size: 14px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  /* number of lines to show */
  line-height: 20px;
  /* fallback */
  max-height: 40px;
  /* fallback */
}
.data-component.chart-data-component .chart-legend {
  transform: scale(0.75);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  transform-origin: 0 0;
  border: none;
  background-color: transparent;
  display: inline-block;
  position: absolute;
}
.data-component.chart-data-component .chart-legend .chart-key {
  border-radius: 8px;
  background-clip: padding-box;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  display: inline-block;
  color: #6b2bf6;
  padding: 0.437em 0.937em;
  line-height: 1.5em;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 10px;
  text-align: center;
  white-space: nowrap;
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  border: 1px solid white;
  font-weight: bold;
  color: #524f55;
  background: none;
  background-color: #f4f4f4;
  color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
  margin-bottom: 0;
  text-align: left;
}
.data-component.chart-data-component .chart-legend .chart-key:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component.chart-data-component .chart-legend .chart-key:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component.chart-data-component .chart-legend .chart-key:hover,
.data-component.chart-data-component .chart-legend .chart-key:focus {
  text-decoration: none;
  background-color: #6b2bf6;
  color: #ffffff;
}
.data-component.chart-data-component .chart-legend .chart-key.with-loading-icon {
  position: relative;
}
.data-component.chart-data-component .chart-legend .chart-key.with-loading-icon label,
.data-component.chart-data-component .chart-legend .chart-key.with-loading-icon .label {
  cursor: pointer;
  margin-bottom: 0;
}
.data-component.chart-data-component .chart-legend .chart-key.with-loading-icon .loading-icon {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  visibility: hidden;
  position: absolute;
}
.data-component.chart-data-component .chart-legend .chart-key.with-loading-icon .loading-icon:before {
  width: 15px;
  height: 15px;
}
.data-component.chart-data-component .chart-legend .chart-key.with-loading-icon.is-loading {
  pointer-events: none;
}
.data-component.chart-data-component .chart-legend .chart-key.with-loading-icon.is-loading label,
.data-component.chart-data-component .chart-legend .chart-key.with-loading-icon.is-loading .label {
  opacity: 0;
}
.data-component.chart-data-component .chart-legend .chart-key.with-loading-icon.is-loading .loading-icon {
  visibility: visible;
}
.data-component.chart-data-component .chart-legend .chart-key.bordered {
  border: 2px solid white;
}
.data-component.chart-data-component .chart-legend .chart-key.bordered:hover {
  border-color: white;
}
.data-component.chart-data-component .chart-legend .chart-key.block {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-component.chart-data-component .chart-legend .chart-key.round {
  color: #ffffff;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
  border: 2px solid white;
  box-sizing: border-box;
  min-width: 35px;
  min-height: 35px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  padding: 0;
  display: inline-block;
}
.data-component.chart-data-component .chart-legend .chart-key.round:hover,
.data-component.chart-data-component .chart-legend .chart-key.round:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.data-component.chart-data-component .chart-legend .chart-key.round.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.data-component.chart-data-component .chart-legend .chart-key.round.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.data-component.chart-data-component .chart-legend .chart-key.round:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component.chart-data-component .chart-legend .chart-key.round:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component.chart-data-component .chart-legend .chart-key.round.action-button,
.data-component.chart-data-component .chart-legend .chart-key.round.next-button,
.data-component.chart-data-component .chart-legend .chart-key.round.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.data-component.chart-data-component .chart-legend .chart-key.round:hover,
.data-component.chart-data-component .chart-legend .chart-key.round:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.data-component.chart-data-component .chart-legend .chart-key.round:hover {
  border-color: white;
}
.data-component.chart-data-component .chart-legend .chart-key.is-error {
  background-color: #a20000;
  color: #ffffff;
}
.data-component.chart-data-component .chart-legend .chart-key.is-error:hover,
.data-component.chart-data-component .chart-legend .chart-key.is-error:focus {
  background-color: #560000;
  color: #ffffff;
}
.data-component.chart-data-component .chart-legend .chart-key.disabled-button {
  pointer-events: none;
  opacity: 0.75;
  filter: grayscale(100%);
}
.data-component.chart-data-component .chart-legend .chart-key.disabled {
  background-color: #ffffff;
  color: #919191;
  pointer-events: none;
}
.data-component.chart-data-component .chart-legend .chart-key.selected {
  background-color: #6b2bf6;
  color: #ffffff;
}
.data-component.chart-data-component .chart-legend .chart-key.x-small {
  font-size: 60% !important;
}
.data-component.chart-data-component .chart-legend .chart-key.small {
  font-size: 80% !important;
}
.data-component.chart-data-component .chart-legend .chart-key.bigger {
  font-size: 120% !important;
}
.data-component.chart-data-component .chart-legend .chart-key.x-large {
  font-size: 140% !important;
}
.data-component.chart-data-component .chart-legend .chart-key:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component.chart-data-component .chart-legend .chart-key:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component.chart-data-component .chart-legend .chart-key.action-button,
.data-component.chart-data-component .chart-legend .chart-key.next-button,
.data-component.chart-data-component .chart-legend .chart-key.back-button {
  padding-left: 20px;
  padding-right: 20px;
}
.data-component.chart-data-component .chart-legend .chart-key:hover {
  color: #524f55;
  background-color: #e3e3e3;
}
.data-component.chart-data-component .chart-legend .chart-key.green {
  color: white;
  background-color: green;
  border-color: green;
}
.data-component.chart-data-component .chart-legend .chart-key.green:hover {
  background-color: #004d00;
}
.data-component.chart-data-component .chart-legend .chart-key:hover,
.data-component.chart-data-component .chart-legend .chart-key:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.data-component.chart-data-component .chart-legend .chart-key.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.data-component.chart-data-component .chart-legend .chart-key.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.data-component.chart-data-component .chart-legend .chart-key:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component.chart-data-component .chart-legend .chart-key:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component.chart-data-component .chart-legend .chart-key.action-button,
.data-component.chart-data-component .chart-legend .chart-key.next-button,
.data-component.chart-data-component .chart-legend .chart-key.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.data-component.chart-data-component .chart-legend .chart-key:hover,
.data-component.chart-data-component .chart-legend .chart-key:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.data-component.chart-data-component .chart-legend .chart-key .toggle-control {
  color: white;
  font-size: 20px !important;
}
.data-component.chart-data-component .chart-legend .chart-key strong {
  color: white;
}
.data-component.chart-data-component .chart-legend.key-expanded .chart-key {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 4px;
  background-clip: padding-box;
  display: block;
  background: none;
  background-color: #6b2bf6;
  color: white;
  text-align: left;
}
.data-component.chart-data-component .chart-legend table .statistic-name {
  padding-bottom: 5px;
  text-align: left;
}
.data-component.chart-data-component .chart-legend table .statistic-value {
  padding-left: 10px;
  text-align: right;
}
.data-component.chart-data-component .chart-legend ul {
  display: inline-block;
  margin-top: 20px;
}
.data-component.chart-data-component .chart-legend ul li {
  text-align: left;
  margin-bottom: 5px;
}
.data-component.chart-data-component .chart-legend ul li span {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #cccccc;
}
.data-component.chart-data-component .chart-legend.is-draggable {
  padding: 10px;
  position: absolute;
  top: 5px;
}
.data-component.chart-data-component .chart-legend.is-draggable ul {
  margin-top: 0;
}
.data-component.chart-data-component .chart-legend.is-draggable.ui-draggable header {
  cursor: move;
}
.data-component.chart-data-component .chart-legend .legend-container {
  padding: 10px;
  background-color: #ffffff;
}
.data-component.chart-data-component .chart-legend .legend-container.keyExpanded {
  display: block;
}
.data-component.chart-data-component .input-container.is-graph {
  width: 500px;
}
.data-component.chart-data-component.full-width {
  text-align: center;
}
.data-component.chart-data-component.full-width .input-container.is-graph {
  width: 100%;
}
.data-component.chart-data-component.full-width .input-container .chart-legend {
  text-align: left;
}
.data-component.chart-data-component.full-width .input-container .chart-legend table {
  display: inline-block;
}
.data-component.chart-data-component.full-width .readonly-value {
  text-align: left;
}
.data-component.chart-data-component.full-width .readonly-value .header {
  font-size: 20px;
}
.data-component.chart-data-component.full-width .readonly-value span {
  display: block;
  text-align: left;
  padding-bottom: 10px;
}
@media screen and (min-width: 800px) {
  .data-component.chart-data-component.full-width ul.for-chart {
    transform: translate(0%, -50%);
    left: 0%;
    top: 50%;
    position: absolute;
    right: 0;
  }
}
.data-component.chart-data-component.is-being-resized .chart-container {
  overflow: hidden;
}
.data-component .inline-key-container {
  margin-top: 20px;
}
.data-component .inline-key-container ul li {
  display: inline-block;
  margin-right: 20px;
  font-size: 12px;
}
.data-component .inline-key-container ul li .statistic-value {
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
}
.data-component .inline-key-container ul li .statistic-value:before {
  content: ":";
  margin-right: 5px;
  margin-left: -2px;
}
.data-component .user-config-container {
  text-align: center;
  font-size: 80%;
}
.data-component .user-config-container .state-open select {
  margin-right: 10px;
}
.color-key {
  border-radius: 10px;
  background-clip: padding-box;
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 5px;
  border: 1px solid #cccccc;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .outer-container {
  visibility: hidden;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .outer-container.show-chart {
  visibility: visible;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting {
  padding-bottom: 20px;
  overflow: hidden;
  margin-right: 0px;
  margin-left: 20px;
  position: relative;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .track {
  background: none;
  /* get rid of Firefox track background */
  height: 100%;
  width: 100%;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .thumb,
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .overlay {
  height: 65px;
  margin-top: -65px;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .thumb {
  border: none;
  /* get rid of Firefox thumb border */
  border-radius: 0;
  /* get rid of Firefox corner rounding */
  pointer-events: auto;
  /* catch clicks */
  width: 7px;
  display: block;
  cursor: ew-resize;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .thumb-left {
  background-color: #777578;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .thumb-right {
  background-color: #777578;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .chart-container {
  border-radius: 5px;
  background-clip: padding-box;
  overflow: hidden;
  margin: 0;
  margin-bottom: -10px;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .chart-container.overview {
  cursor: grab;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container {
  position: relative;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container.is-dragging input[type="RANGE"] {
  pointer-events: none;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container input[type="RANGE"] {
  width: 100%;
  position: absolute;
  left: 0;
  height: 0;
  /* same as before */
  background: none;
  /* get rid of white Chrome background */
  color: #000;
  font: inherit;
  /* fix too small font-size in both Chrome & Firefox */
  margin: 0;
  pointer-events: none;
  /* let clicks pass through */
  z-index: 1;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container input[type="RANGE"]::-webkit-slider-runnable-track,
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container input[type="RANGE"]::-webkit-slider-thumb,
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container input[type="RANGE"] {
  -webkit-appearance: none;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container input[type="RANGE"]:focus {
  z-index: 2;
  outline: none;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container input[type="RANGE"]::-webkit-slider-runnable-track {
  background: none;
  /* get rid of Firefox track background */
  height: 100%;
  width: 100%;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container input[type="RANGE"]::-moz-range-track {
  background: none;
  /* get rid of Firefox track background */
  height: 100%;
  width: 100%;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container input[type="RANGE"].rangeStart::-webkit-slider-thumb {
  height: 65px;
  margin-top: -65px;
  border: none;
  /* get rid of Firefox thumb border */
  border-radius: 0;
  /* get rid of Firefox corner rounding */
  pointer-events: auto;
  /* catch clicks */
  width: 7px;
  display: block;
  cursor: ew-resize;
  background-color: #777578;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container input[type="RANGE"].rangeStart::-moz-range-thumb {
  height: 65px;
  margin-top: -65px;
  border: none;
  /* get rid of Firefox thumb border */
  border-radius: 0;
  /* get rid of Firefox corner rounding */
  pointer-events: auto;
  /* catch clicks */
  width: 7px;
  display: block;
  cursor: ew-resize;
  background-color: #777578;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container input[type="RANGE"].rangeEnd::-webkit-slider-thumb {
  height: 65px;
  margin-top: -65px;
  border: none;
  /* get rid of Firefox thumb border */
  border-radius: 0;
  /* get rid of Firefox corner rounding */
  pointer-events: auto;
  /* catch clicks */
  width: 7px;
  display: block;
  cursor: ew-resize;
  background-color: #777578;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container input[type="RANGE"].rangeEnd::-moz-range-thumb {
  height: 65px;
  margin-top: -65px;
  border: none;
  /* get rid of Firefox thumb border */
  border-radius: 0;
  /* get rid of Firefox corner rounding */
  pointer-events: auto;
  /* catch clicks */
  width: 7px;
  display: block;
  cursor: ew-resize;
  background-color: #777578;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container .overlay {
  background: rgba(204, 204, 204, 0.8);
  mix-blend-mode: saturation;
  position: absolute;
  cursor: default;
  width: auto;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container .overlay.start {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  background-clip: padding-box;
  left: 0;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .slider-container .overlay.end {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
  right: 0;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .label {
  position: absolute;
  display: inline-block;
  white-space: nowrap;
  font-size: 12px;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .label.start {
  text-align: right;
  left: 0;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .range-setting .label.end {
  right: 0;
  z-index: 1;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .delta-summaries-container {
  margin-bottom: 20px;
  white-space: nowrap;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .delta-summaries-container .deltas {
  display: grid;
  grid-column-gap: 20px;
  grid-template-columns: min-content min-content;
  align-items: center;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .delta-summaries-container .name,
.data-component-container[data-display-type-shortcode="CHARTJS"] .delta-summaries-container .delta {
  white-space: nowrap;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .delta-summaries-container strong.main-number {
  font-size: 1.4em;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .delta-summaries-container strong.main-number span.percent {
  font-size: 14px;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .legend {
  margin-top: 10px;
  text-align: center;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .legend ul {
  margin: 0px auto;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .legend ul li {
  user-select: none;
  display: inline-block;
  word-break: break-all;
  padding-left: 20px;
  position: relative;
  cursor: pointer;
  margin-right: 10px;
  margin-bottom: 5px;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .legend ul li .color-key {
  position: absolute;
  left: 0px;
  top: 5px;
  width: 10px;
  height: 10px;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .legend ul li.disabled .legend-label-container {
  text-decoration: line-through;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .legend.drawLegendAsBars {
  margin: 0 auto;
  margin-top: 10px;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .legend.drawLegendAsBars li {
  display: grid;
  grid-template-areas: "label key";
  grid-template-columns: 1fr 1fr;
  text-align: left;
  grid-column-gap: 10px;
  margin-bottom: 0;
  padding-left: 0;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .legend.drawLegendAsBars li .legend-label-container {
  grid-area: label;
  text-align: right;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-component-container[data-display-type-shortcode="CHARTJS"] .legend.drawLegendAsBars li .color-key {
  grid-area: key;
  display: inline-block;
  min-width: 10px;
}
.stroke-chartNeutral1 {
  stroke: #6b2bf6;
}
.stroke-chartNeutral2 {
  stroke: #2b46f6;
}
.stroke-chartNeutral3 {
  stroke: #f62bca;
}
.stroke-chartNeutral4 {
  stroke: #2ba2f6;
}
.stroke-chartNeutral5 {
  stroke: #f62b6f;
}
.stroke-chartNeutral6 {
  stroke: #2bf6ef;
}
.stroke-chartNeutral7 {
  stroke: #f6422b;
}
.stroke-chartNeutral8 {
  stroke: #2bf694;
}
.stroke-chartNeutral9 {
  stroke: #f69e2b;
}
.stroke-chartNeutral10 {
  stroke: #2bf638;
}
.stroke-borderColor {
  stroke: #cccccc;
}
.fake-pie-chart {
  display: block;
  margin: 0 auto;
  margin-bottom: 20px;
  width: 200px;
  height: 200px;
  border-radius: 50%;
  background: conic-gradient(rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.1) 50%, rgba(0, 0, 0, 0.15) 50%, rgba(0, 0, 0, 0.15) 100%);
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  text-align: center;
  background-position: center center;
  align-content: center;
  font-style: italic;
}
.fake-pie-chart.small {
  width: 150px;
  height: 150px;
}
.wizard-form-progress-loader-container .fake-group,
.spa-loader-v-2.skeleton-loader .fake-group,
.summary-group-card,
.group-card:not(.inline-nav-buttons) {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  border-radius: 10px;
  background-clip: padding-box;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #eeeeee;
}
.wizard-form-progress-loader-container .fake-group .data-grid-v2 .loading-container,
.spa-loader-v-2.skeleton-loader .fake-group .data-grid-v2 .loading-container,
.summary-group-card .data-grid-v2 .loading-container,
.group-card:not(.inline-nav-buttons) .data-grid-v2 .loading-container {
  background-color: #eeeeee;
}
.wizard-form-progress-loader-container .fake-group.flat,
.spa-loader-v-2.skeleton-loader .fake-group.flat,
.summary-group-card.flat,
.group-card:not(.inline-nav-buttons).flat {
  box-shadow: none;
  border-top: none;
  margin-bottom: 0;
}
.wizard-form-progress-loader-container .fake-group.is-retractable,
.spa-loader-v-2.skeleton-loader .fake-group.is-retractable,
.summary-group-card.is-retractable,
.group-card:not(.inline-nav-buttons).is-retractable {
  padding: 10px;
}
@media screen {
  .wizard-form-progress-loader-container .fake-group .group-card,
  .spa-loader-v-2.skeleton-loader .fake-group .group-card,
  .summary-group-card .group-card,
  .group-card:not(.inline-nav-buttons) .group-card {
    background: none;
    background-color: #f2f2f2;
  }
  .wizard-form-progress-loader-container .fake-group .group-card .group-card,
  .spa-loader-v-2.skeleton-loader .fake-group .group-card .group-card,
  .summary-group-card .group-card .group-card,
  .group-card:not(.inline-nav-buttons) .group-card .group-card {
    background-color: #ffffff;
  }
  .wizard-form-progress-loader-container .fake-group .group-card .group-card .group-card,
  .spa-loader-v-2.skeleton-loader .fake-group .group-card .group-card .group-card,
  .summary-group-card .group-card .group-card .group-card,
  .group-card:not(.inline-nav-buttons) .group-card .group-card .group-card {
    background-color: #ffffff;
  }
}
.summary-group-card .compound-component.compound-component .wizard-form .inline-nav-buttons .navigation-buttons {
  padding-left: 228px;
}
.summary-group-card .compound-component.compound-component.as-mobile .wizard-form .inline-nav-buttons .navigation-buttons {
  padding-left: 0;
}
.repeater-item-container .wizard-form,
.compound-group-card:not(.inline-nav-buttons) {
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  box-sizing: border-box;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 0;
  background-clip: padding-box;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #eeeeee;
  overflow: auto;
  border-top: none;
  margin-top: -12px;
}
.summary-group-card {
  float: left;
  width: 100%;
  overflow: auto;
}
.summary-group-card .group-card {
  box-shadow: none;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  border: none;
  background-color: transparent;
}
.summary-group-card .group-card .field-label,
.summary-group-card .group-card .input-container {
  margin-left: 0;
  padding-left: 0;
}
.summary-group-card .alert {
  margin-top: 20px;
}
.summary-group-card .hidden-on-summary-screen {
  visibility: hidden;
  height: 0;
  width: 0;
  overflow: hidden;
}
.summary-group-card .readonly-value > span:empty:before {
  content: '-';
}
.summary-group-card .readonly-value > span > a:empty {
  pointer-events: none;
  color: #524f55;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
}
.summary-group-card .readonly-value > span > a:empty:before {
  content: '-';
}
.summary-group-card .readonly-value {
  margin-top: 5px;
}
.summary-group-card .data-component.as-mobile .textblock {
  margin-left: 0;
}
.summary-group-card .data-component-container[data-display-type-shortcode=CHART] .readonly-value > span:empty:before {
  content: '';
}
.group-header {
  margin-bottom: 20px;
}
.group-header a:active,
.group-header a:focus {
  outline: none;
}
.group-header h1,
.group-header h2,
.group-header h3,
.group-header h4,
.group-header h5,
.group-header h6,
.group-header .group-inner-header-container {
  margin-bottom: 5px;
}
.group-header.is-accordion {
  margin-bottom: 0;
}
.group-header.is-accordion .icons-arrow-down:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  content: "\f077";
  color: #524f55;
}
.group-header.is-accordion .icons-arrow-up:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  content: "\f078";
  color: #524f55;
}
.group-header.is-accordion a p {
  display: block;
  text-decoration: none !important;
  margin-left: 34px;
}
.group-header.is-accordion a:focus p {
  display: block;
}
.group-header.is-accordion .show-when-open {
  display: none;
}
.group-header.is-accordion .is-open .show-when-open {
  display: block;
}
.group-header.is-accordion .is-open .hide-when-open {
  display: none;
}
.group-header.is-accordion .show-when-valid {
  display: none;
}
.group-header.is-accordion.is-group-valid .show-when-valid {
  display: initial;
}
.group-header.is-accordion .hide-when-valid {
  display: initial;
}
.group-header.is-accordion.is-group-valid .hide-when-valid {
  display: none;
}
.group-header.is-accordion .required-suffix {
  display: none;
}
.group-header.is-accordion .validation-message {
  float: right;
}
html:not(.disable-validation-message-below-field) .validation-message-below-field .field-label .validation-message {
  position: absolute;
  margin-top: 45px !important;
}
html:not(.disable-validation-message-below-field) .validation-message-below-field .field-label .validation-message.cannot-be-suppressed {
  display: -webkit-box !important;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
html:not(.disable-validation-message-below-field) .validation-message-below-field .field-label.cannot-be-suppressed.error + .hint-spacer + .input-container {
  padding-bottom: 30px;
}
html:not(.disable-validation-message-below-field) .validation-message-below-field .field-label.cannot-be-suppressed.error + .hint-spacer + .input-container .micro-copy {
  margin-top: 35px;
}
@media screen and (min-width: 800px) {
  html:not(.disable-validation-message-below-field) .validation-message-below-field .three-line-validation-message .field-label .validation-message.cannot-be-suppressed {
    -webkit-line-clamp: 3;
  }
  html:not(.disable-validation-message-below-field) .validation-message-below-field .three-line-validation-message .field-label.cannot-be-suppressed.error + .hint-spacer + .input-container {
    padding-bottom: 40px;
  }
  html:not(.disable-validation-message-below-field) .validation-message-below-field .four-line-validation-message .field-label .validation-message.cannot-be-suppressed {
    -webkit-line-clamp: 4;
  }
  html:not(.disable-validation-message-below-field) .validation-message-below-field .four-line-validation-message .field-label.cannot-be-suppressed.error + .hint-spacer + .input-container {
    padding-bottom: 50px;
  }
}
html:not(.disable-validation-message-below-field) .form:not(.suppress-validation-messages) .validation-message-below-field .field-label.error + .hint-spacer + .input-container {
  padding-bottom: 30px;
}
html:not(.disable-validation-message-below-field) .form:not(.suppress-validation-messages) .validation-message-below-field .field-label.error + .hint-spacer + .input-container .micro-copy {
  margin-top: 35px;
}
html:not(.disable-validation-message-below-field) .validation-message-below-field .validation-message-large .field-label.cannot-be-suppressed.error .validation-message {
  -webkit-line-clamp: 5;
}
@media screen and (max-width: 500px) {
  html:not(.disable-validation-message-below-field) .validation-message-below-field .validation-message-large .field-label.cannot-be-suppressed.error .validation-message {
    -webkit-line-clamp: 3;
  }
}
html:not(.disable-validation-message-below-field) .validation-message-below-field .validation-message-large .field-label.cannot-be-suppressed.error + .hint-spacer + .input-container {
  padding-bottom: 70px;
}
@media screen and (max-width: 500px) {
  html:not(.disable-validation-message-below-field) .validation-message-below-field .validation-message-large .field-label.cannot-be-suppressed.error + .hint-spacer + .input-container {
    padding-bottom: 30px;
  }
}
html:not(.disable-validation-message-below-field) .validation-message-below-field .validation-message-large .field-label.cannot-be-suppressed.error + .hint-spacer + .input-container .micro-copy {
  margin-top: 35px;
}
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field .data-component.as-mobile label:not(.button):not(.checkbox-label),
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field .data-component.as-mobile .field-label:not(.button):not(.checkbox-label):not(.in-expanded-row) {
  margin-top: -20px;
}
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field textarea,
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field input[type="text"],
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field input[type="password"],
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field input[type="number"],
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field input[type="tel"],
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field input[type="email"],
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field input[type="url"],
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field input[type="date"],
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field input[type="search"],
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field select,
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field .input-field,
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field .data-component-container[data-display-type-shortcode="POSTCODE_LOOKUP"] .input-container.address-details {
  margin-bottom: 0;
}
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field .data-component-container[data-display-type-shortcode="NUMBER"] .as-mobile .suffix {
  margin-top: -32px;
}
html:not(.disable-validation-message-below-field) .render-children-as-grid-row.validation-message-below-field .field-label.cannot-be-suppressed.error + .hint-spacer + .input-container {
  padding-bottom: 40px;
}
.columns-4 > .group-children {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.columns-4 > .group-children > .group-child {
  height: 100%;
}
.columns-4 > .group-children > .group-child > div:not(.is-full-width) {
  height: 100%;
}
.columns-4 > .group-children > .group-child > div:not(.is-full-width) > .group-card {
  height: 100%;
}
.columns-4 > .group-children > .group-child.is-full-width {
  grid-column: span 4;
  height: auto;
}
.columns-3 > .group-children {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.columns-3 > .group-children > .group-child {
  height: 100%;
}
.columns-3 > .group-children > .group-child > div:not(.is-full-width) {
  height: 100%;
}
.columns-3 > .group-children > .group-child > div:not(.is-full-width) > .group-card {
  height: 100%;
}
.columns-3 > .group-children > .group-child.is-full-width {
  grid-column: span 3;
  height: auto;
}
.columns-2 > .group-children {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.columns-2 > .group-children > .group-child {
  height: 100%;
}
.columns-2 > .group-children > .group-child > div:not(.is-full-width) {
  height: 100%;
}
.columns-2 > .group-children > .group-child > div:not(.is-full-width) > .group-card {
  height: 100%;
}
.columns-2 > .group-children > .group-child.is-full-width {
  grid-column: span 2;
  height: auto;
}
.columns-1 > .group-children {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-row-gap: 10px;
  grid-column-gap: 0;
}
.columns-1 > .group-children > .group-child {
  height: auto;
}
.columns-1 > .group-children > .group-child > div:not(.is-full-width) {
  height: auto;
}
.columns-1 > .group-children > .group-child > div:not(.is-full-width) > .group-card {
  height: auto;
}
.columns-1 > .group-children > .group-child.is-full-width {
  grid-column: span 1;
  height: auto;
}
.group-container[data-visible=false] {
  display: none;
}
.group-container.has-2-columns > .group-children {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.group-container.has-2-columns > .group-children > .group-child {
  height: 100%;
}
.group-container.has-2-columns > .group-children > .group-child > div:not(.is-full-width) {
  height: 100%;
}
.group-container.has-2-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
  height: 100%;
}
.group-container.has-2-columns > .group-children > .group-child.is-full-width {
  grid-column: span 2;
  height: auto;
}
.group-container.has-2-columns > .group-children {
  grid-gap: var(--spacing);
}
@media screen and (max-width: 768px) {
  .group-container.has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 480px) {
  .group-container.has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
.group-container.has-2-columns > .group-children .data-component-container {
  margin-bottom: 10px;
}
@media screen and (max-width: 1100px) {
  .group-container.has-2-columns > .group-children {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-row-gap: 10px;
    grid-column-gap: 0;
  }
  .group-container.has-2-columns > .group-children > .group-child {
    height: auto;
  }
  .group-container.has-2-columns > .group-children > .group-child > div:not(.is-full-width) {
    height: auto;
  }
  .group-container.has-2-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
    height: auto;
  }
  .group-container.has-2-columns > .group-children > .group-child.is-full-width {
    grid-column: span 1;
    height: auto;
  }
  .group-container.has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
  .group-container.has-2-columns > .group-children .data-component-container {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 768px) {
  .group-container.has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 480px) {
  .group-container.has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) {
  .group-container.has-2-columns.each-column-has-2-columns > .group-children {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-row-gap: 10px;
    grid-column-gap: 0;
  }
  .group-container.has-2-columns.each-column-has-2-columns > .group-children > .group-child {
    height: auto;
  }
  .group-container.has-2-columns.each-column-has-2-columns > .group-children > .group-child > div:not(.is-full-width) {
    height: auto;
  }
  .group-container.has-2-columns.each-column-has-2-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
    height: auto;
  }
  .group-container.has-2-columns.each-column-has-2-columns > .group-children > .group-child.is-full-width {
    grid-column: span 1;
    height: auto;
  }
  .group-container.has-2-columns.each-column-has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
  .group-container.has-2-columns.each-column-has-2-columns > .group-children .data-component-container {
    margin-bottom: 10px;
  }
  .group-container.has-2-columns.each-column-has-2-columns .bordered-left {
    border-left: none;
    padding-top: 20px;
  }
  .group-container.has-2-columns.each-column-has-2-columns .bordered-left:before {
    content: '-';
    font-size: 0;
    display: block;
    position: absolute;
    left: 20px;
    right: 20px;
    height: 1px;
    background-color: #cccccc;
    margin-top: -20px;
  }
  .group-container.has-2-columns.each-column-has-2-columns .bordered-left.group-container {
    padding-left: 0;
    margin-left: 0;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 768px) {
  .group-container.has-2-columns.each-column-has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 480px) {
  .group-container.has-2-columns.each-column-has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) {
  .group-container.has-2-columns.each-column-has-3-columns > .group-children {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-row-gap: 10px;
    grid-column-gap: 0;
  }
  .group-container.has-2-columns.each-column-has-3-columns > .group-children > .group-child {
    height: auto;
  }
  .group-container.has-2-columns.each-column-has-3-columns > .group-children > .group-child > div:not(.is-full-width) {
    height: auto;
  }
  .group-container.has-2-columns.each-column-has-3-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
    height: auto;
  }
  .group-container.has-2-columns.each-column-has-3-columns > .group-children > .group-child.is-full-width {
    grid-column: span 1;
    height: auto;
  }
  .group-container.has-2-columns.each-column-has-3-columns > .group-children {
    grid-gap: var(--spacing);
  }
  .group-container.has-2-columns.each-column-has-3-columns > .group-children .data-component-container {
    margin-bottom: 10px;
  }
  .group-container.has-2-columns.each-column-has-3-columns .bordered-left {
    border-left: none;
    padding-top: 20px;
  }
  .group-container.has-2-columns.each-column-has-3-columns .bordered-left:before {
    content: '-';
    font-size: 0;
    display: block;
    position: absolute;
    left: 20px;
    right: 20px;
    height: 1px;
    background-color: #cccccc;
    margin-top: -20px;
  }
  .group-container.has-2-columns.each-column-has-3-columns .bordered-left.group-container {
    padding-left: 0;
    margin-left: 0;
    margin-top: 20px;
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 768px) {
  .group-container.has-2-columns.each-column-has-3-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 480px) {
  .group-container.has-2-columns.each-column-has-3-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) {
  .group-container.has-2-columns.each-column-has-1-columns > .group-children {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-row-gap: 10px;
    grid-column-gap: 0;
  }
  .group-container.has-2-columns.each-column-has-1-columns > .group-children > .group-child {
    height: auto;
  }
  .group-container.has-2-columns.each-column-has-1-columns > .group-children > .group-child > div:not(.is-full-width) {
    height: auto;
  }
  .group-container.has-2-columns.each-column-has-1-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
    height: auto;
  }
  .group-container.has-2-columns.each-column-has-1-columns > .group-children > .group-child.is-full-width {
    grid-column: span 1;
    height: auto;
  }
  .group-container.has-2-columns.each-column-has-1-columns > .group-children {
    grid-gap: var(--spacing);
  }
  .group-container.has-2-columns.each-column-has-1-columns > .group-children .data-component-container {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 768px) {
  .group-container.has-2-columns.each-column-has-1-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 480px) {
  .group-container.has-2-columns.each-column-has-1-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
.group-container.has-3-columns > .group-children {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.group-container.has-3-columns > .group-children > .group-child {
  height: 100%;
}
.group-container.has-3-columns > .group-children > .group-child > div:not(.is-full-width) {
  height: 100%;
}
.group-container.has-3-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
  height: 100%;
}
.group-container.has-3-columns > .group-children > .group-child.is-full-width {
  grid-column: span 3;
  height: auto;
}
.group-container.has-3-columns > .group-children {
  grid-gap: var(--spacing);
}
@media screen and (max-width: 768px) {
  .group-container.has-3-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 480px) {
  .group-container.has-3-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
.group-container.has-3-columns > .group-children .data-component-container {
  margin-bottom: 10px;
}
@media screen and (max-width: 1100px) {
  .group-container.has-3-columns > .group-children {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .group-container.has-3-columns > .group-children > .group-child {
    height: 100%;
  }
  .group-container.has-3-columns > .group-children > .group-child > div:not(.is-full-width) {
    height: 100%;
  }
  .group-container.has-3-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
    height: 100%;
  }
  .group-container.has-3-columns > .group-children > .group-child.is-full-width {
    grid-column: span 2;
    height: auto;
  }
  .group-container.has-3-columns > .group-children {
    grid-gap: var(--spacing);
  }
  .group-container.has-3-columns > .group-children .data-component-container {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 768px) {
  .group-container.has-3-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 480px) {
  .group-container.has-3-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) {
  .group-container.has-3-columns > .group-children {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-row-gap: 10px;
    grid-column-gap: 0;
  }
  .group-container.has-3-columns > .group-children > .group-child {
    height: auto;
  }
  .group-container.has-3-columns > .group-children > .group-child > div:not(.is-full-width) {
    height: auto;
  }
  .group-container.has-3-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
    height: auto;
  }
  .group-container.has-3-columns > .group-children > .group-child.is-full-width {
    grid-column: span 1;
    height: auto;
  }
  .group-container.has-3-columns > .group-children {
    grid-gap: var(--spacing);
  }
  .group-container.has-3-columns > .group-children .data-component-container {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 768px) {
  .group-container.has-3-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 480px) {
  .group-container.has-3-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
.group-container.has-4-columns > .group-children {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
.group-container.has-4-columns > .group-children > .group-child {
  height: 100%;
}
.group-container.has-4-columns > .group-children > .group-child > div:not(.is-full-width) {
  height: 100%;
}
.group-container.has-4-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
  height: 100%;
}
.group-container.has-4-columns > .group-children > .group-child.is-full-width {
  grid-column: span 4;
  height: auto;
}
.group-container.has-4-columns > .group-children {
  grid-gap: var(--spacing);
}
@media screen and (max-width: 768px) {
  .group-container.has-4-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 480px) {
  .group-container.has-4-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
.group-container.has-4-columns > .group-children .data-component-container {
  margin-bottom: 10px;
}
@media screen and (max-width: 1100px) {
  .group-container.has-4-columns > .group-children {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .group-container.has-4-columns > .group-children > .group-child {
    height: 100%;
  }
  .group-container.has-4-columns > .group-children > .group-child > div:not(.is-full-width) {
    height: 100%;
  }
  .group-container.has-4-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
    height: 100%;
  }
  .group-container.has-4-columns > .group-children > .group-child.is-full-width {
    grid-column: span 3;
    height: auto;
  }
  .group-container.has-4-columns > .group-children {
    grid-gap: var(--spacing);
  }
  .group-container.has-4-columns > .group-children .data-component-container {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 768px) {
  .group-container.has-4-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 480px) {
  .group-container.has-4-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) {
  .group-container.has-4-columns > .group-children {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .group-container.has-4-columns > .group-children > .group-child {
    height: 100%;
  }
  .group-container.has-4-columns > .group-children > .group-child > div:not(.is-full-width) {
    height: 100%;
  }
  .group-container.has-4-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
    height: 100%;
  }
  .group-container.has-4-columns > .group-children > .group-child.is-full-width {
    grid-column: span 2;
    height: auto;
  }
  .group-container.has-4-columns > .group-children {
    grid-gap: var(--spacing);
  }
  .group-container.has-4-columns > .group-children .data-component-container {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 768px) {
  .group-container.has-4-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 480px) {
  .group-container.has-4-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) {
  .group-container.has-4-columns > .group-children {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-row-gap: 10px;
    grid-column-gap: 0;
  }
  .group-container.has-4-columns > .group-children > .group-child {
    height: auto;
  }
  .group-container.has-4-columns > .group-children > .group-child > div:not(.is-full-width) {
    height: auto;
  }
  .group-container.has-4-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
    height: auto;
  }
  .group-container.has-4-columns > .group-children > .group-child.is-full-width {
    grid-column: span 1;
    height: auto;
  }
  .group-container.has-4-columns > .group-children {
    grid-gap: var(--spacing);
  }
  .group-container.has-4-columns > .group-children .data-component-container {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 768px) {
  .group-container.has-4-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 480px) {
  .group-container.has-4-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) {
  .group-container.has-4-columns.each-column-has-2-columns > .group-children {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
  .group-container.has-4-columns.each-column-has-2-columns > .group-children > .group-child {
    height: 100%;
  }
  .group-container.has-4-columns.each-column-has-2-columns > .group-children > .group-child > div:not(.is-full-width) {
    height: 100%;
  }
  .group-container.has-4-columns.each-column-has-2-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
    height: 100%;
  }
  .group-container.has-4-columns.each-column-has-2-columns > .group-children > .group-child.is-full-width {
    grid-column: span 2;
    height: auto;
  }
  .group-container.has-4-columns.each-column-has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
  .group-container.has-4-columns.each-column-has-2-columns > .group-children .data-component-container {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 768px) {
  .group-container.has-4-columns.each-column-has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 480px) {
  .group-container.has-4-columns.each-column-has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) {
  .group-container.has-4-columns.each-column-has-2-columns > .group-children {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-row-gap: 10px;
    grid-column-gap: 0;
  }
  .group-container.has-4-columns.each-column-has-2-columns > .group-children > .group-child {
    height: auto;
  }
  .group-container.has-4-columns.each-column-has-2-columns > .group-children > .group-child > div:not(.is-full-width) {
    height: auto;
  }
  .group-container.has-4-columns.each-column-has-2-columns > .group-children > .group-child > div:not(.is-full-width) > .group-card {
    height: auto;
  }
  .group-container.has-4-columns.each-column-has-2-columns > .group-children > .group-child.is-full-width {
    grid-column: span 1;
    height: auto;
  }
  .group-container.has-4-columns.each-column-has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
  .group-container.has-4-columns.each-column-has-2-columns > .group-children .data-component-container {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 768px) {
  .group-container.has-4-columns.each-column-has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 1100px) and screen and (max-width: 480px) {
  .group-container.has-4-columns.each-column-has-2-columns > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 768px) {
  .group-container.has-2-columns > .group-children,
  .group-container.has-3-columns > .group-children,
  .group-container.has-4-columns > .group-children {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }
}
@media screen and (max-width: 480px) {
  .group-container.has-2-columns > .group-children,
  .group-container.has-3-columns > .group-children,
  .group-container.has-4-columns > .group-children {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }
}
.group-container.render-children-inline > .group-children {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.group-container.render-children-inline > .group-children > .group-child {
  height: auto;
  min-width: 50px;
  margin-right: 30px;
  margin-bottom: 10px;
}
.group-container.render-children-inline > .group-children > .group-child[data-visible=false] {
  margin: 0;
  min-width: 0;
}
@media screen and (min-width: 500px) {
  .group-container.render-children-inline > .group-children > .group-child .input-container textarea,
  .group-container.render-children-inline > .group-children > .group-child .input-container input[type="text"]:not(.short-input),
  .group-container.render-children-inline > .group-children > .group-child .input-container input[type="password"],
  .group-container.render-children-inline > .group-children > .group-child .input-container input[type="number"]:not(.short-input),
  .group-container.render-children-inline > .group-children > .group-child .input-container input[type="tel"],
  .group-container.render-children-inline > .group-children > .group-child .input-container input[type="email"],
  .group-container.render-children-inline > .group-children > .group-child .input-container input[type="url"],
  .group-container.render-children-inline > .group-children > .group-child .input-container .input-field,
  .group-container.render-children-inline > .group-children > .group-child .input-container input[type="search"] {
    width: 210px;
  }
}
.group-container.render-children-inline > .group-children > .group-child.is-full-width {
  flex-basis: 100%;
  margin-right: 0;
}
@media screen and (max-width: 500px) {
  .group-container.render-children-inline > .group-children > .group-child {
    flex-basis: 100%;
    margin-right: 0;
  }
  .group-container.render-children-inline > .group-children > .group-child .input-container div.validation-message {
    max-width: 100%;
  }
}
.group-container.render-children-inline > .group-children > .group-child[data-display-type-shortcode=DOM_MANIPULATOR],
.group-container.render-children-inline > .group-children > .group-child[data-display-type-shortcode=EXPRESSION],
.group-container.render-children-inline > .group-children > .group-child[data-display-type-shortcode=HIDDEN] {
  min-width: 0;
  margin: 0;
}
.group-container.has-scrollable {
  position: relative;
}
.group-container .isScrollable {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  flex-wrap: nowrap;
  margin-top: 0;
  padding: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right: 50px;
  scroll-snap-type: x mandatory;
  scroll-snap-align: center;
  overflow: auto;
}
.group-container .isScrollable.has-scroll {
  -webkit-mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 5%, #ffffff 50%, #ffffff 80%, rgba(255, 255, 255, 0) 100%);
  mask-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 5%, #ffffff 50%, #ffffff 80%, rgba(255, 255, 255, 0) 100%);
}
.group-container .isScrollable.has-scroll.begin {
  -webkit-mask-image: linear-gradient(to right, #ffffff 0%, #ffffff 5%, #ffffff 50%, #ffffff 80%, rgba(255, 255, 255, 0) 100%);
  mask-image: linear-gradient(to right, #ffffff 0%, #ffffff 5%, #ffffff 50%, #ffffff 80%, rgba(255, 255, 255, 0) 100%);
}
.group-container .isScrollable.has-scroll.end {
  -webkit-mask-image: linear-gradient(to left, #ffffff 0%, #ffffff 5%, #ffffff 50%, #ffffff 80%, rgba(255, 255, 255, 0) 100%);
  mask-image: linear-gradient(to left, #ffffff 0%, #ffffff 5%, #ffffff 50%, #ffffff 80%, rgba(255, 255, 255, 0) 100%);
}
.group-container .isScrollable::-webkit-scrollbar {
  display: none;
}
.group-container .horizontal-scroll {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
}
.group-container .horizontal-scroll.begin .icons-arrow-left {
  display: none;
}
.group-container .horizontal-scroll.end .icons-arrow-right {
  display: none;
}
.group-container .horizontal-scroll.no-scroll .icons-arrow-left,
.group-container .horizontal-scroll.no-scroll .icons-arrow-right {
  display: none !important;
}
.group-container .horizontal-scroll .icons-arrow-left,
.group-container .horizontal-scroll .icons-arrow-right {
  cursor: pointer;
  position: absolute;
  top: 0;
  bottom: 0;
  min-width: 50px;
  font-size: 25px;
  z-index: 1;
  display: flex;
  align-items: center;
}
.group-container .horizontal-scroll .icons-arrow-left {
  left: 0;
  background-color: transparent;
}
.group-container .horizontal-scroll .icons-arrow-right {
  right: 0;
  justify-content: flex-end;
  background-color: transparent;
}
.group-container .horizontal-scroll .group-children.isScrollable {
  margin: 0 24px;
}
html.is-IE-11 .group-container.has-2-columns > .group-children,
html.is-IE-11 .group-container.has-3-columns > .group-children,
html.is-IE-11 .group-container.has-4-columns > .group-children {
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  align-content: stretch;
}
.render-children-as-grid-row .group-children {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  width: 100%;
  flex-grow: 1;
  align-content: flex-start;
}
.render-children-as-grid-row .group-children .group-child {
  display: flex;
  flex-direction: column;
  flex-grow: 0;
  box-sizing: content-box;
  padding: 10px;
  padding-right: 0;
  align-self: center;
}
.render-children-as-grid-row .group-children .group-child[data-display-type-shortcode="HIDDEN"],
.render-children-as-grid-row .group-children .group-child[data-display-type-shortcode="DOM_MANIPULATOR"],
.render-children-as-grid-row .group-children .group-child[data-display-type-shortcode="EXPRESSION"] {
  display: none;
}
.group-grid-header-row {
  background-color: #ffffff;
  font-weight: bold;
  color: #524f55;
}
.striped-rows .group-children > .group-child[data-display-type-shortcode=GROUP] .render-children-as-grid-row {
  background-color: #ffffff;
}
.striped-rows .group-children > .group-child[data-display-type-shortcode=GROUP]:nth-child(odd) .render-children-as-grid-row {
  background-color: #eeeeee;
}
.group-container.align-with-fields {
  padding-left: 240px;
}
.group-container.align-with-fields .group-header {
  position: absolute;
  margin-left: -240px;
  text-align: right;
  width: 200px;
  padding-top: 12px;
}
.group-container.align-with-fields .group-header h4,
.group-container.align-with-fields .group-header h5,
.group-container.align-with-fields .group-header h6 {
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  font-size: 15px;
}
.group-container[data-retractable="true"][data-has-children="false"] .group-header.is-accordion {
  pointer-events: none;
}
.group-container[data-retractable="true"][data-has-children="false"] .group-header.is-accordion span.sm {
  visibility: hidden;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button {
  border-radius: 8px;
  background-clip: padding-box;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  color: #6b2bf6;
  line-height: 1.5em;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 10px;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  border: 1px solid white;
  font-weight: bold;
  color: #524f55;
  background: none;
  background-color: #f4f4f4;
  display: inline-block;
  width: auto;
  border-style: solid;
  padding: 0.437em 0.937em;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button:hover,
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button:focus {
  text-decoration: none;
  background-color: #6b2bf6;
  color: #ffffff;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.with-loading-icon {
  position: relative;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.with-loading-icon label,
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.with-loading-icon .label {
  cursor: pointer;
  margin-bottom: 0;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.with-loading-icon .loading-icon {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  visibility: hidden;
  position: absolute;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.with-loading-icon .loading-icon:before {
  width: 15px;
  height: 15px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.with-loading-icon.is-loading {
  pointer-events: none;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.with-loading-icon.is-loading label,
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.with-loading-icon.is-loading .label {
  opacity: 0;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.with-loading-icon.is-loading .loading-icon {
  visibility: visible;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.bordered {
  border: 2px solid white;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.bordered:hover {
  border-color: white;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.block {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.round {
  color: #ffffff;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
  border: 2px solid white;
  box-sizing: border-box;
  min-width: 35px;
  min-height: 35px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  padding: 0;
  display: inline-block;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.round:hover,
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.round:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.round.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.round.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.round:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.round:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.round.action-button,
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.round.next-button,
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.round.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.round:hover,
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.round:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.round:hover {
  border-color: white;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.is-error {
  background-color: #a20000;
  color: #ffffff;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.is-error:hover,
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.is-error:focus {
  background-color: #560000;
  color: #ffffff;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.disabled-button {
  pointer-events: none;
  opacity: 0.75;
  filter: grayscale(100%);
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.disabled {
  background-color: #ffffff;
  color: #919191;
  pointer-events: none;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.selected {
  background-color: #6b2bf6;
  color: #ffffff;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.x-small {
  font-size: 60% !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.small {
  font-size: 80% !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.bigger {
  font-size: 120% !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.x-large {
  font-size: 140% !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.action-button,
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.next-button,
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.back-button {
  padding-left: 20px;
  padding-right: 20px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button:hover {
  color: #524f55;
  background-color: #e3e3e3;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.green {
  color: white;
  background-color: green;
  border-color: green;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button.green:hover {
  background-color: #004d00;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .original-add-button-style .repeater .add-new-button:before {
  content: '';
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater {
  margin-top: 20px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button {
  border-radius: 8px;
  background-clip: padding-box;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  display: inline-block;
  color: #6b2bf6;
  padding: 0.437em 0.937em;
  line-height: 1.5em;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 10px;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  border: 1px solid white;
  font-weight: bold;
  color: #524f55;
  background: none;
  background-color: #f4f4f4;
  font-size: 15px;
  text-align: left;
  display: block;
  width: 100%;
  border-style: dotted;
  padding: 14px 5px;
  padding-left: 30px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button:hover,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button:focus {
  text-decoration: none;
  background-color: #6b2bf6;
  color: #ffffff;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.with-loading-icon {
  position: relative;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.with-loading-icon label,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.with-loading-icon .label {
  cursor: pointer;
  margin-bottom: 0;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.with-loading-icon .loading-icon {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  visibility: hidden;
  position: absolute;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.with-loading-icon .loading-icon:before {
  width: 15px;
  height: 15px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.with-loading-icon.is-loading {
  pointer-events: none;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.with-loading-icon.is-loading label,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.with-loading-icon.is-loading .label {
  opacity: 0;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.with-loading-icon.is-loading .loading-icon {
  visibility: visible;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.bordered {
  border: 2px solid white;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.bordered:hover {
  border-color: white;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.block {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.round {
  color: #ffffff;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
  border: 2px solid white;
  box-sizing: border-box;
  min-width: 35px;
  min-height: 35px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  padding: 0;
  display: inline-block;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.round:hover,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.round:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.round.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.round.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.round:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.round:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.round.action-button,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.round.next-button,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.round.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.round:hover,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.round:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.round:hover {
  border-color: white;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.is-error {
  background-color: #a20000;
  color: #ffffff;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.is-error:hover,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.is-error:focus {
  background-color: #560000;
  color: #ffffff;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.disabled-button {
  pointer-events: none;
  opacity: 0.75;
  filter: grayscale(100%);
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.disabled {
  background-color: #ffffff;
  color: #919191;
  pointer-events: none;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.selected {
  background-color: #6b2bf6;
  color: #ffffff;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.x-small {
  font-size: 60% !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.small {
  font-size: 80% !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.bigger {
  font-size: 120% !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.x-large {
  font-size: 140% !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.action-button,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.next-button,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.back-button {
  padding-left: 20px;
  padding-right: 20px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button:hover {
  color: #524f55;
  background-color: #e3e3e3;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.green {
  color: white;
  background-color: green;
  border-color: green;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button.green:hover {
  background-color: #004d00;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  content: "\f067";
  position: relative;
  left: -15px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container {
  position: relative;
  margin-bottom: 10px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container .be-error-icon {
  position: absolute;
  margin-left: -18px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container .repeater-item.button {
  background-color: #ffffff;
  display: block;
  width: 100%;
  text-align: left;
  padding-left: 30px;
  white-space: normal;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container .repeater-item.button:hover,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container .repeater-item.button:focus {
  background-color: #6b2bf6;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container .repeater-item.button + br {
  display: none;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container .repeater-item.button:focus {
  outline: none;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container .repeater-item.button:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  content: "\f078";
  position: relative;
  left: -15px;
  top: auto;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container .repeater-item.button.is-error {
  color: #a20000;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container .repeater-item.button.is-error:hover,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container .repeater-item.button.is-error:focus {
  color: #a20000;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container .repeater-item.button .repeater-label .repeater-label {
  display: inline-flex;
  align-items: center;
  width: calc(100% - 30px);
  position: relative;
  left: auto;
  top: auto;
  right: auto;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container .repeater-item.button .repeater-label .repeater-label label:not(.container-button) {
  display: inline-block;
  margin: 0;
  padding: 0;
  margin-left: 10px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container.is-open > .repeater-item.button:before {
  content: "\f077";
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container.repeaterRowDelete .repeater-item.button {
  cursor: default;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container.repeaterRowDelete .repeater-item.button.is-error:hover,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container.repeaterRowDelete .repeater-item.button.is-error:focus {
  color: #a20000;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container.is-being-moved .repeater-item > span.repeater-label:before {
  animation-duration: 1s;
  animation-fill-mode: both;
  border-radius: 8px;
  background-clip: padding-box;
  content: " ";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #6b2bf6;
  animation-name: moving-animation;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container.is-repeater-disabled {
  cursor: not-allowed;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container.is-repeater-disabled .repeater-item.button:before {
  content: "\f023";
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container.is-repeater-disabled .repeater-row-actions {
  display: none;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container.is-repeater-disabled * {
  pointer-events: none;
}
.data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns > div > div.repeater > div > div.repeater-item-container > span > span > span.repeater-label > span.repeater-row-content {
  display: inline-grid;
}
.data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns .repeater-row-content {
  grid-template-columns: 1fr 1fr;
  width: 90%;
}
.data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns.columns-x3 .repeater-row-content {
  grid-template-columns: 1fr 1fr 1fr;
}
.data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns.columns-x4 .repeater-row-content {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
@media screen and (max-width: 960px) {
  .data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns.columns-x4 .repeater-row-content {
    grid-template-columns: 1fr 1fr 1fr;
  }
  .data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns.columns-x4 .repeater-row-content > *:nth-child(n+4) {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns.columns-x3 .repeater-row-content,
  .data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns.columns-x4 .repeater-row-content {
    grid-template-columns: 1fr 1fr;
  }
  .data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns.columns-x3 .repeater-row-content > *:nth-child(n+3),
  .data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns.columns-x4 .repeater-row-content > *:nth-child(n+3) {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  .data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns .repeater-row-content,
  .data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns.columns-x3 .repeater-row-content,
  .data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns.columns-x4 .repeater-row-content {
    grid-template-columns: 1fr;
  }
  .data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns .repeater-row-content > *:nth-child(n+2),
  .data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns.columns-x3 .repeater-row-content > *:nth-child(n+2),
  .data-component-container[data-display-type-shortcode=COMPOUND] > .label-has-columns.columns-x4 .repeater-row-content > *:nth-child(n+2) {
    display: none;
  }
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-item.button .repeater-label .repeater-row-actions {
  margin-left: auto;
  white-space: nowrap;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-item.button .repeater-label .repeater-row-actions .dropdown-button.three-dots {
  margin: 0;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-item.button .repeater-label .repeater-row-actions .dropdown-button.three-dots .button.dots {
  line-height: 26px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-item.button .repeater-label .repeater-row-actions .dropdown-button.three-dots button.button {
  margin: 0;
  width: 35px;
  vertical-align: middle;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-item.button .repeater-label .repeater-row-actions .dropdown-button.three-dots button.button.sorting {
  width: 35px;
  height: 35px;
  color: inherit;
  font-size: 100%;
  line-height: 16px;
  text-align: center;
  border-radius: 100%;
  cursor: grab;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-item.button .repeater-label .repeater-row-actions .dropdown-button.three-dots button.button.sorting.disabled {
  opacity: 0.5;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-item.button .repeater-label .repeater-row-actions .dropdown-button.three-dots button.button.duplicate {
  line-height: 16px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-table-headers-container {
  display: grid;
  grid-auto-flow: column;
  justify-content: space-around;
  white-space: nowrap;
  grid-row-gap: 20px;
  grid-column-gap: 10px;
  margin-left: 55px;
  margin-right: 20px;
  margin-bottom: 5px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-table-headers-container.is-showing-row-actions.is-showing-row-delete {
  margin-right: 70px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-table-headers-container.is-showing-row-actions.is-showing-sorting {
  margin-right: 100px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-table-headers-container.is-showing-row-actions.is-showing-sorting.is-showing-row-delete {
  margin-right: 150px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-table-headers-container .repeater-table-header {
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-holder.is-repeater-table-layout .repeater-label .repeater-icon {
  position: absolute;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-holder.is-repeater-table-layout .repeater-label .repeater-row-actions {
  right: 0 !important;
  top: 0 !important;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-holder.is-repeater-table-layout .repeater-label .repeater-row-content {
  width: 100%;
  white-space: nowrap;
  display: grid;
  grid-auto-flow: column;
  justify-content: space-around;
  grid-row-gap: 20px;
  grid-column-gap: 10px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-holder.is-repeater-table-layout .repeater-label .repeater-row-content span {
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-holder.is-repeater-table-layout .repeater-label .repeater-row-content.is-showing-row-actions.is-showing-row-delete {
  right: 50px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-holder.is-repeater-table-layout .repeater-label .repeater-row-content.is-showing-row-actions.is-showing-sorting {
  right: 80px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-holder.is-repeater-table-layout .repeater-label .repeater-row-content.is-showing-row-actions.is-showing-sorting.is-showing-row-delete {
  right: 130px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .data-item {
  margin-bottom: 10px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .field-label {
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
  margin-right: 10px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .field-value {
  font-weight: bold;
  display: inline-block;
  vertical-align: middle;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .align-with-fields .data-component:not(.as-mobile) {
  padding-left: 250px;
}
@media screen and (max-width: 700px) {
  .data-component-container[data-display-type-shortcode=COMPOUND] label:not(.button):not(.checkbox-label),
  .data-component-container[data-display-type-shortcode=COMPOUND] .field-label:not(.button):not(.checkbox-label):not(.in-expanded-row) {
    width: 100%;
    display: block;
    text-align: left;
    min-height: 0;
    margin-bottom: 5px;
  }
  .data-component-container[data-display-type-shortcode=COMPOUND] label:not(.button):not(.checkbox-label).field-label.has-tooltip,
  .data-component-container[data-display-type-shortcode=COMPOUND] .field-label:not(.button):not(.checkbox-label):not(.in-expanded-row).field-label.has-tooltip {
    padding-right: 20px;
    box-sizing: border-box;
  }
  .data-component-container[data-display-type-shortcode=COMPOUND] .hint-spacer {
    position: absolute;
    right: 0;
    top: 0;
    width: 20px;
  }
  .data-component-container[data-display-type-shortcode=COMPOUND] .input-container {
    display: block;
    width: 100%;
  }
  .data-component-container[data-display-type-shortcode=COMPOUND] .input-container select,
  .data-component-container[data-display-type-shortcode=COMPOUND] .input-container textarea,
  .data-component-container[data-display-type-shortcode=COMPOUND] .input-container input[type="text"],
  .data-component-container[data-display-type-shortcode=COMPOUND] .input-container input[type="password"],
  .data-component-container[data-display-type-shortcode=COMPOUND] .input-container input[type="number"],
  .data-component-container[data-display-type-shortcode=COMPOUND] .input-container input[type="tel"],
  .data-component-container[data-display-type-shortcode=COMPOUND] .input-container input[type="email"],
  .data-component-container[data-display-type-shortcode=COMPOUND] .input-container input[type="url"],
  .data-component-container[data-display-type-shortcode=COMPOUND] .input-container .input-field,
  .data-component-container[data-display-type-shortcode=COMPOUND] .input-container input[type="search"] {
    display: block;
    width: 100%;
    max-width: 100%;
  }
  .data-component-container[data-display-type-shortcode=COMPOUND] .input-container .readonly-value {
    padding-top: 0;
  }
  .data-component-container[data-display-type-shortcode=COMPOUND] .button-bar-container {
    position: relative;
  }
  .data-component-container[data-display-type-shortcode=COMPOUND] .suffix {
    top: 0;
    left: 0;
    padding-bottom: 20px;
    display: block;
    position: relative;
  }
  .data-component-container[data-display-type-shortcode=COMPOUND] .suffix.suffix-inline {
    position: absolute;
    right: 3px;
    padding: 0;
    top: auto;
    left: auto;
  }
  .data-component-container[data-display-type-shortcode=COMPOUND] .align-with-fields .data-component:not(.as-mobile) {
    padding-top: 20px;
    padding-left: 0;
  }
}
.data-component-container[data-display-type-shortcode=COMPOUND] .edit-form .form {
  padding: 0;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .edit-form .form .repeater-title-field-container {
  margin-left: -2px;
  margin-top: 1px;
  margin-bottom: 20px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .edit-form .form .repeater-title-field-container .icon {
  cursor: pointer;
  z-index: 1;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .edit-form .form .repeater-title-field-container .be-error-icon {
  color: #a20000;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .edit-form .form .repeater-title-field-container .repeater-title-field {
  margin-left: 15px;
  font-weight: bold;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .edit-form .form .repeater-title-field-container.has-be-error {
  margin-top: -3px;
  color: #a20000;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .edit-form .hide-add-button .next-button {
  visibility: hidden;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .render-children-inline .form {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .render-children-inline .form > div:has(.is-full-width) {
  flex-basis: 100%;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .render-children-inline .form .data-component-container:not([data-display-type-shortcode="HIDDEN"]):not([data-display-type-shortcode="EXPRESSION"]):not([data-display-type-shortcode="DOM_MANIPULATOR"]) {
  height: auto;
  margin-right: 30px;
  margin-bottom: 10px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .render-children-inline .form .data-component-container:not([data-display-type-shortcode="HIDDEN"]):not([data-display-type-shortcode="EXPRESSION"]):not([data-display-type-shortcode="DOM_MANIPULATOR"]).is-full-width {
  margin-right: 0;
}
@keyframes moving-animation {
  from,
  50%,
  to {
    opacity: 0;
  }
  25%,
  75% {
    opacity: 0.1;
  }
}
.compound-component.as-mobile .inline-nav-buttons .navigation-buttons .right {
  float: none;
}
.compound-component.as-mobile .inline-nav-buttons .navigation-buttons .button {
  margin: 0;
  margin-right: 5px;
  margin-bottom: 5px;
}
.compound-component[data-isdisabled="true"] .repeater-row-actions {
  cursor: pointer;
}
.compound-component[data-isdisabled="true"] .repeater-row-actions .repeater-edit-field-container {
  pointer-events: none;
}
.compound-component[data-isdisabled="true"] .repeater-row-actions .repeater-row-delete {
  visibility: hidden;
  pointer-events: none;
}
.compound-component[data-isdisabled="true"] .add-new-button {
  display: none !important;
}
.compound-component[data-isdisabled="true"] .inline-nav-buttons.is-compound .right {
  display: none;
}
.repeater-row-actions.edit-field-with-delete-container {
  display: flex;
  gap: 5px;
}
.repeater-row-actions.edit-field-with-delete-container .repeater-row-delete {
  margin-left: 10px;
  cursor: pointer;
}
.repeater-row-actions.edit-field-with-delete-container .repeater-row-delete:before {
  content: ".";
  font-size: 0;
  display: block;
  background-color: rgba(255, 105, 180, 0);
  position: absolute;
  top: -10px;
  bottom: -10px;
  margin-left: -10px;
  cursor: pointer;
  width: 50px;
}
.repeater-row-actions.edit-field-with-delete-container .repeater-row-delete:hover {
  color: #6b2bf6;
}
.repeater-row-actions.edit-field-with-delete-container .repeater-edit-field-container:before {
  right: 20px;
}
.repeater-row-actions.edit-field-with-delete-container > .data-component.radio .allowed-values.button-bar > li > label,
.repeater-row-actions.edit-field-with-delete-container > .data-component.checkbox .allowed-values.button-bar > li > label {
  padding: 4px 15px;
}
.repeater-row-actions.edit-field-with-delete-container .validation-message {
  font-weight: normal;
  margin: 0;
  max-width: none;
  line-height: 1em;
  position: absolute;
  left: 0;
  top: 30px;
  font-size: 12px;
}
.repeater-edit-field-container {
  line-height: 1.15;
  text-align: center;
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
.repeater-edit-field-container:before {
  content: ".";
  font-size: 0;
  display: block;
  background-color: rgba(0, 255, 255, 0);
  position: absolute;
  top: -10px;
  bottom: -10px;
  right: -15px;
  left: 0;
  cursor: text;
}
.repeater-edit-field-container input {
  box-sizing: border-box;
  text-align: center;
  display: none;
  min-width: 0;
  width: 100%;
  margin: 0 !important;
}
.repeater-edit-field-container input::-webkit-outer-spin-button,
.repeater-edit-field-container input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.repeater-edit-field-container input[type=number] {
  -moz-appearance: textfield;
}
.repeater-edit-field-container .input-field {
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.repeater-edit-field-container.is-editing .read-only-value {
  display: none;
}
.repeater-edit-field-container.is-editing input {
  display: block;
}
.repeater-edit-field-container.number {
  box-sizing: border-box;
  width: 100px;
}
/* Added to fix label text not overflowing correctly in smaller windows - Ticket 45560 */
.repeater-label .repeater-row-content {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.data-component-container .input-container.search-textbox {
  height: 40px;
  display: inline-grid;
  grid-template-columns: 1fr auto;
  column-gap: 10px;
  align-items: center;
}
.data-component-container .input-container.search-textbox.as-mobile input[type="text"],
.data-component-container .input-container.search-textbox.is-full-width input[type="text"] {
  width: 100% !important;
}
.data-component-container .input-container.search-textbox input[type="text"] {
  width: 165px;
  max-width: 100% !important;
  line-height: 1em;
  margin: 0;
}
@media screen and (max-width: 800px) {
  .data-component-container .input-container.search-textbox input[type="text"] {
    width: 100%;
  }
}
.data-component-container .input-container.search-textbox .textbox-search-btn,
.data-component-container .input-container.search-textbox button {
  height: 100%;
  min-width: 75px;
  padding: 0 10px;
  margin: 0;
}
.data-component-container .input-container.search-textbox .validation-message {
  margin-top: 5px;
}
.data-component-container .input-container .validation-message {
  max-width: 200px;
}
.data-component-container .characters-remaining {
  display: block;
}
@media screen and (max-width: 800px) {
  .data-component-container .characters-remaining {
    float: right;
  }
}
.data-component-container .as-mobile .characters-remaining {
  float: right;
}
.search-dropdown-results {
  border-radius: 8px;
  background-clip: padding-box;
  box-sizing: border-box;
  padding: 9px 12px;
  font-size: 16px;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #6c686f;
  font-weight: normal;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  width: 100%;
  position: fixed;
  z-index: 99;
  max-height: 600px;
  overflow: hidden;
  overflow-y: auto;
}
@media screen and (min-height: 300px) and (max-height: 729px) {
  .search-dropdown-results:not(.has-pager) {
    max-height: 225px;
    overflow: hidden;
    overflow-y: auto;
  }
}
@media screen and (min-height: 730px) and (max-height: 870px) {
  .search-dropdown-results:not(.has-pager) {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
  }
}
.search-dropdown-results .search-dropdown-name {
  font-weight: bold;
}
.search-dropdown-results .search-dropdown-matches {
  margin-left: 5px;
}
.search-dropdown-results .search-dropdown-matches:before {
  content: '(';
}
.search-dropdown-results .search-dropdown-matches:after {
  content: ')';
}
.search-dropdown-results .loading-container {
  background-color: transparent;
  padding: 0;
  height: 40px;
}
.search-dropdown-results .loading-container .loading-icon {
  padding-top: 10px;
}
.search-dropdown-results .loading-container .loading-icon:before {
  width: 15px;
  height: 15px;
}
.search-dropdown-results .search-dropdown-results-container {
  display: block;
  padding-bottom: 5px;
}
.search-dropdown-results .search-dropdown-results-container li {
  display: block;
  padding-left: 10px;
  padding-bottom: 5px;
}
@media screen and (min-height: 300px) and (max-height: 729px) {
  .search-dropdown-results.has-pager ul.search-dropdown-results-container {
    max-height: 225px;
    overflow: hidden;
    overflow-y: auto;
  }
}
@media screen and (min-height: 730px) and (max-height: 870px) {
  .search-dropdown-results.has-pager ul.search-dropdown-results-container {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
  }
}
.search-dropdown-results .search-dropdown-pager {
  text-align: center;
  padding: 5px 10px;
  margin-top: 10px;
  align-items: center;
  justify-content: space-between;
}
.search-dropdown-results .search-dropdown-pager a {
  text-decoration: none;
  margin-top: 2px;
}
.search-dropdown-results .highlight {
  font-weight: bold;
}
.search-dropdown-results .no-results-message {
  line-height: 40px;
}
.data-component.textbox .input-container .micro-copy {
  margin-top: 5px;
}
.data-component.date-picker {
  /* /////////////////////////////////////////////////
		
		Calendar popover styles
		
		///////////////////////////////////////////////// */
}
.data-component.date-picker .input-container .field-container {
  display: inline-flex;
  gap: 7px;
  align-items: center;
  flex-wrap: nowrap;
}
.data-component.date-picker .input-container input[type=text].day-input,
.data-component.date-picker .input-container input[type=number].day-input,
.data-component.date-picker .input-container input[type=text].month-input,
.data-component.date-picker .input-container input[type=number].month-input {
  max-width: 75px;
  width: 75px;
  display: inline-block;
}
@media screen and (max-width: 480px) {
  .data-component.date-picker .input-container input[type=text].day-input,
  .data-component.date-picker .input-container input[type=number].day-input,
  .data-component.date-picker .input-container input[type=text].month-input,
  .data-component.date-picker .input-container input[type=number].month-input {
    width: 25%;
  }
}
.data-component.date-picker .input-container input[type=text].year-input,
.data-component.date-picker .input-container input[type=number].year-input,
.data-component.date-picker .input-container input[type=text].time-input,
.data-component.date-picker .input-container input[type=number].time-input {
  max-width: 90px;
  width: 90px;
  display: inline-block;
}
@media screen and (max-width: 480px) {
  .data-component.date-picker .input-container input[type=text].year-input,
  .data-component.date-picker .input-container input[type=number].year-input,
  .data-component.date-picker .input-container input[type=text].time-input,
  .data-component.date-picker .input-container input[type=number].time-input {
    width: 33%;
  }
}
@media screen and (max-width: 480px) {
  .data-component.date-picker .input-container input[type=text]::-webkit-inner-spin-button,
  .data-component.date-picker .input-container input[type=number]::-webkit-inner-spin-button {
    display: none;
  }
}
.data-component.date-picker .input-container input[type=text].is-disabled.is-disabled-render-as-fields,
.data-component.date-picker .input-container input[type=number].is-disabled.is-disabled-render-as-fields {
  cursor: pointer;
}
.data-component.date-picker .calendar-input.disabled .icon-calendar {
  color: gray;
  opacity: 0.75;
  cursor: not-allowed;
}
.data-component.date-picker .date-picker-calendar-popover {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  user-select: none;
  box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.05);
  border-radius: 10px;
  position: fixed;
  position-area: bottom right;
  position-try-fallbacks: bottom span-left, flip-block, flip-inline, top span-right, top span-left;
  position-visibility: anchors-visible;
  inset: auto;
  margin-top: -8px;
  margin-left: -4px;
  z-index: 110001;
  min-width: 220px;
  max-width: calc(100vw - 16px);
  max-height: calc(100vh - 16px);
  overflow: auto;
  padding: 10px;
  /* ///////////////////////////////
			layouts
			/////////////////////////////// */
}
@media screen and (max-width: 480px) {
  .data-component.date-picker .date-picker-calendar-popover {
    position: fixed;
    max-width: none;
    max-height: none;
    left: 0;
    right: 0;
    top: 0;
    position-area: none;
    border-radius: 0;
    border: none;
  }
  .data-component.date-picker .date-picker-calendar-popover button.date-button {
    height: 50px !important;
  }
}
.data-component.date-picker .date-picker-calendar-popover .top-buttons {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.data-component.date-picker .date-picker-calendar-popover .top-buttons .button {
  margin: 0;
  padding: 5px;
  font-size: 12px;
}
.data-component.date-picker .date-picker-calendar-popover .top-buttons .button:first-child,
.data-component.date-picker .date-picker-calendar-popover .top-buttons .button:last-child {
  width: 30px;
}
.data-component.date-picker .date-picker-calendar-popover .top-buttons .button:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.data-component.date-picker .date-picker-calendar-popover .top-buttons .button.middle {
  border-radius: 0;
}
.data-component.date-picker .date-picker-calendar-popover .top-buttons .button:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.data-component.date-picker .date-picker-calendar-popover .date-label {
  font-size: 10px;
  font-weight: bold;
  text-align: center;
  opacity: 0.65;
}
.data-component.date-picker .date-picker-calendar-popover button.date-button {
  height: 32px;
  border: 1px solid transparent;
  background: transparent;
  color: #524f55;
  border-radius: 3px;
  cursor: pointer;
  font-size: 10px;
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease, box-shadow 180ms ease, transform 140ms ease;
}
.data-component.date-picker .date-picker-calendar-popover button.date-button:hover {
  border-color: #6b2bf6;
  box-shadow: 0 2px 6px 0 rgba(107, 43, 246, 0.2);
}
.data-component.date-picker .date-picker-calendar-popover button.date-button:active {
  box-shadow: 0 1px 3px 0 rgba(107, 43, 246, 0.18);
}
.data-component.date-picker .date-picker-calendar-popover button.date-button:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(107, 43, 246, 0.25);
}
.data-component.date-picker .date-picker-calendar-popover button.date-button.is-selected {
  border-color: #6b2bf6;
  color: #6b2bf6;
  background: rgba(107, 43, 246, 0.1);
  box-shadow: 0 0 0 1px rgba(107, 43, 246, 0.2);
}
.data-component.date-picker .date-picker-calendar-popover button.date-button.current-day:not(.is-selected) {
  background: rgba(107, 43, 246, 0.05);
  color: #6b2bf6;
}
.data-component.date-picker .date-picker-calendar-popover button.date-button.is-disabled,
.data-component.date-picker .date-picker-calendar-popover button.date-button:disabled {
  color: rgba(82, 79, 85, 0.5);
  cursor: not-allowed;
  box-shadow: none;
}
.data-component.date-picker .date-picker-calendar-popover button.date-button.is-disabled:hover,
.data-component.date-picker .date-picker-calendar-popover button.date-button:disabled:hover,
.data-component.date-picker .date-picker-calendar-popover button.date-button.is-disabled:active,
.data-component.date-picker .date-picker-calendar-popover button.date-button:disabled:active {
  border: none;
  transform: none;
  box-shadow: none;
}
.data-component.date-picker .date-picker-calendar-popover .day-calendar-layout {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 3px;
  min-width: 250px;
}
.data-component.date-picker .date-picker-calendar-popover .calendar-footer {
  display: flex;
  justify-content: space-around;
  border-top: 1px solid rgba(204, 204, 204, 0.5);
  gap: 10px;
  padding-top: 10px;
}
.data-component.date-picker .date-picker-calendar-popover .month-layout,
.data-component.date-picker .date-picker-calendar-popover .year-layout {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 3px;
  min-width: 250px;
}
.data-component.date-picker .date-picker-calendar-popover .month-layout .date-button,
.data-component.date-picker .date-picker-calendar-popover .year-layout .date-button {
  border-color: rgba(204, 204, 204, 0.5);
}
.data-component.date-picker .date-picker-calendar-popover .month-layout .date-button.is-disabled:hover,
.data-component.date-picker .date-picker-calendar-popover .year-layout .date-button.is-disabled:hover,
.data-component.date-picker .date-picker-calendar-popover .month-layout .date-button:disabled:hover,
.data-component.date-picker .date-picker-calendar-popover .year-layout .date-button:disabled:hover,
.data-component.date-picker .date-picker-calendar-popover .month-layout .date-button.is-disabled:active,
.data-component.date-picker .date-picker-calendar-popover .year-layout .date-button.is-disabled:active,
.data-component.date-picker .date-picker-calendar-popover .month-layout .date-button:disabled:active,
.data-component.date-picker .date-picker-calendar-popover .year-layout .date-button:disabled:active {
  border-color: rgba(204, 204, 204, 0.5);
}
ul.docs-component-list li {
  margin-bottom: 5px;
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 5px;
}
ul.docs-component-list li .file-size {
  opacity: 0.7;
}
ul.docs-component-list li .doc-timestamp {
  display: block;
  margin-left: 18px;
  opacity: 0.7;
  font-size: 80%;
}
ul.docs-component-list li .button {
  margin-bottom: 0;
}
ul.docs-component-list li .delete-button-container {
  flex-basis: 100%;
  text-align: right;
}
ul.docs-component-list li.is-deleted {
  text-decoration: line-through;
}
select {
  background-clip: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  border: none;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMJJREFUeNrslbEJxDAMRa3rPUAKtx7SVaqAixReIit4BhfGGFJlDQ+giwJXXJNLlEDg0G8t/n/IQgJEVE/qpR6WAAiAABwCiDGi9/7wwqDaaZrwNoBSiqq1qr7vf5pSDdXmnO/rgHMOrLVqWZZdCHqjmq7r1DiOcMQbzqzivQBO+GkA0jAMOM/zVxA3nAVACiFgSmkL1FpvX2OMoeGDs17AvYYfCBLNx9oF4PjAlXO8thtba+zwywCyigVAAP4C4C3AADUgcQQcnYA1AAAAAElFTkSuQmCC');
  background-repeat: no-repeat;
  background-position: 100%;
  padding: 0 30px 0 10px;
}
select:disabled,
select.disabled {
  box-shadow: none;
}
select:disabled:hover,
select.disabled:hover {
  box-shadow: none;
}
select:hover,
select:focus {
  text-decoration: none;
  background-color: rgba(107, 43, 246, 0.25);
}
select::-ms-expand {
  display: none;
}
select option:not(:checked) {
  color: #000;
}
select option:checked {
  color: #000;
  font-weight: bold;
}
@media screen and (max-width: 800px) {
  .data-component:not(.never-mobile) .input-container select.has-suffix {
    display: inline-block;
    width: fit-content;
  }
}
.data-component.dropdown .loading-icon-container {
  position: absolute;
  top: 2px;
  margin: 0;
  margin-left: 7px;
  margin-top: 5px;
}
.data-component.dropdown .loading-icon-container .loading-icon:before {
  width: 20px;
  height: 20px;
}
.data-component.dropdown select {
  margin-bottom: 10px;
}
.data-component.dropdown select.is-loading {
  padding-left: 40px;
}
.data-component-container[data-display-type-shortcode='PASSWORD'] .input-container {
  position: relative;
  max-width: 250px;
}
.data-component-container[data-display-type-shortcode='PASSWORD'] .input-container.has-confirm {
  margin-bottom: 10px;
}
.data-component-container[data-display-type-shortcode='PASSWORD'] .input-container.has-confirm input[type=password],
.data-component-container[data-display-type-shortcode='PASSWORD'] .input-container.has-confirm input[type=text] {
  display: block;
}
.data-component-container[data-display-type-shortcode='PASSWORD'] .data-component.as-mobile .input-container {
  max-width: none;
}
.data-component-container[data-display-type-shortcode='PASSWORD'] input[type=password],
.data-component-container[data-display-type-shortcode='PASSWORD'] input[type=text] {
  padding-right: 40px;
}
.data-component-container[data-display-type-shortcode='PASSWORD'] .show-password-icon {
  position: absolute;
  top: 9px;
  right: 10px;
}
.data-component-container[data-display-type-shortcode='PASSWORD'] .strength-check {
  display: block;
  margin-top: 10px;
  box-sizing: border-box;
}
.data-component-container[data-display-type-shortcode='PASSWORD'] .strength-check .bar {
  transition: all 0.5s ease-in-out;
  border-radius: 3px;
  width: 0%;
  height: 5px;
  margin-bottom: 5px;
}
.data-component-container[data-display-type-shortcode='PASSWORD'] .confirm-password {
  display: block;
  margin-top: 29px;
}
@media screen and (max-width: 800px) {
  .data-component-container[data-display-type-shortcode='PASSWORD'] .input-container {
    max-width: none;
  }
  .data-component-container[data-display-type-shortcode='PASSWORD'] br,
  .data-component-container[data-display-type-shortcode='PASSWORD'] .confirm-password {
    display: none;
  }
}
.data-component-container[data-display-type-shortcode='PASSWORD'] .validation-message {
  margin-top: 5px;
}
.data-component-container[data-display-type-shortcode='PASSWORD'] .is-leaked-message {
  transition-delay: 2s;
}
@media screen and (min-width: 601px) {
  html.is-FireFox .data-component-container[data-display-type-shortcode='PASSWORD'] .validation-message,
  html.is-Safari .data-component-container[data-display-type-shortcode='PASSWORD'] .validation-message {
    max-width: 250px;
  }
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .icon-container {
  position: absolute;
  margin-left: 260px;
  margin-top: -40px;
}
@media screen and (max-width: 800px) {
  .data-component-container[data-display-type-shortcode='SEARCH'] .input-container .icon-container {
    right: 20px;
    margin-left: 0;
  }
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .icon-container .restore-button {
  transition: all 0.25s ease-out;
  font-size: 0 !important;
  min-width: 0;
  border: none;
  background-color: transparent;
  color: #524f55;
  margin-right: -15px;
  margin-top: -5px;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .icon-container .restore-button:hover {
  transform: rotate(-180deg);
  background: transparent;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(0, transparent), color-stop(1, transparent));
  background: -ms-linear-gradient(bottom, transparent, transparent);
  background: -moz-linear-gradient(center bottom, transparent 0%, transparent 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='transparent',GradientType=0 );
  background: linear-gradient(top, transparent 1%, transparent 100%);
  background-color: transparent;
  color: #524f55;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .icon-container .restore-button:after {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  padding: 5px;
  font-size: 15px;
  content: "\f0e2";
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .icon-container .loading-icon {
  font-size: 15px;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .icon-container .loading-icon:before {
  height: 15px;
  width: 15px;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container.has-confirm input[type=password] {
  display: block;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .as-mobile .icon-container {
  right: 20px;
  margin-left: 0;
}
.data-component.SEARCH {
  position: relative;
}
.data-component.SEARCH[data-isreadonly='true'] .add-button {
  display: none;
}
.data-component.SEARCH .field-container {
  position: relative;
}
.data-component.SEARCH .field-container input[type=text]::-ms-clear {
  display: none;
}
.data-component.SEARCH .field-container .selected-label {
  cursor: pointer;
}
.data-component.SEARCH .field-container .selected-label:hover {
  text-decoration: none;
}
.data-component.SEARCH .field-container .close-button {
  margin-right: 10px;
  margin-top: 10px;
  min-width: 0;
}
.data-component.SEARCH .search-results {
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  margin-top: -33px;
  min-width: 250px;
}
@media screen and (max-width: 800px) {
  .data-component.SEARCH .search-results {
    left: 0;
    right: 0;
  }
}
.data-component.SEARCH .search-results.is-full-width {
  left: 0;
  right: 0;
}
.data-component.SEARCH .search-results .results-container {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  max-height: 150px;
  min-height: 75px;
  overflow: auto;
  border: 1px solid #cccccc;
  background-color: #ffffff;
  color: #524f55;
  border-color: #cccccc;
}
.data-component.SEARCH .search-results .results-container.empty {
  padding: 10px;
}
.data-component.SEARCH .search-results .results-container .header-background {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  background-color: #eeeeee;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  position: absolute;
  bottom: 0;
  left: 1px;
  right: 1px;
  height: 20px;
  z-index: 1;
}
.data-component.SEARCH .search-results .results-container table {
  width: 100%;
}
.data-component.SEARCH .search-results .results-container table caption {
  position: absolute;
  left: -9999px;
}
.data-component.SEARCH .search-results .results-container table thead th .th-inner {
  text-align: left;
  color: #524f55;
  padding-left: 10px;
  border-bottom: 1px solid #cccccc;
}
.data-component.SEARCH .search-results .results-container table td {
  margin: 0;
  padding: 3px 0 3px 10px;
}
.data-component.SEARCH .search-results .results-container table td:last-child {
  padding-right: 10px;
}
.data-component.SEARCH .search-results .results-container table tr:not(.empty-row) {
  cursor: pointer;
  margin: 0;
}
.data-component.SEARCH .search-results .results-container table tr:not(.empty-row):focus,
.data-component.SEARCH .search-results .results-container table tr:not(.empty-row).is-hovering:focus {
  outline: none;
  background-color: rgba(192, 43, 246, 0.75);
  color: white;
}
.data-component.SEARCH .search-results .results-container table tr:not(.empty-row).is-hovering {
  background-color: #eeeeee;
}
.data-component.SEARCH .search-results .results-container table tr.empty-row td {
  border-bottom: none;
}
.data-component.SEARCH .search-results .results-container .info {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  border: 1px solid #cccccc;
  border-top: none;
  background-color: #ffffff;
  position: absolute;
  bottom: -50px;
  right: 0;
  left: 0;
  height: 50px;
  color: #524f55;
  font-size: 10pt;
  z-index: 1;
  padding-left: 10px;
  padding-right: 10px;
  box-sizing: border-box;
  display: table;
  width: 100%;
}
.data-component.SEARCH .search-results .results-container .info .info-contents {
  vertical-align: middle;
  display: table-cell;
}
.data-component.SEARCH .search-results.has-details .results-container {
  height: 150px;
}
.data-component.SEARCH .search-results.has-details .table-container {
  box-sizing: border-box;
  width: 60%;
  display: inline-block;
  overflow: hidden;
}
.data-component.SEARCH .search-results.has-details .details-panel {
  box-sizing: border-box;
  background-color: #eeeeee;
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: 42%;
  padding-left: 0;
  border-top: 1px solid #cccccc;
  border-right: 1px solid #cccccc;
}
.data-component.SEARCH .search-results.has-details .details-panel .details-container {
  -webkit-column-width: 175px;
  -moz-column-width: 175px;
  column-width: 175px;
  -webkit-column-gap: 10px;
  -moz-column-gap: 10px;
  column-gap: 10px;
  -webkit-column-rule: 1px dotted #cccccc;
  -moz-column-rule: 1px dotted #cccccc;
  column-rule: 1px dotted #cccccc;
  font-size: 8pt;
  overflow: auto;
  position: absolute;
  left: 10px;
  right: 1px;
  top: 0;
  bottom: 21px;
  padding-top: 5px;
  padding-bottom: 10px;
}
.data-component.SEARCH .search-results.has-details .details-panel .details-container li {
  margin-bottom: 5px;
  white-space: nowrap;
}
.data-component.SEARCH .search-results.has-details .details-panel .details-container .field {
  display: inline-block;
  width: 60px;
  text-align: right;
  font-weight: bold;
  white-space: normal;
}
.data-component.SEARCH .search-results.has-details .details-panel .details-container .value {
  padding-left: 5px;
  display: inline-block;
  vertical-align: top;
  white-space: normal;
  margin-right: 100px;
}
.data-component.SEARCH .search-results.has-details .details-panel .details-container p {
  font-style: italic;
  max-width: 175px;
}
.data-component.SEARCH .search-results.has-details .details-header {
  box-sizing: border-box;
  font-size: 9pt;
  background-color: #ffffff;
  border-top: 1px solid #cccccc;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 22px;
  padding-left: 5px;
  padding-top: 3px;
  font-weight: bold;
  border-bottom: 1px solid #cccccc;
}
@media screen and (max-width: 768px) {
  .data-component.SEARCH .search-results.has-details .details-container li .field,
  .data-component.SEARCH .search-results.has-details .details-container li .value {
    display: block !important;
    width: auto !important;
    text-align: left !important;
    padding-left: 0 !important;
    margin-right: 0 !important;
  }
}
.data-component-container[data-display-type-shortcode='SEARCH'] .inline-results-panel .is-showing-results .minimum-characters {
  display: none;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .inline-results-panel .selected-label {
  cursor: default;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .inline-results-panel .search-results {
  position: relative;
  margin-bottom: 0;
  margin-top: 0;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .inline-results-panel .search-results .results-container {
  box-shadow: none;
  box-sizing: border-box;
  border: none;
  background-color: #eeeeee;
  border-top: 10px solid #eeeeee;
  border-bottom: 10px solid #eeeeee;
  max-height: 430px;
  position: relative;
  padding-top: 30px;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .inline-results-panel .search-results .results-container .info {
  box-shadow: none;
  background-color: #eeeeee;
  border: none;
  bottom: auto;
  top: 0;
  height: 30px;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .inline-results-panel .search-results .results-container table td {
  padding: 10px;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .inline-results-panel .search-results .results-container .group-card {
  box-shadow: none;
  margin-bottom: 0;
}
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .required-suffix {
  display: none;
}
.textblock {
  overflow: hidden;
  text-overflow: ellipsis;
}
.content-image {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  border-radius: 10px;
  background-clip: padding-box;
}
.data-component.permissions-tree label {
  text-align: left;
  padding-top: 0;
}
.data-component.permissions-tree li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
.data-component.permissions-tree li .group-label {
  font-size: 18px;
  margin-bottom: 0;
}
.data-component.permissions-tree li label {
  user-select: none;
  width: auto !important;
  display: inline-block !important;
  min-height: 30px !important;
}
.data-component.permissions-tree li label:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  padding-right: 10px;
  color: #6b2bf6;
  content: "\f096";
}
.data-component.permissions-tree li label .icon-question {
  margin-left: 5px;
}
.data-component.permissions-tree li label.is-checked:before {
  content: "\f046";
}
.data-component.upload input {
  padding: 3px;
  margin-left: -3px;
  margin-top: -3px;
}
.data-component.upload input::file-selector-button {
  border-radius: 8px;
  background-clip: padding-box;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  display: inline-block;
  color: #6b2bf6;
  padding: 0.437em 0.937em;
  line-height: 1.5em;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 10px;
  text-align: center;
  white-space: nowrap;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  border: 1px solid white;
  color: #524f55;
  background: none;
  background-color: #f4f4f4;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 90%;
  margin-right: 10px;
}
.data-component.upload input::file-selector-button:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component.upload input::file-selector-button:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component.upload input::file-selector-button:hover,
.data-component.upload input::file-selector-button:focus {
  text-decoration: none;
  background-color: #6b2bf6;
  color: #ffffff;
}
.data-component.upload input::file-selector-button.with-loading-icon {
  position: relative;
}
.data-component.upload input::file-selector-button.with-loading-icon label,
.data-component.upload input::file-selector-button.with-loading-icon .label {
  cursor: pointer;
  margin-bottom: 0;
}
.data-component.upload input::file-selector-button.with-loading-icon .loading-icon {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  visibility: hidden;
  position: absolute;
}
.data-component.upload input::file-selector-button.with-loading-icon .loading-icon:before {
  width: 15px;
  height: 15px;
}
.data-component.upload input::file-selector-button.with-loading-icon.is-loading {
  pointer-events: none;
}
.data-component.upload input::file-selector-button.with-loading-icon.is-loading label,
.data-component.upload input::file-selector-button.with-loading-icon.is-loading .label {
  opacity: 0;
}
.data-component.upload input::file-selector-button.with-loading-icon.is-loading .loading-icon {
  visibility: visible;
}
.data-component.upload input::file-selector-button.bordered {
  border: 2px solid white;
}
.data-component.upload input::file-selector-button.bordered:hover {
  border-color: white;
}
.data-component.upload input::file-selector-button.block {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.data-component.upload input::file-selector-button.round {
  color: #ffffff;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
  border: 2px solid white;
  box-sizing: border-box;
  min-width: 35px;
  min-height: 35px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  padding: 0;
  display: inline-block;
}
.data-component.upload input::file-selector-button.round:hover,
.data-component.upload input::file-selector-button.round:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.data-component.upload input::file-selector-button.round.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.data-component.upload input::file-selector-button.round.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.data-component.upload input::file-selector-button.round:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component.upload input::file-selector-button.round:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component.upload input::file-selector-button.round.action-button,
.data-component.upload input::file-selector-button.round.next-button,
.data-component.upload input::file-selector-button.round.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.data-component.upload input::file-selector-button.round:hover,
.data-component.upload input::file-selector-button.round:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.data-component.upload input::file-selector-button.round:hover {
  border-color: white;
}
.data-component.upload input::file-selector-button.is-error {
  background-color: #a20000;
  color: #ffffff;
}
.data-component.upload input::file-selector-button.is-error:hover,
.data-component.upload input::file-selector-button.is-error:focus {
  background-color: #560000;
  color: #ffffff;
}
.data-component.upload input::file-selector-button.disabled-button {
  pointer-events: none;
  opacity: 0.75;
  filter: grayscale(100%);
}
.data-component.upload input::file-selector-button.disabled {
  background-color: #ffffff;
  color: #919191;
  pointer-events: none;
}
.data-component.upload input::file-selector-button.selected {
  background-color: #6b2bf6;
  color: #ffffff;
}
.data-component.upload input::file-selector-button.x-small {
  font-size: 60% !important;
}
.data-component.upload input::file-selector-button.small {
  font-size: 80% !important;
}
.data-component.upload input::file-selector-button.bigger {
  font-size: 120% !important;
}
.data-component.upload input::file-selector-button.x-large {
  font-size: 140% !important;
}
.data-component.upload input::file-selector-button:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component.upload input::file-selector-button:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component.upload input::file-selector-button.action-button,
.data-component.upload input::file-selector-button.next-button,
.data-component.upload input::file-selector-button.back-button {
  padding-left: 20px;
  padding-right: 20px;
}
.data-component.upload input::file-selector-button:hover {
  color: #524f55;
  background-color: #e3e3e3;
}
.data-component.upload input::file-selector-button.green {
  color: white;
  background-color: green;
  border-color: green;
}
.data-component.upload input::file-selector-button.green:hover {
  background-color: #004d00;
}
.data-component.upload input:focus-visible {
  outline: none;
}
.data-component.upload input:focus-visible::file-selector-button {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
}
.data-component.upload .files-container {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.data-component.upload .files-container .group-card.file {
  margin: 0;
  padding: 10px;
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  align-items: center;
  justify-content: space-between;
  position: relative;
  width: 320px;
  white-space: nowrap;
}
.data-component.upload .files-container .group-card.file .icon-container {
  width: 26px;
  height: 26px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  justify-items: center;
  align-items: center;
}
.data-component.upload .files-container .group-card.file .round-icon-button {
  background-color: rgba(82, 79, 85, 0.1);
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 26px;
}
.data-component.upload .files-container .group-card.file a.round-icon-button .fa {
  transition: all 0.3s;
}
.data-component.upload .files-container .group-card.file a.round-icon-button:hover {
  text-decoration: none;
}
.data-component.upload .files-container .group-card.file a.round-icon-button:hover .fa {
  transform: rotate(-180deg);
}
.data-component.upload .files-container .group-card.file .loading-icon,
.data-component.upload .files-container .group-card.file .round-icon-button,
.data-component.upload .files-container .group-card.file a {
  grid-column: 1;
  grid-row: 1;
}
.data-component.upload .files-container .group-card.file a {
  z-index: 1;
}
.data-component.upload .files-container .group-card.file .file-size {
  opacity: 0.7;
  font-size: 12px;
  flex-basis: 100%;
  text-align: right;
}
.map-component #mapContainer,
.map-component svg {
  height: 100%;
}
.map-component #mapContainer #bg,
.map-component svg #bg {
  fill: transparent;
}
.map-component #mapContainer [cc],
.map-component svg [cc] {
  transition: fill 0.4s ease;
  stroke-width: 0.5px;
  fill: transparent;
}
.map-component svg {
  width: 100%;
}
.map-component #mapContainer {
  margin-right: 70px;
}
.map-component .geography .legend {
  position: absolute;
  bottom: auto;
  left: auto;
  right: 10px;
  top: 10px;
  pointer-events: none;
}
.map-component .geography .legend td {
  vertical-align: top;
  text-align: right;
}
.map-component .geography .legend td .key-color {
  display: block;
  width: 20px;
  height: 5px;
  border: 1px solid rgba(107, 43, 246, 0.5);
}
.map-component .geography .percent-100 {
  background-color: #6b2bf6;
}
.map-component .geography .percent-90 {
  background-color: rgba(107, 43, 246, 0.9);
}
.map-component .geography .percent-80 {
  background-color: rgba(107, 43, 246, 0.8);
}
.map-component .geography .percent-70 {
  background-color: rgba(107, 43, 246, 0.7);
}
.map-component .geography .percent-60 {
  background-color: rgba(107, 43, 246, 0.6);
}
.map-component .geography .percent-50 {
  background-color: rgba(107, 43, 246, 0.5);
}
.map-component .geography .percent-40 {
  background-color: rgba(107, 43, 246, 0.4);
}
.map-component .geography .percent-30 {
  background-color: rgba(107, 43, 246, 0.3);
}
.map-component .geography .percent-20 {
  background-color: rgba(107, 43, 246, 0.2);
}
.map-component .geography .percent-10 {
  background-color: rgba(107, 43, 246, 0.1);
}
.map-component .geography .percent-0 {
  background-color: rgba(107, 43, 246, 0);
}
.map-component .geography .hover-info-container {
  position: absolute;
  left: 50%;
  bottom: 50px;
  pointer-events: none;
}
.map-component .geography .hover-info-container .hover-info {
  border-radius: 20px;
  background-clip: padding-box;
  left: -50%;
  position: relative;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.75);
  padding: 10px 30px;
  color: white !important;
}
.data-component.sort-code .input-container input[type=text] {
  width: 60px;
  display: inline-block;
}
.data-component.sort-code .input-container.nowrap {
  overflow: visible;
}
html.iframe-sample-application body {
  visibility: visible !important;
}
.iframe-component {
  position: relative;
}
.iframe-component .default-loading {
  height: 50px;
}
.iframe-component .iframe-container.is-hidden {
  visibility: hidden;
  position: absolute;
}
.iframe-component iframe {
  border: none;
}
.iframe-component.has-open-in-new-window-button-container .open-in-new-window-button-container {
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
  transition-delay: 1s !important;
  position: absolute;
  right: 0;
  top: 0;
  text-transform: uppercase;
}
.iframe-component.has-open-in-new-window-button-container .open-in-new-window-button-container .fa {
  transform: rotate(-45deg);
}
.iframe-component.has-open-in-new-window-button-container:hover .open-in-new-window-button-container {
  opacity: 1;
}
.iframe-component[data-full-screen=true] {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto !important;
  z-index: 80000;
}
.iframe-component[data-full-screen=true] .default-loading {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: auto;
  height: auto;
  z-index: 80000;
  background-color: #ffffff;
}
.iframe-component[data-full-screen=true] .open-in-new-window-button-container {
  top: 5px;
  right: 5px;
}
.iframe-component[data-full-screen=true] .open-in-new-window-button-container .fa {
  transform: rotate(0deg);
}
.iframe-component.full-height-iframe .iframe-container {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.iframe-component.full-height-iframe .default-loading {
  top: 100px;
}
.iframe-component.full-height-iframe .open-in-new-window-button-container {
  position: fixed;
  z-index: 99;
  top: 5px;
  right: 5px;
}
html.is-automation .data-component-container[data-display-type-shortcode="IFRAME"] .hide-from-automation .iframe-component {
  height: 1000px;
}
.dataset-scroller {
  box-sizing: border-box;
  background-color: #e1e1e1;
  padding: 11px 10px;
  height: 40px;
  display: grid;
  grid-template-columns: min-content 1fr min-content;
  grid-column-gap: 10px;
}
.dataset-scroller .scroll-button {
  display: inline-block;
  white-space: nowrap;
}
.dataset-scroller .scroll-button.previous .scroll-icon {
  margin-right: 10px;
}
.dataset-scroller .scroll-button.next .scroll-icon {
  margin-left: 10px;
}
.dataset-scroller .scroll-button.next .loading-icon {
  transform-origin: top left;
  transform: scale(0.7);
}
.dataset-scroller .current-item {
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.dataset-scroller .count {
  font-weight: bold;
}
.dataset-scroller.has-no-data {
  display: none;
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number input[type=number] {
  margin-bottom: 4.5px;
}
.data-component-container[data-display-type-shortcode='NUMBER']:after {
  clear: both;
  content: "";
  display: table;
  margin-bottom: -4.5px;
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number {
  display: inline-grid;
  grid-template-areas: "input suffix" "slider spacer" "microcopy spacer" "messages spacer";
  align-items: center;
  column-gap: 5px;
  grid-template-columns: var(--number-input-width) 1fr;
  /* ///////////////////////////////
		CURRENCY_SYMBOL
		/////////////////////////////// */
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number .readonly-value {
  white-space: nowrap;
  line-height: 1em;
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number .readonly-value.auto-fit {
  transform-origin: top left;
  opacity: 0;
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number .readonly-value.auto-fit.auto-fit-applied {
  transition: opacity 1s linear;
  opacity: 1;
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number .input {
  grid-area: input;
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number .input-field,
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number input.short-input {
  width: var(--number-input-width);
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number .validation-message {
  grid-area: messages;
  margin: 0;
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number .input.is-editing.has-currency-symbol input[type=number] {
  padding-left: 20px;
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number .input.is-editing.has-currency-symbol:before {
  content: attr(data-currency-symbol);
  width: 20px;
  margin-right: -20px;
  text-align: right;
  position: absolute;
  margin-top: 8px;
  z-index: 9999;
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number .suffix {
  grid-area: suffix;
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number .slider-container {
  grid-area: slider;
  margin-bottom: 5px;
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number .slider-container input[type=range] {
  width: var(--number-input-width);
}
.data-component-container[data-display-type-shortcode='NUMBER'] .input-container.number .micro-copy {
  user-select: none;
  grid-area: microcopy;
}
html:not(.disable-validation-message-below-field) .validation-message-below-field .has-micro-copy.field-label.cannot-be-suppressed.error ~ .input-container {
  padding-bottom: 50px;
}
html:not(.disable-validation-message-below-field) .validation-message-below-field .has-micro-copy.field-label .validation-message {
  margin-top: 90px !important;
}
.money-binding-output.negative,
*[data-numeric-value^="-"] {
  color: red;
  white-space: nowrap;
}
/* /////////////////////////////////////////////////////////////////

NumberFlow

///////////////////////////////////////////////////////////////// */
number-flow-react.input-field {
  padding: 6px 12px;
  overflow: hidden;
}
number-flow-react.input-field.is-disabled {
  pointer-events: none;
}
/* /////////////////////////////////////////////////

View transition animations for media component

///////////////////////////////////////////////// */
@keyframes media-slide-out-left {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes media-slide-in-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes media-slide-out-right {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(100%);
  }
}
@keyframes media-slide-in-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
/* /////////////////////////////////////////////////

MEDIA data component (in React)

///////////////////////////////////////////////// */
.media-data-component {
  max-width: 550px;
  width: 100%;
}
.media-data-component .media-container {
  max-height: 310px;
  height: 100%;
  aspect-ratio: 1.77777778;
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.media-data-component .media-container audio {
  margin-bottom: 20px;
}
.media-data-component .media-container video,
.media-data-component .media-container iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 1.77777778;
}
.media-data-component .media-container video {
  object-fit: cover;
}
.media-data-component .media-container {
  position: relative;
}
.media-data-component .media-container .icon-container {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
  color: white;
  display: flex;
  align-items: center;
  gap: 10px;
}
.media-data-component .media-container .icon-container .play-icon {
  font-size: 75px;
}
.media-data-component .data-grid-v3 .paging-controls {
  border-top: none;
  justify-content: center;
}
.media-data-component .data-grid-v3 .paging-controls .paging-buttons-container {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  display: flex;
  gap: 10px;
  align-items: center;
  overflow: hidden;
}
.rss {
  max-height: 540px;
  overflow-y: scroll;
}
.rss .list .list-item {
  display: block;
  width: 100%;
  box-sizing: border-box;
}
.rss .list .list-item img {
  border-radius: 10px;
  background-clip: padding-box;
  width: 120px;
  height: 80px;
  object-fit: cover;
  margin-bottom: 0;
  background-color: rgba(0, 0, 0, 0.25);
  color: white;
}
.rss .list .list-item p {
  width: 100%;
  margin: 10px 0;
  max-height: 60px;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
.rss .list .list-item p.published-date {
  margin-bottom: 0;
  font-size: 13.5px;
}
.rss .list .list-item .header {
  display: flex;
  flex-direction: row;
  gap: 10px;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 10px;
  margin-bottom: 10px;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .rss .list .list-item .header h2 {
    max-width: 75%;
    margin-bottom: 5px;
  }
}
.rss .list .list-item .header div {
  flex: 1;
}
.rss .list .list-item .header p {
  margin-top: 0;
}
.rss .list .list-item .content {
  display: flex;
  flex-direction: row;
  gap: 10px;
  flex-wrap: wrap;
  align-items: center;
  margin-bottom: 20px;
}
.rss .list .list-item .content p {
  flex: 1;
  margin: 0;
  min-width: 330px;
}
.rss .list .list-item .content a {
  margin: 0;
}
.rss .alert {
  overflow-wrap: break-word;
}
.rss::-webkit-scrollbar,
.rss::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;
}
/* /////////////////////////////////////////////////

React Notifications

///////////////////////////////////////////////// */
.data-component.notifications .notifications-container {
  position: fixed;
  right: 10px;
  bottom: 10px;
  z-index: 220000;
  box-sizing: border-box;
}
.data-component.notifications .notifications-container .notifications-list {
  margin: 0 auto;
  width: 350px;
  display: block;
  position: relative;
  min-height: 1px;
  perspective: 1200px;
  transform-style: preserve-3d;
}
.data-component.notifications .notifications-container .notifications-list:hover .notification-item.is-front .notification-message-wrapper {
  overflow: visible;
}
.data-component.notifications .notifications-container .notifications-list:hover .notification-item.is-front .notification-message {
  display: block !important;
  overflow: visible !important;
  text-overflow: clip !important;
  -webkit-line-clamp: unset !important;
  line-clamp: unset !important;
  -webkit-mask-image: none !important;
  mask-image: none !important;
}
.data-component.notifications .notifications-container .notifications-list .notification-item {
  transition: transform 420ms cubic-bezier(0.2, 0.7, 0.2, 1);
  position: absolute;
  top: auto;
  bottom: 5px;
  left: 0;
  right: 0;
  transform-style: preserve-3d;
  will-change: transform;
}
.data-component.notifications .notifications-container .notifications-list .notification-item .notification-hover-hit-area {
  display: none;
}
.data-component.notifications .notifications-container .notifications-list .notification-item.is-historic .notification-hover-hit-area {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  top: -4px;
  bottom: -4px;
  z-index: 0;
}
.data-component.notifications .notifications-container .notifications-list .notification-item .icon-container .fa {
  color: #2070a5;
}
.data-component.notifications .notifications-container .notifications-list .notification-item.notification-type-info .icon-container .fa {
  color: #2070a5;
}
.data-component.notifications .notifications-container .notifications-list .notification-item.notification-type-error .icon-container .fa {
  color: #a20000;
}
.data-component.notifications .notifications-container .notifications-list .notification-item.notification-type-warning .icon-container .fa {
  color: #ffc841;
}
.data-component.notifications .notifications-container .notifications-list .notification-item.notification-type-success .icon-container .fa {
  color: #1b6133;
}
.data-component.notifications .notifications-container .notifications-list .notification-item.is-front .notification-inner .notification-message {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-mask-image: none;
  mask-image: none;
}
.data-component.notifications .notifications-container .notifications-list .notification-item.is-front.is-message-truncated .notification-inner .notification-message {
  -webkit-mask-image: linear-gradient(to bottom, #000000 0%, #000000 64%, rgba(0, 0, 0, 0.32) 88%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom, #000000 0%, #000000 64%, rgba(0, 0, 0, 0.32) 88%, rgba(0, 0, 0, 0) 100%);
}
.data-component.notifications .notifications-container .notifications-list .notification-item .notification-inner {
  position: relative;
  z-index: 1;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  background-clip: padding-box;
  padding: 0;
  transition: transform 420ms cubic-bezier(0.2, 0.7, 0.2, 1), opacity 320ms ease;
  will-change: transform, opacity;
  box-sizing: border-box;
  width: 350px;
  display: grid;
  align-items: center;
  grid-template-columns: 40px 1fr 40px;
  padding-top: 16px;
  padding-bottom: 16px;
  overflow: hidden;
}
.data-component.notifications .notifications-container .notifications-list .notification-item .notification-inner:has(.dismiss-container) {
  padding-bottom: 0;
}
.data-component.notifications .notifications-container .notifications-list .notification-item .notification-inner .notification-message-wrapper {
  overflow: hidden;
  transition: max-height 320ms ease;
}
.data-component.notifications .notifications-container .notifications-list .notification-item .notification-inner .notification-message {
  line-height: 1.4;
  display: block;
  overflow: visible;
  word-break: break-word;
  hyphens: auto;
  font-size: 12px;
}
.data-component.notifications .notifications-container .notifications-list .notification-item .notification-inner .icon-container {
  padding-left: 16px;
}
.data-component.notifications .notifications-container .notifications-list .notification-item .notification-inner .close-container {
  text-align: right;
  margin-right: 16px;
}
.data-component.notifications .notifications-container .notifications-list .notification-item .notification-inner .dismiss-container {
  padding: 8px 16px;
  opacity: 0.75;
  font-size: 12px;
  background-color: rgba(82, 79, 85, 0.05);
  grid-column: span 3;
  border-bottom: 3px solid rgba(0, 0, 0, 0.25);
  margin-top: 16px;
}
.data-component.notifications .notifications-container .notifications-list .notification-item .notification-inner .dismiss-container .dismiss-bar {
  background-color: #6b2bf6;
  position: absolute;
  left: 0;
  bottom: -3px;
  width: 100%;
  height: 3px;
  transition: width 220ms linear;
  border: 1px solid transparent;
}
.data-component.notifications .notifications-container .notifications-list .notification-item .notification-inner .dismiss-container .dismiss-bar.is-paused {
  background-color: rgba(0, 0, 0, 0.4);
}
/* /////////////////////////////////////////////////

Notification preview for docs

///////////////////////////////////////////////// */
.notification-preview {
  position: relative;
  width: 100%;
  height: 500px;
  overflow: hidden;
}
@media screen {
  .notification-preview {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(162, 162, 162, 0.3);
    background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  }
}
.notification-preview .notifications-container {
  position: absolute !important;
  bottom: -410px !important;
}
.data-component.textarea .resize-x {
  resize: vertical;
}
.data-component.textarea .resize-y {
  resize: horizontal;
}
.data-component.textarea .resize-disabled {
  resize: none;
}
.data-component.textarea textarea {
  margin-bottom: 10px;
}
.trumbowyg-container p,
.trumbowyg-container li,
.trumbowyg-container div {
  word-break: break-all;
}
.trumbowyg-container .trumbowyg-dropdown {
  overflow-y: scroll;
  max-height: 230px;
}
.formatted,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted,
.data-component.markdown .content {
  line-height: 1.5em;
}
.formatted .with-line-numbers,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted .with-line-numbers,
.data-component.markdown .content .with-line-numbers {
  counter-reset: line;
}
.formatted .with-line-numbers code,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted .with-line-numbers code,
.data-component.markdown .content .with-line-numbers code {
  counter-increment: line;
  display: block;
}
.formatted .with-line-numbers code:before,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted .with-line-numbers code:before,
.data-component.markdown .content .with-line-numbers code:before {
  user-select: none;
  content: counter(line);
  margin-right: 10px;
  display: inline-block;
}
.formatted .with-line-numbers code.error,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted .with-line-numbers code.error,
.data-component.markdown .content .with-line-numbers code.error {
  color: #a20000;
}
.formatted .pre,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted .pre,
.data-component.markdown .content .pre,
.formatted pre,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted pre,
.data-component.markdown .content pre,
.formatted code,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted code,
.data-component.markdown .content code {
  font-family: monospace;
  font-size: 1em;
  line-height: 1em;
  font-weight: normal;
}
.formatted .pre,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted .pre,
.data-component.markdown .content .pre,
.formatted pre,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted pre,
.data-component.markdown .content pre {
  margin-bottom: 10px;
  margin-top: 10px;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  overflow: auto;
}
.formatted .pre code,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted .pre code,
.data-component.markdown .content .pre code,
.formatted pre code,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted pre code,
.data-component.markdown .content pre code {
  background-color: transparent;
  margin: 0;
  padding: 0;
}
.formatted .pre strong,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted .pre strong,
.data-component.markdown .content .pre strong,
.formatted pre strong,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted pre strong,
.data-component.markdown .content pre strong {
  font-family: monospace;
  font-weight: bold;
}
.formatted blockquote,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted blockquote,
.data-component.markdown .content blockquote {
  margin: 10px 0;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.05);
}
.formatted blockquote p,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted blockquote p,
.data-component.markdown .content blockquote p {
  font-weight: bold !important;
  font-style: italic;
}
.formatted table,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted table,
.data-component.markdown .content table {
  border-collapse: collapse;
  padding: 0;
}
.formatted table td,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted table td,
.data-component.markdown .content table td,
.formatted table th,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted table th,
.data-component.markdown .content table th {
  padding: 4px 9px;
  vertical-align: top;
}
.formatted table td:not(:last-child),
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted table td:not(:last-child),
.data-component.markdown .content table td:not(:last-child) {
  border-right: 1px solid #cccccc;
}
.formatted table td.value,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted table td.value,
.data-component.markdown .content table td.value {
  font-weight: bold;
}
.formatted table td .not-bold,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted table td .not-bold,
.data-component.markdown .content table td .not-bold {
  font-weight: normal;
}
.formatted table tr,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted table tr,
.data-component.markdown .content table tr {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.formatted table tr.alt,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted table tr.alt,
.data-component.markdown .content table tr.alt,
.formatted table tr:nth-child(even),
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted table tr:nth-child(even),
.data-component.markdown .content table tr:nth-child(even) {
  background-color: #f5f5f5;
}
.formatted p,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted p,
.data-component.markdown .content p {
  line-height: 1.5em;
}
.formatted .strong,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted .strong,
.data-component.markdown .content .strong,
.formatted strong,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted strong,
.data-component.markdown .content strong,
.formatted b,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted b,
.data-component.markdown .content b {
  font-weight: bold;
}
.formatted ol,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted ol,
.data-component.markdown .content ol,
.formatted ul,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted ul,
.data-component.markdown .content ul {
  padding-bottom: 10px;
}
.formatted ol li,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted ol li,
.data-component.markdown .content ol li,
.formatted ul li,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted ul li,
.data-component.markdown .content ul li {
  margin-left: 20px;
  margin-bottom: 5px;
}
.formatted ul,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted ul,
.data-component.markdown .content ul {
  list-style: disc;
}
.formatted ol,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted ol,
.data-component.markdown .content ol {
  list-style: decimal;
}
.formatted ol[type=i],
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted ol[type=i],
.data-component.markdown .content ol[type=i] {
  counter-reset: roman;
}
.formatted ol[type=i] > li,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted ol[type=i] > li,
.data-component.markdown .content ol[type=i] > li {
  list-style: none;
  position: relative;
}
.formatted ol[type=i] > li:before,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted ol[type=i] > li:before,
.data-component.markdown .content ol[type=i] > li:before {
  counter-increment: roman;
  content: "(" counter(roman, lower-roman) ") ";
  position: absolute;
  left: -1.4em;
}
.formatted ol[type=a],
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted ol[type=a],
.data-component.markdown .content ol[type=a] {
  counter-reset: alpha;
}
.formatted ol[type=a] > li,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted ol[type=a] > li,
.data-component.markdown .content ol[type=a] > li {
  list-style: none;
  position: relative;
}
.formatted ol[type=a] > li:before,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted ol[type=a] > li:before,
.data-component.markdown .content ol[type=a] > li:before {
  counter-increment: alpha;
  content: "(" counter(alpha, lower-alpha) ") ";
  position: absolute;
  left: -1.4em;
}
.formatted ul > li,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted ul > li,
.data-component.markdown .content ul > li {
  list-style-type: disc;
}
.richtext-editor.as-mobile,
.richtext-editor .input-container.is-full-width {
  width: 100%;
}
.richtext-editor.as-mobile .react-simple-wysiwyg-container,
.richtext-editor .input-container.is-full-width .react-simple-wysiwyg-container {
  width: 100%;
}
.react-simple-wysiwyg-container {
  transition: all 0.25s ease-in-out;
  width: 250px;
}
.react-simple-wysiwyg-container .rsw-editor {
  padding: 9px 12px;
  font-size: 16px;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #6c686f;
  font-weight: normal;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  box-shadow: -1px -1px 3px 0 rgba(162, 162, 162, 0.45);
  transition: all 0.25s ease-in-out;
  border-radius: 8px;
  background-clip: padding-box;
  border: none;
  margin-bottom: 0;
  padding: 0;
  min-height: 150px;
}
.react-simple-wysiwyg-container .rsw-editor:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.react-simple-wysiwyg-container .rsw-editor:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.react-simple-wysiwyg-container .rsw-editor::placeholder {
  color: rgba(108, 104, 111, 0.5);
}
.react-simple-wysiwyg-container .rsw-editor:placeholder-shown {
  text-overflow: ellipsis;
}
.react-simple-wysiwyg-container .rsw-editor:disabled,
.react-simple-wysiwyg-container .rsw-editor.is-disabled,
.react-simple-wysiwyg-container .rsw-editor.is-disabled-address {
  cursor: not-allowed;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  color: #524f55;
}
.react-simple-wysiwyg-container .rsw-editor.small {
  padding: 4px 6px;
  font-size: 13px;
  height: 30px;
}
.react-simple-wysiwyg-container .rsw-editor:disabled,
.react-simple-wysiwyg-container .rsw-editor.disabled,
.react-simple-wysiwyg-container .rsw-editor.is-disabled {
  box-shadow: none;
  border: none;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar {
  box-sizing: border-box;
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  padding: 4px 6px;
  font-size: 13px;
  height: 30px;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  background-color: rgba(248, 248, 248, 0.6);
  height: auto;
  border: 1px solid #ffffff;
  border-bottom-color: #e0e0e0;
  border-right-color: #ebebeb;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  flex-wrap: wrap;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar select {
  width: auto;
  line-height: 1;
  padding: 6px 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 4px;
  padding-right: 20px;
  box-shadow: none;
  background-color: transparent;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar select:hover {
  background-color: rgba(204, 204, 204, 0.3);
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-separator {
  border-color: #cccccc;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn {
  color: #524f55;
  background-color: transparent;
  border: 1px solid transparent;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn:hover {
  background-color: rgba(204, 204, 204, 0.3);
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[data-active="true"] {
  border-color: #cccccc;
  background-color: rgba(204, 204, 204, 0.7);
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Undo"] {
  font-size: 0;
  width: 26px;
  height: 26px;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Undo"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  content: "\f0e2";
  font-weight: normal;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Redo"] {
  font-size: 0;
  width: 26px;
  height: 26px;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Redo"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  content: "\f01e";
  font-weight: normal;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Bold"] {
  font-size: 0;
  width: 26px;
  height: 26px;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Bold"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  content: "\f032";
  font-weight: normal;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Italic"] {
  font-size: 0;
  width: 26px;
  height: 26px;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Italic"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  content: "\f033";
  font-weight: normal;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Underline"] {
  font-size: 0;
  width: 26px;
  height: 26px;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Underline"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  content: "\f0cd";
  font-weight: normal;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Strikethrough"] {
  font-size: 0;
  width: 26px;
  height: 26px;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Strikethrough"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  content: "\f0cc";
  font-weight: normal;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Subscript"] {
  font-size: 0;
  width: 26px;
  height: 26px;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Subscript"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  content: "\f12c";
  font-weight: normal;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Link"] {
  font-size: 0;
  width: 26px;
  height: 26px;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Link"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  content: "\f0c1";
  font-weight: normal;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Clear formatting"] {
  font-size: 0;
  width: 26px;
  height: 26px;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="Clear formatting"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  content: "\f1f8";
  font-weight: normal;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="HTML mode"] {
  font-size: 0;
  width: 26px;
  height: 26px;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-toolbar .rsw-btn[title="HTML mode"]:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 12px;
  content: "\f121";
  font-weight: normal;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-ce {
  font-size: 15px;
}
.react-simple-wysiwyg-container .rsw-editor .rsw-ce:focus {
  outline: none;
}
.react-simple-wysiwyg-container .rsw-editor textarea {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  font-size: 15px;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
}
.react-simple-wysiwyg-container .rsw-editor textarea:focus {
  outline: none;
  box-shadow: none;
}
.react-simple-wysiwyg-container:focus-within {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  border-radius: 8px;
  background-clip: padding-box;
}
/* /////////////////////////////////////////////////

Disabled

///////////////////////////////////////////////// */
.data-component.richtext-editor[data-isdisabled="true"] .rsw-editor {
  box-shadow: none;
  cursor: not-allowed;
  background-color: #eeeeee;
  color: #524f55;
  border: none;
}
.data-component.richtext-editor[data-isdisabled="true"] .rsw-editor .rsw-toolbar {
  border: none;
  pointer-events: none;
  opacity: 0.5;
}
.chatbot .webchat-wrapper {
  position: fixed;
  right: 20px;
  bottom: 20px;
  pointer-events: none;
  z-index: 70000;
}
@media screen and (max-width: 1200px) {
  .chatbot .webchat-wrapper {
    right: 10px;
    bottom: 10px;
  }
}
.chatbot .webchat-wrapper .webchat-bubble {
  float: right;
  height: 60px;
  width: 60px;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #6b2bf6;
  border-radius: 50%;
  cursor: pointer;
  pointer-events: auto;
}
.chatbot .webchat-wrapper .webchat-bubble:hover,
.chatbot .webchat-wrapper .webchat-bubble:focus {
  background-color: #4609cc;
}
.chatbot .webchat-wrapper .webchat-bubble:hover .fa,
.chatbot .webchat-wrapper .webchat-bubble:focus .fa {
  color: #ffffff;
}
.chatbot .webchat-wrapper .webchat-bubble .fa {
  color: #ffffff;
  font-size: 35px;
  cursor: pointer;
}
.chatbot .webchat-wrapper .webchat-holder {
  display: flex;
  align-items: flex-end;
  width: 100%;
  max-width: 360px;
  min-height: 300px;
  position: absolute;
  bottom: 60px;
  right: 0;
  opacity: 0;
  pointer-events: auto;
  overflow: hidden;
  padding-top: 44px;
  border: 0;
}
@media screen and (min-width: 1200px) {
  .chatbot .webchat-wrapper .webchat-holder {
    right: 60px;
  }
}
.chatbot .webchat-wrapper .webchat-holder:not(.animated) {
  pointer-events: none;
}
.chatbot .webchat-wrapper .webchat-holder .webchat-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  padding: 10px;
  font-size: 20px;
  text-align: center;
  background-color: #6b2bf6;
  color: #ffffff;
}
.chatbot .webchat-wrapper .webchat-holder .webchat-title .fa-times {
  float: right;
  cursor: pointer;
}
.chatbot .webchat-wrapper .webchat-holder .webchat {
  width: 100%;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__basic-transcript__scrollable {
  max-height: 400px;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main,
.chatbot .webchat-wrapper .webchat-holder div[role="complementary"] {
  background-color: transparent;
  border-top: 0;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__basic-transcript:focus .webchat__basic-transcript__focus-indicator,
.chatbot .webchat-wrapper .webchat-holder .webchat__basic-transcript .webchat__basic-transcript__terminator:focus + .webchat__basic-transcript__focus-indicator {
  border-color: #6b2bf6 !important;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main {
  background-color: transparent !important;
  border-top: 0 !important;
  min-height: auto !important;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main form {
  padding: 0;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main form input[type="text"] {
  border-radius: 8px;
  background-clip: padding-box;
  padding: 9px 12px;
  font-size: 16px;
  height: 19px;
  margin-bottom: 0;
  background-color: #ffffff;
  border: 1px solid #cccccc !important;
  color: #6c686f !important;
  font-weight: normal;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  margin-right: 10px;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main form input[type="text"]:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main form input[type="text"]:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main form input[type="text"]:disabled,
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main form input[type="text"].is-disabled,
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main form input[type="text"].is-disabled-address {
  cursor: not-allowed;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  color: #524f55;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button {
  color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  background-clip: padding-box;
  cursor: pointer;
  min-width: 80px;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button:hover,
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button.action-button,
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button.next-button,
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button:hover,
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button svg {
  fill: #ffffff !important;
}
.chatbot .webchat-wrapper .webchat-holder div.webchat__bubble__content {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
  border-top-left-radius: 8px !important;
  background-clip: padding-box !important;
  color: #524f55 !important;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__basic-transcript__activity--from-bot div.webchat__bubble__content {
  background-color: #6b2bf6 !important;
  color: #ffffff !important;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__basic-transcript__activity--from-bot div.webchat__bubble__content p {
  color: #ffffff !important;
}
.chatbot .webchat-wrapper .webchat-holder .react-film__main {
  margin-bottom: 20px;
}
.chatbot .webchat-wrapper .webchat-holder .react-film__main li button {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 8px;
  background-clip: padding-box;
  color: #524f55 !important;
  font-weight: normal !important;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif !important;
  cursor: pointer;
}
.chatbot .webchat-wrapper .webchat-holder .react-film__main li:first-of-type button {
  background-color: #6b2bf6 !important;
  color: #ffffff !important;
}
html.is-automation .chatbot .webchat-wrapper {
  width: 98%;
  bottom: auto;
  height: 400px;
  position: relative;
}
html.is-automation .chatbot .webchat-wrapper .webchat-bubble {
  position: absolute;
  bottom: 0;
  right: 0;
}
html.is-automation .chatbot .webchat-wrapper .webchat-holder {
  opacity: 1;
}
.data-component.esign-component .alert {
  position: fixed;
  top: 10px;
  right: 10px;
  margin-left: 10px;
  z-index: 110000;
}
.data-component.esign-component .esign-component-inner {
  display: grid;
  grid-template-columns: min-content 1fr;
}
.data-component.esign-component .icon-container {
  align-self: center;
  font-size: 25px;
  width: 40px;
  cursor: pointer;
}
.data-component.esign-component .signature-container input[type=text] {
  box-shadow: none;
  box-sizing: border-box;
  border-radius: 0;
  background-clip: padding-box;
  font-size: 50px;
  margin: 0;
  display: block;
  width: 100%;
  border: none;
  background-color: transparent;
  border-bottom: 2px solid #cccccc;
  padding-left: 0;
}
.data-component.esign-component .terms-container {
  user-select: none;
  margin-top: 10px;
  align-items: center;
  align-self: center;
  display: flex;
  justify-content: flex-start;
}
.data-component.esign-component .terms-container label {
  white-space: normal;
  padding: 0;
  margin: 0;
  margin-left: 10px;
  width: auto !important;
  min-height: 0;
}
.data-component.esign-component[data-isreadonly=true] {
  pointer-events: none;
}
.data-component.esign-component[data-isreadonly=true] .icon-container {
  display: none;
}
.data-component.esign-component[data-isreadonly=true] .esign-component-inner {
  grid-template-columns: 1fr;
}
.data-component.color-component {
  /* Added to move the help icon nearer the top as it sat too low in main */
}
.data-component.color-component .hint-spacer a {
  margin-top: 4px;
}
.data-component.color-component input[type=color] {
  cursor: pointer;
  border: 1px solid #cccccc;
}
.data-component.color-component input[type="color"]::-webkit-color-swatch-wrapper {
  padding: 1px;
}
.data-grid-v3 .loading-container {
  background-color: transparent;
  padding: 0;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.data-grid-v3 .data-grid-container {
  transition: all 0.5s ease-in-out;
}
.data-grid-v3 .data-grid-container.is-loading {
  opacity: 0.1;
  pointer-events: none;
}
.data-grid-v3 .top-controls-container {
  display: flex;
  justify-content: flex-end;
  margin: 10px 0;
  gap: 10px;
}
.data-grid-v3 .top-controls-container .button {
  margin: 0;
}
.data-grid-v3 .top-controls-container input[type=text] {
  box-sizing: content-box !important;
  transition: all 0.3s ease-in-out;
  width: 45px;
}
.data-grid-v3 .top-controls-container input[type=text]:not(:placeholder-shown),
.data-grid-v3 .top-controls-container input[type=text]:focus,
.data-grid-v3 .top-controls-container input[type=text]:focus-within,
.data-grid-v3 .top-controls-container input[type=text]:hover {
  width: 250px;
}
.data-grid-v3 tr.search-results-row {
  background-color: #cceaf5;
}
.data-grid-v3 tr.search-results-row .search-results {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.data-grid-v3 tr.search-results-row .search-results a {
  color: #524f55;
  margin-right: 10px;
}
.data-grid-v3 table {
  width: 100%;
  border-collapse: collapse;
}
.data-grid-v3 thead tr {
  border-bottom: 1px solid #cccccc;
}
.data-grid-v3 th,
.data-grid-v3 td {
  padding: 7px 0 7px 14px;
  text-align: left;
  box-sizing: border-box;
}
.data-grid-v3 th.right-aligned,
.data-grid-v3 td.right-aligned {
  text-align: right;
  padding-right: 7px;
  padding-left: 0;
}
.data-grid-v3 th.center-aligned,
.data-grid-v3 td.center-aligned {
  text-align: center;
  padding-right: 7px;
}
.data-grid-v3 th:last-child,
.data-grid-v3 td:last-child {
  padding-right: 14px;
}
.data-grid-v3 tbody tr.data-row {
  position: relative;
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
}
.data-grid-v3 tbody tr.data-row.expanded {
  border-bottom: none;
}
.data-grid-v3 tbody tr.data-row.is-selectable td {
  cursor: pointer;
}
.data-grid-v3 tbody tr.data-row.is-selectable:hover:not(.is-selected-row) td,
.data-grid-v3 tbody tr.data-row.is-selectable:hover:not(.is-selected-row) + tr.expandable-row td {
  background-color: rgba(107, 43, 246, 0.15);
}
.data-grid-v3 tbody tr.data-row.is-selected-row td,
.data-grid-v3 tbody tr.data-row.is-selected-row + tr.expandable-row td {
  background-color: #6b2bf6;
}
.data-grid-v3 tbody tr.data-row.is-selected-row td:before,
.data-grid-v3 tbody tr.data-row.is-selected-row + tr.expandable-row td:before,
.data-grid-v3 tbody tr.data-row.is-selected-row td:after,
.data-grid-v3 tbody tr.data-row.is-selected-row + tr.expandable-row td:after,
.data-grid-v3 tbody tr.data-row.is-selected-row td *,
.data-grid-v3 tbody tr.data-row.is-selected-row + tr.expandable-row td * {
  color: white;
  opacity: 1;
}
.data-grid-v3 tbody tr.data-row.is-selected-row td:before:hover,
.data-grid-v3 tbody tr.data-row.is-selected-row + tr.expandable-row td:before:hover,
.data-grid-v3 tbody tr.data-row.is-selected-row td:after:hover,
.data-grid-v3 tbody tr.data-row.is-selected-row + tr.expandable-row td:after:hover,
.data-grid-v3 tbody tr.data-row.is-selected-row td *:hover,
.data-grid-v3 tbody tr.data-row.is-selected-row + tr.expandable-row td *:hover {
  color: white;
}
.data-grid-v3 tbody tr td {
  font-size: 13px;
}
.data-grid-v3 tbody tr td .button {
  margin: 0;
  padding: 9px 10px;
  line-height: 1em;
}
.data-grid-v3 tbody tr td .sparkline-cell-renderer {
  position: relative;
}
.data-grid-v3 tbody tr td .sparkline-cell-renderer svg {
  stroke-width: 2px;
  fill: none;
  overflow: visible;
}
.data-grid-v3 tbody tr td .sparkline-cell-renderer svg .fill-rect {
  opacity: 0.15;
}
.data-grid-v3 tbody tr td .sparkline-cell-renderer .hit-areas-container,
.data-grid-v3 tbody tr td .sparkline-cell-renderer .toolTip-container {
  display: flex;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  justify-content: center;
}
.data-grid-v3 tbody tr td .sparkline-cell-renderer .hit-areas-container .hit-area,
.data-grid-v3 tbody tr td .sparkline-cell-renderer .toolTip-container .hit-area {
  overflow: hidden;
  min-width: 1px;
  flex-grow: 1;
  opacity: 0;
}
.data-grid-v3 tbody tr td .sparkline-cell-renderer .hit-areas-container .hit-area .indicator-line,
.data-grid-v3 tbody tr td .sparkline-cell-renderer .toolTip-container .hit-area .indicator-line {
  box-sizing: border-box;
  border-right-width: 2px;
  border-right-style: solid;
  width: 50%;
  height: 100%;
}
.data-grid-v3 tbody tr td .sparkline-cell-renderer .hit-areas-container .hit-area.first .indicator-line,
.data-grid-v3 tbody tr td .sparkline-cell-renderer .toolTip-container .hit-area.first .indicator-line {
  width: 1px;
  border-right: none;
  border-left-width: 2px;
  border-left-style: solid;
}
.data-grid-v3 tbody tr td .sparkline-cell-renderer .hit-areas-container .hit-area.last .indicator-line,
.data-grid-v3 tbody tr td .sparkline-cell-renderer .toolTip-container .hit-area.last .indicator-line {
  width: 100%;
}
.data-grid-v3 tbody tr td .sparkline-cell-renderer .hit-areas-container .hit-area.active,
.data-grid-v3 tbody tr td .sparkline-cell-renderer .toolTip-container .hit-area.active {
  opacity: 1;
}
.data-grid-v3 tbody tr td .sparkline-cell-renderer .toolTip-container {
  align-items: center;
}
.data-grid-v3 tbody tr td .sparkline-cell-renderer .toolTip {
  transition: all 0.25s ease-out;
  position: absolute;
  padding: 0 10px;
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 3px;
  margin-left: 5px;
  color: white;
  display: inline-block;
  font-size: 12px;
  line-height: 18px;
  z-index: 1;
  pointer-events: none;
}
.data-grid-v3 tbody tr td .row-actions-container {
  display: flex;
  position: relative;
}
.data-grid-v3 tbody tr td .row-actions-container .button.is-primary {
  font-size: 11px;
  text-align: left;
  display: flex;
  justify-content: space-between;
  flex-grow: 1;
  align-items: center;
  gap: 15px;
}
.data-grid-v3 tbody tr td .row-actions-container:not(.has-primary-action) .button.is-ellipsis {
  border-radius: 30px;
  width: 35px;
  height: 35px;
  margin: 0 auto;
}
.data-grid-v3 tbody tr td .row-actions-container.has-primary-action:not(.has-no-sub-actions) .button.is-primary {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: -1px;
}
.data-grid-v3 tbody tr td .row-actions-container.has-primary-action:not(.has-no-sub-actions) .button.is-ellipsis {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  width: 35px;
}
.data-grid-v3 tbody tr td .row-actions-container .row-actions-popover-container {
  position: relative;
}
.data-grid-v3 tbody tr td .row-actions-container .row-actions-popover-container .row-actions-popover {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  user-select: none;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  margin-top: 2px;
  min-width: 100px;
  max-width: min(260px, calc(100vw - 16px));
  max-height: min(320px, calc(100vh - 16px));
  overflow-y: auto;
  padding: 6px;
  border-radius: 10px;
  position: fixed;
  inset: auto;
  top: auto;
  right: auto;
  margin: 4px 0 0;
  position-area: bottom left;
  justify-self: anchor-right;
  position-try-fallbacks: flip-block, flip-inline, flip-block flip-inline;
  z-index: 80000;
  margin-right: -35px;
}
.data-grid-v3 tbody tr td .row-actions-container .row-actions-popover-container .row-actions-popover .row-actions-popover-item {
  display: block;
  width: 100%;
  text-align: left;
  padding: 7px 10px;
  border: 0;
  background: transparent;
  color: #524f55;
  cursor: pointer;
  font-size: 11px;
  font-weight: bold;
  line-height: 1.4;
}
.data-grid-v3 tbody tr td .row-actions-container .row-actions-popover-container .row-actions-popover .row-actions-popover-item:hover,
.data-grid-v3 tbody tr td .row-actions-container .row-actions-popover-container .row-actions-popover .row-actions-popover-item:focus-visible {
  background-color: rgba(204, 204, 204, 0.2);
  outline: none;
}
.data-grid-v3 tbody tr td .row-actions-container .row-actions-popover-container .row-actions-popover .row-actions-popover-separator {
  height: 1px;
  margin: 5px 0;
  background: rgba(204, 204, 204, 0.7);
}
.data-grid-v3 tbody tr td .row-actions-container.has-no-sub-actions .button.is-primary:after {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
}
.data-grid-v3 tbody tr.even {
  background-color: #f5f5f5;
}
.data-grid-v3 th {
  position: relative;
  white-space: normal;
}
.data-grid-v3 th .button.round {
  transition: all 0.3s ease-in-out;
  transform: scale(0.75);
}
.data-grid-v3 th .button.round:hover {
  transform: scale(1);
}
.data-grid-v3 th:not(.sorted) a {
  color: #524f55;
}
.data-grid-v3 th:not(.sorted) a:hover {
  color: #6b2bf6;
}
.data-grid-v3 th.is-sortable {
  user-select: none;
  cursor: pointer;
  padding-left: 20px;
}
.data-grid-v3 th.is-sortable a {
  position: relative;
}
.data-grid-v3 th.is-sortable.asc a:after,
.data-grid-v3 th.is-sortable.desc a:after,
.data-grid-v3 th.is-sortable a:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  margin-left: -15px;
  top: 50%;
  left: 0;
  margin-top: -7px;
}
.data-grid-v3 th.is-sortable a:before {
  content: "\f0dc";
  color: #cccccc;
}
.data-grid-v3 th.sorted.asc a:after {
  content: "\f0de";
}
.data-grid-v3 th.sorted.desc a:after {
  content: "\f0dd";
}
.data-grid-v3 th .multi-columns li {
  opacity: 0.5;
  display: inline-block;
  cursor: pointer;
  margin-right: 4px;
}
.data-grid-v3 th .multi-columns li:after {
  content: ' / ';
}
.data-grid-v3 th .multi-columns li:last-child:after {
  content: '';
}
.data-grid-v3 th .multi-columns li.is-selected {
  opacity: 1;
  font-weight: bold;
}
.data-grid-v3 th .multi-columns li.is-selected:after {
  opacity: 0.5;
}
.data-grid-v3 th .tooltip.button {
  margin: 0;
  margin-left: 10px;
  cursor: pointer;
}
.data-grid-v3 tbody .expand-toggle-hit-area {
  background-color: rgba(0, 255, 255, 0);
  position: absolute;
  left: 0;
  top: 0;
  width: 30px;
  height: 100%;
  cursor: pointer;
}
.data-grid-v3 tbody tr.expandable-row {
  display: none;
}
.data-grid-v3 tbody tr.expandable-row.expanded {
  display: table-row;
}
.data-grid-v3 tbody tr.expandable-row td {
  border-bottom: 1px solid rgba(204, 204, 204, 0.5);
  padding-top: 0;
}
.data-grid-v3 tbody tr.expandable-row ul {
  display: flex;
  flex-wrap: wrap;
  column-gap: 30px;
  row-gap: 10px;
  justify-content: flex-start;
  margin-left: 15px;
  margin-top: 5px;
}
.data-grid-v3 tbody tr.expandable-row ul li {
  display: none;
}
.data-grid-v3 tbody tr.expandable-row ul li .expandable-row-label {
  font-weight: bold;
  font-size: 60%;
  line-height: 1.5em;
}
.data-grid-v3 .paging-controls {
  border-top: 1px solid #cccccc;
  margin-top: -1px;
  padding: 10px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  font-size: 13px;
}
.data-grid-v3 .paging-controls .records,
.data-grid-v3 .paging-controls .showing-records,
.data-grid-v3 .paging-controls .records-per-page {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.data-grid-v3 .paging-controls .showing-records {
  gap: 4px;
}
.data-grid-v3 .paging-controls .paging-buttons-container {
  border-radius: 8px;
  background-clip: padding-box;
}
.data-grid-v3 .paging-buttons-container button,
.data-grid-v3 select.is-ellipsis {
  user-select: none;
  transition: all 0.3s ease-in-out;
  border: none;
  display: inline-block;
  padding: 5px 10px;
  background: #ffffff;
  background-color: transparent;
  color: #524f55;
  cursor: pointer;
  line-height: 1.5em;
}
.data-grid-v3 .paging-buttons-container button:focus-visible,
.data-grid-v3 select.is-ellipsis:focus-visible {
  background-color: rgba(204, 204, 204, 0.5) !important;
  border-color: rgba(204, 204, 204, 0.5);
  box-shadow: none !important;
  outline: none;
}
.data-grid-v3 .paging-buttons-container button.disabled,
.data-grid-v3 select.is-ellipsis.disabled {
  cursor: not-allowed;
  opacity: 0.25;
}
.data-grid-v3 .paging-buttons-container button.selected .word-of-numPages,
.data-grid-v3 select.is-ellipsis.selected .word-of-numPages {
  padding-left: 4px;
}
.data-grid-v3 .paging-buttons-container button.selected .word-of-numPages span,
.data-grid-v3 select.is-ellipsis.selected .word-of-numPages span {
  padding-left: 4px;
}
.data-grid-v3 select.is-ellipsis {
  box-shadow: none;
  height: auto;
  background-image: none !important;
  width: 30px;
}
.data-grid-v3 .paging-buttons-container select.is-ellipsis {
  border-radius: 0;
  background-clip: padding-box;
}
.data-grid-v3.as-mobile .hidden-tablet,
.data-grid-v3.as-mobile .hidden-phone {
  display: none !important;
}
.data-grid-v3.as-mobile .visible-phone,
.data-grid-v3.as-mobile .hidden-desktop {
  display: initial !important;
}
.data-grid-v3 .auto-filter-menu {
  margin: 0;
  border: 1px solid #cccccc;
  border-top: none;
  background-color: #ffffff;
  position: absolute;
  z-index: 1;
  padding: 10px;
  font-size: 13px;
}
.data-grid-v3 .auto-filter-menu form {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.data-grid-v3 .auto-filter-menu form label {
  display: block;
  width: auto !important;
}
.data-grid-v3 .auto-filter-menu form input[type=date] {
  width: 140px;
  display: block;
}
.data-grid-v3 .auto-filter-menu .checkboxes-list li {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 10px;
}
.data-grid-v3 .auto-filter-menu .checkboxes-list li label {
  user-select: none;
  padding: 0 !important;
  margin: 0;
}
.data-grid-v3 .auto-filter-menu .checkboxes-list li:not(:first-child) {
  margin-top: 5px;
}
.data-grid-v3 .auto-filter-menu .button {
  margin: 0;
}
.no-records-message {
  margin-top: 10px;
  display: block;
}
.grid-style-2 .data-grid-v3 td,
.grid-style-2 .data-grid-v3 th {
  font-size: 12px;
  padding: 4px 0 4px 8px;
}
.grid-style-2 .data-grid-v3 td:last-child,
.grid-style-2 .data-grid-v3 th:last-child {
  padding-right: 8px;
}
.grid-style-2 .data-grid-v3 tbody tr.even {
  background-color: transparent;
}
.data-component.phone {
  /* ///////////////////////////////
    FORCE_COUNTRY_CODE
    /////////////////////////////// */
}
.data-component.phone .country-code {
  cursor: pointer;
  margin-right: 10px;
}
.data-component.phone .country-code.button {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  align-self: stretch;
  display: flex;
  align-content: center;
  align-items: center;
}
.data-component.phone .has-confirm .country-code.button {
  margin-bottom: 15px;
}
.data-component.phone[data-isdisabled="true"] .country-code {
  pointer-events: none;
  cursor: not-allowed;
}
.data-component.phone .input-container.force-country-code:not(.show-country-code-selector) {
  display: inline-grid;
  grid-template-areas: "code phone" "blank confirm" "blank error";
  align-items: start;
  grid-template-columns: max-content 1fr;
}
.data-component.phone .input-container.force-country-code:not(.show-country-code-selector) .country-code {
  margin-top: 10px;
  grid-area: code;
}
.data-component.phone .input-container.force-country-code:not(.show-country-code-selector) .validation-message {
  grid-area: error;
}
.data-component.phone .input-container.force-country-code:not(.show-country-code-selector).has-confirm .validation-message {
  margin-top: 0;
}
.data-component.phone .input-container.force-country-code:not(.show-country-code-selector).has-confirm .is-confirm {
  grid-area: confirm;
}
.breadcrumb {
  width: 100%;
  height: 100px;
  display: flex;
  justify-content: space-between;
  padding: 20px 0;
  box-sizing: border-box;
}
.breadcrumb .breadcrumb-step {
  flex: 2;
  text-align: center;
}
.breadcrumb .breadcrumb-step.hidden {
  display: none;
}
.breadcrumb .breadcrumb-step::before {
  content: '';
  vertical-align: middle;
  width: 100%;
  height: 2px;
  display: inline-block;
  background-image: linear-gradient(to right, #d7d6d7, #d7d6d7);
  background-size: 100% 100%;
  background-position: 0;
  background-repeat: no-repeat;
  background-color: #d7d6d7;
}
.breadcrumb .breadcrumb-step .breadcrumb-marker {
  position: relative;
  top: -21px;
  display: inline-block;
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  padding: 3px;
  color: #d7d6d7;
  border: 2px solid #d7d6d7;
  background-color: #d7d6d7;
  font-size: 7.14285714px;
  line-height: 10px;
  text-align: center;
  vertical-align: middle;
  border-radius: 10px;
}
.breadcrumb .breadcrumb-step .breadcrumb-marker [class^='icon'] {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: relative;
  font-size: 13px;
}
.breadcrumb .breadcrumb-step .breadcrumb-marker .dot {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: relative;
  display: inline-block;
  width: 4px;
  height: 4px;
  border-radius: 10px;
  padding: 3px;
  background: #ffffff;
}
.breadcrumb .breadcrumb-step .breadcrumb-label {
  position: relative;
  top: -15px;
  display: block;
}
.breadcrumb .breadcrumb-step.done::before {
  background-image: linear-gradient(to right, #6b2bf6, #6b2bf6);
}
.breadcrumb .breadcrumb-step.done .breadcrumb-marker {
  color: #ffffff;
  background-color: #6b2bf6;
  border-color: #6b2bf6;
}
.breadcrumb .breadcrumb-step.current::before {
  background: linear-gradient(90deg, #6b2bf6 50%, #d7d6d7 50%);
}
.breadcrumb .breadcrumb-step.current .breadcrumb-marker {
  background-color: #6b2bf6;
  border-color: #6b2bf6;
}
.breadcrumb .breadcrumb-step.current .dot {
  width: 4px;
  height: 4px;
  background: #ffffff;
}
.breadcrumb .breadcrumb-step.current a.breadcrumb-label {
  cursor: default;
}
.breadcrumb .breadcrumb-step.current a.breadcrumb-label:hover {
  text-decoration: none;
}
.breadcrumb .breadcrumb-step.current.done:before {
  background: none;
  background-color: #6b2bf6;
}
.breadcrumb .breadcrumb-step:last-child {
  flex: 1;
  text-align: right;
}
.breadcrumb .breadcrumb-step:last-child.current::before {
  background-image: linear-gradient(to right, #6b2bf6, #6b2bf6);
}
.breadcrumb .breadcrumb-step:first-child {
  flex: 1;
  text-align: left;
}
.breadcrumb .breadcrumb-step:first-child.current::before {
  background-image: linear-gradient(to right, #d7d6d7, #d7d6d7);
}
@media screen and (max-width: 1100px) {
  .breadcrumb .breadcrumb-step:not(:first-child):not(:last-child) .breadcrumb-label {
    display: none;
  }
  .breadcrumb .breadcrumb-step:first-child .breadcrumb-label,
  .breadcrumb .breadcrumb-step:last-child .breadcrumb-label {
    position: absolute;
    top: auto;
    margin-top: -15px;
  }
  .breadcrumb .breadcrumb-step:last-child .breadcrumb-label {
    right: 0;
  }
}
.breadcrumb.top {
  height: 70px;
  padding-top: 40px;
}
.breadcrumb.top .breadcrumb-label {
  top: -70px;
}
.breadcrumb.compact.top .breadcrumb-label {
  top: -60px;
}
.breadcrumb.compact .breadcrumb-step .breadcrumb-marker {
  width: 8px;
  height: 8px;
  position: relative;
  top: -17px;
}
.breadcrumb.compact .breadcrumb-step .breadcrumb-marker span {
  display: none;
}
.breadcrumb.tree,
.breadcrumb.tree-compact {
  flex-direction: column;
  height: auto;
}
.breadcrumb.tree .breadcrumb-step,
.breadcrumb.tree-compact .breadcrumb-step {
  text-align: left;
  display: flex;
  border-left: 3px solid #d7d6d7;
  padding-bottom: 10px;
}
.breadcrumb.tree .breadcrumb-step.hidden,
.breadcrumb.tree-compact .breadcrumb-step.hidden {
  display: none;
}
.breadcrumb.tree .breadcrumb-step.done,
.breadcrumb.tree-compact .breadcrumb-step.done {
  border-left: 3px solid #6b2bf6;
}
.breadcrumb.tree .breadcrumb-step::before,
.breadcrumb.tree-compact .breadcrumb-step::before {
  display: none;
}
.breadcrumb.tree .breadcrumb-step:last-child,
.breadcrumb.tree-compact .breadcrumb-step:last-child {
  text-align: left;
  padding-bottom: 0;
}
.breadcrumb.tree .breadcrumb-step .breadcrumb-marker,
.breadcrumb.tree-compact .breadcrumb-step .breadcrumb-marker {
  top: 0;
  right: 15px;
}
.breadcrumb.tree .breadcrumb-step .breadcrumb-label,
.breadcrumb.tree-compact .breadcrumb-step .breadcrumb-label {
  top: 5px;
  right: 5px;
}
.breadcrumb.tree-compact .breadcrumb-step .breadcrumb-marker {
  width: 10px;
  height: 10px;
  right: 12px;
}
.breadcrumb.tree-compact .breadcrumb-step .breadcrumb-marker .dot,
.breadcrumb.tree-compact .breadcrumb-step .breadcrumb-marker span {
  display: none;
}
.breadcrumb.tree-compact .breadcrumb-step .breadcrumb-label {
  top: 2px;
}
.is-docs.is-showing-take-over-modal .spa-container {
  border-top: none;
}
.is-docs .spa-container {
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  margin-top: 0;
  border-top: 1px solid #cccccc;
}
.is-docs .spa-container .retract-icon,
.is-docs .spa-container .expand-icon {
  font-size: 0;
}
.is-docs .spa-container .retract-icon:before,
.is-docs .spa-container .expand-icon:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  color: #524f55;
  content: "\f078";
  margin-right: 5px;
  font-size: 16px;
}
.is-docs .spa-container .retract-icon:before {
  content: "\f077";
}
.is-docs .spa-container .docs-spa .bg-background {
  background-color: #ffffff;
}
.is-docs .spa-container .docs-spa .side-bar {
  background-color: #eeeeee;
}
.is-docs .spa-container .docs-spa ol,
.is-docs .spa-container .docs-spa ul {
  margin: 0;
  padding: 0;
}
.is-docs .spa-container .docs-spa ul {
  list-style: none;
}
.is-docs .spa-container .docs-spa ol {
  list-style-type: decimal;
}
.is-docs .spa-container .content-window.document .content-html .header-menu-container {
  top: 80px;
}
.is-docs .spa-container .content-window .document-header {
  margin-right: -20px;
  padding-right: 20px;
  margin-left: -20px;
  padding-left: 20px;
  padding-top: 18px;
}
.is-docs .spa-container .content-window .document-header.hidden {
  display: none;
}
.is-docs .spa-container .content-window .document-header .top-right-container {
  margin-top: 0;
}
@media screen {
  .is-docs .spa-container .modal-dialog:not(.is-docked) {
    margin-left: 50px;
    margin-right: 50px;
  }
}
@media screen and (max-width: 768px) {
  .is-docs .spa-container .modal-dialog:not(.is-docked) {
    margin-left: 20px;
    margin-right: 20px;
  }
}
@media screen and (max-width: 480px) {
  .is-docs .spa-container .modal-dialog:not(.is-docked) {
    margin-left: 10px;
    margin-right: 10px;
  }
}
.is-docs .exit-button {
  display: none;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 1;
}
html.is-chromeless.is-docs {
  padding-top: 0 !important;
}
html.is-chromeless.is-docs .exit-button {
  display: block;
}
html.is-chromeless.is-docs .docs-spa .sticky-menu {
  top: 0 !important;
}
html.is-chromeless.is-docs .spa-container {
  padding: 0 !important;
}
@media screen {
  html.is-chromeless.is-docs .content-window-container:before {
    content: "API documentation";
    font-size: 27px;
    box-sizing: border-box;
    padding-left: 185px;
    width: 100%;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    background-image: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/images/integro.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left center;
    position: relative;
    margin-left: 10px;
    font-weight: normal;
    color: #6c686f;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 10px;
    text-overflow: ellipsis;
    padding-right: 50px;
  }
}
.monitoring-dashboard .benchmark-status {
  font-size: 40px;
  line-height: 40px;
  font-weight: bold;
}
.monitoring-dashboard .PASS {
  color: #3da553;
}
.monitoring-dashboard .FAIL {
  color: #ec2f2f;
}
.monitoring-dashboard .NO_DATA {
  color: #cccccc;
}
.monitoring-dashboard th {
  text-align: left;
}
.monitoring-dashboard .summary {
  margin-left: 50px;
  float: right;
}
.monitoring-dashboard .icon-cloud {
  margin-left: 20px;
  max-width: 150px;
  float: right;
}
.monitoring-dashboard .icon-cloud .fa {
  margin-left: 5px;
  margin-right: 5px;
}
@media screen and (max-width: 600px) {
  .grid-service-performance-report .search-container.has-downloadCSV {
    padding-right: 0;
    display: contents;
  }
  .grid-service-performance-report .search-container.has-downloadCSV .download-csv {
    float: none;
  }
}
.grid-service-performance-report td .FAIL {
  color: #ec2f2f;
}
.grid-service-performance-report td .PASS {
  color: #3da553;
}
.grid-service-performance-report td:not(.expanded-row) {
  min-width: 140px;
}
.grid-service-performance-report tr.expandable-row ul {
  display: block !important;
}
.grid-service-performance-report tr.expandable-row ul li a,
.grid-service-performance-report tr.expandable-row ul li span {
  white-space: break-spaces;
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list {
  display: grid;
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .div-flex {
  display: flex;
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .FAIL {
  background-color: #ec2f2f;
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .PASS {
  background-color: #3da553;
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .internal-provider {
  background-color: rgba(219, 48, 232, 0.9);
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .external-provider {
  background-color: rgba(48, 232, 118, 0.9);
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance {
  display: block;
  font-size: 12px;
  margin: 0;
  margin-bottom: 5px;
  background-color: rgba(0, 0, 0, 0.04);
  border-radius: 4px;
  padding: 10px;
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 500px) {
  .grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content {
    display: grid !important;
  }
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-label {
  width: 25%;
  max-width: 25%;
  min-width: 25%;
  display: flex;
}
@media screen and (max-width: 500px) {
  .grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-label {
    width: 95%;
    max-width: 95%;
    min-width: 95%;
  }
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-label .label {
  word-break: break-word;
  height: auto;
  display: table-cell;
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-bar {
  width: 65%;
  min-width: 65%;
  max-width: 65%;
  margin-left: 1%;
}
@media screen and (max-width: 500px) {
  .grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-bar {
    width: 95%;
    max-width: 95%;
    min-width: 95%;
  }
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-bar .hint:after,
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-bar [data-hint]:after {
  font-weight: 400;
  text-align: center !important;
  font-size: 12px;
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-bar .hint--multiline:after {
  top: -45px;
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-bar .hint--left:before,
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-bar .hint--left:after {
  bottom: 0%;
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-bar span.bar {
  height: 7px;
  border-radius: 4px;
  place-self: center;
  min-width: 5px;
  display: block;
  bottom: 1px;
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-bar span.elapsed-time {
  float: right;
  align-self: center;
  margin-left: 1%;
  white-space: nowrap !important;
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-provider {
  margin-left: 5px;
}
.grid-service-performance-report tr.expandable-row ul li .service-performance-list .service-performance .content .div-provider .tag {
  margin: 0;
}
.group-flex-grid > .group-children {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 0;
}
@media screen and (min-width: 1200px) {
  .group-flex-grid > .group-children {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
@media screen and (max-width: 960px) {
  .group-flex-grid > .group-children {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 800px) {
  .group-flex-grid > .group-children {
    grid-template-columns: 1fr;
  }
}
.group-flex-grid > .group-children > .group-child {
  min-width: 200px;
}
.group-flex-grid > .group-children > .group-child:first-child .group-flex-grid-item {
  border-style: dashed;
}
.group-flex-grid > .group-children > .group-child:first-child .group-flex-grid-item .group-flex-grid-item-icon {
  line-height: 82px;
}
.group-flex-grid .group-card.group-flex-grid-item {
  height: 300px;
  padding: 14px 20px;
  text-align: center;
  box-sizing: border-box;
  position: relative;
}
.group-flex-grid .group-card.group-flex-grid-item .outer-container {
  margin-bottom: -22px;
}
.group-flex-grid .group-card.group-flex-grid-item .legend,
.group-flex-grid .group-card.group-flex-grid-item .range-setting {
  display: none;
}
.group-flex-grid .group-card.group-flex-grid-item .versioning {
  position: absolute;
  right: 5px;
  bottom: 5px;
  opacity: 0.6;
}
.group-flex-grid .group-flex-grid-item-title {
  width: 100%;
  text-align: center;
  margin-bottom: 6px;
  padding-right: 20px;
  font-size: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 480px) {
  .group-flex-grid .group-flex-grid-item-title {
    width: auto;
    white-space: initial;
    padding-right: 30px;
  }
}
.group-flex-grid .icon-question {
  position: absolute;
  top: 6px;
  right: 0;
  width: 18px;
  height: 20px;
  padding-left: 2px;
  color: #524f55;
  text-decoration: none;
  overflow: hidden;
  font-size: 1em;
  white-space: nowrap;
  line-height: 20px;
}
.group-flex-grid .icon-question span {
  margin-left: 5px;
}
.group-flex-grid .group-flex-grid-item-content {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  align-items: center;
  text-decoration: none !important;
}
.group-flex-grid .group-flex-grid-item-content:hover .group-flex-grid-item-icon {
  box-shadow: 0 0 10px -2px #666666;
}
.group-flex-grid .group-flex-grid-item-content:hover .group-flex-grid-item-icon:after {
  opacity: 0.7;
  transform: rotateZ(140deg);
}
.group-flex-grid .group-flex-grid-item-content:focus {
  box-shadow: none;
}
.group-flex-grid .group-flex-grid-item-content .button {
  width: 104px;
  height: 104px;
  margin: 0;
  border-radius: 100%;
}
.group-flex-grid .group-flex-grid-item-content .button .group-flex-grid-item-icon {
  font-size: 45px;
  line-height: 80px;
  box-shadow: none;
}
.group-flex-grid .group-flex-grid-item-content .button .group-flex-grid-item-icon:before {
  position: relative;
  z-index: 1;
}
.group-flex-grid .button-bar-group .group-children {
  display: flex;
  position: relative;
  justify-content: center;
}
.group-flex-grid .button-bar-group .group-children .dropdown-button.three-dots ul.sub-menu {
  display: block;
  top: 54px;
}
.group-flex-grid .button-bar-group .group-children .dropdown-button.three-dots ul.sub-menu li {
  min-width: 0;
  padding: 0;
}
.group-flex-grid .button-bar-group .group-children .dropdown-button.three-dots ul.sub-menu li a {
  display: block;
  padding: 7px 10px;
}
.group-flex-grid .button-bar-group .group-children .button {
  width: 75px;
}
.group-flex-grid .button-bar-group .group-children .button.icon-button {
  width: 42px;
}
.group-flex-grid .button-bar-group .group-children .button.button-bar-left {
  border-radius: 8px 0 0 8px;
}
.group-flex-grid .button-bar-group .group-children .button.button-bar-right {
  border-left: 0!important;
  border-radius: 0 8px 8px 0;
}
.group-flex-grid-item-tag {
  display: inline-block;
  height: 16px;
  padding: 0 4px;
  font-size: 10px;
  text-transform: uppercase;
  line-height: 15px;
  border-radius: 4px;
  border: solid 1px #cccccc;
}
.group-flex-grid-item-tag:empty {
  border: none;
}
td .group-flex-grid-item-tag {
  margin-right: 10px;
  width: 60px;
  text-align: center;
}
td .version {
  opacity: 0.7;
  margin-left: 10px;
}
td .dropdown-button.is-published-true .edit-cta {
  display: none;
}
.wizard-form.form-builder input[type="text"],
.wizard-form.form-builder input[type="password"],
.wizard-form.form-builder input[type="number"],
.wizard-form.form-builder input[type="tel"],
.wizard-form.form-builder input[type="email"],
.wizard-form.form-builder input[type="url"],
.wizard-form.form-builder input[type="date"],
.wizard-form.form-builder input[type="search"],
.wizard-form.form-builder select {
  height: 40px;
  box-sizing: border-box;
}
.wizard-form.form-builder textarea {
  min-height: 80px;
}
.wizard-form.form-builder .short-input input[type="text"],
.wizard-form.form-builder .short-input input[type="number"],
.wizard-form.form-builder .short-input select {
  width: 150px;
}
.wizard-form.form-builder .form-divider hr {
  margin: 20px 12px 10px;
  border-bottom: 0;
}
.wizard-form.form-builder .group-header.is-accordion .icons-arrow-down:before {
  transform: rotate(90deg);
}
.wizard-form.form-builder .action-button.hidden {
  display: none;
}
.disable-unless-permission-can-distribute,
.disable-unless-permission-can-manage {
  opacity: 0.25;
  cursor: not-allowed !important;
}
.disable-unless-permission-can-distribute *,
.disable-unless-permission-can-manage * {
  pointer-events: none;
}
.display-requires-permission-either-manage-distribute,
.display-requires-permission-can-distribute,
.display-requires-permission-can-manage {
  display: none;
}
html.permission-can-manage .disable-unless-permission-can-manage {
  opacity: 1;
  cursor: default !important;
}
html.permission-can-manage .disable-unless-permission-can-manage * {
  pointer-events: unset;
}
html.permission-can-manage .display-requires-permission-either-manage-distribute,
html.permission-can-manage .display-requires-permission-can-manage {
  display: block;
}
html.permission-can-distribute .disable-unless-permission-can-distribute {
  opacity: 1;
  cursor: default;
}
html.permission-can-distribute .disable-unless-permission-can-distribute * {
  pointer-events: unset;
}
html.permission-can-distribute .display-requires-permission-either-manage-distribute,
html.permission-can-distribute .display-requires-permission-can-distribute {
  display: block;
}
html.user-active .hide-when-active {
  display: none !important;
}
html.user-disabled .show-when-active {
  display: none !important;
}
html.user-awaiting-activation .show-when-registered {
  display: none !important;
}
html.user-registered .show-when-awaiting-activation {
  display: none !important;
}
.bg-background-inner,
.bg-background {
  background-color: #ffffff;
}
.bg-background-outer {
  background-color: #eeeeee;
}
.bg-link {
  background-color: #6b2bf6;
}
.fg-text-color {
  color: #524f55;
}
.fg-error-color {
  color: #a20000;
}
.fg-error-color a .fa {
  color: #a20000;
}
.border-error-color {
  border-color: #a20000 !important;
}
.bordered {
  border: 1px solid #cccccc;
}
.bordered-top {
  border-top: 1px solid #cccccc;
}
.bordered-right {
  border-right: 1px solid #cccccc;
}
.bordered-bottom {
  border-bottom: 1px solid #cccccc;
}
.bordered-left {
  border-left: 1px solid #cccccc;
}
.bordered-left.group-container {
  padding-left: 20px;
  margin-left: -20px;
}
hr {
  border-top: 1px solid #cccccc;
}
.colour-palette-container {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 85000;
  cursor: pointer;
}
.colour-palette-container .preview {
  transition: all 0.3s;
  width: 100%;
  padding: 10px;
  border-top: 1px solid #cccccc;
  box-sizing: border-box;
}
.colour-palette-container .preview .info {
  background-color: rgba(0, 0, 0, 0.8);
  color: #e6e6e6;
  padding: 5px 10px;
  border-radius: 5px;
  display: inline-block;
}
.colour-palette-container .preview .info code {
  color: yellow;
}
.colour-palette-container ul.colour-palette {
  display: flex;
  flex-wrap: wrap;
}
.colour-palette-container ul.colour-palette li {
  flex-grow: 1;
  display: block;
  width: 20px;
  height: 20px;
}
.colour-palette-container ul.colour-palette li:hover {
  outline: 10px solid black;
  z-index: 1;
}
html:not(.is-anonymous) .visible-anonymous-users {
  display: none !important;
}
html.is-anonymous .hidden-anonymous-users {
  display: none;
}
html.is-anonymous .visible-anonymous-users {
  display: initial !important;
}
html.is-anonymous.is-IE-11 .visible-anonymous-users,
html.is-anonymous.is-IE-10 .visible-anonymous-users,
html.is-anonymous.is-IE-9 .visible-anonymous-users {
  display: inline-block !important;
}
.only-in-anonymous {
  display: none;
}
html.is-anonymous .only-in-anonymous {
  display: initial;
}
html.is-anonymous .not-in-anonymous {
  display: none !important;
}
html.is-anonymous.is-IE-11 .only-in-anonymous,
html.is-anonymous.is-IE-10 .only-in-anonymous,
html.is-anonymous.is-IE-9 .only-in-anonymous {
  display: inline-block;
}
.visible-phone {
  display: none !important;
}
.visible-tablet {
  display: none !important;
}
.hidden-desktop {
  display: none !important;
}
.visible-desktop {
  display: inherit !important;
}
@media screen and (min-width: 480px) and (max-width: 768px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important ;
  }
  .visible-tablet {
    display: inherit !important;
  }
  .hidden-tablet {
    display: none !important;
  }
}
@media screen and (max-width: 480px) {
  .hidden-desktop {
    display: inherit !important;
  }
  .visible-desktop {
    display: none !important;
  }
  .visible-phone {
    display: inherit !important;
  }
  .hidden-phone {
    display: none !important;
  }
}
@media screen and (min-width: 420px) {
  .visible-420 {
    display: none;
  }
}
@media screen and (max-width: 819px) {
  .hidden-820 {
    display: none;
  }
}
@media screen and (max-width: 1099px) {
  .hidden-1100 {
    display: none;
  }
}
.visible-iOS {
  display: none;
}
.visible-Android {
  display: none;
}
.hidden-iOS {
  display: inherit;
}
.hidden-Android {
  display: inherit;
}
.is-iOS .hidden-iOS {
  display: none !important;
}
.is-iOS .visible-iOS {
  display: block !important;
}
.is-Android .hidden-Android {
  display: none !important;
}
.is-Android .visible-Android {
  display: block !important;
}
html body .auto-size-fonts {
  font-size: 18px;
  line-height: 24px;
}
html body .auto-size-fonts h1 {
  font-size: 40px;
  line-height: 50px;
}
html body .auto-size-fonts h1.headline {
  font-size: 40px;
  line-height: 50px;
}
html body .auto-size-fonts h2 {
  font-size: 30px;
  line-height: 40px;
}
html body .auto-size-fonts h3 {
  font-size: 25px;
  line-height: 35px;
}
@media screen and (max-width: 1080px) {
  html body .auto-size-fonts {
    font-size: 17px;
    line-height: 23px;
  }
  html body .auto-size-fonts h1 {
    font-size: 30px;
    line-height: 40px;
  }
  html body .auto-size-fonts h1.headline {
    font-size: 35px;
    line-height: 45px;
  }
  html body .auto-size-fonts h2 {
    font-size: 25px;
    line-height: 35px;
  }
  html body .auto-size-fonts h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (max-width: 780px) {
  html body .auto-size-fonts {
    font-size: 14px;
    line-height: 18px;
  }
  html body .auto-size-fonts h1 {
    font-size: 25px;
    line-height: 35px;
  }
  html body .auto-size-fonts h1.headline {
    font-size: 30px;
    line-height: 40px;
  }
  html body .auto-size-fonts h2 {
    font-size: 20px;
    line-height: 30px;
  }
  html body .auto-size-fonts h3 {
    font-size: 16px;
    line-height: 26px;
  }
}
@media screen and (max-width: 768px) {
  html body .auto-shrink-fonts {
    font-size: 13px;
    line-height: 18px;
  }
  html body .auto-shrink-fonts h1 {
    font-size: 30px;
    line-height: 40px;
  }
  html body .auto-shrink-fonts h1.headline {
    font-size: 40px;
    line-height: 50px;
  }
  html body .auto-shrink-fonts h2 {
    font-size: 25px;
    line-height: 35px;
  }
  html body .auto-shrink-fonts h3 {
    font-size: 20px;
    line-height: 30px;
  }
}
@media screen and (max-width: 480px) {
  html body .auto-shrink-fonts {
    font-size: 11px;
    line-height: 15px;
  }
  html body .auto-shrink-fonts h1 {
    font-size: 20px;
    line-height: 24px;
  }
  html body .auto-shrink-fonts h1.headline {
    font-size: 25px;
    line-height: 29px;
  }
  html body .auto-shrink-fonts h2 {
    font-size: 21px;
    line-height: 31px;
  }
  html body .auto-shrink-fonts h3 {
    font-size: 16px;
    line-height: 26px;
  }
}
.portal-template {
  min-width: 320px;
}
.only-in-anonymous {
  display: none;
}
html.is-anonymous .only-in-anonymous {
  display: initial;
}
html.is-anonymous .not-in-anonymous {
  display: none !important;
}
html.is-anonymous.is-IE-11 .only-in-anonymous,
html.is-anonymous.is-IE-10 .only-in-anonymous,
html.is-anonymous.is-IE-9 .only-in-anonymous {
  display: inline-block;
}
.loading-container.portal {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
}
.loading-container.portal .loading-icon {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: absolute;
}
.validation-message {
  color: #a20000;
  margin-bottom: 10px;
  max-width: fit-content;
}
.validation-message .be-error {
  font-style: italic;
}
html.is-IE-11 .validation-message {
  max-width: 170px;
}
.note,
.micro-copy {
  font-size: 85%;
  font-weight: normal;
}
.note:not(.version-container),
.micro-copy:not(.version-container) {
  font-style: italic;
}
html:not(.show-hidden-fields) .if-show-hidden-fields {
  display: none;
}
@media screen {
  html:not(.show-hidden-fields) .just-show .if-show-hidden-fields {
    display: inline-block;
    position: relative;
    z-index: 1;
  }
}
@media screen {
  .data-component-container[data-display-type-shortcode="DOM_MANIPULATOR"] > .just-show,
  .data-component-container[data-display-type-shortcode="EXPRESSION"] > .just-show,
  .data-component-container[data-display-type-shortcode="HIDDEN"] > .just-show {
    height: 60px;
  }
}
.hidden-field {
  top: 20px;
}
.hidden-field select:not([tabIndex="-1"]),
.hidden-field input[type=text]:not([tabIndex="-1"]) {
  border-radius: 0px;
  background-clip: padding-box;
  transition: all 0.25s ease-in-out;
  box-sizing: border-box;
  min-width: 55px;
  background: black;
  font-family: monospace;
  color: lime;
  font-weight: bold;
  font-size: 8pt;
  padding: 5px;
  padding-left: 10px;
  margin-right: 2px;
  height: 40px;
  border: 2px solid black;
}
.hidden-field select:not([tabIndex="-1"]):hover:not(.disabled),
.hidden-field input[type=text]:not([tabIndex="-1"]):hover:not(.disabled),
.hidden-field select:not([tabIndex="-1"]):focus,
.hidden-field input[type=text]:not([tabIndex="-1"]):focus {
  box-shadow: none;
  outline: none !important;
  border-color: lime;
  background: black;
  color: lime;
}
.hidden-field .select-container select {
  min-width: 100px;
  background-image: none !important;
}
.hidden-field .select-container:after {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: black;
  position: absolute;
  margin-left: -25px;
  margin-top: 15px;
  padding-left: 5px;
  font-size: 10px;
  content: "\f078";
  color: lime;
}
.hidden-field:before {
  content: attr(data-name);
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  left: 0;
  right: 0;
  top: -20px;
  font-size: 8px;
  background-color: green;
  color: lime;
  margin-right: 2px;
  font-family: monospace;
  padding-left: 10px;
}
.hidden-field.context input[type=text] {
  border-radius: 0px;
  background-clip: padding-box;
  color: black;
  pointer-events: none;
  background: lime;
  cursor: not-allowed;
  width: 200px;
}
.hidden-field.context:before {
  background-color: black;
  color: lime;
}
html.show-hidden-fields .data-component-container[data-display-type-shortcode=HIDDEN] {
  position: relative;
  z-index: 1;
  float: right;
}
html.show-hidden-fields .data-component-container[data-display-type-shortcode=HIDDEN] .inspect-button {
  top: -20px;
}
html.show-hidden-fields .if-show-hidden-fields {
  display: inline-block;
  position: relative;
}
html.show-hidden-fields .group-container,
html.show-hidden-fields .data-component-container:not([data-display-type-shortcode=HIDDEN]) {
  border: 2px dashed rgba(0, 128, 0, 0.5);
  margin: 10px;
}
html.show-hidden-fields .group-container:before,
html.show-hidden-fields .data-component-container:not([data-display-type-shortcode=HIDDEN]):before {
  content: attr(data-shortcode);
  display: inline-block;
  font-family: monospace;
  padding: 2px;
  color: lime;
  background-color: green;
  border: none;
  font-size: 10px;
  overflow: hidden;
  white-space: nowrap;
}
html.show-hidden-fields .group-container:hover,
html.show-hidden-fields .data-component-container:not([data-display-type-shortcode=HIDDEN]):hover {
  border-style: solid;
}
html.show-hidden-fields .group-container:hover:before,
html.show-hidden-fields .data-component-container:not([data-display-type-shortcode=HIDDEN]):hover:before {
  background-color: lime;
  color: black;
}
html.show-hidden-fields .data-component-container[data-display-type-shortcode=EXPRESSION] {
  border-color: rgba(204, 204, 0, 0.5);
}
html.show-hidden-fields .data-component-container[data-display-type-shortcode=EXPRESSION]:before {
  background-color: yellow;
  border-color: #cccc00;
  color: black;
}
html.show-hidden-fields .data-component-container[data-display-type-shortcode=EXPRESSION]:hover:before {
  background-color: yellow;
}
html.show-hidden-fields .group-container {
  border-color: rgba(128, 0, 128, 0.5);
}
html.show-hidden-fields .group-container:before {
  color: hotpink;
  background-color: purple;
  border-color: purple;
}
html.show-hidden-fields .group-container:hover:before {
  background-color: hotpink;
}
.expression-field input[type=text],
.expression-field input[type=text]:disabled {
  color: yellow;
  background: black;
  cursor: text;
  width: 200px;
  max-width: 100%;
}
.expression-field:before {
  background-color: yellow;
  color: black;
}
.inspect-button {
  background-color: cyan;
  color: darkblue;
  display: inline-block;
  padding: 2px;
  font-size: 10px;
  top: -10px;
  font-family: monospace;
  border: 1px solid lime;
}
.inspect-button.screen {
  background-color: magenta;
  border-color: purple;
}
.inspect-button.screen:hover {
  background-color: purple;
  color: magenta;
}
.inspect-button:hover {
  background-color: darkblue;
  color: cyan;
}
.element-inspection-output {
  font-family: monospace !important;
  font-weight: normal;
  width: 100% !important;
  height: 400px !important;
  font-size: 11px !important;
}
#debugWindow {
  bottom: 0px;
  left: 0;
  right: 0;
  position: relative;
  font-size: 12px;
  font-family: monospace;
  z-index: 99;
  background-color: #363636;
}
#debugWindow #logList {
  color: lightgreen;
}
#debugWindow #logList .INFO {
  color: #cccccc;
}
#debugWindow #logList .WARN {
  color: yellow;
}
#debugWindow #logList .ERROR,
#debugWindow #logList .FATAL {
  background-color: red;
  color: black;
}
#debugWindow #logList .FATAL {
  font-weight: bold;
}
#debugWindow #logList .BENCHMARK {
  color: cyan;
}
#debugWindow #logList b {
  background-color: black;
  text-decoration: underline;
}
#debugWindow #logList textarea {
  box-sizing: border-box;
  background-color: black;
  color: lightsalmon;
  width: 90%;
  font-family: monospace;
  font-size: 11px;
  max-height: 100px;
  margin: 10px;
  padding: 10px;
  border: none;
}
.is-fullscreen #debugWindow {
  position: absolute;
  height: 300px;
  overflow: auto;
  z-index: 99;
  bottom: 20px;
}
.only-in-debugMode {
  display: none;
}
.only-in-debugMode.button.block {
  display: none;
}
.only-in-debugMode .debug-info {
  background-color: white;
  padding: 0 5px;
}
.in-debug-mode .only-in-debugMode {
  display: initial;
}
.in-debug-mode .only-in-debugMode.button.block {
  display: block;
}
.in-debug-mode .not-in-debugMode {
  display: none;
}
.debug {
  display: none;
  margin: 10px 0;
  padding: 10px;
  background-color: black;
  font-family: monospace;
  font-size: 12px;
  font-style: normal;
  font-weight: normal;
  color: white;
  word-break: break-all;
}
.debug:before {
  content: attr(data-bind);
  font-size: 14px;
  display: block;
  margin-top: -5px;
  margin-left: -5px;
  margin-bottom: 5px;
  font-family: monospace;
  color: greenyellow;
}
.debug.app-layout {
  position: absolute;
  margin: 0;
  z-index: 9;
  bottom: 0;
  left: 10px;
}
.debug.app-layout:before {
  font-size: 10pt;
}
.debug.just-show {
  display: inline-block;
}
.just-show .debug {
  display: inline-block;
}
html.show-hidden-fields .debug {
  display: block;
}
html.show-hidden-fields .debug-mode {
  background-color: black;
  color: white;
  font-size: 14px;
}
html.show-hidden-fields .debug-mode:before {
  content: "In-Debug Mode";
  display: block;
  font-size: 20px;
  text-align: center;
  border-bottom: 1px dashed white;
  padding: 5px;
  font-style: italic;
}
.dev-tools-container {
  transition: all 0.25s ease-in-out;
  transition-delay: 0.25s;
  position: fixed;
  left: -100px;
  bottom: 250px;
  z-index: 90000;
  zoom: 0.75;
}
.dev-tools-container .button {
  border-radius: 8px !important;
  width: 140px;
}
.dev-tools-container:has(.dropdown-button input:checked),
.dev-tools-container:hover {
  left: 5px;
}
.dev-tools-container a {
  text-align: left !important;
}
.dev-tools-container label.button:after {
  content: "\f121";
}
.delta-none {
  display: none;
}
.delta {
  transition: all 0.5s ease-out;
}
.delta .percent,
.delta:after {
  transition: all 0.5s ease-out;
}
.delta-unchanged:before {
  content: '';
}
.delta-unchanged:after {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-left: 2px;
  content: "\f068";
  visibility: hidden;
}
.delta-positive .percent,
.delta-positive:after {
  color: #26b25b;
}
.delta-positive:before {
  content: '+';
}
.delta-positive:after {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  margin-left: 2px;
  content: "\f062";
}
.delta-negative .percent,
.delta-negative:after {
  color: #e22525;
}
.delta-negative:after {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 10px;
  margin-left: 2px;
  content: "\f063";
}
.data-row.even .delta-negative::after {
  color: #d90000;
}
.delta-summaries-container .delta-negative:before {
  content: "-";
}
@media screen {
  html.is-chromeless {
    background-color: #ffffff;
  }
  html.is-chromeless #spaContainer,
  html.is-chromeless #spaLoader,
  html.is-chromeless .main-container,
  html.is-chromeless .loading-container,
  html.is-chromeless body {
    background-color: #ffffff;
  }
  html.is-chromeless .spa-container {
    margin: 0;
  }
  html.is-chromeless .spa-container #stateContainer {
    top: auto;
  }
  html.is-chromeless .wrapper-container {
    margin-top: 0;
    padding: 20px;
    padding-top: 0;
    background-color: #ffffff;
  }
  html.is-chromeless footer.main-footer {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  html.is-chromeless .main-container {
    padding-top: 0;
  }
}
html.is-chromeless .skeleton-loader {
  background-color: #ffffff;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
html.is-chromeless .skeleton-loader .fake-header {
  display: none;
}
html.is-chromeless .skeleton-loader .fake-portal,
html.is-chromeless .skeleton-loader .fake-wizard,
html.is-chromeless .skeleton-loader .default-loading {
  background-color: #ffffff;
  top: 0;
  padding-top: 50px;
}
html:not(.is-automation) .only-in-automation {
  display: none;
}
html.is-automation {
  caret-color: transparent !important;
  height: initial;
}
html.is-automation .hide-from-automation {
  display: none;
}
html.is-automation .hide-from-automation.gmap {
  min-height: 400px;
}
html.is-automation .hide-from-automation.show-placeholder {
  display: block;
  visibility: hidden;
  position: relative;
}
html.is-automation .hide-from-automation.show-placeholder:after {
  content: '(This element is hidden from e2e tests)';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1;
  visibility: visible;
  text-align: center;
  padding-top: 20px;
  font-size: 13px;
}
html.is-automation .hide-from-automation.show-placeholder:before {
  content: attr(data-description);
  padding-top: 60px;
  text-align: center;
  background-color: rgba(82, 79, 85, 0.1);
  visibility: visible;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  font-size: 40px;
  line-height: 42px;
}
html.is-automation .wizard-form .wizard-header,
html.is-automation .real.footer.bg-background.real-wizard-footer {
  position: initial !important;
}
@media screen and (max-width: 768px) {
  html.is-automation.is-showing-modal .navigation-container {
    display: none;
  }
}
@media screen and (max-width: 480px) {
  html.is-automation.is-showing-modal .modal-dialog.is-docked {
    position: absolute !important;
  }
}
html.is-automation #modalDialog {
  position: absolute;
}
html.is-automation body {
  height: initial;
}
html.is-automation.is-showing-modal .main-container > footer {
  display: none;
}
@media print {
  html,
  body,
  body .main-container,
  body .main-container #dkApp,
  html body .main-container #dkApp,
  html body .main-container #dkApp .wrapper-container,
  html body .main-container #dkApp .wrapper-container .spa-container {
    height: auto;
    min-height: auto;
  }
  html body,
  html,
  body .main-container {
    background: white !important;
    background-color: white !important;
    color: black !important;
    padding: 0;
    margin: 0;
  }
  html body *::-webkit-scrollbar,
  html *::-webkit-scrollbar,
  body .main-container *::-webkit-scrollbar {
    display: none !important;
  }
  body {
    -webkit-print-color-adjust: exact !important;
  }
  html.is-Windows body {
    zoom: 0.6;
  }
  .navigation-container {
    box-shadow: none;
  }
  .navigation-container .main-logo {
    margin: 0;
  }
  .navigation-container .nav-menu,
  .navigation-container .header-menu {
    display: none;
  }
  .last-login-template-container {
    display: none;
  }
  .alert {
    box-shadow: none;
    color: black !important;
    border: none !important;
  }
  p,
  strong,
  a.invisible-link,
  .data-grid-v2 .paging-container {
    color: black !important;
  }
  .dont-print,
  .real-wizard-footer,
  .fixed-wizard-footer,
  .debug,
  .button:not(.repeater-item):not(.container-button):not(.button-on):not(.button-off),
  .hint-spacer .icon-question,
  .required-suffix,
  .fake-header,
  #react-scan-root {
    display: none !important;
  }
  a {
    color: blue;
  }
  a .fa {
    color: blue;
  }
  a.text-color {
    color: black;
  }
  a.text-color .fa {
    color: black;
  }
  hr {
    border-color: #eeeeee !important;
    background-color: #eeeeee !important;
  }
  .option-label:before,
  .icons-arrow-down:before,
  .icons-arrow-up:before {
    color: black !important;
  }
  .information-panel-1-1-0 {
    padding: 0;
    padding-bottom: 10px;
  }
  .information-panel-1-1-0 .alert {
    margin-left: 0;
    margin-right: 0;
  }
  .widget-container-list-css-grid .app-container:not(.chrome-less),
  .widget-container-list-css-grid .grid-stack-item-content {
    box-shadow: none;
    border-radius: 0;
    background-clip: padding-box;
    background: none;
    border: none;
    background-color: #f7f7f7;
  }
  .modal-dialog .wizard-form .wizard-header {
    padding: 0;
    margin: 0;
  }
  .spa-container {
    padding: 0 !important;
    margin: 0 !important;
  }
  .spa-container .wizard-form-container .single-panel > .form,
  .spa-container .enter-wizard-state .single-panel > .form {
    box-shadow: none;
    border-radius: 0;
    background-clip: padding-box;
    background: none;
    border: none;
    margin: 0;
    padding: 0;
  }
  .spa-container .wizard-form textarea,
  .spa-container .wizard-form input,
  .spa-container .wizard-form select {
    box-shadow: none !important;
    border-radius: 0 !important;
    background: #eeeeee !important;
    color: black !important;
    border: none !important;
  }
  .spa-container .wizard-form .data-component-container:not([data-display-type-shortcode="WIZARD_FORM"]):not([data-display-type-shortcode="DATAGRID_ADVANCED"]):not([data-display-type-shortcode="DATAGRID"]):not([data-display-type-shortcode="DATA_TABLE"]):not([data-display-type-shortcode="COMPOUND"]):not([data-display-type-shortcode="MARKDOWN"]):not([data-display-type-shortcode="TEXTBLOCK"]) {
    break-inside: avoid;
  }
  .spa-container .wizard-form .data-component-container[data-display-type-shortcode="COMPOUND"] .repeater .repeater-holder .repeater-item {
    box-shadow: none;
    border-radius: 0;
    background-clip: padding-box;
    box-sizing: border-box;
    border: none !important;
    background: none !important;
    background-color: #eeeeee !important;
    color: black !important;
    font-weight: normal !important;
    padding: 0 12px !important;
    height: 40px !important;
    line-height: 40px !important;
  }
  .spa-container .wizard-form .data-component-container[data-display-type-shortcode="COMPOUND"] .repeater .repeater-holder .repeater-item:before {
    content: '';
    display: none;
  }
  .spa-container .wizard-form .data-component-container[data-display-type-shortcode="COMPOUND"] .repeater .repeater-item-container .wizard-form {
    box-shadow: none;
    border-radius: 0;
    background-clip: padding-box;
    overflow: visible;
    background: none;
    border: none;
    background-color: #f7f7f7;
  }
  .spa-container .wizard-form .data-component-container[data-display-type-shortcode="COMPOUND"] .repeater-holder.is-repeater-table-layout .repeater-label {
    left: 9px;
    right: 0;
  }
  .spa-container .wizard-form .data-component-container[data-display-type-shortcode="COMPOUND"] .repeater-holder.is-repeater-table-layout .repeater-label .repeater-row-content {
    left: 0;
    right: 0;
  }
  .spa-container .wizard-form .data-component-container[data-display-type-shortcode="COMPOUND"] .repeater-table-headers-container {
    margin-left: 18px;
    margin-right: 0;
  }
  .spa-container .wizard-form .data-component-container[data-display-type-shortcode="COMPOUND"] .add-new-button {
    display: none;
  }
  .group-container.has-2-columns > .group-children,
  .group-container.has-3-columns > .group-children {
    display: block;
    width: 100%;
  }
  .group-container.has-2-columns > .group-children .group-child,
  .group-container.has-3-columns > .group-children .group-child {
    break-inside: avoid;
    margin-bottom: 10px;
  }
  .group-container.has-2-columns > .group-children .group-child > div:not(.is-full-width),
  .group-container.has-3-columns > .group-children .group-child > div:not(.is-full-width) {
    height: 100%;
  }
  .group-container.has-2-columns > .group-children .group-child > div:not(.is-full-width) > .group-card,
  .group-container.has-3-columns > .group-children .group-child > div:not(.is-full-width) > .group-card {
    height: 100%;
  }
  .summary-group-card,
  .group-card:not(.inline-nav-buttons),
  div.group-card:not(.inline-nav-buttons) {
    box-shadow: none;
    border: none;
    background: none;
    padding: 0;
  }
  .group-container[data-retractable="true"] .group-header.is-accordion .icons-arrow-down,
  .group-container[data-retractable="true"] .group-header.is-accordion .icons-arrow-up {
    display: none;
  }
  .group-container[data-retractable="true"] .group-header.is-accordion a {
    color: black;
  }
  .group-container[data-retractable="true"] > .group-children {
    display: grid !important;
  }
  .date-picker .calendar-icon .icon-calendar {
    display: none;
  }
  .data-component.radio .allowed-values:not(.do-not-render-as-buttons):not(.tab-bar) {
    box-sizing: border-box;
    background-color: #eeeeee;
    padding: 9px 12px;
    width: 150px;
    height: 40px;
  }
  .data-component.radio .allowed-values:not(.do-not-render-as-buttons):not(.tab-bar) .button.container-button {
    margin: 0;
    padding: 0;
  }
  .data-component.radio .allowed-values:not(.do-not-render-as-buttons):not(.tab-bar) .button.container-button.secondary {
    display: none;
  }
  .data-component.radio .allowed-values:not(.do-not-render-as-buttons):not(.tab-bar) .button.container-button.selected {
    box-shadow: none !important;
    background: none !important;
    border: none !important;
    border-radius: 0 !important;
    text-align: left;
  }
  .data-component.radio .allowed-values:not(.do-not-render-as-buttons):not(.tab-bar) .button.container-button.selected .option-label {
    color: black;
    font-weight: normal;
  }
  .data-component.radio .allowed-values:not(.do-not-render-as-buttons):not(.tab-bar) .button.container-button.selected:before {
    display: none !important;
  }
  .data-component.radio .allowed-values:not(.do-not-render-as-buttons):not(.tab-bar) li {
    border: none !important;
  }
  .data-component.radio .allowed-values.tab-bar .tab,
  .data-component.radio .allowed-values.tab-bar .tab label {
    color: black !important;
  }
  .data-component.checkbox .container-button:before,
  .data-component.checkbox .button {
    color: black;
    font-weight: normal;
  }
  .data-component.checkbox .toggle-button .button {
    border-radius: 0;
    background-clip: padding-box;
    border: none !important;
    box-shadow: none !important;
    background: none !important;
    color: black !important;
    background-color: transparent !important;
    padding: 9px 12px;
    width: 150px;
    height: 40px;
    text-align: left !important;
    font-weight: normal !important;
  }
  .data-component.checkbox .toggle-button .button:before {
    top: 12px !important;
    left: 5px !important;
  }
  h1,
  .h1,
  h2,
  .h2,
  h3,
  .h3 {
    margin-bottom: 10px;
  }
  h1,
  h2,
  h3,
  h4,
  h5 {
    page-break-after: avoid;
  }
  table,
  figure {
    page-break-inside: avoid;
  }
  p,
  ul {
    margin-top: 0;
    margin-bottom: 10px;
    padding-bottom: 0 !important;
  }
  .main-container #application-container {
    padding-bottom: 0 !important;
  }
  .grid-container .paging-buttons-container,
  .grid-container .search-container {
    visibility: hidden;
  }
  .grid-container .data-grid-v2 thead {
    border-bottom: 2px solid black;
  }
  .grid-container .data-grid-v2 .table-fixed-header-wrapper .data-grid th .th-inner {
    color: black;
  }
  .grid-container .data-grid-v2 .table-fixed-header-wrapper .data-grid th .th-inner .auto-filter-icon {
    display: none;
  }
  .grid-container .data-grid-v2 .table-fixed-header-wrapper .data-grid th .th-inner .label {
    color: black;
  }
  .grid-container .data-grid-v2 .table-fixed-header-wrapper .data-grid tbody td {
    background-color: transparent !important;
    color: black;
  }
  .grid-container .data-grid-v2 .table-fixed-header-wrapper .data-grid tbody tr {
    background-color: #f7f7f7;
  }
  .grid-container .data-grid-v2 .table-fixed-header-wrapper .data-grid tbody tr.alt {
    background-color: white;
  }
  .data-component-container[data-display-type-shortcode="DATASET_SCROLLER"] .dataset-scroller {
    background: none;
    background-color: transparent;
    padding: 10px 0;
  }
  .data-component-container[data-display-type-shortcode="DATASET_SCROLLER"] .dataset-scroller a {
    display: none;
  }
  .data-component-container[data-display-type-shortcode="RICHTEXTAREA"] .trumbowyg-button-pane {
    display: none;
  }
  .data-component-container[data-display-type-shortcode="RICHTEXTAREA"] .trumbowyg-box,
  .data-component-container[data-display-type-shortcode="RICHTEXTAREA"] .trumbowyg-editor {
    background: #eeeeee;
    color: black;
    border: none;
  }
  .formatted table {
    width: auto;
  }
  #logger {
    display: none;
  }
  footer.main-footer {
    display: block !important;
    break-inside: avoid;
  }
}
@media screen {
  .only-print {
    display: none;
  }
}
html.ICX-REACT .inline-nav-buttons .navigation-buttons .undo-button {
  margin-left: 10px;
}
.right {
  float: right;
}
.left {
  float: left;
}
.not-visible-yet {
  visibility: hidden;
}
html.hide-current-user .user-details-item {
  display: none;
}
.not-clickable {
  pointer-events: none;
}
body {
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  font-size: 15px;
  color: #524f55;
}
p {
  margin-bottom: 10px;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  font-size: 16px;
  color: #524f55;
  line-height: 24px;
}
.h1,
h1 {
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-size: 30px;
  line-height: 46px;
  color: #524f55;
  margin-bottom: 20px;
}
.h2,
h2 {
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-size: 22.5px;
  line-height: 32px;
  color: #524f55;
  margin-bottom: 20px;
}
.h3,
h3 {
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-size: 17.55px;
  line-height: 28px;
  color: #524f55;
  margin-bottom: 10px;
}
.h4,
h4 {
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-size: 16.8px;
  line-height: 25px;
  color: #524f55;
  margin-bottom: 10px;
}
.h5,
h5 {
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-size: 12.45px;
  line-height: 20px;
  color: #524f55;
  margin-bottom: 5px;
}
.h6,
h6 {
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: normal;
  font-size: 11.25px;
  line-height: 14px;
  color: #524f55;
  margin-bottom: 5px;
}
.summary {
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-size: 18px;
  color: #524f55;
  line-height: 26px;
}
@media screen and (max-width: 768px) {
  h1,
  .h1 {
    font-size: 22.5px;
    line-height: normal;
  }
  h2,
  .h2 {
    font-size: 17.55px;
    line-height: normal;
  }
  h3,
  .h3 {
    font-size: 16.8px;
    line-height: normal;
  }
  h4,
  .h4 {
    font-size: 12.45px;
    line-height: normal;
  }
  h5,
  .h5 {
    font-size: 11.25px;
    line-height: normal;
  }
  h6,
  .h6 {
    font-size: 10.05px;
    line-height: normal;
  }
}
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
/*
	GD - 27.01.21 The font-face import below has been moved to icon.less in the parent folder.
	This was done to fix the relative path issue that occurs when less is compiled to css as part
	of the cdn build task. Nobody knows why this fix works, but it does.
*/
/*@fontAwesomePath: "@{baseFontAwesomePrefix}base/assets/icons/font-awesome/";
@font-face {
  font-family: 'FontAwesome';
  src: url('@{fontAwesomePath}fontawesome-webfont.eot?v=4.7.0');
  src: url('@{fontAwesomePath}fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
       url('@{fontAwesomePath}fontawesome-webfont.woff?v=4.7.0') format('woff'),
       url('@{fontAwesomePath}fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
       url('@{fontAwesomePath}fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
       url('@{fontAwesomePath}fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}*/
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
  margin-bottom: 10px;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: 0.2em 0.25em 0.15em;
  border: solid 0.08em #eeeeee;
  border-radius: 0.1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: 0.3em;
}
.fa.fa-pull-right {
  margin-left: 0.3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: 0.3em;
}
.fa.pull-right {
  margin-left: 0.3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
@font-face {
  font-family: 'FontAwesome';
  src: url('https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/base/assets/icons/font-awesome/fontawesome-webfont.eot?v=4.7.0');
  src: url('https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/base/assets/icons/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/base/assets/icons/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/base/assets/icons/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/base/assets/icons/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/base/assets/icons/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.icon-menu {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-menu:before {
  content: "\f0c9";
}
.icon-question {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-question:before {
  content: "\f129";
}
.icon-pencil {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-pencil:before {
  content: "\f040";
}
.icon-loop-2 {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-loop-2:before {
  content: "\f021";
}
.icon-warning {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-warning:before {
  content: "\f071";
}
.icon-plus {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-plus:before {
  content: "\f055";
}
.icon-minus {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-minus:before {
  content: "\f056";
}
.icon-lab {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-lab:before {
  content: "\f0c3";
}
.icon-storage {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-storage:before {
  content: "\f0a0";
}
.icon-connection {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-connection:before {
  content: "\f1eb";
}
.icon-IE {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-IE:before {
  content: "\f26b";
}
.icon-user {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-user:before {
  content: "\f007";
}
.icon-fire {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-fire:before {
  content: "\f06d";
}
.icon-flag {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-flag:before {
  content: "\f024";
}
.icon-clock {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-clock:before {
  content: "\f017";
}
.icon-lock {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-lock:before {
  content: "\f023";
}
.icon-close,
.icons-close {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-close:before,
.icons-close:before {
  content: "\f00d";
}
.icon-search {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-search:before {
  content: "\f002";
}
.icon-notification {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-notification:before {
  content: "\f06a";
}
.icon-eye {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-eye:before {
  content: "\f06e";
}
.icon-checkmark,
.icon-checkmark-2 {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-checkmark:before,
.icon-checkmark-2:before {
  content: "\f00c";
}
.icon-disk {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-disk:before {
  content: "\f0c7";
}
.icon-arrow-left-2 {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-left-2:before {
  content: "\f060";
}
.icon-arrow-right-2 {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-arrow-right-2:before {
  content: "\f061";
}
.icon-remove-2 {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-remove-2:before {
  content: "\f1f8";
}
.icon-cog {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-cog:before {
  content: "\f013";
}
.icon-table-2 {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-table-2:before {
  content: "\f0ce";
}
.icon-paste {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-paste:before {
  content: "\f0ea";
}
.icon-upload {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-upload:before {
  content: "\f093";
}
.icon-wrench {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-dashboard {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-dashboard:before {
  content: "\f0e4";
}
.icon-html5 {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-html5:before {
  content: "\f13b";
}
.icon-user-4 {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-user-4:before {
  content: "\f007";
}
.icon-cogs {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-cogs:before {
  content: "\f085";
}
.icon-folder-open {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-folder-open:before {
  content: "\f07c";
}
.icon-file {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-file:before {
  content: "\f15b";
}
.icon-embed {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-embed:before {
  content: "\f121";
}
.icon-mail-3,
.icon-mail {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-mail-3:before,
.icon-mail:before {
  content: "\f0e0";
}
.icon-bars {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-bars:before {
  content: "\f080";
}
.icon-pie {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-pie:before {
  content: "\f200";
}
.icon-phone {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-phone:before {
  content: "\f095";
}
.icon-calendar {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-calendar:before {
  content: "\f133";
}
.icon-link {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-link:before {
  content: "\f0c1";
}
.big-icon {
  font-size: 3em;
}
/* Deprecated - please use '.import-font' above as this loads ttf files first avoiding potential 404 errors with Google fonts. */
.body-font,
p {
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  font-size: 15px;
  line-height: 20px;
  font-weight: normal;
}
strong,
.header-font {
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
}
body {
  font-size: 15px;
  line-height: 20px;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: normal;
  margin-bottom: var(--spacing);
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
}
.alert {
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
}
.alert p {
  color: #6c686f;
}
.alert h1,
.alert h2 {
  margin-top: 0;
}
.pre,
textarea,
pre {
  -moz-tab-size: 4;
  -o-tab-size: 4;
  tab-size: 4;
  color: #6c686f;
}
.form-input {
  border-radius: 8px;
  background-clip: padding-box;
  padding: 9px 12px;
  font-size: 16px;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #6c686f;
  font-weight: normal;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
}
.form-input:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.form-input:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.form-input::placeholder {
  color: rgba(108, 104, 111, 0.5);
}
.form-input:placeholder-shown {
  text-overflow: ellipsis;
}
.form-input:disabled,
.form-input.is-disabled,
.form-input.is-disabled-address {
  cursor: not-allowed;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  color: #524f55;
}
.form-input.small {
  padding: 4px 6px;
  font-size: 13px;
  height: 30px;
}
textarea,
input[list],
input[type="text"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="search"],
select,
.input-field,
.data-component-container[data-display-type-shortcode="POSTCODE_LOOKUP"] .input-container.address-details {
  padding: 9px 12px;
  font-size: 16px;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #6c686f;
  font-weight: normal;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  box-shadow: -1px -1px 3px 0 rgba(162, 162, 162, 0.45);
  transition: all 0.25s ease-in-out;
  border-radius: 8px;
  background-clip: padding-box;
  border: none;
  margin-bottom: 0;
}
textarea:focus-visible:not([tabIndex="-1"]),
input[list]:focus-visible:not([tabIndex="-1"]),
input[type="text"]:focus-visible:not([tabIndex="-1"]),
input[type="password"]:focus-visible:not([tabIndex="-1"]),
input[type="number"]:focus-visible:not([tabIndex="-1"]),
input[type="tel"]:focus-visible:not([tabIndex="-1"]),
input[type="email"]:focus-visible:not([tabIndex="-1"]),
input[type="url"]:focus-visible:not([tabIndex="-1"]),
input[type="date"]:focus-visible:not([tabIndex="-1"]),
input[type="search"]:focus-visible:not([tabIndex="-1"]),
select:focus-visible:not([tabIndex="-1"]),
.input-field:focus-visible:not([tabIndex="-1"]),
.data-component-container[data-display-type-shortcode="POSTCODE_LOOKUP"] .input-container.address-details:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
textarea:focus-visible[tabIndex="-1"],
input[list]:focus-visible[tabIndex="-1"],
input[type="text"]:focus-visible[tabIndex="-1"],
input[type="password"]:focus-visible[tabIndex="-1"],
input[type="number"]:focus-visible[tabIndex="-1"],
input[type="tel"]:focus-visible[tabIndex="-1"],
input[type="email"]:focus-visible[tabIndex="-1"],
input[type="url"]:focus-visible[tabIndex="-1"],
input[type="date"]:focus-visible[tabIndex="-1"],
input[type="search"]:focus-visible[tabIndex="-1"],
select:focus-visible[tabIndex="-1"],
.input-field:focus-visible[tabIndex="-1"],
.data-component-container[data-display-type-shortcode="POSTCODE_LOOKUP"] .input-container.address-details:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
textarea::placeholder,
input[list]::placeholder,
input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="number"]::placeholder,
input[type="tel"]::placeholder,
input[type="email"]::placeholder,
input[type="url"]::placeholder,
input[type="date"]::placeholder,
input[type="search"]::placeholder,
select::placeholder,
.input-field::placeholder,
.data-component-container[data-display-type-shortcode="POSTCODE_LOOKUP"] .input-container.address-details::placeholder {
  color: rgba(108, 104, 111, 0.5);
}
textarea:placeholder-shown,
input[list]:placeholder-shown,
input[type="text"]:placeholder-shown,
input[type="password"]:placeholder-shown,
input[type="number"]:placeholder-shown,
input[type="tel"]:placeholder-shown,
input[type="email"]:placeholder-shown,
input[type="url"]:placeholder-shown,
input[type="date"]:placeholder-shown,
input[type="search"]:placeholder-shown,
select:placeholder-shown,
.input-field:placeholder-shown,
.data-component-container[data-display-type-shortcode="POSTCODE_LOOKUP"] .input-container.address-details:placeholder-shown {
  text-overflow: ellipsis;
}
textarea:disabled,
input[list]:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="date"]:disabled,
input[type="search"]:disabled,
select:disabled,
.input-field:disabled,
.data-component-container[data-display-type-shortcode="POSTCODE_LOOKUP"] .input-container.address-details:disabled,
textarea.is-disabled,
input[list].is-disabled,
input[type="text"].is-disabled,
input[type="password"].is-disabled,
input[type="number"].is-disabled,
input[type="tel"].is-disabled,
input[type="email"].is-disabled,
input[type="url"].is-disabled,
input[type="date"].is-disabled,
input[type="search"].is-disabled,
select.is-disabled,
.input-field.is-disabled,
.data-component-container[data-display-type-shortcode="POSTCODE_LOOKUP"] .input-container.address-details.is-disabled,
textarea.is-disabled-address,
input[list].is-disabled-address,
input[type="text"].is-disabled-address,
input[type="password"].is-disabled-address,
input[type="number"].is-disabled-address,
input[type="tel"].is-disabled-address,
input[type="email"].is-disabled-address,
input[type="url"].is-disabled-address,
input[type="date"].is-disabled-address,
input[type="search"].is-disabled-address,
select.is-disabled-address,
.input-field.is-disabled-address,
.data-component-container[data-display-type-shortcode="POSTCODE_LOOKUP"] .input-container.address-details.is-disabled-address {
  cursor: not-allowed;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  color: #524f55;
}
textarea.small,
input[list].small,
input[type="text"].small,
input[type="password"].small,
input[type="number"].small,
input[type="tel"].small,
input[type="email"].small,
input[type="url"].small,
input[type="date"].small,
input[type="search"].small,
select.small,
.input-field.small,
.data-component-container[data-display-type-shortcode="POSTCODE_LOOKUP"] .input-container.address-details.small {
  padding: 4px 6px;
  font-size: 13px;
  height: 30px;
}
textarea:disabled,
input[list]:disabled,
input[type="text"]:disabled,
input[type="password"]:disabled,
input[type="number"]:disabled,
input[type="tel"]:disabled,
input[type="email"]:disabled,
input[type="url"]:disabled,
input[type="date"]:disabled,
input[type="search"]:disabled,
select:disabled,
.input-field:disabled,
.data-component-container[data-display-type-shortcode="POSTCODE_LOOKUP"] .input-container.address-details:disabled,
textarea.disabled,
input[list].disabled,
input[type="text"].disabled,
input[type="password"].disabled,
input[type="number"].disabled,
input[type="tel"].disabled,
input[type="email"].disabled,
input[type="url"].disabled,
input[type="date"].disabled,
input[type="search"].disabled,
select.disabled,
.input-field.disabled,
.data-component-container[data-display-type-shortcode="POSTCODE_LOOKUP"] .input-container.address-details.disabled,
textarea.is-disabled,
input[list].is-disabled,
input[type="text"].is-disabled,
input[type="password"].is-disabled,
input[type="number"].is-disabled,
input[type="tel"].is-disabled,
input[type="email"].is-disabled,
input[type="url"].is-disabled,
input[type="date"].is-disabled,
input[type="search"].is-disabled,
select.is-disabled,
.input-field.is-disabled,
.data-component-container[data-display-type-shortcode="POSTCODE_LOOKUP"] .input-container.address-details.is-disabled {
  box-shadow: none;
  border: none;
}
select,
select.small {
  padding-right: 35px;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  text-align: left;
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  text-align: left;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  text-align: left;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  text-align: left;
}
label {
  margin-bottom: 10px;
  display: inline-block;
}
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.2
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2017 Daniel Eden
 */
.animated {
  animation-duration: 1s;
  animation-fill-mode: both;
}
.animated.infinite {
  animation-iteration-count: infinite;
}
.animated.hinge {
  animation-duration: 2s;
}
.animated.flipOutX,
.animated.flipOutY,
.animated.bounceIn,
.animated.bounceOut {
  animation-duration: 0.75s;
}
@keyframes bounce {
  from,
  20%,
  53%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transform: translate3d(0, 0, 0);
  }
  40%,
  43% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -30px, 0);
  }
  70% {
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    transform: translate3d(0, -15px, 0);
  }
  90% {
    transform: translate3d(0, -4px, 0);
  }
}
.bounce {
  animation-name: bounce;
  transform-origin: center bottom;
}
@keyframes flash {
  from,
  50%,
  to {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
.flash {
  animation-name: flash;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes pulse {
  from {
    transform: scale3d(1, 1, 1);
  }
  50% {
    transform: scale3d(1.05, 1.05, 1.05);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.pulse {
  animation-name: pulse;
}
@keyframes rubberBand {
  from {
    transform: scale3d(1, 1, 1);
  }
  30% {
    transform: scale3d(1.25, 0.75, 1);
  }
  40% {
    transform: scale3d(0.75, 1.25, 1);
  }
  50% {
    transform: scale3d(1.15, 0.85, 1);
  }
  65% {
    transform: scale3d(0.95, 1.05, 1);
  }
  75% {
    transform: scale3d(1.05, 0.95, 1);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.rubberBand {
  animation-name: rubberBand;
}
@keyframes shake {
  from,
  to {
    transform: translate3d(0, 0, 0);
  }
  10%,
  30%,
  50%,
  70%,
  90% {
    transform: translate3d(-10px, 0, 0);
  }
  20%,
  40%,
  60%,
  80% {
    transform: translate3d(10px, 0, 0);
  }
}
.shake {
  animation-name: shake;
}
@keyframes headShake {
  0% {
    transform: translateX(0);
  }
  6.5% {
    transform: translateX(-6px) rotateY(-9deg);
  }
  18.5% {
    transform: translateX(5px) rotateY(7deg);
  }
  31.5% {
    transform: translateX(-3px) rotateY(-5deg);
  }
  43.5% {
    transform: translateX(2px) rotateY(3deg);
  }
  50% {
    transform: translateX(0);
  }
}
.headShake {
  animation-timing-function: ease-in-out;
  animation-name: headShake;
}
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
.swing {
  transform-origin: top center;
  animation-name: swing;
}
@keyframes tada {
  from {
    transform: scale3d(1, 1, 1);
  }
  10%,
  20% {
    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
  }
  30%,
  50%,
  70%,
  90% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%,
  60%,
  80% {
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  to {
    transform: scale3d(1, 1, 1);
  }
}
.tada {
  animation-name: tada;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes wobble {
  from {
    transform: none;
  }
  15% {
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  30% {
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  45% {
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  60% {
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  75% {
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
  to {
    transform: none;
  }
}
.wobble {
  animation-name: wobble;
}
@keyframes jello {
  from,
  11.1%,
  to {
    transform: none;
  }
  22.2% {
    transform: skewX(-12.5deg) skewY(-12.5deg);
  }
  33.3% {
    transform: skewX(6.25deg) skewY(6.25deg);
  }
  44.4% {
    transform: skewX(-3.125deg) skewY(-3.125deg);
  }
  55.5% {
    transform: skewX(1.5625deg) skewY(1.5625deg);
  }
  66.6% {
    transform: skewX(-0.78125deg) skewY(-0.78125deg);
  }
  77.7% {
    transform: skewX(0.390625deg) skewY(0.390625deg);
  }
  88.8% {
    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
  }
}
.jello {
  animation-name: jello;
  transform-origin: center;
}
@keyframes bounceIn {
  from,
  20%,
  40%,
  60%,
  80%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
    transform: scale3d(0.97, 0.97, 0.97);
  }
  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}
.bounceIn {
  animation-name: bounceIn;
}
@keyframes bounceInDown {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(0, -3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, 25px, 0);
  }
  75% {
    transform: translate3d(0, -10px, 0);
  }
  90% {
    transform: translate3d(0, 5px, 0);
  }
  to {
    transform: none;
  }
}
.bounceInDown {
  animation-name: bounceInDown;
}
@keyframes bounceInLeft {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  0% {
    opacity: 0;
    transform: translate3d(-3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(25px, 0, 0);
  }
  75% {
    transform: translate3d(-10px, 0, 0);
  }
  90% {
    transform: translate3d(5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInLeft {
  animation-name: bounceInLeft;
}
@keyframes bounceInRight {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(3000px, 0, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(-25px, 0, 0);
  }
  75% {
    transform: translate3d(10px, 0, 0);
  }
  90% {
    transform: translate3d(-5px, 0, 0);
  }
  to {
    transform: none;
  }
}
.bounceInRight {
  animation-name: bounceInRight;
}
@keyframes bounceInUp {
  from,
  60%,
  75%,
  90%,
  to {
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
  }
  from {
    opacity: 0;
    transform: translate3d(0, 3000px, 0);
  }
  60% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  75% {
    transform: translate3d(0, 10px, 0);
  }
  90% {
    transform: translate3d(0, -5px, 0);
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.bounceInUp {
  animation-name: bounceInUp;
}
@keyframes bounceOut {
  20% {
    transform: scale3d(0.9, 0.9, 0.9);
  }
  50%,
  55% {
    opacity: 1;
    transform: scale3d(1.1, 1.1, 1.1);
  }
  to {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
}
.bounceOut {
  animation-name: bounceOut;
}
@keyframes bounceOutDown {
  20% {
    transform: translate3d(0, 10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, -20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.bounceOutDown {
  animation-name: bounceOutDown;
}
@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    transform: translate3d(20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.bounceOutLeft {
  animation-name: bounceOutLeft;
}
@keyframes bounceOutRight {
  20% {
    opacity: 1;
    transform: translate3d(-20px, 0, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.bounceOutRight {
  animation-name: bounceOutRight;
}
@keyframes bounceOutUp {
  20% {
    transform: translate3d(0, -10px, 0);
  }
  40%,
  45% {
    opacity: 1;
    transform: translate3d(0, 20px, 0);
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.bounceOutUp {
  animation-name: bounceOutUp;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.fadeIn {
  animation-name: fadeIn;
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDown {
  animation-name: fadeInDown;
}
@keyframes fadeInDownBig {
  from {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInDownBig {
  animation-name: fadeInDownBig;
}
@keyframes fadeInLeft {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeft {
  animation-name: fadeInLeft;
}
@keyframes fadeInLeftBig {
  from {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInLeftBig {
  animation-name: fadeInLeftBig;
}
@keyframes fadeInRight {
  from {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRight {
  animation-name: fadeInRight;
}
@keyframes fadeInRightBig {
  from {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInRightBig {
  animation-name: fadeInRightBig;
}
@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUp {
  animation-name: fadeInUp;
}
@keyframes fadeInUpBig {
  from {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.fadeInUpBig {
  animation-name: fadeInUpBig;
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOutDown {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0);
  }
}
.fadeOutDown {
  animation-name: fadeOutDown;
}
@keyframes fadeOutDownBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, 2000px, 0);
  }
}
.fadeOutDownBig {
  animation-name: fadeOutDownBig;
}
@keyframes fadeOutLeft {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-100%, 0, 0);
  }
}
.fadeOutLeft {
  animation-name: fadeOutLeft;
}
@keyframes fadeOutLeftBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(-2000px, 0, 0);
  }
}
.fadeOutLeftBig {
  animation-name: fadeOutLeftBig;
}
@keyframes fadeOutRight {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0);
  }
}
.fadeOutRight {
  animation-name: fadeOutRight;
}
@keyframes fadeOutRightBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(2000px, 0, 0);
  }
}
.fadeOutRightBig {
  animation-name: fadeOutRightBig;
}
@keyframes fadeOutUp {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -100%, 0);
  }
}
.fadeOutUp {
  animation-name: fadeOutUp;
}
@keyframes fadeOutUpBig {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(0, -2000px, 0);
  }
}
.fadeOutUpBig {
  animation-name: fadeOutUpBig;
}
@keyframes flip {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    animation-timing-function: ease-out;
  }
  40% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    animation-timing-function: ease-out;
  }
  50% {
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    animation-timing-function: ease-in;
  }
  80% {
    transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
    animation-timing-function: ease-in;
  }
  to {
    transform: perspective(400px);
    animation-timing-function: ease-in;
  }
}
.animated.flip {
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  animation-name: flip;
}
@keyframes flipInX {
  from {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInX {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInX;
}
@keyframes flipInY {
  from {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  40% {
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    animation-timing-function: ease-in;
  }
  60% {
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }
  80% {
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }
  to {
    transform: perspective(400px);
  }
}
.flipInY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipInY;
}
@keyframes flipOutX {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}
.flipOutX {
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
}
@keyframes flipOutY {
  from {
    transform: perspective(400px);
  }
  30% {
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }
  to {
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}
.flipOutY {
  -webkit-backface-visibility: visible !important;
  backface-visibility: visible !important;
  animation-name: flipOutY;
}
@keyframes lightSpeedIn {
  from {
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }
  60% {
    transform: skewX(20deg);
    opacity: 1;
  }
  80% {
    transform: skewX(-5deg);
    opacity: 1;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
.lightSpeedIn {
  animation-name: lightSpeedIn;
  animation-timing-function: ease-out;
}
@keyframes lightSpeedOut {
  from {
    opacity: 1;
  }
  to {
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}
.lightSpeedOut {
  animation-name: lightSpeedOut;
  animation-timing-function: ease-in;
}
@keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }
  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}
.rotateIn {
  animation-name: rotateIn;
}
@keyframes rotateInDownLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownLeft {
  animation-name: rotateInDownLeft;
}
@keyframes rotateInDownRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInDownRight {
  animation-name: rotateInDownRight;
}
@keyframes rotateInUpLeft {
  from {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
  to {
    transform-origin: left bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpLeft {
  animation-name: rotateInUpLeft;
}
@keyframes rotateInUpRight {
  from {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }
  to {
    transform-origin: right bottom;
    transform: none;
    opacity: 1;
  }
}
.rotateInUpRight {
  animation-name: rotateInUpRight;
}
@keyframes rotateOut {
  from {
    transform-origin: center;
    opacity: 1;
  }
  to {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}
.rotateOut {
  animation-name: rotateOut;
}
@keyframes rotateOutDownLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}
.rotateOutDownLeft {
  animation-name: rotateOutDownLeft;
}
@keyframes rotateOutDownRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutDownRight {
  animation-name: rotateOutDownRight;
}
@keyframes rotateOutUpLeft {
  from {
    transform-origin: left bottom;
    opacity: 1;
  }
  to {
    transform-origin: left bottom;
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}
.rotateOutUpLeft {
  animation-name: rotateOutUpLeft;
}
@keyframes rotateOutUpRight {
  from {
    transform-origin: right bottom;
    opacity: 1;
  }
  to {
    transform-origin: right bottom;
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}
.rotateOutUpRight {
  animation-name: rotateOutUpRight;
}
@keyframes hinge {
  0% {
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  20%,
  60% {
    transform: rotate3d(0, 0, 1, 80deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
  }
  40%,
  80% {
    transform: rotate3d(0, 0, 1, 60deg);
    transform-origin: top left;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }
  to {
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}
.hinge {
  animation-name: hinge;
}
@keyframes jackInTheBox {
  from {
    opacity: 0;
    transform: scale(0.1) rotate(30deg);
    transform-origin: center bottom;
  }
  50% {
    transform: rotate(-10deg);
  }
  70% {
    transform: rotate(3deg);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}
.jackInTheBox {
  animation-name: jackInTheBox;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollIn {
  from {
    opacity: 0;
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
.rollIn {
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@keyframes rollOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}
.rollOut {
  animation-name: rollOut;
}
@keyframes zoomIn {
  from {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  50% {
    opacity: 1;
  }
}
.zoomIn {
  animation-name: zoomIn;
}
@keyframes zoomInDown {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInDown {
  animation-name: zoomInDown;
}
@keyframes zoomInLeft {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInLeft {
  animation-name: zoomInLeft;
}
@keyframes zoomInRight {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInRight {
  animation-name: zoomInRight;
}
@keyframes zoomInUp {
  from {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  60% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomInUp {
  animation-name: zoomInUp;
}
@keyframes zoomOut {
  from {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: scale3d(0.3, 0.3, 0.3);
  }
  to {
    opacity: 0;
  }
}
.zoomOut {
  animation-name: zoomOut;
}
@keyframes zoomOutDown {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutDown {
  animation-name: zoomOutDown;
}
@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(-2000px, 0, 0);
    transform-origin: left center;
  }
}
.zoomOutLeft {
  animation-name: zoomOutLeft;
}
@keyframes zoomOutRight {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
  }
  to {
    opacity: 0;
    transform: scale(0.1) translate3d(2000px, 0, 0);
    transform-origin: right center;
  }
}
.zoomOutRight {
  animation-name: zoomOutRight;
}
@keyframes zoomOutUp {
  40% {
    opacity: 1;
    transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
    animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
  }
  to {
    opacity: 0;
    transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
    transform-origin: center bottom;
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  }
}
.zoomOutUp {
  animation-name: zoomOutUp;
}
@keyframes slideInDown {
  from {
    transform: translate3d(0, -100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInDown {
  animation-name: slideInDown;
}
@keyframes slideInLeft {
  from {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInLeft {
  animation-name: slideInLeft;
}
@keyframes slideInRight {
  from {
    transform: translate3d(100%, 0, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInRight {
  animation-name: slideInRight;
}
@keyframes slideInUp {
  from {
    transform: translate3d(0, 100%, 0);
    visibility: visible;
  }
  to {
    transform: translate3d(0, 0, 0);
  }
}
.slideInUp {
  animation-name: slideInUp;
}
@keyframes slideOutDown {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0);
  }
}
.slideOutDown {
  animation-name: slideOutDown;
}
@keyframes slideOutLeft {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(-100%, 0, 0);
  }
}
.slideOutLeft {
  animation-name: slideOutLeft;
}
@keyframes slideOutRight {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(100%, 0, 0);
  }
}
.slideOutRight {
  animation-name: slideOutRight;
}
@keyframes slideOutUp {
  from {
    transform: translate3d(0, 0, 0);
  }
  to {
    visibility: hidden;
    transform: translate3d(0, -100%, 0);
  }
}
.slideOutUp {
  animation-name: slideOutUp;
}
/* Hint.css - v1.3.0 - 2013-08-05
* http://kushagragour.in/lab/hint/
* Copyright (c) 2013 Kushagra Gour; Licensed MIT */
/*-------------------------------------*\
	HINT.css - A CSS tooltip library
\*-------------------------------------*/
/*
 * HINT.css is a tooltip library made in pure CSS.
 *
 * Source: https://github.com/chinchang/hint.css
 * Demo: http://kushagragour.in/labs/hint/
 *
 * Release under The MIT License
 *
 */
/*
 * source: hint-core.scss
 *
 * Defines the basic styling for the tooltip.
 * Each tooltip is made of 2 parts:
 * 	1) body (:after)
 * 	2) arrow (:before)
 *
 * Classes added:
 * 	1) hint
 */
.kill-hint {
  content: '';
  display: none;
}
.hint,
[data-hint] {
  position: relative;
  display: inline-block;
  /*
	 * tooltip arrow
	 */
  /*
	 * tooltip body
	 */
}
.hint:before,
.hint:after,
[data-hint]:before,
[data-hint]:after {
  text-align: left !important;
  position: absolute;
  transform: translate3d(0, 0, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 1000000;
  pointer-events: none;
  -webkit-transition: 0s ease;
  -moz-transition: 0s ease;
  transition: 0s ease;
  transition-delay: 0.5s;
}
.hint:hover:before,
.hint:hover:after,
[data-hint]:hover:before,
[data-hint]:hover:after {
  visibility: visible;
  opacity: 1;
  overflow: hidden;
  text-overflow: ellipsis;
}
input.hint:focus:before,
input.hint:focus:after,
input[data-hint]:focus:before,
input[data-hint]:focus:after {
  visibility: visible;
  opacity: 1;
}
.hint:before,
[data-hint]:before {
  content: '';
  position: absolute;
  background: transparent;
  text-transform: none;
  border: 8px solid transparent;
  z-index: 1000001;
}
.hint:after,
[data-hint]:after {
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
  content: attr(data-hint);
  text-transform: none;
  background: black;
  color: white;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 1em;
  font-weight: normal;
  white-space: pre-wrap;
  border: none;
}
/*
 * source: hint-position.scss
 *
 * Defines the positoning logic for the tooltips.
 *
 * Classes added:
 * 	1) hint--top
 * 	2) hint--bottom
 * 	3) hint--left
 * 	4) hint--right
 */
/*
 * set default color for tooltip arrows
 */
.hint--top:before {
  border-top-color: black;
}
.hint--bottom:before {
  border-bottom-color: black;
}
.hint--left:before {
  border-left-color: black;
}
.hint--right:before {
  border-right-color: black;
}
/*
 * top tooltip
 */
.hint--top:before {
  margin-bottom: -12px;
}
.hint--top:after {
  margin-left: -18px;
}
.hint--top:before,
.hint--top:after {
  bottom: 100%;
  left: 50%;
}
.hint--top:hover:after,
.hint--top:hover:before,
.hint--top:focus:after,
.hint--top:focus:before {
  transform: translateY(-8px);
}
/*
 * bottom tooltip
 */
.hint--bottom:before {
  margin-top: -12px;
}
.hint--bottom:after {
  margin-left: -18px;
}
.hint--bottom:before,
.hint--bottom:after {
  top: 100%;
  left: 50%;
}
.hint--bottom:hover:after,
.hint--bottom:hover:before,
.hint--bottom:focus:after,
.hint--bottom:focus:before {
  transform: translateY(8px);
}
/*
 * right tooltip
 */
.hint--right:before {
  margin-left: -12px;
  margin-bottom: -6px;
}
.hint--right:after {
  margin-bottom: -14px;
}
.hint--right:before,
.hint--right:after {
  left: 100%;
  bottom: 50%;
}
.hint--right:hover:after,
.hint--right:hover:before,
.hint--right:focus:after,
.hint--right:focus:before {
  transform: translateX(8px);
}
/*
 * left tooltip
 */
.hint--left:before {
  margin-right: -12px;
  margin-bottom: -6px;
}
.hint--left:after {
  margin-bottom: -14px;
}
.hint--left:before,
.hint--left:after {
  right: 100%;
  bottom: 50%;
}
.hint--left:hover:after,
.hint--left:hover:before,
.hint--left:focus:after,
.hint--left:focus:before {
  transform: translateX(-8px);
}
.hint--bottomLeft:before {
  margin-right: 6px;
  margin-top: -12px;
  border-bottom-color: black;
}
.hint--bottomLeft:after {
  margin-bottom: -14px;
}
.hint--bottomLeft:before,
.hint--bottomLeft:after {
  right: 0%;
  top: 100%;
}
.hint--bottomLeft:before:hover,
.hint--bottomLeft:after:hover {
  transform: translate(-8px, 8px);
}
.hint--bottomRight:before {
  margin-left: 6px;
  margin-top: -12px;
  border-bottom-color: black;
}
.hint--bottomRight:after {
  margin-bottom: -14px;
}
.hint--bottomRight:before,
.hint--bottomRight:after {
  left: -6px;
  top: 100%;
}
.hint--bottomRight:before:hover,
.hint--bottomRight:after:hover {
  transform: translate(-12px, 8px);
}
/*
 * source: hint-color-types.scss
 *
 * Contains tooltips of various types based on color differences.
 *
 * Classes added:
 * 	1) hint--error
 * 	2) hint--warning
 * 	3) hint--info
 * 	4) hint--success
 *
 */
/*
 * Error
 */
.hint--error:after {
  background-color: #b34e4d;
  text-shadow: 0 -1px 0 #592726;
}
.hint--error.hint--top:before {
  border-top-color: #b34e4d;
}
.hint--error.hint--bottom:before {
  border-bottom-color: #b34e4d;
}
.hint--error.hint--left:before {
  border-left-color: #b34e4d;
}
.hint--error.hint--right:before {
  border-right-color: #b34e4d;
}
/*
 * Warning
 */
.hint--warning:after {
  background-color: #c09854;
  text-shadow: 0 -1px 0 #6c5328;
}
.hint--warning.hint--top:before {
  border-top-color: #c09854;
}
.hint--warning.hint--bottom:before {
  border-bottom-color: #c09854;
}
.hint--warning.hint--left:before {
  border-left-color: #c09854;
}
.hint--warning.hint--right:before {
  border-right-color: #c09854;
}
/*
 * Info
 */
.hint--info:after {
  background-color: black;
}
.hint--info.hint--top:before {
  border-top-color: black;
}
.hint--info.hint--bottom:before {
  border-bottom-color: black;
}
.hint--info.hint--left:before {
  border-left-color: black;
}
.hint--info.hint--right:before {
  border-right-color: black;
}
/*
 * Success
 */
.hint--success:after {
  background-color: #458746;
  text-shadow: 0 -1px 0 #1a321a;
}
.hint--success.hint--top:before {
  border-top-color: #458746;
}
.hint--success.hint--bottom:before {
  border-bottom-color: #458746;
}
.hint--success.hint--left:before {
  border-left-color: #458746;
}
.hint--success.hint--right:before {
  border-right-color: #458746;
}
/*
 * source: hint-always.scss
 *
 * Defines a persisted tooltip which shows always.
 *
 * Classes added:
 * 	1) hint--always
 *
 */
.hint--always:after,
.hint--always:before {
  opacity: 1;
  visibility: visible;
}
.hint--always.hint--top:after,
.hint--always.hint--top:before {
  transform: translateY(-8px);
}
.hint--always.hint--bottom:after,
.hint--always.hint--bottom:before {
  transform: translateY(8px);
}
.hint--always.hint--left:after,
.hint--always.hint--left:before {
  transform: translateX(-8px);
}
.hint--always.hint--right:after,
.hint--always.hint--right:before {
  transform: translateX(8px);
}
/*
 * source: hint-rounded.scss
 *
 * Defines rounded corner tooltips.
 *
 * Classes added:
 * 	1) hint--rounded
 *
 */
.hint--rounded:after {
  border-radius: 4px;
}
/*
 * source: hint-effects.scss
 *
 * Defines various transition effects for the tooltips.
 *
 * Classes added:
 * 	1) hint--bounce
 *
 */
.hint--bounce:before,
.hint--bounce:after {
  transition: opacity 0.3s ease, visibility 0.3s ease, transform 0.3s cubic-bezier(0.71, 1.7, 0.77, 1.24);
}
/*/////////////////////////////////////////////////////////
//
// My additional items
//
/////////////////////////////////////////////////////////*/
.hint--multiline.hint--below:after,
.hint--multiline--data.hint--below:after {
  top: -6px;
  bottom: auto;
}
.hint--multiline.hint--below:before,
.hint--multiline--data.hint--below:before {
  top: 50%;
  margin-bottom: auto;
  margin-top: -6px;
}
.hint--multiline:after {
  white-space: normal;
  width: attr(data-hint-width);
  width: 200px;
  line-height: 1.5em;
}
.hint--singleline:after {
  white-space: nowrap;
  width: auto;
}
.hint--multiline.hint--long:after {
  width: 300px;
}
.hint--multiline.hint--super--long:after {
  width: 400px;
}
.hint--long:after {
  width: 400px;
}
.hint--super--long:after {
  width: 600px;
}
.hint--multiline--data:after {
  white-space: normal;
  width: attr(data-hint-width);
  line-height: 1.5em;
}
a.hint--rounded:hover {
  text-decoration: none;
}
.hint--small:after {
  padding: 4px 5px;
  font-size: 8pt;
  margin-bottom: -8px;
}
.chartjs-tooltip {
  z-index: 1;
  max-width: 200px;
  opacity: 0;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  padding: 3px;
  border-radius: 3px;
  -webkit-transition: all 0.1s ease;
  transition: all 0.1s ease;
  pointer-events: none;
  transform: translate(-50%, 0);
  font-size: 12px;
  line-height: 1em;
  font-weight: normal;
}
.chartjs-tooltip .tip-label {
  white-space: nowrap;
  margin-bottom: 5px;
  display: inline-block;
}
.chartjs-tooltip .tip-label:after {
  content: ':';
}
.chartjs-tooltip .tip-value {
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
}
/*---------------------------------------------------
    LESS Elements 0.6
  ---------------------------------------------------
    A set of useful LESS mixins by Dmitry Fadeyev
    Special thanks for mixin suggestions to:
      Kris Van Herzeele,
      Benoit Adam,
      Portenart Emile-Victor,
      Ryan Faerman

    More info at: http://lesselements.com
-----------------------------------------------------*/
/*
.gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) {
    background-color: @color;
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(@start), to(@stop));
    background-image: -webkit-linear-gradient(top, @start, @stop);
    background-image:    -moz-linear-gradient(top, @start, @stop);
    background-image:     -ms-linear-gradient(top, @start, @stop);
    background-image:      -o-linear-gradient(top, @start, @stop);
    background-image:         linear-gradient(top, @start, @stop);
    filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorStr='@{start}', EndColorStr='@{stop}')}";
}
*/
/*
There is a new tag in CSS3 that you can use to change the way the box model
calculates width/height, it's called box-sizing.

By setting this property with the value "border-box" it makes which ever
element you apply it to not stretch when you add a padding or border. If you
define something with 100px width, and 10px padding, it will still be 100px
wide.

It does not work for IE7 and lower, however, I believe that Dean Edward's IE7.js
adds support for it.

@see http://stackoverflow.com/questions/485827/css-100-height-with-padding-margin
*/
.no-select {
  user-select: none;
}
.centered-both {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}
.centered-vertical {
  transform: translate(0%, -50%);
  left: 0%;
  top: 50%;
}
.centered-horizontal {
  transform: translate(-50%, 0%);
  left: 50%;
  top: 0%;
}
.sticky {
  position: sticky;
}
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
/* start commented backslash hack \*/
 ~ * html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* close commented backslash hack */
.custom-scrollbar::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: rgba(82, 79, 85, 0.2);
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #6b2bf6;
}
.custom-scrollbar::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(82, 79, 85, 0.4);
}
.upload-component .upload-zone,
.loggerUpload .upload-zone {
  border-radius: 5px;
  background-clip: padding-box;
  box-sizing: border-box;
  width: 100%;
  border: none;
  background-color: #eeeeee;
  padding: 10px;
}
.upload-component .upload-zone .browse,
.loggerUpload .upload-zone .browse {
  border-radius: 8px;
  background-clip: padding-box;
  user-select: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  display: inline-block;
  color: #6b2bf6;
  padding: 0.437em 0.937em;
  line-height: 1.5em;
  font-size: 16px;
  cursor: pointer;
  text-decoration: none;
  margin-bottom: 10px;
  text-align: center;
  white-space: nowrap;
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  border: 1px solid white;
  font-weight: bold;
  color: #524f55;
  background: none;
  background-color: #f4f4f4;
  color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
}
.upload-component .upload-zone .browse:focus-visible:not([tabIndex="-1"]),
.loggerUpload .upload-zone .browse:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.upload-component .upload-zone .browse:focus-visible[tabIndex="-1"],
.loggerUpload .upload-zone .browse:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.upload-component .upload-zone .browse:hover,
.loggerUpload .upload-zone .browse:hover,
.upload-component .upload-zone .browse:focus,
.loggerUpload .upload-zone .browse:focus {
  text-decoration: none;
  background-color: #6b2bf6;
  color: #ffffff;
}
.upload-component .upload-zone .browse.with-loading-icon,
.loggerUpload .upload-zone .browse.with-loading-icon {
  position: relative;
}
.upload-component .upload-zone .browse.with-loading-icon label,
.loggerUpload .upload-zone .browse.with-loading-icon label,
.upload-component .upload-zone .browse.with-loading-icon .label,
.loggerUpload .upload-zone .browse.with-loading-icon .label {
  cursor: pointer;
  margin-bottom: 0;
}
.upload-component .upload-zone .browse.with-loading-icon .loading-icon,
.loggerUpload .upload-zone .browse.with-loading-icon .loading-icon {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  visibility: hidden;
  position: absolute;
}
.upload-component .upload-zone .browse.with-loading-icon .loading-icon:before,
.loggerUpload .upload-zone .browse.with-loading-icon .loading-icon:before {
  width: 15px;
  height: 15px;
}
.upload-component .upload-zone .browse.with-loading-icon.is-loading,
.loggerUpload .upload-zone .browse.with-loading-icon.is-loading {
  pointer-events: none;
}
.upload-component .upload-zone .browse.with-loading-icon.is-loading label,
.loggerUpload .upload-zone .browse.with-loading-icon.is-loading label,
.upload-component .upload-zone .browse.with-loading-icon.is-loading .label,
.loggerUpload .upload-zone .browse.with-loading-icon.is-loading .label {
  opacity: 0;
}
.upload-component .upload-zone .browse.with-loading-icon.is-loading .loading-icon,
.loggerUpload .upload-zone .browse.with-loading-icon.is-loading .loading-icon {
  visibility: visible;
}
.upload-component .upload-zone .browse.bordered,
.loggerUpload .upload-zone .browse.bordered {
  border: 2px solid white;
}
.upload-component .upload-zone .browse.bordered:hover,
.loggerUpload .upload-zone .browse.bordered:hover {
  border-color: white;
}
.upload-component .upload-zone .browse.block,
.loggerUpload .upload-zone .browse.block {
  display: block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.upload-component .upload-zone .browse.round,
.loggerUpload .upload-zone .browse.round {
  color: #ffffff;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
  border: 2px solid white;
  box-sizing: border-box;
  min-width: 35px;
  min-height: 35px;
  width: 35px;
  height: 35px;
  line-height: 30px;
  padding: 0;
  display: inline-block;
}
.upload-component .upload-zone .browse.round:hover,
.loggerUpload .upload-zone .browse.round:hover,
.upload-component .upload-zone .browse.round:focus,
.loggerUpload .upload-zone .browse.round:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.upload-component .upload-zone .browse.round.disabled,
.loggerUpload .upload-zone .browse.round.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.upload-component .upload-zone .browse.round.is-loading > .loading-icon:before,
.loggerUpload .upload-zone .browse.round.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.upload-component .upload-zone .browse.round:focus-visible:not([tabIndex="-1"]),
.loggerUpload .upload-zone .browse.round:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.upload-component .upload-zone .browse.round:focus-visible[tabIndex="-1"],
.loggerUpload .upload-zone .browse.round:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.upload-component .upload-zone .browse.round.action-button,
.loggerUpload .upload-zone .browse.round.action-button,
.upload-component .upload-zone .browse.round.next-button,
.loggerUpload .upload-zone .browse.round.next-button,
.upload-component .upload-zone .browse.round.back-button,
.loggerUpload .upload-zone .browse.round.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.upload-component .upload-zone .browse.round:hover,
.loggerUpload .upload-zone .browse.round:hover,
.upload-component .upload-zone .browse.round:focus,
.loggerUpload .upload-zone .browse.round:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.upload-component .upload-zone .browse.round:hover,
.loggerUpload .upload-zone .browse.round:hover {
  border-color: white;
}
.upload-component .upload-zone .browse.is-error,
.loggerUpload .upload-zone .browse.is-error {
  background-color: #a20000;
  color: #ffffff;
}
.upload-component .upload-zone .browse.is-error:hover,
.loggerUpload .upload-zone .browse.is-error:hover,
.upload-component .upload-zone .browse.is-error:focus,
.loggerUpload .upload-zone .browse.is-error:focus {
  background-color: #560000;
  color: #ffffff;
}
.upload-component .upload-zone .browse.disabled-button,
.loggerUpload .upload-zone .browse.disabled-button {
  pointer-events: none;
  opacity: 0.75;
  filter: grayscale(100%);
}
.upload-component .upload-zone .browse.disabled,
.loggerUpload .upload-zone .browse.disabled {
  background-color: #ffffff;
  color: #919191;
  pointer-events: none;
}
.upload-component .upload-zone .browse.selected,
.loggerUpload .upload-zone .browse.selected {
  background-color: #6b2bf6;
  color: #ffffff;
}
.upload-component .upload-zone .browse.x-small,
.loggerUpload .upload-zone .browse.x-small {
  font-size: 60% !important;
}
.upload-component .upload-zone .browse.small,
.loggerUpload .upload-zone .browse.small {
  font-size: 80% !important;
}
.upload-component .upload-zone .browse.bigger,
.loggerUpload .upload-zone .browse.bigger {
  font-size: 120% !important;
}
.upload-component .upload-zone .browse.x-large,
.loggerUpload .upload-zone .browse.x-large {
  font-size: 140% !important;
}
.upload-component .upload-zone .browse:focus-visible:not([tabIndex="-1"]),
.loggerUpload .upload-zone .browse:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.upload-component .upload-zone .browse:focus-visible[tabIndex="-1"],
.loggerUpload .upload-zone .browse:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.upload-component .upload-zone .browse.action-button,
.loggerUpload .upload-zone .browse.action-button,
.upload-component .upload-zone .browse.next-button,
.loggerUpload .upload-zone .browse.next-button,
.upload-component .upload-zone .browse.back-button,
.loggerUpload .upload-zone .browse.back-button {
  padding-left: 20px;
  padding-right: 20px;
}
.upload-component .upload-zone .browse:hover,
.loggerUpload .upload-zone .browse:hover {
  color: #524f55;
  background-color: #e3e3e3;
}
.upload-component .upload-zone .browse.green,
.loggerUpload .upload-zone .browse.green {
  color: white;
  background-color: green;
  border-color: green;
}
.upload-component .upload-zone .browse.green:hover,
.loggerUpload .upload-zone .browse.green:hover {
  background-color: #004d00;
}
.upload-component .upload-zone .browse:hover,
.loggerUpload .upload-zone .browse:hover,
.upload-component .upload-zone .browse:focus,
.loggerUpload .upload-zone .browse:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.upload-component .upload-zone .browse.disabled,
.loggerUpload .upload-zone .browse.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.upload-component .upload-zone .browse.is-loading > .loading-icon:before,
.loggerUpload .upload-zone .browse.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.upload-component .upload-zone .browse:focus-visible:not([tabIndex="-1"]),
.loggerUpload .upload-zone .browse:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.upload-component .upload-zone .browse:focus-visible[tabIndex="-1"],
.loggerUpload .upload-zone .browse:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.upload-component .upload-zone .browse.action-button,
.loggerUpload .upload-zone .browse.action-button,
.upload-component .upload-zone .browse.next-button,
.loggerUpload .upload-zone .browse.next-button,
.upload-component .upload-zone .browse.back-button,
.loggerUpload .upload-zone .browse.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.upload-component .upload-zone .browse:hover,
.loggerUpload .upload-zone .browse:hover,
.upload-component .upload-zone .browse:focus,
.loggerUpload .upload-zone .browse:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.upload-component .upload-zone .non-drag-n-drop-instructions,
.loggerUpload .upload-zone .non-drag-n-drop-instructions {
  display: none;
}
.upload-component .bar,
.loggerUpload .bar {
  height: 13px;
  background: #eeeeee;
}
.upload-component .upload-complete,
.loggerUpload .upload-complete {
  margin-top: 10px;
}
.fd-zone {
  overflow: visible !important;
  width: 100% !important;
}
.fd-zone form {
  background-color: transparent !important;
}
/*
  Styles below are only required if you're using <iframe> fallback in
  addition to HTML5 drag & drop (only working in Firefox/Chrome).
 */
/* Essential FileDrop zone element configuration: */
.fd-zone {
  position: relative;
  overflow: hidden;
  /* The following are not required but create a pretty box: */
  width: 15em;
  margin: 0 auto;
  text-align: center;
  /* align to the left on the mobile to better fit with the other components when using multi upload */
}
@media screen and (max-width: 480px) {
  .fd-zone.detailed {
    text-align: left;
  }
}
/* Hides <input type="file"> while simulating "Browse" button: */
.fd-file {
  opacity: 0;
  font-size: 118px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
  padding: 0;
  margin: 0;
  cursor: pointer;
  filter: alpha(opacity=0);
  font-family: sans-serif;
}
/* Provides visible feedback when use drags a file over the drop zone: */
.fd-zone.over {
  border-color: maroon;
  background: #eee;
}
html.is-IE-9 .loggerUpload .upload-zone {
  border-radius: 0px;
  background-clip: padding-box;
  border: none;
  background-color: transparent;
  text-align: left;
}
html.is-IE-9 .loggerUpload .upload-zone form {
  padding: 0;
  margin: 0;
}
html.is-IE-9 .loggerUpload .drag-n-drop-instructions {
  display: none;
}
html.is-IE-9 .loggerUpload .non-drag-n-drop-instructions {
  display: block;
}
/**
 * Trumbowyg v2.27.3 - A lightweight WYSIWYG editor
 * Default stylesheet for Trumbowyg editor
 * ------------------------
 * @link https://alex-d.github.io/Trumbowyg/
 * @license MIT
 * @author Alexandre Demode (Alex-D)
 *         Twitter : @AlexandreDemode
 *         Website : alex-d.fr
 */
#trumbowyg-icons,
.trumbowyg-icons {
  overflow: hidden;
  visibility: hidden;
  height: 0;
  width: 0;
}
#trumbowyg-icons svg,
.trumbowyg-icons svg {
  height: 0;
  width: 0;
}
.trumbowyg-box *,
.trumbowyg-box *::before,
.trumbowyg-box *::after,
.trumbowyg-modal *,
.trumbowyg-modal *::before,
.trumbowyg-modal *::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.trumbowyg-box svg,
.trumbowyg-modal svg {
  width: 17px;
  height: 100%;
  color: #222;
  fill: #222;
}
.trumbowyg-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 300px;
}
.trumbowyg-editor-box {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.trumbowyg-box,
.trumbowyg-editor-box {
  position: relative;
  width: 100%;
  border: 1px solid #d7e0e2;
}
.trumbowyg-box .trumbowyg-editor {
  min-height: 100%;
  margin: 0 auto;
}
.trumbowyg-box.trumbowyg-fullscreen {
  background: #fefefe;
  border: none !important;
}
.trumbowyg-editor-box,
.trumbowyg-textarea {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 20px;
  width: 100%;
  border-style: none;
  resize: none;
  outline: none;
  overflow: auto;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.trumbowyg-editor-box.trumbowyg-autogrow-on-enter,
.trumbowyg-textarea.trumbowyg-autogrow-on-enter {
  -webkit-transition: height 300ms ease-out;
  -o-transition: height 300ms ease-out;
  transition: height 300ms ease-out;
}
.trumbowyg-editor-box {
  padding: 0;
}
.trumbowyg-editor {
  outline: none;
  padding: 20px;
}
.trumbowyg-box-blur .trumbowyg-editor *,
.trumbowyg-box-blur .trumbowyg-editor::before {
  color: transparent !important;
  text-shadow: 0 0 7px #333;
}
@media screen and (min-width: 0) {
  .trumbowyg-box-blur .trumbowyg-editor *,
  .trumbowyg-box-blur .trumbowyg-editor::before {
    color: rgba(200, 200, 200, 0.6) !important;
  }
}
@supports (-ms-accelerator: true) {
  .trumbowyg-box-blur .trumbowyg-editor *,
  .trumbowyg-box-blur .trumbowyg-editor::before {
    color: rgba(200, 200, 200, 0.6) !important;
  }
}
.trumbowyg-box-blur .trumbowyg-editor img,
.trumbowyg-box-blur .trumbowyg-editor hr {
  opacity: 0.2;
}
.trumbowyg-textarea {
  position: relative;
  display: block;
  overflow: auto;
  border: none;
  font-size: 14px;
  font-family: "Consolas", "Courier", "Courier New", monospace;
  line-height: 18px;
}
.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
  height: 1px !important;
  width: 25%;
  min-height: 0 !important;
  padding: 0 !important;
  background: none;
  opacity: 0 !important;
}
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-bottom: 1px;
}
.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor-box {
  display: none;
}
.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
  opacity: 0.8;
  background: none;
}
.trumbowyg-editor-box[contenteditable=true]:empty:not(:focus)::before {
  content: attr(placeholder);
  color: #999;
  pointer-events: none;
  white-space: break-spaces;
}
.trumbowyg-button-pane {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  min-height: 36px;
  background: #ecf0f1;
  border-bottom: 1px solid #d7e0e2;
  margin: 0;
  padding: 0 5px;
  position: relative;
  list-style-type: none;
  line-height: 10px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  overflow: hidden;
  z-index: 11;
}
.trumbowyg-button-pane::before,
.trumbowyg-button-pane::after {
  content: " ";
  display: block;
  position: absolute;
  top: 35px;
  left: 0;
  right: 0;
  width: 100%;
  height: 1px;
  background: #d7e0e2;
}
.trumbowyg-button-pane::after {
  top: 71px;
}
.trumbowyg-button-pane .trumbowyg-button-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: transparent;
}
.trumbowyg-button-pane .trumbowyg-button-group::after {
  content: " ";
  display: block;
  width: 1px;
  background: #d7e0e2;
  margin: 0 5px;
  height: 35px;
  vertical-align: top;
}
.trumbowyg-button-pane .trumbowyg-button-group:last-child::after {
  content: none;
}
.trumbowyg-button-pane button {
  display: block;
  position: relative;
  width: 35px;
  height: 35px;
  padding: 1px 6px !important;
  margin-bottom: 1px;
  overflow: hidden;
  border: none;
  cursor: pointer;
  background: none;
  vertical-align: middle;
  -webkit-transition: background-color 150ms, opacity 150ms;
  -o-transition: background-color 150ms, opacity 150ms;
  transition: background-color 150ms, opacity 150ms;
}
.trumbowyg-button-pane button.trumbowyg-textual-button {
  width: auto;
  line-height: 35px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
.trumbowyg-button-pane button.trumbowyg-disable,
.trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
  opacity: 0.2;
  cursor: default;
  pointer-events: none;
}
.trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,
.trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
  background: #e3e9eb;
}
.trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
.trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-button-pane button.trumbowyg-active {
  background-color: #fff;
  outline: none;
}
.trumbowyg-button-pane .trumbowyg-open-dropdown::after {
  display: block;
  content: " ";
  position: absolute;
  top: 27px;
  right: 3px;
  height: 0;
  width: 0;
  border: 3px solid transparent;
  border-top-color: #555;
}
.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {
  padding-left: 10px !important;
  padding-right: 18px !important;
}
.trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after {
  top: 17px;
  right: 7px;
}
.trumbowyg-button-pane .trumbowyg-right {
  margin-left: auto;
}
.trumbowyg-dropdown {
  max-width: 300px;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  border: 1px solid #d7e0e2;
  padding: 5px 0;
  border-top: none;
  background: #fff;
  color: #222;
  margin-left: -1px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
  z-index: 12;
}
.trumbowyg-dropdown button {
  display: block;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-decoration: none;
  background: #fff;
  padding: 0 20px 0 10px;
  color: #222;
  border: none;
  cursor: pointer;
  text-align: left;
  font-size: 15px;
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms;
}
.trumbowyg-dropdown button:hover,
.trumbowyg-dropdown button:focus {
  background: #ecf0f1;
}
.trumbowyg-dropdown button svg {
  float: left;
  margin-right: 14px;
}
/* Modal box */
.trumbowyg-modal {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 520px;
  width: 100%;
  height: 350px;
  z-index: 12;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.trumbowyg-modal-box {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  max-width: 500px;
  width: calc(100% - 20px);
  padding-bottom: 45px;
  z-index: 1;
  background-color: #fff;
  text-align: center;
  font-size: 14px;
  font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.trumbowyg-modal-box .trumbowyg-modal-title {
  font-size: 24px;
  font-weight: bold;
  margin: 0 0 20px;
  padding: 15px 0 13px;
  display: block;
  border-bottom: 1px solid #d7e0e2;
}
.trumbowyg-modal-box .trumbowyg-progress {
  width: 100%;
  height: 3px;
  position: absolute;
  top: 58px;
}
.trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
  background: #2BC06A;
  width: 0;
  height: 100%;
  -webkit-transition: width 150ms linear;
  -o-transition: width 150ms linear;
  transition: width 150ms linear;
}
.trumbowyg-modal-box .trumbowyg-input-row {
  position: relative;
  margin: 15px 12px;
  border: 1px solid #dedede;
  overflow: hidden;
}
.trumbowyg-modal-box .trumbowyg-input-infos {
  text-align: left;
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms;
  width: 150px;
  border-right: 1px solid #dedede;
  padding: 0 7px;
  background-color: #fbfcfc;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}
.trumbowyg-modal-box .trumbowyg-input-infos label {
  color: #69878f;
  overflow: hidden;
  height: 27px;
  line-height: 27px;
}
.trumbowyg-modal-box .trumbowyg-input-infos label,
.trumbowyg-modal-box .trumbowyg-input-infos label span {
  display: block;
  height: 27px;
  line-height: 27px;
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms;
}
.trumbowyg-modal-box .trumbowyg-input-infos .trumbowyg-msg-error {
  color: #e74c3c;
}
.trumbowyg-modal-box .trumbowyg-input-html {
  padding: 1px 1px 1px 152px;
}
.trumbowyg-modal-box .trumbowyg-input-html,
.trumbowyg-modal-box .trumbowyg-input-html input,
.trumbowyg-modal-box .trumbowyg-input-html textarea,
.trumbowyg-modal-box .trumbowyg-input-html select {
  font-size: 14px;
}
.trumbowyg-modal-box .trumbowyg-input-html input,
.trumbowyg-modal-box .trumbowyg-input-html textarea,
.trumbowyg-modal-box .trumbowyg-input-html select {
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms;
  height: 27px;
  line-height: 27px;
  border: 0;
  width: 100%;
  padding: 0 7px;
}
.trumbowyg-modal-box .trumbowyg-input-html input:hover,
.trumbowyg-modal-box .trumbowyg-input-html input:focus,
.trumbowyg-modal-box .trumbowyg-input-html textarea:hover,
.trumbowyg-modal-box .trumbowyg-input-html textarea:focus,
.trumbowyg-modal-box .trumbowyg-input-html select:hover,
.trumbowyg-modal-box .trumbowyg-input-html select:focus {
  outline: 1px solid #95a5a6;
}
.trumbowyg-modal-box .trumbowyg-input-html input:focus,
.trumbowyg-modal-box .trumbowyg-input-html textarea:focus,
.trumbowyg-modal-box .trumbowyg-input-html select:focus {
  background: #fbfcfc;
}
.trumbowyg-modal-box .trumbowyg-input-html input[type=checkbox] {
  width: 16px;
  height: 16px;
  padding: 0;
}
.trumbowyg-modal-box .trumbowyg-input-html-with-checkbox {
  text-align: left;
  padding: 3px 1px 1px 3px;
}
.trumbowyg-modal-box .trumbowyg-input-error input,
.trumbowyg-modal-box .trumbowyg-input-error select,
.trumbowyg-modal-box .trumbowyg-input-error textarea {
  outline: 1px solid #e74c3c;
}
.trumbowyg-modal-box .trumbowyg-input-error .trumbowyg-input-infos label span:first-child {
  margin-top: -27px;
}
.trumbowyg-modal-box .error {
  margin-top: 25px;
  display: block;
  color: red;
}
.trumbowyg-modal-box .trumbowyg-modal-button {
  position: absolute;
  bottom: 10px;
  right: 0;
  text-decoration: none;
  color: #fff;
  display: block;
  width: 100px;
  height: 35px;
  line-height: 33px;
  margin: 0 10px;
  background-color: #333;
  border: none;
  cursor: pointer;
  font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
  font-size: 16px;
  -webkit-transition: all 150ms;
  -o-transition: all 150ms;
  transition: all 150ms;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
  right: 110px;
  background: #2bc06a;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
  background: #40d47e;
  outline: none;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
  background: #25a25a;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
  color: #555;
  background: #e6e6e6;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover,
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
  background: #fbfbfb;
  outline: none;
}
.trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
  background: #d5d5d5;
}
.trumbowyg-overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 100%;
  left: 0;
  display: none;
  top: 0;
  z-index: 10;
}
/**
 * Fullscreen
 */
body.trumbowyg-body-fullscreen {
  overflow: hidden;
}
.trumbowyg-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 99999;
}
.trumbowyg-fullscreen.trumbowyg-box,
.trumbowyg-fullscreen .trumbowyg-editor-box {
  border: none;
}
.trumbowyg-fullscreen .trumbowyg-editor-box,
.trumbowyg-fullscreen .trumbowyg-textarea {
  height: auto !important;
  overflow: auto;
}
.trumbowyg-fullscreen .trumbowyg-overlay {
  height: 100% !important;
}
.trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
  color: #222;
  fill: transparent;
}
.trumbowyg-editor {
  /*
	 * For resetCss option
	 */
}
.trumbowyg-editor object,
.trumbowyg-editor embed,
.trumbowyg-editor video,
.trumbowyg-editor img {
  max-width: 100%;
}
.trumbowyg-editor video,
.trumbowyg-editor img {
  height: auto;
}
.trumbowyg-editor img {
  cursor: move;
}
.trumbowyg-editor canvas:focus {
  outline: none;
}
.trumbowyg-editor.trumbowyg-reset-css {
  background: #fefefe !important;
  font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
  font-size: 14px !important;
  line-height: 1.45em !important;
  color: #333 !important;
  font-weight: normal !important;
}
.trumbowyg-editor.trumbowyg-reset-css a {
  color: #15c !important;
  text-decoration: underline !important;
}
.trumbowyg-editor.trumbowyg-reset-css div,
.trumbowyg-editor.trumbowyg-reset-css p,
.trumbowyg-editor.trumbowyg-reset-css ul,
.trumbowyg-editor.trumbowyg-reset-css ol,
.trumbowyg-editor.trumbowyg-reset-css blockquote {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: none !important;
  margin: 0 !important;
  margin-bottom: 15px !important;
  line-height: 1.4em !important;
  font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
  font-size: 14px !important;
  border: none !important;
}
.trumbowyg-editor.trumbowyg-reset-css iframe,
.trumbowyg-editor.trumbowyg-reset-css object,
.trumbowyg-editor.trumbowyg-reset-css hr {
  margin-bottom: 15px !important;
}
.trumbowyg-editor.trumbowyg-reset-css blockquote {
  margin-left: 32px !important;
  font-style: italic !important;
  color: #555 !important;
}
.trumbowyg-editor.trumbowyg-reset-css ul {
  list-style: disc !important;
}
.trumbowyg-editor.trumbowyg-reset-css ol {
  list-style: decimal !important;
}
.trumbowyg-editor.trumbowyg-reset-css ul,
.trumbowyg-editor.trumbowyg-reset-css ol {
  padding-left: 20px !important;
}
.trumbowyg-editor.trumbowyg-reset-css ul ul,
.trumbowyg-editor.trumbowyg-reset-css ol ol,
.trumbowyg-editor.trumbowyg-reset-css ul ol,
.trumbowyg-editor.trumbowyg-reset-css ol ul {
  border: none !important;
  margin: 2px !important;
  padding: 0 !important;
  padding-left: 24px !important;
}
.trumbowyg-editor.trumbowyg-reset-css hr {
  display: block !important;
  height: 1px !important;
  border: none !important;
  border-top: 1px solid #CCC !important;
}
.trumbowyg-editor.trumbowyg-reset-css h1,
.trumbowyg-editor.trumbowyg-reset-css h2,
.trumbowyg-editor.trumbowyg-reset-css h3,
.trumbowyg-editor.trumbowyg-reset-css h4 {
  color: #111 !important;
  background: none !important;
  margin: 0 !important;
  padding: 0 !important;
  font-weight: bold !important;
}
.trumbowyg-editor.trumbowyg-reset-css h1 {
  font-size: 32px !important;
  line-height: 38px !important;
  margin-bottom: 20px !important;
}
.trumbowyg-editor.trumbowyg-reset-css h2 {
  font-size: 26px !important;
  line-height: 34px !important;
  margin-bottom: 15px !important;
}
.trumbowyg-editor.trumbowyg-reset-css h3 {
  font-size: 22px !important;
  line-height: 28px !important;
  margin-bottom: 7px !important;
}
.trumbowyg-editor.trumbowyg-reset-css h4 {
  font-size: 16px !important;
  line-height: 22px !important;
  margin-bottom: 7px !important;
}
/*
 * Dark theme
 */
.trumbowyg-dark .trumbowyg-textarea {
  background: #222;
  color: #fff;
  border-color: #343434;
}
.trumbowyg-dark .trumbowyg-box {
  border: 1px solid #343434;
}
.trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {
  background: #111;
}
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,
.trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
  text-shadow: 0 0 7px #ccc;
}
@media screen and (min-width: 0) {
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
    color: rgba(20, 20, 20, 0.6) !important;
  }
}
@supports (-ms-accelerator: true) {
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *,
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
    color: rgba(20, 20, 20, 0.6) !important;
  }
}
.trumbowyg-dark .trumbowyg-box svg {
  fill: #fff;
  color: #fff;
}
.trumbowyg-dark .trumbowyg-button-pane {
  background-color: #222;
  border-bottom-color: #343434;
}
.trumbowyg-dark .trumbowyg-button-pane::before,
.trumbowyg-dark .trumbowyg-button-pane::after {
  background: #343434;
}
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::after {
  background-color: #343434;
}
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
  color: transparent;
}
.trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::after {
  background-color: #2a2a2a;
}
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
.trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
.trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active {
  background-color: #333;
}
.trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
  border-top-color: #fff;
}
.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
  color: #ecf0f1;
  fill: transparent;
}
.trumbowyg-dark .trumbowyg-dropdown {
  border-color: #343434;
  background: #333;
  -webkit-box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px;
}
.trumbowyg-dark .trumbowyg-dropdown button {
  background: #333;
  color: #fff;
}
.trumbowyg-dark .trumbowyg-dropdown button:hover,
.trumbowyg-dark .trumbowyg-dropdown button:focus {
  background: #222;
}
.trumbowyg-dark .trumbowyg-modal-box {
  background-color: #333;
  color: #fff;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {
  border-bottom: 1px solid #555;
  color: #fff;
  background: #3c3c3c;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-row {
  border-color: #222;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-infos {
  color: #eee;
  background-color: #2f2f2f;
  border-right-color: #222;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-infos span {
  color: #eee;
  background-color: #2f2f2f;
  border-color: #343434;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-infos span.trumbowyg-msg-error {
  color: #e74c3c;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-row.trumbowyg-input-error input,
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-row.trumbowyg-input-error select,
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-input-row.trumbowyg-input-error textarea {
  border-color: #e74c3c;
}
.trumbowyg-dark .trumbowyg-modal-box input,
.trumbowyg-dark .trumbowyg-modal-box select,
.trumbowyg-dark .trumbowyg-modal-box textarea {
  border-color: #343434;
  color: #fff;
  background: #222;
}
.trumbowyg-dark .trumbowyg-modal-box input:hover,
.trumbowyg-dark .trumbowyg-modal-box input:focus,
.trumbowyg-dark .trumbowyg-modal-box select:hover,
.trumbowyg-dark .trumbowyg-modal-box select:focus,
.trumbowyg-dark .trumbowyg-modal-box textarea:hover,
.trumbowyg-dark .trumbowyg-modal-box textarea:focus {
  border-color: #626262;
}
.trumbowyg-dark .trumbowyg-modal-box input:focus,
.trumbowyg-dark .trumbowyg-modal-box select:focus,
.trumbowyg-dark .trumbowyg-modal-box textarea:focus {
  background-color: #2f2f2f;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
  background: #1b7943;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover,
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
  background: #25a25a;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
  background: #176437;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
  background: #333;
  color: #ccc;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover,
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
  background: #444;
}
.trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
  background: #111;
}
.trumbowyg-dark .trumbowyg-overlay {
  background-color: rgba(15, 15, 15, 0.6);
}
ol,
ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}
.not-animated {
  transition: none !important;
  -moz-animation-delay: 0s !important;
  -webkit-animation-delay: 0s !important;
  -o-animation-delay: 0s !important;
  -ms-animation-delay: 0s !important;
  animation-delay: 0s !important;
  -webkit-animation-duration: 0s !important;
  animation-duration: 0s !important;
}
.not-animated .animated {
  transition: none !important;
  -moz-animation-delay: 0s !important;
  -webkit-animation-delay: 0s !important;
  -o-animation-delay: 0s !important;
  -ms-animation-delay: 0s !important;
  animation-delay: 0s !important;
  -webkit-animation-duration: 0s !important;
  animation-duration: 0s !important;
}
.animated.fast {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.slow {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}
html.is-automation .animated {
  animation-duration: 0.01s;
  animation-delay: 0s !important;
}
.chrome {
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
}
.outer-bevel {
  box-shadow: -1px -1px 3px 0 rgba(162, 162, 162, 0.45);
}
.drop-shadowed {
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.outer-background-gradient {
  background: #e9dffe;
  background: linear-gradient(180deg, #e9dffe 0%, #d8c7fd 100%);
  background-attachment: fixed;
  height: 100%;
  min-height: 100%;
}
@media screen and (min-width: 1500px) {
  .main-container {
    box-shadow: -5px 10px 43px 0 #c0a4fb;
  }
}
.spa-loader-v-2.skeleton-loader {
  box-shadow: none;
}
.spa-loader-v-2.skeleton-loader,
.main-container {
  border-bottom: none;
  position: relative;
  background: #eeeeee;
  background: linear-gradient(270deg, #eeeeee 0%, #f4f4f4 100%);
  max-width: 1800px;
  margin: 0 auto;
}
@media screen and (min-width: 1500px) {
  .spa-loader-v-2.skeleton-loader,
  .main-container {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 20px;
    background-clip: padding-box;
    border: 2px solid #ffffff;
    outline: 10px solid rgba(255, 255, 255, 0.4);
  }
}
@media screen and (max-width: 768px) {
  .spa-loader-v-2.skeleton-loader,
  .main-container {
    padding-top: 0;
  }
}
.spa-loader-v-2.skeleton-loader #application-container,
.main-container #application-container {
  box-shadow: inset 0 0 25px 0 rgba(255, 255, 255, 0.75);
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 20px;
  background-clip: padding-box;
  flex-grow: 1;
  display: flex;
}
.spa-loader-v-2.skeleton-loader #application-container #dkApp,
.main-container #application-container #dkApp {
  flex-grow: 1;
  display: flex;
}
@media screen and (max-width: 1500px) {
  .spa-loader-v-2.skeleton-loader #application-container,
  .main-container #application-container {
    border-radius: 0px;
    background-clip: padding-box;
    box-shadow: none;
  }
}
.main-container footer.main-footer {
  background: linear-gradient(90deg, #eeeeee 0%, #ffffff 90%);
  padding-top: 30px;
  padding-left: 30px;
}
.skeleton-loader,
.wrapper-container {
  display: grid;
  grid-template-columns: 260px 1fr;
  grid-auto-rows: minmax(0px, auto) minmax(0px, auto) 1fr minmax(0px, auto);
  grid-column-gap: 0;
  grid-row-gap: 0;
  grid-template-areas: "nav tim" "nav glo" "nav spa";
}
@media screen and (max-width: 0px) {
  .skeleton-loader,
  .wrapper-container {
    grid-template-columns: 200px 1fr;
  }
}
@media screen and (max-width: 768px) {
  .skeleton-loader,
  .wrapper-container {
    grid-template-columns: 1fr;
    grid-template-areas: "tim" "nav" "glo" "spa" "las";
    grid-auto-rows: minmax(0px, auto) minmax(0px, auto) minmax(0px, auto) 1fr minmax(0px, auto);
  }
}
.skeleton-loader .session-timeout-warning,
.wrapper-container .session-timeout-warning {
  border-radius: 0;
  background-clip: padding-box;
  grid-area: tim;
}
.skeleton-loader .global-wizard-form,
.wrapper-container .global-wizard-form {
  grid-area: glo;
}
.skeleton-loader .navigation-container,
.wrapper-container .navigation-container {
  grid-area: nav;
}
.skeleton-loader .spa-container,
.wrapper-container .spa-container {
  grid-area: spa;
}
.last-login {
  font-size: 12px;
  margin: 0;
  white-space: normal;
  opacity: 0.6;
}
html.is-chromeless .skeleton-loader,
html.is-chromeless .wrapper-container {
  grid-template-columns: 1fr;
  grid-template-areas: "tim" "glo" "spa" "spa";
}
.spa-container {
  margin: 0;
  padding-left: var(--spacing);
  padding-top: 0;
  padding-bottom: var(--spacing);
  padding-right: var(--spacing);
  box-sizing: border-box;
}
@media screen and (max-width: 768px) {
  .spa-container {
    overflow-x: hidden;
  }
}
.modal-dialog.wizard-form-container.is-take-over {
  padding-top: 0;
}
.modal-dialog .wizard-form .wizard-header {
  margin: 0;
  padding: 0;
  margin-bottom: 20px;
}
.modal-dialog.wizard-form-container.is-docked.bg-background {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
}
#error-dialog {
  border-radius: 8px;
  background-clip: padding-box;
}
.modal-dialog.is-docked .wizard-form .wizard-header {
  top: auto;
  margin-bottom: var(--spacing);
}
.modal-dialog.hasMaxHeight {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  border-radius: 8px;
  background-clip: padding-box;
}
.modal-dialog.hasMaxHeight .wizard-form {
  /*4px is the border highlight in neo*/
  width: calc(100% - 8px);
  margin: 0 auto;
}
.modal-dialog.hasMaxHeight .wizard-form .wizard-header,
.modal-dialog.hasMaxHeight .wizard-form .wizard-header .screen-name-container {
  margin-bottom: 0;
}
.modal-dialog .wizard-form-container .data-grid-v2 .loading-container {
  background-color: #eeeeee;
}
.global-wizard-form {
  border-top-right-radius: 20px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
  margin: 0;
  overflow: hidden;
}
@media screen and (max-width: 1500px) {
  .global-wizard-form {
    border-radius: 0px;
    background-clip: padding-box;
  }
}
.security-container {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
}
body.security-layout {
  background: transparent;
  padding: 0;
}
body.security-layout .main-container {
  box-shadow: none;
  background: transparent;
}
body.security-layout footer.main-footer {
  display: none;
}
html.is-public-screen #spaContainer,
body.is-security-screen #spaContainer {
  background-color: #e9dffe !important;
  background: linear-gradient(135deg, #e9dffe 0%, #d8c7fd 90%) !important;
}
.wizard-form.security-screen .form .security-right-column {
  background-color: #e9dffe;
  background: linear-gradient(135deg, #e9dffe 0%, #d8c7fd 90%) !important;
}
html.is-automation .skeleton-loader .fake-header,
html.is-automation .navigation-container,
html.is-automation .outer-background-gradient,
html.is-automation .spa-loader-v-2.skeleton-loader .fake-header,
html.is-automation .navigation-container,
html.is-automation .docs-spa .side-bar {
  background-attachment: unset;
}
@media screen {
  html.is-chromeless {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(162, 162, 162, 0.3);
    background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
    border: none;
  }
}
html.is-chromeless .skeleton-loader {
  border-radius: 0;
  background-clip: padding-box;
  box-shadow: none;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  border: none;
}
html.is-chromeless .skeleton-loader .default-loading,
html.is-chromeless .skeleton-loader .fake-portal,
html.is-chromeless .skeleton-loader .fake-wizard {
  padding: 0;
  background: none;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
@media screen {
  html.is-chromeless body,
  html.is-chromeless #spaContainer,
  html.is-chromeless .wrapper-container {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(162, 162, 162, 0.3);
    background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
    border: none;
  }
}
@media screen {
  html.is-chromeless body {
    padding: 0;
  }
  html.is-chromeless body .main-container {
    box-shadow: none;
    border-radius: 0;
    background-clip: padding-box;
    min-height: 0;
    background-color: #e9dffe;
  }
  html.is-chromeless body .main-container #application-container {
    border-radius: 0;
    background-clip: padding-box;
  }
  html.is-chromeless body .main-container #application-container #dkApp {
    min-height: 0;
  }
  html.is-chromeless body .main-container #application-container #dkApp .wrapper-container {
    padding: 0;
    min-height: 0;
  }
  html.is-chromeless body .main-container #application-container #dkApp .wrapper-container .spa-container {
    padding: 10px;
  }
}
html.is-chromeless .wizard-screen .wizard-header,
html.is-chromeless .wizard-form .wizard-header {
  background-color: transparent;
}
:root {
  --spacing: 24px;
}
@media screen and (max-width: 960px), (max-height: 500px) {
  :root {
    --spacing: 18px;
  }
}
@media screen and (max-width: 480px), (max-height: 300px) {
  :root {
    --spacing: 10px;
  }
}
@font-face {
  font-family: "BodyFont";
  src: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.regular-webfont.eot");
  src: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.regular-webfont.eot?#iefix") format('embedded-opentype'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.regular-webfont.svg?#icomoon") format('svg'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.regular-webfont.woff") format('woff'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.regular-webfont.woff2") format('woff2'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.regular-webfont.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BodyFont";
  src: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.regular-webfont.woff") format('woff'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.regular-webfont.woff2") format('woff2'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.regular-webfont.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "BodyFont";
  src: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.semibold-webfont.eot");
  src: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.semibold-webfont.eot?#iefix") format('embedded-opentype'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.semibold-webfont.svg?#icomoon") format('svg'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.semibold-webfont.woff") format('woff'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.semibold-webfont.woff2") format('woff2'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.semibold-webfont.ttf") format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "BodyFont";
  src: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.semibold-webfont.woff") format('woff'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.semibold-webfont.woff2") format('woff2'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.semibold-webfont.ttf") format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "HeaderFont";
  src: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.light-webfont.eot");
  src: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.light-webfont.eot?#iefix") format('embedded-opentype'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.light-webfont.svg?#icomoon") format('svg'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.light-webfont.woff") format('woff'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.light-webfont.woff2") format('woff2'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.light-webfont.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "HeaderFont";
  src: url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.light-webfont.woff") format('woff'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.light-webfont.woff2") format('woff2'), url("https://icxcdn.dthomas.co.uk/icx-cdn/Styles/brands/neo/assets/fonts/open-sans/open-sans.light-webfont.ttf") format('truetype');
  font-weight: normal;
  font-style: normal;
}
hr {
  height: 0px;
  background-color: #cccccc;
  border-color: #cccccc;
  border-width: 1px;
}
h4,
.h4,
h5,
.h5,
strong {
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: normal;
}
strong {
  font-weight: bold;
  color: #000000;
}
.body-font,
p {
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: normal;
  margin-bottom: var(--spacing);
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-bottom: var(--spacing);
}
.widget-container-list-css-grid .widget .widget-header h1,
.widget-container-list-css-grid .expanded-widget .widget-header h1 {
  margin-bottom: 10px;
}
html.is-Safari .nav-bar-v3.nav-menu ul.main-menu li a.button:not(.mobile-menu-button),
html.is-Safari h1,
html.is-Safari h2,
html.is-Safari h3,
html.is-Safari h4,
html.is-Safari h5,
html.is-Safari h6,
html.is-Safari .h1,
html.is-Safari .h2,
html.is-Safari .h3,
html.is-Safari .h4,
html.is-Safari .h5,
html.is-Safari .h6 {
  font-weight: 400;
}
.hint:after,
[data-hint]:after {
  font-size: 12px;
}
.icon-question {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-question:before {
  content: "\f05a";
}
.render-children-inline .icon-question {
  margin-left: 18px;
}
a .icon-question,
a .fa {
  color: #524f55;
  text-decoration: none;
}
a .icon-question:hover,
a .fa:hover {
  color: #6b2bf6;
  text-decoration: none;
}
html {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  border: none;
  height: 100%;
  background-attachment: fixed;
}
@media screen and (min-width: 1500px) {
  html {
    background: #e9dffe;
    background: linear-gradient(180deg, #e9dffe 0%, #d8c7fd 100%);
    background-attachment: fixed;
    height: 100%;
    min-height: 100%;
  }
}
body {
  box-sizing: border-box;
  padding: 5%;
  padding-top: 2.5%;
  padding-bottom: 0;
}
@media screen and (max-width: 1500px) {
  body {
    padding: 0;
  }
}
@media screen and (min-width: 1500px) {
  html:not(.is-chromeless) body.resources-loaded {
    background: #e9dffe;
    background: linear-gradient(180deg, #e9dffe 0%, #d8c7fd 100%);
    background-attachment: fixed;
    height: 100%;
    min-height: 100%;
  }
}
.bg-background-inner,
.bg-background {
  background-color: #eeeeee;
}
.bg-background-outer {
  background-color: #eeeeee;
}
.neo-accent-color {
  color: #6b2bf6;
}
.initials-circle {
  color: white;
}
.bg-initial1 {
  background-color: #4f0ae4;
}
.bg-initial2 {
  background-color: #0a27e4;
}
.bg-initial3 {
  background-color: #e40ab5;
}
.bg-initial4 {
  background-color: #0a8ae4;
}
.bg-initial5 {
  background-color: #e40a53;
}
.bg-initial6 {
  background-color: #0ae4dd;
}
.bg-initial7 {
  background-color: #e4230a;
}
.bg-initial8 {
  background-color: #0ae47a;
}
.bg-initial9 {
  background-color: #e4850a;
}
.bg-initial10 {
  background-color: #0ae418;
}
.bg-initial11 {
  background-color: #b122ff;
}
.bg-initial12 {
  background-color: #4e22ff;
}
.bg-initial13 {
  background-color: #ff2286;
}
.bg-initial14 {
  background-color: #225aff;
}
.bg-initial15 {
  background-color: #ff2222;
}
.bg-initial16 {
  background-color: #22bdff;
}
.bg-initial17 {
  background-color: #ff8522;
}
.bg-initial18 {
  background-color: #22ffde;
}
.bg-initial19 {
  background-color: #ffe922;
}
.bg-initial20 {
  background-color: #22ff7a;
}
.widget-container-list-css-grid {
  min-height: 0;
}
.app-container,
.grid-stack-item-content {
  background-color: transparent;
}
.app-container .data-component.chart-js-data-component .loading-container,
.grid-stack-item-content .data-component.chart-js-data-component .loading-container {
  min-height: 60px;
}
.app-container:not(.chrome-less) {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
}
.widget .toggle-button {
  margin-top: 20px !important;
}
.widget-error-state textarea {
  background-color: #ffffff;
}
.widget-loading {
  border: none !important;
}
.app-container .widget,
.grid-stack-item-content .widget,
.app-container .expanded-widget,
.grid-stack-item-content .expanded-widget {
  padding: var(--spacing);
}
.app-container.chrome-less,
.grid-stack-item-content.chrome-less {
  border-radius: 0;
  overflow: visible;
}
.app-container.chrome-less > .app > .widget-container-item-1-1-0 > .widget,
.grid-stack-item-content.chrome-less > .app > .widget-container-item-1-1-0 > .widget {
  padding: 0;
}
.fill-widget {
  top: var(--spacing);
  bottom: var(--spacing);
  left: var(--spacing);
  right: var(--spacing);
}
.fill-widget .data-component-container,
.fill-widget .button {
  margin-bottom: 0;
}
.hasMobileRetracted .retracted-state h1 .widget-name-label,
.widget .widget-header h1,
.expanded-widget .widget-header h1 {
  font-size: 18px;
  line-height: 18px;
  font-weight: bold;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
}
@media screen and (max-width: 480px) {
  .hasMobileRetracted .retracted-state {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(162, 162, 162, 0.3);
    background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
    border-radius: 10px;
    background-clip: padding-box;
    border: none;
  }
  .hasMobileRetracted .retracted-state h1 {
    color: #6c686f;
  }
  .hasMobileRetracted .retracted-state:focus,
  .hasMobileRetracted .retracted-state:hover {
    color: #524f55;
    background-color: #e3e3e3;
    outline: none;
  }
  .hasMobileRetracted .retracted-state:focus h1,
  .hasMobileRetracted .retracted-state:hover h1 {
    color: #6b2bf6;
  }
  .hasMobileRetracted .retracted-state:focus h1 .widget-name-label:before,
  .hasMobileRetracted .retracted-state:hover h1 .widget-name-label:before {
    color: #6b2bf6;
  }
  .hasMobileRetracted .widget-header h1 {
    padding-left: 0px;
    padding-top: 7px;
  }
  .hasMobileRetracted .widget-header h1:before {
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font: normal normal normal 14px FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 1.28571429em;
    width: 1.28571429em;
    text-align: center;
    color: #524f55;
    content: "\f077";
    margin-right: 5px;
  }
  .hasMobileRetracted .mobile-retract-button {
    left: 0;
    height: 35px;
  }
  .hasMobileRetracted .mobile-retract-button .hint--left {
    background-color: rgba(255, 0, 0, 0);
    display: block;
  }
  .hasMobileRetracted .mobile-retract-button .hint--left .icon-minus {
    visibility: hidden;
  }
  .hasMobileRetracted .mobile-retract-button .hint--left:hover:before,
  .hasMobileRetracted .mobile-retract-button .hint--left:hover:after {
    display: none;
  }
}
.stats-app-1-1-0.chart .data-component,
.stats-app-1-1-0.chart .input-container,
.stats-app-1-1-0.chart .chart-container,
.stats-app-1-1-0.chart .chart-cache-image {
  box-sizing: border-box;
  padding: 10px;
}
.stats-app a.button.large {
  left: 20px;
  right: 20px;
}
.app-container[data-height="3"] .widget .widget-contents {
  min-height: 0;
}
.expanded-widget .stats-app.many .widget-contents,
.widget .stats-app.many .widget-contents,
.expanded-widget .stats-app.three .widget-contents,
.widget .stats-app.three .widget-contents {
  position: relative;
  top: 0;
  left: auto;
  padding-top: 0;
  padding-bottom: 10px;
  min-height: 0;
}
.app-container[data-height="3"] .widget[data-shortcode="MediaLibrary"] {
  min-height: 200px;
}
.media-library-widget {
  height: auto;
}
.widget-container-item-1-1-0[data-shortcode="WIZARD_FORM"] {
  overflow: hidden;
}
html.is-loading .dashboard-app .app-list {
  overflow: hidden;
}
.dashboard-app .app-list {
  display: flex;
  flex-wrap: nowrap;
  gap: var(--spacing);
}
.dashboard-app .app-list.has-overflow {
  overflow: auto;
  padding-bottom: var(--spacing);
  scroll-snap-type: both mandatory;
  padding-left: 10px;
  margin-left: -10px;
  padding-right: 10px;
  margin-right: -10px;
}
.dashboard-app .app-list::-webkit-scrollbar {
  width: 5px;
  height: 5px;
}
.dashboard-app .app-list::-webkit-scrollbar-track {
  background: rgba(82, 79, 85, 0.2);
}
.dashboard-app .app-list::-webkit-scrollbar-thumb {
  -webkit-border-radius: 0;
  border-radius: 0;
  background: #6b2bf6;
}
.dashboard-app .app-list::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(82, 79, 85, 0.4);
}
.dashboard-app .app-list .app-container[data-width="1"] {
  min-width: 80px;
}
.dashboard-app .app-list .app-container[data-width="2"] {
  min-width: 160px;
}
.dashboard-app .app-list .app-container[data-width="3"] {
  min-width: 240px;
}
.dashboard-app .app-list .app-container[data-width="4"] {
  min-width: 320px;
}
.dashboard-app .app-list .app-container[data-width="5"] {
  min-width: 400px;
}
.dashboard-app .app-list .app-container[data-width="6"] {
  min-width: 480px;
}
.dashboard-app .app-list .app-container[data-width="7"] {
  min-width: 560px;
}
.dashboard-app .app-list .app-container[data-width="8"] {
  min-width: 640px;
}
.dashboard-app .app-list .app-container[data-width="9"] {
  min-width: 720px;
}
.dashboard-app .app-list .app-container[data-width="10"] {
  min-width: 800px;
}
.dashboard-app .app-list .app-container[data-width="11"] {
  min-width: 880px;
}
.dashboard-app .app-list .app-container[data-width="12"] {
  min-width: 960px;
}
.dashboard-title {
  margin: 0;
  margin-top: var(--spacing);
  margin-bottom: var(--spacing);
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.dashboard-title h1 {
  margin-bottom: 0;
}
@media screen and (min-width: 960px) {
  .dashboard-title h1 {
    font-size: 40px;
    font-weight: bold;
    line-height: 40px;
  }
}
.dashboard-title.has-title {
  padding-bottom: var(--spacing);
  border-bottom: 1px solid #cccccc;
}
.dashboard-title .controls-container {
  text-align: right;
  font-size: 80%;
}
.dashboard-title .edit-link {
  text-transform: lowercase;
}
.dashboard-title .edit-link:before {
  content: '(';
}
.dashboard-title .edit-link:after {
  content: ')';
}
.widget-container-list-css-grid {
  grid-gap: var(--spacing);
}
.information-panel,
.information-panel-1-1-0 {
  padding: 0;
  padding-bottom: 30px;
}
.information-panel .alert,
.information-panel-1-1-0 .alert {
  margin: 0;
}
.information-panel .button.round,
.information-panel-1-1-0 .button.round {
  border-radius: 35px;
  background-clip: padding-box;
  min-height: 35px;
  height: 35px;
  min-width: 35px;
  width: 35px;
  line-height: 33px !important;
}
html.mode-settings .widget-header .tooltip-container {
  visibility: hidden;
}
.wizard-form-container .single-panel > .form,
.enter-wizard-state .single-panel > .form {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
}
.form {
  margin: 0;
}
.wizard-screen > .wizard-header .screen-name-container,
.wizard-form > .wizard-header .screen-name-container {
  grid-gap: 10px;
  margin-top: 0;
  margin-bottom: var(--spacing);
}
#wizardState:not(.is-showing-breadcrumbs) {
  margin-top: var(--spacing);
}
.data-component-container {
  margin-bottom: var(--spacing);
}
.data-component-container[data-display-type-shortcode="EXPRESSION"],
.data-component-container[data-display-type-shortcode="HIDDEN"] {
  margin-bottom: 0;
}
.group-children .group-child:last-child:not(:first-child) > div.knockout-data-component > .data-component-container,
.group-children .group-child:last-child:not(:first-child) > .data-component-container {
  margin-bottom: 0;
}
.form > div:last-child > .data-component-container {
  margin-bottom: 0;
}
.form-input {
  box-shadow: -1px -1px 3px 0 rgba(162, 162, 162, 0.45);
  transition: all 0.25s ease-in-out;
  border-radius: 8px;
  background-clip: padding-box;
  border: none;
  margin-bottom: 0;
}
.form-input:disabled,
.form-input.disabled,
.form-input.is-disabled {
  box-shadow: none;
  border: none;
}
select:not(.disabled):focus,
select:not(.disabled):hover {
  background-color: #ffffff;
}
select.disabled {
  opacity: 1;
}
select option {
  background-color: white;
  color: black;
}
.wizard-form-failed-to-load-alert {
  border-radius: 8px;
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
}
.wizard-form-failed-to-load-alert .wizard-form-error-details {
  box-shadow: -1px -1px 3px 0 rgba(162, 162, 162, 0.45);
  border-radius: 8px;
  background-clip: padding-box;
  background-color: #ffffff !important;
  font-weight: normal;
}
.validation-message {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 80%;
}
.search-data-component .wizard-form-failed-to-load-alert,
.data-grid-component-container .wizard-form-failed-to-load-alert,
.app-container .wizard-form-failed-to-load-alert,
.wizardForm-app .wizard-form-failed-to-load-alert,
.widget .wizard-form-failed-to-load-alert {
  box-shadow: none;
  background: none;
  background-color: transparent !important;
  border: none;
  border-radius: 0;
}
.form .wizard-form-failed-to-load-alert[data-type='data-component'] {
  box-shadow: none;
  background: none;
  background-color: transparent !important;
  border: none;
  border-radius: 0;
}
.data-component label:not(.button):not(.checkbox-label),
.data-component .field-label {
  width: 150px;
  text-align: left;
  min-height: auto;
}
@media screen and (min-width: 800px) {
  .data-component-container .align-with-fields .data-component:not(.as-mobile) {
    padding-left: 190px;
  }
}
.data-component[data-isreadonly=true] .field-label {
  font-weight: bold;
}
.data-component .input-container .readonly-value {
  margin: 0;
  padding: 0;
  font-size: 15px;
}
.data-component.radio .allowed-values.button-bar li label.selected,
.data-component.checkbox .allowed-values.button-bar li label.selected {
  color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
}
.data-component.radio .allowed-values.button-bar li label.selected:hover,
.data-component.checkbox .allowed-values.button-bar li label.selected:hover,
.data-component.radio .allowed-values.button-bar li label.selected:focus,
.data-component.checkbox .allowed-values.button-bar li label.selected:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.data-component.radio .allowed-values.button-bar li label.selected.disabled,
.data-component.checkbox .allowed-values.button-bar li label.selected.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.data-component.radio .allowed-values.button-bar li label.selected.is-loading > .loading-icon:before,
.data-component.checkbox .allowed-values.button-bar li label.selected.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.data-component.radio .allowed-values.button-bar li label.selected:focus-visible:not([tabIndex="-1"]),
.data-component.checkbox .allowed-values.button-bar li label.selected:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component.radio .allowed-values.button-bar li label.selected:focus-visible[tabIndex="-1"],
.data-component.checkbox .allowed-values.button-bar li label.selected:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component.radio .allowed-values.button-bar li label.selected.action-button,
.data-component.checkbox .allowed-values.button-bar li label.selected.action-button,
.data-component.radio .allowed-values.button-bar li label.selected.next-button,
.data-component.checkbox .allowed-values.button-bar li label.selected.next-button,
.data-component.radio .allowed-values.button-bar li label.selected.back-button,
.data-component.checkbox .allowed-values.button-bar li label.selected.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.data-component.radio .allowed-values.button-bar li label.selected:hover,
.data-component.checkbox .allowed-values.button-bar li label.selected:hover,
.data-component.radio .allowed-values.button-bar li label.selected:focus,
.data-component.checkbox .allowed-values.button-bar li label.selected:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.data-component.radio .allowed-values.button-bar li label.button:not(.selected):hover,
.data-component.checkbox .allowed-values.button-bar li label.button:not(.selected):hover {
  color: #524f55;
}
.button-bar {
  box-shadow: 0 2px 4px 0 rgba(162, 162, 162, 0.25);
}
.button-bar .selected {
  color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
}
.button-bar .selected:hover,
.button-bar .selected:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.button-bar .selected.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.button-bar .selected.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.button-bar .selected:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.button-bar .selected:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.button-bar .selected.action-button,
.button-bar .selected.next-button,
.button-bar .selected.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.button-bar .selected:hover,
.button-bar .selected:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.data-component.radio fieldset {
  margin-bottom: 0;
}
.data-component.radio label[data-label~="(0)"] {
  color: #a5a5a5 !important;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) {
  margin-top: 0;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values {
  margin-top: 0 !important;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li {
  margin-bottom: 10px;
  padding-right: 10px;
  display: inline-block;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button {
  border-radius: 4px;
  background-clip: padding-box;
  margin-top: 0;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 10px;
  content: "\f10c";
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected {
  color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected:hover,
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected.action-button,
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected.next-button,
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected:hover,
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li .container-button.selected:before {
  content: "\f05d";
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li label:focus-visible:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li label:focus-visible:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li label.disabledRadio {
  pointer-events: none;
  cursor: default;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values li label.disabledRadio:not(.selected) {
  opacity: 0.5;
  filter: grayscale(1);
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values.do-not-render-as-buttons {
  padding-top: 8px;
}
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values.do-not-render-as-buttons .hint--top:hover:after,
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values.do-not-render-as-buttons .hint--top:hover:before,
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values.do-not-render-as-buttons .hint--top:focus:after,
.data-component.radio .input-container:not(.button-bar-container):not(.big-buttons-container) .allowed-values.do-not-render-as-buttons .hint--top:focus:before {
  transform: translate(-8px, -8px);
}
.spa-loader-v-2.skeleton-loader .fake-group,
.summary-group-card,
.group-card:not(.inline-nav-buttons) {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  padding: var(--spacing);
  margin-bottom: var(--spacing);
}
.group-header {
  margin-bottom: 10px;
}
.group-header.is-accordion .icons-arrow-down,
.group-header.is-accordion .icons-arrow-up {
  font-size: 15px;
  position: relative;
  top: -3px;
  margin-right: 5px;
}
.group-header.is-accordion.group-expanded {
  margin-bottom: 20px;
}
.group-header.is-accordion a {
  color: #524f55;
  text-decoration: none;
}
.group-header.is-accordion a:hover {
  color: #6b2bf6;
  text-decoration: none;
}
.group-header.is-accordion h1:hover .icons-arrow-down:before,
.group-header.is-accordion h2:hover .icons-arrow-down:before,
.group-header.is-accordion h3:hover .icons-arrow-down:before,
.group-header.is-accordion h4:hover .icons-arrow-down:before,
.group-header.is-accordion h1:hover .icons-arrow-up:before,
.group-header.is-accordion h2:hover .icons-arrow-up:before,
.group-header.is-accordion h3:hover .icons-arrow-up:before,
.group-header.is-accordion h4:hover .icons-arrow-up:before,
.group-header.is-accordion h1:hover a,
.group-header.is-accordion h2:hover a,
.group-header.is-accordion h3:hover a,
.group-header.is-accordion h4:hover a {
  color: #6b2bf6;
}
.group-header .additional-html-header {
  font-size: initial;
}
.summary-group-card .group-card {
  box-shadow: none;
  border-radius: 0;
  background-clip: padding-box;
  border: none;
  background: transparent;
}
@media print {
  .summary-group-card,
  .group-card:not(.inline-nav-buttons) {
    box-shadow: none;
    border-radius: 0;
    background-clip: padding-box;
    border: none;
    background: none;
  }
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-item-container .repeater-item.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled) {
  position: relative;
  line-height: 40px;
  font-size: 14px;
  background-color: #fbfbfb;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-item-container .repeater-item.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):hover {
  color: #524f55;
  background-color: #e3e3e3;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-item-container.repeaterRowDelete .repeater-item.button:hover,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-item-container.repeaterRowDelete .repeater-item.button:focus {
  box-shadow: 0px 3px 6px 0 rgba(162, 162, 162, 0.25) !important;
  background: linear-gradient(161deg, #f4f4f4 50%, #e8e8e8 100%) !important;
}
.repeater-holder {
  margin-top: 23px;
}
.repeater-item-container .wizard-form,
.compound-group-card:not(.inline-nav-buttons) {
  border-radius: 8px;
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  padding: var(--spacing);
  margin-bottom: var(--spacing);
  margin-top: 0;
  width: 100%;
}
.group-header {
  margin-bottom: var(--spacing);
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-item.button .repeater-label .repeater-row-actions .dropdown-button.three-dots {
  display: flex;
  gap: 5px;
  align-items: center;
  margin-left: 10px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-item.button .repeater-label .repeater-row-actions ul.sub-menu {
  border-radius: 8px;
  background-clip: padding-box;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-item.button .repeater-label .repeater-row-actions ul.sub-menu li:first-child {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 8px;
  background-clip: padding-box;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-item.button .repeater-label .repeater-row-actions ul.sub-menu li:last-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-top-left-radius: 0;
  background-clip: padding-box;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater-item.button .repeater-label .repeater-row-actions ul.sub-menu:before {
  top: -10px;
  right: 7px;
  background-color: transparent;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #cccccc transparent;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button {
  transition: all 0.25s ease-in-out;
  background-color: #ffffff;
  color: #524f55;
  border: 1px solid white;
  text-align: left;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 40px;
  font-size: 14px;
  font-weight: bold;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button:hover,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .add-new-button:focus {
  color: #524f55;
  background-color: #e3e3e3;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater {
  margin-top: 0;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder {
  margin-top: 0;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container.is-open br,
.data-component-container[data-display-type-shortcode=COMPOUND] .repeater .repeater-holder .repeater-item-container.is-open > .repeater-item {
  display: none;
}
.inline-nav-buttons.is-compound .button:not(.menu):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled) {
  min-width: 80px;
  padding: 6px;
}
.data-component-container[data-display-type-shortcode=COMPOUND] .field-value {
  font-weight: normal;
  margin-bottom: 10px;
}
.columns-4 > .group-children,
.columns-3 > .group-children,
.columns-2 > .group-children,
.columns-1 > .group-children {
  grid-gap: var(--spacing);
}
@media screen and (max-width: 768px) {
  .columns-4 > .group-children,
  .columns-3 > .group-children,
  .columns-2 > .group-children,
  .columns-1 > .group-children {
    grid-gap: var(--spacing);
  }
}
@media screen and (max-width: 480px) {
  .columns-4 > .group-children,
  .columns-3 > .group-children,
  .columns-2 > .group-children,
  .columns-1 > .group-children {
    grid-gap: var(--spacing);
  }
}
.columns-4 > .group-children .data-component-container,
.columns-3 > .group-children .data-component-container,
.columns-2 > .group-children .data-component-container,
.columns-1 > .group-children .data-component-container {
  margin-bottom: 10px;
}
.group-container.render-children-inline > .group-children > .group-child {
  margin-right: var(--spacing);
  margin-bottom: 0;
}
.breadcrumb {
  padding-bottom: 0;
  padding-top: 0;
}
.breadcrumb .breadcrumb-step .breadcrumb-marker {
  box-shadow: -1px -1px 3px 0 rgba(162, 162, 162, 0.45);
  border: none;
  background-color: white;
}
.breadcrumb .breadcrumb-step .breadcrumb-label {
  font-size: 14px;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
}
.breadcrumb .breadcrumb-step a.breadcrumb-label {
  color: #524f55;
}
.breadcrumb .breadcrumb-step a.breadcrumb-label:hover {
  color: #524f55;
  text-decoration: underline;
}
.breadcrumb .breadcrumb-step.current .dot {
  background-color: #ffffff;
  border: 5px solid #6b2bf6;
}
.breadcrumb .breadcrumb-step.current a.breadcrumb-label {
  pointer-events: none;
}
.breadcrumb .breadcrumb-step.current a.breadcrumb-label:hover {
  text-decoration: none;
}
.breadcrumb .breadcrumb-step.current.done:before {
  background: none;
  background-color: #6b2bf6 !important;
}
.breadcrumb .breadcrumb-step.done .icon-checkmark {
  display: none;
}
.breadcrumb .breadcrumb-step .breadcrumb-marker,
.breadcrumb .breadcrumb-step:not(.current) .breadcrumb-marker .dot {
  background-color: #d7d6d7;
}
.modal-dialog.is-take-over .wizard-breadcrumb-trail {
  margin-top: var(--spacing);
}
.information-panel-1-1-0 .wizard-breadcrumb-trail,
.information-panel .wizard-breadcrumb-trail,
.wizard-form-container .wizard-breadcrumb-trail,
.wizard-builder-spa .wizard-breadcrumb-trail {
  margin-top: 0;
}
.information-panel-1-1-0 .wizard-breadcrumb-trail li,
.information-panel .wizard-breadcrumb-trail li,
.wizard-form-container .wizard-breadcrumb-trail li,
.wizard-builder-spa .wizard-breadcrumb-trail li {
  margin-right: 10px;
  margin-bottom: 10px;
}
.information-panel-1-1-0 .wizard-breadcrumb-trail li:after,
.information-panel .wizard-breadcrumb-trail li:after,
.wizard-form-container .wizard-breadcrumb-trail li:after,
.wizard-builder-spa .wizard-breadcrumb-trail li:after {
  content: ' > ';
  padding-left: 10px;
}
.navigation-buttons {
  margin-top: 20px;
}
@media screen and (min-width: 480px) {
  .navigation-buttons .button {
    min-width: 100px;
  }
}
.modal-dialog.is-docked .wizard-form .footer,
.wizard-builder-spa.enter-state .enter-wizard-state .footer.real,
.real-wizard-footer {
  box-shadow: none;
  position: relative;
  bottom: auto;
  background-color: transparent !important;
}
.map-component {
  padding: 10px;
}
.map-component .chart-title {
  margin-right: 110px;
  text-align: left;
}
.textblock {
  overflow: visible;
}
.data-component-container .input-container.search-textbox .textbox-search-btn,
.data-component-container .input-container.search-textbox button {
  border-radius: 8px;
  background-clip: padding-box;
}
.data-component-container[data-display-type-shortcode="TEXTBOX"] .search-dropdown-results {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.data-component-container[data-display-type-shortcode='SEARCH'] .inline-results-panel .search-results .results-container table tr:not(.empty-row).is-hovering,
.data-component-container[data-display-type-shortcode='SEARCH'] .inline-results-panel .search-results .info,
.data-component-container[data-display-type-shortcode='SEARCH'] .inline-results-panel .search-results .results-container {
  background-color: transparent !important;
  border-color: transparent;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .icon-search {
  position: absolute;
  top: 6px;
  left: 10px;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .field-container.has-selection {
  padding: 9px 12px;
  font-size: 16px;
  margin-bottom: 10px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  color: #6c686f;
  font-weight: normal;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  box-shadow: -1px -1px 3px 0 rgba(162, 162, 162, 0.45);
  transition: all 0.25s ease-in-out;
  border-radius: 8px;
  background-clip: padding-box;
  border: none;
  margin-bottom: 0;
  min-width: 250px;
  box-sizing: border-box;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .field-container.has-selection:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .field-container.has-selection:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .field-container.has-selection::placeholder {
  color: rgba(108, 104, 111, 0.5);
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .field-container.has-selection:placeholder-shown {
  text-overflow: ellipsis;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .field-container.has-selection:disabled,
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .field-container.has-selection.is-disabled,
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .field-container.has-selection.is-disabled-address {
  cursor: not-allowed;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  color: #524f55;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .field-container.has-selection.small {
  padding: 4px 6px;
  font-size: 13px;
  height: 30px;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .field-container.has-selection:disabled,
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .field-container.has-selection.disabled,
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .field-container.has-selection.is-disabled {
  box-shadow: none;
  border: none;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container input[type=text] {
  padding-left: 30px;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):not(.restore-button) {
  margin-right: 10px;
  margin-top: 10px;
  min-width: 0;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .view-all-button:after {
  clear: both;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .icon-container {
  margin: 0;
  left: 0;
  top: 3px;
  bottom: 0;
  right: 5px;
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .data-component-container[data-display-type-shortcode='SEARCH'] .input-container .icon-container {
    right: 15px;
  }
}
.data-component-container[data-display-type-shortcode='SEARCH'] .input-container .icon-container .restore-button {
  pointer-events: all;
  margin: 0;
  height: 30px;
  width: 30px;
  line-height: 30px;
  padding: 0;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .clear-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):not(.restore-button) {
  margin: 0;
  height: 30px;
  width: 30px;
  line-height: 28px;
  padding: 0;
  float: none;
  position: absolute;
  right: 5px;
  top: 4px;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .minimum-characters {
  margin-top: 5px;
}
.data-component-container[data-display-type-shortcode='SEARCH'] .search-results {
  box-sizing: border-box;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  border-top-right-radius: 10px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 10px;
  background-clip: padding-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.data-component-container[data-display-type-shortcode='SEARCH'] .search-results .results-container {
  border: none;
  background: transparent;
  overflow-x: hidden;
}
.data-component.chart-data-component .chart-legend.is-draggable,
.data-component.chart-data-component .chart-legend {
  top: 40px;
}
.data-component.chart-data-component .chart-legend .chart-header {
  min-width: 100px;
}
.data-component.chart-data-component .chart-legend .legend-container {
  background-color: #eeeeee;
}
.data-component.checkbox .boolean-checkbox .option-label:focus {
  outline: none;
}
.data-component.checkbox .boolean-checkbox .hint-spacer {
  display: none;
}
.data-component.checkbox .boolean-checkbox .checkbox-container .checkbox-label.cannot-be-suppressed .validation-message {
  padding-left: 5px;
}
.data-component.checkbox.hasTooltip .boolean-checkbox .hint-spacer {
  display: inline-block;
  margin-top: -10px;
}
@media screen and (min-width: 800px) {
  .data-component.checkbox.hasTooltip .boolean-checkbox.align-with-fields .hint-spacer {
    position: absolute;
  }
  .data-component.checkbox.hasTooltip .boolean-checkbox.align-with-fields .hint-spacer a {
    right: 13px;
    position: relative;
  }
}
.data-component.checkbox.hasTooltip .boolean-checkbox.toggle-button {
  display: inline-block;
}
.data-component.checkbox.hasTooltip .boolean-checkbox.toggle-button .hint-spacer {
  float: right;
  margin-top: 0;
}
@media screen and (min-width: 800px) {
  .data-component.checkbox .boolean-checkbox:not(.toggle-button).align-with-fields .option-label,
  .data-component.checkbox .boolean-checkbox:not(.toggle-button).align-with-fields .validation-message {
    margin-left: 185px;
  }
}
.data-component.checkbox .boolean-checkbox:not(.toggle-button) .option-label:before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #524f55;
  content: "\f096";
  position: relative;
  left: auto;
  padding-right: 4px;
}
.data-component.checkbox .boolean-checkbox:not(.toggle-button) .option-label.read-only {
  padding-left: 4px;
}
.data-component.checkbox .boolean-checkbox:not(.toggle-button) .option-label.read-only:before {
  content: '';
  display: none;
}
.data-component.checkbox .boolean-checkbox:not(.toggle-button) .option-label.disabled {
  opacity: 0.5;
}
.data-component.checkbox .boolean-checkbox:not(.toggle-button) input[type=checkbox]:checked + .option-label:before {
  content: "\f14a";
}
@media screen and (min-width: 800px) {
  .data-component.checkbox .boolean-checkbox:not(.toggle-button) .checkbox-container.hasTooltip .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):before {
    left: 40px;
  }
}
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled) {
  min-width: 100px;
  text-align: center;
  padding-left: 30px;
  padding-right: 30px;
}
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):before {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f096";
  position: absolute;
  left: 15px;
  top: 15px;
}
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).primary.button-on {
  color: #ffffff;
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
}
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).primary.button-on:hover,
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).primary.button-on:focus {
  background-color: #4609cc;
  color: #ffffff;
}
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).primary.button-on.disabled {
  background-color: #f7f7f7;
  color: #ffffff;
}
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).primary.button-on.is-loading > .loading-icon:before {
  border-color: #6b2bf6;
  border-bottom-color: white;
}
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).primary.button-on:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).primary.button-on:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).primary.button-on.action-button,
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).primary.button-on.next-button,
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).primary.button-on.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).primary.button-on:hover,
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).primary.button-on:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.data-component.checkbox .boolean-checkbox.toggle-button .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).primary.button-on:before {
  content: "\f14a";
}
.data-component.checkbox .boolean-checkbox.toggle-button .option-label.read-only {
  padding-left: 4px;
}
@media screen {
  .data-component.checkbox .input-container fieldset br {
    display: none;
  }
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled) {
    border-radius: 4px;
    background-clip: padding-box;
    color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
    font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
    border: 1px solid #6b2bf6;
    background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
    background-color: #6b2bf6;
    padding-left: 10px;
    padding-right: 20px;
    width: auto;
    color: white;
    margin-bottom: 0;
  }
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):hover,
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus {
    background-color: #4609cc;
    color: #ffffff;
  }
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).disabled {
    background-color: #f7f7f7;
    color: #ffffff;
  }
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).is-loading > .loading-icon:before {
    border-color: #6b2bf6;
    border-bottom-color: white;
  }
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus-visible:not([tabIndex="-1"]) {
    box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
    outline: none !important;
    z-index: 1;
    position: relative;
  }
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus-visible[tabIndex="-1"] {
    outline: none !important;
  }
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).action-button,
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).next-button,
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).back-button {
    padding-left: 30px;
    padding-right: 30px;
  }
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):hover,
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus {
    background: #3e08b3;
    background-color: #3e08b3;
    color: white;
  }
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):before {
    font: normal normal normal 14px/1 FontAwesome;
    display: inline-block;
    font: normal normal normal 14px FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: white;
    content: "\f14a";
    padding-right: 5px;
  }
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).secondary {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(162, 162, 162, 0.3);
    background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
    border: 1px solid white;
    color: #524f55;
  }
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).secondary:before {
    content: "\f096";
    color: #524f55;
  }
  .data-component.checkbox .input-container fieldset label.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).secondary:hover {
    color: #524f55;
    background: none;
    background-color: #e3e3e3;
  }
  .data-component.checkbox .input-container fieldset label.button.checkbox.disabled {
    border-radius: 4px;
    background-clip: padding-box;
    background: none;
    background-color: #eeeeee;
    padding-left: 10px;
    padding-right: 20px;
  }
  .data-component.checkbox .input-container .button.alternate.right:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button) {
    border-radius: 0;
    background-clip: padding-box;
    box-shadow: none;
    display: inline-block;
    background: transparent;
    border: none;
    margin: 0;
    padding: 0;
    margin-top: 10px;
    color: #6b2bf6;
  }
  .data-component.checkbox .input-container .button.alternate.right:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button).disabled {
    display: none;
  }
}
.data-component.radio .allowed-values.button-bar li,
.data-component.checkbox .allowed-values.button-bar li {
  border-right: none;
}
.data-component.date-picker .input-container .day-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-top-left-radius: #ffffff;
  background-clip: padding-box;
}
.data-component.date-picker .input-container .month-input:not(.only-month-year) {
  border-radius: 0;
  background-clip: padding-box;
}
.data-component.date-picker .input-container .month-input.only-month-year {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 8px;
  border-top-left-radius: #ffffff;
  background-clip: padding-box;
}
.data-component.date-picker .input-container input[type=text].year-input,
.data-component.date-picker .input-container input[type=number].year-input {
  border-top-right-radius: 8px;
  border-bottom-right-radius: #ffffff;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  background-clip: padding-box;
}
.data-component.date-picker .input-container.has-calendar-icon input[type=text] {
  display: inline-block;
  width: 225px;
}
.data-component.date-picker .input-container.has-calendar-icon .calendar-icon {
  display: inline-block;
  width: 18px;
  padding-left: 5px;
  font-size: 20px;
  line-height: 40px;
}
.data-component.date-picker .input-container.has-calendar-icon .calendar-icon:hover {
  color: #524f55;
}
.data-component.date-picker.as-mobile .input-container.has-calendar-icon {
  width: 100%;
}
.data-component.dropdown select {
  margin-bottom: 0;
}
.data-component-container[data-display-type-shortcode='PASSWORD'] .input-container.has-confirm input[type=password],
.data-component-container[data-display-type-shortcode='PASSWORD'] .input-container.has-confirm input[type=text] {
  margin-bottom: 10px;
}
.data-component.textarea textarea {
  margin-bottom: 0;
}
@media screen {
  .button:not(.menu):not(.round) {
    font-size: 90%;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.button,
.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled) {
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  border: 1px solid white;
  font-weight: bold;
  color: #524f55;
  background: none;
  background-color: #f4f4f4;
}
.button:focus-visible:not([tabIndex="-1"]),
.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.button:focus-visible[tabIndex="-1"],
.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.button.action-button,
.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).action-button,
.button.next-button,
.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).next-button,
.button.back-button,
.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).back-button {
  padding-left: 20px;
  padding-right: 20px;
}
.button:hover,
.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):hover {
  color: #524f55;
  background-color: #e3e3e3;
}
.button.green,
.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).green {
  color: white;
  background-color: green;
  border-color: green;
}
.button.green:hover,
.button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).green:hover {
  background-color: #004d00;
}
.button:not(.repeater-item):active {
  transform: scale(0.98);
}
.button-hover {
  color: #524f55;
  background-color: #e3e3e3;
}
@media screen {
  .primary-button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled) {
    color: #ffffff;
    box-sizing: border-box;
    box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
    font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
    color: white;
    border: 1px solid #6b2bf6;
    background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
    background-color: #6b2bf6;
  }
  .primary-button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):hover,
  .primary-button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus {
    background-color: #4609cc;
    color: #ffffff;
  }
  .primary-button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).disabled {
    background-color: #f7f7f7;
    color: #ffffff;
  }
  .primary-button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).is-loading > .loading-icon:before {
    border-color: #6b2bf6;
    border-bottom-color: white;
  }
  .primary-button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus-visible:not([tabIndex="-1"]) {
    box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
    outline: none !important;
    z-index: 1;
    position: relative;
  }
  .primary-button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus-visible[tabIndex="-1"] {
    outline: none !important;
  }
  .primary-button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).action-button,
  .primary-button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).next-button,
  .primary-button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled).back-button {
    padding-left: 30px;
    padding-right: 30px;
  }
  .primary-button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):hover,
  .primary-button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus {
    background: #3e08b3;
    background-color: #3e08b3;
    color: white;
  }
}
.primary-button {
  box-sizing: border-box;
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  color: white;
  border: 1px solid #6b2bf6;
  background: linear-gradient(180deg, #c4aafb 0%, #9e74f9 5%, #4f0ae4 100%);
  background-color: #6b2bf6;
}
.primary-button:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.primary-button:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.primary-button.action-button,
.primary-button.next-button,
.primary-button.back-button {
  padding-left: 30px;
  padding-right: 30px;
}
.primary-button:hover,
.primary-button:focus {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.primary-button-hover {
  background: #3e08b3;
  background-color: #3e08b3;
  color: white;
}
.button.primary-button.disabled {
  box-shadow: -1px -1px 2px 0 rgba(162, 162, 162, 0.35);
  border: 2px solid rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.5);
  background: linear-gradient(161deg, #e9dffe 0%, #d8c7fd 100%);
}
.dropdown-button input:checked ~ label.button {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 8px;
  background-clip: padding-box;
  color: #524f55;
  background-color: transparent;
}
.dropdown-button ul.sub-menu {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  border: 2px solid white;
  margin-top: -2px;
}
.dropdown-button ul.sub-menu li {
  background-color: transparent;
  font-size: 14px;
}
.dropdown-button ul.sub-menu li a:not(:hover) {
  color: #524f55;
}
.dropdown-button ul.sub-menu li:hover a {
  color: #6b2bf6;
}
.dropdown-button.three-dots input:focus ~ label.button {
  outline: none;
  border: 2px solid rgba(192, 43, 246, 0.75) !important;
}
.dropdown-button.three-dots .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled) {
  box-shadow: none;
  border-radius: 18px;
  background-clip: padding-box;
  box-shadow: -1px -1px 3px 0 rgba(162, 162, 162, 0.45);
  width: 35px;
  height: 35px;
  line-height: 20px;
  font-size: 100%;
  text-align: center;
}
.dropdown-button.three-dots ul.sub-menu {
  top: 45px;
}
.dropdown-button.three-dots ul.sub-menu:before {
  top: -10px;
  right: 7px;
  background-color: transparent;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent white transparent;
}
.dropdown-button.three-dots ul.sub-menu.sub-menu-up:before {
  transform: rotate(180deg);
  top: auto;
  bottom: -10px;
  content: '';
}
.button.round {
  border-radius: 15px;
  background-clip: padding-box;
  min-height: 25px;
  height: 25px;
  min-width: 25px;
  width: 25px;
  line-height: 22px;
}
.button.round.small {
  min-height: 20px;
  height: 20px;
  min-width: 20px;
  width: 20px;
  line-height: 18px;
}
details {
  margin-bottom: 10px;
}
details summary {
  cursor: pointer;
  color: #6b2bf6;
  user-select: none;
}
details[open] summary {
  margin-bottom: 10px;
}
.data-grid-v3 tbody tr.even {
  background-color: #f7f7f7;
}
.data-grid-v3 .paging-buttons-container {
  box-shadow: -1px -1px 3px 0 rgba(162, 162, 162, 0.45);
}
.data-grid-v3 .paging-buttons-container button:hover:not(.disabled):not(.selected),
.data-grid-v3 .paging-buttons-container select.is-ellipsis:hover:not(.disabled):not(.selected),
.data-grid-v3 .paging-buttons-container button:focus-within:not(.disabled):not(.selected),
.data-grid-v3 .paging-buttons-container select.is-ellipsis:focus-within:not(.disabled):not(.selected) {
  background-color: #eeeeee;
}
.data-grid-v3 .paging-buttons-container button.selected,
.data-grid-v3 .paging-buttons-container select.is-ellipsis.selected {
  color: white;
  background-color: #6b2bf6;
}
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted table tr.alt,
.data-component.markdown .content table tr.alt,
.data-component-container[data-display-type-shortcode="TEXTBLOCK"] .formatted table tr:nth-child(even),
.data-component.markdown .content table tr:nth-child(even) {
  background-color: #f7f7f7;
}
.dataset-scroller {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  border: 1px solid rgba(162, 162, 162, 0.3);
  background-color: transparent;
  border-left: none;
  border-top: none;
  border-right: none;
  grid-column-gap: 50px;
  padding: 10px 25px;
}
#error-dialog {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.upload-component .bar,
.loggerUpload .bar {
  background-color: #6b2bf6;
}
.alert {
  background: rgba(0, 0, 0, 0.035);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  min-width: auto;
  margin-bottom: 0;
}
.alert:not(:last-child) {
  margin-bottom: var(--spacing);
}
.alert p {
  color: #524f55;
}
.alert.alert-warning {
  border: none;
  background: #fbe6a4;
  background: linear-gradient(161deg, #fbe6a4 0%, #fadf8c 100%);
}
.alert.alert-success {
  border: none;
  background: #d4ead3;
  background: linear-gradient(161deg, #d4ead3 0%, #c3e2c2 100%);
}
.alert.alert-error {
  border: none;
  background: #fcbcbc;
  background: linear-gradient(161deg, #fcbcbc 0%, #fdd4d4 100%);
}
.alert.alert-info {
  border: none;
  background: #cceaf5;
  background: linear-gradient(161deg, #cceaf5 0%, #b7e1f1 100%);
}
.alert a:not(.button) {
  color: #4f0ae4;
  text-decoration: underline;
}
.alert a:not(.button):hover {
  text-decoration: none;
}
.tag {
  border-radius: 8px;
  background-clip: padding-box;
}
.session-timeout-warning {
  max-width: 1800px;
  display: inline-block;
  margin: 0 auto;
}
.session-timeout-warning .session-timeout-warning-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-direction: row-reverse;
}
.session-timeout-warning .button {
  float: none;
  margin-left: 20px;
}
@media screen and (min-width: 768px) {
  .session-timeout-warning .button {
    min-width: 100px;
  }
}
@media screen and (min-width: 1200px) {
  body:not(.resources-loaded):after {
    border: solid 3px #a6a6a6;
    border-radius: 30px;
    background-clip: padding-box;
    -webkit-animation: fa-spin 2s infinite ease-in-out;
    animation: fa-spin 2s infinite ease-in-out;
    content: "Loading";
    font-size: 0;
    height: 30px;
    width: 30px;
    border: solid 3px #cccccc;
    border-bottom-color: #524f55;
    display: block;
    transform: translate3d(-50%, -50%, 0);
    margin: 0 auto;
    border-bottom-color: #6b2bf6;
    margin-left: -15px;
  }
}
.loading-icon-asset {
  border-bottom-color: #6b2bf6;
}
@keyframes pulse-big {
  from {
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 1;
  }
  50% {
    transform: scale3d(1.5, 1.5, 1.5);
    opacity: 1;
  }
  to {
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 1;
  }
}
.pulse-big {
  animation-name: pulse-big;
}
.wizard-form-progress-loader-container,
.spa-loader-v-2.skeleton-loader {
  border: none;
  border-top: none !important;
  position: absolute;
  overflow: hidden;
  grid-template-rows: 1fr;
  height: 1vh;
  background-color: transparent;
}
.wizard-form-progress-loader-container.is-visible,
.spa-loader-v-2.skeleton-loader.is-visible {
  display: grid !important;
}
@media screen and (max-width: 1200px) {
  .wizard-form-progress-loader-container,
  .spa-loader-v-2.skeleton-loader {
    border-radius: 0px;
    background-clip: padding-box;
  }
}
.wizard-form-progress-loader-container .fake-header,
.spa-loader-v-2.skeleton-loader .fake-header {
  border-top: none;
}
@media screen and (max-width: 768px) {
  .wizard-form-progress-loader-container .fake-header,
  .spa-loader-v-2.skeleton-loader .fake-header {
    text-align: center;
  }
}
.wizard-form-progress-loader-container .default-loading,
.spa-loader-v-2.skeleton-loader .default-loading {
  background: transparent;
  position: relative;
  left: auto;
  right: auto;
  top: auto;
  bottom: auto;
}
.wizard-form-progress-loader-container .fake-h1,
.spa-loader-v-2.skeleton-loader .fake-h1,
.wizard-form-progress-loader-container .fake-para,
.spa-loader-v-2.skeleton-loader .fake-para,
.wizard-form-progress-loader-container .fake-footer,
.spa-loader-v-2.skeleton-loader .fake-footer {
  display: none;
}
.wizard-form-progress-loader-container .fake-portal,
.spa-loader-v-2.skeleton-loader .fake-portal {
  grid-template-columns: repeat(auto-fill, minmax(275px, 1fr));
}
.wizard-form-progress-loader-container .fake-wizard,
.spa-loader-v-2.skeleton-loader .fake-wizard {
  grid-template-columns: 1fr 2fr;
  direction: rtl;
}
@media screen and (max-width: 768px) {
  .wizard-form-progress-loader-container .fake-wizard,
  .spa-loader-v-2.skeleton-loader .fake-wizard {
    grid-template-columns: 1fr;
  }
}
.wizard-form-progress-loader-container .fake-portal,
.spa-loader-v-2.skeleton-loader .fake-portal,
.wizard-form-progress-loader-container .fake-wizard,
.spa-loader-v-2.skeleton-loader .fake-wizard {
  display: grid;
  padding: var(--spacing);
  grid-gap: var(--spacing);
  margin: 0;
  max-width: none;
}
.wizard-form-progress-loader-container .fake-group,
.spa-loader-v-2.skeleton-loader .fake-group,
.wizard-form-progress-loader-container .fake-app,
.spa-loader-v-2.skeleton-loader .fake-app {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  background: linear-gradient(161deg, #fbfbfb 0%, #ededed 100%);
  margin: 0 !important;
  width: auto !important;
}
.wizard-form-progress-loader-container .fake-group.aside,
.spa-loader-v-2.skeleton-loader .fake-group.aside {
  grid-row-start: 1;
  grid-row-end: 10;
  height: auto;
}
@media screen and (min-width: 1200px) {
  .wizard-form-progress-loader-container .fake-portal .fake-app,
  .spa-loader-v-2.skeleton-loader .fake-portal .fake-app {
    width: 30%;
  }
}
.widget-confirm,
.widget-loading {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
}
.widget[data-shortcode=WIZARD_FORM] .wizard-form .wizard-loading-container.bg-background {
  display: flex;
  align-items: center;
  justify-content: center;
}
.widget[data-shortcode=WIZARD_FORM] .wizard-form .wizard-loading-container.bg-background .loading-icon {
  position: relative;
  display: block;
  height: 10px;
}
.loading-container.portal,
#wizardState > .wizard-form-container > wizard-form-component > .wizard-form > .wizard-loading-container {
  left: 260px;
}
@media screen and (max-width: 0px) {
  .loading-container.portal,
  #wizardState > .wizard-form-container > wizard-form-component > .wizard-form > .wizard-loading-container {
    left: 200px;
  }
}
@media screen and (max-width: 768px) {
  .loading-container.portal,
  #wizardState > .wizard-form-container > wizard-form-component > .wizard-form > .wizard-loading-container {
    left: 0;
  }
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] .fake-wizard {
  display: none !important;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] .alternate-to-fake-wizard {
  display: flex;
  align-items: center;
  justify-content: center;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  border-radius: 10px;
  background-clip: padding-box;
  box-sizing: border-box;
  padding: 20px;
  margin-bottom: 20px;
  background-color: #eeeeee;
  float: left;
  width: 100%;
  overflow: auto;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  padding: var(--spacing);
  margin-bottom: var(--spacing);
  margin: var(--spacing) !important;
  position: absolute;
  left: var(--spacing);
  right: var(--spacing);
  top: var(--spacing);
  bottom: var(--spacing);
  height: auto;
  width: auto;
  max-width: 1500px;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .data-grid-v2 .loading-container {
  background-color: #eeeeee;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard.flat {
  box-shadow: none;
  border-top: none;
  margin-bottom: 0;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard.is-retractable {
  padding: 10px;
}
@media screen {
  html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .group-card {
    background: none;
    background-color: #f2f2f2;
  }
  html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .group-card .group-card {
    background-color: #ffffff;
  }
  html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .group-card .group-card .group-card {
    background-color: #ffffff;
  }
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .compound-component.compound-component .wizard-form .inline-nav-buttons .navigation-buttons {
  padding-left: 228px;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .compound-component.compound-component.as-mobile .wizard-form .inline-nav-buttons .navigation-buttons {
  padding-left: 0;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .group-card {
  box-shadow: none;
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  margin-bottom: 10px;
  border: none;
  background-color: transparent;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .group-card .field-label,
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .group-card .input-container {
  margin-left: 0;
  padding-left: 0;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .alert {
  margin-top: 20px;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .hidden-on-summary-screen {
  visibility: hidden;
  height: 0;
  width: 0;
  overflow: hidden;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .readonly-value > span:empty:before {
  content: '-';
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .readonly-value > span > a:empty {
  pointer-events: none;
  color: #524f55;
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .readonly-value > span > a:empty:before {
  content: '-';
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .readonly-value {
  margin-top: 5px;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .data-component.as-mobile .textblock {
  margin-left: 0;
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .data-component-container[data-display-type-shortcode=CHART] .readonly-value > span:empty:before {
  content: '';
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard .group-card {
  box-shadow: none;
  border-radius: 0;
  background-clip: padding-box;
  border: none;
  background: transparent;
}
@media screen and (min-width: 1500px) {
  html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form-progress-loader-container .alternate-to-fake-wizard {
    margin: var(--spacing) auto !important;
  }
}
html.is-public-screen .wizard-form-container[data-form-key="wizardState"] > .wizard-form {
  transition: none;
}
.tag {
  border-radius: 8px;
  background-clip: padding-box;
  color: #FFF;
  padding: 6px 10px;
  top: auto;
  border-radius: 5px;
  margin-right: 10px;
  margin-bottom: 0;
  height: auto;
  cursor: pointer;
}
.chatbot .webchat-wrapper {
  width: 90%;
}
@media screen and (min-width: 2000px) {
  .chatbot .webchat-wrapper {
    right: auto;
    width: 1620px;
  }
}
.chatbot .webchat-wrapper .webchat-bubble {
  border: 0 !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
.chatbot .webchat-wrapper .webchat-holder {
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.5);
}
.chatbot .webchat-wrapper .webchat-holder .webchat-title {
  background: #6b2bf6 !important;
  background: linear-gradient(161deg, #8d5cf8 0%, #3e08b3 100%) !important;
}
.chatbot .webchat-wrapper .webchat-holder .webchat-title .fa-times:focus,
.chatbot .webchat-wrapper .webchat-holder .webchat-title .fa-times:hover {
  text-shadow: 0 0 10px #8d5cf8;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__basic-transcript__scrollable {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__basic-transcript__scrollable::-webkit-scrollbar {
  display: none;
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main form input[type="text"] {
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.chatbot .webchat-wrapper .webchat-holder .webchat__send-box__main button {
  border: 2px solid rgba(168, 131, 250, 0.5) !important;
}
.chatbot .webchat-wrapper .webchat-holder div.webchat__bubble__content {
  border: 2px solid rgba(162, 162, 162, 0.3) !important;
  background: rgba(244, 244, 244, 0.5) !important;
  background: linear-gradient(161deg, #f4f4f4 0%, #eeeeee 100%);
}
.chatbot .webchat-wrapper .webchat-holder .webchat__basic-transcript__activity--from-bot div.webchat__bubble__content {
  box-shadow: -1px -1px 3px 0 rgba(162, 162, 162, 0.45);
  border: 2px solid rgba(168, 131, 250, 0.5) !important;
}
.chatbot .webchat-wrapper .webchat-holder .react-film__main li button {
  border: 2px solid rgba(162, 162, 162, 0.3) !important;
  background: rgba(244, 244, 244, 0.5) !important;
  background: linear-gradient(161deg, #f4f4f4 0%, #eeeeee 100%) !important;
}
.chatbot .webchat-wrapper .webchat-holder .react-film__main li:first-of-type button {
  box-shadow: -1px -1px 3px 0 rgba(162, 162, 162, 0.45);
  border: 2px solid rgba(168, 131, 250, 0.5) !important;
  background: #6b2bf6 !important;
  background: linear-gradient(161deg, #8d5cf8 0%, #3e08b3 100%) !important;
}
html.has-chat-bot .spa-container {
  padding-bottom: 100px;
}
.grid-style-2 .data-grid-v2 thead {
  border-bottom: 1px solid #cccccc;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper {
  border: none;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper .header-background {
  border: none;
  background-color: transparent;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper .data-grid {
  border: none;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper .data-grid th {
  background: transparent;
  height: 40px;
  font-size: 14px;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper .data-grid th .th-inner {
  background-color: transparent;
  border-bottom: none;
  padding: 0px 15px;
  height: 50px;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper .data-grid th .th-inner:hover {
  background-color: transparent;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper .data-grid th .th-inner.label {
  color: #6b2bf6;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper .data-grid th.sortable .th-inner .label {
  color: #6b2bf6;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper .data-grid tbody tr {
  background-color: transparent;
  border-bottom: 1px solid #cccccc;
  border-color: #cccccc;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper .data-grid tbody tr:nth-last-child(2) {
  border-bottom: none;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper .data-grid tbody tr td {
  background-color: transparent;
  padding: 5px 15px;
  font-size: 12px;
  border-color: #cccccc;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper .data-grid tbody tr td.expanded-row {
  background-color: #eeeeee;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper .data-grid tbody tr td .button.small {
  padding: 6px 15px;
}
.grid-style-2 .data-grid-v2 .table-fixed-header-wrapper .data-grid tbody tr.alt {
  background-color: transparent;
}
.grid-style-2 .data-grid-v2 .paging-container {
  background-color: transparent;
  border: none;
}
.grid-style-2 .data-grid-v2 .paging-container select {
  height: 35px;
}
.iframe-component.full-height-iframe .iframe-container {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 260px;
  max-width: 1800px;
  margin: 0 auto;
  margin-left: var(--spacing);
}
@media screen and (min-width: 1500px) {
  .iframe-component.full-height-iframe .iframe-container {
    border-top-right-radius: 20px;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    background-clip: padding-box;
    overflow: hidden;
    margin-top: 2.5%;
    right: 5%;
    left: calc(5% + 260px);
  }
}
@media screen and (min-width: 2000px) {
  .iframe-component.full-height-iframe .iframe-container {
    width: 1500px;
    left: auto;
    right: auto;
  }
}
@media screen and (max-width: 0px) {
  .iframe-component.full-height-iframe .iframe-container {
    left: 200px;
  }
}
@media screen and (max-width: 768px) {
  .iframe-component.full-height-iframe .iframe-container {
    left: 0;
    top: 50px;
  }
}
.spa-loader-v-2.skeleton-loader .fake-header,
.navigation-container {
  box-shadow: none;
  box-sizing: border-box;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
  border-top-left-radius: 20px;
  background-clip: padding-box;
  background: #ffffff;
  background: linear-gradient(190deg, #ffffff 20%, rgba(233, 223, 254, 0) 60%);
  background-attachment: fixed;
  background-position: top left;
  padding: 20px;
  border-right: 1px solid #ffffff;
}
@media screen and (max-width: 1500px) {
  .spa-loader-v-2.skeleton-loader .fake-header,
  .navigation-container {
    border-radius: 0;
    background-clip: padding-box;
  }
}
@media screen and (max-width: 768px) {
  .spa-loader-v-2.skeleton-loader .fake-header,
  .navigation-container {
    background: #ffffff;
    background: linear-gradient(35deg, #ffffff 20%, rgba(233, 223, 254, 0) 80%);
    padding: 5px;
  }
}
.navigation-menu-v2-1-0 {
  position: sticky;
  top: 10px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: min-content 1fr min-content;
  grid-template-areas: "logo" "nav" "user";
  align-items: start;
  justify-items: center;
  width: 100%;
}
@media screen and (min-width: 769px) {
  .navigation-menu-v2-1-0 {
    min-height: calc(100vh - 40px);
  }
}
@media screen and (max-width: 768px) {
  .navigation-menu-v2-1-0 {
    height: auto;
    position: relative;
    top: auto;
  }
}
@media screen and (min-width: 769px) {
  .nav-menu-retracted .navigation-menu-v2-1-0 {
    min-height: calc(100vh - 20px);
  }
}
html.is-automation .navigation-menu-v2-1-0 {
  position: relative;
  height: 100%;
}
.fake-header .logo,
.main-logo {
  width: 200px;
  margin: 0;
  grid-area: logo;
  background-position: left top;
}
@media screen and (max-width: 0px) {
  .fake-header .logo,
  .main-logo {
    width: 150px;
    background-position: center center;
  }
}
@media screen and (max-width: 768px) {
  .fake-header .logo,
  .main-logo {
    position: relative;
    left: auto;
    right: auto;
    z-index: auto;
    margin: 5px auto;
    max-height: 30px;
    background-position: center center;
  }
}
.header-menu {
  position: relative;
  grid-area: user;
  top: auto;
  right: auto;
  width: 100%;
}
.header-menu ul.main-menu {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #cccccc;
  overflow: visible;
}
.header-menu ul.main-menu li {
  display: block;
}
.header-menu ul.main-menu .initials {
  margin: 0;
}
.header-menu .expand-toggle {
  padding: 10px 0;
  margin: 0;
  margin-top: 10px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  border-radius: 5px;
  cursor: pointer;
}
.header-menu .expand-toggle .icon {
  padding-left: 5px;
}
.header-menu .expand-toggle:hover {
  text-decoration: none;
  background-color: #eeeeee;
}
@media screen and (min-width: 1500px) {
  .header-menu .expand-toggle {
    margin-bottom: 1.25vw;
  }
}
.user-details-item {
  margin: 0;
  padding: 0;
}
.user-details-item:before,
.user-details-item:after {
  display: none;
}
.user-details-item .prefix {
  font-size: 0.8em;
  display: block;
}
.user-details-item.with-separator {
  border: none;
}
.user-details-item .name {
  white-space: normal;
}
.nav-menu-retracted .user-details-item:before,
.nav-menu-retracted .user-details-item:after {
  display: block;
  white-space: pre-wrap;
}
html.is-showing-take-over-modal .last-login {
  margin: 0;
}
.change-password-link {
  display: none !important;
}
.button.security-button {
  display: none;
}
.nav-bar-v3.nav-menu {
  grid-area: nav;
  margin-top: 30px;
  background-color: transparent;
  border: none;
}
@media screen and (max-width: 768px) {
  .nav-bar-v3.nav-menu {
    box-shadow: none;
    width: auto;
    position: absolute;
    left: 0;
    top: 10px;
    right: auto;
    margin-top: -55px;
  }
}
.nav-bar-v3.nav-menu ul.main-menu {
  overflow: visible;
}
.nav-bar-v3.nav-menu ul.main-menu li {
  display: block;
}
.nav-bar-v3.nav-menu ul.main-menu li.selected a.button:not(.mobile-menu-button) {
  color: #6b2bf6;
}
.nav-bar-v3.nav-menu ul.main-menu li.selected a.button:not(.mobile-menu-button):before {
  color: white;
}
.nav-bar-v3.nav-menu ul.main-menu li a.button:not(.mobile-menu-button):not(.expand-arrow):not(.back-to-previous):not(.has-children) {
  transition: none 1s linear;
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  border: none;
  background: transparent;
  background-color: transparent;
  font-size: 15px;
  display: block;
  text-align: left;
  color: #524f55;
  border-radius: 8px;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: 5px;
  padding: 5px 10px;
}
.nav-bar-v3.nav-menu ul.main-menu li a.button:not(.mobile-menu-button):not(.expand-arrow):not(.back-to-previous):not(.has-children):focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.nav-bar-v3.nav-menu ul.main-menu li a.button:not(.mobile-menu-button):not(.expand-arrow):not(.back-to-previous):not(.has-children):focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.nav-bar-v3.nav-menu ul.main-menu li a.button:not(.mobile-menu-button):not(.expand-arrow):not(.back-to-previous):not(.has-children):hover {
  color: #524f55;
  background-color: #e3e3e3;
}
@media screen and (max-width: 768px) {
  .nav-bar-v3.nav-menu ul.main-menu li a.button:not(.mobile-menu-button):not(.expand-arrow):not(.back-to-previous):not(.has-children) {
    font-size: 18px;
    text-align: center;
  }
}
.nav-bar-v3.nav-menu ul.main-menu li.selected > a.button:not(.mobile-menu-button):not(.expand-arrow):not(.back-to-previous):not(.has-children) {
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-weight: bold;
}
.nav-bar-v3.nav-menu ul.main-menu .button:focus:not([tabIndex="-1"]) {
  box-shadow: none;
}
.nav-bar-v3.nav-menu ul.main-menu > li[aria-haspopup=true].hover,
.nav-bar-v3.nav-menu ul.main-menu > li[aria-haspopup=true]:hover,
.nav-bar-v3.nav-menu ul.main-menu > li[aria-haspopup=true]:focus,
.nav-bar-v3.nav-menu ul.main-menu > li[aria-haspopup=true]:focus-within {
  background-color: transparent;
}
.nav-bar-v3.nav-menu ul.main-menu > li[aria-haspopup=true] > a:before,
.nav-bar-v3.nav-menu ul.main-menu .expand-hit-area {
  position: absolute;
  right: 0;
}
.nav-bar-v3.nav-menu ul.main-menu li[aria-haspopup=true] > a:before {
  opacity: 1;
  content: "\f105";
  margin-top: 5px;
  font-size: 13px;
}
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu,
.nav-bar-v3.nav-menu ul.main-menu ul ul {
  border-radius: 2.66666667px;
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  margin-top: -38px;
}
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu {
  left: 100%;
}
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li {
  padding: 0;
}
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled),
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li a {
  border-radius: 0;
  background-clip: padding-box;
  box-shadow: none;
  border: none;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-weight: normal;
  padding: 0 10px;
  height: 38px;
  line-height: 38px;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-size: 13px;
}
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus-visible:not([tabIndex="-1"]),
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li a:focus-visible:not([tabIndex="-1"]) {
  box-shadow: 0px 0 0 4px rgba(192, 43, 246, 0.75);
  outline: none !important;
  z-index: 1;
  position: relative;
}
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus-visible[tabIndex="-1"],
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li a:focus-visible[tabIndex="-1"] {
  outline: none !important;
}
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus,
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li a:focus,
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):hover,
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li a:hover {
  text-decoration: none;
}
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li.selected .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):focus,
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li.selected a:focus,
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li.selected .button:not(.menu):not(.next-button):not(.selected):not(.mobile-menu-button):not(.main-button):not(.disabled):hover,
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li.selected a:hover {
  color: white !important;
}
.nav-bar-v3.nav-menu ul.main-menu ul.sub-menu li:last-child {
  margin-bottom: 0 !important;
}
.navigation-container {
  z-index: 70000;
}
html.is-showing-modal .navigation-container {
  z-index: auto;
}
.mobile-menu {
  background: linear-gradient(161deg, #e9dffe 40%, #eeeeee 100%);
}
.mobile-menu .nav-menu-item {
  padding-top: 0 !important;
}
.mobile-menu .nav-menu-item.user-full-name {
  text-align: center;
  margin-top: 20px;
}
.mobile-menu .menu-button-row .button {
  box-shadow: none;
  border-radius: 0;
  background-clip: padding-box;
}
.mobile-menu .button.security-button {
  display: none !important;
}
.mobile-menu li hr {
  margin-top: -5px;
}
.mobile-menu li .menu-button-row.has-expand-arrow .expand-arrow {
  background: none !important;
  border: none !important;
  position: absolute;
  left: 0;
  right: 0;
  background-color: rgba(255, 255, 0, 0.5);
  text-align: right;
  box-shadow: none !important;
}
.mobile-menu li .menu-button-row.has-expand-arrow .expand-arrow:hover .fa {
  color: #6b2bf6 !important;
}
.mobile-menu li .back-to-previous {
  box-shadow: none !important;
  background: none !important;
  border: none !important;
  text-align: center !important;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif !important;
  margin: 0;
  padding: 0;
}
.mobile-menu li .back-to-previous:hover .fa {
  color: #6b2bf6;
}
.mobile-menu li .back-to-previous .fa {
  position: absolute;
  left: 10px;
}
.mobile-menu.v2 li[aria-haspopup=true] a:before {
  display: none;
}
.mobile-menu.v2 li a {
  box-shadow: none;
}
.mobile-menu.v2 li.user-full-name {
  text-align: left;
  padding-left: 10px !important;
}
.mobile-menu.v2 ul.sub-menu {
  left: 0 !important;
  background: none !important;
  border: none !important;
  padding-left: 20px !important;
}
.mobile-menu.v2 ul.sub-menu li a {
  padding-left: 10px !important;
}
.mobile-menu.v2 ul.sub-menu li:before {
  display: none !important;
}
@media screen and (max-width: 768px) {
  .nav-bar-v3.nav-menu ul.main-menu li a.button:not(.mobile-menu-button):not(.expand-arrow):not(.back-to-previous):not(.has-children) {
    margin: 0;
    text-align: left;
    border-radius: 0;
    transition: all 0.3s ease-in-out;
  }
}
a.button.mobile-menu-button {
  box-sizing: none;
  border-radius: 0;
  background-clip: padding-box;
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  color: #524f55;
  font-size: 0 !important;
  line-height: 20px;
  background: none;
  background-color: transparent;
  border: none;
  margin: 0;
  padding: 10px !important;
  height: auto;
  line-height: 30px;
}
a.button.mobile-menu-button .icon-menu {
  font-size: 20px;
  padding-top: 5px;
}
a.button.mobile-menu-button:before {
  display: none !important;
}
html.is-docs .spa-container {
  box-shadow: none;
  padding: 0;
  border: none;
}
html.is-docs .spa-container .docs-spa .bg-background {
  background-color: #eeeeee;
}
html.is-docs body {
  padding: 0;
}
html.is-docs .skeleton-loader,
html.is-docs .main-container,
html.is-docs .spa-loader-v-2.skeleton-loader .fake-header,
html.is-docs .navigation-container {
  border-radius: 0px;
  background-clip: padding-box;
  box-shadow: none;
}
@media screen and (max-width: 768px) {
  html.is-docs {
    padding-top: 50px;
  }
  html.is-docs .navigation-container {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    background: linear-gradient(35deg, #ffffff 20%, #ffffff 80%);
  }
}
html.is-docs .spa-container .docs-spa .bg-background,
html.is-docs .bg-background-inner,
html.is-docs .bg-background {
  background-color: white;
}
html.is-docs .textblock code.setting-value {
  box-shadow: 0px 3px 4px 0 rgba(162, 162, 162, 0.3);
  border-radius: 10px;
  background-clip: padding-box;
  margin-bottom: 20px;
  padding: 20px;
  min-width: 300px;
  font-style: normal;
  background-color: #eeeeee;
  overflow: auto;
  margin-top: 0;
  color: #6c686f;
  font-family: 'HeaderFont', 'Helvetica', 'Arial', sans-serif;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.035);
  font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
  min-width: auto;
  margin-bottom: 0;
  border-color: #2070a5;
  background-color: #cceaf5;
  border: none;
  background: #cceaf5;
  background: linear-gradient(161deg, #cceaf5 0%, #b7e1f1 100%);
}
html.is-docs .textblock code.setting-value .button {
  margin-bottom: 0;
}
html.is-docs .textblock code.setting-value.inline {
  display: inline-block;
}
html.is-docs .textblock code.setting-value.alert-clickable {
  cursor: pointer;
}
html.is-docs .textblock code.setting-value.alert-clickable:hover {
  color: #4f0ae4;
}
html.is-docs .textblock code.setting-value.alert-warning {
  border-color: #ffc841;
  background-color: #fbe6a4;
}
html.is-docs .textblock code.setting-value.alert-success {
  border-color: #1b6133;
  background-color: #d4ead3;
}
html.is-docs .textblock code.setting-value.alert-error {
  border-color: #fcbcbc;
  background-color: #fcbcbc;
}
html.is-docs .textblock code.setting-value.alert-info {
  border-color: #2070a5;
  background-color: #cceaf5;
}
html.is-docs .textblock code.setting-value.alert-info .icon-question {
  background-position-y: -23px;
}
html.is-docs .textblock code.setting-value.delay5Seconds {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-delay: 5s;
  -moz-animation-delay: 5s;
  -ms-animation-delay: 5s;
  -o-animation-delay: 5s;
}
html.is-docs .textblock code.setting-value.delay10Seconds {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-delay: 10s;
  -moz-animation-delay: 10s;
  -ms-animation-delay: 10s;
  -o-animation-delay: 10s;
  animation-delay: 10s;
}
html.is-docs .textblock code.setting-value .close {
  text-align: right;
}
html.is-docs .textblock code.setting-value .close span {
  vertical-align: middle;
}
html.is-docs .textblock code.setting-value .close:hover,
html.is-docs .textblock code.setting-value .close:focus {
  text-decoration: none;
}
html.is-docs .textblock code.setting-value .alert-col {
  width: 32%;
  display: inline-block;
  min-width: 150px;
  margin-top: 8px;
}
html.is-docs .textblock code.setting-value .alert-col h4 {
  padding-top: 0;
}
html.is-docs .textblock code.setting-value .alert-row {
  margin-bottom: 20px;
}
html.is-docs .textblock code.setting-value .alert-desc {
  margin-bottom: 20px;
  margin-top: 10px;
}
html.is-docs .textblock code.setting-value .alert-row:last-of-type {
  margin-bottom: 0;
}
html.is-docs .textblock code.setting-value .bold {
  font-weight: bold;
}
html.is-docs .textblock code.setting-value .icon:not(.button) {
  top: auto;
  margin-right: 10px;
}
html.is-docs .textblock code.setting-value:not(.information-panel) a:not(.button) {
  color: #4f0ae4;
  text-decoration: underline;
}
html.is-docs .textblock code.setting-value.dismissable {
  position: relative;
  padding-right: 20px;
  cursor: pointer;
}
html.is-docs .textblock code.setting-value.dismissable:after {
  font: normal normal normal 14px/1 FontAwesome;
  display: inline-block;
  font: normal normal normal 14px FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: 1.28571429em;
  width: 1.28571429em;
  text-align: center;
  position: absolute;
  right: 5px;
  top: 5px;
  content: "\f00d";
  color: #524f55;
}
html.is-docs .textblock code.setting-value.dismissable:hover:after {
  right: 2px;
  top: 2px;
  content: "\f057";
  font-size: 20px;
}
html.is-docs .textblock code.setting-value header {
  display: inline;
  margin-right: 10px;
  font-weight: bold;
  background-color: transparent !important;
}
html.is-docs .textblock code.setting-value.bottom-of-compound-sub-form {
  margin-bottom: -40px;
  margin-left: -30px;
  margin-right: -18px;
}
@media screen and (max-width: 600px) {
  html.is-docs .textblock code.setting-value.bottom-of-compound-sub-form {
    margin-left: -34px;
  }
}
html.is-docs .textblock code.setting-value.modal-dialog.hasMaxHeight {
  border: none;
}
html.is-docs .textblock code.setting-value p {
  color: #6c686f;
}
html.is-docs .textblock code.setting-value h1,
html.is-docs .textblock code.setting-value h2 {
  margin-top: 0;
}
html.is-docs .textblock code.setting-value:not(:last-child) {
  margin-bottom: var(--spacing);
}
html.is-docs .textblock code.setting-value p {
  color: #524f55;
}
html.is-docs .textblock code.setting-value.alert-warning {
  border: none;
  background: #fbe6a4;
  background: linear-gradient(161deg, #fbe6a4 0%, #fadf8c 100%);
}
html.is-docs .textblock code.setting-value.alert-success {
  border: none;
  background: #d4ead3;
  background: linear-gradient(161deg, #d4ead3 0%, #c3e2c2 100%);
}
html.is-docs .textblock code.setting-value.alert-error {
  border: none;
  background: #fcbcbc;
  background: linear-gradient(161deg, #fcbcbc 0%, #fdd4d4 100%);
}
html.is-docs .textblock code.setting-value.alert-info {
  border: none;
  background: #cceaf5;
  background: linear-gradient(161deg, #cceaf5 0%, #b7e1f1 100%);
}
html.is-docs .textblock code.setting-value a:not(.button) {
  color: #4f0ae4;
  text-decoration: underline;
}
html.is-docs .textblock code.setting-value a:not(.button):hover {
  text-decoration: none;
}
html.is-docs .textblock code.setting-value .icon-question {
  background-position-y: -23px;
}
@media screen {
  html.is-docs .group-container.bg-background-outer {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border: 1px solid rgba(162, 162, 162, 0.3);
    background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
    box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background-clip: padding-box;
  }
}
@media print {
  html.is-docs .group-container.bg-background-outer {
    background-color: transparent;
    padding: 0 !important;
    margin: 0 !important;
    page-break-inside: avoid;
  }
}
html.is-automation {
  padding-top: 0;
}
@media screen and (max-width: 768px) {
  html.is-automation .navigation-container {
    position: relative;
  }
}
.docs-spa .side-bar {
  background: linear-gradient(190deg, #f2f2f2 20%, rgba(216, 199, 253, 0) 60%);
  background-attachment: fixed;
}
.docs-spa .side-bar a {
  color: #524f55;
}
.docs-spa .side-bar a:hover {
  color: #6b2bf6;
}
.docs-spa .sticky-menu {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
}
.docs-spa .content-window .title-menu .button {
  border-radius: 35px;
  background-clip: padding-box;
  min-height: 35px;
  height: 35px;
  min-width: 35px !important;
  width: auto;
  line-height: 31px;
  padding: 0 9px !important;
}
.docs-spa .content-window .title-menu li {
  margin: 0;
  margin-left: 5px;
}
.docs-spa .content-window .title-menu li:after {
  content: '';
  margin: 0;
}
.docs-spa .content-window .cannot-find-form {
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(162, 162, 162, 0.3);
  background: linear-gradient(161deg, #fbfbfb 0%, #fbfbfb 100%);
  box-shadow: 0px 1px 4px 0 rgba(0, 0, 0, 0.25);
  border-radius: 10px;
  background-clip: padding-box;
}
@media print {
  .bg-background-inner,
  .bg-background {
    background-color: white;
  }
  .main-container {
    background: white;
  }
  p,
  .pre,
  textarea,
  pre,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  .h1,
  .h2,
  .h3,
  .h4,
  .h5,
  .h6 {
    color: black;
  }
}
html.is-chromeless.is-docs {
  background: none;
  background-color: #ffffff;
}
html.is-chromeless.is-docs #spaContainer {
  background: none;
  background-color: #ffffff;
}
@media print {
  .wrapper-container {
    display: block;
  }
  .button {
    font-family: 'BodyFont', 'Helvetica', 'Arial', sans-serif;
    font-size: 100%;
  }
  .navigation-container {
    padding: 0;
    margin: 0;
    background: none;
  }
  .navigation-menu-v2-1-0 {
    position: relative;
    height: auto;
    top: auto;
  }
  .wizard-screen > .wizard-header h1.screen-name,
  .wizard-form > .wizard-header h1.screen-name {
    margin-top: 0;
  }
  .data-component-container[data-display-type-shortcode="COMPOUND"] .repeater .repeater-holder .repeater-item {
    box-shadow: none !important;
    border-radius: 0 !important;
    font-size: 16px !important;
  }
  .data-component.notification-list-container .notification-list-item {
    box-shadow: none;
    border: none !important;
    color: black;
  }
  .main-container footer.main-footer {
    background: white;
    padding-left: 0;
  }
}