/*
 * Note: This file should only be used for classes whose colour can be changed by users
 * via the system setting screen.
*/
body.login {
  background-image: url('../images/aurion-logo-background.png');
}
.header-title,
.modal > .modal-dialog > .modal-content > .modal-header {
  background-color: #333333 !important;
}
.header-title .title,
.modal > .modal-dialog > .modal-content > .modal-header .title,
.header-title .modal-title,
.modal > .modal-dialog > .modal-content > .modal-header .modal-title,
.header-title .fa-xmark,
.modal > .modal-dialog > .modal-content > .modal-header .fa-xmark {
  color: #FFFFFF !important;
}
html footer#menu-mobile {
  background-color: white;
}
html footer#menu-mobile #mobile-menu-header {
  color: #FFFFFF;
}
html footer#menu-mobile [role='menu'] .dropdown-divider {
  border-top-color: rgba(0, 0, 0, 0.25);
}
html footer#menu-mobile [role='menu'] a,
html footer#menu-mobile [role='menu'] button {
  color: rgba(0, 0, 0, 0.75);
}
html footer#menu-mobile [role='menu'] a:hover,
html footer#menu-mobile [role='menu'] button:hover,
html footer#menu-mobile [role='menu'] a:focus,
html footer#menu-mobile [role='menu'] button:focus {
  background-color: #eddefb;
  color: black;
}
#load.ess-progress .ess-progress-bar {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.33)), to(rgba(0, 0, 0, 0.33)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0.33));
}
#logo {
  background-image: url('../images/logo.png');
}
#bpa-reports #bpa-report-xml-result-list header {
  display: block;
}
.alert-link {
  cursor: pointer;
}
.modal,
.modal-header,
.modal-open {
  margin-right: 0 !important;
  padding-right: 0 !important;
}
@media print {
  .staff-schedule-print button,
  .staff-schedule-print section {
    display: none;
  }
}
label:not(.btn).text-hide {
  color: transparent !important;
  background-color: transparent;
}
input[type='checkbox'] {
  accent-color: #9650d5;
}
input[type='radio'] {
  accent-color: #9650d5;
}
.flatpickr-calendar .numInputWrapper span {
  right: auto;
}
.dropdown-item.text-facebook {
  color: #3b5998;
}
.dropdown-item.text-linkedin {
  color: #007bb6;
}
.dropdown-item.text-twitter {
  color: #00aced;
}
.timekeeper-custom-html {
  line-height: 1;
}
.seek-apply-btn-iframe {
  height: 42px;
  width: 205px;
  min-width: 205px;
  margin-right: 0.125rem;
  margin-left: 0.125rem;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
}
@media screen and (min-width: 576px) and (max-width: 767px) {
  .seek-apply-btn-iframe {
    margin-top: 0.25em;
  }
  a.next-seek-iframe {
    margin-top: 0.25em;
    width: 100%;
  }
}
@media only screen and (max-width: 575.98px) {
  .seek-apply-btn-iframe {
    width: 100%;
    height: 38px;
    margin: 0.125rem 0;
  }
}
.fa-chevron-down {
  -webkit-transition: linear 0.3s;
  transition: linear 0.3s;
  font-size: 1.5em;
}
.fa-chevron-down.rotate {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.radio-label {
  color: #181a1b !important;
  display: block;
  text-transform: none !important;
}
.radio-label input[type='radio'] {
  vertical-align: middle;
  margin-top: -4px;
}
.radiogroup > div {
  padding-top: calc(0.375rem + 1px);
}
#autoSaveNotification {
  z-index: 2600;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
}
#autoSaveNotification.visible {
  opacity: 1;
  visibility: visible;
}
#autoSaveNotification.hiding {
  visibility: visible;
}
.notification-below-menu {
  top: 60px;
}
.text-pre-wrap {
  white-space: pre-wrap;
}
.btn-no-border {
  border: 0;
}
.scale150 {
  -webkit-transform: scale(1.5);
          transform: scale(1.5);
}
.cursor-default {
  cursor: default;
}
.btn.btn-outline-danger.disabled,
.btn.btn-outline-danger:disabled {
  opacity: 0.35;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-select-action {
  font-weight: bold;
  color: #9650d5;
}
.flex-flow-row-wrap {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.px-10px {
  padding-left: 10px;
  padding-right: 10px;
}
.px-15px {
  padding-left: 15px;
  padding-right: 15px;
}
.ps-0 {
  padding-left: 0;
}
.checkbox-padding {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
.me-8px {
  margin-right: 8px;
}
.height-100pct {
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .ms-lg-8px {
    margin-left: 8px !important;
  }
}
.mt-lg-8px {
  margin-top: 8px !important;
}
@media only screen and (min-width: 768px) {
  .mt-lg-8px {
    margin-top: 0px !important;
  }
}
.toggle-flex {
  -webkit-box-orient: vertical !important;
  -webkit-box-direction: normal !important;
      -ms-flex-direction: column !important;
          flex-direction: column !important;
}
@media only screen and (min-width: 768px) {
  .toggle-flex {
    -webkit-box-orient: horizontal !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
            flex-direction: row !important;
  }
}
.ms-button-group {
  margin-left: 3.5rem;
}
.custom-control-input:checked ~ .custom-control-label::before {
  background-color: #9650d5;
  border-color: #9650d5;
}
.action-items .actionable-list [role='group']:hover,
.section-accordian .actionable-list [role='group']:hover,
.action-items .actionable-list [role='group']:focus,
.section-accordian .actionable-list [role='group']:focus,
.action-items .actionable-list [role='group']:active,
.section-accordian .actionable-list [role='group']:active {
  background: transparent;
}
@media only screen and (min-width: 768px) {
  .action-items .actionable-list [role='group']:hover,
  .section-accordian .actionable-list [role='group']:hover,
  .action-items .actionable-list [role='group']:focus,
  .section-accordian .actionable-list [role='group']:focus,
  .action-items .actionable-list [role='group']:active,
  .section-accordian .actionable-list [role='group']:active {
    background: #eddefb;
  }
}
.actionable-list .actionable:focus,
.actionable-list .actionable:focus-visible {
  background-color: #eddefb;
  outline: none;
}
.flex-basis-auto {
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}
.font-size-inherit {
  font-size: inherit;
}
.modal-content-erm-bulk-process {
  margin-top: 20px;
}
.container-full-screen {
  max-width: 90%;
}
.erm-flag {
  color: red;
}
.send-message-form {
  padding: 1em 1em 0 1em;
}
.send-message-form__actions button {
  margin: 0.125em;
}
.send-message-form__field {
  padding-top: 0.5em;
  text-align: left;
}
.send-message-form__field.radio-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.send-message-form__field.radio-group label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 7px;
}
.send-message-form__keywords-button {
  background: none !important;
  border: none;
  padding: 0 !important;
  margin: 0.5em 0;
  text-decoration: underline;
  cursor: pointer;
}
.send-message-form__keywords-button:focus {
  outline: none;
}
.send-message-form__keywords-list {
  text-align: left;
  font-size: smaller;
}
.send-message-results__heading {
  padding-top: 1em;
  padding-bottom: 0.5em;
}
.horizontal-scroll {
  overflow-x: auto;
  white-space: nowrap;
}
.progress-step-horizontal {
  display: inline-block;
  max-width: 95px;
  width: 95px;
  vertical-align: top;
}
.rounded-start {
  border-top-left-radius: 0.25rem !important;
  border-bottom-left-radius: 0.25rem !important;
}
.is-floating {
  z-index: 101 !important;
}
.is-floating .floating-button-bar {
  border-right: none !important;
  border-left: none !important;
}
@media only screen and (min-width: 768px) {
  .floating-button-bar {
    padding: 1.25rem 3.125rem 0.25rem 3rem;
    margin-top: 1rem;
    -webkit-box-shadow: none;
            box-shadow: none;
    background-color: #fff;
  }
  .tabpanel .floating-button-bar-margin {
    margin: 0 -1.25rem -0.625rem;
  }
  section .floating-button-bar-margin {
    margin: 0 -3.125rem -0.625rem;
  }
  .floating-button-bar-sticky {
    margin-top: 1.5rem;
    position: relative;
    position: sticky;
    width: auto;
    bottom: -1px;
  }
  .floating-button-bar-sticky.inside-modal {
    margin: -12px;
    -webkit-box-shadow: none;
            box-shadow: none;
    overflow: hidden;
    padding-top: 0px;
  }
  .inside-modal .floating-button-bar {
    padding: 0.25rem 1.75rem 1.25rem 2.65rem;
  }
  .is-floating .floating-button-bar {
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    border: #dee0e1 solid 1px;
  }
  #timekeeper .action-items:not(.d-none),
  .timekeeper .action-items:not(.d-none) {
    -webkit-transform: translateX(-44px);
            transform: translateX(-44px);
  }
}
@media only screen and (min-width: 481px) {
  .new-alert {
    width: 100%;
  }
}
.max-height-38 {
  max-height: 38px;
}
#user .pic.desktop {
  margin: 0px 12px 0 0;
}
.custom-switch-top:after {
  margin-top: 0.65rem;
}
.colour-selector {
  border-left-width: 2.5rem;
}
.svg {
  fill: #9650d5;
}
.svg .svg-clip-path-1 {
  -webkit-clip-path: url(#SVGID_00000039847035408328987370000014321118689431679106_);
          clip-path: url(#SVGID_00000039847035408328987370000014321118689431679106_);
}
.svg .svg-clip-path-2 {
  -webkit-clip-path: url(#SVGID_00000050633536861890054800000017723051020945200783_);
          clip-path: url(#SVGID_00000050633536861890054800000017723051020945200783_);
}
.svg .svg-clip-path-3 {
  -webkit-clip-path: url(#SVGID_00000050662106518276189940000010851093767453296042_);
          clip-path: url(#SVGID_00000050662106518276189940000010851093767453296042_);
}
.survey-exp .comments-field {
  margin-right: 1.5rem;
}
@media only screen and (min-width: 768px) {
  .survey-exp .comments-field {
    margin-right: 1.5rem;
    margin-left: -0.5rem;
  }
}
.survey-exp .table-responsive {
  padding-right: inherit;
  padding-left: inherit;
}
.survey-exp .col-form-label,
.survey-exp .table-radio-label {
  color: black !important;
  font-size: 0.938rem !important;
}
div.select div.header-select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  position: relative;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-width: 1px;
  border-style: inherit;
  border-color: inherit;
  border-radius: inherit;
  min-height: 2.625rem;
}
div.select:focus {
  border-color: #eddefb;
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.25rem rgba(150 80 213 / 25%);
          box-shadow: 0 0 0 0.25rem rgba(150 80 213 / 25%);
}
div.select button {
  margin: 0;
  top: 0;
  right: 0;
  background-color: white;
  color: inherit;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
  border: none;
  font-size: 1.125rem;
  padding: 0;
  width: 42px;
}
div.select:not([multiple]) .header-select span {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding: 0.5em;
  height: 2.625rem;
}
.select .header-select select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: none;
}
.select .header-select select optgroup {
  display: none;
}
.select select div.option {
  display: none;
}
div.select {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  border: 0 solid var(--bs-border-color);
  border-radius: 0.25rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
div.select datalist {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  position: absolute;
  border: var(--bs-border-width) solid var(--bs-border-color);
  left: 0;
  display: none;
  width: 100%;
  max-height: 250px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
  overflow-y: scroll;
  z-index: 100;
  top: 42px;
  -ms-scroll-chaining: none;
      overscroll-behavior: none;
}
div.select datalist div.option {
  background-color: white;
  cursor: pointer;
  padding: 0.5em;
  border-width: 0;
}
div.select datalist div.option:last-of-type {
  border-bottom-left-radius: 0.625rem;
  border-bottom-right-radius: 0.625rem;
}
div.select datalist .opt-group-label {
  background: white;
  padding: 0.5rem;
}
div.select[data-open] {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
div.select[data-open] datalist {
  display: initial;
}
div.select datalist div.option:hover,
div.select datalist .option-selected:hover,
div.select datalist div.option:focus,
div.select datalist div.option:checked {
  background-color: #eddefb;
}
div.select div.optgroup div.option[data-disabled] {
  color: gray;
}
div.select div.optgroup div.option[data-checked] {
  background-color: #9650d5;
  color: white;
}
div.select div.optgroup div.label {
  font-weight: bold;
}
div.select div.optgroup div.option div.label {
  font-weight: normal;
  padding: 0.25em;
}
datalist .label {
  min-height: 24px;
}
.combobox .form-input-wrap .select {
  min-height: 42px;
}
div.select div.option[aria-selected='true'] {
  background-color: white;
}
div.select div.option .fa-check {
  font-weight: 600;
  font-size: 1.625rem;
  color: #9650d5;
  padding-right: 1rem;
}
div.select div.option-current {
  border-width: unset !important;
  border: 2px #9650d5 solid;
  overflow: initial !important;
  scroll-margin-top: 60px;
}
div.select .header-select.form-control-danger {
  padding-left: 0.5625rem !important;
  border-left-color: #bd2c00 !important;
  border-left-width: 0.25rem !important;
}
div.select[disabled] {
  background-color: #e4e6e7;
  opacity: 1;
}
div.select[disabled] button {
  background-color: #c3c7c9;
  border-width: 0px;
  border-left: 1px;
  border-color: inherit;
  border-style: solid;
  cursor: unset;
}
div[multiple] .header-select {
  height: auto;
  padding: 0.5em;
}
div[multiple] .option-pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  padding: 0.125rem;
}
div[multiple] .option-pills .empty-span {
  padding: 0rem;
  height: auto;
}
div[multiple] .opt-span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-radius: 1rem;
  background-color: #eddefb;
  min-height: 2rem;
  height: auto;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 0.75rem;
  margin: 0.125rem;
}
div[multiple] .opt-span .fa-xmark {
  -ms-flex-line-pack: center;
      align-content: center;
  font-size: 1.25rem;
  font-weight: bolder;
  cursor: pointer;
  color: #9650d5;
}
div[multiple] .opt-span .fa-xmark:hover {
  color: #3f1865;
}
#timekeeper .btn.section-caret {
  margin-right: 1rem;
}
.line-spacing-1p3 {
  line-height: 1.3 !important;
}
dialog::-webkit-backdrop {
  background-color: rgba(0, 0, 0, 0.2);
}
dialog::backdrop {
  background-color: rgba(0, 0, 0, 0.2);
}
.dialog-container {
  width: 100%;
  max-width: 35rem;
  color: #545454;
  border: none;
  border-radius: 0.625rem;
  padding: 0;
}
.dialog-container .dialog-message {
  margin: 1em 1.6em 0.3em;
  padding: 0;
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  word-wrap: break-word;
  word-break: break-word;
}
.dialog-container .dialog-title {
  padding: 0.8em 1em 0;
  font-size: 1.625em;
  font-weight: 500;
  word-wrap: break-word;
}
.dialog-container .button-container {
  padding: 0 0 0.625rem;
}
.dialog-container #iconContainer {
  opacity: 0.5;
}
#time-out-dialog::-webkit-backdrop {
  background-image: url('../images/aurion-logo-background.png');
  background-color: #f4f4f4;
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: top;
  background-size: 50rem 40rem;
}
#time-out-dialog::backdrop {
  background-image: url('../images/aurion-logo-background.png');
  background-color: #f4f4f4;
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: top;
  background-size: 50rem 40rem;
}
#time-out-dialog {
  width: 35rem;
  max-width: 94%;
}
#time-out-dialog .button-container {
  padding: 1.75em 0 0;
  font-size: 1em;
}
.dialog-open {
  height: auto;
  overflow: hidden;
}
.time-unit-container {
  display: inline;
  position: relative;
}
.time-unit-container > .form-input-time-unit {
  max-width: 4em;
  display: inline;
}
.time-unit-container > .time-unit-picker-container {
  background: #fff;
  border: 1px solid #333;
  -webkit-box-shadow: 0 3px 2px rgba(0, 0, 0, 0.6);
          box-shadow: 0 3px 2px rgba(0, 0, 0, 0.6);
  margin-top: 2px;
  overflow: hidden;
  position: absolute;
  z-index: 3000;
  display: grid;
  grid-template-columns: auto;
  padding: 0.5em;
  font-family: monospace;
}
.time-unit-container > .time-unit-picker-container > .picker-item {
  padding: 0.1em 1em;
  text-decoration: none;
  text-wrap: nowrap;
  cursor: pointer;
}
.time-unit-container > .time-unit-picker-container .picker-item:hover {
  background-color: #eddefb;
}
.time-unit-container > .allow24hour > :last-child {
  grid-column: 2;
}
.time-unit-container > .picker-col-2 {
  grid-template-columns: repeat(2, auto);
}
.time-unit-container > .picker-col-5 {
  grid-template-columns: repeat(5, auto);
}
[leaveBalanceToggleGroup] {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
[leaveBalanceToggleGroup] .btn-toggles {
  margin-bottom: 1.125rem !important;
}
[leaveBalanceToggleGroup] .btn-toggles .btn {
  height: 38px;
}
.btn-group.btn-toggles {
  display: grid;
  grid-template-columns: repeat(2, auto);
  border-radius: 0.625rem;
}
@media only screen and (min-width: 481px) {
  .btn-group.btn-toggles {
    grid-template-columns: repeat(3, auto);
  }
}
@media only screen and (min-width: 768px) {
  .btn-group.btn-toggles {
    grid-template-columns: repeat(5, auto);
  }
}
.btn-group.btn-toggles .btn {
  text-align: center;
  white-space: nowrap;
  -webkit-box-shadow: none;
          box-shadow: none;
  font-weight: 500;
  color: rgba(0 0 0 / 65%);
  border: #dee0e1 solid 1px;
  border-radius: 0.625rem;
}
.btn-group.btn-toggles .btn:not(:first-child) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.btn-group.btn-toggles .btn:first-child {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.btn-group.btn-toggles .btn:hover,
.btn-group.btn-toggles .btn:focus {
  background-color: rgba(0 0 0 / 4%);
  -webkit-box-shadow: none;
          box-shadow: none;
}
.btn-group.btn-toggles .btn.active {
  background-color: #eddefb;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.expander[aria-expanded='true']:hover,
.expander[aria-expanded='true']:focus {
  background-color: #f4f4f4 !important;
}
.expander[aria-expanded='false']:hover,
.expander[aria-expanded='false']:focus {
  background-color: #9650d5 !important;
  color: white;
}
.expander[aria-expanded='false']:hover .fa-light,
.expander[aria-expanded='false']:focus .fa-light {
  color: white !important;
}