/* Original CSS path: /xbl/orbeon/countdown/countdown.css */
.xbl-fr-countdown {
  display: inline-block;
}
.xbl-fr-countdown .fr-countdown-end-time {
  display: none;
}
/* Original CSS path: /apps/fr/style/form-runner-responsive.css */
@media (max-width: 980px) {
  .orbeon .fr-view {
    width: auto;
    padding: 0 10px;
  }
  .orbeon .span12 {
    width: auto;
    float: none;
  }
  .orbeon.xforms-mobile select,
  .orbeon.xforms-mobile textarea,
  .orbeon.xforms-mobile input[type="text"],
  .orbeon.xforms-mobile input[type="password"],
  .orbeon.xforms-mobile input[type="datetime"],
  .orbeon.xforms-mobile input[type="datetime-local"],
  .orbeon.xforms-mobile input[type="date"],
  .orbeon.xforms-mobile input[type="month"],
  .orbeon.xforms-mobile input[type="time"],
  .orbeon.xforms-mobile input[type="week"],
  .orbeon.xforms-mobile input[type="number"],
  .orbeon.xforms-mobile input[type="email"],
  .orbeon.xforms-mobile input[type="url"],
  .orbeon.xforms-mobile input[type="search"],
  .orbeon.xforms-mobile input[type="tel"],
  .orbeon.xforms-mobile input[type="color"] {
    font-size: 16px;
  }
  .orbeon .fr-toc-with-body.fr-toc-position-left .fr-toc,
  .orbeon .fr-toc-with-body.fr-toc-position-top .fr-toc,
  .orbeon .fr-toc-with-body.fr-toc-position-left .fr-wizard-toc,
  .orbeon .fr-toc-with-body.fr-toc-position-top .fr-wizard-toc {
    position: static;
    max-width: 100%;
  }
  .orbeon .fr-toc-with-body.fr-toc-position-left > * {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }
  .orbeon .fr-toc-with-body.fr-toc-position-left > * .fr-toc {
    max-width: none;
    width: 100%;
    box-sizing: border-box;
  }
}
/* Original CSS path: /forms/assets/css/design_system.css */
/* Orbeon root class */
.orbeon {
  font-family: 'BC Sans', 'Noto Sans', Verdana, Arial, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.25 !important;
}

/* Focus style */
:focus {
  outline: 4px solid #3B99FC !important;
}

/* Border around form */
.fr-border {
  border: none !important;
}

/* Links */
.orbeon a {
  color: #1a5a96;
}
.orbeon a:hover {
  color: blue;
  text-decoration: none;
}

/* Button control (BC Secondary Button) */
.orbeon button.btn {
  background-color: white !important;
  border-color: #003366 !important;
  color: #003366 !important;
}
.orbeon button.btn:hover {
  background-color: #003366 !important;
  border-color: #003366 !important;
  color: white !important;
  opacity: 0.8 !important;
  text-decoration: underline !important;
}
.orbeon button.btn:focus {
  background-color: #003366 !important;
  border-color: #003366 !important;
  box-shadow: 0 0 0 3px #3B99FC !important;
  color: white !important;
  opacity: 0.8 !important;
  outline: none !important;
  text-decoration: underline !important;
}

/* Section titles */
.orbeon .xbl-fr-section h2.fr-section-title, .orbeon .xbl-fr-section h3.fr-section-title, .orbeon .xbl-fr-section h4.fr-section-title, .orbeon .xbl-fr-section h5.fr-section-title, .orbeon .xbl-fr-section h6.fr-section-title {
  background-color: white !important;
  background-image: none !important;
  color: #313132 !important;
  font-family: 'BC Sans', 'Noto Sans', Verdana, Arial, sans-serif !important;
  font-weight: 700 !important;
}
.orbeon .xbl-fr-section h2.fr-section-title {
  font-size: 30px !important;
}
.orbeon .xbl-fr-section h3.fr-section-title {
  font-size: 26px !important;
}
.orbeon .xbl-fr-section h4.fr-section-title {
  font-size: 21px !important;
}
.orbeon .xbl-fr-section .fr-section-title .fr-section-label {
  color: #313132 !important;
  font-family: 'BC Sans', 'Noto Sans', Verdana, Arial, sans-serif !important;
  font-size: 30px !important;
}
.orbeon .xbl-fr-section .fr-section-title .fr-section-label a {
  color: #313132 !important;
}

/* Body text */
.p1, .p2, .s1 {
  font-family: 'BC Sans', 'Noto Sans', Verdana, Arial, sans-serif !important;
  font-size: 16px;
  line-height: 1.25;
}
.orbeon .xbl-fr-wizard .fr-wizard-body ul {
  margin-left: 10px;
}
.orbeon .xbl-fr-wizard .fr-wizard-body li {
  margin-bottom: 10px;
  line-height: 1.25;
  padding-left: 15px;
}
.orbeon .xbl-fr-wizard .fr-wizard-body li:first-child {
  margin-top: 10px;
}

/* Labels */
.orbeon label {
  line-height: 2 !important;
}
.orbeon .xforms-label {
  line-height: 2 !important;
}

/* Checkbox labels */
.orbeon label.checkbox {
  color: #313132 !important;
  cursor: pointer !important;
  display: block !important;
  font-size: 16px !important;
  margin-bottom: 12px !important;
  position: relative !important;
  user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -webkit-user-select: none !important;
}

/* Checkbox inputs */
.orbeon label.checkbox input[type="checkbox"] {
  background-color: #fff !important;
  border: 2px solid #606060 !important;
  border-radius: 0 !important;
  display: inline-block !important;
  font-size: 0.9em !important;
  height: 18px !important;
  line-height: 0.9em !important;
  margin-top: 0 !important;
  position: relative !important;
  text-align: center !important;
  width: 18px !important;
  appearance:none !important;
  -moz-appearance:none !important;
  -webkit-appearance: none !important;
  user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  -webkit-user-select: none !important;
}

/* Checkbox checkmarks (white on grey background) */
.orbeon label.checkbox input[type="checkbox"]:checked {
  background-color: #606060 !important;
}
.orbeon label.checkbox input[type="checkbox"]:after {
  color: white !important;
  content: '\2713' !important;
}

/* Checkbox label spans */
.orbeon label.checkbox span {
  line-height: 1.2 !important;
  margin-left: 10px !important;
}

/* Checkbox spans when checked */
.orbeon label.checkbox input[type="checkbox"]:checked ~ span:after {
  background-color: #606060 !important;
}

/* Scrollable checkbox control */
.orbeon .fr-view .xbl-fr-box-select .xforms-select-appearance-full .xforms-items {
  border: 1px solid #606060 !important;
}

/* List items */
.orbeon li {
  font-size: 16px;
  line-height: 1.6;
}

/* Radio button labels */
.orbeon .xforms-select1-appearance-full label.radio {
  color: #313132 !important;
  font-family: 'BC Sans', 'Noto Sans', Verdana, Arial, sans-serif !important;
  font-size: 16px !important;
  position: relative !important;
}

/* Radio button (hide the browser default) */
.orbeon label.radio input[type="radio"] {
  opacity: 0;
}

/* Radio button label text in span */
.orbeon .xforms-select1-appearance-full label.radio > span {
  font-family: 'BC Sans', 'Noto Sans', Verdana, Arial, sans-serif !important;
  line-height: 1.2 !important;
  margin: 0 0 5px 30px;
}

/* Radio button (BC style) */
.orbeon label.radio span:before {
  background-color: transparent;
  border: 2px solid #606060;
  border-radius: 50%;
  content: '';
  height: 20px;
  left: 0px;
  position: absolute;
  top: 0px;
  width: 20px;
}
.orbeon label.radio input[type="radio"]:focus + span:before {
  outline: 4px solid #3B99FC !important;
}

/* Radio button dot (BC Style), hidden when not checked */
.orbeon label.radio input[type="radio"]:checked + span:after {
  background: #606060;
  border-radius: 50%;
  content: '';
  height: 10px;
  left: 5px;
  position: absolute;
  top: 5px;
  width: 10px;
}

/* Required asterisk red */
.orbeon .xforms-required .xforms-label::before {
  color: #D8292F !important;
}
.orbeon .xbl-fr-checkbox-input.xforms-required .checkbox span::before {
  color: #D8292F !important;
}
.orbeon .fr-mode-new .xforms-required.xforms-empty .xforms-label::before {
  color: #D8292F !important;
}
.orbeon .fr-mode-new .xforms-required .xforms-label::before {
  color: #D8292F !important;
}

/* Select dropdown */
.orbeon .xbl-fr-grid .fr-grid select {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjMzEzMTMyIiBkPSJNMjA3LjAyOSAzODEuNDc2TDEyLjY4NiAxODcuMTMyYy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFsMjIuNjY3LTIyLjY2N2M5LjM1Ny05LjM1NyAyNC41MjItOS4zNzUgMzMuOTAxLS4wNEwyMjQgMjg0LjUwNWwxNTQuNzQ1LTE1NC4wMjFjOS4zNzktOS4zMzUgMjQuNTQ0LTkuMzE3IDMzLjkwMS4wNGwyMi42NjcgMjIuNjY3YzkuMzczIDkuMzczIDkuMzczIDI0LjU2OSAwIDMzLjk0MUwyNDAuOTcxIDM4MS40NzZjLTkuMzczIDkuMzcyLTI0LjU2OSA5LjM3Mi0zMy45NDIgMHoiLz48L3N2Zz4K) no-repeat !important;
  background-color: white !important;
  background-position: right 10px center !important;
  background-repeat: no-repeat !important;
  background-size: 1em !important;
  border: 1px solid #606060 !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #313132 !important;
  font-family: 'BC Sans', 'Noto Sans', Verdana, Arial, sans-serif !important;
  font-size: 16px !important;
  height: 44px !important;
  line-height: 20px !important;
 /*  min-width: 200px !important; */
  padding: 5px 45px 5px 8px !important;
  appearance:none !important;
  -webkit-appearance: none !important;
  -moz-appearance:none !important;
}
.orbeon .xbl-fr-grid .fr-grid select:focus {
  border: 1px solid #3B99FC !important;
  box-shadow: 0 0 0 2px #3B99FC !important;
  outline: none !important;
}

/* Static select dropdown  */
.orbeon .select2 span.selection {
  border: 1px solid #606060 !important;
  border-radius: 4px !important;
  display: block !important;
  height: 44px !important;
}
.orbeon .select2 span.selection:focus-within {
  border: 1px solid #3B99FC !important;
  box-shadow: 0 0 0 2px #3B99FC !important;
}
.orbeon .select2 span.selection span.select2-selection {
  border: 0 !important;
  height: 42px !important;
}
.orbeon .select2 span.selection span.select2-selection:focus {
  outline: 0px !important;
}
.orbeon .select2 span.selection span.select2-selection .select2-container--default,
.orbeon .select2 span.selection span.select2-selection .select2-selection--single,
.orbeon .select2 span.selection span.select2-selection .select2-selection__rendered {
  color: #313132 !important;
  line-height: 44px !important;
}
/* "x" to clear selection in field */
.orbeon .select2 span.selection span.select2-selection .select2-selection__rendered span.select2-selection__clear {
  background: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJ0aW1lcyIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLXRpbWVzIGZhLXctMTEiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzUyIDUxMiI+PHBhdGggZmlsbD0iIzMxMzEzMiIgZD0iTTI0Mi43MiAyNTZsMTAwLjA3LTEwMC4wN2MxMi4yOC0xMi4yOCAxMi4yOC0zMi4xOSAwLTQ0LjQ4bC0yMi4yNC0yMi4yNGMtMTIuMjgtMTIuMjgtMzIuMTktMTIuMjgtNDQuNDggMEwxNzYgMTg5LjI4IDc1LjkzIDg5LjIxYy0xMi4yOC0xMi4yOC0zMi4xOS0xMi4yOC00NC40OCAwTDkuMjEgMTExLjQ1Yy0xMi4yOCAxMi4yOC0xMi4yOCAzMi4xOSAwIDQ0LjQ4TDEwOS4yOCAyNTYgOS4yMSAzNTYuMDdjLTEyLjI4IDEyLjI4LTEyLjI4IDMyLjE5IDAgNDQuNDhsMjIuMjQgMjIuMjRjMTIuMjggMTIuMjggMzIuMiAxMi4yOCA0NC40OCAwTDE3NiAzMjIuNzJsMTAwLjA3IDEwMC4wN2MxMi4yOCAxMi4yOCAzMi4yIDEyLjI4IDQ0LjQ4IDBsMjIuMjQtMjIuMjRjMTIuMjgtMTIuMjggMTIuMjgtMzIuMTkgMC00NC40OEwyNDIuNzIgMjU2eiI+PC9wYXRoPjwvc3ZnPgo=) no-repeat !important;
  height: 22px !important;
  margin: 10px 30px 10px 10px !important;
  overflow: hidden !important;
  text-indent: 100% !important;
  white-space: nowrap !important;
  width: 22px !important;
}
/* Selection arrow  */
.orbeon .select2-selection__arrow {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjMzEzMTMyIiBkPSJNMjA3LjAyOSAzODEuNDc2TDEyLjY4NiAxODcuMTMyYy05LjM3My05LjM3My05LjM3My0yNC41NjkgMC0zMy45NDFsMjIuNjY3LTIyLjY2N2M5LjM1Ny05LjM1NyAyNC41MjItOS4zNzUgMzMuOTAxLS4wNEwyMjQgMjg0LjUwNWwxNTQuNzQ1LTE1NC4wMjFjOS4zNzktOS4zMzUgMjQuNTQ0LTkuMzE3IDMzLjkwMS4wNGwyMi42NjcgMjIuNjY3YzkuMzczIDkuMzczIDkuMzczIDI0LjU2OSAwIDMzLjk0MUwyNDAuOTcxIDM4MS40NzZjLTkuMzczIDkuMzcyLTI0LjU2OSA5LjM3Mi0zMy45NDIgMHoiLz48L3N2Zz4K) no-repeat !important;
  height: 20px !important;
  margin: 11px 12px !important;
}
.orbeon .select2-selection__arrow b {
  display: none !important;
}

/* Dropdown menu (left control in grid) */
.orbeon .dropdown.fr-grid-dropdown-menu.open ul.dropdown-menu li {
  background: none;
  padding-left: 0px;
}

/* Hint text */
.orbeon .fr-grid .xforms-hint {
  color: #767676 !important;
  font-size: 16px !important;
  margin-top: 0 !important;
}

/* Text input */
.orbeon .xbl-fr-grid .fr-grid input[type="text"] {
  border: 1px solid #606060 !important;
  border-radius: 4px !important;
  color: #313132 !important;
  font-family: 'BC Sans', 'Noto Sans', Verdana, Arial, sans-serif !important;
  font-size: 16px !important;
  height: 44px !important;
  margin: 0 0 0 0 !important;
  padding: 5px 5px 5px 7px !important;
  transition: none !important;
  min-width: 44px;
}

.orbeon .xbl-fr-grid .fr-grid input[type="text"]:focus {
  border: 1px solid #3B99FC !important;
  box-shadow: 0 0 0 2px #3B99FC !important;
  outline: none !important;
}

.orbeon .xforms-empty.xforms-invalid input[type="text"] {
  border: 1px solid #606060 !important;
  border-radius: 4px !important;
  color: #313132 !important;
  font-family: 'BC Sans', 'Noto Sans', Verdana, Arial, sans-serif !important;
  font-size: 16px !important;
  height: 44px !important;
  margin: 0 0 0 0 !important;
  padding: 5px 5px 5px 7px !important;
  transition: none !important;
  min-width: 44px;
  box-shadow: none!important;
}

.orbeon .fr-email-recipient.xforms-empty.xforms-type-email.xforms-invalid input[type="text"]:focus {
  border: 1px solid #3B99FC !important;
  box-shadow: 0 0 0 2px #3B99FC !important;
  outline: none !important;
}

.orbeon .xforms-form .xbl-component .input-append .xforms-input-input:focus {
  border-bottom: 1px solid #3B99FC !important;
  border-left: 1px solid #3B99FC !important;
  border-right: 0px !important;
  border-top: 1px solid #3B99FC !important;
  box-shadow: 0 0 0 2px #3B99FC !important;
  outline: none !important;
}
.orbeon .xforms-form .xbl-component .input-prepend .xforms-input-input:focus {
  border-bottom: 1px solid #3B99FC !important;
  border-left: 0px !important;
  border-right: 1px solid #3B99FC !important;
  border-top: 1px solid #3B99FC !important;
  box-shadow: 0 0 0 2px #3B99FC !important;
  outline: none !important;
}
.orbeon .xforms-form .xbl-component .input-prepend.input-append .xforms-input-input:focus {
  border-bottom: 1px solid #3B99FC !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 1px solid #3B99FC !important;
  border-radius: 0px !important;
  box-shadow: 0 0 0 2px #3B99FC !important;
}

/* Text input with character count for secrets/passwords */
.orbeon .xforms-secret input {
  border: 1px solid #606060 !important;
  font-family: 'BC Sans', 'Noto Sans', Verdana, Arial, sans-serif !important;
  font-size: 16px !important;
  height: 44px !important;
}
.orbeon .xforms-secret input:focus {
  border: 1px solid #3B99FC !important;
  box-shadow: 0 0 0 2px #3B99FC;
  outline: none !important;
}
.orbeon .xbl-fr-character-counter > .fr-charcounter-wrapper > .xforms-control.xforms-secret.xforms-incremental input {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-right: none !important;
}
.orbeon .xbl-fr-character-counter > .fr-charcounter-wrapper > .xforms-control.xforms-secret.xforms-incremental input:focus {
  border-bottom-right-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-right: 1px solid #3B99FC !important;
  outline: none !important;
}
.orbeon .xbl-fr-character-counter > .fr-charcounter-wrapper > .fr-charcounter-count {
  border: 1px solid #606060 !important;
  border-left: none !important;
  border-radius: 0px 4px 4px 0px !important;
  height: 44px !important;
  line-height: 2.4 !important;
  margin: 0px !important;
  margin-left: 0px !important;
}
.orbeon .xbl-fr-character-counter > .fr-charcounter-wrapper > .fr-charcounter-count .label.fr-charcounter-current.xforms-control.xforms-output {
  background: none !important;
  color: #767676 !important;
  font-size: 16px !important;
  font-weight: normal !important;
  line-height: 2.6 !important;
  padding: 0px 8px !important;
  text-shadow: none !important;
}

/* Text output */
.orbeon .xforms-output.xforms-output-appearance-minimal output[role="textbox"] {
  font-size: 16px !important;
}

/* Textarea input - plain text */
.orbeon .xbl-fr-grid .fr-grid textarea {
  border: 1px solid #606060 !important;
  border-radius: 4px !important;
  font-size: 16px !important;
}
.orbeon .xbl-fr-grid .fr-grid textarea:focus {
  border: 1px solid #3B99FC !important;
  box-shadow: 0 0 0 2px #3B99FC;
  outline: none !important;
}

/* Textarea input - formatted text in TinyMCE WYSIWYG editor */
.orbeon .mce-tinymce {
  border: 1px solid #606060 !important;
}
.orbeon .mce-btn-group:not(:first-child) {
  border-left: 1px solid #606060 !important;
}

/* Add-on buttons next to input fields */
.orbeon .xforms-form .xbl-component .input-prepend > .add-on,
.orbeon .xforms-form .xbl-component .input-append > .add-on {
  flex-shrink: 0;
  min-height: 44px;
  min-width: 44px;
  padding: 0 !important;
}
.orbeon .xforms-form .xbl-component .input-prepend > .add-on i,
.orbeon .xforms-form .xbl-component .input-append > .add-on i {
  margin-top: 10px;
}
/* Add-on prepend, ie. "$" label before input field */
.orbeon .input-prepend .add-on {
  background-color: white;
  border-color: #606060;
  border-right: 0px !important;
}
.orbeon .xforms-form .xbl-component .input-prepend > :not(.add-on) {
  border-left: 0px !important;
  border-top-left-radius: 0px 0px !important;
  border-bottom-left-radius: 0px 0px !important;
}
.orbeon .xforms-form .xbl-component .input-prepend > .add-on .xforms-output-output,
.orbeon .xforms-form .xbl-component .input-append > .add-on .xforms-output-output {
  font-size: 16px !important;
  text-shadow: none !important;
  font-weight: 700;
  line-height: 42px !important;
  padding: 0 3px
}
.orbeon .xforms-form .xbl-component .input-append .xforms-input-input {
  border-bottom: 1px solid #606060 !important;
  border-left: 1px solid #606060 !important;
  border-top: 1px solid #606060 !important;
  border-radius: 4px 4px 4px 4px !important;
}
.orbeon .xforms-form .xbl-component .input-append .add-on:last-child {
  background-color: white !important;
  border-bottom: 1px solid #606060 !important;
  border-left: 0px !important;
  border-right: 1px solid #606060 !important;
  border-top: 1px solid #606060 !important;
  line-height: 42px !important;
}

/* Input field with both suffix and prefix add-ons, needs square border */
.orbeon .xforms-form .xbl-component .input-prepend.input-append .xforms-input-input {
  border-bottom: 1px solid #606060 !important;
  border-left: 0px !important;
  border-right: 0px !important;
  border-top: 1px solid #606060 !important;
  border-radius: 0px !important;
}

/* Date and time input add-on button */
.orbeon .xbl-fr-grid .fr-grid .input-append.date span.add-on {
  background-color: #E6E6E6 !important;
  border-bottom-left-radius: 4px;
  border-left: 1px solid #606060 !important;
  border-top-left-radius: 4px;
  margin-left: 4px;
  padding: 0px 0px;
}
.orbeon .xbl-fr-grid .fr-grid .input-append.date input:focus + span.add-on {
  background-color: #B8B8B8 !important;
  padding: 0px 0px;
}
.orbeon .xbl-fr-grid .fr-grid .input-append.date span.add-on i {
  margin-top: 13px;
  text-shadow: none !important;
}
/* .orbeon .xforms-type-date .date span.add-on {

} */

/* Help icon (FontAwesome circled "i", changed to circled "?") */
.orbeon .xbl-fr-grid .fr-grid .xforms-help:not(:empty)::before {
  content: "\f059";
}
.orbeon .xbl-fr-grid .fr-grid .xforms-help:not(:empty) {
  font-size: 16px !important;
  max-height: 16px !important;
  max-width: 16px !important;
  margin-top: 7px !important;
}

/* Popover div (hint text) */
.orbeon .popover {
  background-color: #E6E6E6 !important;
  box-shadow: 0px 2px 2px #00000029 !important;
}
.orbeon .popover.xforms-help-popover {
  border: 0px !important;
}
/* Popover div "X" close button */
.orbeon .popover.xforms-help-popover .close {
  color: #313132 !important;
  opacity: 1.0 !important;
  text-shadow: none !important;
}
.orbeon .popover.xforms-help-popover .close:hover {
  opacity: 0.9 !important;
}
.orbeon .popover.xforms-help-popover .popover-content {
  font-size: 16px !important;
}
.orbeon .popover-title {
  background-color: #E6E6E6 !important;
  border-bottom: none !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin-bottom: 0px !important;
  margin-top: 0px !important;
}
/* Popover div arrow */
.orbeon .popover.bottom .arrow {
  border-bottom-color: #E6E6E6 !important;
}
.orbeon .popover.bottom .arrow::after {
  border-bottom-color: #E6E6E6 !important;
}
.orbeon .popover.left .arrow {
  border-left-color: #E6E6E6 !important;
}
.orbeon .popover.left .arrow::after {
  border-left-color: #E6E6E6 !important;
}
.orbeon .popover.right .arrow {
  border-right-color: #E6E6E6 !important;
}
.orbeon .popover.right .arrow::after {
  border-right-color: #E6E6E6 !important;
}
.orbeon .popover.top .arrow {
  border-top-color: #E6E6E6 !important;
}
.orbeon .popover.top .arrow::after {
  border-top-color: #E6E6E6 !important;
}

/* Error/alert message */
.orbeon .xforms-alert.xforms-active {
  background: none !important;
  border: none !important;
  color: #D8292F;
  font-weight: 700 !important;
  margin-top: 0px !important;
  padding: 4px 0px 2px 0px !important;
}
.orbeon .xforms-alert.xforms-active::before {
  border: 0px !important;
  content: "\f071" !important;
  display: inline-block !important;
  font: normal normal normal 14px/1 FontAwesome !important;
  left: 0px !important;
  padding-right: 4px !important;
  position: relative !important;
  top: 0px !important;
  width: auto !important;
}

/* Error summary section title */
/* .orbeon .xforms-group.fr-error-summary-body.fr-level-error .xforms-label.fr-error-title */
.orbeon .xbl-fr-error-summary .fr-level-error > .fr-error-title {
  background: none !important;
  border-bottom: 0px !important;
  color: #D8292F;
  font-size: 16px !important;
  font-weight: 700 !important;
}
.orbeon .xbl-fr-error-summary .fr-level-error > .fr-error-title::before {
  content: "\f071" !important;
  font: normal normal normal 14px/1 FontAwesome !important;
  padding-right: 4px !important;
}

/* Error list item */
.orbeon .xbl-fr-error-summary .fr-error-group > li {
  border: 0px !important;
  color: #D8292F;
  padding: 5px 10px !important;
}
.orbeon .xbl-fr-error-summary .fr-error-group .fr-level-error .fr-error-label,
.orbeon .xbl-fr-error-summary .fr-error-group .fr-level-error .fr-error-alert {
  color: #D8292F;
}

/* Text input field with error */
.orbeon .xbl-fr-grid .fr-grid .xforms-group.xforms-invalid input[type="text"] {
  border-color: #D8292F;
  box-shadow: 0 0 0 2px #D8292F;
}

/* Question labels */
.orbeon .fr-grid .xforms-label {
  color: #313132 !important;
  font-size: 16px !important;
  font-weight: 700;
  margin: 0 0 7px 0 !important;
}

/* Question group */
.orbeon .xbl-fr-grid .fr-grid:not(.fr-grid-css) .fr-grid-body .fr-grid-td > .xforms-control, .orbeon .xbl-fr-grid .fr-grid:not(.fr-grid-css) .fr-grid-body .fr-grid-td > .xbl-component, .orbeon .xbl-fr-grid .fr-grid:not(.fr-grid-css) .fr-grid-body .fr-grid-td > .xforms-group {
  margin: 0 0 30px 0 !important;
}

/* File upload, image upload */
.orbeon .xforms-upload-info {
  background: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJwYXBlcmNsaXAiIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1wYXBlcmNsaXAgZmEtdy0xNCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSIjNjA2MDYwIiBkPSJNNDMuMjQ2IDQ2Ni4xNDJjLTU4LjQzLTYwLjI4OS01Ny4zNDEtMTU3LjUxMSAxLjM4Ni0yMTcuNTgxTDI1NC4zOTIgMzRjNDQuMzE2LTQ1LjMzMiAxMTYuMzUxLTQ1LjMzNiAxNjAuNjcxIDAgNDMuODkgNDQuODk0IDQzLjk0MyAxMTcuMzI5IDAgMTYyLjI3NkwyMzIuMjE0IDM4My4xMjhjLTI5Ljg1NSAzMC41MzctNzguNjMzIDMwLjExMS0xMDcuOTgyLS45OTgtMjguMjc1LTI5Ljk3LTI3LjM2OC03Ny40NzMgMS40NTItMTA2Ljk1M2wxNDMuNzQzLTE0Ni44MzVjNi4xODItNi4zMTQgMTYuMzEyLTYuNDIyIDIyLjYyNi0uMjQxbDIyLjg2MSAyMi4zNzljNi4zMTUgNi4xODIgNi40MjIgMTYuMzEyLjI0MSAyMi42MjZMMTcxLjQyNyAzMTkuOTI3Yy00LjkzMiA1LjA0NS01LjIzNiAxMy40MjgtLjY0OCAxOC4yOTIgNC4zNzIgNC42MzQgMTEuMjQ1IDQuNzExIDE1LjY4OC4xNjVsMTgyLjg0OS0xODYuODUxYzE5LjYxMy0yMC4wNjIgMTkuNjEzLTUyLjcyNS0uMDExLTcyLjc5OC0xOS4xODktMTkuNjI3LTQ5Ljk1Ny0xOS42MzctNjkuMTU0IDBMOTAuMzkgMjkzLjI5NWMtMzQuNzYzIDM1LjU2LTM1LjI5OSA5My4xMi0xLjE5MSAxMjguMzEzIDM0LjAxIDM1LjA5MyA4OC45ODUgMzUuMTM3IDEyMy4wNTguMjg2bDE3Mi4wNi0xNzUuOTk5YzYuMTc3LTYuMzE5IDE2LjMwNy02LjQzMyAyMi42MjYtLjI1NmwyMi44NzcgMjIuMzY0YzYuMzE5IDYuMTc3IDYuNDM0IDE2LjMwNy4yNTYgMjIuNjI2bC0xNzIuMDYgMTc1Ljk5OGMtNTkuNTc2IDYwLjkzOC0xNTUuOTQzIDYwLjIxNi0yMTQuNzctLjQ4NXoiPjwvcGF0aD48L3N2Zz4K) no-repeat !important;
  background-size: 16px !important;
  color: #606060 !important;
  padding-left: 22px !important;
}
.orbeon .xforms-output-appearance-xxforms-download a.xforms-output-output {
  display: inline-block !important;
  padding: 12px 0px !important;
}
.orbeon .xforms-output-appearance-xxforms-download i.icon-download {
  background: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJkb3dubG9hZCIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLWRvd25sb2FkIGZhLXctMTYiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgNTEyIDUxMiI+PHBhdGggZmlsbD0iIzYwNjA2MCIgZD0iTTIxNiAwaDgwYzEzLjMgMCAyNCAxMC43IDI0IDI0djE2OGg4Ny43YzE3LjggMCAyNi43IDIxLjUgMTQuMSAzNC4xTDI2OS43IDM3OC4zYy03LjUgNy41LTE5LjggNy41LTI3LjMgMEw5MC4xIDIyNi4xYy0xMi42LTEyLjYtMy43LTM0LjEgMTQuMS0zNC4xSDE5MlYyNGMwLTEzLjMgMTAuNy0yNCAyNC0yNHptMjk2IDM3NnYxMTJjMCAxMy4zLTEwLjcgMjQtMjQgMjRIMjRjLTEzLjMgMC0yNC0xMC43LTI0LTI0VjM3NmMwLTEzLjMgMTAuNy0yNCAyNC0yNGgxNDYuN2w0OSA0OWMyMC4xIDIwLjEgNTIuNSAyMC4xIDcyLjYgMGw0OS00OUg0ODhjMTMuMyAwIDI0IDEwLjcgMjQgMjR6bS0xMjQgODhjMC0xMS05LTIwLTIwLTIwcy0yMCA5LTIwIDIwIDkgMjAgMjAgMjAgMjAtOSAyMC0yMHptNjQgMGMwLTExLTktMjAtMjAtMjBzLTIwIDktMjAgMjAgOSAyMCAyMCAyMCAyMC05IDIwLTIweiI+PC9wYXRoPjwvc3ZnPgo=) no-repeat !important;
  background-position: 0px 0px !important;
  background-size: 16px !important;
  padding-right: 22px !important;
}
.orbeon .xforms-upload .xforms-upload-remove {
  background: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJ0aW1lcyIgY2xhc3M9InN2Zy1pbmxpbmUtLWZhIGZhLXRpbWVzIGZhLXctMTEiIHJvbGU9ImltZyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMzUyIDUxMiI+PHBhdGggZmlsbD0iI0Q4MjkyRiIgZD0iTTI0Mi43MiAyNTZsMTAwLjA3LTEwMC4wN2MxMi4yOC0xMi4yOCAxMi4yOC0zMi4xOSAwLTQ0LjQ4bC0yMi4yNC0yMi4yNGMtMTIuMjgtMTIuMjgtMzIuMTktMTIuMjgtNDQuNDggMEwxNzYgMTg5LjI4IDc1LjkzIDg5LjIxYy0xMi4yOC0xMi4yOC0zMi4xOS0xMi4yOC00NC40OCAwTDkuMjEgMTExLjQ1Yy0xMi4yOCAxMi4yOC0xMi4yOCAzMi4xOSAwIDQ0LjQ4TDEwOS4yOCAyNTYgOS4yMSAzNTYuMDdjLTEyLjI4IDEyLjI4LTEyLjI4IDMyLjE5IDAgNDQuNDhsMjIuMjQgMjIuMjRjMTIuMjggMTIuMjggMzIuMiAxMi4yOCA0NC40OCAwTDE3NiAzMjIuNzJsMTAwLjA3IDEwMC4wN2MxMi4yOCAxMi4yOCAzMi4yIDEyLjI4IDQ0LjQ4IDBsMjIuMjQtMjIuMjRjMTIuMjgtMTIuMjggMTIuMjgtMzIuMTkgMC00NC40OEwyNDIuNzIgMjU2eiI+PC9wYXRoPjwvc3ZnPgo=) no-repeat !important;
  box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  display: inline-block !important;
  height: 20px !important;
  margin-left: 8px !important;
  padding-left: 20px !important;
  width: 20px! important;
}

/* Image annotation control */
.orbeon .xbl-fr-wpaint .xforms-upload-info .xforms-upload-filename,
.orbeon .xbl-fr-wpaint .xforms-upload-info .xforms-upload-size {
  display: inline !important;
}

/* Handwritten control */
.orbeon .xbl-fr-handwritten-signature canvas {
  border: 1px solid #606060 !important;
}
.orbeon .xbl-fr-handwritten-signature .fr-handwritten-signature-clear {
  right: 8px !important;
  bottom: 11px !important;
}
.orbeon .xbl-fr-handwritten-signature .fr-handwritten-signature-clear a {
  color: #313132 !important;
}

/* Wizard left navigation panel */
.orbeon .nav-list {
  padding-left: 0 !important;
}

/* Wizard left navigation link list items */
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav li {
  background: none;
  padding-left: unset;
}

/* Wizard left navigation link text (normally no-wrap) */
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav a {
  white-space: normal;
}
.orbeon .nav-list > .active > span > a, .orbeon .nav-list > .active > span > a:hover {
	background-color: #355992;
}

/* Wizard left navigation with field in error  */
.orbeon .xbl-fr-wizard .fr-wizard-toc .nav .active.visible-invalid > span > a {
  background-color: #D8292F;
}

/* Wizard left navigation pagination links */
.contentPageMainColumn .fr-wizard-navigation ul > li {
  background: none !important;
  display: inline-block;
  padding-left: 0px;
}

/* Wizard left navigation pagination button group */
.orbeon .pagination ul {
  box-shadow: none !important;
}

/* Wizard left leftnavigation pagination count span */
.orbeon .pagination ul > li > span.fr-page-number {
  border: 2px solid white !important;
}

/* Wizard left navigation pagination link - left/prev and right/next arrow button enabled (BC Secondary Button) */
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal,
.orbeon .pagination ul > li:first-child > span.fr-wizard-prev.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal {
  background-color: white !important;
  border-width: 2px !important;
  border-style: solid !important;
  border-color: #003366 !important;
}
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal:hover,
.orbeon .pagination ul > li:first-child > span.fr-wizard-prev.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal:hover {
  background-color: #003366 !important;
  color: white !important;
  opacity: 0.8 !important;
}
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal:focus-within,
.orbeon .pagination ul > li:first-child > span.fr-wizard-prev.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal:focus-within {
  background-color: #003366 !important;
  border-color: #3B99FC !important;
  box-shadow: 0 0 0 1px #3B99FC !important;
  color: white !important;
  opacity: 0.8 !important;
}
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal a:focus,
.orbeon .pagination ul > li:first-child > span.fr-wizard-prev.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal a:focus  {
  outline: none !important;
}
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal a i.fa.fa-fw.fa-chevron-right::before,
.orbeon .pagination ul > li:first-child > span.fr-wizard-prev.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal a i.fa.fa-fw.fa-chevron-left::before {
  color: #003366 !important;
}
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal:focus-within a i.fa.fa-fw.fa-chevron-right::before,
.orbeon .pagination ul > li:first-child > span.fr-wizard-prev.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal:focus-within a i.fa.fa-fw.fa-chevron-left::before  {
  color: white !important;
}
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal:hover a i.fa.fa-fw.fa-chevron-right::before,
.orbeon .pagination ul > li:first-child > span.fr-wizard-prev.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal:hover a i.fa.fa-fw.fa-chevron-left::before  {
  color: white !important;
}

/* Wizard left navigation pagination link - right/next arrow button disabled (BC Disabled Primary Button) */
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly,
.orbeon .pagination ul > li:first-child > span.fr-wizard-prev.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly {
  cursor: not-allowed !important;
  opacity: 0.3 !important;
}
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly:focus-within,
.orbeon .pagination ul > li:first-child > span.fr-wizard-prev.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly:focus-within {
  background-color: white !important;
  opacity: 0.3 !important;
}
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly:hover {
  background-color: white !important;
  opacity: 0.3 !important;
}
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly:hover a i.fa.fa-fw.fa-chevron-right::before {
  color: #003366 !important;
  cursor: not-allowed !important;
}
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly a,
.orbeon .pagination ul > li:first-child > span.fr-wizard-prev.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly a {
  cursor: not-allowed !important;
}
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly a:focus,
.orbeon .pagination ul > li:first-child > span.fr-wizard-prev.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly a:focus {
  outline: none !important;
}
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly a i.fa.fa-fw.fa-chevron-right::before,
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly a:focus i.fa.fa-fw.fa-chevron-right::before {
  color: #003366 !important;
  cursor: not-allowed !important;
}
.orbeon .pagination ul > li:last-child > span.fr-wizard-next.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly:focus-within a i.fa.fa-fw.fa-chevron-right::before,
.orbeon .pagination ul > li:first-child > span.fr-wizard-prev.xforms-control.xforms-trigger.xforms-trigger-appearance-minimal.xforms-readonly a i.fa.fa-fw.fa-chevron-left::before {
  color: #003366 !important;
  cursor: not-allowed !important;
}

/* Bottom navigation - all buttons */
.orbeon .fr-buttons .xforms-trigger button {
  min-width: 9.5em;
  width: auto;
}
@media (max-width: 640px) {
  .orbeon .fr-buttons .xforms-trigger button {
    display: block;
    width: 100%;
    margin-left: 0;
  }
}
.orbeon span.xforms-control.xforms-trigger.xforms-trigger-appearance-full button {
  background-image: none !important;
  border-color: #003366 !important;
  border-style: solid !important;
  border-width: 2px !important;
  box-shadow: none !important;
  font-family: 'BC Sans', 'Noto Sans', Verdana, Arial, sans-serif !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  padding: 10px 30px !important;
  text-shadow: none !important;
}
.orbeon span.xforms-control.xforms-trigger.xforms-trigger-appearance-full button:focus {
  border-color: #3B99FC !important;
  box-shadow: 0 0 0 1px #3B99FC !important;
}
.orbeon span.xforms-control.xforms-trigger.xforms-trigger-appearance-full button:hover {
  text-decoration: underline !important;
}
.orbeon span.xforms-control.xforms-trigger.xforms-trigger-appearance-full.xforms-readonly button:hover {
  cursor: not-allowed !important;
  text-decoration: none !important;
}

/* Bottom navigation - Next button enabled (BC Primary Button) */
.orbeon span.fr-wizard-next-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button {
  background-color: #003366 !important;
  border-color: #003366 !important;
  color: white !important;
}
.orbeon span.fr-wizard-next-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button:focus {
  border-color: #3B99FC !important;
  box-shadow: 0 0 0 1px #3B99FC !important;
}
.orbeon span.fr-wizard-next-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button:hover {
  opacity: 0.8 !important;
}
.orbeon span.fr-wizard-next-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button i {
  color: white !important;
}

/* Bottom navigation - Next button disabled (BC Disabled Primary Button) */
.orbeon span.fr-wizard-next-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full.xforms-readonly button {
  background-color: #003366;
  border-color: #003366;
  color: white;
  cursor: not-allowed;
  opacity: 0.3;
}
.orbeon span.fr-wizard-next-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full.xforms-readonly button i {
  color: white;
  opacity: 1;
}

/* Bottom navigation - Previous button enabled (BC Secondary Button) */
.orbeon span.fr-wizard-prev-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button {
  background-color: white !important;
  border-color: #003366 !important;
  color: #003366 !important;
}
.orbeon span.fr-wizard-prev-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button:focus {
  border-color: #3B99FC !important;
  box-shadow: 0 0 0 1px #3B99FC !important;
}
.orbeon span.fr-wizard-prev-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button:hover {
  background-color: #003366 !important;
  border-color: #003366 !important;
  color: white !important;
  opacity: 0.8 !important;
}
.orbeon span.fr-wizard-prev-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button i {
  color: #003366 !important;
}
.orbeon span.fr-wizard-prev-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button:hover i {
  color: white !important;
}

/* Bottom navigation - Previous button disabled (BC Disabled Secondary Button) */
.orbeon span.fr-wizard-prev-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full.xforms-readonly button {
  background-color: white !important;
  border-color: #003366 !important;
  color: #003366 !important;
  cursor: not-allowed !important;
  opacity: 0.3 !important;
}
.orbeon span.fr-wizard-prev-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full.xforms-readonly button i {
  color: #003366 !important;
}

/* Bottom navigation - Clear button (BC Secondary Button) */
.orbeon span.fr-clear-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button {
  background-color: white !important;
  border-color: #003366 !important;
  color: #003366 !important;
}
.orbeon span.fr-clear-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full:focus button {
  border-color: #3B99FC !important;
  box-shadow: 0 0 0 1px #3B99FC !important;
}
.orbeon span.fr-clear-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full:hover button {
  background-color: #003366 !important;
  border-color: #003366 !important;
  color: white !important;
  opacity: 0.8 !important;
}
.orbeon span.fr-clear-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button i {
  color: #003366 !important;
}
.orbeon span.fr-clear-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full:hover button i {
  color: white !important;
}
.orbeon .fr-clear-confirm-dialog .btn-danger i {
  color: #003366 !important;
}
.orbeon .fr-clear-confirm-dialog .btn-danger:hover i {
  color: white !important;
}
/* Bottom navigation - Save PDF button (BC Secondary Button) */
.orbeon span.fr-pdf-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button {
  background-color: white !important;
  border-color: #003366 !important;
  color: #003366 !important;
}
.orbeon span.fr-pdf-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full:focus button {
  border-color: #3B99FC !important;
  box-shadow: 0 0 0 1px #3B99FC !important;
}
.orbeon span.fr-pdf-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full:hover button {
  background-color: #003366 !important;
  color: white !important;
  opacity: 0.8 !important;
}
.orbeon span.fr-pdf-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button i {
  color: #003366 !important;
}
.orbeon span.fr-pdf-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full:hover button i {
  color: white !important;
}

/* Bottom navigation - Refresh button (BC Secondary Button) */
.orbeon span.fr-refresh-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button {
  background-color: white !important;
  border-color: #003366 !important;
  color: #003366 !important;
}
@media (max-width: 640px) {
  .orbeon span.fr-refresh-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button {
    width: 100% !important;
  }
}
.orbeon span.fr-refresh-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full:focus button {
  border-color: #3B99FC !important;
  box-shadow: 0 0 0 1px #3B99FC !important;
}
.orbeon span.fr-refresh-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full:hover button {
  background-color: #003366 !important;
  color: white !important;
  opacity: 0.8 !important;
}
.orbeon span.fr-refresh-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button i {
  color: #003366 !important;
  left: -10px !important;
  position: relative !important;
}
@media (max-width: 640px) {
  .orbeon span.fr-refresh-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full button i {
    left: 0px !important;
  }
}
.orbeon span.fr-refresh-button.xforms-control.xforms-trigger.xforms-trigger-appearance-full:hover button i {
  color: white !important;
}

/* Bottom navigation - Submit/Email button (BC Primary Button) */
.orbeon .xforms-trigger-appearance-xxforms-primary .xforms-control.xforms-trigger.xforms-trigger-appearance-full button {
  background-color: #003366 !important;
  border-color: #003366 !important;
  color: white !important;
}
.orbeon .xforms-trigger-appearance-xxforms-primary .xforms-control.xforms-trigger.xforms-trigger-appearance-full:focus button {
  border-color: #3B99FC !important;
  box-shadow: 0 0 0 1px #3B99FC !important;
}
.orbeon .xforms-trigger-appearance-xxforms-primary .xforms-control.xforms-trigger.xforms-trigger-appearance-full:hover button {
  opacity: 0.8 !important;
}
.orbeon .xforms-trigger-appearance-xxforms-primary .xforms-control.xforms-trigger.xforms-trigger-appearance-full:hover button i {
  color: white !important;
}

.orbeon .fr-grid .fr-grid-body .fr-grid-td .fr-width-4digits input.xforms-input-input{
  min-width: 60px;
}

.orbeon .fr-email-recipient.xforms-type-email.xforms-invalid input[type="text"] {
  border-color: #D8292F;
  box-shadow: 0 0 0 2px #D8292F;
 }

 .orbeon .xbl-fr-section .fr-section-title .fr-section-label.fr-section-open {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjaGV2cm9uLWRvd24iIGNsYXNzPSJzdmctaW5saW5lLS1mYSBmYS1jaGV2cm9uLWRvd24gZmEtdy0xNCIgcm9sZT0iaW1nIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA0NDggNTEyIj48cGF0aCBmaWxsPSJjdXJyZW50Q29sb3IiIGQ9Ik0yMDcuMDI5IDM4MS40NzZMMTIuNjg2IDE4Ny4xMzJjLTkuMzczLTkuMzczLTkuMzczLTI0LjU2OSAwLTMzLjk0MWwyMi42NjctMjIuNjY3YzkuMzU3LTkuMzU3IDI0LjUyMi05LjM3NSAzMy45MDEtLjA0TDIyNCAyODQuNTA1bDE1NC43NDUtMTU0LjAyMWM5LjM3OS05LjMzNSAyNC41NDQtOS4zMTcgMzMuOTAxLjA0bDIyLjY2NyAyMi42NjdjOS4zNzMgOS4zNzMgOS4zNzMgMjQuNTY5IDAgMzMuOTQxTDI0MC45NzEgMzgxLjQ3NmMtOS4zNzMgOS4zNzItMjQuNTY5IDkuMzcyLTMzLjk0MiAweiI+PC9wYXRoPjwvc3ZnPg==);
  background-size: 16px 16px;
  background-repeat: no-repeat !important;
  height: 44px;
 }
 .orbeon .xbl-fr-section .fr-section-title .fr-section-label.fr-section-closed {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBhcmlhLWhpZGRlbj0idHJ1ZSIgZm9jdXNhYmxlPSJmYWxzZSIgZGF0YS1wcmVmaXg9ImZhcyIgZGF0YS1pY29uPSJjaGV2cm9uLXJpZ2h0IiBjbGFzcz0ic3ZnLWlubGluZS0tZmEgZmEtY2hldnJvbi1yaWdodCBmYS13LTEwIiByb2xlPSJpbWciIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMyMCA1MTIiPjxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTI4NS40NzYgMjcyLjk3MUw5MS4xMzIgNDY3LjMxNGMtOS4zNzMgOS4zNzMtMjQuNTY5IDkuMzczLTMzLjk0MSAwbC0yMi42NjctMjIuNjY3Yy05LjM1Ny05LjM1Ny05LjM3NS0yNC41MjItLjA0LTMzLjkwMUwxODguNTA1IDI1NiAzNC40ODQgMTAxLjI1NWMtOS4zMzUtOS4zNzktOS4zMTctMjQuNTQ0LjA0LTMzLjkwMWwyMi42NjctMjIuNjY3YzkuMzczLTkuMzczIDI0LjU2OS05LjM3MyAzMy45NDEgMEwyODUuNDc1IDIzOS4wM2M5LjM3MyA5LjM3MiA5LjM3MyAyNC41NjguMDAxIDMzLjk0MXoiPjwvcGF0aD48L3N2Zz4=);
  background-size: 16px 16px;
  background-repeat: no-repeat !important;
  height: 44px;
 }
 
 .orbeon .xbl-fr-section .fr-section-title .fr-section-label.fr-section-open::before,
 .orbeon .xbl-fr-section .fr-section-title .fr-section-label.fr-section-closed::before {
  content: none !important;
}
 

 .orbeon .xbl-fr-section .fr-section-title .fr-section-label.fr-section-open, .orbeon .xbl-fr-section .fr-section-title .fr-section-label.fr-section-closed {
  background-position: 0px;
 }

 .orbeon .xbl-fr-section .fr-section-title .fr-section-label .btn-link {
  padding-left: 5px;
 }

 /*hiding asterisk on required field*/
 .orbeon .xbl-fr-grid .fr-grid.fr-repeat .xforms-label::before{ 
  display: none;
 }

/*removing "optional" on required fields. there's probably a better way to do this*/
.orbeon .xbl-fr-grid .fr-grid.fr-repeat .xforms-required.xforms-label::after{
  content: none;
}

  /*adding "optional" to field label */
  .orbeon .xbl-fr-grid .fr-grid .xforms-label::after {
    content: " (optional)";
  }

  /*hiding asterisk on required field*/
  .orbeon .fr-mode-new .xforms-required .xforms-label::before{
    display: none;
  }

  /*removing "optional" on required fields. there's probably a better way to do this*/
  .orbeon .fr-mode-new .xforms-required .xforms-label::after{
    content: none;
  }

  /* hiding asterisk on required field */
  .orbeon .xforms-readonly .xforms-required .xforms-label::before{
    display: none;
  }

  /*removing "optional" on required fields. there's probably a better way to do this*/
  .orbeon .xforms-readonly .xforms-required .xforms-label::after{
    content: none;
  }

  .orbeon .fr-attachment-select {
    background-image: none !important;
    border-color: #003366 !important;
    border-style: solid !important;
    border-width: 2px !important;
    box-shadow: none !important;
    font-family: 'BC Sans', 'Noto Sans', Verdana, Arial, sans-serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    padding: 10px 30px !important;
    text-shadow: none !important;
    background-color: white !important;
    color: #003366 !important;
  }
  .orbeon .btn.btn-default.fr-attachment-select:focus {
    border-color: #3B99FC !important;
    box-shadow: 0 0 0 1px #3B99FC !important;
    background-color: #003366 !important;
    color: white !important;
    opacity: 0.8 !important;
    outline: none !important;
    text-decoration: underline !important;
  }
  .orbeon .btn.btn-default.fr-attachment-select:hover {
    background-color: #003366 !important;
    border-color: #003366 !important;
    color: white !important;
    opacity: 0.8 !important;
    text-decoration: underline !important;
  }

  .orbeon .fa-envelope{
    padding-right: 5px;
  }
  .orbeon .fa-print{
    padding-right: 5px;
  }
  .orbeon .fa-remove{
    padding-right: 5px;
  }

  .orbeon .fa-arrow-right{
    padding-right: 5px;
  }

  .orbeon .fa-chevron-left{
    padding-right: 5px;
  }

  .orbeon .fa-chevron-right{
    padding-right: 5px;
  }

  .fr-validate-button i.fa{
    color: #003366 !important;
  }
  .fr-validate-button:hover{
    color: white;
  }

  .fr-validate-button i.fa{
    padding-right: 5px;
    color:#003366 !important;
  }
  .fr-validate-button:hover i.fa{
    padding-right: 5px;
    color:white !important;
  }