@charset "UTF-8";@import '/ACU/res/color_theme.css';

/* We do not want the local colour scheme to be included in the build, so we
 * can't use an @import rule directly (it will be resolved). Instead, we use
 * this token above which we have configured in the build to be replaced with
 * the correct @import rule.
 */
/* 0-specificity using :where.
 * Required because alternate color scheme is imported using @import, which puts
 * it at the top of the stylesheet, so for its properties assigned in :root to
 * take precedence, this declaration has to be even less specific.
 *
 * Because we're scoping the entire stylesheet to `html`, to increase specificity
 * over the RM styles, we will get some weird selector like `html :where(:root)`
 * here which will never apply.
 * So we will add a replacement to the build step, to replace `html :where(:root)`
 * with `:where(:root)` (and so we target the actual selector and not this comment,
 * we also find/replace the subsequent { character).
 */
/* The approach above does not work with RME Designer because it uses Edge v87. 
 * The :where selector was added in Edge v88.
 * Instead, we use --tmp-* variables to inherit the :root rules, and provide 
 * default values. We can't assign them to the same variable name, so we prefix 
 * them with -temp. Then, in the body, we assign them back to the original 
 * variable names.
 * This is:
 * (color_theme.css - imported)
 *   :root { --my-var: red; }
 * (this file)
 *   :root { --temp-my-var: var(--my-var, #A32); }
 *   body { --my-var: var(--temp-my-var); }
 * (in body, --my-var will take the value from color_theme.css if it's 
 * provided, or from the fallback value in :root if it's not)
*/
:root {
  --temp-bg-purple: var(--bg-purple, #3c1053);
  --temp-bg-dark-purple: var(--bg-dark-purple, #260b34);
  --temp-bg-light-purple: var(--bg-light-purple, #634075);
  --temp-bg-dark-sand: var(--bg-dark-sand, #8c857b);
  --temp-bg-sand: var(--bg-sand, #e8e3db);
  --temp-bg-medium-sand: var(--bg-medium-sand, #f1ede8);
  --temp-bg-light-sand: var(--bg-light-sand, #f7f3ed);
  --temp-bg-lighter-sand: var(--bg-lighter-sand, #fefaf6);
  --temp-bg-white-sand: var(--bg-white-sand, #fffdf9);
  --temp-border-grey-on-purple: var(--border-grey-on-purple, #d8cfdd);
  --temp-border-dark-grey: var(--border-dark-grey, #b1a9b6);
  --temp-text-grey: var(--text-grey, #212529);
  --temp-accent-red: var(--accent-red, #ed0c00);
  --temp-accent-deep-red: var(--accent-deep-red, #b80900);
  --temp-bg-light-red: var(--bg-light-red, #ffeeed);
  --temp-eform-number-indent: var(--eform-number-indent, 50px);
}
html body {
  --bg-purple: var(--temp-bg-purple);
  --bg-dark-purple: var(--temp-bg-dark-purple);
  --bg-light-purple: var(--temp-bg-light-purple);
  --bg-dark-sand: var(--temp-bg-dark-sand);
  --bg-sand: var(--temp-bg-sand);
  --bg-medium-sand: var(--temp-bg-medium-sand);
  --bg-light-sand: var(--temp-bg-light-sand);
  --bg-lighter-sand: var(--temp-bg-lighter-sand);
  --bg-sand: var(--temp-bg-sand);
  --bg-white-sand: var(--temp-bg-white-sand);
  --border-grey-on-purple: var(--temp-border-grey-on-purple);
  --border-dark-grey: var(--temp-border-dark-grey);
  --text-grey: var(--temp-text-grey);
  --accent-red: var(--temp-accent-red);
  --accent-deep-red: var(--temp-accent-deep-red);
  --bg-light-red: var(--temp-bg-light-red);
  --eform-number-indent: var(--temp-eform-number-indent);

  --page-nav-border-color: var(--border-grey-on-purple);
  --page-nav-bg-color: white;
  --page-nav-header-color: var(--bg-sand);
  --page-nav-active-color: var(--bg-light-sand);
}
html body {
  --rme-eforms-old-value-content-background-color: var(--bg-sand);
}
html .max-w-760 {
  max-width: 760px;
}
html .box {
  --box-accent-color: var(--bg-purple);
  background-color: var(--bg-lighter-sand);
  color: black;
  border-radius: 0 4px 4px 0;
  padding: 1rem 1.25rem;
  border-left: 0.5rem solid var(--box-accent-color);
  max-width: 760px;
  min-width: min-content;
  margin-bottom: 1rem;
}
html .box > :last-child {
  margin-bottom: 0;
}
html .box-primary {
  --box-accent-color: var(--bg-purple);
}
html .box-secondary {
  --box-accent-color: var(--bg-sand);
}
html .box-info {
  --box-accent-color: var(--info);
}
html .box-warning {
  --box-accent-color: var(--warning);
}
html .box-danger {
  --box-accent-color: var(--danger);
}
html .note {
  background-color: var(--bg-lighter-sand);
  border: 1px solid var(--bg-sand);
  border-radius: 4px;
  padding: 0.5rem;
  width: max-content;
  max-width: 760px;
  min-width: min-content;
}
html .note > :last-child {
  margin-bottom: 0;
}
html sh-breadcrumb .rm-breadcrumb a:last-child:not(:first-child)::before {
  content: none;
}
html sh-breadcrumb .rm-breadcrumb a {
  background: var(--bg-dark-purple);
  color: white;
  /* // padding-left: 20px; */
}
html sh-breadcrumb .rm-breadcrumb a span {
  position: relative;
  z-index: 3;
}
html sh-breadcrumb .rm-breadcrumb a:before {
  border-left-color: var(--border-grey-on-purple);
  /* // margin-left: -9px; */
}
html sh-breadcrumb .rm-breadcrumb a:after {
  border-left-color: var(--bg-dark-purple);
  /* // margin-left: -10px; */
}
html sh-breadcrumb .rm-breadcrumb a:nth-child(2) {
  background: var(--bg-dark-purple);
}
html sh-breadcrumb .rm-breadcrumb a:nth-child(2):after {
  border-left-color: var(--bg-dark-purple);
}
html sh-breadcrumb .rm-breadcrumb a:nth-child(3) {
  background: var(--bg-dark-purple);
}
html sh-breadcrumb .rm-breadcrumb a:nth-child(3):after {
  border-left-color: var(--bg-dark-purple);
}
html sh-breadcrumb .rm-breadcrumb a:nth-child(4) {
  background: var(--bg-dark-purple);
}
html sh-breadcrumb .rm-breadcrumb a:nth-child(4):after {
  border-left-color: var(--bg-dark-purple);
}
html sh-breadcrumb .rm-breadcrumb a:nth-child(5) {
  background: var(--bg-dark-purple);
}
html sh-breadcrumb .rm-breadcrumb a:nth-child(5):after {
  border-left-color: var(--bg-purple);
}
html sh-breadcrumb .rm-breadcrumb a:last-child:not(:first-child) {
  background: var(--bg-purple);
  color: white;
}
html sh-breadcrumb .rm-breadcrumb a:focus,
html sh-breadcrumb .rm-breadcrumb a:hover {
  background: var(--bg-light-purple);
  color: var(--border-grey-on-purple);
  text-decoration: underline;
}
html sh-breadcrumb .rm-breadcrumb a:focus:after,
html sh-breadcrumb .rm-breadcrumb a:hover:after {
  border-left-color: var(--bg-light-purple);
}
/* Menu */
html .rmui-app-title {
  background-color: var(--bg-sand);
  transition: width 0.15s;
}
html .rmui-menu-toggle {
  background: var(--bg-sand);
}
html .rmui-app-title:not(.expanded) {
  width: 0;
}
html .rmui-app-title .title-background {
  display: none;
}
/* 
  7.8.3:
  sh-main-menu.rmui-main-menu
    nav
      div.menu-wrapper
        button.menu-header-group
          span.menu-icon
          div.menu-header
        nav.menu-item-group
          a.menu-item
*/
html .rmui-main-menu {
  background-color: var(--bg-sand);
}
html .rmui-main-menu button {
  background-color: transparent;
}
html sh-main-menu .menu-wrapper .menu-header-group .menu-header {
  border: 0;
}
html sh-main-menu .menu-wrapper .menu-item-group {
  border: 0;
}
html sh-main-menu .menu-wrapper .menu-item-group .menu-item,
html sh-main-menu .menu-wrapper .menu-item-group .menu-item:nth-child(2n) {
  background: transparent;
}
html .dx-header-row {
  background: var(--bg-purple);
  color: white;
}
html .dx-datagrid-headers .dx-datagrid-table .dx-row > td {
  border-bottom: 0;
  border-color: var(--border-grey-on-purple);
}
html .dx-datagrid .dx-column-lines > td {
  border-color: var(--border-grey-on-purple);
}
html .dx-datagrid-rowsview .dx-row:hover > td {
  background: var(--bg-light-sand);
}
html .dx-datagrid .dx-row-alt > td {
  background: var(--bg-white-sand);
}
html .dx-datagrid-rowsview .dx-selection.dx-row > td {
  background: var(--bg-sand);
}
html .dx-datagrid-rowsview .dx-selection.dx-row.dx-column-lines > td {
  border-color: var(--border-grey-on-purple);
}
html .dx-datagrid-rowsview .dx-selection.dx-row:hover > td {
  background: var(--bg-sand);
}
html .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > td,
html .dx-datagrid-rowsview .dx-selection.dx-row.dx-row-lines > tr > td,
html .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > td,
html .dx-datagrid-rowsview .dx-selection.dx-row:hover.dx-row-lines > tr > td {
  border-color: var(--border-grey-on-purple);
}
html .dx-datagrid-headers {
  border-color: var(--bg-purple);
}
html .dx-datagrid-rowsview {
  border-color: var(--border-grey-on-purple);
  border-color: var(--bg-purple);
}
html .dx-checkbox.dx-state-hover .dx-checkbox-icon {
  border-color: var(--bg-light-purple);
}
html .dx-checkbox-indeterminate .dx-checkbox-icon,
html .dx-checkbox-checked .dx-checkbox-icon {
  color: var(--bg-light-purple);
}
html eforms-selector-grid thead,
html [data-id-name="SEGMENTS"] thead,
html .rmui-segment-grid thead {
  background: var(--bg-purple);
}
html .dx-datagrid-headers .dx-datagrid-table .dx-row:hover>td {
  background: var(--bg-light-purple);
}
/* TODO: WIP */
html .nav-link {
  display: block;
  padding: 0.5rem 1rem;
}
html .nav-link:focus,
html .nav-link:hover {
  text-decoration: none;
}
html .nav-link.disabled {
  color: #888;
  pointer-events: none;
  cursor: default;
}
html .nav-tabs .nav-item {
  margin-bottom: -1px;
  margin-top: 1px;
}
html .nav-tabs .nav-link {
  border: 1px solid transparent;
  border-radius: 0;
  margin-bottom: 0;
}
html .nav-tabs .nav-link:focus,
html .nav-tabs .nav-link:hover {
  border-color: var(--accent-red);
  background-color: transparent;
  color: var(--text-grey);
  /* border-bottom-width: 3px; */
}
html .nav-tabs .nav-link.disabled {
  color: #888;
  background-color: transparent;
}
html .nav-tabs .nav-item.show .nav-link,
html .nav-tabs .nav-link.active {
  color: var(--text-grey);
  background-color: transparent;
  border-color: var(--accent-red);
}
html .nav-tabs .nav-link {
  color: var(--bg-dark-sand);
  border-color: var(--bg-light-sand);
  border-width: 0 0 3px 0;
}
html .nav-tabs .nav-link.disabled {
  border-color: #dee2e6;
}
html .nav-tabs .nav-link.active {
  background-color: transparent;
  color: #000;
}
html .nav-tabs .nav-link.active:hover {
  background-color: transparent;
}
/* rmui-tabset .nav-tabs .nav-link.active {
  background: white;
  color: inherit;
  padding: 8px;
  // border-bottom-width: 3px;
  border-color: var(--bg-sand, $bg-sand);
  border-bottom-color: white;
  &:hover {
    background: var(--bg-white-sand, $bg-white-sand);
    border-bottom-color: white;
    color: var(--accent-red, $accent-red);
  }
}
rmui-tabset .nav-tabs .nav-link {
  background: var(--bg-light-sand, $bg-light-sand);
  color: var(--bg-dark-sand, $bg-dark-sand);
  border-color: var(--bg-sand, $bg-sand);
  border-width: 1px 1px 1px 1px;
  border-top-color: var(--bg-sand, $bg-sand);
  border-left-color: var(--bg-sand, $bg-sand);
  border-right-color: var(--bg-sand, $bg-sand);
  margin-right: 3px;
  border-radius: 4px 4px 0 0;
  &:hover {
    color: var(--accent-red, $accent-red);
    background: var(--bg-sand, $bg-sand);
    border-bottom: 1px solid var(--bg-sand, $bg-sand);
    border-color: var(--bg-sand, $bg-sand);
  }
} */
html rmui-tabset .nav-tabs .nav-link.active {
  background: var(--bg-sand, $bg-sand);
  color: inherit;
  padding: 8px;
}
html rmui-tabset .nav-tabs .nav-link.active:hover {
    background: var(--bg-medium-sand, $bg-medium-sand);
  }
html rmui-tabset .nav-tabs .nav-link {
  background: var(--bg-light-sand, $bg-light-sand);
  color: var(--bg-dark-sand, $bg-dark-sand);
  border-color: var(--bg-sand, $bg-sand);
  margin-right: 2px;
}
html rmui-tabset .nav-tabs .nav-link:hover {
  background: var(--bg-light-sand, $bg-light-sand);
}
html .rmui-lookup-input.readonly {
  background-color: #eee;
}
html .lookup-item.lookup-item-readonly {
  color: #555;
  background-color: #fcfcfc;
}
html .eforms-eform .content-body label {
  font-weight: normal;
}
html .alert-danger {
  color: var(--accent-red);
  background: white;
  border: 1px solid var(--accent-red);
  background: var(--bg-light-red);
}
html eforms-question .alert-danger {
  border-width: 0;
  background: transparent;
  color: var(--accent-red);
  padding: 0;
}
html .rmui-control.item-error {
  border: 0;
  background: var(--bg-light-red);
}
html rmui-lookup-item .lookup-item {
  background: var(--bg-sand);
}
/* Replace "mandatory" asterisk with an asterisk ICON */
html .mandatory,
html .system-mandatory {
  color: transparent;
}
html .mandatory::after, html .system-mandatory::after {
    display: inline-block;
    content: '\f069';
    font-family: FontAwesome;
    color: var(--accent-red);
    margin-left: -0.3rem;
  }
/* File input font size is too large */
html rmui-file-upload .form-control {
  font-size: inherit;
}
html .rmui-content-sidebar
  .sidepanel-container.sidepanel-full-height
  .fa-thumb-tack {
  color: var(--bg-purple);
}
html .rmui-content-sidebar .sidepanel-tab.sidepanel-tab-left,
  html .rmui-content-sidebar .sidepanel-tab.sidepanel-tab-right,
  html .rmui-content-sidebar .sidepanel-tab.sidepanel-tab-left:hover,
  html .rmui-content-sidebar .sidepanel-tab.sidepanel-tab-right:hover {
    border-top-color: var(--bg-purple);
  }
html .leftPanelCollapsed
  .rmui-content-sidebar.content-left-panel
  .rightPanelCollapsed
  .rmui-content-sidebar.content-right-panel {
  background: transparent;
}
html rmui-content-template-1 > .content-right-panel {
  /* For some reason, .content-left-panel already has this, but
  it's missing for .content-right-panel */
  overflow-y: auto;
}
html eforms-page-navigation .page-navigation .page-section-title {
    background-color: var(--page-nav-header-color);
    border-color: var(--page-nav-border-color);
  }
html eforms-page-navigation .page-navigation .page-title {
    background: var(--page-nav-bg-color);
  }
html eforms-page-navigation .page-navigation .page-title.active {
      background-color: var(--page-nav-active-color);
    }
html eforms-page-navigation .page-navigation .page-group {
    border-left-color: var(--page-nav-border-color);
    border-right-color: var(--page-nav-border-color);
  }
html eforms-page-navigation .page-navigation .page-section:last-child .page-title:last-child {
    border-bottom-color: var(--page-nav-border-color);
  }
html .rmui-main-footer, html sh-main-footer {
  background: var(--bg-sand);
  display: block;
  max-width: 100%;
  padding: 4px;
  color: inherit;
  font-size: 12px;
}
html .rmui-main-footer > div:first-child, html sh-main-footer > div:first-child {
  /* "Australian Catholic University" */
  font-weight: bold;
}
html .rmui-main-footer > div:last-child, html sh-main-footer > div:last-child {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(min-content, 1fr) minmax(0, 1fr);
}
:is(html .rmui-main-footer > div:last-child,html sh-main-footer > div:last-child) > *:first-child {
    grid-column: 2;
  }
:is(html .rmui-main-footer > div:last-child,html sh-main-footer > div:last-child) > *:last-child {
    text-align: right;
  }
html .rmui-widget .widget-container {
  border-color: var(--bg-sand);
  box-shadow: none;
}
html .rmui-widget .widget-container .widget-header {
  color: var(--text-grey);
  background: var(--bg-light-sand);
  border-color: var(--bg-sand);
}
html .loading-banner::before {
    position: absolute;
    left: calc(50% - 100px);
    top: calc(50% - 100px);
    width: 200px;
    height: 200px;
    background: var(--bg-purple);
    border-radius: 10px;
    content: ' ';
    display: block;
    z-index: -1;
  }
html .loading-banner .loading-logo {
    background-image: url(/ACU/dist/assets/orion_logo.svg);
    width: 160px;
    height: 100px;
    background-size: 160px 100px;
    background-position: center;
    background-repeat: no-repeat;
    margin-bottom: -24px;
  }
html .loading-banner .loading-spinner {
    position: relative;
    text-align: center;
    animation: rotate 4s infinite linear;
    text-align: center;
    margin: 0;
    width: 80px;
    height: 80px;
  }
html .loading-banner .loading-spinner-cube1,
  html .loading-banner .loading-spinner-cube2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 20%;
    background-color: #fff;
    border-radius: 100%;
    animation: bounce 4s infinite ease-in-out;
  }
html .loading-banner .loading-spinner-cube2 {
    top: auto;
    bottom: 0;
    animation-delay: -2s;
    background: #ed0c00;
  }
@keyframes bounce {
  0%,
  100% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
}
@keyframes rotate {
  100% {
    transform: rotate(360deg);
  }
}
html rmui-design-container {
  border-color: var(--bg-purple);
}
html rmui-design-container .design-header,
html eforms-page-view-designer rmui-content-sidebar .sidepanel-title,
html eforms-page-view-designer .toolbox-list .toolbox-field,
html eforms-page-view-designer .toolbox-list .toolbox-related-item {
  background-color: var(--bg-purple);
}
html .btn-primary,
html .btn-primary.disabled,
html .btn-primary:disabled {
  color: #fff;
  background-color: var(--bg-purple);
  border-color: var(--bg-light-purple);
}
html .btn-primary:not(:disabled):not(.disabled):active,
html .btn-primary:not(:disabled):not(.disabled):hover {
  color: #fff;
  background-color: var(--bg-light-purple);
  border-color: var(--bg-light-purple);
}
html .btn-primary:not(:disabled):not(.disabled):active.focus,
html .btn-primary:not(:disabled):not(.disabled):active:focus,
html .btn-primary:not(:disabled):not(.disabled):hover.focus,
html .btn-primary:not(:disabled):not(.disabled):hover:focus {
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(60, 16, 83, 0.42);
}
html .btn-primary:not(:disabled):not(.disabled).focus,
html .btn-primary:not(:disabled):not(.disabled):focus {
  background-color: var(--bg-light-purple);
  border-color: var(--bg-light-purple);
  box-shadow: 0 0 0 0.2rem rgba(0, 136, 255, 0.5);
  box-shadow: 0 0 0 0.2rem rgba(60, 16, 83, 0.42);
}
html .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #07b;
  background-color: var(--bg-light-purple);
  border-color: #07b;
  border-color: var(--bg-light-purple);
}
html .btn-secondary {
  color: #444;
  background-color: #ddd;
  border-color: #bbb;
}
html .btn-secondary:not(:disabled):not(.disabled):active,
html .btn-secondary:not(:disabled):not(.disabled):hover {
  color: #444;
  background-color: #bbb;
  border-color: #bbb;
}
html .btn-secondary:not(:disabled):not(.disabled):active.focus,
html .btn-secondary:not(:disabled):not(.disabled):active:focus,
html .btn-secondary:not(:disabled):not(.disabled):hover.focus,
html .btn-secondary:not(:disabled):not(.disabled):hover:focus {
  box-shadow: 0 0 0 0.2rem rgba(172, 172, 172, 0.5);
}
html .btn-secondary:not(:disabled):not(.disabled).focus,
html .btn-secondary:not(:disabled):not(.disabled):focus {
  box-shadow: 0 0 0 0.2rem rgba(172, 172, 172, 0.5);
}
html .dropdown-item.active,
html .dropdown-item:active {
  background-color: var(--bg-light-purple);
}
html eforms-manage-dashboards .dashboard-list button.active {
  background-color: var(--bg-purple)
}
html button.button_style_1 {
  background-color: #86d1e5;
}
html button.button_style_1:hover {
    /* This !important declaration is needed because the default RME stylesheet uses it -- grrr. */
    background-color: #7bbacb !important; 
  }
html .btn.disabled, html .btn:disabled {
  opacity: 0.35;
}
/* Only where the :has selector is supported */
@supports (selector(:has(*))) {
  html eforms-question-container:has(.prefix) eforms-question > * {
    padding-left: var(--eform-number-indent);
  }

  html eforms-related-item-editor:not(:has(.prefix)) eforms-question > * {
    padding-left: 0;
  }

  html rmui-label .prefix {
    position: absolute;
    margin-left: calc(-1 * var(--eform-number-indent));
  }
}
html .sign[title="Action Comment"] + .comments-list:has(.actions):last-child::after {
  content: 'Warning: Replying to all the action comments will lock the page against any further edits. Make all your changes to this page (including any document uploads) before replying to the final action comment.';
  background: hsl(0,100%,95%);
  color: hsl(0,100%,25%);
  padding: 6px;
  margin: 4px;
  border-radius: 2px;
  display: inline-block;
}
/* Separate the previous and next buttons from the main form content */
html #eform-page-bottom-buttons {
  padding-bottom: 0.125rem;
  padding-top: 0.5rem;
  border-top: 1px solid rgb(204, 204, 204);
  margin-top: 2rem;
}
html eforms-eform #eform-page-bottom-buttons #next-page::after {
  content: '▸';
}
html eforms-eform #eform-page-bottom-buttons #prev-page::after {
  content: '';
}
html eforms-eform #eform-page-bottom-buttons #prev-page::before {
  content: '◂';
}
html main.content:has(#eform-page-bottom-buttons) {
  padding-bottom: 0;
}
html eforms-eform eforms-question-container .help-text {
  position: relative;
}
html eforms-eform eforms-question-container .help-text .alert {
  margin-bottom: 0;
}
html body > * {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto,
     Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
 }
html a {
   color: var(--bg-light-purple);
 }
html a:visited {
     color: var(--bg-dark-purple);
   }
html a:hover {
     color: var(--bg-dark-purple);
     color: var(--accent-red);
   }
html a:active {
     color: var(--bg-dark-purple);
   }
html .btn-link {
   color: var(--bg-light-purple);
   text-decoration: underline;
   padding: 0 4px;
 }
html .btn-link:hover {
     color: var(--accent-red);
   }
html .btn-link:active {
     color: var(--bg-dark-purple);
   }
/* Basic livery */
html .rmui-banner {
   background-color: var(--bg-purple);
 }
html .rmui-app-toolbar {
   background-color: var(--bg-dark-purple);
   border: 0;
   color: white;
 }
html .rmui-app-toolbar a,
   html .rmui-app-toolbar .btn-link {
     color: white;
   }
:is(html .rmui-app-toolbar a,html .rmui-app-toolbar .btn-link):hover {
       color: #ddd;
     }
html :is(eforms-search, eforms-committee-meeting, eforms-core-item-page, eforms-custom-content, eforms-role-eform-template-access, eforms-home, eforms-manage-dashboards, eforms-classification-page, eforms-eform-email-template-listing, eform-email-template-edit, eforms-system-preferences, eforms-manage-save-search, eforms-user-role, eforms-page-view-designer, eforms-user-ethics, eforms-user-project, eforms-linked-page-view-page, eforms-user-contract, eforms-user-fund-scheme-access, eforms-user-study-classification-access, eforms-category-page, rmui-toolbar)
   > .toolbar {
   background-color: var(--bg-sand);
   border: 0;
 }
html :is(eforms-search, eforms-committee-meeting, eforms-core-item-page, eforms-custom-content, eforms-role-eform-template-access, eforms-home, eforms-manage-dashboards, eforms-classification-page, eforms-eform-email-template-listing, eform-email-template-edit, eforms-system-preferences, eforms-manage-save-search, eforms-user-role, eforms-page-view-designer, eforms-user-ethics, eforms-user-project, eforms-linked-page-view-page, eforms-user-contract, eforms-user-fund-scheme-access, eforms-user-study-classification-access, eforms-category-page, rmui-toolbar)
   > .toolbar .toolbar-btn {
     background-color: var(--bg-sand);
   }
html :is(eforms-search, eforms-committee-meeting, eforms-core-item-page, eforms-custom-content, eforms-role-eform-template-access, eforms-home, eforms-manage-dashboards, eforms-classification-page, eforms-eform-email-template-listing, eform-email-template-edit, eforms-system-preferences, eforms-manage-save-search, eforms-user-role, eforms-page-view-designer, eforms-user-ethics, eforms-user-project, eforms-linked-page-view-page, eforms-user-contract, eforms-user-fund-scheme-access, eforms-user-study-classification-access, eforms-category-page, rmui-toolbar)
   > .toolbar .toolbar-btn:hover:not([disabled]) {
       background-color: var(--bg-light-sand);
       color: inherit;
     }
/* Fixes - really these are bugs: */
html .leftPanelCollapsed .content-left-panel,
 html .rightPanelCollapsed .content-right-panel {
   background: transparent;
 }
/* TODO: Add to a sub-component */
html .rmui-collapse {
   box-shadow: 0 0.063em 0.313em 0 rgba(0, 0, 0, 0.07),
     0 0.438em 1.063em 0 rgba(0, 0, 0, 0.1);
   margin-bottom: 0.5rem;
 }
html .rmui-collapse .collapse-header {
   margin-top: 0.25rem;
   border: 1px solid var(--bg-sand);
   background: var(--bg-light-sand);
   padding: 0.5rem;
 }
html .rmui-collapse .collapse-header + hr {
   display: none;
 }
html .rmui-collapse .collapse-header label {
   font-size: 1em;
   margin-bottom: 0px;
 }
html .rmui-collapse .collapse-content {
   border: 1px solid var(--bg-sand);
   border-top: 0;
   padding: 0.5rem;
 }
html .rmui-groupbox fieldset {
   border: 1px solid var(--bg-sand);
   border-radius: 0px;
 }
html .rmui-content-title .content-title {
   background-color: var(--bg-sand);
   color: inherit;
 }
html .rmui-content-title .content-title button {
     color: inherit;
   }
html .rmui-content-title .content-title-detail-items {
   background-color: var(--bg-light-sand);
   border: 0;
 }
html .content-title-detail label {
   margin-bottom: 0;
 }
html .rmui-statement label {
   font-weight: normal;
 }
html eforms-search .search-content {
   padding: 0.5rem 0 0 0;
   border: 0;
 }
html eforms-related-item-editor .ric-open-item-header {
   background: var(--bg-purple);
 }
html .bg-primary {
   background-color: var(--bg-purple) !important;
 }
html eforms-page-status .pagestatus-revisit {
   color: #ffbf00; /* Orange like the generic bullet */
 }
/* Fix scrollbar appearing on file inputs */
html .form-control p {
   margin-bottom: 0;
 }
/* Add underline to links within eforms-question-container elements */
html eforms-question-container a {
  text-decoration: underline;
 }