.fa {
  font-family: FontAwesome !important; }

* {
  font-family: "Segoe UI", "Open Sans", -apple-system, BlinkMacSystemFont, Arial, sans-serif !important; }

.layoutRow {
  width: 100% !important; }

.wpthemeControl,
.layoutColumn .wpthemeControl {
  margin: 0 !important; }

.ui-accordion .ui-accordion-header {
  border: none;
  background-color: #1D2858;
  font-family: "SegoeUI", 'Segoe UI', "Open Sans", -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 20px;
  color: #FFFFFF !important;
  text-align: left;
  line-height: 18px;
  background-image: none;
  padding: 0.571em 1em 0.571em 0em;
  font-weight: 700;
  position: static;
  margin-top: 1px;
  box-shadow: none !important;
  margin-bottom: 10px;
  padding: 10px;
  min-height: 30px; }

.ui-accordion .child .ui-accordion-header {
  font-family: 'Segoe UI Semibold', 'Segoe UI', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-size: 16px !important;
  background-color: #cccccc !important;
  color: #333333 !important;
  padding: 0.6em 1em 0.4em 0.5em !important;
  border: none; }

.ui-accordion .child .ui-accordion-content {
  border: solid 1px #cccccc;
  padding: 10px calc(20px) !important; }

.ui-accordion .child .ui-state-active {
  background-color: #368722 !important;
  color: white !important; }

.ui-accordion .ui-accordion-header:first-child {
  margin-top: 0; }

.ui-accordion .ui-accordion-header .ui-icon {
  color: #ffffff; }

.ui-accordion .ui-accordion-header.ui-state-hover, .ui-accordion .ui-accordion-header.ui-tabs-outline {
  outline: 0 none;
  border: none;
  background-color: #1D2858;
  color: #ffffff;
  background-image: none; }

.ui-accordion .ui-accordion-header.ui-state-active {
  border: none;
  background-color: #368722;
  color: #ffffff;
  margin-bottom: 0px;
  padding: 10px; }

.ui-accordion .ui-accordion-header.ui-state-active:hover, .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
  outline: 0 none;
  border: none;
  background-color: #368722;
  color: #ffffff; }

.ui-accordion .ui-accordion-header.ui-state-hover .ui-icon, .ui-accordion .ui-accordion-header.ui-tabs-outline .ui-icon {
  color: #ffffff; }

.ui-accordion .ui-accordion-header.ui-state-active:hover .ui-icon, .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline .ui-icon {
  color: #ffffff; }

.ui-accordion .ui-accordion-header > .ui-icon {
  position: static;
  display: inline-block;
  margin-right: 0.429em;
  vertical-align: middle;
  background-image: url("/bross_theme/faces/javax.faces.resource/img/u8198.png");
  background-position: 0px 5px !important;
  background-size: contain !important;
  background-repeat: no-repeat !important;
  width: 32px;
  height: 33px; }

.ui-accordion .ui-accordion-header.ui-state-active > .ui-icon {
  background-image: url("/bross_theme/faces/javax.faces.resource/img/u7522.png"); }

.ui-accordion .ui-accordion-content {
  border: none;
  background-color: #ffffff;
  color: #333333;
  padding: calc(20px);
  border-top: 0 none;
  position: static;
  line-height: normal;
  overflow: hidden;
  margin-left: 0px !important;
  margin-right: 0px !important;
  font-size: 16px;
  margin-bottom: 10px; }

.ui-icon-triangle-1-s {
  font-family: 'primeicons';
  background: url("/bross_theme/faces/javax.faces.resource/img/icon-chev-right.png");
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  background: none;
  display: inline-block;
  font-size: 1.25em; }

.ui-helper-hidden {
  display: none; }

.ui-widget {
  font-size: 14pt; }

.ui-widget-content {
  border: none;
  background-color: transparent; }

.hideToolbar .ui-editor-toolbar {
  display: none;
  background: none !important; }

.editTool .ui-editor {
  margin-left: 0px !important;
  flex-wrap: none !important;
  border-top: 1px solid !important;
  border-right: 1px solid !important;
  border-bottom: 1px solid !important;
  border-left: 1px solid !important;
  width: 500px  !important;
  height: 500px  !important; }

.ui-state-disabled {
  text-decoration: none !important; }

.ui-tabs .ui-tabs-nav li {
  text-decoration: none;
  padding: 5px;
  margin: 5px; }

.ui-editor iframe {
  width: 500px  !important;
  height: 500px  !important; }

.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected {
  background-color: #0d74ba;
  font-weight: bold; }
  .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected .a {
    color: #fff;
    font-weight: 600;
    text-decoration: none; }

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a {
  color: #fff;
  font-weight: normal;
  text-decoration: none; }

.ui-editor textarea {
  width: 500px  !important;
  height: 500px  !important; }

li.dash {
  margin-left: -20px;
  margin-bottom: 8px; }

li.circle {
  list-style-type: circle;
  margin-bottom: 8px; }

h2.popup {
  font-size: 1.2em;
  font-weight: 400;
  font-style: normal;
  padding: 10px 0px 4px 0px;
  border-bottom: 1px solid #797979; }

h3.popup {
  font-size: 1.1em;
  font-weight: 400;
  font-style: italic;
  padding: 10px 0px 0px 10px;
  border-bottom: 1px solid #797979; }

h3.workperiod {
  font-size: 1.1em;
  font-weight: 600;
  font-style: normal;
  padding: 10px 0px 0px 0px; }

strong {
  font-weight: 600; }

h2.guide {
  font-size: 1.2em;
  font-weight: 400;
  font-style: italic;
  padding: 10px 0px 4px 0px;
  border-bottom: 1px solid #797979; }

h3.guide {
  font-size: 1.1em;
  font-weight: 400;
  font-style: italic;
  padding: 10px 0px 0px 0px; }

h3.noreply {
  font-style: italic; }

div.emp {
  padding: 0px 0px 0px 40px; }

p.guide {
  line-height: normal;
  padding-left: 40px;
  font-style: italic; }

p.noreply {
  font-style: italic; }

p.red {
  line-height: normal;
  padding-left: 20px;
  color: red; }

div.email-body {
  clear: both;
  padding-top: 20px; }

ul.guide {
  list-style-type: circle; }

div.email-body {
  clear: both;
  padding-top: 20px; }

div.emp {
  padding: 0px 0px 0px 40px; }

.customDialog .ui-dialog-footer.ui-widget-content {
  padding: 0; }

.customDialog .ui-dialog-content.ui-widget-content {
  padding: 0; }

.ui-button {
  font-size: 16px !important;
  line-height: 1.2em;
  padding: 1px 6px;
  color: #1d2858;
  background-color: #f2f2f2;
  background-image: none !important;
  border: solid 2px #1d2858;
  border-radius: 4px;
  text-shadow: none !important;
  box-shadow: none !important; }
  .ui-button.btn-primary {
    background-color: #1d2858;
    border-color: #1d2858;
    color: #FFFFFF;
    border: 2px #1d2858;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    min-width: 120px;
    min-height: 40px;
    box-sizing: border-box; }
    .ui-button.btn-primary:hover {
      background-color: #666666; }
    .ui-button.btn-primary.ui-state-active {
      background-color: #1d2858 !important;
      border-color: #1d2858; }
    .ui-button.btn-primary.ui-state-focus {
      background-color: #1d2858 !important;
      border-color: #1d2858; }
  .ui-button.btn-secondary {
    color: #1d2858;
    background-color: #FFFFFF;
    border-color: #1d2858;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    min-height: 40px;
    box-sizing: border-box; }
    .ui-button.btn-secondary:hover {
      background-color: white;
      border-color: #primaryColour;
      text-decoration: underline !important; }
    .ui-button.btn-secondary.ui-state-active {
      background-color: #FFFFFF !important;
      border-color: #1d2858; }
    .ui-button.btn-secondary.ui-state-focus {
      background-color: #FFFFFF !important;
      border-color: #1d2858; }
  .ui-button.btn-tertiary {
    color: #FFFFFF !important;
    background-color: #999999;
    border-color: #999999;
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    min-height: 40px;
    box-sizing: border-box;
    text-decoration: none !important;
    min-width: 150px;
    padding: 0.1em 0; }
    .ui-button.btn-tertiary:hover {
      color: #FFFFFF !important;
      background-color: #0d74ba;
      border-color: #0d74ba; }
    .ui-button.btn-tertiary.ui-state-active {
      background-color: #999999 !important;
      border-color: #999999; }
    .ui-button.btn-tertiary.ui-state-focus {
      background-color: #999999 !important;
      border-color: #999999; }
    .ui-button.btn-tertiary.selected {
      color: #FFFFFF !important;
      background-color: #0d74ba;
      border-color: #0d74ba; }
      .ui-button.btn-tertiary.selected .icon-tick {
        background-image: url("/bross_theme/faces/javax.faces.resource/img/transparent_tick.png") !important;
        background-size: 25px !important;
        height: 25px;
        background-repeat: no-repeat;
        background-position: center;
        margin: 0.3em 0; }
  .ui-button.btn-selected {
    color: white;
    background-color: #0d74ba;
    border-color: #0d74ba; }
  .ui-button.btn-small {
    font-weight: 400 !important;
    font-style: normal !important;
    font-size: 15px !important;
    min-height: 30px !important;
    min-width: 100px !important;
    padding: 0px !important; }
  .ui-button.ui-state-active {
    background-color: #0d74ba;
    border-color: #0d74ba; }
  .ui-button.ui-state-hover {
    background-color: #0d74ba;
    border-color: #0d74ba; }
  .ui-button.ui-state-focus {
    background-color: #0d74ba;
    border-color: #0d74ba; }

.ui-calendar {
  position: relative; }
  .ui-calendar > input {
    padding-right: calc(18px + 12px); }
  .ui-calendar > button.ui-datepicker-trigger {
    position: absolute;
    right: 0;
    padding: 4px;
    width: 26px;
    height: 29px;
    top: 50%;
    margin-top: -14px;
    border: none;
    background: url("/bross_theme/faces/javax.faces.resource/img/calendar.png") no-repeat 4px 4px;
    min-width: 5px; }
    .ui-calendar > button.ui-datepicker-trigger .ui-button-text {
      display: none; }

#ui-datepicker-div {
  background-color: white;
  padding: 10px;
  border: solid 1px #ccc;
  -webkit-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
  -moz-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
  box-shadow: 0 0 10px rgba(204, 204, 204, 0.8); }
  #ui-datepicker-div tr {
    border-spacing: 0; }
  #ui-datepicker-div td {
    text-align: center; }
    #ui-datepicker-div td a {
      padding: 4px;
      color: #666666;
      text-decoration: none; }
    #ui-datepicker-div td:hover:not(.ui-datepicker-unselectable) {
      background-color: #f2f2f2; }
  #ui-datepicker-div .ui-datepicker-current-day {
    background-color: #0d74ba; }
    #ui-datepicker-div .ui-datepicker-current-day a {
      color: white; }
    #ui-datepicker-div .ui-datepicker-current-day:hover {
      background-color: inherit !important; }
  #ui-datepicker-div .ui-datepicker-today {
    position: relative; }
    #ui-datepicker-div .ui-datepicker-today:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      border: solid 4px;
      border-color: #ca6128 #ca6128 transparent transparent; }

.ui-datepicker-header {
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .ui-datepicker-header > * {
    flex: 0 0 auto; }
  .ui-datepicker-header .ui-datepicker-prev {
    order: 1; }
    .ui-datepicker-header .ui-datepicker-prev > * {
      display: none; }
  .ui-datepicker-header .ui-datepicker-next {
    order: 3; }
    .ui-datepicker-header .ui-datepicker-next > * {
      display: none; }
  .ui-datepicker-header .ui-datepicker-title {
    order: 2; }
    .ui-datepicker-header .ui-datepicker-title select {
      color: #666666;
      font-size: 1em;
      padding: 4px;
      width: fit-content; }

.ui-datatable-tablewrapper table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0; }

.ui-datatable-tablewrapper a {
  color: #0d74ba; }
  .ui-datatable-tablewrapper a:hover {
    text-decoration: underline !important; }

.ui-datatable-tablewrapper th, .ui-datatable-tablewrapper td {
  text-align: left;
  padding: 10px 4px;
  text-overflow: ellipsis; }

.ui-datatable-tablewrapper th {
  background-color: #ccc;
  background-image: none;
  border-radius: 0;
  text-shadow: none;
  box-shadow: none;
  text-align: left  !important;
  background-color: #CCCCCC;
  border: solid 1px #ccc;
  font-size: 13px !important;
  font-family: "Segoe UI", "Open Sans", -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  font-color: #333333  !important; }

.ui-datatable-tablewrapper td.toggler-column {
  width: 24px; }

.ui-datatable-tablewrapper tbody > tr {
  font-size: 14px !important;
  font-family: "Segoe UI", "Open Sans", -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  font-color: #333333  !important; }
  .ui-datatable-tablewrapper tbody > tr.ui-datatable-even {
    border-color: #D7D7D7;
    background-color: #FFFFFF;
    padding: 4px 6px; }
  .ui-datatable-tablewrapper tbody > tr.ui-datatable-odd {
    border-color: #D7D7D7;
    background-color: #F0F0F0;
    padding: 4px 6px; }
  .ui-datatable-tablewrapper tbody > tr.ui-state-highlight {
    background-color: #9be2ff;
    color: #333333;
    font-weight: normal !important;
    text-shadow: none;
    cursor: none !important; }
  .ui-datatable-tablewrapper tbody > tr.ui-expanded-row {
    background-color: #CEDEFF;
    font-weight: 600;
    color: #000000; }
  .ui-datatable-tablewrapper tbody > tr.ui-datatable-selectable {
    cursor: none !important; }
  .ui-datatable-tablewrapper tbody > tr.ui-state-hover {
    border-color: #D7D7D7 !important; }

.ui-datatable-even .ui-state-highlight {
  background-color: #FFFFFF; }

.ui-datatable-odd .ui-state-highlight {
  background-color: #F0F0F0; }

.ui-datatable.rwa-search-table th {
  white-space: nowrap; }

.ui-datatable .ui-row-toggler {
  background-image: none;
  width: 24px;
  height: 24px;
  position: relative;
  outline: none;
  transition: transform 0.2s ease-out; }
  .ui-datatable .ui-row-toggler:before {
    content: '';
    position: absolute;
    top: 0;
    left: 8px;
    width: 0;
    height: 0;
    border: solid 12px;
    border-color: transparent transparent transparent #c1c1c1; }

.ui-expanded-row .ui-row-toggler {
  transform: rotateZ(90deg); }
  .ui-expanded-row .ui-row-toggler:before {
    border-left-color: #2d2d2d; }

.case-table .ui-paginator .ui-paginator-current {
  padding-left: 100px; }

.ui-paginator {
  margin: 10px 0;
  display: flex;
  align-items: center; }
  .ui-paginator > *:not(:first-child) {
    margin-left: 4px; }
  .ui-paginator .ui-paginator-page {
    padding: 4px 10px;
    border-radius: 4px;
    text-decoration: none;
    line-height: 1em;
    outline: none; }
    .ui-paginator .ui-paginator-page:active, .ui-paginator .ui-paginator-page:hover {
      outline: none; }
    .ui-paginator .ui-paginator-page:hover {
      background-color: #f2f2f2;
      text-decoration: underline; }
    .ui-paginator .ui-paginator-page.ui-state-active {
      font-weight: bold;
      background-color: transparent; }
      .ui-paginator .ui-paginator-page.ui-state-active:hover {
        text-decoration: inherit; }
  .ui-paginator .ui-paginator-current {
    padding-left: 25%; }
  .ui-paginator .ui-paginator-prev,
  .ui-paginator .ui-paginator-next {
    width: calc(1em + 8px);
    height: calc(1em + 8px);
    position: relative; }
    .ui-paginator .ui-paginator-prev > span,
    .ui-paginator .ui-paginator-next > span {
      display: none; }
    .ui-paginator .ui-paginator-prev::before,
    .ui-paginator .ui-paginator-next::before {
      content: '';
      position: absolute;
      top: 0;
      width: 0;
      height: 0;
      border: solid calc(0.5em + 4px) transparent; }
  .ui-paginator .ui-paginator-prev::before {
    left: -0.25em;
    border-right-color: #666666; }
  .ui-paginator .ui-paginator-prev:hover::before {
    border-right-color: #666666; }
  .ui-paginator .ui-paginator-next::before {
    left: 0.25em;
    border-left-color: #666666; }
  .ui-paginator .ui-paginator-next:hover::before {
    border-left-color: #666666; }

.italicRow {
  font-style: italic; }

.ui-dialog {
  display: none;
  background: inherit;
  background-color: inherit;
  background-color: #ffffff;
  box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
  border-radius: 4px;
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34902);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34902);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34902);
  border: solid 1px #ccc; }

.ui-dialog-titlebar {
  font-family: 'Segoe UI Semilight', 'Segoe UI', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-weight: 350;
  font-style: normal;
  font-size: 24px;
  text-align: left;
  background-color: #ffffff;
  color: #333333;
  border-bottom: 1px solid #333333 !important;
  padding: 4px 10px;
  display: flex;
  align-items: center; }
  .ui-dialog-titlebar > * {
    flex-grow: 1;
    flex-shrink: 1; }
  .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    flex-grow: 0;
    flex-shrink: 0;
    width: 24px;
    height: 24px; }
    .ui-dialog-titlebar .ui-dialog-titlebar-icon span {
      width: 24px;
      height: 24px;
      display: block;
      background: url("/bross_theme/faces/javax.faces.resource/img/icon-close.png") no-repeat; }

.ui-dialog-content {
  padding: 10px; }

.ui-dialog-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5) !important; }

input.ui-inputfield {
  color: #000000 !important;
  font-size: 16px !important;
  padding: 4px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none;
  border: solid #ccc !important;
  border-width: 1px 1px 1px 10px !important;
  padding: 4px;
  border-left-color: #ccccccc !important; }
  input.ui-inputfield:focus {
    -webkit-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
    -moz-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
    box-shadow: 0 0 10px rgba(204, 204, 204, 0.8); }
  input.ui-inputfield:required, input.ui-inputfield[aria-required=true], input.ui-inputfield.required {
    border-left-color: #C75000 !important; }
  input.ui-inputfield.one-of-required {
    border-left-color: #00698f !important; }
  input.ui-inputfield.required-selected {
    border-left-color: #0cac78 !important;
    background-color: #ceeee4 !important;
    opacity: 1 !important;
    border: solid #0cac78 !important;
    border-width: 2px 2px 2px 10px !important;
    border: solid #0cac78 !important;
    border-width: 2px 2px 2px 10px !important; }

.form-input-small {
  width: 68px !important; }

.form-input-medium {
  width: 290px !important; }

.ui-outputlabel-rfi {
  display: none; }

.ui-outputlabel {
  color: #666666;
  font-size: 14px !important; }

.ui-selectonemenu {
  color: #666666 !important;
  font-size: 1em !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none;
  border: solid #ccc !important;
  border-width: 1px 1px 1px 10px !important;
  padding: 4px;
  border-left-color: #ccccccc !important;
  padding: 0px !important; }
  .ui-selectonemenu:focus {
    -webkit-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
    -moz-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
    box-shadow: 0 0 10px rgba(204, 204, 204, 0.8); }
  .ui-selectonemenu:required, .ui-selectonemenu[aria-required=true], .ui-selectonemenu.required {
    border-left-color: #C75000 !important; }
  .ui-selectonemenu.one-of-required {
    border-left-color: #00698f !important; }
  .ui-selectonemenu.required-selected {
    border-left-color: #0cac78 !important;
    background-color: #ceeee4 !important;
    opacity: 1 !important;
    border: solid #0cac78 !important;
    border-width: 2px 2px 2px 10px !important;
    border: solid #0cac78 !important;
    border-width: 2px 2px 2px 10px !important; }
  .ui-selectonemenu .ui-selectonemenu-label {
    width: auto; }
  .ui-selectonemenu .ui-inputfield {
    padding: 4px 0px 4px 4px !important; }
  .ui-selectonemenu .ui-selectonemenu-trigger {
    border-width: 0px;
    background-color: #ececec;
    background-image: none; }
    .ui-selectonemenu .ui-selectonemenu-trigger:hover {
      border-width: 0px;
      background-color: transparent;
      background-image: none; }
    .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/outline_expand_more_black.png") !important;
      background-repeat: no-repeat;
      background-size: 20px 20px;
      background-position: center; }

.ui-selectonemenu-panel .ui-selectonemenu-list {
  background-color: white; }

.ui-selectoneradio,
.ui-selectmanycheckbox {
  display: flex;
  flex-direction: column;
  padding: 4px 0;
  width: calc(100% - 20px); }
  .ui-selectoneradio > *:not(:first-child),
  .ui-selectmanycheckbox > *:not(:first-child) {
    margin-top: 10px; }
  .ui-selectoneradio .ui-grid-col-12,
  .ui-selectmanycheckbox .ui-grid-col-12 {
    display: flex; }
    .ui-selectoneradio .ui-grid-col-12 > *,
    .ui-selectmanycheckbox .ui-grid-col-12 > * {
      flex: 0 0 auto; }
    .ui-selectoneradio .ui-grid-col-12 > *:not(:first-child),
    .ui-selectmanycheckbox .ui-grid-col-12 > *:not(:first-child) {
      margin-left: 10px; }
    .ui-selectoneradio .ui-grid-col-12 > label,
    .ui-selectmanycheckbox .ui-grid-col-12 > label {
      flex: 1 1 auto; }

.ui-selectoneradio {
  outline: none;
  border: solid #ccc !important;
  border-width: 1px 1px 1px 10px !important;
  padding: 4px;
  border-left-color: #ccccccc !important;
  border-top-width: 0;
  border-right-width: 0;
  border-bottom-width: 0; }
  .ui-selectoneradio:focus {
    -webkit-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
    -moz-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
    box-shadow: 0 0 10px rgba(204, 204, 204, 0.8); }
  .ui-selectoneradio:required, .ui-selectoneradio[aria-required=true], .ui-selectoneradio.required {
    border-left-color: #C75000 !important; }
  .ui-selectoneradio.one-of-required {
    border-left-color: #00698f !important; }
  .ui-selectoneradio.required-selected {
    border-left-color: #0cac78 !important;
    background-color: #ceeee4 !important;
    opacity: 1 !important;
    border: solid #0cac78 !important;
    border-width: 2px 2px 2px 10px !important;
    border: solid #0cac78 !important;
    border-width: 2px 2px 2px 10px !important; }

.ui-selectmanycheckbox {
  outline: none;
  border: solid #ccc !important;
  border-width: 1px 1px 1px 10px !important;
  padding: 4px;
  border-left-color: #ccccccc !important; }
  .ui-selectmanycheckbox:focus {
    -webkit-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
    -moz-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
    box-shadow: 0 0 10px rgba(204, 204, 204, 0.8); }
  .ui-selectmanycheckbox:required, .ui-selectmanycheckbox[aria-required=true], .ui-selectmanycheckbox.required {
    border-left-color: #C75000 !important; }
  .ui-selectmanycheckbox.one-of-required {
    border-left-color: #00698f !important; }
  .ui-selectmanycheckbox.required-selected {
    border-left-color: #0cac78 !important;
    background-color: #ceeee4 !important;
    opacity: 1 !important;
    border: solid #0cac78 !important;
    border-width: 2px 2px 2px 10px !important;
    border: solid #0cac78 !important;
    border-width: 2px 2px 2px 10px !important; }

.ui-radiobutton-box {
  border: none; }

.ui-icon-bullet {
  background-position: -80px -144px !important; }

.ui-chkbox {
  padding: 10px;
  display: inline-flex;
  border: 1px solid #1D2858; }
  .ui-chkbox .ui-chkbox-box {
    width: 25px;
    height: 25px;
    background-color: white; }
    .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
      width: 25px;
      height: 15px; }
    .ui-chkbox .ui-chkbox-box .ui-icon-check {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/tick.png") !important;
      background-position: 0px 0px;
      background-size: contain;
      background-repeat: no-repeat;
      position: relative;
      left: 3px;
      top: 5px; }
    .ui-chkbox .ui-chkbox-box .ui-icon-blank {
      background-image: none; }

.ui-chkbox-small .ui-chkbox {
  padding: 0;
  display: inline-flex;
  border: none !important; }
  .ui-chkbox-small .ui-chkbox .ui-chkbox-box {
    width: 22px;
    height: 22px;
    background-color: white; }
    .ui-chkbox-small .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
      width: 18px;
      height: 20px; }
    .ui-chkbox-small .ui-chkbox .ui-chkbox-box .ui-icon-check {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/tick.png") !important;
      background-position: 0px 0px;
      background-size: contain;
      background-repeat: no-repeat;
      position: relative;
      left: 3px;
      top: 3px; }
    .ui-chkbox-small .ui-chkbox .ui-chkbox-box .ui-icon-blank {
      background-image: none; }

.ui-chkbox,
.ui-chkbox-small {
  outline: none;
  border: solid #ccc !important;
  border-width: 1px 1px 1px 10px !important;
  padding: 4px;
  border-left-color: #ccccccc !important; }
  .ui-chkbox:focus,
  .ui-chkbox-small:focus {
    -webkit-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
    -moz-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
    box-shadow: 0 0 10px rgba(204, 204, 204, 0.8); }
  .ui-chkbox:required, .ui-chkbox[aria-required=true], .ui-chkbox.required,
  .ui-chkbox-small:required,
  .ui-chkbox-small[aria-required=true],
  .ui-chkbox-small.required {
    border-left-color: #C75000 !important; }
  .ui-chkbox.one-of-required,
  .ui-chkbox-small.one-of-required {
    border-left-color: #00698f !important; }
  .ui-chkbox.required-selected,
  .ui-chkbox-small.required-selected {
    border-left-color: #0cac78 !important;
    background-color: #ceeee4 !important;
    opacity: 1 !important;
    border: solid #0cac78 !important;
    border-width: 2px 2px 2px 10px !important;
    border: solid #0cac78 !important;
    border-width: 2px 2px 2px 10px !important; }

textarea.ui-inputtextarea {
  color: #666666 !important;
  font-size: 1em !important;
  padding: 4px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none;
  border: solid #ccc !important;
  border-width: 1px 1px 1px 10px !important;
  padding: 4px;
  border-left-color: #ccccccc !important; }
  textarea.ui-inputtextarea:focus {
    -webkit-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
    -moz-box-shadow: 0 0 10px rgba(204, 204, 204, 0.8);
    box-shadow: 0 0 10px rgba(204, 204, 204, 0.8); }
  textarea.ui-inputtextarea:required, textarea.ui-inputtextarea[aria-required=true], textarea.ui-inputtextarea.required {
    border-left-color: #C75000 !important; }
  textarea.ui-inputtextarea.one-of-required {
    border-left-color: #00698f !important; }
  textarea.ui-inputtextarea.required-selected {
    border-left-color: #0cac78 !important;
    background-color: #ceeee4 !important;
    opacity: 1 !important;
    border: solid #0cac78 !important;
    border-width: 2px 2px 2px 10px !important;
    border: solid #0cac78 !important;
    border-width: 2px 2px 2px 10px !important; }

body {
  font-family: "Segoe UI", "Open Sans", -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  margin: 0 0 calc(4em + 4px) 0;
  padding: 0;
  font-size: 16px !important;
  background-color: #d7d7d7 !important; }

h1, h2, h3 {
  font-weight: 300;
  color: #333; }

h1 {
  font-size: 2em; }

h2 {
  font-size: 1.5em; }

h3 {
  font-size: 1.25em; }
  h3.reverse {
    font-weight: 400;
    color: #fff;
    background-color: #1d2858; }

h4 {
  font-weight: 400;
  font-size: 1.125em;
  color: white;
  background-color: #1d2858; }

h5 {
  font-weight: 600;
  font-size: 1.25em;
  font-style: italic;
  color: #054e83; }

h1, h2, h3, h4, h5 {
  margin: 10px 0;
  line-height: 1.5em; }

main {
  display: flex;
  flex-direction: column;
  max-width: 100vw;
  margin: 0 auto;
  padding: 10px;
  align-items: center; }
  main > *:not(:first-child) {
    margin-top: 20px; }
  main > em {
    margin-top: 0px !important; }

@media screen and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  main {
    max-width: 100vw; } }

@media (max-width: 600px) {
  main {
    padding-left: 0;
    padding-right: 0;
    max-width: 600px !important;
    width: 95vw;
    display: inline-block; }
    main > h1, main > h2, main > h3, main > h4, main > h5, main > h6 {
      margin-left: 10px;
      margin-right: 10px; } }

.ui-widget-overlay {
  background: none; }

div.breadcrumbs {
  font-family: 'Segoe UI Bold', 'Segoe UI', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px !important;
  text-align: left;
  line-height: 18px; }
  div.breadcrumbs > a {
    font-weight: 700 !important;
    font-style: normal;
    color: #0764A7;
    font-size: 14px !important; }

.h-card {
  background-color: #fff;
  padding: 20px;
  position: relative;
  padding-bottom: calc(20px + 40px + 4px + 1.2em); }
  .h-card h1, .h-card h2, .h-card h3 {
    border-bottom: solid 1px #333; }
  .h-card h3.reverse {
    margin: 4px -20px;
    padding: 4px 20px; }
  .h-card h5 {
    padding: 10px 20px 10px calc(40% + 20px); }
  .h-card h1:first-child, .h-card h2:first-child, .h-card h3:first-child, .h-card h4:first-child, .h-card h5:first-child {
    margin-top: 0; }
  .h-card h3.reverse:first-child {
    margin-top: -20px; }

.h-card-ph-side-one {
  background-color: #fff;
  width: 350px;
  height: 200px;
  position: relative;
  padding-bottom: 05px; }
  .h-card-ph-side-one h1, .h-card-ph-side-one h2, .h-card-ph-side-one h3 {
    border-bottom: solid 1px #333; }
  .h-card-ph-side-one h3.reverse {
    margin: 4px -20px;
    padding: 4px 20px; }
  .h-card-ph-side-one h5 {
    padding: 10px 20px 10px calc(40% + 20px); }
  .h-card-ph-side-one h1:first-child, .h-card-ph-side-one h2:first-child, .h-card-ph-side-one h3:first-child, .h-card-ph-side-one h4:first-child, .h-card-ph-side-one h5:first-child {
    margin-top: 0; }
  .h-card-ph-side-one h3.reverse:first-child {
    margin-top: -20px; }

.h-card-ph-side {
  background-color: #fff;
  padding: 20px;
  width: 300px;
  height: 100px;
  position: relative;
  padding-bottom: calc(20px + 40px + 4px + 1.2em); }
  .h-card-ph-side h1, .h-card-ph-side h2, .h-card-ph-side h3 {
    border-bottom: solid 1px #333; }
  .h-card-ph-side h3.reverse {
    margin: 4px -20px;
    padding: 4px 20px; }
  .h-card-ph-side h5 {
    padding: 10px 20px 10px calc(40% + 20px); }
  .h-card-ph-side h1:first-child, .h-card-ph-side h2:first-child, .h-card-ph-side h3:first-child, .h-card-ph-side h4:first-child, .h-card-ph-side h5:first-child {
    margin-top: 0; }
  .h-card-ph-side h3.reverse:first-child {
    margin-top: -20px; }

.h-card-ph-mid {
  background-color: #fff;
  padding: 20px;
  width: 1000px;
  position: relative;
  padding-bottom: calc(20px + 40px + 4px + 1.2em); }
  .h-card-ph-mid h1, .h-card-ph-mid h2, .h-card-ph-mid h3 {
    border-bottom: solid 1px #333; }
  .h-card-ph-mid h3.reverse {
    margin: 4px -20px;
    padding: 4px 20px; }
  .h-card-ph-mid h5 {
    padding: 10px 20px 10px calc(40% + 20px); }
  .h-card-ph-mid h1:first-child, .h-card-ph-mid h2:first-child, .h-card-ph-mid h3:first-child, .h-card-ph-mid h4:first-child, .h-card-ph-mid h5:first-child {
    margin-top: 0; }
  .h-card-ph-mid h3.reverse:first-child {
    margin-top: -20px; }

.h-card-columns {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start; }
  .h-card-columns > .h-card {
    flex-grow: 1; }

.h-card-accordion {
  background-color: #d7d7d7 !important;
  position: relative; }
  .h-card-accordion h1, .h-card-accordion h2, .h-card-accordion h3 {
    border-bottom: solid 1px #333;
    padding: 5px 0px; }
    .h-card-accordion h1 .header, .h-card-accordion h2 .header, .h-card-accordion h3 .header {
      font-size: 20px;
      line-height: normal;
      font-style: normal;
      border: none; }

.h-card-accordion-columns {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start; }
  .h-card-accordion-columns > .h-card-accordion {
    max-width: calc(100% - 40px);
    min-width: 250px;
    flex-grow: 1; }

.h-card-accordion-ph {
  background-color: #d7d7d7 !important;
  position: relative; }
  .h-card-accordion-ph h1, .h-card-accordion-ph h2, .h-card-accordion-ph h3 {
    border-bottom: solid 1px #333; }

.h-card-accordion-columns-ph {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start; }
  .h-card-accordion-columns-ph > .h-card-accordion {
    max-width: calc(100% - 40px);
    min-width: 250px;
    flex-grow: 1; }

.bross-dashboard {
  font-size: 16px;
  font-weight: 400;
  width: 100%; }
  .bross-dashboard h3 {
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    border-bottom: solid 1px #333333; }
  .bross-dashboard h5 {
    font-weight: 600;
    font-size: 16px;
    font-style: italic;
    color: #0C549C; }
  .bross-dashboard .bross-dashboard-accordion .ui-accordion .ui-accordion-content {
    padding: 0px; }
  .bross-dashboard .bross-dashboard-accordion .accordion-banner {
    background-color: #e4e4e4;
    color: #333333;
    font-weight: 700;
    height: 50px;
    font-size: 20px; }
  .bross-dashboard .bross-dashboard-accordion .accordion-main-content {
    padding: calc(20px) !important; }
  .bross-dashboard .bross-dashboard-accordion .accordion-header {
    font-size: 20px;
    font-weight: 700; }
    .bross-dashboard .bross-dashboard-accordion .accordion-header.underline {
      font-weight: 400;
      border-bottom: solid 1px #797979; }
  .bross-dashboard .bross-dashboard-accordion .faq-accordion .ui-accordion-header {
    background-color: f2f2f2 !important;
    color: #333333 !important; }
  .bross-dashboard .bross-dashboard-accordion .faq-accordion .ui-state-active {
    background-color: #368722 !important;
    color: #ffffff !important; }
  .bross-dashboard .bross-dashboard-accordion .help-link {
    background-color: #1d2858 !important;
    position: relative !important;
    height: 40px !important;
    margin-bottom: 1px; }
    .bross-dashboard .bross-dashboard-accordion .help-link .help-link-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/help-white.png") !important;
      background-size: 30px 30px;
      height: 30px;
      width: 30px;
      background-repeat: no-repeat;
      padding-right: 10px; }
    .bross-dashboard .bross-dashboard-accordion .help-link .help-link-text {
      color: #ffffff;
      font-size: 16px !important; }
    .bross-dashboard .bross-dashboard-accordion .help-link .help-link-external-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/open-in-new-white.png") !important;
      background-size: 30px 30px;
      height: 30px;
      width: 30px;
      background-repeat: no-repeat;
      position: absolute;
      padding-left: 0px;
      right: 0px; }
    .bross-dashboard .bross-dashboard-accordion .help-link a {
      color: #ffffff !important;
      font-size: 16px !important; }
    .bross-dashboard .bross-dashboard-accordion .help-link span:hover {
      background-color: #3a8104; }
  .bross-dashboard .bross-dashboard-accordion.detailsTabParent {
    display: flex;
    flex-direction: column; }
    .bross-dashboard .bross-dashboard-accordion.detailsTabParent .detailsTabView .participantDetailsDocs.ui-datatable th {
      position: relative;
      vertical-align: top; }
      .bross-dashboard .bross-dashboard-accordion.detailsTabParent .detailsTabView .participantDetailsDocs.ui-datatable th .ui-sortable-column-icon {
        position: absolute;
        top: 6px;
        right: 1px; }
      .bross-dashboard .bross-dashboard-accordion.detailsTabParent .detailsTabView .participantDetailsDocs.ui-datatable th .ui-column-title > .docs-title {
        height: 3em; }
  .bross-dashboard .status-panel {
    background: #f2f2f2;
    margin-bottom: 10px;
    border: none; }
    .bross-dashboard .status-panel.background-white {
      background: #ffffff !important; }
    .bross-dashboard .status-panel.padding {
      padding: calc(20px) !important; }
    .bross-dashboard .status-panel.padding-x {
      padding: 0px calc(20px) !important; }
    .bross-dashboard .status-panel.padding-y {
      padding: calc(20px) 0px !important; }
    .bross-dashboard .status-panel .title {
      font-weight: 400;
      font-style: normal;
      font-size: 20px;
      color: #FFFFFF;
      text-align: left;
      height: 50px;
      background-color: #c75000;
      border: none; }
    .bross-dashboard .status-panel .important-date {
      border: solid 2px #1d2858;
      text-align: center;
      font-weight: 400;
      width: 45%;
      max-width: 350px; }
      .bross-dashboard .status-panel .important-date .important-date-label {
        font-size: 20px;
        color: #FFFFFF;
        background-color: #1d2858;
        height: 30px;
        padding: 5px; }
      .bross-dashboard .status-panel .important-date .important-date-value {
        font-size: 28px;
        color: #333333;
        padding: 10px !important; }
    .bross-dashboard .status-panel .program-timeline.admin-dashboard {
      display: grid;
      grid-template-columns: 18% 18% 25% 21% 18%; }
      .bross-dashboard .status-panel .program-timeline.admin-dashboard .phase {
        overflow: hidden; }
      .bross-dashboard .status-panel .program-timeline.admin-dashboard .program-timeline-image {
        height: 2.00vw;
        /* center image even if larger than containing div */
        margin-left: 50%;
        transform: translateX(-50%); }
    .bross-dashboard .status-panel .program-timeline.participant-dashboard {
      display: flex; }
      .bross-dashboard .status-panel .program-timeline.participant-dashboard .program-timeline-image {
        height: calc(50vw / 15);
        max-height: calc(950px /15); }
    .bross-dashboard .status-panel .program-timeline .phase {
      margin: 10px 2px; }
      .bross-dashboard .status-panel .program-timeline .phase .header {
        font-weight: 650;
        font-style: normal;
        font-size: 14px;
        text-align: center;
        line-height: normal;
        background-color: #ffffff;
        color: #666666;
        border: none;
        padding: 5px !important;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        border: solid 1px #cccccc;
        border-style: solid solid none solid; }
      .bross-dashboard .status-panel .program-timeline .phase .image {
        text-align: center;
        background-image: linear-gradient(#ffffff, transparent);
        border: solid 1px #cccccc;
        border-style: none solid none solid;
        border-image: linear-gradient(to bottom, #cccccc 10%, #cccccc 30%, #f2f2f2 60%);
        border-image-slice: 1; }

@media (max-width: 1024px) {
  .program-timeline-image {
    height: calc(100vw / 13) !important;
    max-height: calc(100vw / 13) !important; } }

@media (max-width: 1024px) {
  /* timeline images stay small in participant dashboard */
  .bross-dashboard .status-panel .program-timeline.admin-dashboard .phase .image > .program-timeline-image {
    height: 3.00vw !important; } }

@media (max-width: 700px) {
  .program-timeline-image {
    height: calc(100vw / 15) !important;
    max-height: calc(100vw / 15) !important; } }

@media (max-width: calc(500px - 1px)) {
  .program-timeline {
    display: block !important; }
    .program-timeline .phase .program-timeline-image {
      height: calc(100vw *0.1) !important;
      max-height: calc(100vw *0.1) !important; } }

@media (max-width: 600px) {
  .status-panel .important-date {
    width: 100% !important;
    max-width: 500px !important;
    margin-bottom: 20px;
    float: left !important; } }

div.bross-dialog {
  width: 680px;
  height: 900px;
  background: inherit;
  background-color: inherit;
  background-color: #ffffff;
  box-sizing: border-box;
  border-width: 2px;
  border-style: solid;
  border-color: #ffffff;
  border-radius: 4px;
  -moz-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34902);
  -webkit-box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34902);
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.34902); }
  div.bross-dialog.viewJoinedBrossEvent {
    width: 400px !important; }
  div.bross-dialog.viewAdvisoryDialog {
    width: 600px !important; }
  div.bross-dialog.participantDashboardPopup {
    width: 40% !important;
    height: 80% !important;
    overflow: auto; }
  div.bross-dialog.addNoteDialog {
    overflow: visible !important; }
    div.bross-dialog.addNoteDialog .addNoteTextarea {
      height: 120px !important;
      overflow: scroll !important; }
  div.bross-dialog div.ui-dialog-titlebar {
    font-family: 'Segoe UI Semilight', 'Segoe UI', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    font-weight: 350;
    font-style: normal;
    font-size: 24px;
    text-align: left;
    background-color: #ffffff;
    color: #333333;
    border-bottom: 1px solid #333333; }
  div.bross-dialog div.formActionButtons {
    background-color: #bcbcbc;
    margin-top: 20px; }
    div.bross-dialog div.formActionButtons > span.submit {
      float: left; }
      div.bross-dialog div.formActionButtons > span.submit > button {
        color: #ffffff;
        background-color: #1d2858; }
    div.bross-dialog div.formActionButtons > span.close {
      float: right; }
      div.bross-dialog div.formActionButtons > span.close > button {
        background-color: #f2f2f2;
        color: #1D2858; }

.warningDialogHorizontalPanel {
  background-color: #f69900;
  min-height: 300px;
  padding: 10px 0px;
  text-align: center; }

.successDialogHorizontalPanel {
  background-color: #0cac78;
  min-height: 300px;
  padding: 10px 0px;
  text-align: center; }

.infoDialogHorizontalPanel {
  background-color: #00bfe9;
  min-height: 330px;
  padding: 10px 0px;
  text-align: center; }

.errorDialogHorizontalPanel {
  background-color: #ff635c;
  min-height: 300px;
  padding: 10px 0px;
  text-align: center; }

.warningDialogHeading {
  border-bottom: solid thin;
  padding: 0 0 .5em 0; }

.brossDialog {
  background-color: transparent !important;
  border: none;
  max-height: 950px;
  box-shadow: none;
  font-size: 16px !important;
  font-family: "Segoe UI Bold", "Segoe UI";
  font-style: normal;
  line-height: normal;
  font-weight: 400;
  max-height: 80vh !important;
  top: 100px !important; }
  .brossDialog div[class*="ui-g-12"], .brossDialog span[class*="ui-g-12"] {
    padding: 0.3em 0.5em !important; }
    .brossDialog div[class*="ui-g-12"] .noPadding, .brossDialog span[class*="ui-g-12"] .noPadding {
      padding: 0 !important; }
  .brossDialog .h-guidance {
    order: 2;
    position: relative;
    margin-top: 0 !important;
    margin-left: 0px !important; }
  .brossDialog .scrollablePanel {
    padding: 0 0 20px 0 !important;
    overflow-y: auto;
    max-height: 60vh; }
  .brossDialog .ui-outputlabel {
    font-size: 14px !important; }
  .brossDialog .ui-button {
    min-width: 110px; }
  .brossDialog.ui-dialog .ui-dialog-content {
    position: relative;
    border: 0;
    padding: 0;
    background: 0;
    overflow: auto;
    zoom: 1; }
  .brossDialog .ui-selectonemenu .ui-selectonemenu-trigger {
    background-color: transparent !important; }
  .brossDialog .ui-selectonemenu-label {
    box-shadow: none !important; }
  .brossDialog .header {
    font-weight: 400;
    padding: 0;
    border-bottom: solid 1px #333333;
    padding-top: 20px; }
    .brossDialog .header .header-text {
      font-size: 24px !important;
      color: #000000 !important; }
    .brossDialog .header .header-icon {
      width: 30px;
      height: 30px; }
      .brossDialog .header .header-icon.left {
        float: right; }
      .brossDialog .header .header-icon.right {
        float: right; }
  .brossDialog .subHeading {
    font-weight: 800;
    font-size: 16px !important;
    font-style: italic !important;
    color: #054e83 !important; }
  .brossDialog .ui-outputpanel {
    padding: 0 !important;
    background-color: #ffffff !important;
    position: relative;
    display: flex;
    flex-direction: column; }
  .brossDialog .requiredInput {
    width: 90%;
    border-left-color: #C75000 !important; }
    .brossDialog .requiredInput .ui-inputfield {
      border-left-color: #C75000 !important; }
  .brossDialog .optionalInput {
    width: 80%;
    border-left: 1px solid #ccccccc !important; }
  .brossDialog .fileUpload .spacing {
    padding-left: 35%; }
  .brossDialog .roso-notes {
    padding-right: 10%;
    word-wrap: break-word; }
  .brossDialog .dialog-ul {
    line-height: 150% !important;
    margin-top: 0.35em !important;
    margin-bottom: 0.35em !important; }
  .brossDialog .dialog-content-span {
    padding-left: 40px !important;
    min-width: 90% !important; }
  .brossDialog .name-link {
    color: #0764A7 !important; }
  .brossDialog.rosoDialog-single-with-guidance {
    max-width: 50%;
    min-width: 800px; }
  .brossDialog.rosoDialog-double-with-guidance {
    max-width: 90%;
    min-width: 1200px; }
  .brossDialog.rosoDialog-view-mode {
    max-width: 35%;
    min-width: 700px;
    min-height: 700px; }
  .brossDialog .editTool .ui-editor {
    margin-left: 0px !important;
    flex-wrap: wrap;
    height: 50px !important;
    width: 100% !important;
    border: none !important; }
  .brossDialog .ui-editor iframe {
    width: 100% !important;
    height: 95px !important; }
  .brossDialog .bross-editor-panel {
    border: solid #ccc !important;
    border-width: 1px 1px 1px 10px !important;
    width: 62%;
    height: 100px;
    margin-left: 0.5em !important; }
  .brossDialog .form-group-buttons {
    padding: 0.1em !important;
    margin: 0 !important;
    position: static; }

.brossFieldLabel {
  text-align: right; }
  .brossFieldLabel .ui-outputlabel {
    font-size: 14px !important;
    padding-right: 0; }

.brossDialogCompressedSpacing .ui-lg-1, .brossDialogCompressedSpacing .ui-lg-2, .brossDialogCompressedSpacing .ui-lg-3, .brossDialogCompressedSpacing .ui-lg-4, .brossDialogCompressedSpacing .ui-lg-5, .brossDialogCompressedSpacing .ui-lg-6, .brossDialogCompressedSpacing .ui-lg-7, .brossDialogCompressedSpacing .ui-lg-8, .brossDialogCompressedSpacing .ui-lg-9, .brossDialogCompressedSpacing .ui-lg-10, .brossDialogCompressedSpacing .ui-lg-11, .brossDialogCompressedSpacing .ui-lg-12 {
  padding-top: .2em;
  padding-bottom: .2em; }

.brossDialogCompressedSpacing .ui-md-1, .brossDialogCompressedSpacing .ui-md-2, .brossDialogCompressedSpacing .ui-md-3, .brossDialogCompressedSpacing .ui-md-4, .brossDialogCompressedSpacing .ui-md-5, .brossDialogCompressedSpacing .ui-md-6, .brossDialogCompressedSpacing .ui-md-7, .brossDialogCompressedSpacing .ui-md-8, .brossDialogCompressedSpacing .ui-md-9, .brossDialogCompressedSpacing .ui-md-10, .brossDialogCompressedSpacing .ui-md-11, .brossDialogCompressedSpacing .ui-md-12 {
  padding-top: .2em;
  padding-bottom: .2em; }

.brossDialogCompressedSpacing .ui-g-1, .brossDialogCompressedSpacing .ui-g-2, .brossDialogCompressedSpacing .ui-g-3, .brossDialogCompressedSpacing .ui-g-4, .brossDialogCompressedSpacing .ui-g-5, .brossDialogCompressedSpacing .ui-g-6, .brossDialogCompressedSpacing .ui-g-7, .brossDialogCompressedSpacing .ui-g-8, .brossDialogCompressedSpacing .ui-g-9, .brossDialogCompressedSpacing .ui-g-10, .brossDialogCompressedSpacing .ui-g-11, .brossDialogCompressedSpacing .ui-g-12 {
  padding-top: .2em;
  padding-bottom: .2em; }

.brossDialogCompressedSpacing .form-group-buttons {
  position: relative;
  padding-top: 0.5em;
  padding-bottom: 0.5em;
  padding-right: 0; }

@media (max-width: 600px) {
  .rosoDialog-view-mode {
    max-width: 90%; }
  .rosoDialog-double-with-guidance {
    min-width: 600px !important; }
  .rosoDialog-single-with-guidance {
    max-width: 80%;
    min-width: 800px; } }

@media (max-height: 800px) {
  .brossDialog div[class*="ui-g-12"], .brossDialog span[class*="ui-g-12"] {
    padding: 0.1em 0.3em !important; }
  .brossDialog .scrollablePanel {
    overflow-y: auto;
    max-height: 60vh !important;
    padding-bottom: 50px !important; }
    .brossDialog .scrollablePanel .form-group-buttons {
      padding-top: 0.5em;
      padding-bottom: 0.5em;
      padding-right: 0; }
  .brossDialog .header .header-text {
    font-size: 20px !important;
    color: #000000 !important;
    font-weight: 400; }
  .brossDialog .ui-button {
    min-width: 80px;
    padding: 0;
    min-height: 30px; } }

.messagePanel {
  display: flex;
  flex-direction: column;
  padding: 10px 0px; }
  .messagePanel .h-alert-error {
    display: flex;
    background-color: #ff635c;
    padding: 2px;
    min-height: 50px; }
    .messagePanel .h-alert-error.h-closed {
      display: none; }
    .messagePanel .h-alert-error > * {
      flex: 1 1; }
    .messagePanel .h-alert-error .h-alert-icon {
      flex: 0 0 auto;
      width: 36px;
      height: 36px;
      margin: 10px 4px 10px 2px; }
    .messagePanel .h-alert-error .h-alert-content {
      background-color: #e0bebc;
      padding: 10px; }
      .messagePanel .h-alert-error .h-alert-content .h-alert-close-button {
        display: none;
        float: right;
        margin: -10px -10px 10px 10px; }
      .messagePanel .h-alert-error .h-alert-content > p {
        margin: 10px 0 10px 0;
        font-weight: bold; }
      .messagePanel .h-alert-error .h-alert-content > ol {
        list-style: decimal; }
      .messagePanel .h-alert-error .h-alert-content > ul {
        list-style: none;
        margin: 0;
        padding: 0; }
    .messagePanel .h-alert-error .ui-message-error-detail, .messagePanel .h-alert-error .ui-message-warn-detail, .messagePanel .h-alert-error .ui-message-info-detail, .messagePanel .h-alert-error .ui-message-success-detail {
      background-color: #e0bebc;
      color: #333333 !important;
      margin-left: 50px !important;
      padding-left: 10px !important; }
  .messagePanel .h-alert-warn {
    display: flex;
    background-color: #f69900;
    padding: 2px;
    min-height: 50px; }
    .messagePanel .h-alert-warn.h-closed {
      display: none; }
    .messagePanel .h-alert-warn > * {
      flex: 1 1; }
    .messagePanel .h-alert-warn .h-alert-icon {
      flex: 0 0 auto;
      width: 36px;
      height: 36px;
      margin: 10px 4px 10px 2px; }
    .messagePanel .h-alert-warn .h-alert-content {
      background-color: #fde8c5;
      padding: 10px; }
      .messagePanel .h-alert-warn .h-alert-content .h-alert-close-button {
        display: none;
        float: right;
        margin: -10px -10px 10px 10px; }
      .messagePanel .h-alert-warn .h-alert-content > p {
        margin: 10px 0 10px 0;
        font-weight: bold; }
      .messagePanel .h-alert-warn .h-alert-content > ol {
        list-style: decimal; }
      .messagePanel .h-alert-warn .h-alert-content > ul {
        list-style: none;
        margin: 0;
        padding: 0; }
    .messagePanel .h-alert-warn .ui-message-error-detail, .messagePanel .h-alert-warn .ui-message-warn-detail, .messagePanel .h-alert-warn .ui-message-info-detail, .messagePanel .h-alert-warn .ui-message-success-detail {
      background-color: #fde8c5;
      color: #333333 !important;
      margin-left: 50px !important;
      padding-left: 10px !important; }
  .messagePanel .h-alert-info {
    display: flex;
    background-color: #00bfe9;
    padding: 2px;
    min-height: 50px; }
    .messagePanel .h-alert-info.h-closed {
      display: none; }
    .messagePanel .h-alert-info > * {
      flex: 1 1; }
    .messagePanel .h-alert-info .h-alert-icon {
      flex: 0 0 auto;
      width: 36px;
      height: 36px;
      margin: 10px 4px 10px 2px; }
    .messagePanel .h-alert-info .h-alert-content {
      background-color: #caf2fa;
      padding: 10px; }
      .messagePanel .h-alert-info .h-alert-content .h-alert-close-button {
        display: none;
        float: right;
        margin: -10px -10px 10px 10px; }
      .messagePanel .h-alert-info .h-alert-content > p {
        margin: 10px 0 10px 0;
        font-weight: bold; }
      .messagePanel .h-alert-info .h-alert-content > ol {
        list-style: decimal; }
      .messagePanel .h-alert-info .h-alert-content > ul {
        list-style: none;
        margin: 0;
        padding: 0; }
    .messagePanel .h-alert-info .ui-message-error-detail, .messagePanel .h-alert-info .ui-message-warn-detail, .messagePanel .h-alert-info .ui-message-info-detail, .messagePanel .h-alert-info .ui-message-success-detail {
      background-color: #caf2fa;
      color: #333333 !important;
      margin-left: 50px !important;
      padding-left: 10px !important; }
  .messagePanel .h-alert-success {
    display: flex;
    background-color: #0cac78;
    padding: 2px;
    min-height: 50px; }
    .messagePanel .h-alert-success.h-closed {
      display: none; }
    .messagePanel .h-alert-success > * {
      flex: 1 1; }
    .messagePanel .h-alert-success .h-alert-icon {
      flex: 0 0 auto;
      width: 36px;
      height: 36px;
      margin: 10px 4px 10px 2px; }
    .messagePanel .h-alert-success .h-alert-content {
      background-color: #ceeee4;
      padding: 10px; }
      .messagePanel .h-alert-success .h-alert-content .h-alert-close-button {
        display: none;
        float: right;
        margin: -10px -10px 10px 10px; }
      .messagePanel .h-alert-success .h-alert-content > p {
        margin: 10px 0 10px 0;
        font-weight: bold; }
      .messagePanel .h-alert-success .h-alert-content > ol {
        list-style: decimal; }
      .messagePanel .h-alert-success .h-alert-content > ul {
        list-style: none;
        margin: 0;
        padding: 0; }
    .messagePanel .h-alert-success .ui-message-error-detail, .messagePanel .h-alert-success .ui-message-warn-detail, .messagePanel .h-alert-success .ui-message-info-detail, .messagePanel .h-alert-success .ui-message-success-detail {
      background-color: #ceeee4;
      color: #333333 !important;
      margin-left: 50px !important;
      padding-left: 10px !important; }
  .messagePanel .h-alert-green {
    display: flex;
    background-color: #368722;
    padding: 2px;
    min-height: 50px; }
    .messagePanel .h-alert-green.h-closed {
      display: none; }
    .messagePanel .h-alert-green > * {
      flex: 1 1; }
    .messagePanel .h-alert-green .h-alert-icon {
      flex: 0 0 auto;
      width: 36px;
      height: 36px;
      margin: 10px 4px 10px 2px; }
    .messagePanel .h-alert-green .h-alert-content {
      background-color: #fff;
      padding: 10px; }
      .messagePanel .h-alert-green .h-alert-content .h-alert-close-button {
        display: none;
        float: right;
        margin: -10px -10px 10px 10px; }
      .messagePanel .h-alert-green .h-alert-content > p {
        margin: 10px 0 10px 0;
        font-weight: bold; }
      .messagePanel .h-alert-green .h-alert-content > ol {
        list-style: decimal; }
      .messagePanel .h-alert-green .h-alert-content > ul {
        list-style: none;
        margin: 0;
        padding: 0; }
    .messagePanel .h-alert-green .ui-message-error-detail, .messagePanel .h-alert-green .ui-message-warn-detail, .messagePanel .h-alert-green .ui-message-info-detail, .messagePanel .h-alert-green .ui-message-success-detail {
      background-color: #fff;
      color: #333333 !important;
      margin-left: 50px !important;
      padding-left: 10px !important; }
  .messagePanel .h-alert-blue {
    display: flex;
    background-color: #1d2858;
    padding: 2px;
    min-height: 50px; }
    .messagePanel .h-alert-blue.h-closed {
      display: none; }
    .messagePanel .h-alert-blue > * {
      flex: 1 1; }
    .messagePanel .h-alert-blue .h-alert-icon {
      flex: 0 0 auto;
      width: 36px;
      height: 36px;
      margin: 10px 4px 10px 2px; }
    .messagePanel .h-alert-blue .h-alert-content {
      background-color: #fff;
      padding: 10px; }
      .messagePanel .h-alert-blue .h-alert-content .h-alert-close-button {
        display: none;
        float: right;
        margin: -10px -10px 10px 10px; }
      .messagePanel .h-alert-blue .h-alert-content > p {
        margin: 10px 0 10px 0;
        font-weight: bold; }
      .messagePanel .h-alert-blue .h-alert-content > ol {
        list-style: decimal; }
      .messagePanel .h-alert-blue .h-alert-content > ul {
        list-style: none;
        margin: 0;
        padding: 0; }
    .messagePanel .h-alert-blue .ui-message-error-detail, .messagePanel .h-alert-blue .ui-message-warn-detail, .messagePanel .h-alert-blue .ui-message-info-detail, .messagePanel .h-alert-blue .ui-message-success-detail {
      background-color: #fff;
      color: #333333 !important;
      margin-left: 50px !important;
      padding-left: 10px !important; }
  .messagePanel > .h-alert:not(:first-child) {
    margin-top: 10px; }

.tabErrorMessage {
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  margin: 0px; }
  .tabErrorMessage.ui-message-error {
    display: flex;
    background-color: #ff635c;
    padding: 2px;
    min-height: 50px;
    background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-error.png") !important; }
    .tabErrorMessage.ui-message-error.h-closed {
      display: none; }
    .tabErrorMessage.ui-message-error > * {
      flex: 1 1; }
    .tabErrorMessage.ui-message-error .h-alert-icon {
      flex: 0 0 auto;
      width: 36px;
      height: 36px;
      margin: 10px 4px 10px 2px; }
    .tabErrorMessage.ui-message-error .h-alert-content {
      background-color: #e0bebc;
      padding: 10px; }
      .tabErrorMessage.ui-message-error .h-alert-content .h-alert-close-button {
        display: none;
        float: right;
        margin: -10px -10px 10px 10px; }
      .tabErrorMessage.ui-message-error .h-alert-content > p {
        margin: 10px 0 10px 0;
        font-weight: bold; }
      .tabErrorMessage.ui-message-error .h-alert-content > ol {
        list-style: decimal; }
      .tabErrorMessage.ui-message-error .h-alert-content > ul {
        list-style: none;
        margin: 0;
        padding: 0; }
    .tabErrorMessage.ui-message-error .ui-message-error-detail, .tabErrorMessage.ui-message-error .ui-message-warn-detail, .tabErrorMessage.ui-message-error .ui-message-info-detail, .tabErrorMessage.ui-message-error .ui-message-success-detail {
      background-color: #e0bebc;
      color: #333333 !important;
      margin-left: 50px !important;
      padding-left: 10px !important; }
  .tabErrorMessage.ui-message-warn {
    display: flex;
    background-color: #f69900;
    padding: 2px;
    min-height: 50px;
    background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-warn.png") !important; }
    .tabErrorMessage.ui-message-warn.h-closed {
      display: none; }
    .tabErrorMessage.ui-message-warn > * {
      flex: 1 1; }
    .tabErrorMessage.ui-message-warn .h-alert-icon {
      flex: 0 0 auto;
      width: 36px;
      height: 36px;
      margin: 10px 4px 10px 2px; }
    .tabErrorMessage.ui-message-warn .h-alert-content {
      background-color: #fde8c5;
      padding: 10px; }
      .tabErrorMessage.ui-message-warn .h-alert-content .h-alert-close-button {
        display: none;
        float: right;
        margin: -10px -10px 10px 10px; }
      .tabErrorMessage.ui-message-warn .h-alert-content > p {
        margin: 10px 0 10px 0;
        font-weight: bold; }
      .tabErrorMessage.ui-message-warn .h-alert-content > ol {
        list-style: decimal; }
      .tabErrorMessage.ui-message-warn .h-alert-content > ul {
        list-style: none;
        margin: 0;
        padding: 0; }
    .tabErrorMessage.ui-message-warn .ui-message-error-detail, .tabErrorMessage.ui-message-warn .ui-message-warn-detail, .tabErrorMessage.ui-message-warn .ui-message-info-detail, .tabErrorMessage.ui-message-warn .ui-message-success-detail {
      background-color: #fde8c5;
      color: #333333 !important;
      margin-left: 50px !important;
      padding-left: 10px !important; }
  .tabErrorMessage.ui-message-info {
    display: flex;
    background-color: #0cac78;
    padding: 2px;
    min-height: 50px;
    background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-success.png") !important; }
    .tabErrorMessage.ui-message-info.h-closed {
      display: none; }
    .tabErrorMessage.ui-message-info > * {
      flex: 1 1; }
    .tabErrorMessage.ui-message-info .h-alert-icon {
      flex: 0 0 auto;
      width: 36px;
      height: 36px;
      margin: 10px 4px 10px 2px; }
    .tabErrorMessage.ui-message-info .h-alert-content {
      background-color: #ceeee4;
      padding: 10px; }
      .tabErrorMessage.ui-message-info .h-alert-content .h-alert-close-button {
        display: none;
        float: right;
        margin: -10px -10px 10px 10px; }
      .tabErrorMessage.ui-message-info .h-alert-content > p {
        margin: 10px 0 10px 0;
        font-weight: bold; }
      .tabErrorMessage.ui-message-info .h-alert-content > ol {
        list-style: decimal; }
      .tabErrorMessage.ui-message-info .h-alert-content > ul {
        list-style: none;
        margin: 0;
        padding: 0; }
    .tabErrorMessage.ui-message-info .ui-message-error-detail, .tabErrorMessage.ui-message-info .ui-message-warn-detail, .tabErrorMessage.ui-message-info .ui-message-info-detail, .tabErrorMessage.ui-message-info .ui-message-success-detail {
      background-color: #ceeee4;
      color: #333333 !important;
      margin-left: 50px !important;
      padding-left: 10px !important; }
  .tabErrorMessage.ui-message-success {
    display: flex;
    background-color: #0cac78;
    padding: 2px;
    min-height: 50px;
    background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-success.png") !important; }
    .tabErrorMessage.ui-message-success.h-closed {
      display: none; }
    .tabErrorMessage.ui-message-success > * {
      flex: 1 1; }
    .tabErrorMessage.ui-message-success .h-alert-icon {
      flex: 0 0 auto;
      width: 36px;
      height: 36px;
      margin: 10px 4px 10px 2px; }
    .tabErrorMessage.ui-message-success .h-alert-content {
      background-color: #ceeee4;
      padding: 10px; }
      .tabErrorMessage.ui-message-success .h-alert-content .h-alert-close-button {
        display: none;
        float: right;
        margin: -10px -10px 10px 10px; }
      .tabErrorMessage.ui-message-success .h-alert-content > p {
        margin: 10px 0 10px 0;
        font-weight: bold; }
      .tabErrorMessage.ui-message-success .h-alert-content > ol {
        list-style: decimal; }
      .tabErrorMessage.ui-message-success .h-alert-content > ul {
        list-style: none;
        margin: 0;
        padding: 0; }
    .tabErrorMessage.ui-message-success .ui-message-error-detail, .tabErrorMessage.ui-message-success .ui-message-warn-detail, .tabErrorMessage.ui-message-success .ui-message-info-detail, .tabErrorMessage.ui-message-success .ui-message-success-detail {
      background-color: #ceeee4;
      color: #333333 !important;
      margin-left: 50px !important;
      padding-left: 10px !important; }

footer {
  background-color: #1d2858;
  color: white;
  padding: 10px;
  border-top: solid 4px #cedff2;
  font-size: 8pt !important;
  line-height: 18px; }
  footer > div {
    display: flex;
    max-width: 1200px;
    margin: 0 auto; }
    footer > div > *:not(:first-child) {
      margin-left: 20px; }
    footer > div .h-footer-copy {
      flex: 1 2; }
    footer > div .h-footer-version {
      flex: 3 3;
      display: flex;
      flex-direction: column; }
    footer > div .h-footer-buttons {
      flex: 1 1;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      footer > div .h-footer-buttons > *:not(:first-child) {
        margin-left: 4px; }
      footer > div .h-footer-buttons img {
        width: 24px;
        height: 24px;
        border: none; }

@media (min-width: 480px) {
  footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1000; } }

@media (max-width: calc(480px - 1px)) {
  footer > div {
    flex-direction: column; } }

.form-group-buttons {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #a1a1a1;
  padding: 10px 20px 10px 20px; }
  .form-group-buttons > .form-buttons {
    display: flex;
    justify-content: space-between; }
    .form-group-buttons > .form-buttons > *:not(:first-child) {
      margin-left: 10px; }

@media (min-width: 480px) {
  .form-group-buttons > .form-buttons {
    padding-left: calc(40% + 20px); } }

.bross-file-upload {
  padding-top: 0;
  padding-left: 0; }
  .bross-file-upload .ui-fileupload-content {
    padding: 0; }
  .bross-file-upload .ui-fileupload-buttonbar {
    width: max-content !important;
    padding: 1px !important;
    border-radius: 3px;
    background-image: none; }
    .bross-file-upload .ui-fileupload-buttonbar .visuallyhidden {
      display: none !important; }
  .bross-file-upload .ui-fileupload-buttonbar.ui-widget-header {
    background-color: transparent;
    border: 0 none; }
  .bross-file-upload .ui-button-text-icon-left .ui-button-text {
    padding: 0.2em 0.2em .2em .2em;
    font-weight: 400;
    font-style: normal;
    font-size: 15px;
    color: #FFFFFF;
    text-align: center; }
  .bross-file-upload .ui-fileupload-buttonbar .ui-button {
    background-color: #666666; }
  .bross-file-upload .ui-fileupload-choose .ui-icon {
    visibility: hidden !important; }
  .bross-file-upload .ui-fileupload-upload .ui-icon {
    visibility: hidden !important; }
  .bross-file-upload .ui-fileupload-cancel .ui-icon {
    visibility: hidden !important; }

.bross-file-download-icon {
  width: 35px;
  height: 35px;
  vertical-align: bottom; }

.bross-file-download-link {
  vertical-align: bottom !important; }

.ui-selectonebutton {
  padding: 0px; }
  .ui-selectonebutton .ui-button {
    font-weight: 600;
    font-style: normal;
    font-size: 14px !important;
    color: #333333;
    border-radius: unset;
    border-color: #cccccc;
    background-color: #f2f2f2;
    padding: 0px 5px;
    border-left: none; }
    .ui-selectonebutton .ui-button.ui-state-active {
      background-color: #0b7aca !important;
      color: #ffffff !important; }
    .ui-selectonebutton .ui-button.ui-state-focus {
      border: solid 1px #000000 !important;
      background-color: #bcbcbc; }
    .ui-selectonebutton .ui-button.ui-state-hover {
      background-color: #bcbcbc !important; }
    .ui-selectonebutton .ui-button.ui-corner-left {
      border-top-left-radius: 5px;
      border-bottom-left-radius: 5px;
      border-left: solid 1px #cccccc; }
    .ui-selectonebutton .ui-button.ui-corner-right {
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px; }

.control-group-new {
  display: block; }
  .control-group-new .control-and-label {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap; }
    .control-group-new .control-and-label > label {
      flex-grow: 0;
      flex-shrink: 0;
      flex-basis: calc(40% - 8px);
      padding: 4px;
      text-align: right; }
      .control-group-new .control-and-label > label.ui-state-error {
        color: #ff3a33;
        background-color: white; }
    .control-group-new .control-and-label > .controls {
      margin-left: 20px;
      flex: 3 0 0px;
      display: flex;
      align-items: baseline; }
      .control-group-new .control-and-label > .controls:first-child {
        margin-left: calc(40% + 20px); }
      .control-group-new .control-and-label > .controls > :not(:first-child) {
        margin-left: 4px; }
      .control-group-new .control-and-label > .controls > label {
        padding: 4px 4px 4px 0;
        color: black; }
  .control-group-new > .ui-message {
    padding: 4px 20px 10px calc(40% + 20px);
    width: 100%; }
  .control-group-new .ui-messages-error, .control-group-new .ui-message-error {
    display: block;
    background-color: transparent;
    border-color: transparent;
    border: none;
    margin: 0; }
  .control-group-new .ui-message-error-detail {
    color: #ff3a33; }

.control-group {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }
  .control-group > label {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(40% - 8px);
    padding: 4px;
    text-align: right; }
    .control-group > label.ui-state-error {
      color: #ff3a33;
      border: none;
      background: none; }
  .control-group > .controls {
    margin-left: 20px;
    flex: 3 0 0px;
    display: flex;
    align-items: baseline; }
    .control-group > .controls:first-child {
      margin-left: calc(40% + 20px); }
    .control-group > .controls > :not(:first-child) {
      margin-left: 4px; }
    .control-group > .controls > label {
      padding: 4px 4px 4px 0; }
  .control-group > .ui-message {
    padding: 4px 20px 10px calc(40% + 20px);
    width: 100%; }
  .control-group .ui-messages-error, .control-group .ui-message-error {
    display: block;
    background-color: transparent;
    border-color: transparent;
    border: none;
    margin: 0; }
  .control-group .ui-message-error-detail {
    color: #ff3a33;
    margin-left: 0px !important;
    font-size: 13px !important;
    font-weight: normal  !important; }

.control-group + .control-group {
  margin-top: 10px; }

.ui-fileupload-buttonbar {
  width: max-content !important; }

.bold600 > label {
  padding: 4px 4px 4px 0;
  font-family: 'Segoe UI Regular', 'Segoe UI', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  font-weight: 600  !important;
  font-style: normal !important;
  font-size: 14px !important;
  color: #666666 !important;
  text-align: right !important;
  line-height: 16px !important; }

.bold700 {
  font-family: 'Segoe UI Bold', 'Segoe UI', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  font-weight: 700 !important;
  font-style: normal !important;
  font-size: 16px;
  color: #000000 !important;
  text-align: left !important;
  line-height: normal !important; }

.bold800 > label {
  padding: 4px 4px 4px 0;
  font-family: 'Segoe UI Bold', 'Segoe UI', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  font-weight: 800 !important;
  font-style: normal !important;
  font-size: 16px !important;
  color: #000000 !important;
  text-align: left !important;
  line-height: normal !important; }

.texAreaForLocation {
  width: 450px !important;
  height: 70px !important;
  overflow-y: auto !important;
  overflow-x: hidden !important; }

.text-right {
  text-align: right; }

.text-left {
  text-align: left; }

.text-justify {
  text-align: center; }

.select-one-menu-upward .ui-selectonemenu-panel {
  height: 125px;
  top: -130px !important;
  width: 100% !important;
  overflow-y: auto; }

.compactSpacing div[class*="ui-g-12"], .compactSpacing span[class*="ui-g-12"] {
  padding: 0.3em 0.5em !important; }
  .compactSpacing div[class*="ui-g-12"] .noPadding, .compactSpacing span[class*="ui-g-12"] .noPadding {
    padding: 0 !important; }

.ui-datatable .ui-column-filter {
  display: block;
  width: 95%;
  margin: auto;
  border: solid 1px !important;
  height: 15px; }

.ui-datatable .ui-filter-column .ui-icon-triangle-1-s {
  background-position: -64px -16px !important; }

.ui-datatable .ui-selectonemenu {
  min-width: 10px !important;
  width: 95%;
  border: solid 1px !important; }

.ui-datatable .ui-selectcheckboxmenu {
  background-color: #ffffff !important;
  padding: 0px 5px;
  height: 25px;
  min-width: 90%; }

.filterChkList.ui-selectcheckboxmenu-panel {
  background-color: #ffffff !important; }
  .filterChkList.ui-selectcheckboxmenu-panel .ui-chkbox, .filterChkList.ui-selectcheckboxmenu-panel .ui-chkbox-small {
    border: none !important;
    padding: 0px; }
  .filterChkList.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
    margin-bottom: .5em;
    padding: 5px;
    background-color: #ffffff; }
  .filterChkList.ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header:before {
    content: 'Select all';
    padding: 0 10px;
    font-weight: normal; }

header {
  display: flex;
  background-color: #fff; }
  header .h-banner {
    display: flex;
    align-items: stretch; }
    header .h-banner > * {
      margin: 4px 0;
      display: flex;
      align-items: center; }
    header .h-banner .h-health-logo {
      margin: 20px; }
    header .h-banner .h-app-logo {
      padding: 10px 20px 0px 15px; }
  header .h-app-title {
    display: flex;
    align-items: center; }
  header h1 {
    padding: 10px; }

.h-logout {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 0.8em;
  z-index: 500; }

.header-no-margin {
  margin-top: 0px !important; }

@media (min-width: 720px) {
  .h-banner .h-crest {
    display: none; }
  .h-banner .h-health-logo {
    margin: 20px; }
  .h-banner .h-app-logo {
    padding: 10px 20px 0px 15px; }
  .h-banner .h-img-health-logo {
    width: 240px; }
  .h-banner .h-img-app-logo {
    width: 180px; }
  .h-banner > *:not(:first-child),
  .h-app-title {
    border-left: solid 1px #1d2858; }
  .h-app-title {
    margin: 4px 0; } }

@media (min-width: calc(600px + 1px)) and (max-width: calc(720px - 1px)) {
  header {
    flex-direction: column; }
    header .h-banner .h-crest {
      display: none; }
    header .h-banner .h-health-logo {
      margin: 20px; }
    header .h-banner .h-app-logo {
      padding: 10px 20px 0px 15px; }
    header .h-banner .h-img-health-logo {
      width: 100%;
      max-width: 240px; }
    header .h-banner .h-img-app-logo {
      width: 100%;
      max-width: 180px;
      margin-left: 20px; }
    header .h-banner > *:not(:first-child) {
      border-left: solid 1px #1d2858; }
    header .h-app-title {
      margin: 0 4px;
      padding: 4px 6px;
      border-top: solid 1px #1d2858; }
    header h1 {
      margin: 0;
      padding: 4px 10px;
      line-height: 1em; } }

@media (max-width: 600px) {
  header .h-banner .h-img-crest {
    display: none; }
  header .h-banner .h-img-health-logo {
    width: 50vw;
    max-width: 200px; }
  header .h-banner .h-img-app-logo {
    width: 50vw;
    max-width: 200px; }
  header .h-app-title {
    margin: 4px 0;
    border-left: solid 1px #1d2858; }
  header h1 {
    margin: 0; } }

.h-nav-main {
  display: flex;
  padding: 0 10px 0 20px;
  background-color: #1d2858;
  min-height: calc(1.2em + 20px);
  border-bottom: solid 6px #cedff2; }
  .h-nav-main a {
    color: inherit;
    text-decoration: none;
    font-size: 14px;
    line-height: 16px; }
  .h-nav-main > .h-menuitem {
    cursor: pointer;
    white-space: nowrap;
    padding-bottom: 4px;
    margin: 4px 0 -6px 1px;
    position: relative;
    border-bottom: solid 6px #cedff2; }
    .h-nav-main > .h-menuitem.active {
      border-bottom-color: #fff; }
    .h-nav-main > .h-menuitem:hover {
      background-color: #666666; }
    .h-nav-main > .h-menuitem:focus-visible {
      outline: none;
      background-color: #666666; }
    .h-nav-main > .h-menuitem > span, .h-nav-main > .h-menuitem > a {
      display: block;
      border-left: solid 1px #9dbee6;
      margin-left: -1px;
      padding: 4px 10px;
      color: #cedff2;
      line-height: 1.2em;
      font-size: 16px;
      font-weight: 650; }

.h-nav-main > .h-menuitem > .h-submenu {
  display: none;
  flex-direction: column;
  position: absolute;
  top: calc(1.2em + 12px);
  left: 0;
  z-index: 100;
  border: solid 1px #666666;
  background-color: #ffffff; }
  .h-nav-main > .h-menuitem > .h-submenu .h-menuitem {
    padding: 10px;
    min-width: 150px; }
    .h-nav-main > .h-menuitem > .h-submenu .h-menuitem.about-link {
      min-width: 360px; }
    .h-nav-main > .h-menuitem > .h-submenu .h-menuitem .external-link {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/open-in-new-white.png") !important;
      background-size: 25px 25px;
      height: 30px;
      width: 30px;
      background-repeat: no-repeat;
      position: absolute;
      padding-left: 0px;
      right: 0px;
      filter: invert(70%); }
    .h-nav-main > .h-menuitem > .h-submenu .h-menuitem:not(:first-child) {
      border-top: solid 1px #666666; }
    .h-nav-main > .h-menuitem > .h-submenu .h-menuitem:hover, .h-nav-main > .h-menuitem > .h-submenu .h-menuitem:focus-within {
      background-color: #ccc; }

.h-nav-main > .h-menuitem:hover > .h-submenu, .h-nav-main > .h-menuitem.h-menuitem-active > .h-submenu {
  display: flex; }

.busySpinner {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -50px;
  margin-left: -100px;
  z-index: 9999; }

div.help-link {
  background-color: #1d2858 !important;
  position: relative !important;
  height: 40px !important;
  margin-bottom: 1px; }

div.help-link-left {
  background-color: #1d2858 !important;
  position: relative !important;
  height: 40px !important;
  margin-bottom: 1px;
  width: 55%;
  margin-left: 45%; }

span.help-link-container {
  color: white !important;
  font-size: 16px !important;
  display: flex;
  padding: 5px;
  position: relative !important;
  height: 30px !important;
  width: 96%; }

div.help-link a {
  color: white !important;
  font-size: 16px !important; }

.help-link span:hover {
  background-color: #3a8131; }

span.help-link-icon {
  background-image: url("/bross_theme/faces/javax.faces.resource/img/help-white.png") !important;
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  padding-right: 10px; }

span.help-link-info-icon {
  background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-info.png") !important;
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  padding-right: 10px; }

span.help-dialog-intern {
  background-image: url("/bross_theme/faces/javax.faces.resource/img/timeline-intern.png") !important;
  border-width: 0px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 500px;
  height: 155px; }

span.help-dialog-intern {
  background-image: url("/bross_theme/faces/javax.faces.resource/img/timeline-student.png") !important;
  border-width: 0px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: 500px;
  height: 155px; }

span.help-link-external-link-icon {
  background-image: url("/bross_theme/faces/javax.faces.resource/img/open-in-new-white.png") !important;
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  position: absolute;
  padding-left: 0px;
  right: 0px; }

div.twoLinkContainer {
  display: flex; }

.twoLinkContainer div {
  width: 49%; }

.twoLinkContainer div.spacer {
  width: 2%; }

.brossMainPanel {
  /** panels with task and action buttons */ }
  .brossMainPanel .page-header {
    font-weight: 350;
    font-style: normal;
    font-size: 32px;
    text-align: left;
    line-height: normal; }
  .brossMainPanel.view-mode {
    max-width: 800px; }
  .brossMainPanel.edit-mode {
    max-width: 1200px; }
  .brossMainPanel.main-page {
    max-width: 1600px;
    display: flex;
    flex-direction: column;
    width: 90vw; }
    .brossMainPanel.main-page .search-panel {
      max-width: 1200px; }
      .brossMainPanel.main-page .search-panel .h-with-guidance .h-with-guidance-content {
        width: 80% !important; }
      .brossMainPanel.main-page .search-panel .h-with-guidance .h-guidance {
        width: 40% !important;
        min-width: 300px; }
      .brossMainPanel.main-page .search-panel .search-input-field {
        background-color: #D7F5FF; }
        .brossMainPanel.main-page .search-panel .search-input-field.search-icon {
          background-size: 30px;
          background-image: url("/bross_theme/faces/javax.faces.resource/img/search-icon.png") !important;
          background-repeat: no-repeat;
          background-position-x: right;
          background-blend-mode: overlay; }
      .brossMainPanel.main-page .search-panel .ui-selectonemenu-list, .brossMainPanel.main-page .search-panel .ui-selectonemenu-label {
        background-color: #D7F5FF !important; }
  .brossMainPanel .h-with-guidance .h-with-guidance-content {
    width: 75%; }
  .brossMainPanel .h-with-guidance .h-guidance {
    width: 35%;
    min-width: 300px; }
  .brossMainPanel .horizontal-line-break {
    background-color: #d7d7d7;
    padding: 10px !important;
    position: relative; }
  .brossMainPanel div[class*="ui-g"], .brossMainPanel span[class*="ui-g"] {
    font-family: 'Segoe UI Bold', 'Segoe UI', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
    line-height: normal !important;
    padding: 0 !important; }
    .brossMainPanel div[class*="ui-g"] .text-label, .brossMainPanel span[class*="ui-g"] .text-label {
      text-align: right !important;
      padding: 10px !important; }
      .brossMainPanel div[class*="ui-g"] .text-label.align-with-top-label-input, .brossMainPanel span[class*="ui-g"] .text-label.align-with-top-label-input {
        position: relative;
        top: 20px; }
      .brossMainPanel div[class*="ui-g"] .text-label .top-left, .brossMainPanel span[class*="ui-g"] .text-label .top-left {
        text-align: left !important;
        padding-bottom: 5px !important; }
      .brossMainPanel div[class*="ui-g"] .text-label .ui-state-error, .brossMainPanel span[class*="ui-g"] .text-label .ui-state-error {
        background: #fef1ec -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0)));
        color: #cd0a0a !important; }
    .brossMainPanel div[class*="ui-g"] .text-value, .brossMainPanel span[class*="ui-g"] .text-value {
      padding: 10px !important;
      font-weight: 700 !important;
      font-size: 16px; }
    .brossMainPanel div[class*="ui-g"] .text-notes, .brossMainPanel span[class*="ui-g"] .text-notes {
      padding: 10px !important;
      border: 1px solid #C3C3C3;
      max-height: 20vh;
      overflow: auto;
      overflow-wrap: break-word; }
      .brossMainPanel div[class*="ui-g"] .text-notes div, .brossMainPanel div[class*="ui-g"] .text-notes span, .brossMainPanel span[class*="ui-g"] .text-notes div, .brossMainPanel span[class*="ui-g"] .text-notes span {
        font-size: 16px;
        font-weight: 400; }
    .brossMainPanel div[class*="ui-g"] .text-input, .brossMainPanel span[class*="ui-g"] .text-input {
      text-align: left;
      padding: 10px !important;
      min-height: 60px;
      vertical-align: middle;
      font-size: 16px; }
      .brossMainPanel div[class*="ui-g"] .text-input .input100, .brossMainPanel span[class*="ui-g"] .text-input .input100 {
        width: 100px;
        max-width: 90%; }
      .brossMainPanel div[class*="ui-g"] .text-input .input150, .brossMainPanel span[class*="ui-g"] .text-input .input150 {
        width: 150px;
        max-width: 90%; }
      .brossMainPanel div[class*="ui-g"] .text-input .input200, .brossMainPanel span[class*="ui-g"] .text-input .input200 {
        width: 200px;
        max-width: 90%; }
      .brossMainPanel div[class*="ui-g"] .text-input .input250, .brossMainPanel span[class*="ui-g"] .text-input .input250 {
        width: 250px;
        max-width: 90%; }
      .brossMainPanel div[class*="ui-g"] .text-input .input300, .brossMainPanel span[class*="ui-g"] .text-input .input300 {
        width: 300px;
        max-width: 90%; }
      .brossMainPanel div[class*="ui-g"] .text-input .input400, .brossMainPanel span[class*="ui-g"] .text-input .input400 {
        width: 400px;
        max-width: 90%; }
      .brossMainPanel div[class*="ui-g"] .text-input .input500, .brossMainPanel span[class*="ui-g"] .text-input .input500 {
        width: 500px;
        max-width: 90%; }
    .brossMainPanel div[class*="ui-g"] .text-inline-message .ui-message-error, .brossMainPanel div[class*="ui-g"] .text-inline-message .ui-message-warn, .brossMainPanel div[class*="ui-g"] .text-inline-message .ui-message-fatal, .brossMainPanel span[class*="ui-g"] .text-inline-message .ui-message-error, .brossMainPanel span[class*="ui-g"] .text-inline-message .ui-message-warn, .brossMainPanel span[class*="ui-g"] .text-inline-message .ui-message-fatal {
      color: #ff3a33 !important;
      font-size: 14px !important;
      margin: 0px !important;
      padding: calc(5px) 0px !important;
      border: none;
      background: none; }
      .brossMainPanel div[class*="ui-g"] .text-inline-message .ui-message-error .ui-message-error-detail, .brossMainPanel div[class*="ui-g"] .text-inline-message .ui-message-warn .ui-message-error-detail, .brossMainPanel div[class*="ui-g"] .text-inline-message .ui-message-fatal .ui-message-error-detail, .brossMainPanel span[class*="ui-g"] .text-inline-message .ui-message-error .ui-message-error-detail, .brossMainPanel span[class*="ui-g"] .text-inline-message .ui-message-warn .ui-message-error-detail, .brossMainPanel span[class*="ui-g"] .text-inline-message .ui-message-fatal .ui-message-error-detail {
        margin: 0px;
        font-size: 14px; }
    .brossMainPanel div[class*="ui-g"].h-card, .brossMainPanel span[class*="ui-g"].h-card {
      padding: calc(20px) !important;
      background-color: #fff;
      position: relative; }
    .brossMainPanel div[class*="ui-g"] .subHeading, .brossMainPanel span[class*="ui-g"] .subHeading {
      font-weight: 600;
      font-size: 16px !important;
      font-style: italic !important;
      color: #054e83 !important;
      padding: 10px !important; }
      .brossMainPanel div[class*="ui-g"] .subHeading .subHeading-notes, .brossMainPanel span[class*="ui-g"] .subHeading .subHeading-notes {
        font-weight: 400;
        font-size: 15px !important;
        font-style: normal !important;
        padding-top: 10px !important; }
        .brossMainPanel div[class*="ui-g"] .subHeading .subHeading-notes .ui-outputlabel, .brossMainPanel span[class*="ui-g"] .subHeading .subHeading-notes .ui-outputlabel {
          font-size: 15px !important; }
    .brossMainPanel div[class*="ui-g"] .text-right, .brossMainPanel span[class*="ui-g"] .text-right {
      text-align: right !important;
      padding: 10px !important; }
    .brossMainPanel div[class*="ui-g"] .text-left, .brossMainPanel span[class*="ui-g"] .text-left {
      text-align: left !important;
      padding: 10px !important; }
    .brossMainPanel div[class*="ui-g"] .text-center, .brossMainPanel span[class*="ui-g"] .text-center {
      text-align: center !important;
      padding: 10px !important; }
    .brossMainPanel div[class*="ui-g"] .error-box, .brossMainPanel span[class*="ui-g"] .error-box {
      padding: 10px 0px !important;
      font-size: 16px; }
    .brossMainPanel div[class*="ui-g"] .inputGroupBox, .brossMainPanel span[class*="ui-g"] .inputGroupBox {
      border: 1px solid #cccccc;
      background: #f2f2f2;
      display: inline-block;
      margin: 10px 0px !important; }
      .brossMainPanel div[class*="ui-g"] .inputGroupBox .ui-button-text, .brossMainPanel span[class*="ui-g"] .inputGroupBox .ui-button-text {
        padding: 0em 1em; }
    .brossMainPanel div[class*="ui-g"].form-group-buttons, .brossMainPanel span[class*="ui-g"].form-group-buttons {
      position: relative;
      padding-left: 10px !important; }
    .brossMainPanel div[class*="ui-g"].roso-event-block, .brossMainPanel span[class*="ui-g"].roso-event-block {
      border-bottom: 1px solid #ccc;
      padding: calc(20px) 0px !important; }
      .brossMainPanel div[class*="ui-g"].roso-event-block .left-column, .brossMainPanel span[class*="ui-g"].roso-event-block .left-column {
        padding-right: 10px !important; }
      .brossMainPanel div[class*="ui-g"].roso-event-block .right-column, .brossMainPanel span[class*="ui-g"].roso-event-block .right-column {
        padding-left: 10px !important; }
      .brossMainPanel div[class*="ui-g"].roso-event-block.last, .brossMainPanel span[class*="ui-g"].roso-event-block.last {
        border: none !important;
        margin-bottom: calc(20px); }
    .brossMainPanel div[class*="ui-g"].roso-event-block-header, .brossMainPanel span[class*="ui-g"].roso-event-block-header {
      border-bottom: solid 1px #ccc;
      padding: 10px 0px !important; }
    .brossMainPanel div[class*="ui-g"].h-card-accordion, .brossMainPanel span[class*="ui-g"].h-card-accordion {
      background-color: #d7d7d7 !important;
      position: relative;
      padding: 10px !important; }
    .brossMainPanel div[class*="ui-g"].padding-x, .brossMainPanel span[class*="ui-g"].padding-x {
      padding: 0px 10px !important; }
    .brossMainPanel div[class*="ui-g"].padding-y, .brossMainPanel span[class*="ui-g"].padding-y {
      padding: 10px 0px !important; }
    .brossMainPanel div[class*="ui-g"].padding, .brossMainPanel span[class*="ui-g"].padding {
      padding: 10px !important; }
    .brossMainPanel div[class*="ui-g"].padding-x-double, .brossMainPanel span[class*="ui-g"].padding-x-double {
      padding: 0px calc(20px) !important; }
    .brossMainPanel div[class*="ui-g"].padding-y-double, .brossMainPanel span[class*="ui-g"].padding-y-double {
      padding: calc(20px) 0px !important; }
    .brossMainPanel div[class*="ui-g"].padding-double, .brossMainPanel span[class*="ui-g"].padding-double {
      padding: calc(20px) !important; }
    .brossMainPanel div[class*="ui-g"].no-padding, .brossMainPanel span[class*="ui-g"].no-padding {
      padding: 0px !important; }
  .brossMainPanel .ui-selectonemenu .ui-selectonemenu-trigger {
    background-color: transparent !important; }
  .brossMainPanel .ui-selectonemenu-label {
    box-shadow: none !important; }
  .brossMainPanel .ui-radiobutton-box.ui-state-error {
    border: solid; }
  .brossMainPanel .header {
    border-bottom: solid 1px #333333; }
    .brossMainPanel .header .header-text {
      font-size: 24px !important;
      color: #000000 !important; }
    .brossMainPanel .header .header-icon {
      width: 30px;
      height: 30px; }
      .brossMainPanel .header .header-icon.left {
        float: right; }
      .brossMainPanel .header .header-icon.right {
        float: right; }
  .brossMainPanel .requiredInput {
    border-left-color: #C75000 !important; }
    .brossMainPanel .requiredInput .ui-inputfield {
      border-left-color: #C75000 !important; }
  .brossMainPanel .optionalInput {
    max-width: 90%;
    border-left: 1px solid #ccccccc !important; }
  .brossMainPanel .roso-notes {
    padding-right: 10%;
    word-wrap: break-word; }
  .brossMainPanel .name-link {
    color: #0764A7 !important;
    font-size: 16px; }
  .brossMainPanel .bross-editor-panel .input-optional {
    border: solid #ccc !important;
    border-width: 1px 1px 1px 10px !important; }
  .brossMainPanel .bross-editor-panel .ui-editor {
    width: 100% !important;
    height: 100% !important; }
    .brossMainPanel .bross-editor-panel .ui-editor textarea {
      width: 100%  !important;
      height: 100%  !important; }
    .brossMainPanel .bross-editor-panel .ui-editor iframe {
      width: 100% !important;
      height: 100% !important;
      overflow-y: auto; }
    .brossMainPanel .bross-editor-panel .ui-editor .ui-editor-toolbar {
      display: none;
      background: none !important; }
  .brossMainPanel .bross-editor-panel .ql-toolbar.ql-snow {
    display: none;
    border: none; }
  .brossMainPanel .inputGroupBox {
    border: 1px solid #cccccc;
    background: #f2f2f2;
    display: inline-block;
    padding-left: 0 !important;
    padding-right: 0 !important; }
    .brossMainPanel .inputGroupBox .ui-button-text {
      padding: 0em 1em; }
  .brossMainPanel .actionlink {
    font-size: 14px !important;
    color: #0764A7 !important; }
  .brossMainPanel .small-screen-display {
    display: none; }
  .brossMainPanel .small-screen-hidden {
    display: block; }
  .brossMainPanel .dashboard-panel-container {
    display: grid;
    row-gap: 20px;
    margin-bottom: 20px;
    background-color: transparent; }
  .brossMainPanel .dashboard-panel-shadow {
    box-shadow: 0px 5px 5px 0px rgba(102, 102, 102, 0.35); }
  .brossMainPanel .dashboard-panel {
    background: #f2f2f2;
    width: 100%;
    height: 100%;
    border-radius: 4px; }
  .brossMainPanel .dashboard-panel-header {
    border-bottom: solid 1px #333333;
    font-size: 24px;
    color: #000000;
    margin-bottom: 15px; }
  .brossMainPanel .panel-2-col-layout {
    display: grid;
    column-gap: 1.5%;
    grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .brossMainPanel .panel-3-col-layout {
    display: grid;
    column-gap: 1.5%;
    grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .brossMainPanel .task-column {
    display: grid;
    row-gap: 10px;
    align-content: start;
    grid-template-areas: 'item'; }
  .brossMainPanel .task-column-header {
    font-weight: 700;
    font-style: italic;
    font-size: clamp(6px, 1vw, 16px);
    color: #054E83;
    text-align: left;
    border: none;
    white-space: nowrap; }
  .brossMainPanel .task-panel-rows {
    display: grid;
    row-gap: 20px; }

@media (max-width: 1024px) {
  .brossMainPanel.view-mode {
    width: 100%; }
  .brossMainPanel.edit-mode {
    width: 100%; }
  .brossMainPanel.main-page {
    width: 100%; }
  .brossMainPanel .small-screen-display {
    display: block; }
  .brossMainPanel .small-screen-hidden {
    display: none; }
  .brossMainPanel div[class*="ui-g-12"] .small-screen-center, .brossMainPanel span[class*="ui-g-12"] .small-screen-center {
    text-align: center !important;
    padding: 10px !important; }
  .brossMainPanel div[class*="ui-g-12"] .small-screen-left, .brossMainPanel span[class*="ui-g-12"] .small-screen-left {
    text-align: left !important;
    padding: 10px !important; }
  .brossMainPanel div[class*="ui-g-12"] .small-screen-right, .brossMainPanel span[class*="ui-g-12"] .small-screen-right {
    text-align: right !important;
    padding: 10px !important; }
  .brossMainPanel div[class*="ui-g-12"].roso-event-block, .brossMainPanel span[class*="ui-g-12"].roso-event-block {
    border-bottom: 1px solid #ccc;
    padding: calc(20px) 0px !important; }
    .brossMainPanel div[class*="ui-g-12"].roso-event-block .left-column, .brossMainPanel span[class*="ui-g-12"].roso-event-block .left-column {
      padding-right: 0px !important;
      padding-bottom: 10px !important; }
    .brossMainPanel div[class*="ui-g-12"].roso-event-block .right-column, .brossMainPanel span[class*="ui-g-12"].roso-event-block .right-column {
      padding-left: 0px !important; } }

@media (max-width: 640px) {
  .brossMainPanel div[class*="ui-g-12"] .text-label, .brossMainPanel span[class*="ui-g-12"] .text-label {
    width: 100%;
    text-align: left !important;
    padding-bottom: 0px !important; }
  .brossMainPanel div[class*="ui-g-12"] .text-value, .brossMainPanel span[class*="ui-g-12"] .text-value {
    width: 100%;
    border-bottom: solid 1px #cccccc;
    margin-bottom: 10px; }
  .brossMainPanel div[class*="ui-g-12"] .text-input, .brossMainPanel span[class*="ui-g-12"] .text-input {
    width: 100%;
    border-bottom: solid 1px #cccccc;
    margin-bottom: 10px; }
  .brossMainPanel div[class*="ui-g-12"] .subHeading, .brossMainPanel span[class*="ui-g-12"] .subHeading {
    text-align: center; }
  .brossMainPanel div[class*="ui-g-12"] .small-screen-center .ui-button, .brossMainPanel span[class*="ui-g-12"] .small-screen-center .ui-button {
    width: 50%; } }

main {
  margin-bottom: 50px !important; }
  main > em {
    margin-top: 0px !important; }
  main > *:not(:first-child) {
    margin-top: 15px; }

h1 {
  font-family: 'Segoe UI Semilight', 'Segoe UI', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-weight: 350;
  font-style: normal;
  font-size: 32px;
  text-align: left;
  line-height: 28px; }

div.h-card.manage-roso {
  padding-bottom: 20px !important; }

div.manage-roso {
  background-color: #f2f2f2 !important; }
  div.manage-roso h5 {
    font-family: 'Segoe UI Semibold Italic', 'Segoe UI', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
    font-weight: 600;
    font-style: italic;
    font-size: 16px;
    color: #054e83; }
  div.manage-roso a {
    color: #0764A7;
    text-decoration: none; }
    div.manage-roso a:visited {
      color: #0764A7; }
    div.manage-roso a:hover, div.manage-roso a:active {
      color: #0764A7 !important;
      text-decoration: underline; }
  div.manage-roso div.h-card-accordion {
    background-color: #f2f2f2 !important; }
  div.manage-roso div.ui-accordion-content {
    border: none !important;
    background-color: #f2f2f2 !important;
    padding-left: 0px !important;
    padding-right: 0px !important; }
  div.manage-roso div.ui-accordion-header {
    font-family: 'Segoe UI Semibold', 'Segoe UI' !important;
    font-weight: 600;
    font-style: normal;
    font-size: 18px;
    color: #333333;
    text-align: left;
    display: flex;
    align-items: center;
    padding: 5px;
    height: 40px;
    margin-top: 20px !important;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 40px;
    border: none !important; }
    div.manage-roso div.ui-accordion-header.ui-state-active {
      background-color: #d7d7d7 !important; }
    div.manage-roso div.ui-accordion-header.ui-state-default {
      background-color: #d7d7d7 !important; }
    div.manage-roso div.ui-accordion-header.current-phase {
      background-color: #066cb6 !important;
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-roso-inprogress-white.png") !important; }
    div.manage-roso div.ui-accordion-header.planning-phase {
      background-color: #C75000 !important;
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-incomplete.png") !important; }
      div.manage-roso div.ui-accordion-header.planning-phase.planning-icon {
        background-image: url("/bross_theme/faces/javax.faces.resource/img/calendar-outline.png") !important; }
    div.manage-roso div.ui-accordion-header.future-phase {
      background-color: #d7d7d7 !important;
      color: #000000 !important;
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-incomplete.png") !important; }
      div.manage-roso div.ui-accordion-header.future-phase.planning-icon {
        background-image: url("/bross_theme/faces/javax.faces.resource/img/calendar-outline.png") !important; }
    div.manage-roso div.ui-accordion-header.complete-phase {
      background-color: #397e4b !important;
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-success.png") !important; }

div.roso-traffic-lights {
  color: #1d2858 !important;
  font-size: 14px !important;
  display: flex;
  align-items: center;
  padding: 5px;
  position: relative !important;
  height: 30px !important;
  margin-bottom: 20px; }
  div.roso-traffic-lights > span.traffic-light-text {
    margin-left: 15px;
    line-height: 15px !important;
    width: 100%;
    font-style: italic; }

span.traffic-lights-icon {
  background-size: 50px 50px;
  border-radius: 50%;
  height: 50px;
  width: 53px;
  background-repeat: no-repeat; }
  span.traffic-lights-icon.no-roso-required {
    background-color: #990099;
    background-image: url("/bross_theme/faces/javax.faces.resource/img/roso-happy.png") !important; }
  span.traffic-lights-icon.add-roso-proposals-available {
    background-color: #066cb6;
    background-image: url("/bross_theme/faces/javax.faces.resource/img/roso-happy.png") !important; }
  span.traffic-lights-icon.looming-deadline {
    background-color: #ff6600;
    background-image: url("/bross_theme/faces/javax.faces.resource/img/roso-unhappy.png") !important; }
  span.traffic-lights-icon.roso-compliant {
    background-color: #397e4b;
    background-image: url("/bross_theme/faces/javax.faces.resource/img/roso-compliant.png") !important; }
  span.traffic-lights-icon.not-roso-compliant {
    background-color: #993333;
    background-image: url("/bross_theme/faces/javax.faces.resource/img/roso-not-compliant.png") !important; }

.events-and-advisory-headers {
  display: flex;
  width: 100%;
  border-bottom: 1px #D3D3D3 solid;
  margin-bottom: 10px; }
  .events-and-advisory-headers > span.spacer {
    width: 2%; }

.event-and-advisory-row {
  display: flex;
  width: 100%;
  border-bottom: 1px #D3D3D3 solid;
  margin-bottom: 10px; }
  .event-and-advisory-row > span.spacer {
    width: 2%; }

.events-and-advisory {
  width: 100%; }
  .events-and-advisory > h6 {
    margin: 0px;
    color: #000000 !important; }
  .events-and-advisory > span.spacer {
    width: 2%; }

.events {
  width: 49%;
  float: left; }
  .events > div {
    background-color: #ffffff !important; }

span.event-advisory-icon {
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  padding-right: 10px;
  float: left; }

.event {
  font-weight: 400;
  font-size: 14px !important;
  text-align: left;
  line-height: normal;
  display: flex;
  align-items: center;
  padding: 10px;
  margin-bottom: 10px; }
  .event > div.event-advisory-content > div.title {
    color: #000000 !important;
    font-style: bold !important; }
  .event > div.event-advisory-content > div.detail {
    font-style: italic !important; }
  .event.agreed {
    border: 1px #d7d7d7 solid; }
    .event.agreed span.event-advisory-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-complete.png") !important; }
    .event.agreed div.title {
      font-weight: bold !important; }
    .event.agreed div.detail {
      color: #397E4B !important; }
  .event.proposed {
    background-color: #e4e4e4;
    border: 1px #d7d7d7 solid; }
    .event.proposed span.event-advisory-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-incomplete.png") !important; }
    .event.proposed div.detail {
      color: #C75000 !important; }
    .event.proposed a {
      font-style: normal !important; }
  .event.notStarted {
    background-color: #e4e4e4;
    border: 1px #d7d7d7 solid; }
    .event.notStarted span.event-advisory-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-notStarted.png") !important;
      opacity: 0.3  !important; }
    .event.notStarted div.detail {
      font-weight: 400 !important;
      color: #333333 !important;
      text-align: left !important; }
    .event.notStarted div.detail_orange_color {
      font-weight: 400 !important;
      color: #C75000 !important;
      text-align: left !important; }
    .event.notStarted div.title {
      font-weight: 400  !important;
      color: #C75000 !important;
      text-align: left !important; }
    .event.notStarted a {
      font-style: normal !important;
      color: #0764A7  !important;
      padding: 50px 10px 10px 10px  !important;
      font-weight: 700  !important;
      text-align: right !important; }
  .event.commenced {
    border: 1px #d7d7d7 solid; }
    .event.commenced span.event-advisory-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-commenced.png") !important;
      opacity: 0.7  !important; }
    .event.commenced div.title {
      font-weight: 700 !important;
      color: #333333 !important;
      text-align: left !important; }
    .event.commenced div.detail {
      color: #c75000 !important; }
  .event.started {
    border: 1px #d7d7d7 solid; }
    .event.started span.event-advisory-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-started.png") !important;
      opacity: 0.7  !important; }
    .event.started div.title {
      font-weight: 700 !important;
      color: #333333 !important;
      text-align: left !important; }
    .event.started div.detail {
      color: #c75000 !important; }
    .event.started div.detailGrey {
      color: #666666 !important; }
    .event.started a {
      font-weight: 700  !important;
      color: #0764A7  !important;
      text-align: right  !important; }
  .event.completed {
    border: 1px #d7d7d7 solid; }
    .event.completed span.event-advisory-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-complete.png") !important; }
    .event.completed div.title {
      font-weight: bold !important; }
    .event.completed div.detail {
      color: #397E4B !important; }

.advisories {
  width: 49%; }
  .advisories > div {
    background-color: #ffffff !important; }

.advisory {
  font-weight: 400;
  font-size: 14px !important;
  text-align: left;
  line-height: normal;
  padding: 10px;
  margin-bottom: 10px;
  border: 1px #d7d7d7 solid; }
  .advisory span.event-advisory-icon {
    background-image: url("/bross_theme/faces/javax.faces.resource/img/upload-advice-icon.png") !important; }
  .advisory div.title {
    font-weight: bold !important; }
  .advisory div.detail {
    color: #333333 !important; }
    .advisory div.detail.static-text {
      font-style: italic !important; }
  .advisory .static-text {
    color: #333333 !important;
    font-style: italic !important; }
  .advisory span.details-link {
    float: right;
    font-weight: normal !important; }
    .advisory span.details-link.static-text {
      color: #333333 !important;
      font-style: italic !important; }
  .advisory.incomplete span.event-advisory-icon {
    background-image: url("/bross_theme/faces/javax.faces.resource/img/upload-advice-incomplete-icon.png") !important; }
  .advisory.proposed {
    background-color: #e4e4e4;
    border: 1px #d7d7d7 solid; }
    .advisory.proposed span.event-advisory-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-incomplete.png") !important; }
    .advisory.proposed div.detail {
      color: #397E4B !important; }
    .advisory.proposed a {
      font-style: normal !important; }
  .advisory.notStarted {
    background-color: #e4e4e4;
    border: 1px #d7d7d7 solid; }
    .advisory.notStarted span.event-advisory-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/upload-advice-icon.png") !important;
      opacity: 0.3  !important; }
    .advisory.notStarted div.detail {
      font-weight: 400 !important;
      color: #333333 !important;
      text-align: left !important; }
    .advisory.notStarted div.title {
      font-weight: 400  !important;
      color: #333333 !important;
      text-align: left !important; }
    .advisory.notStarted a {
      font-style: normal !important;
      color: #0764A7  !important;
      padding: 50px 10px 10px 10px  !important;
      text-align: right !important; }
  .advisory.started {
    border: 1px #d7d7d7 solid; }
    .advisory.started span.event-advisory-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/upload-advice-icon.png") !important;
      opacity: 0.7  !important; }
    .advisory.started div.title {
      font-weight: 700 !important;
      color: #333333 !important;
      text-align: left !important; }
    .advisory.started div.detail {
      color: #333333 !important; }
    .advisory.started div.detailGrey {
      color: #666666 !important; }
    .advisory.started a {
      padding: 0px  !important;
      color: #0764A7  !important;
      text-align: right  !important; }
  .advisory.commenced {
    border: 1px #d7d7d7 solid; }
    .advisory.commenced span.event-advisory-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-commenced.png") !important;
      opacity: 0.7  !important; }
    .advisory.commenced div.title {
      font-weight: 700 !important;
      color: #333333 !important;
      text-align: left !important; }
    .advisory.commenced div.detail {
      color: #333333 !important; }
    .advisory.commenced div.detailGrey {
      color: #666666 !important; }
    .advisory.commenced a {
      padding: 0px  !important;
      color: #0764A7  !important;
      text-align: right  !important; }

.rosoHistoryBar {
  font-family: 'Segoe UI Regular', 'Segoe UI';
  font-weight: 400;
  font-style: normal;
  font-size: 16px !important;
  line-height: normal;
  padding: 0;
  margin-bottom: 20px; }
  .rosoHistoryBar div {
    padding: 0; }
  .rosoHistoryBar a {
    color: #333333 !important; }
  .rosoHistoryBar .textBox {
    padding: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #cccccc; }
    .rosoHistoryBar .textBox.endPos {
      margin-right: 0% !important; }
    .rosoHistoryBar .textBox .planningRoso {
      color: #c75000 !important;
      padding-left: 0; }
    .rosoHistoryBar .textBox .currentRoso {
      color: #066cb6 !important;
      padding-left: 0; }
    .rosoHistoryBar .textBox .currentRosoPreOptin {
      color: #066cb6 !important;
      padding-left: 0; }
    .rosoHistoryBar .textBox .achievedRoso {
      font-weight: 700;
      color: #397E4B !important;
      padding-left: 0; }
    .rosoHistoryBar .textBox .achievedRosoPreOptin {
      font-weight: 700;
      color: #397E4B !important;
      padding-left: 0; }
    .rosoHistoryBar .textBox.fullyAchieved {
      background-color: #397E4B !important;
      width: 40% !important; }
      .rosoHistoryBar .textBox.fullyAchieved .achievedRoso {
        font-weight: 700;
        color: #FFFFFF !important;
        padding-left: 0; }
  .rosoHistoryBar .progressBar .rosoBar {
    border: none;
    height: 100%;
    display: inline-block;
    border-left: solid 1px #ffffff; }
    .rosoHistoryBar .progressBar .rosoBar.achievedRoso {
      background-color: #397e4b !important; }
    .rosoHistoryBar .progressBar .rosoBar.achievedRosoScaled {
      background-color: #4ead67 !important; }
    .rosoHistoryBar .progressBar .rosoBar.currentRoso {
      background-color: #066cb6 !important; }
    .rosoHistoryBar .progressBar .rosoBar.currentRosoScaled {
      background-color: #0492ff !important; }
    .rosoHistoryBar .progressBar .rosoBar.achievedRosoPreOptin {
      background-color: #397e4b !important; }
    .rosoHistoryBar .progressBar .rosoBar.achievedRosoPreOptinScaled {
      background-color: #4ead67 !important; }
    .rosoHistoryBar .progressBar .rosoBar.planningRoso {
      background-color: #c75000 !important; }
    .rosoHistoryBar .progressBar .rosoBar.planningRosoScaled {
      background-color: #ff6500 !important; }
    .rosoHistoryBar .progressBar .rosoBar.unplannedRoso {
      background-color: #d7d7d7 !important;
      color: #333333 !important; }
    .rosoHistoryBar .progressBar .rosoBar.planningCompleteRoso {
      background-color: #666666 !important;
      opacity: 1;
      color: #ffffff !important; }
  .rosoHistoryBar .progressBar .rosoText {
    text-align: center;
    font-weight: 600;
    color: #FFFFFF;
    font-size: 16px;
    padding: 10px 0px !important; }

.roso-header-text {
  font-family: 'Segoe UI Semibold Italic', 'Segoe UI', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 16px;
  color: #054e83;
  margin-top: 0; }

.rosoPlan {
  width: 100%;
  font-size: 14px !important;
  font-style: normal;
  line-height: normal;
  font-weight: 400;
  margin: 0;
  padding: 0; }
  .rosoPlan > div {
    padding: 0; }
  .rosoPlan .roso-icon {
    text-align: center;
    background-position: center;
    background-repeat: no-repeat;
    height: 100%;
    opacity: 0.7;
    background-size: 30px;
    min-height: 40px;
    padding: 5px; }
    .rosoPlan .roso-icon.planned {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/roso-planned.png") !important; }
      .rosoPlan .roso-icon.planned.noRoso {
        filter: invert(95%) sepia(5%) saturate(13%) hue-rotate(33deg) brightness(86%) contrast(91%); }
    .rosoPlan .roso-icon.current {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/roso-current.png") !important; }
    .rosoPlan .roso-icon.completed {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/roso-completed.png") !important; }
    .rosoPlan .roso-icon.roso-event-advisory {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/add-list-icon.png") !important; }
      .rosoPlan .roso-icon.roso-event-advisory.noRoso {
        filter: invert(95%) sepia(5%) saturate(13%) hue-rotate(33deg) brightness(86%) contrast(91%); }
    .rosoPlan .roso-icon.location-icon {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/location-icon.png") !important;
      background-size: 30px !important;
      height: 40px; }
  .rosoPlan .roso-employer-locations {
    padding: 0;
    margin: 0;
    border: none !important;
    line-height: 16px; }
    .rosoPlan .roso-employer-locations > div {
      padding: 0px !important; }
      .rosoPlan .roso-employer-locations > div > span {
        padding: 5px !important; }
    .rosoPlan .roso-employer-locations .planned.employer {
      background-color: #C75000;
      color: #ffffff; }
    .rosoPlan .roso-employer-locations .planned.primary-location {
      background-color: #f8d7b9;
      color: #000000; }
    .rosoPlan .roso-employer-locations .planned.secondary-location {
      filter: invert(95%) sepia(5%) saturate(13%) hue-rotate(33deg) brightness(86%) contrast(91%); }
    .rosoPlan .roso-employer-locations .current.employer {
      background-color: #066cb6;
      color: #ffffff; }
    .rosoPlan .roso-employer-locations .current.primary-location {
      background-color: #aadaff;
      color: #000000; }
    .rosoPlan .roso-employer-locations .current.secondary-location {
      filter: invert(95%) sepia(5%) saturate(13%) hue-rotate(33deg) brightness(86%) contrast(91%); }
    .rosoPlan .roso-employer-locations .completed.employer {
      background-color: #397e4b;
      color: #ffffff; }
    .rosoPlan .roso-employer-locations .completed.primary-location {
      background-color: #bad9a0;
      color: #000000; }
    .rosoPlan .roso-employer-locations .completed.secondary-location {
      filter: invert(95%) sepia(5%) saturate(13%) hue-rotate(33deg) brightness(86%) contrast(91%); }
    .rosoPlan .roso-employer-locations .roso-location {
      padding: 15px !important;
      text-align: center; }
      .rosoPlan .roso-employer-locations .roso-location.mmc1 {
        background-color: #FFFFFF;
        font-weight: 400;
        color: #333333; }
      .rosoPlan .roso-employer-locations .roso-location.mmc2-3 {
        background-color: #E8BEFF;
        font-weight: 700;
        color: #333333; }
      .rosoPlan .roso-employer-locations .roso-location.mmc4-7 {
        background-color: #7A8EF5;
        font-weight: 700;
        color: #FFFFFF; }
      .rosoPlan .roso-employer-locations .roso-location.dpa {
        background-color: #FFF099;
        font-weight: 700;
        color: #333333; }
      .rosoPlan .roso-employer-locations .roso-location.dws {
        background-color: #E98352;
        font-weight: 700;
        color: #FFFFFF; }
  .rosoPlan .roso-tile {
    margin: 0;
    border: 1px solid #ccc;
    background-color: #ffffff !important;
    padding: 0;
    min-height: 60px; }
    .rosoPlan .roso-tile .roso-content {
      padding: 0; }
      .rosoPlan .roso-tile .roso-content > span {
        padding: 0; }
    .rosoPlan .roso-tile .ui-outputlabel {
      padding: 0 0 5px 0; }
      .rosoPlan .roso-tile .ui-outputlabel.roso-description {
        font-style: italic;
        color: #C75000; }
        .rosoPlan .roso-tile .ui-outputlabel.roso-description.migrated {
          color: #ff0000; }
        .rosoPlan .roso-tile .ui-outputlabel.roso-description.completed {
          color: #397E4B; }
      .rosoPlan .roso-tile .ui-outputlabel.roso-notify-title {
        font-weight: 700;
        color: #333333;
        padding: 0; }
      .rosoPlan .roso-tile .ui-outputlabel.roso-date-label {
        font-style: italic;
        color: #666666;
        padding: 3px 0 3px 0; }
    .rosoPlan .roso-tile .roso-name-link {
      font-weight: 700;
      color: #0764A7 !important;
      font-size: 14px !important; }
    .rosoPlan .roso-tile .roso-actionlink {
      font-size: 14px !important;
      color: #0764A7 !important; }
      .rosoPlan .roso-tile .roso-actionlink.static-text {
        color: #333333 !important;
        font-style: italic; }

.rosoMessage {
  font-weight: 400;
  font-size: 15px;
  font-style: normal;
  color: #666666;
  line-height: 15px;
  text-align: left;
  border-left: 20px solid;
  border-bottom: 2px solid;
  padding: 5px 0 2px 10px;
  min-height: 20px;
  max-height: 60px;
  max-width: 1080px;
  background-color: #ffffff;
  width: 100%; }
  .rosoMessage.guidance {
    border-color: #00BFE9 !important; }
  .rosoMessage.success {
    border-color: #0CAC78 !important; }
  .rosoMessage.warning {
    border-color: #F69900 !important; }
  .rosoMessage.error {
    border-color: #FF635C !important; }
  .rosoMessage > span {
    padding: 0; }
  .rosoMessage .messageType {
    font-weight: 700;
    padding-right: 2px; }

.rosoLocationBox {
  border: 1px solid #cccccc;
  background: #f2f2f2;
  padding: 0 !important; }
  .rosoLocationBox .ui-selectoneradio {
    border-width: 0 0 0 10px !important; }
    .rosoLocationBox .ui-selectoneradio div, .rosoLocationBox .ui-selectoneradio span, .rosoLocationBox .ui-selectoneradio label {
      padding: 0.1em !important; }

div.task-links-container {
  background-color: #ffffff !important;
  display: block;
  width: 560px;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 0px;
  padding-left: 10px; }
  div.task-links-container h3 {
    border-bottom: solid 1px #333 !important;
    margin: 0px;
    font-weight: 400;
    color: #333333 !important; }

div.task-links {
  display: flex;
  background-color: #ffffff !important;
  width: min-content;
  padding: 10px; }
  div.task-links > :first-child {
    border-right: none; }
  div.task-links > :last-child {
    border-left: none; }

a.task-link {
  text-decoration-line: none; }
  a.task-link > div.task-link {
    background-color: #ffffff !important;
    position: relative !important;
    height: 40px !important;
    margin-bottom: 1px;
    border: 1px #f2f2f2 solid;
    padding: 5px; }
    a.task-link > div.task-link > span:hover {
      background-color: #d7d7d7 !important;
      text-decoration-line: underline !important;
      text-decoration-style: solid !important;
      text-decoration-color: #1d2858 !important;
      padding-left: 10px !important;
      width: 100% !important;
      height: 100% !important;
      margin-left: -5px !important;
      margin-top: -5px !important; }

span.task-link-container {
  color: #1d2858 !important;
  font-size: 14px !important;
  display: flex;
  align-items: center;
  padding: 5px;
  position: relative !important;
  height: 30px !important; }
  span.task-link-container > span.task-link-text {
    margin-left: 5px;
    line-height: 15px !important;
    width: 120px; }

span.task-link-icon {
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  background-repeat: no-repeat;
  border: 2px #1d2858 solid;
  border-radius: 5px; }
  span.task-link-icon.plan-my-roso {
    background-image: url("/bross_theme/faces/javax.faces.resource/img/plan-my-roso.png") !important; }
  span.task-link-icon.notification-events {
    background-image: url("/bross_theme/faces/javax.faces.resource/img/notification-events.png") !important; }
  span.task-link-icon.change-of-circumstances {
    background-image: url("/bross_theme/faces/javax.faces.resource/img/change-of-circumstances.png") !important; }
  span.task-link-icon.add-roso-event {
    background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-add.png") !important; }
  span.task-link-icon:hover {
    background-color: #1d2858; }

.task-link-button {
  display: inline-flex;
  align-items: flex-start;
  flex-wrap: wrap;
  padding: 0; }
  .task-link-button .no-opacity {
    opacity: 1 !important; }
  .task-link-button .ui-state-disabled {
    color: #666666 !important;
    background-color: #ffffff;
    width: 100%;
    max-width: 200px;
    height: 50px; }
  .task-link-button.large > a {
    height: 70px !important;
    max-width: 250px !important; }
    .task-link-button.large > a .link-text {
      padding: 5px 5px 0 10px !important;
      font-size: 20px !important; }
    .task-link-button.large > a .link-icon {
      opacity: 0.7;
      background-repeat: no-repeat;
      background-size: 50px;
      width: 50px;
      height: 100%; }
  .task-link-button > a {
    color: #666666 !important;
    background-color: #ffffff;
    width: 100%;
    max-width: 200px;
    height: 50px;
    border: 1px solid #cccccc; }
    .task-link-button > a.with-border {
      border: 1px solid #cccccc; }
    .task-link-button > a:hover {
      background-color: #e4e4e4 !important;
      border: 1px solid #cccccc !important; }
      .task-link-button > a:hover > span {
        color: #666666 !important;
        text-decoration: underline; }
  .task-link-button .link-text-small {
    vertical-align: middle;
    flex-wrap: wrap;
    display: table-cell;
    height: 50px;
    padding: 0 5px 0 10px;
    font-size: clamp(6px, 0.75vw, 12px);
    word-break: break-word; }
  .task-link-button .link-text {
    vertical-align: middle;
    flex-wrap: wrap;
    display: table-cell;
    height: 50px;
    padding: 0 5px 0 10px;
    font-size: clamp(12px, 1vw, 16px);
    word-break: break-word; }
  .task-link-button .link-icon {
    opacity: 0.7;
    background-repeat: no-repeat;
    background-size: 30px;
    width: 30px;
    height: 100%;
    float: left;
    margin-left: 5px;
    background-position-y: center; }
    .task-link-button .link-icon.add {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-add.png") !important; }
    .task-link-button .link-icon.edit {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-edit.png") !important; }
    .task-link-button .link-icon.location {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/location-icon.png") !important; }
    .task-link-button .link-icon.withdraw {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/withdraw-icon.png") !important; }
    .task-link-button .link-icon.complete {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/complete-icon.png") !important; }
    .task-link-button .link-icon.check-circle {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/custom_check_circle_white.png") !important; }
    .task-link-button .link-icon.additional {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-additional.png") !important; }
    .task-link-button .link-icon.search {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/search-icon.png") !important; }
    .task-link-button .link-icon.admin-tasks {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/view-list-icon.png") !important; }
    .task-link-button .link-icon.time-history {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/time-history.png") !important; }
    .task-link-button .link-icon.plan {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-plan.png") !important; }
    .task-link-button .link-icon.manage {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-manage.png") !important; }
    .task-link-button .link-icon.manage-prog-tasks {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-manage-prog-tasks.png") !important; }
    .task-link-button .link-icon.tc-check {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-tc-check.png") !important; }
    .task-link-button .link-icon.pgm-extension {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/custom_dashboard_extend.png") !important; }
    .task-link-button .link-icon.pgm-withdraw {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/custom_dashboard_withdraw.png") !important; }
    .task-link-button .link-icon.calendar {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/icon-calendar.png") !important; }
    .task-link-button .link-icon.search-person {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/outline_person_search_black.png") !important; }
    .task-link-button .link-icon.search-case {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/outline_manage_search_black.png") !important; }
    .task-link-button .link-icon.person {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/outline-person.png") !important; }
    .task-link-button .link-icon.case-ticket {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/outline_assignment_black.png") !important; }
    .task-link-button .link-icon.notes {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/outline_description_black_24dp.png") !important; }
    .task-link-button .link-icon.lock-closed {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/outline_lock_black_24dp.png") !important; }
    .task-link-button .link-icon.opt-in {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/optin_black.png") !important; }
    .task-link-button .link-icon.opt-out {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/optout_black.png") !important; }
    .task-link-button .link-icon.complete-program {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/outline_library_add_check_black.png") !important; }
    .task-link-button .link-icon.breach {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/withdraw-icon.png") !important; }
    .task-link-button .link-icon.manage-roso {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/manageRoSO_black.png") !important; }
    .task-link-button .link-icon.add-person {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/outline_person_add_black.png") !important; }
    .task-link-button .link-icon.gps {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/outline_gps_fixed_black.png") !important; }
    .task-link-button .link-icon.open-in-new {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/outline_open_in_new_black.png") !important; }
    .task-link-button .link-icon.contact-email {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/custom_contacts_email.png") !important; }
    .task-link-button .link-icon.contact-web {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/custom_contacts_website.png") !important; }
    .task-link-button .link-icon.contact-phone {
      background-image: url("/bross_theme/faces/javax.faces.resource/img/custom_contacts_phone.png") !important; }

.ui-link-button > a .link-color {
  color: #00698F !important; }

.ui-link-button > a:hover > span {
  text-decoration: underline; }

.ui-link-button > a .link-text {
  vertical-align: middle;
  flex-wrap: wrap;
  display: table-cell;
  padding-top: 10px !important; }

.ui-link-button > a .link-icon {
  height: 40px;
  background-repeat: no-repeat;
  background-position: center; }
  .ui-link-button > a .link-icon.search {
    background-image: url("/bross_theme/faces/javax.faces.resource/img/search-icon-white.png") !important;
    background-size: 30px; }
  .ui-link-button > a .link-icon.filter {
    background-image: url("/bross_theme/faces/javax.faces.resource/img/search-filter.png") !important;
    background-size: 20px;
    width: 20px; }

.signupLink {
  box-sizing: border-box;
  border: solid 1px #cedeff;
  font-weight: 650;
  font-size: 18px;
  color: #0B7ACA; }

.bross-task-button-horizontal {
  margin-top: 10px;
  float: left;
  width: 200px; }

.bross-task-panel-rows {
  display: grid;
  row-gap: 20px; }

span.help-link-container {
  display: flex;
  align-items: center; }

.h-task-list {
  margin: -10px;
  padding: 0;
  display: flex;
  flex-wrap: wrap; }
  .h-task-list a, .h-task-list span {
    margin: 10px;
    padding: 4px;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center; }
    .h-task-list a > img, .h-task-list span > img {
      width: 30px;
      height: 30px;
      margin-left: -10px;
      margin-right: 10px; }
    .h-task-list a:hover, .h-task-list span:hover {
      background-color: #f2f2f2;
      text-decoration: underline; }

.h-task-list-ph {
  margin: -10px;
  padding: 0;
  display: flex;
  flex-wrap: wrap; }
  .h-task-list-ph a, .h-task-list-ph span {
    margin: 10px;
    padding: 20px;
    border-radius: 6px;
    text-decoration: none;
    cursor: pointer;
    display: flex;
    align-items: center; }
    .h-task-list-ph a > img, .h-task-list-ph span > img {
      width: 30px;
      height: 30px;
      margin-left: -10px;
      margin-right: 10px; }
    .h-task-list-ph a:hover, .h-task-list-ph span:hover {
      background-color: #f2f2f2;
      text-decoration: underline; }

.document-list-box {
  border: solid thin;
  border-top-width: medium;
  color: #ccc;
  max-height: 250px;
  overflow-x: hidden;
  overflow-y: auto; }

.document-list-box .document-list-row {
  height: 35px;
  font-size: 14px;
  font-weight: 400;
  font-style: normal; }
  .document-list-box .document-list-row a {
    color: #0D74BA; }
  .document-list-box .document-list-row.label {
    color: #666666;
    text-align: right; }
  .document-list-box .document-list-row.description {
    color: #000000;
    text-align: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px; }

.fofms-data-box {
  border: solid thin;
  color: #000000;
  height: 500px;
  overflow-x: hidden;
  overflow-y: auto;
  width: 75%; }

.fofms-data-box .fofms-data-row {
  height: 35px;
  font-size: 14px;
  font-weight: 400;
  font-style: normal; }
  .fofms-data-box .fofms-data-row.label {
    color: #666666;
    text-align: right; }
  .fofms-data-box .fofms-data-row.description {
    color: #000000;
    text-align: left;
    overflow-wrap: break-word;
    font-size: 16px;
    padding-left: 15px !important; }
  .fofms-data-box .fofms-data-row.group-label {
    color: #000000;
    text-align: left;
    font-size: 16px;
    font-weight: 800; }

@media (min-width: calc(600px + 1px)) {
  .h-task-list {
    flex-wrap: wrap; } }

@media (max-width: 600px) {
  .h-task-list {
    flex-direction: column; } }

.div-task-box {
  outline: none;
  border-width: 0px;
  position: initial;
  left: 0px;
  top: 0px;
  width: 250px;
  height: 80px;
  background: inherit;
  background-color: white;
  box-sizing: border-box;
  border-width: 1px;
  border-style: solid;
  border-color: #f2f2f2;
  border-radius: 0px;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  flex-wrap: wrap;
  margin: 5px;
  margin-top: 20px;
  margin-bottom: 15px; }

.wcm-body div span {
  font-family: 'SegoeUI', 'Segoe UI', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 16px !important;
  text-align: left !important;
  line-height: 22px !important;
  word-wrap: break-word !important; }

.wcm-body-dashboard {
  font-family: 'SegoeUI', 'Segoe UI', 'Open Sans', -apple-system, BlinkMacSystemFont, Arial, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  font-size: 16px !important;
  text-align: left !important;
  line-height: 22px !important;
  word-wrap: break-word !important;
  max-height: 500px;
  overflow-y: auto; }

.h-with-guidance {
  display: flex;
  overflow: hidden; }
  .h-with-guidance .h-with-guidance-content {
    order: 1;
    width: 94%;
    display: flex;
    flex-direction: column; }
    .h-with-guidance .h-with-guidance-content > * {
      flex-grow: 1; }
  .h-with-guidance .h-guidance {
    order: 2;
    position: relative; }
    .h-with-guidance .h-guidance .h-guidance-control {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 40px;
      padding: 10px;
      transition: right 0.5s ease-out;
      background-color: #a1a1a1;
      min-height: calc(40px + 10ch);
      cursor: pointer;
      pointer-events: all; }
      .h-with-guidance .h-guidance .h-guidance-control .h-guidance-toggle-icon {
        width: 30px;
        height: 30px;
        margin: 5px;
        transform: rotate(180deg);
        transition: transform 0.5s ease-out; }
      .h-with-guidance .h-guidance .h-guidance-control .h-guidance-title {
        color: white;
        line-height: 20px;
        transform-origin: 0 0;
        transform: rotateZ(90deg) translateY(-30px); }
    .h-with-guidance .h-guidance .h-guidance-text {
      position: absolute;
      top: 0;
      bottom: 0;
      background-color: #E4E4E4;
      padding: 10px;
      display: flex;
      flex-direction: column;
      overflow: auto;
      overflow-wrap: break-word; }
      .h-with-guidance .h-guidance .h-guidance-text > iframe {
        flex-grow: 1;
        flex-shrink: 1;
        border: none;
        background-color: #E4E4E4; }
      .h-with-guidance .h-guidance .h-guidance-text h4.guide {
        font-size: 1.0em;
        font-weight: 600;
        font-style: italic;
        padding: 10px 0px 0px 10px;
        background: none;
        color: inherit; }
    .h-with-guidance .h-guidance.h-collapsed {
      pointer-events: none; }
      .h-with-guidance .h-guidance.h-collapsed .h-guidance-text {
        left: calc(100%); }
  .h-with-guidance.h-guidance-hidden .h-guidance-control {
    visibility: hidden; }

.search-panel-with-guidance {
  max-width: 1200px; }
  .search-panel-with-guidance .h-with-guidance .h-with-guidance-content {
    width: 70% !important; }
  .search-panel-with-guidance .h-with-guidance .h-guidance {
    width: 45% !important;
    min-width: 300px; }

@media (min-width: 1025px) {
  .h-with-guidance .h-with-guidance-content {
    width: 94%; }
  .h-with-guidance .h-guidance {
    width: 30%;
    min-width: 300px; }
    .h-with-guidance .h-guidance .h-guidance-control {
      right: 0;
      transition: right 0.5s ease-out; }
      .h-with-guidance .h-guidance .h-guidance-control .h-guidance-toggle-icon {
        transform: rotate(180deg); }
    .h-with-guidance .h-guidance .h-guidance-text {
      width: calc(100% - 60px - 10px);
      right: 60px;
      padding-right: 0;
      transition: right 0.5s ease-out; }
    .h-with-guidance .h-guidance.h-collapsed .h-guidance-control {
      right: calc(100% - 60px); }
    .h-with-guidance .h-guidance.h-collapsed .h-guidance-text {
      right: 100%; }
    .h-with-guidance .h-guidance.h-collapsed .h-guidance-toggle-icon {
      transform: rotate(0deg); } }

@media (max-width: 1024px) {
  .brossMainPanel .h-with-guidance {
    width: 100%;
    display: block; }
    .brossMainPanel .h-with-guidance .h-with-guidance-content {
      width: 95%; }
    .brossMainPanel .h-with-guidance .h-guidance {
      width: 95%;
      min-width: 300px;
      min-height: 200px;
      max-height: 500px; }
      .brossMainPanel .h-with-guidance .h-guidance .h-guidance-control {
        transition: right 0.5s ease-out;
        width: 100%;
        height: 50px;
        min-height: 50px;
        padding: 0 !important; }
        .brossMainPanel .h-with-guidance .h-guidance .h-guidance-control .h-guidance-toggle-icon {
          transform: rotate(90deg); }
        .brossMainPanel .h-with-guidance .h-guidance .h-guidance-control .h-guidance-title {
          transform: none;
          display: inline; }
      .brossMainPanel .h-with-guidance .h-guidance .h-guidance-text {
        width: 100%;
        padding: 0;
        transition: right 0.5s ease-out;
        margin-top: 55px;
        margin-bottom: 10px; }
        .brossMainPanel .h-with-guidance .h-guidance .h-guidance-text > span {
          padding: 20px; }
      .brossMainPanel .h-with-guidance .h-guidance.h-collapsed {
        height: 60px !important;
        min-height: 60px; }
        .brossMainPanel .h-with-guidance .h-guidance.h-collapsed .h-guidance-control {
          width: 100%;
          height: 40px; }
        .brossMainPanel .h-with-guidance .h-guidance.h-collapsed .h-guidance-text {
          display: none; }
        .brossMainPanel .h-with-guidance .h-guidance.h-collapsed .h-guidance-toggle-icon {
          transform: rotate(0deg); } }

.brossAccordion {
  max-width: 900px;
  font-size: 16px !important; }
  .brossAccordion .subHeading {
    font-weight: 800;
    font-style: italic !important;
    color: #054e83 !important; }
  .brossAccordion .ui-g-12 {
    padding-top: 0.2em;
    padding-bottom: 0.2em; }
  .brossAccordion .ui-accordion .ui-accordion-header {
    border: 1px solid #cccccc;
    background-color: #f2f2f2;
    color: #333333 !important;
    margin-bottom: 20px;
    padding: 0.5em !important; }
  .brossAccordion .ui-accordion .child .ui-accordion-header {
    background-color: f2f2f2 !important;
    color: #333333 !important; }
  .brossAccordion .ui-accordion .child .ui-state-active {
    background-color: #368722 !important;
    color: white !important; }
  .brossAccordion .ui-accordion .ui-accordion-header .ui-icon {
    color: #333333; }
  .brossAccordion .ui-accordion .ui-accordion-header.ui-state-hover, .brossAccordion .ui-accordion .ui-accordion-header.ui-tabs-outline {
    outline: 0 none;
    border: 1px solid #cccccc;
    background-color: #f2f2f2;
    color: #333333;
    background-image: none; }
  .brossAccordion .ui-accordion .ui-accordion-header.ui-state-active {
    border: 1px solid #cccccc;
    background-color: #f2f2f2;
    margin-bottom: 0px; }
  .brossAccordion .ui-accordion .ui-accordion-header.ui-state-active:hover, .brossAccordion .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
    outline: 0 none;
    border: 1px solid #cccccc;
    background-color: #f2f2f2; }
  .brossAccordion .ui-accordion .ui-accordion-content {
    border: 1px solid #cccccc !important;
    background-color: #ffffff;
    color: #333333;
    margin-bottom: 20px; }
  .brossAccordion .ui-accordion .ui-accordion-header > .ui-icon {
    position: static;
    display: inline-block;
    margin-right: 0.429em;
    vertical-align: middle;
    background-image: url("/bross_theme/faces/javax.faces.resource/img/outline_chevron_right.png") !important;
    background-position: 0px 5px !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    width: 32px;
    height: 33px; }
  .brossAccordion .ui-accordion .ui-accordion-header.ui-state-active > .ui-icon {
    background-image: url("/bross_theme/faces/javax.faces.resource/img/outline_expand_more.png") !important; }

.fa.case-level-0 {
  color: #99CCFF; }

.fa.case-level-1 {
  color: #0B7ACA; }

.fa.case-level-2 {
  color: #FF9900; }

.fa.case-level-3 {
  color: #FF0000; }

.no-case-level {
  color: #ff3a33;
  font-style: italic; }

.case-buttons-panel .case-button-columns {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  column-gap: 2%; }

.case-buttons-panel .case-button {
  display: grid;
  grid-template-areas: 'item item';
  grid-template-columns: 0.75fr 3fr;
  border: 1px solid #cccccc;
  font-weight: 500;
  font-size: clamp(8px, 0.75vw, 14px);
  color: #333333;
  border-radius: 4px;
  height: 40px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 2px;
  padding-right: 2px; }

.case-buttons-panel .case-button-label-count {
  background: white;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  text-align: center; }

.case-buttons-panel .case-button-label-description {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: #e4e4e4;
  padding-right: 2px;
  padding-left: 2px; }

.case-buttons-panel .case-button-label-description:hover {
  background: #ffcc99; }

.case-buttons-panel .case-button-label-text {
  text-align: center;
  position: relative;
  top: 50%;
  transform: translateY(-50%); }

.smallTblHeading {
  font-size: 13px; }

.ui-tabs .ui-tabs-panel {
  padding-left: 0;
  padding-right: 0; }

.team-progress .show-details-link {
  font-weight: 400;
  font-style: normal;
  font-size: 16px; }

.team-progress .summary-block {
  background: white;
  border-radius: 4px;
  display: grid;
  column-gap: 1.5%;
  grid-template-columns: 1fr auto;
  height: 80px; }

.team-progress .summary-label {
  font-size: clamp(16px, 1vw, 20px);
  text-align: right;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.team-progress .summary-value {
  font-weight: 700;
  font-style: normal;
  font-size: 40px;
  color: #FFFFFF;
  text-align: center;
  border: 10px solid white;
  padding-right: 40px;
  padding-left: 40px;
  height: 60px;
  border-radius: 4px; }

.team-progress .summary-timestamp {
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  color: #666666;
  text-align: right;
  line-height: normal; }

.team-progress .detail-block {
  background: #f2f2f2;
  border-radius: 4px; }

.team-progress .detail-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border: none; }

.team-progress .detail-table td {
  border: 1px solid #f2f2f2;
  text-align: center;
  font-weight: 500;
  font-style: normal;
  font-size: clamp(8px, 0.75vw, 12px); }

.team-progress .detail-table th {
  background: #f2f2f2;
  border: none;
  text-align: center;
  font-weight: 400;
  font-size: clamp(8px, 0.75vw, 12px);
  font-style: italic;
  color: #054E83; }

.team-progress .detail-table tr {
  line-height: 35px; }

.team-progress .detail-table p {
  line-height: 100%; }

.team-progress .detail-table .col-last {
  width: 15%;
  background: #c9c9c9; }

.team-progress .detail-table .col-done {
  width: 15%;
  background: #0cac78; }

.team-progress .detail-table .col-label {
  width: 40%;
  background: white; }

.team-progress .detail-table .col-new {
  width: 15%;
  background: #f69900; }

.team-progress .detail-table .col-current {
  width: 15%;
  background: #0b7aca; }

.team-progress .detail-table .gray-text {
  color: #333333; }

.team-progress .detail-table .white-text {
  color: #FFFFFF; }

.program-progress .show-details-link {
  font-weight: 400;
  font-style: normal;
  font-size: 16px; }

.program-progress .summary-label {
  height: 60px;
  font-size: clamp(12px, 1vw, 16px);
  text-align: right;
  border-width: 10px 0 10px 10px;
  border-color: white;
  border-style: solid;
  display: flex;
  align-items: center; }

.program-progress .summary-timestamp {
  font-weight: 400;
  font-style: italic;
  font-size: 16px;
  color: #666666;
  text-align: right;
  line-height: normal; }

.program-progress .summary-value {
  font-weight: 700;
  font-style: normal;
  font-size: 2vw;
  color: #FFFFFF;
  text-align: center;
  height: 60px;
  line-height: 60px;
  border-radius: 4px;
  border: 10px solid white;
  border-radius: 4px; }

.program-progress .summary-block {
  background: white;
  border-radius: 4px;
  display: grid;
  grid-template-areas: 'item item';
  grid-template-columns: 1.5fr 1fr;
  background: #FFFFFF;
  align-items: center; }

.program-progress .detail-block {
  background: #f2f2f2;
  border-radius: 4px; }

.program-progress .detail-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
  border: none; }

.program-progress .detail-table td {
  border: 4px solid #f2f2f2;
  text-align: center; }

.program-progress .detail-table th {
  border: 4px solid #f2f2f2;
  background: #f2f2f2;
  text-align: center;
  font-weight: 500;
  font-size: clamp(8px, 0.75vw, 14px);
  color: #FFFFFF;
  height: 50px; }

.program-progress .detail-table p {
  line-height: 100%; }

.program-progress .detail-table .col-title {
  width: 15%;
  background: #FFFFFF; }

.program-progress .detail-table .col-detail {
  width: 10%;
  background: #FFFFFF; }

.program-progress .detail-table .col-actions {
  width: 14%;
  background: #FFFFFF; }

.program-progress .detail-table .program-row {
  color: #333333;
  background: #FFFFFF;
  font-weight: 600;
  font-size: clamp(16px, 1vw, 16px);
  font-style: normal; }

.program-progress .detail-table .program-row a {
  color: #0d74ba;
  font-weight: 400;
  font-size: clamp(14px, 1vw, 14px);
  font-style: normal;
  text-decoration: none; }

.program-progress .detail-table .program-row-selected {
  color: #333333;
  background: #c4e1ff;
  font-weight: 400;
  font-size: clamp(16px, 1vw, 16px);
  font-style: normal; }

.program-progress .detail-table .program-row-selected a {
  color: #0d74ba;
  font-weight: 400;
  font-size: clamp(14px, 1vw, 14px);
  font-style: normal;
  text-decoration: none; }

.program-progress .detail-table .state-row {
  color: #333333;
  background: #e4e4e4;
  font-weight: 400;
  font-size: clamp(14px, 1vw, 14px);
  font-style: normal; }

.program-progress .detail-table .program-row-header {
  font-weight: 600;
  font-size: clamp(14px, 1vw, 14px);
  font-style: normal;
  text-align: left;
  padding-left: 5px; }

.program-progress .detail-table .state-row-header {
  font-weight: 400;
  font-size: clamp(14px, 1vw, 14px);
  font-style: normal;
  text-align: left;
  padding-left: 5px; }

.program-progress .detail-table tr {
  height: 40px; }