@charset "UTF-8";
:root {
  --primary-r: 47;
  --primary-g: 102;
  --primary-b: 123;
  --priority-r: 49;
  --priority-g: 191;
  --priority-b: 227;
  --active-r: 49;
  --active-g: 191;
  --active-b: 227;
  --header-r: 69;
  --header-g: 65;
  --header-b: 58;
  --header-button-r: 255;
  --header-button-g: 255;
  --header-button-b: 255;
  --foreground-hover-color: #404040;
  --foreground-readonly-color: #595959;
  --login-gradient-top: #e3e3e3;
  --login-gradient-bottom: #d7d7d7;
  --shadow-color: #888888;
}

:root {
  --active-color: rgb(var(--active-r), var(--active-g), var(--active-b));
  --primary-color: rgb(var(--primary-r), var(--primary-g), var(--primary-b));
  --priority-color: rgb(var(--priority-r), var(--priority-g), var(--priority-b));
  --header-color: rgb(var(--header-r), var(--header-g), var(--header-b));
  --header-button-color: rgb(var(--header-button-r), var(--header-button-g), var(--header-button-b));
  --active-color-hover: rgba(var(--active-r), var(--active-g), var(--active-b), 0.6);
  --primary-color-hover: rgba(var(--primary-r), var(--primary-g), var(--primary-b), 0.6);
  --priority-color-hover: rgba(var(--priority-r), var(--priority-g), var(--priority-b), 0.6);
  --header-button-color-hover: rgba(var(--header-button-r), var(--header-button-g), var(--header-button-b), 0.6);
  --accessible-primary: calc(((((var(--primary-r) * 299) + (var(--primary-g) * 587) + (var(--primary-b) * 110)) / 1000) - 152) * -1000);
  --accessible-primary-color: rgb(var(--accessible-primary), var(--accessible-primary), var(--accessible-primary));
  --accessible-priority: calc(((((var(--priority-r) * 299) + (var(--priority-g) * 587) + (var(--priority-b) * 110)) / 1000) - 152) * -1000);
  --accessible-priority-color: rgb(var(--accessible-priority), var(--accessible-priority), var(--accessible-priority));
  --accessible-active: calc(((((var(--active-r) * 299) + (var(--active-g) * 587) + (var(--active-b) * 110)) / 1000) - 152) * -1000);
  --accessible-active-color: rgb(var(--accessible-active), var(--accessible-active), var(--accessible-active));
  --accessible-header: calc(((((var(--header-r) * 299) + (var(--header-g) * 587) + (var(--header-b) * 110)) / 1000) - 152) * -1000);
  --accessible-header-color: rgb(var(--accessible-header), var(--accessible-header), var(--accessible-header));
  --accessible-header-button: calc(((((var(--header-button-r) * 299) + (var(--header-button-g) * 587) + (var(--header-button-b) * 110)) / 1000) - 152) * -1000);
  --accessible-header-button-color: rgb(var(--accessible-header-button), var(--accessible-header-button), var(--accessible-header-button));
  --danger-color: #D72832;
  --info-color: #00568c;
  --success-color: #008C64;
  --warning-color: #e26700;
  --danger-background-color: #f9dfe0;
  --info-background-color: #c8eaff;
  --success-background-color: #c8ffef;
  --warning-background-color: #ffe8d4;
  --background-color: #f0f0f0;
  --surface-a: #f0f0f0;
  --border-color: #cccccc;
  --border-color-active: #262626;
  --card-background-color: #fff;
  --foreground-color: #262626;
  --label-color: #4c4c4c;
  --line-color-hard: #7f7f7f;
  --line-color-soft: #e0e0e0;
  --placeholder-color: #e0e0e0;
  --hover-darken-brightness: 85%;
  --hover-lighten-brightness: 135%;
}

:root {
  --font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  --heading-font-family: 'Open Sans', 'HelveticaNeue', 'Helvetica Neue', 'Helvetica-Neue', Helvetica, Arial, sans-serif;
  --font-size-base: 12px;
}

.adminUserAction {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--danger-color) !important;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--danger-color) !important;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--danger-color) !important;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--danger-color) !important;
  background-color: var(--danger-color) !important;
  color: white !important;
}

.bold,
.label,
.navigatorPanel label {
  font-weight: bold;
}

.navigatorLink {
  width: 100%;
  display: block;
  overflow: hidden;
  text-align: center;
}
.navigatorLink .navigatorText {
  width: 100%;
  text-align: left;
}

.no-padding {
  padding: 0 !important;
}

body {
  background-color: var(--card-background-color);
}
body,
body a,
body .ui-widget {
  font-family: var(--font-family);
  color: var(--foreground-color);
}
body ::placeholder {
  color: var(--placeholder-color);
}
body ::-webkit-input-placeholder {
  color: var(--placeholder-color);
}
body :-moz-placeholder {
  color: var(--placeholder-color);
  opacity: 1;
}
body ::-moz-placeholder {
  color: var(--placeholder-color);
  opacity: 1;
}
body :-ms-input-placeholder {
  color: var(--placeholder-color);
}

img {
  border: none;
}

img.borderless {
  border: none;
}

.vehicleOrderRequestIcon {
  background-image: url("resource [images/icon_vehicleorderrequest.png]") !important;
}

.vehicleOrderIcon {
  background-image: url("resource [images/icon_vehicleorder.png]") !important;
}

.vehicleDeliveryIcon {
  background-image: url("resource [images/icon_vehicledelivery.png]") !important;
}

.refurbishmentIcon {
  background-image: url("resource [images/icon_refurbishment.png]") !important;
}

.ui-growl {
  top: 150px;
  right: 45%;
}

#topRightMenu {
  position: absolute;
  right: 5px;
  bottom: 5px;
  text-align: right;
  font-family: Verdana;
}

#content {
  margin: 0;
}

.tableHeader {
  width: 100%;
}

.centeredText {
  text-align: center;
}

.justifiedText {
  text-align: justify;
}

.tableColumnHeader {
  text-align: left;
  font-weight: bold;
}

.fullWidth {
  width: 100% !important;
}

.fullWidth input:not([type=file]),
.inputFullWidth,
.inputFullWidth input {
  width: 100%;
}

#west input.inputFullWidth,
#west .inputFullWidth input {
  width: 180px;
}

.navigatorQuickSearch {
  width: 170px;
  vertical-align: bottom;
  /*	position: absolute;
          right: 5px;
          bottom: 5px;*/
}

.dossierPicture {
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 5px;
}

.ColGridCol1 {
  width: 250px;
}

.ColGridCol2 {
  width: 250px;
}

.ColGridCol3 {
  width: 250px;
}

.contentCol1 {
  width: 150px;
}

.contentCol2 {
  width: 300px;
}

.contentCol3 {
  width: 150px;
}

.contentCol4 {
  width: 300px;
}

.contentCol5 {
  width: 700px;
}

.orderBidCol2 {
  text-align: right;
}

.orderBidCol3 {
  text-align: center;
}

#centerPanel {
  margin: 0 auto 0 auto;
  width: 900px;
  text-align: left;
}

.calculationTree {
  width: 500px;
}

.col25px {
  width: 25px;
}

.col50px {
  width: 50px;
}

.col60px {
  width: 60px;
}

.col75px {
  width: 75px;
}

.col85px {
  width: 85px;
}

.col100px {
  width: 100px;
}

.col120px {
  width: 120px;
}

.col150px {
  width: 150px;
}

.col180px {
  width: 180px;
}

.col190px {
  width: 190px;
}

.col200px {
  width: 200px;
}

.col220px {
  width: 220px;
}

.col250px {
  width: 250px;
}

.col300px {
  width: 300px;
}

.col350px {
  width: 350px;
}

.col400px {
  width: 400px;
}

.col500px {
  width: 500px;
}

.ub-table {
  min-width: 500px;
}

.hide-table-borders tr, .hide-table-borders td, .hide-table-borders tbody {
  border: 0 !important;
}

.no-table-padding tr, .no-table-padding td, .no-table-padding tbody {
  padding-left: 0 !important;
}

.table-auto-width table {
  width: auto !important;
}

.datagrid-no-padding .ui-datagrid-column {
  padding: 0;
}

.checkBoxCol {
  width: 20px;
}

.borderedRowTable tbody > tr, .borderedRowTable tbody > tr > td {
  border-top: 0 !important;
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: 1px solid gray !important;
}

.borderlessNoPaddingTable tr, .borderlessNoPaddingTable td {
  border: 0 !important;
  padding: 0 !important;
}

.noBorderSpacingTable, .noBorderSpacingTable .ui-datagrid-data {
  border-spacing: 0 !important;
}

.smallBorderSpacingTable .ui-datagrid-data {
  border-spacing: 0 !important;
}

A:hover {
  color: gray;
}

.comment300 {
  width: 300px;
}

.comment {
  width: 500px;
}

.comment600 {
  width: 600px;
}

.borderlessDataList div.ui-widget-content {
  border: 0;
}

.borderlessDataGrid .ui-datagrid-content.ui-widget-content {
  border-width: 0;
}

.borderlessPanel {
  border: none;
}

.hide-column-names table thead tr {
  display: none;
}

.uneven .ui-widget-content {
  background: var(--background-color) !important;
}

.leftHeader .ui-widget-header {
  text-align: left;
}

.leftHeader {
  text-align: left;
}

.ellipsed-text-left {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 180px;
}

.imagegrid-column:hover, .imagegrid-column-active:hover {
  background-color: var(--foreground-hover-color);
}

.imagegrid-column-active {
  background-color: var(--card-background-color);
}

.navigatorDropdown {
  width: 170px;
  max-width: 170px;
}

.navigatorInput {
  width: 190px;
  max-width: 190px;
}

.amountInput {
  text-align: right;
}

.amountInput .ui-inputfield {
  text-align: right;
}

.smallAmountInput {
  width: 120px;
  text-align: right;
}

.tinyAmountInput {
  width: 70px;
  text-align: right;
}

.tinyAmountInput .ui-inputfield {
  width: 70px;
  text-align: right;
}

.commentInput {
  min-width: 400px;
}

.commentInputDisabled {
  min-width: 300px;
  width: 100%;
  background-image: none;
  border: none;
}

.smallAmountColumn {
  width: 100px;
  text-align: right;
}

.dashboardMenuItem {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--border-color) !important;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--border-color) !important;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--border-color) !important;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--border-color) !important;
  width: 160px !important;
  text-align: left !important;
  font-weight: normal;
  color: var(--foreground-color);
  height: 18px !important;
  padding: 0px !important;
}

.activeDashboardMenuItem {
  background: var(--card-background-color) !important;
  color: var(--active-color) !important;
}

.frozenDashboardMenuItem {
  background: var(--card-background-color) !important;
  color: var(--foreground-readonly-color) !important;
}

.dashboardMenuItem .ui-menuitem-text {
  padding-top: 2.7px !important;
  padding-bottom: 2.7px !important;
  padding-right: 9px !important;
  padding-left: 9px !important;
}

.dashboardSubMenu {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--border-color) !important;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--border-color) !important;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--border-color) !important;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--border-color) !important;
  width: 170px !important;
  text-align: left !important;
  background: var(--line-color-soft) !important;
  font-weight: normal;
  color: var(--foreground-color);
  height: 18px !important;
  padding: 0px !important;
}

.dashboardSubMenu .ui-menuitem-text {
  padding-top: 2.7px !important;
  padding-bottom: 2.7px !important;
  padding-right: 9px !important;
  padding-left: 9px !important;
}

.uneven {
  background: var(--line-color-soft) !important;
}

.colMin150px {
  min-width: 150px;
}

.colMin300px {
  min-width: 300px;
}

.colMin200px {
  min-width: 200px;
}

.colMin400px {
  min-width: 400px;
}

.ellipsed-text {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.iconColumn {
  width: 2.2em;
}

.iconHeaderColumn {
  width: 3em;
}

.centeredIconColumn {
  text-align: center;
}

.defaultPadding {
  padding: 4px 10px;
  vertical-align: top;
}

.ui-layout-resizer-dragging, .ui-layout-resizer-open-hover {
  background: none !important;
}

.pane-header {
  padding: 0 0 !important;
}

.noPaddingTab .ui-tabs-panels .ui-tabs-panel {
  padding: 0px;
}

.noMargin {
  margin: 0 !important;
  padding: 0 !important;
}

.galleriaPanel .ui-galleria {
  margin: 0 auto;
}

.noPaddingAccordion .ui-accordion-content {
  padding: 0 !important;
}

.fullLengthTitleDialog .ui-dialog .ui-dialog-title {
  width: 80%;
}

.noScrollDialog .ui-dialog-content {
  overflow: hidden !important;
}

.iconButton {
  margin: 0 5px 0 5px;
}

.bottomButton {
  margin: 0 5px 0 5px;
}

.navigationLinkIcon {
  width: 25px;
  padding-left: 0.5em;
  padding-bottom: 0.6em;
}

.centeredTable td {
  text-align: center;
}

input.upper {
  text-transform: uppercase;
}

.subContentBox {
  width: 780px;
}

.no-border-spacing {
  border-spacing: 0;
}

.many-checkbox-selection tr {
  float: left;
  width: 25%;
}

.mailMessage {
  width: 600px;
  height: 160px;
}

.headerColLeft {
  text-align: left;
  width: 250px;
}

.headerColRight {
  text-align: right;
  width: 250px;
}

.panelButtonHeaderGrid {
  border-spacing: 0;
}

.select-one-menu-width-150 {
  width: 150px;
}

.select-one-menu-width-250 {
  width: 250px;
}

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

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

.no-left-padding {
  padding: 4px 10px 4px 0px;
}

.colMax190px {
  max-width: 190px;
}

.colMax200px {
  max-width: 200px;
}

.colMin180px {
  min-width: 180px;
}

.breakWord {
  word-wrap: break-word;
}

.textField {
  width: 200px;
}

.dateTimeField input {
  width: 200px;
}

.content-header {
  border-width: 0px;
  margin-left: -9px;
  margin-top: -9px;
  margin-right: -6px;
}

.ui-dataview-column .ui-panel .ui-panel-titlebar {
  padding: 0;
}

.content-header .ui-panel-titlebar {
  height: 14px;
}

.damagePickList {
  width: 440px;
}

.green-bar-style .ui-progressbar-value {
  background: var(--success-color);
}

.red-bar-style .ui-progressbar-value {
  background: var(--danger-color);
}

.animated .ui-progressbar-value {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--shadow-color);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--shadow-color);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--shadow-color);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--shadow-color);
}

.subtableHeaderWithNoBackground .ui-widget-header {
  background: none;
}

.directions {
  font-size: 16px !important;
  color: var(--active-color);
  text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  -moz-text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
  -webkit-text-shadow: -1px 0 white, 0 1px white, 1px 0 white, 0 -1px white;
}

.selectMenu {
  display: inline-block;
  vertical-align: top;
}

.columnGap {
  width: 3.5em;
  height: 1px;
}

td.leftColumn {
  padding-right: 2em !important;
}

td.rightColumn {
  padding-left: 2em !important;
}

.rightAligned {
  text-align: right;
}

td.leftColumn, td.rightColumn {
  vertical-align: top;
}

.message, .error, .warning, .info {
  display: block;
  font-weight: bold;
  font-size: 1.2em;
}

.message {
  color: red;
}

.info {
  color: var(--info-color);
}

.error {
  color: var(--danger-color) !important;
}

.warning {
  color: var(--warning-color) !important;
}

.maintenanceTypeBlue, .ui-widget-content a.maintenanceTypeBlue {
  color: var(--info-color) !important;
}

.maintenanceTypeGreen, .ui-widget-content a.maintenanceTypeGreen {
  color: var(--success-color) !important;
}

.maintenanceTypeOrange, .ui-widget-content a.maintenanceTypeOrange {
  color: var(--warning-color) !important;
}

.maintenanceTypeRed, .ui-widget-content a.maintenanceTypeRed {
  color: var(--danger-color) !important;
}

.accentedText, .ui-widget-content a.accentedText {
  color: var(--warning-color) !important;
}

.row-blue {
  color: var(--info-color) !important !important;
}

.endDateHighlight {
  color: var(--warning-color) !important;
}

.endDateHighlight.ui-widget {
  color: var(--warning-color) !important;
}

.fa {
  font-size: 1.1rem;
}

.fa-red {
  color: var(--danger-color);
}

.fa-green {
  color: var(--success-color);
}

.multiline {
  /* [UB-770]: wrap text and keep whitespaces */
  white-space: pre-wrap;
  word-wrap: break-word; /* because they want to enter long unexisting words as well. */
}

.customVariaList dl {
  margin-top: 0px !important;
}

.adminCalendar input {
  width: 189px;
}

.topAlignedTextNoTopSpace {
  vertical-align: top;
  padding-top: 0px !important;
  margin-top: 0px !important;
}

.allDayEventFull {
  border-color: var(--active-color) !important;
  background-color: var(--active-color) !important;
  color: var(--card-background-color) !important;
  margin: 2px;
}
.allDayEventFull .fc-event-title {
  background-color: var(--active-color) !important;
  color: var(--card-background-color) !important;
  padding: 5px;
  display: inline-block;
}

.allDayEventClosed {
  border-color: #e26700 !important;
  background-color: #e26700 !important;
  color: var(--card-background-color) !important;
  margin: 2px;
}
.allDayEventClosed .fc-event-title {
  background-color: #e26700 !important;
  color: var(--card-background-color) !important;
  padding: 5px;
  display: inline-block;
}

.fc-event-title {
  width: 100%;
}

/* schedule */
.fc-event {
  color: var(--foreground-color) !important;
  font-size: 1em !important;
  cursor: pointer;
}

.fc-day-grid-event {
  border-bottom: 1px solid var(--card-background-color) !important;
}

.fc-day-grid-event > .fc-content {
  white-space: normal !important;
}

.booking-scheduled.fc-event, .booking-scheduled .fc-event {
  border-color: var(--border-color);
  background-color: var(--foreground-color);
}

.booking-closed.fc-event, .booking-closed .fc-event {
  border-color: var(--line-color-soft);
  background-color: var(--foreground-readonly-color);
}

.booking-event.fc-event, .booking-event .fc-event {
  border-color: var(--foreground-color);
  background-color: var(--card-background-color);
}

.free-slots .fc-agenda-slots .ui-widget-content, .free-slots .fc-day {
  cursor: pointer;
}

.free-slots .fc-event {
  cursor: default;
}

.searchSideBar,
.searchSideBar .fullWidthCalendar input {
  width: 180px;
}

.commaSeparatedList ul {
  padding: 0;
  margin: 0;
}
.commaSeparatedList li.ui-dataview-row {
  float: left;
  line-height: 1.2em;
}
.commaSeparatedList li.ui-dataview-row:not(:first-child):before {
  content: " , ";
}
.commaSeparatedList.ui-dataview-list .ui-dataview-content {
  padding: 0;
}

.slashSeparatedList ul {
  padding: 0;
  margin: 0;
}

.slashSeparatedList li.ui-dataview-row {
  float: left;
  line-height: 1.2em;
}

.slashSeparatedList li.ui-dataview-row {
  float: left;
  line-height: 1.2em;
}

.slashSeparatedList li.ui-dataview-row:not(:first-child):before {
  content: " / ";
}

.imageBackground {
  background-image: url("/ubench/jakarta.faces.resource/images/image-background-tile.jpg.xhtml?ln=primefaces-newwave&v=13.0.7&e=13.0.7&ub_ver=25.01.newwave2.0.3.7");
  margin-bottom: 2em;
}

#repairAgendaPanel .fc-event-container a {
  cursor: default !important;
  background-color: var(--card-background-color) !important;
}

#repairAgendaPanel .fc-event-container > .allDayEventFull {
  cursor: default !important;
  background-color: var(--active-color) !important;
}

.fc-event-container > .allDayEventFull {
  background-color: var(--active-color) !important;
}

#repairAgendaPanel .fc-event-container > .allDayEventClosed {
  cursor: default !important;
  background-color: #e26700 !important;
}

.fc-event-container > .allDayEventClosed {
  background-color: #e26700 !important;
}

#repairAgendaPanel .fc-event-container > .assessmentEvent {
  cursor: default !important;
  background-color: #face00 !important;
}

.fc-event-container > .assessmentEvent {
  background-color: #face00 !important;
}

.assessmentEvent {
  border-color: #face00 !important;
}

.controls {
  border: 0px solid transparent;
  border-radius: 2px 0 0 2px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  outline: none;
}

.pac-input {
  background-color: var(--card-background-color);
  font-weight: 300;
  margin-left: var(--font-size);
  padding: 0 11px 0 13px;
  text-overflow: ellipsis;
  width: 300px;
}

.horizontal .ui-datalist-item {
  display: inline;
}

.horizontal .ui-datalist-data {
  margin: 0px !important;
}

.noBorderPriority {
  border: none !important;
}

.customerAttachmentDatalist .ui-datalist-content .ui-datalist-data {
  margin: 0;
}

.customerAttachmentDatalist .ui-datalist-content .ui-datalist-data .ui-datalist-item {
  padding: 0 0 1em 0;
}

.saleDialogTabPanel .ui-tabs-panels {
  height: 250px; /* This must be defined on the scrollPanel itself, otherwise Primefaces can't create the correct height.*/
  overflow: auto;
  width: 100%;
  border-width: 0;
}

.table-columns-medium-padding td {
  padding-top: 0.6em !important;
  padding-bottom: 0.6em !important;
}

.gridSelection12em tr {
  float: left;
  min-width: 12em;
}

.labelWidth {
  width: 10rem;
}

.valueWidth {
  width: 20rem;
}

.valueSmallWidth {
  width: 8rem;
}

.fieldSetHeaderButton > span.fa {
  width: 16px !important;
  height: 16px !important;
}

.mntQuotationColumnHighlighted {
  font-weight: bold;
  color: var(--active-color) !important;
}

.mntQuotationColumnInfo {
  font-weight: normal;
  color: var(--foreground-color);
}

.mntQuotationColumnGrey {
  color: var(--line-color-soft);
}

#rootAccess i.fa,
#rootAccess i[class^=ubicon-],
#rootAccess i[class*=ubicon-] {
  vertical-align: middle;
  margin-right: 0.2em;
}

#rootAccess td {
  white-space: nowrap;
}

.selectedSupplierRow {
  font-style: italic;
}

.closedDosiersInNavigator {
  color: var(--border-color) !important;
}

.ui-dialog-buttonpane {
  background-color: var(--card-background-color) !important;
  margin: 0 !important;
}

.ui-confirm-dialog-severity {
  background-image: none !important;
}

.duedateHighlight {
  color: var(--active-color) !important;
}

.inactiveParty {
  font-style: italic;
  color: var(--line-color-hard) !important;
}

.fieldSetNoPadding .ui-fieldset-content {
  padding: 0 !important;
}

.readOnlyInput, .readOnlyInput > input {
  background: none !important;
  border: none !important;
  box-shadow: none;
  font-weight: bold !important;
  color: var(--placeholder-color) !important;
  cursor: default !important;
  opacity: 1 !important;
}

.confirmDialogNoIcon .ui-dialog-content > .ui-icon {
  display: none;
}

button.fc-button.fc-button-primary:not(:disabled):not(.fc-button-active) {
  color: var(--foreground-color);
}

.fc button.fc-button:not(:disabled):active {
  color: var(--card-background-color);
}

.fc .fc-button.fc-button-primary {
  background: var(--card-background-color);
}

.fc .fc-button.fc-button-primary:hover {
  background: var(--line-color-soft);
}

.fc-button.fc-button-primary:disabled:hover {
  background: rgb(44, 62, 80);
}

.ui-layout-center.pe-layout-pane-content {
  overflow-y: scroll;
}

.ui-layout-west .pe-layout-pane-content {
  overflow-x: hidden;
}

.ui-dataview-header {
  display: none;
}

.noPaddingDataView .ui-dataview-content.ui-widget-content {
  padding: 0;
}

.ui-divider.ui-divider-solid.ui-divider-horizontal:before {
  border-top: 2px var(--line-color-soft);
}

.ui-divider.ui-divider-horizontal.ui-divider-solid {
  margin: 1em 0;
}

.cke_bottom.cke_reset_all {
  display: none;
}

#sidebarLeft {
  width: 320px;
}

#headerInfo {
  float: right;
  margin-right: 10px;
  line-height: 4.5em;
}

#headerToolbar {
  clear: both;
}

.alignRight {
  text-align: right;
}

#contentColumn1 {
  position: relative;
  width: 48%;
  padding: 5px;
  float: left;
}

#contentColumn2 {
  position: relative;
  width: 48%;
  padding: 5px;
  float: left;
}

.detailGraphic {
  width: 100%;
  height: 600px;
}

.detailGraphicSmall {
  width: 100%;
  height: 20%;
}

.dashboardGraphic {
  width: 100%;
  height: 45%;
}

.bottomCol1 {
  min-width: 250px;
}

.bottomCol2 {
  text-align: center;
}

.bottomCol3 {
  min-width: 250px;
  text-align: right;
  font-size: 10px;
  color: var(--foreground-color);
}

.reportParamCheckBox {
  width: 180px;
}

.yearMonthPanel {
  width: 180px;
}

.reportParamPanel {
  border-width: 0px;
  width: 100%;
}

.chartStyle {
  height: 500px;
  width: 100%;
}

.borderlessTable tr, .borderlessTable td {
  border: 0 !important;
}

.col80px {
  width: 80px;
}

.ui-widget.ui-tooltip,
.ui-widget.ui-tooltip * {
  color: #fff;
}

label,
.label {
  color: var(--foreground-color);
}

.ui-widget-content {
  background-color: var(--card-background-color);
}
.ui-widget-content.ui-dialog {
  background-color: var(--border-color);
}

.ui-panel,
.ui-output-panel,
.ui-panelgrid .ui-widget-content,
.ui-fileupload-buttonbar.ui-widget-header,
.ui-fieldset.ui-widget-content,
.ui-datagrid .ui-widget-content {
  background-color: transparent;
}

.ui-overlay-visible {
  background-color: var(--card-background-color) !important;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border-color: #D72832;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error,
.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a,
.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
  color: #D72832;
}

.ui-accordion-header .fa,
.ui-accordion-header [class*=" ubicon-"],
.ui-accordion-header .ui-icon,
.ui-fieldset legend .fa,
.ui-fieldset legend [class*=" ubicon-"],
.ui-fieldset legend .ui-icon,
.ui-fieldset legend,
.ui-fieldset legend .fieldset-legend {
  color: var(--primary-color);
}

.sidebarSubHeader {
  border-bottom-color: var(--primary-color);
}

.sidebarSubFooter {
  border-top-color: var(--primary-color);
}

.loading-overlay {
  background: var(--card-background-color);
}

.loading-overlay.invisible {
  background: transparent;
}

/* overlays
----------------------------------*/
.ui-widget-overlay {
  background: var(--border-color);
}

.ui-widget-shadow {
  background: var(--foreground-color);
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border-color: var(--border-color);
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: var(--foreground-color);
}

li.ui-state-hover, li.ui-state-hover:hover, li.ui-state-focus, li.ui-state-focus:hover, li.ui-menuitem-active, li.ui-menuitem-active:hover {
  color: var(--foreground-color);
  background-color: var(--background-color);
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
.ui-state-active .ui-icon-carat-2-n-s,
.ui-state-active,
.ui-tabs.ui-tabs-top > .ui-tabs-nav li.ui-tabs-selected a,
.ui-datepicker-calendar .ui-state-highlight,
.fc-time,
.loading-icon,
.ui-selectcheckboxmenu-checked label {
  color: var(--active-color);
}

.ui-datepicker-calendar .ui-state-hover,
.ui-accordion-header,
.ui-widget-header,
.tableHeader,
.paneHeader,
.ui-panel-titlebar,
.ui-widget-content .ui-panel-titlebar a {
  color: var(--primary-color);
}

.ui-growl-item {
  background: var(--card-background-color);
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: var(--foreground-color);
}

.ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited {
  color: var(--foreground-hover-color);
}

/* Calendar
----------------------------------*/
.ui-datepicker {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--border-color);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--border-color);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--border-color);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--border-color);
}

.ui-datepicker-calendar td a:not(.ui-state-highlight) {
  border: 0 !important;
}
.ui-datepicker-calendar th {
  color: var(--foreground-color);
}
.ui-datepicker-calendar .ui-state-highlight {
  background-color: var(--card-background-color);
  border-width: 1px;
  border-style: solid;
}

.ui-datepicker-calendar .ui-state-active,
.ui-paginator-page.ui-state-active,
.fc button.ui-state-active,
.fc button.ui-state-active:hover {
  background-color: var(--active-color);
  color: var(--card-background-color);
}

.ui-datepicker-calendar .ui-state-hover,
.ui-paginator-page.ui-state-hover {
  background-color: var(--line-color-soft) !important;
  color: var(--foreground-color) !important;
}

.fc-event, .fc-ltr .fc-axis {
  background-color: var(--line-color-soft) !important;
}

.fc-event:hover {
  background-color: var(--line-color-soft) !important;
}

.fc-slats td {
  border-color: var(--border-color) !important;
}

/* slider
----------------------------------*/
.ui-slider,
.ui-slider.ui-widget-content {
  background-color: var(--active-color);
}

/* buttons
----------------------------------*/
.ui-icon-seek-end:before,
.ui-icon-seek-first:before,
.ui-icon-seek-prev:before,
.ui-icon-seek-next:before {
  color: var(--foreground-color);
}

.firsthit-arrow {
  fill: #D72832;
}

.damagepoint {
  fill: var(--active-color);
}

.headerLine .ui-widget-header,
.sidebarHeader,
.reportParamPanel .ui-panel-titlebar {
  border-bottom-color: var(--primary-color);
}

.borderLineRowsHiddenEmpty td div.ui-outputpanel, .borderLineRows td {
  border-bottom-color: var(--border-color) !important;
}

/* calendar
----------------------------------*/
.fc-event {
  border-color: var(--border-color);
}

.fc button:hover {
  background-color: rgba(120, 107, 98, 0.1);
}

td.fc-day {
  border-color: var(--border-color);
}

.ui-fileupload-files caption {
  background-color: var(--card-background-color);
}

/* Left, right, top, bottom panel
TODO remove
----------------------------------*/
.ui-layout-west,
.ui-layout-east {
  z-index: 1 !important;
}

.check-color, .ui-chkbox-icon.ui-icon-check {
  color: var(--success-color) !important;
}

.times-color,
.ui-chkbox-icon.ui-icon-closethick,
.ui-messages-error,
.ui-messages-error .ui-icon-close {
  color: var(--danger-color) !important;
}

.ui-messages-info .ui-icon-close,
.ui-messages-info {
  color: var(--info-color) !important;
}

.ui-messages-warn,
.ui-messages-warn .ui-icon-close {
  color: var(--warning-color) !important;
}

.ui-messages-error:hover,
.ui-messages-fatal:hover {
  background-color: var(--danger-background-color) !important;
}

.ui-messages-warn, .ui-messages-warn:hover {
  background-color: var(--warning-background-color) !important;
  border-color: var(--warning-color) !important;
}

.ui-messages-error,
.ui-messages-fatal {
  background-color: var(--danger-background-color) !important;
  border-color: var(--danger-color) !important;
}

.ui-messages-info, .ui-messages-info:hover {
  background-color: var(--info-background-color) !important;
  border-color: var(--info-color) !important;
}

.firsthit-arrow {
  fill: var(--active-color);
}

.no-tp-color {
  color: var(--foreground-color);
}

.full-recovery-color {
  color: var(--success-color);
}

.partial-recovery-color {
  color: var(--warning-color);
}

.no-recovery-color {
  color: var(--danger-color);
}

.ui-qrcode {
  padding: 10px;
  background-color: white;
  display: inline-block;
}

.ajaxStatusSpinner {
  line-height: 4rem;
  height: 4rem;
}

.accessibility-status.fa {
  display: none;
}

* {
  scrollbar-face-color: var(--background-color);
  scrollbar-base-color: var(--background-color);
  scrollbar-3dlight-color: var(--background-color);
  scrollbar-highlight-color: var(--background-color);
  scrollbar-track-color: var(--card-background-color);
  scrollbar-arrow-color: var(--card-background-color);
  scrollbar-shadow-color: var(--background-color);
  scrollbar-width: thin;
}

::-webkit-scrollbar {
  width: 7px;
  height: 7px;
  z-index: 99999;
}

::-webkit-scrollbar-button {
  height: 0;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-track-piece {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  height: 50px;
  background-color: var(--border-color);
  border-radius: 8px;
}

::-webkit-scrollbar-corner {
  background-color: var(--line-color-soft);
}

.ui-icon {
  background-image: none;
  font-family: FontAwesome;
  text-indent: 0 !important;
  line-height: 1.2em; /* needed because of line-height on .equalRowHeight */
  width: 1.2em;
  height: 1.2em;
  font-weight: normal !important;
}
.ui-fieldset-toggler.ui-icon {
  margin: -0.25rem 0.3rem;
}

.ui-timepicker .ui-icon {
  left: 0 !important;
  top: 0 !important;
}

.ui-icon.ui-confirm-dialog-severity {
  margin-top: 2px;
}

.ui-menuitem[class*=ubbtn-] .ui-button-text:before,
.ui-menuitem[class*=ubbtn-] .ui-menuitem-text:before, .ui-menuitem[class^=ubbtn-] .ui-button-text:before,
.ui-menuitem[class^=ubbtn-] .ui-menuitem-text:before,
.ui-button[class*=ubbtn-] .ui-button-text:before,
.ui-button[class*=ubbtn-] .ui-menuitem-text:before,
.ui-button[class^=ubbtn-] .ui-button-text:before,
.ui-button[class^=ubbtn-] .ui-menuitem-text:before {
  background-image: none;
  font-family: FontAwesome;
  text-indent: 0 !important;
  padding-right: 0.5em;
  font-weight: normal;
}

.ui-icon-blank:before {
  content: "\f00d";
  color: transparent;
}

.ui-icon-carat-1-n:before {
  content: "\f0d8";
}

.ui-icon-carat-1-ne:before {
  content: "\f188";
  color: red;
}

.ui-icon-carat-1-e:before {
  content: "\f0da";
}

.ui-icon-carat-1-se:before {
  content: "\f188";
  color: red;
}

.ui-icon-carat-1-s:before {
  content: "\f0d7";
}

.ui-icon-carat-1-sw:before {
  content: "\f188";
  color: red;
}

.ui-icon-carat-1-w:before {
  content: "\f0d9";
}

.ui-icon-carat-1-nw:before {
  content: "\f188";
  color: red;
}

.ui-icon-carat-2-n-s:before {
  content: "\f0dc";
}
.ui-icon-carat-2-n-s.ui-icon-triangle-1-n:before {
  content: "\f0de";
}
.ui-icon-carat-2-n-s.ui-icon-triangle-1-s:before {
  content: "\f0dd";
}
.ui-accordion-header .ui-icon-carat-2-n-s.ui-icon-triangle-1-s:before {
  content: "\f0d7";
}

.ui-icon-carat-2-e-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-triangle-1-n:before {
  content: "\f0de";
}

.ui-icon-triangle-1-ne:before {
  content: "\f188";
  color: red;
}

.ui-icon-triangle-1-e:before {
  content: "\f0da";
}

.ui-icon-triangle-1-se:before {
  content: "\f188";
  color: red;
}

.ui-icon-triangle-1-s:before {
  content: "\f0dd";
}

.ui-icon-triangle-1-sw:before {
  content: "\f188";
  color: red;
}

.ui-icon-triangle-1-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-triangle-1-nw:before {
  content: "\f188";
  color: red;
}

.ui-icon-triangle-2-n-s:before {
  content: "\f188";
  color: red;
}

.ui-icon-triangle-2-e-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-1-n:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-1-ne:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-1-e:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-1-se:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-1-s:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-1-sw:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-1-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-1-nw:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-2-n-s:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-2-ne-sw:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-2-e-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-2-se-nw:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowstop-1-n:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowstop-1-e:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowstop-1-s:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowstop-1-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowthick-1-n:before {
  content: "\f062";
}

.ui-icon-arrowthick-1-ne:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowthick-1-e:before {
  content: "\f061";
}

.ui-icon-arrowthick-1-se:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowthick-1-s:before {
  content: "\f063";
}

.ui-icon-arrowthick-1-sw:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowthick-1-w:before {
  content: "\f060";
}

.ui-icon-arrowthick-1-nw:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowthick-2-n-s:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowthick-2-ne-sw:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowthick-2-e-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowthick-2-se-nw:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowthickstop-1-n:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowthickstop-1-e:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowthickstop-1-s:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowthickstop-1-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowreturnthick-1-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowreturnthick-1-n:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowreturnthick-1-e:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowreturnthick-1-s:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowreturn-1-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowreturn-1-n:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowreturn-1-e:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowreturn-1-s:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowrefresh-1-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowrefresh-1-n:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowrefresh-1-e:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrowrefresh-1-s:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-4:before {
  content: "\f188";
  color: red;
}

.ui-icon-arrow-4-diag:before {
  content: "\f188";
  color: red;
}

.ui-icon-extlink:before {
  content: "\f188";
  color: red;
}

.ui-icon-newwin:before {
  content: "\f188";
  color: red;
}

.ui-icon-refresh:before {
  content: "\f188";
  color: red;
}

.ui-icon-shuffle:before {
  content: "\f188";
  color: red;
}

.ui-icon-transfer-e-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-transferthick-e-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-folder-collapsed:before {
  content: "\f188";
  color: red;
}

.ui-icon-folder-open:before {
  content: "\f188";
  color: red;
}

.ui-icon-document:before {
  content: "\f188";
  color: red;
}

.ui-icon-document-b:before {
  content: "\f188";
  color: red;
}

.ui-icon-note:before {
  content: "\f188";
  color: red;
}

.ui-icon-mail-closed:before {
  content: "\f188";
  color: red;
}

.ui-icon-mail-open:before {
  content: "\f188";
  color: red;
}

.ui-icon-suitcase:before {
  content: "\f188";
  color: red;
}

.ui-icon-comment:before {
  content: "\f188";
  color: red;
}

.ui-icon-person:before {
  content: "\f188";
  color: red;
}

.ui-icon-print:before {
  content: "\f188";
  color: red;
}

.ui-icon-trash:before {
  content: "\f188";
  color: red;
}

.ui-icon-locked:before {
  content: "\f188";
  color: red;
}

.ui-icon-unlocked:before {
  content: "\f188";
  color: red;
}

.ui-icon-bookmark:before {
  content: "\f188";
  color: red;
}

.ui-icon-tag:before {
  content: "\f188";
  color: red;
}

.ui-icon-home:before {
  content: "\f188";
  color: red;
}

.ui-icon-flag:before {
  content: "\f188";
  color: red;
}

.ui-icon-calendar:before {
  content: "\f188";
  color: red;
}

.ui-icon-cart:before {
  content: "\f188";
  color: red;
}

.ui-icon-pencil:before {
  content: "\f188";
  color: red;
}

.ui-icon-clock:before {
  content: "\f188";
  color: red;
}

.ui-icon-disk:before {
  content: "\f188";
  color: red;
}

.ui-icon-calculator:before {
  content: "\f188";
  color: red;
}

.ui-icon-zoomin:before {
  content: "\f188";
  color: red;
}

.ui-icon-zoomout:before {
  content: "\f188";
  color: red;
}

.ui-icon-search:before {
  content: "\f002";
}

.ui-icon-wrench:before {
  content: "\f188";
  color: red;
}

.ui-icon-gear:before {
  content: "\f188";
  color: red;
}

.ui-icon-heart:before {
  content: "\f188";
  color: red;
}

.ui-icon-star:before {
  content: "\f188";
  color: red;
}

.ui-icon-link:before {
  content: "\f188";
  color: red;
}

.ui-icon-cancel:before {
  content: "\f188";
  color: red;
}

.ui-icon-plus:before {
  content: "\f188";
  color: red;
}

.ui-icon-plusthick:before {
  content: "\f067";
}
.ui-fieldset-toggler.ui-icon-plusthick:before {
  content: "\f0d7";
}

.ui-icon-minus:before {
  content: "\f188";
  color: red;
}

.ui-icon-minusthick:before {
  content: "\f068";
}
.ui-fieldset-toggler.ui-icon-minusthick:before {
  content: "\f0d8";
}

.ui-icon-close:before {
  content: "\f188";
  color: red;
}

.ui-icon-closethick:before,
.ui-icon-close:before {
  content: "\f00d";
}

.ui-icon-key:before {
  content: "\f188";
  color: red;
}

.ui-icon-lightbulb:before {
  content: "\f188";
  color: red;
}

.ui-icon-scissors:before {
  content: "\f188";
  color: red;
}

.ui-icon-clipboard:before {
  content: "\f188";
  color: red;
}

.ui-icon-copy:before {
  content: "\f188";
  color: red;
}

.ui-icon-contact:before {
  content: "\f188";
  color: red;
}

.ui-icon-image:before {
  content: "\f188";
  color: red;
}

.ui-icon-video:before {
  content: "\f188";
  color: red;
}

.ui-icon-script:before {
  content: "\f188";
  color: red;
}

.ui-icon-alert:before {
  content: "\f071";
}

.ui-icon-info:before {
  content: "\f05a";
}

.ui-icon-notice:before {
  content: "\f188";
  color: red;
}

.ui-icon-help:before {
  content: "\f188";
  color: red;
}

.ui-icon-check:before {
  content: "\f00c";
}

.ui-icon-bullet:before {
  content: "\f111";
}

.ui-icon-radio-off:before {
  content: "\f10c";
}

.ui-icon-radio-on:before {
  content: "\f111";
}

.ui-icon-pin-w:before {
  content: "\f188";
  color: red;
}

.ui-icon-pin-s:before {
  content: "\f188";
  color: red;
}

.ui-icon-play:before {
  content: "\f188";
  color: red;
}

.ui-icon-pause:before {
  content: "\f188";
  color: red;
}

.ui-icon-seek-next:before {
  content: "\f04e";
}

.ui-icon-seek-prev:before {
  content: "\f04a";
}

.ui-icon-seek-end:before {
  content: "\f051";
}

.ui-icon-seek-start:before {
  content: "\f048";
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first:before {
  content: "\f048";
}

.ui-icon-stop:before {
  content: "\f188";
  color: red;
}

.ui-icon-eject:before {
  content: "\f188";
  color: red;
}

.ui-icon-volume-off:before {
  content: "\f188";
  color: red;
}

.ui-icon-volume-on:before {
  content: "\f188";
  color: red;
}

.ui-icon-power:before {
  content: "\f188";
  color: red;
}

.ui-icon-signal-diag:before {
  content: "\f188";
  color: red;
}

.ui-icon-signal:before {
  content: "\f188";
  color: red;
}

.ui-icon-battery-0:before {
  content: "\f188";
  color: red;
}

.ui-icon-battery-1:before {
  content: "\f188";
  color: red;
}

.ui-icon-battery-2:before {
  content: "\f188";
  color: red;
}

.ui-icon-battery-3:before {
  content: "\f188";
  color: red;
}

.ui-icon-circle-plus:before {
  content: "\f188";
  color: red;
}

.ui-icon-circle-minus:before {
  content: "\f188";
  color: red;
}

.ui-icon-circle-close:before {
  content: "\f057";
}

.ui-icon-circle-triangle-e:before {
  content: "\f0da";
}

.ui-icon-circle-triangle-s:before {
  content: "\f0d7";
}

.ui-icon-circle-triangle-w:before {
  content: "\f0d9";
}

.ui-icon-circle-triangle-n:before {
  content: "\f0d8";
}

.ui-icon-circle-arrow-e:before {
  content: "\f0a9";
}

.ui-icon-circle-arrow-s:before {
  content: "\f0ab";
}

.ui-icon-circle-arrow-w:before {
  content: "\f0a8";
}

.ui-icon-circle-arrow-n:before {
  content: "\f0aa";
}

.ui-icon-circle-zoomin:before {
  content: "\f188";
  color: red;
}

.ui-icon-circle-zoomout:before {
  content: "\f188";
  color: red;
}

.ui-icon-circle-check:before {
  content: "\f188";
  color: red;
}

.ui-icon-circlesmall-plus:before {
  content: "\f188";
  color: red;
}

.ui-icon-circlesmall-minus:before {
  content: "\f188";
  color: red;
}

.ui-icon-circlesmall-close:before {
  content: "\f188";
  color: red;
}

.ui-icon-squaresmall-plus:before {
  content: "\f188";
  color: red;
}

.ui-icon-squaresmall-minus:before {
  content: "\f188";
  color: red;
}

.ui-icon-squaresmall-close:before {
  content: "\f188";
  color: red;
}

.ui-icon-grip-dotted-vertical:before {
  content: "\f188";
  color: red;
}

.ui-icon-grip-dotted-horizontal:before {
  content: "\f188";
  color: red;
}

.ui-icon-grip-solid-vertical:before {
  content: "\f188";
  color: red;
}

.ui-icon-grip-solid-horizontal:before {
  content: "\f188";
  color: red;
}

.ui-icon-gripsmall-diagonal-se:before {
  content: "\f188";
  color: red;
}

.ui-icon-grip-diagonal-se:before {
  content: "\f188";
  color: red;
}

.ui-growl-image-warn:before,
.ui-messages-warn-icon:before {
  background-image: none;
  font-family: FontAwesome;
  text-indent: 0 !important;
  content: "\f071";
}

.ui-growl-image-error:before,
.ui-growl-image-fatal:before,
.ui-messages-error-icon:before,
.ui-messages-fatal-icon:before {
  background-image: none;
  font-family: FontAwesome;
  text-indent: 0 !important;
  content: "\f06a";
}

.ui-messages-info-icon:before,
.ui-growl-image-info:before {
  background-image: none;
  font-family: FontAwesome;
  text-indent: 0 !important;
  content: "\f05a";
}

.ui-icon-19-clock:before {
  background-image: none;
  font-family: FontAwesome;
  text-indent: 0 !important;
  top: 0.25em;
  position: relative;
  content: "\f017";
}

.ui-icon-34-key:before {
  content: "\f084";
}

.ui-icon-35-screen:before {
  background-image: none;
  font-family: FontAwesome;
  text-indent: 0 !important;
  top: 0.25em;
  position: relative;
  content: "\f108";
}

.ui-icon-83-calendar:before {
  background-image: none;
  font-family: FontAwesome;
  text-indent: 0 !important;
  top: 0.25em;
  position: relative;
  content: "\f073";
}

.pac-icon :before {
  background-image: none;
  font-family: FontAwesome;
  text-indent: 0 !important;
  content: "\f041";
  font-size: 1.4em;
}

.fc-next-button,
.fc-prev-button {
  padding: 0 !important;
}

.ui-datepicker-header .ui-icon-circle-triangle-e:before,
.fc-button-group .ui-icon-circle-triangle-e:before {
  background-image: none;
  font-family: FontAwesome;
  text-indent: 0 !important;
  content: "\f061";
}
.ui-datepicker-header .ui-icon-circle-triangle-w:before,
.fc-button-group .ui-icon-circle-triangle-w:before {
  background-image: none;
  font-family: FontAwesome;
  text-indent: 0 !important;
  content: "\f060";
}

.ui-password-masked .ui-password-icon:before {
  content: "\f06e";
}

.ui-password-unmasked .ui-password-icon:before {
  content: "\f070";
}

.ui-password-masked .ui-password-icon, .ui-password-unmasked .ui-password-icon {
  background-image: none;
  font-family: FontAwesome;
  text-indent: 0 !important;
  line-height: 1.3em; /* needed because of line-height on .equalRowHeight */
  width: 1.3em;
  height: 1.3em;
  font-weight: normal !important;
  font-size: 1.3em;
}

.fc-button-group button {
  margin-left: 5px !important;
}

.statusicon {
  float: left;
}

/* don't just add .value span because that'll lower the selectOneMenu's and inputTexts as well, so that the labels are still positioned too high. */
div.topAlignedText, td.topAlignedText {
  vertical-align: top;
}
div.topAlignedText > label.label, div.topAlignedText > label.value,
div.topAlignedText > span.label,
div.topAlignedText > span.value,
div.topAlignedText > div.label,
div.topAlignedText > div.value, td.topAlignedText > label.label, td.topAlignedText > label.value,
td.topAlignedText > span.label,
td.topAlignedText > span.value,
td.topAlignedText > div.label,
td.topAlignedText > div.value {
  display: inline-block;
}
div.topAlignedText dl, td.topAlignedText dl {
  margin-top: 0;
}

.borderlessTable tbody > tr, .borderlessTable tbody > tr > td {
  border-width: 0 !important;
}

.ui-widget.ui-layout-west {
  width: 225px !important;
  padding: 0 1rem;
}
.ui-widget.ui-layout-west #infoFields td > div > span {
  max-width: calc(225px - 4rem);
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ui-widget.ui-layout-east {
  width: 216px !important;
  padding: 0 1rem 0 0;
}
.ui-widget.ui-layout-east .ui-datepicker {
  width: 16rem;
}
.ui-widget.ui-layout-west, .ui-widget.ui-layout-east {
  background: var(--background-color);
}
.ui-widget.ui-layout-west .ui-widget-content, .ui-widget.ui-layout-east .ui-widget-content {
  background-color: transparent;
}
.ui-widget.ui-layout-west .ui-layout-content, .ui-widget.ui-layout-east .ui-layout-content {
  overflow: auto;
}
.ui-widget.ui-layout-west .ui-layout-content.ui-panel-content, .ui-widget.ui-layout-east .ui-layout-content.ui-panel-content {
  padding: 0;
}
.ui-widget.ui-layout-west > .ui-widget-header, .ui-widget.ui-layout-east > .ui-widget-header {
  background: transparent;
}
.ui-widget.ui-layout-west .ui-accordion .ui-accordion-content, .ui-widget.ui-layout-east .ui-accordion .ui-accordion-content {
  padding: 0;
}
.ui-widget.ui-layout-west .ui-accordion .ui-accordion-content.ui-widget-content, .ui-widget.ui-layout-east .ui-accordion .ui-accordion-content.ui-widget-content {
  background-color: transparent;
}
.ui-widget.ui-layout-west table, .ui-widget.ui-layout-east table {
  height: 100%;
  width: 100%;
}
.ui-widget.ui-layout-west table .ui-button, .ui-widget.ui-layout-east table .ui-button {
  width: 100%;
}
.ui-widget.ui-layout-west table .ui-button, .ui-widget.ui-layout-west table .ui-button.dashboardButton, .ui-widget.ui-layout-west table .ui-button.frozenDashboardButton, .ui-widget.ui-layout-east table .ui-button, .ui-widget.ui-layout-east table .ui-button.dashboardButton, .ui-widget.ui-layout-east table .ui-button.frozenDashboardButton {
  background-color: var(--card-background-color);
  color: var(--foreground-color);
}
.ui-widget.ui-layout-west table .ui-button.ui-state-hover, .ui-widget.ui-layout-west table .ui-button.dashboardButton.ui-state-hover, .ui-widget.ui-layout-west table .ui-button.frozenDashboardButton.ui-state-hover, .ui-widget.ui-layout-east table .ui-button.ui-state-hover, .ui-widget.ui-layout-east table .ui-button.dashboardButton.ui-state-hover, .ui-widget.ui-layout-east table .ui-button.frozenDashboardButton.ui-state-hover {
  background-color: var(--line-color-soft);
}
.ui-widget.ui-layout-west table .ui-button.activeDashboardButton, .ui-widget.ui-layout-east table .ui-button.activeDashboardButton {
  background-color: var(--card-background-color);
  color: var(--active-color);
  font-weight: bold;
}
.ui-widget.ui-layout-west table .ui-button.activeDashboardButton.ui-state-hover, .ui-widget.ui-layout-east table .ui-button.activeDashboardButton.ui-state-hover {
  background-color: rgba(var(--active-r), var(--active-g), var(--active-b), 0.1);
}
.ui-widget.ui-layout-west .ui-datatable.list-style-table table, .ui-widget.ui-layout-east .ui-datatable.list-style-table table {
  table-layout: auto;
}
.ui-widget.ui-layout-west .ui-datatable.list-style-table tbody > tr > td:not(.placeholder), .ui-widget.ui-layout-east .ui-datatable.list-style-table tbody > tr > td:not(.placeholder) {
  padding: 0.3em 0 !important;
}

/* toggler and resizer
----------------------------------*/
body.ui-layout-container .ui-layout-toggler-east {
  left: -8px !important;
  width: 8px !important;
}
body.ui-layout-container .ui-layout-toggler-east-open, body.ui-layout-container .ui-layout-toggler-east-closed, body.ui-layout-container .ui-layout-toggler-west-open, body.ui-layout-container .ui-layout-toggler-west-closed {
  -webkit-font-smoothing: antialiased;
  -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
  transform: matrix(1, 0, 0, 1, 0, 0);
  font-family: FontAwesome;
  font-size: 8px !important;
  background-image: none;
  background-color: var(--surface-a);
}
body.ui-layout-container .ui-layout-toggler-east-open:before, body.ui-layout-container .ui-layout-toggler-east-closed:before, body.ui-layout-container .ui-layout-toggler-west-open:before, body.ui-layout-container .ui-layout-toggler-west-closed:before {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
body.ui-layout-container .ui-layout-toggler-east-closed:before, body.ui-layout-container .ui-layout-toggler-west-open:before {
  content: "\f0d9";
}
body.ui-layout-container .ui-layout-toggler-east-open:before, body.ui-layout-container .ui-layout-toggler-west-closed:before {
  content: "\f0da";
}
body.ui-layout-container .ui-layout-resizer {
  overflow: visible !important;
}
body.ui-layout-container .ui-layout-resizer-north, body.ui-layout-container .ui-layout-resizer-south {
  display: none !important; /* !important to overrule the element style */
}
body.ui-layout-container .ui-layout-resizer-west, body.ui-layout-container .ui-layout-resizer-west-dragging, body.ui-layout-container .ui-layout-resizer-west-open-hover, body.ui-layout-container .ui-layout-resizer-east, body.ui-layout-container .ui-layout-resizer-east-dragging, body.ui-layout-container .ui-layout-resizer-east-open-hover, body.ui-layout-container .ui-layout-resizer-north, body.ui-layout-container .ui-layout-resizer-north-dragging, body.ui-layout-container .ui-layout-resizer-north-open-hover, body.ui-layout-container .ui-layout-resizer-south, body.ui-layout-container .ui-layout-resizer-south-dragging, body.ui-layout-container .ui-layout-resizer-south-open-hover {
  background-color: var(--card-background-color);
}
body.ui-layout-container .ui-layout-resizer-east, body.ui-layout-container .ui-layout-resizer-east-dragging, body.ui-layout-container .ui-layout-resizer-east-open-hover {
  background-color: var(--background-color);
  width: 8px !important;
}

.sidebarHeader {
  font-weight: bold;
  display: block;
  text-transform: capitalize;
  padding: 0.3em;
  font-size: 1.2em;
  text-align: center;
  font-family: var(--heading-font-family);
}

.sidebarSubHeader {
  font-weight: bold;
  display: block;
  text-transform: capitalize;
  padding: 0.3em;
  text-align: left;
  border-bottom: 1px solid !important;
  margin: 1em 0;
}

.sidebarSubFooter {
  font-weight: bold;
  display: block;
  text-transform: capitalize;
  border-top: 1px solid !important;
  text-align: left;
  margin: 0.4em 0;
}

.fieldSetNavigator {
  padding: 0 !important;
  margin: 0;
}
.fieldSetNavigator .ui-fieldset-legend {
  background: none;
  border-bottom: none !important;
}

.navigator-form-right {
  height: 99%;
  overflow: auto;
  padding-right: 0.5rem;
}

.borderLineRowsHiddenEmpty,
.borderLineRows {
  border-collapse: collapse;
}
.borderLineRowsHiddenEmpty td,
.borderLineRows td {
  padding: 0 0.3rem;
  margin: 0;
}

.borderLineRowsHiddenEmpty td div.ui-outputpanel,
.borderLineRows td {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--border-color);
  padding: 0.7rem 0 0.5rem 0;
}

.navigatorPanel.ui-panel .ui-panel-content {
  padding: 0;
}

.ui-blockui-content.ui-widget-content {
  background-color: transparent;
  box-shadow: none;
}

/* dropdown menu (selectonemenu)
----------------------------------*/
.ui-widget .ui-selectonemenu,
.ui-widget .ui-selectcheckboxmenu {
  border-bottom: 1px solid var(--primary-color);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.ui-widget .ui-selectonemenu-label,
.ui-widget .ui-selectcheckboxmenu-label {
  line-height: 2rem;
  padding-left: 1rem;
}
.ui-widget .ui-selectonemenu-label .ui-inputfield,
.ui-widget .ui-selectcheckboxmenu-label .ui-inputfield {
  padding: 0.5rem;
}
.ui-widget .ui-selectonemenu-trigger,
.ui-widget .ui-selectcheckboxmenu-trigger {
  text-align: center;
  padding: 0 1rem;
}
.ui-widget input.ui-selectonemenu-filter[type=text], .ui-widget input.ui-selectcheckboxmenu-filter[type=text] {
  padding: 0.5rem;
}

.ui-widget .ui-selectonemenu input.ui-selectonemenu-label,
.ui-widget .ui-selectcheckboxmenu input.ui-selectonemenu-label {
  cursor: text;
  border: 0;
  color: var(--foreground-color);
}
.ui-widget.ui-selectonemenu-panel .ui-selectonemenu-list {
  padding: 0;
}
.ui-widget.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-list-item, .ui-widget.ui-selectonemenu-panel .ui-selectonemenu-items option {
  border-radius: 0;
  padding: 0.6rem;
  margin: 0;
  border-left-width: 0.4rem;
  border-left-style: solid;
  border-left-color: transparent;
}
.ui-widget.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-list-item.ui-state-hover, .ui-widget.ui-selectonemenu-panel .ui-selectonemenu-items option.ui-state-hover {
  border-left-color: var(--border-color);
}
.ui-widget.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-list-item.ui-state-highlight, .ui-widget.ui-selectonemenu-panel .ui-selectonemenu-items option.ui-state-highlight {
  border-left-color: var(--active-color);
}
.ui-widget.ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-list-item:not(:last-child), .ui-widget.ui-selectonemenu-panel .ui-selectonemenu-items option:not(:last-child) {
  border-bottom: 1px solid var(--background-color);
}
.ui-widget .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
  top: 1rem;
}

select {
  color: var(--foreground-color);
  background-color: var(--background-color);
}

/* breadcrumbs
-----------------------*/
.breadcrumb-panel,
.breadcrumbs {
  overflow: hidden;
}

.breadcrumbs .ui-dataview-list-container {
  height: 33px;
  overflow: hidden;
  position: relative;
  display: flex;
}
.breadcrumbs .ui-dataview-list-container .bentry,
.breadcrumbs .ui-dataview-list-container .bccontent {
  display: block;
  height: 33px;
}
.breadcrumbs .ui-dataview-list-container li {
  flex-grow: 1;
}
.breadcrumbs .ui-dataview-list-container li .bcentry {
  -webkit-tap-highlight-color: transparent;
  color: var(--foreground-color);
  text-decoration: none;
  background: var(--line-color-soft);
  position: relative;
  padding-top: 2px;
}
.breadcrumbs .ui-dataview-list-container li .bcentry::after, .breadcrumbs .ui-dataview-list-container li .bcentry::before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 50px solid transparent; /* Go big on the size, and let overflow hide */
  border-bottom: 50px solid transparent;
  position: absolute;
  top: 50%;
  margin-top: -50px;
  left: 100%;
  border-left-width: 30px;
  border-left-style: solid;
}
.breadcrumbs .ui-dataview-list-container li .bcentry::after {
  border-left-color: var(--line-color-soft);
  z-index: 2;
}
.breadcrumbs .ui-dataview-list-container li .bcentry::before {
  border-left-color: var(--card-background-color);
  margin-left: 0.3rem;
  z-index: 1;
}
.breadcrumbs .ui-dataview-list-container li .bcentry.completed {
  background: var(--primary-color);
  color: var(--background-color);
}
.breadcrumbs .ui-dataview-list-container li .bcentry.completed::after {
  border-left-color: var(--primary-color);
}
.breadcrumbs .ui-dataview-list-container li .bcentry.active {
  color: var(--active-color);
  background-color: var(--card-background-color);
}
.breadcrumbs .ui-dataview-list-container li .bcentry.active::after {
  border-left-color: var(--card-background-color);
}
.breadcrumbs .ui-dataview-list-container li .bcentry.inactive, .breadcrumbs .ui-dataview-list-container li .bcentry.inactive::after {
  border-left-color: var(--line-color-soft);
  color: var(--line-color-hard);
}
.breadcrumbs .ui-dataview-list-container li .bcentry.inactive, .breadcrumbs .ui-dataview-list-container li .bcentry.inactive:hover,
.breadcrumbs .ui-dataview-list-container li .bcentry.inactive .bccontent,
.breadcrumbs .ui-dataview-list-container li .bcentry.inactive .bccontent:hover, .breadcrumbs .ui-dataview-list-container li .bcentry.completed, .breadcrumbs .ui-dataview-list-container li .bcentry.completed:hover,
.breadcrumbs .ui-dataview-list-container li .bcentry.completed .bccontent,
.breadcrumbs .ui-dataview-list-container li .bcentry.completed .bccontent:hover {
  cursor: default;
  pointer-events: none;
}
.breadcrumbs .ui-dataview-list-container li .bcentry .bccontent {
  text-align: center;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.breadcrumbs .ui-dataview-list-container li .bcentry .bccontent,
.breadcrumbs .ui-dataview-list-container li .bcentry .bccontent .statusicon {
  line-height: 30px;
}
.breadcrumbs .ui-dataview-list-container li:first-child {
  border-left: 0 solid transparent;
  margin-left: 0;
}
.breadcrumbs .ui-dataview-list-container li:first-child .bcentry {
  padding-left: 10px;
}
.breadcrumbs .ui-dataview-list-container li:first-child .bcentry .bccontent {
  padding-left: 1em;
}
.breadcrumbs .ui-dataview-list-container li:not(:first-child) .bcentry {
  padding-left: 4rem;
}
.breadcrumbs .ui-dataview-list-container li:last-child, .breadcrumbs .ui-dataview-list-container li:last-child.active, .breadcrumbs .ui-dataview-list-container li:last-child:hover {
  border-right: 0;
}
.breadcrumbs .ui-dataview-list-container li:last-child .bcentry {
  padding-right: 0;
}
.breadcrumbs .ui-dataview-list-container li:last-child .bcentry::after {
  border: 0;
}
.breadcrumbs .ui-dataview-list-container li:last-child .bcentry .bccontent {
  padding-right: 1rem;
}
.breadcrumbs .ui-dataview-list-container .breadcrumbs.dossierstatus .ui-dataview-list-container li {
  width: 20%;
}
/* input fields
 * class input text        : ui-widget ui-state-default ui-inputtext ui-inputfield  ui-corner-all
 * class password          : ui-widget ui-state-default ui-password  ui-inputfield ui-corner-all
 * class select one menu   : ui-widget ui-state-default ui-selectonemenu ui-corner-all
 * class menu filter       : ui-widget ui-state-default ui-inputtext ui-inputfield ui-selectonemenu-filter ui-corner-all
 *
 * ui states:
 *  - ui-state-default (always)
 *  - ui-state-hover
 *  - ui-state-focus
 *  - ui-state-active
 *
 * ui-corner:
 * -left : input is positioned at the left. The right is connected to another
 * -right: input is positioned at the right. The left side is connected to another
 * -all: input is free
 * (missing ui-corner): input is connected at both sides (middle of tri-state-button)
----------------------------------*/
.ui-widget input.ui-inputtext, .ui-widget input.ui-password, .ui-widget input[type=text], .ui-widget input[type=password], .ui-widget input[type=tel], .ui-widget input[type=email], .ui-widget input[type=number] {
  padding: 0.5rem;
  background-color: var(--card-background-color);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--border-color);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--border-color);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--border-color);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--border-color);
  outline: none;
}
.ui-widget .ui-inputgroup {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--border-color);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--border-color);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--border-color);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--border-color);
}
.ui-widget .ui-inputgroup input.ui-inputtext, .ui-widget .ui-inputgroup input.ui-password, .ui-widget .ui-inputgroup input[type=text], .ui-widget .ui-inputgroup input[type=password], .ui-widget .ui-inputgroup input[type=tel], .ui-widget .ui-inputgroup input[type=email], .ui-widget .ui-inputgroup input[type=number] {
  border-width: 0;
}
.ui-widget textarea {
  padding: 1rem;
  background-color: var(--card-background-color);
  border-width: 1px;
  border-style: solid;
  border-color: var(--border-color);
  outline: none;
  resize: vertical;
}

input[type=password] {
  font-family: FontAwesome, sans-serif; /* To load FontAwesome and get rid of the spinning square that is replaced by fa-spinner after half a second. */
}

.ui-password input {
  line-height: 1.2rem;
  font-family: monospace;
}

/* score/claims button
 * ui-button ui-widget ui-state-default ui-button-text-only ui-corner-left
----------------------------------*/
.ui-button {
  border-width: 0;
  background-color: var(--background-color);
}
.ui-button:not(.ui-spinner-button) {
  min-width: 10rem;
  min-height: 2.2rem;
}
.ui-buttonset > .ui-button, .ui-dialog-footer .ui-button {
  min-width: 1rem;
}

.ui-datepicker .ui-button {
  min-width: 1rem;
  width: 100%;
}

.ui-button.ui-fileupload-choose {
  background-color: transparent;
}
.ui-button.ui-priority-primary {
  background-color: var(--priority-color) !important;
  color: var(--accessible-priority-color) !important;
}
.ui-button.ui-priority-primary.ui-state-hover {
  background-color: var(--priority-color-hover) !important;
}
.ui-button.ui-corner-left, .ui-button.ui-corner-all {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}
.ui-button.ui-corner-right, .ui-button.ui-corner-all {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}
.ui-button.ui-state-active {
  background-color: var(--primary-color);
  color: var(--accessible-primary-color);
}
.ui-button.ui-state-hover {
  background-color: var(--primary-color-hover);
  color: var(--accessible-primary-color);
}
.ui-button.ui-state-hover.ui-priority-primary {
  background-color: var(--priority-color);
  color: var(--accessible-primary-color);
}
.ui-button.ui-button-icon-only {
  min-width: 2rem;
  font-weight: normal !important;
}
.ui-button.ui-button-icon-only .ui-button-text {
  color: transparent;
}
.ui-button.ui-button-icon-only .ui-icon {
  margin-left: -0.6rem;
}
.ui-button.ui-button-icon-only.appswitch {
  width: 100%;
  height: 46px;
}
.ui-button.ui-button-icon-only.appswitch .ui-icon.fa.fa-2x, .ui-button.ui-button-icon-only.appswitch .ui-icon.ubicon-2x {
  margin-top: calc(-1.3 * var(--font-size));
  margin-left: calc(-1 * var(--font-size));
}
.ui-button.ui-button-icon-only > span {
  padding: 0 !important;
}
.ui-button.ui-button-icon-only > span.fa.fa-2x {
  font-size: 2.2em;
}
.ui-button.ui-button-text-icon-left .ui-button-text {
  padding: 0.5rem 0.5rem 0.5rem 2.4rem;
}
.ui-button.ui-button-text-only .ui-button-text {
  padding: 0.5rem;
  min-width: 3rem;
}
.ui-button .ui-button-text {
  display: inline-block !important;
}

.frozenDashboardButton {
  cursor: default;
  opacity: 0.6;
}

ui-paginator-next, ui-paginator-prev {
  text-indent: -999999;
}

.ui-buttonset {
  white-space: nowrap;
}

/* Fieldset and accordion
----------------------------------*/
.ui-widget .ui-accordion {
  padding: 1rem;
}
.ui-widget .ui-accordion .ui-tabs-outline {
  outline: none;
}
.ui-widget .ui-accordion .ui-accordion-header {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--line-color-hard);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: bold;
  font-family: var(--heading-font-family);
  font-size: 1.2rem;
  z-index: 1;
}
.ui-widget .ui-accordion .ui-accordion-header.ui-state-hover {
  background-color: var(--background-color);
}
.ui-widget .ui-fieldset {
  padding-left: 0 !important;
  border: 0;
}
.ui-widget .ui-fieldset-content {
  padding: 1em 2.2em;
}
.ui-widget .ui-fieldset .ui-fieldset-legend {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--line-color-hard);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  font-weight: bold;
  font-family: var(--heading-font-family);
  font-size: 1.2rem;
  padding: 0.5em 0 !important;
  width: 100%;
}
.ui-widget .ui-fieldset .ui-fieldset-toggleable .ui-fieldset-legend.ui-state-hover {
  background-color: var(--background-color);
}

.ui-accordion-header .fa,
.ui-fieldset legend .fa {
  max-width: 2em;
  width: 2em;
}

.ui-widget.ui-chkbox {
  cursor: default;
}
.ui-widget.ui-chkbox .ui-chkbox-label {
  vertical-align: baseline;
}
.ui-widget.ui-chkbox .ui-chkbox-box {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--border-color);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--border-color);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--border-color);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--border-color);
}
.ui-widget.ui-chkbox .ui-chkbox-box.ui-state-hover {
  border-color: var(--active-color-hover);
}
.ui-widget.ui-chkbox .ui-chkbox-icon {
  padding-left: 0.1rem;
  color: var(--primary-color);
}

/* datatable
----------------------------------*/
.ui-datatable table {
  border-collapse: separate !important;
}
.ui-datatable thead th {
  text-align: left !important;
  vertical-align: top;
}
.ui-datatable tr.ui-state-highlight, .ui-datatable tr:hover {
  color: var(--active-color);
}
.ui-datatable-selectable.ui-state-hover span {
  color: var(--active-color);
}
.ui-datatable.hide-table-header th {
  display: none;
}
.ui-datatable:not(.hide-table-header) th:not(.placeholder) {
  font-weight: bold;
  color: var(--foreground-color);
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--foreground-color);
}
.ui-datatable:not(.hide-table-borders) tbody > tr > td:not(.placeholder),
.ui-datatable:not(.hide-table-borders) tfoot > tr > td:not(.placeholder) {
  border-bottom: 1px solid var(--line-color-soft) !important;
}
.ui-datatable :not(.small-table-rows) tbody > tr > td:not(.placeholder),
.ui-datatable :not(.small-table-rows) tfoot > tr > td:not(.placeholder) {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  line-height: 2.5em;
}
@media screen and (max-height: 768px) {
  .ui-datatable :not(.small-table-rows) tbody > tr > td:not(.placeholder),
  .ui-datatable :not(.small-table-rows) tfoot > tr > td:not(.placeholder) {
    /* small screen */
    line-height: 1.8em;
  }
}
.ui-datatable.small-table-rows tfoot > tr > td:not(.placeholder),
.ui-datatable.small-table-rows tbody > tr > td:not(.placeholder) {
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  white-space: nowrap;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.ui-datatable.wrapping-text-rows tbody > tr > td:not(.placeholder) {
  white-space: normal;
}
.ui-datatable.list-style-table, .ui-datatable.list-style-table th {
  border: 0;
}
.ui-datatable.list-style-table table {
  border-collapse: collapse !important;
}
.ui-datatable.list-style-table tbody > tr > td:not(.placeholder) {
  padding-left: 1em !important;
  line-height: 1em;
}
.ui-datatable.list-style-table .ui-widget-content {
  background-color: transparent;
}
.ui-datatable .ui-datatable-tablewrapper {
  margin-top: 0.5em;
}
.ui-datatable .ui-datatable-tablewrapper th.ui-state-default,
.ui-datatable .ui-datatable-tablewrapper .ui-widget-header .ui-state-default:not(.ui-button) {
  border-top: none;
  border-left: none;
  border-right: none;
}
.ui-datatable .ui-inputfield.ui-inputtext {
  padding: 0.3rem;
}

.ui-datatable-empty-message td {
  color: var(--border-color);
}

th.tableHeader {
  text-align: left !important;
  vertical-align: top;
  border: red;
}

.placeholder {
  color: transparent !important;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: transparent !important;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: transparent !important;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: transparent !important;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: transparent !important;
  background-color: transparent !important;
}

span.ui-sortable-column-icon {
  float: right;
  padding-top: 0.3em;
  text-align: right;
  min-width: 0.6em;
  width: 0.6em;
}

.ui-column-title {
  overflow: hidden;
  float: left;
  text-overflow: ellipsis;
  width: -moz-calc(100% - 0.8em);
  width: -webkit-calc(100% - 0.8em);
  width: calc(100% - 0.8em);
  white-space: nowrap;
  font-family: var(--heading-font-family);
}

#profitabilityReportGrid .noBottomBorderLastRow tbody > tr:last-child > td {
  border-bottom: none !important;
}

.dataTableColLikePanelCol {
  padding: 4px 10px !important;
}

.dataTableFooterNoRightPadding .ui-datatable-footer {
  padding-right: 0 !important;
}

.bigLayoutColumn {
  width: 450px !important;
  vertical-align: top !important;
  padding: 2px !important;
}

.smallLayoutColumn {
  width: 200px !important;
  vertical-align: top !important;
  padding: 2px !important;
}

.rowHeight20px {
  height: 20px;
}

.noHover .ui-datagrid-column .ui-widget-content:hover,
.noHover .ui-datatable-selectable.ui-state-hover {
  background-color: transparent;
}

/* dialog
----------------------------------*/
.ui-widget.ui-dialog .ui-dialog-titlebar {
  padding: 0;
}
.ui-widget.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
  margin: 0.7rem;
  color: var(--primary-color);
}
.ui-widget.ui-dialog .ui-dialog-titlebar-close, .ui-widget.ui-dialog .ui-dialog-titlebar-close:hover, .ui-widget.ui-dialog .ui-dialog-titlebar-close:focus {
  padding: 0.7rem;
}
.ui-widget.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick {
  text-align: center;
}
.ui-widget.ui-dialog .ui-dialog-titlebar-close.ui-state-hover {
  background: var(--danger-color);
  color: var(--background-color);
}
.ui-widget.ui-dialog .ui-dialog-titlebar,
.ui-widget.ui-dialog .ui-dialog-content {
  background-color: var(--line-color-soft);
}
.ui-widget.ui-dialog .ui-dialog-titlebar form,
.ui-widget.ui-dialog .ui-dialog-content form {
  background: var(--card-background-color);
}
.ui-widget.ui-dialog .ui-dialog-titlebar iframe,
.ui-widget.ui-dialog .ui-dialog-content iframe {
  background-color: var(--card-background-color);
}

.ui-panel .ui-panel-title {
  display: flex;
  font-weight: bold;
  font-family: var(--heading-font-family);
  font-size: 1.2rem;
  font-size: 1rem;
}
#overviewHeaderPanel.ui-panel {
  margin-bottom: 1.5rem;
}

.ui-panel.no-right-padding .ui-panel-content {
  padding-right: 0;
}

.saveBtnPanel {
  padding: 1em;
  display: flex;
}
.saveBtnPanel .ui-button {
  min-width: 1rem;
  margin-right: 0.5em;
  flex-grow: 1;
  flex-basis: 0;
}

.saveBtnPanelFixed {
  position: fixed;
  display: block;
  z-index: 99;
  bottom: 3em;
  padding: 0;
  background-color: var(--card-background-color);
  width: 73%;
}

/* tabs
----------------------------------*/
.ui-tabs.ui-tabs-top .ui-tabs-nav {
  margin-left: 3rem;
  overflow: hidden;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #cccccc;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  outline: var(--active-color);
  margin: 0 0.2em;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-header {
  top: 0;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li a {
  min-width: 10em;
  text-align: center;
  border-bottom-width: 0.4rem;
  border-bottom-style: solid;
  border-bottom-color: transparent;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-default a, .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-default a:link, .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-default a:visited {
  color: var(--primary-color);
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a:link, .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-tabs-selected a:visited {
  cursor: default;
  border-bottom-color: var(--active-color);
  color: var(--foreground-color);
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-hover {
  background-color: transparent;
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-hover a, .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-hover a:link, .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-hover a:visited {
  border-bottom-color: var(--active-color-hover);
}
.ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-disabled a, .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-disabled a:link, .ui-tabs.ui-tabs-top .ui-tabs-nav li.ui-state-disabled a:visited {
  color: var(--foreground-readonly-color);
}

/* wizard
----------------------------------*/
.ui-wizard .ui-wizard-step-titles {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--border-color);
  margin: 0 2rem !important;
  overflow: hidden;
  background-color: var(--card-background-color);
}
.ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
  font-size: 1rem;
  padding-left: 1em;
  padding-right: 1em;
  border: 0;
}
.ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
  font-weight: bold;
  background-color: transparent;
  border-bottom-width: 0.4rem;
  border-bottom-style: solid;
  border-bottom-color: var(--active-color);
}

/* slider
----------------------------------*/
.ui-widget .ui-slider {
  background-color: var(--border-color);
}
.ui-widget .ui-slider .ui-slider-handle {
  background-color: var(--primary-color);
}
.ui-widget .ui-slider .sliderLabel {
  display: block;
  width: 100%;
  text-align: center;
  padding: 0.5em 0;
}
.ui-widget .ui-slider .ui-slider-range {
  background-color: var(--active-color);
}

/* Color picker
---------------- */
.ui-colorpicker button > span.ui-button-text > span {
  border: 0 !important;
  width: initial !important;
  height: initial !important;
  color: transparent;
}

/* Radio button
----------------- */
.ui-radiobutton .ui-radiobutton-box {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--border-color);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--border-color);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--border-color);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--border-color);
}
.ui-radiobutton .ui-radiobutton-box.ui-state-active {
  color: transparent;
  border-color: var(--active-color);
  border-width: 0.45rem;
}
.ui-radiobutton .ui-radiobutton-box.ui-state-hover {
  border-color: var(--active-color-hover);
}

/*  Spinner
----------- */
.ui-widget .ui-spinner .ui-icon {
  left: 0.3rem;
  top: 1.2rem;
}

/* progress bar
-------------------------*/
.progress-bar {
  margin-left: 30px;
  padding: 20px 2em;
}
.progress-bar .state {
  position: relative;
  float: left;
  width: 33.333333%;
  height: 6px;
  margin: 30px 0 30px;
  background-color: var(--border-color);
}
.progress-bar .state:first-child {
  width: 30px;
  margin-left: -30px;
}
.progress-bar .state:first-child .tooltip {
  margin-right: -220px;
}
.progress-bar .state:first-child .tooltip:after {
  left: 20px;
}
.progress-bar .state:last-child .tooltip {
  margin-right: -20px;
}
.progress-bar .state:last-child .tooltip:after {
  left: 220px;
}
.progress-bar .state.current .icon {
  cursor: pointer;
}
.progress-bar .state .icon {
  position: absolute;
  top: -11px;
  right: 0;
  width: 30px;
  height: 30px;
  background-color: var(--border-color);
  border-radius: 20px;
  color: #ffffff;
  font-size: 25px;
  line-height: 30px;
  text-align: center;
}
.progress-bar .state .label {
  position: absolute;
  bottom: -35px;
  right: 20px;
  width: 140px;
  margin-right: -70px;
  text-align: center;
  color: var(--border-color);
  font-size: 1.1em;
}
.progress-bar .state .date {
  position: absolute;
  bottom: 35px;
  right: 20px;
  width: 140px;
  margin-right: -70px;
  text-align: center;
  color: var(--border-color);
}
.progress-bar .state .tooltip {
  position: absolute;
  bottom: 100%;
  right: 20px;
  width: 240px;
  margin: 30px -120px 30px 0;
  padding: 15px;
  font-size: 13px;
  line-height: 1.6em;
  text-align: center;
  -webkit-transition: opacity 0.2s ease-in-out 0s;
  transition: opacity 0.2s ease-in-out 0s;
}
.progress-bar .state .tooltip.active {
  z-index: 100;
  opacity: 1;
}
.progress-bar .state .tooltip .tt-close {
  position: absolute;
  top: 2px;
  right: 7px;
  font-size: 1.8em;
  font-weight: 700;
  cursor: pointer;
}
.progress-bar .state.active {
  background-color: var(--active-color);
}
.progress-bar .state.active .date,
.progress-bar .state.active .label {
  color: var(--active-color);
}
.progress-bar .state.active .icon {
  background-color: var(--active-color);
}

.ui-selectonebutton .ui-button {
  border: 0.2rem solid var(--background-color);
  background-color: var(--background-color);
}
.ui-selectonebutton .ui-button.ui-state-active {
  border-color: var(--primary-color);
  color: var(--primary-color);
}
.ui-selectonebutton .ui-button.ui-state-hover {
  background-color: var(--primary-color-hover);
  color: var(--accessible-primary-color);
}

/* dropdown menu (selectonemenu)
----------------------------------*/
.ui-widget .ui-autocomplete.col200px input, .ui-widget.ui-fluid .ui-autocomplete.col200px input {
  width: 179px;
}
.ui-widget .ui-autocomplete .ui-inputfield.ui-autocomplete-dd-input, .ui-widget.ui-fluid .ui-autocomplete .ui-inputfield.ui-autocomplete-dd-input {
  width: calc(100% - 3rem);
}
.ui-widget .ui-autocomplete-panel, .ui-widget.ui-fluid .ui-autocomplete-panel {
  max-height: 95%;
}
.ui-widget button.ui-autocomplete-dropdown, .ui-widget.ui-fluid button.ui-autocomplete-dropdown {
  background-color: var(--border-color);
}

body .ui-toggleswitch {
  position: relative;
  display: inline-block;
  width: 3rem;
  height: 1.75rem;
}
body .ui-toggleswitch .ui-toggleswitch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: var(--border-color);
  transition: background-color 0.15s, color 0.15s, border-color 0.15s, box-shadow 0.15s;
  border-radius: 1rem;
}
body .ui-toggleswitch .ui-toggleswitch-slider:before {
  position: absolute;
  content: "";
  top: 50%;
  background: var(--foreground-color);
  width: 1.25rem;
  height: 1.25rem;
  left: 0.25rem;
  margin-top: -0.625rem;
  border-radius: 1rem;
  transition: transform 0.15s;
}
body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
  transform: translateX(1.25rem);
}
body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
  background: var(--active-color);
}
body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
  background: var(--background-color);
}

.ui-widget {
  cursor: default;
}
.ui-widget.ui-carousel .ui-carousel-content .ui-carousel-indicators .ui-carousel-indicator {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 50%;
  border-color: var(--border-color);
  border-width: 1px;
  border-style: solid;
  margin: 0.2rem;
}
.ui-widget.ui-carousel .ui-carousel-content .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight {
  background-color: var(--active-color);
}

@media screen and (min-height: 769px) {
  /* large screen */
  :root {
    --font-size: var(--font-size-base);
  }
}
@media screen and (max-height: 768px) {
  /* small screen */
  :root {
    --font-size: calc(var(--font-size-base) - 1px);
  }
}
.ub-login-body {
  padding: 8vh 0 0 0;
  background-image: linear-gradient(to top, var(--login-gradient-bottom), var(--login-gradient-top));
  background-image: -ms-linear-gradient(bottom, var(--login-gradient-bottom), var(--login-gradient-top));
  background-image: -moz-linear-gradient(bottom, var(--login-gradient-bottom), var(--login-gradient-top));
  background-image: -o-linear-gradient(bottom, var(--login-gradient-bottom), var(--login-gradient-top));
  background-image: -webkit-linear-gradient(bottom, var(--login-gradient-bottom), var(--login-gradient-top));
}
.ub-login-body * {
  font-size: 18px;
  line-height: 1.7rem;
}
.ub-login-body .card {
  background: var(--card-background-color);
}
.ub-login-body,
.ub-login-body .ui-messages,
.ub-login-body input,
.ub-login-body textarea,
.ub-login-body keygen,
.ub-login-body select,
.ub-login-body button {
  font-weight: bold;
}
.ub-login-body .ui-fluid .ui-button.loginButton {
  margin-top: -2px;
  width: 100% !important;
}
.ub-login-body .ui-messages,
.ub-login-body .ui-message {
  text-align: left;
}
.ub-login-body .ui-messages.ui-widget ul,
.ub-login-body .ui-message.ui-widget ul {
  display: block;
}
.ub-login-body .ui-messages-info, .ub-login-body .ui-messages-error, .ub-login-body .ui-messages-warn, .ub-login-body .ui-messages-fatal,
.ub-login-body .ui-message-info,
.ub-login-body .ui-message-error,
.ub-login-body .ui-message-warn,
.ub-login-body .ui-message-fatal {
  padding: 2em 2.5em !important;
}
.ub-login-body .ui-messages-info-summary, .ub-login-body .ui-messages-error-summary, .ub-login-body .ui-messages-warn-summary, .ub-login-body .ui-messages-fatal-summary,
.ub-login-body .ui-message-info-summary,
.ub-login-body .ui-message-error-summary,
.ub-login-body .ui-message-warn-summary,
.ub-login-body .ui-message-fatal-summary {
  margin-left: 3em !important;
  display: block;
}
.ub-login-body .ui-messages-info-icon, .ub-login-body .ui-messages-error-icon, .ub-login-body .ui-messages-warn-icon, .ub-login-body .ui-messages-fatal-icon,
.ub-login-body .ui-message-info-icon,
.ub-login-body .ui-message-error-icon,
.ub-login-body .ui-message-warn-icon,
.ub-login-body .ui-message-fatal-icon {
  height: 2.3em !important;
  width: 2.3em !important;
  margin-top: 0 !important;
}
.ub-login-body .motd {
  border-top: 1px solid var(--border-color);
  margin-top: 1em;
  text-align: center;
}
.ub-login-body .motd a {
  color: var(--primary-color);
  text-decoration: none;
}
.ub-login-body .motd a .motd-msg-info:before {
  font-family: FontAwesome;
  content: "\f05a";
}
.ub-login-body .motd a .motd-msg-warn-text {
  color: #e26700;
}
.ub-login-body .motd a .motd-msg-warn:before {
  color: #e26700;
  font-family: FontAwesome;
  content: "\f071";
}
.ub-login-body .motd .p-grid {
  align-items: center;
}
.ub-login-body .motd .motdImg {
  max-width: 100%;
}
.ub-login-body .motd .motdMessageText {
  white-space: pre-line;
  text-align: left;
}
.ub-login-body .forgot-password a:hover {
  padding-bottom: 0.2em;
  border-bottom: 3px solid lightgrey;
}
.ub-login-body .loginInput {
  width: 100% !important;
}
.ub-login-body #loginBanner {
  text-align: center;
  padding-top: 1em;
}
.ub-login-body #loginBanner #ubench-logo {
  width: 10rem;
  fill: var(--foreground-color);
  padding: 1rem 0;
}
.ub-login-body #login-wrapper {
  margin: 0 auto;
  max-width: 600px;
  -webkit-box-shadow: 2px 5px 19px 0 var(--shadow-color);
  -moz-box-shadow: 2px 5px 19px 0 var(--shadow-color);
  box-shadow: 2px 5px 19px 0 var(--shadow-color);
}
.ub-login-body #login-wrapper #login-container {
  padding: 1em;
}
.ub-login-body .draft {
  position: absolute;
  margin-left: -3em;
  margin-top: -2em;
  height: 6em;
}
.ub-login-body #login-wrapper #login-container .p-col-12, .ub-login-body #login-wrapper #login-container .p-col-6 {
  padding: 0.5em;
}
.ub-login-body #login-wrapper #login-container .p-col-12.p-col-nopad {
  padding: 0;
}

@media (max-width: 600px) {
  .ub-login-body {
    padding: 0;
  }
  .ub-login-body .ui-panel .ui-panel-content {
    padding: 0;
  }
  .ub-login-body #login-wrapper #login-container {
    min-height: 100%;
    min-width: 100%;
  }
  .ub-login-body .ui-messages .ui-messages-error-icon,
  .ub-login-body .ui-message .ui-message-error-icon {
    display: none;
  }
  .ub-login-body .ui-messages,
  .ub-login-body .ui-message {
    text-align: left;
  }
  .ub-login-body .ui-messages.ui-widget ul,
  .ub-login-body .ui-message.ui-widget ul {
    display: block;
  }
  .ub-login-body .ui-messages-info, .ub-login-body .ui-messages-error, .ub-login-body .ui-messages-warn, .ub-login-body .ui-messages-fatal,
  .ub-login-body .ui-message-info,
  .ub-login-body .ui-message-error,
  .ub-login-body .ui-message-warn,
  .ub-login-body .ui-message-fatal {
    padding: 2em 2.5em !important;
  }
  .ub-login-body .ui-messages-info-summary, .ub-login-body .ui-messages-error-summary, .ub-login-body .ui-messages-warn-summary, .ub-login-body .ui-messages-fatal-summary,
  .ub-login-body .ui-message-info-summary,
  .ub-login-body .ui-message-error-summary,
  .ub-login-body .ui-message-warn-summary,
  .ub-login-body .ui-message-fatal-summary {
    margin-left: 0 !important;
  }
  .ub-login-body .motd .motdMessageText {
    text-align: center;
  }
}
.ui-layout-north.ui-panel {
  padding: 0;
  border-bottom: 0px solid var(--header-color);
}

.ui-layout-south.pe-layout-pane-content, .ui-layout-south.pe-layout-pane-content .ui-widget,
.ui-layout-north.pe-layout-pane-content,
.ui-layout-north.pe-layout-pane-content .ui-widget {
  overflow: hidden;
  background-color: var(--header-color);
  color: var(--accessible-header-color);
}
.ui-layout-south.pe-layout-pane-content .bottomCol3, .ui-layout-south.pe-layout-pane-content .ui-widget .bottomCol3,
.ui-layout-north.pe-layout-pane-content .bottomCol3,
.ui-layout-north.pe-layout-pane-content .ui-widget .bottomCol3 {
  color: var(--accessible-header-color);
}
.ui-layout-south.pe-layout-pane-content input[type=text], .ui-layout-south.pe-layout-pane-content .ui-widget input[type=text],
.ui-layout-north.pe-layout-pane-content input[type=text],
.ui-layout-north.pe-layout-pane-content .ui-widget input[type=text] {
  padding: 0.5rem;
  background-color: var(--background-color);
  color: var(--foreground-color);
}
.ui-layout-south.pe-layout-pane-content .ui-button,
.ui-layout-north.pe-layout-pane-content .ui-button {
  min-height: 2.2rem;
  min-width: 2.2rem;
  background-color: var(--header-button-color);
  color: var(--accessible-header-button-color);
}
.ui-layout-south.pe-layout-pane-content .ui-button.ui-button-text-only .ui-button-text,
.ui-layout-north.pe-layout-pane-content .ui-button.ui-button-text-only .ui-button-text {
  padding: 0 1em 0.3em 1em;
  color: var(--accessible-header-color);
}
.ui-layout-south.pe-layout-pane-content .ui-button.ui-button-text-only.ui-state-active,
.ui-layout-north.pe-layout-pane-content .ui-button.ui-button-text-only.ui-state-active {
  cursor: default;
  pointer-events: none;
}
.ui-layout-south.pe-layout-pane-content .ui-button.ui-state-hover,
.ui-layout-north.pe-layout-pane-content .ui-button.ui-state-hover {
  background: var(--header-button-color-hover);
}
.ui-layout-south.pe-layout-pane-content .ui-button.ui-button-text-icon-left,
.ui-layout-north.pe-layout-pane-content .ui-button.ui-button-text-icon-left {
  height: 2.2rem;
}
.ui-layout-south.pe-layout-pane-content .ui-button.ui-button-text-icon-left .ui-button-text,
.ui-layout-north.pe-layout-pane-content .ui-button.ui-button-text-icon-left .ui-button-text {
  padding: 0.4em 1em 0.4em 2.4em !important;
}
.ui-layout-south.pe-layout-pane-content .ui-buttonset,
.ui-layout-north.pe-layout-pane-content .ui-buttonset {
  max-height: 2.2rem;
}
.ui-layout-south.pe-layout-pane-content .ui-buttonset .ui-button,
.ui-layout-north.pe-layout-pane-content .ui-buttonset .ui-button {
  background-color: transparent;
  border-color: transparent;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  bottom: -0.2rem;
  min-height: 0;
  color: var(--accessible-primary-color);
  border-bottom: 0.4rem solid transparent;
}
.ui-layout-south.pe-layout-pane-content .ui-buttonset .ui-button.ui-state-hover:not(.ui-state-active),
.ui-layout-north.pe-layout-pane-content .ui-buttonset .ui-button.ui-state-hover:not(.ui-state-active) {
  border-bottom: 0.4rem solid var(--active-color-hover);
}
.ui-layout-south.pe-layout-pane-content .ui-buttonset .ui-button.ui-state-active,
.ui-layout-north.pe-layout-pane-content .ui-buttonset .ui-button.ui-state-active {
  border-bottom: 0.4rem solid var(--active-color);
}
.ui-layout-south.pe-layout-pane-content .ui-buttonset .ui-button.ui-button-text-only .ui-button-text,
.ui-layout-north.pe-layout-pane-content .ui-buttonset .ui-button.ui-button-text-only .ui-button-text {
  padding-bottom: 0;
}

.panelButtonHeaderGrid .ui-button {
  background-color: var(--primary-color);
  color: var(--accessible-primary-color);
  margin: auto 3px;
}
.panelButtonHeaderGrid .ui-button.ui-state-hover {
  background-color: var(--primary-color-hover);
}

#heading, #layoutHeaderForm {
  height: 100%;
}

#headerpanel {
  display: flex;
  justify-content: space-between;
  height: 100%;
  align-items: center;
}

#accountlogolink, #headerLogo {
  height: 100%;
  width: 225px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
}
#accountlogolink, #accountlogolink a, #accountlogolink #logo, #accountlogolink #logo a, #headerLogo, #headerLogo a, #headerLogo #logo, #headerLogo #logo a {
  background: var(--background-color);
}
#accountlogolink:after, #headerLogo:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  background: inherit;
  z-index: -1;
  bottom: 0;
  transform-origin: left top;
  transform: skewX(-45deg);
}
#accountlogolink img, #headerLogo img {
  max-width: 210px;
}

#bottomForm {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 1280px) {
  #bottomForm .ui-button-text-icon-left {
    width: 2.2rem;
  }
  #bottomForm .ui-button-text-icon-left .ui-button-text {
    visibility: hidden;
  }
}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  min-height: 100%;
}
html,
html button,
html input {
  font-size: var(--font-size);
}

body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  line-height: 1.5em;
  -webkit-font-smoothing: antialiased;
}
body .ui-layout-center.ui-layout-unit {
  background-color: var(--card-background-color);
  margin-left: -14px !important;
  padding-left: 14px;
}

.disabled {
  cursor: default;
  opacity: 0.6;
}

.navigatorImage {
  max-width: 170px;
  max-height: 100px;
}

.modelLogo {
  max-width: 250px;
  max-height: 250px;
}

.ui-widget-content a,
a.ui-messages-close {
  text-decoration: none;
}

#logo {
  padding-left: 1em;
  max-height: 40px;
}

a {
  outline: none;
}

.ui-layout-pane-east .pe-layout-pane-content {
  padding: 0 6px !important;
}

.legend {
  font-family: var(--heading-font-family);
}
.legend li {
  list-style-type: none;
}
.legend .ui-dataview-list-container {
  padding-left: 0;
}
.legend .ui-datalist-item {
  float: left;
}

.loading-overlay {
  opacity: 0.8;
  filter: alpha(opacity=80);
  cursor: wait;
}
.loading-overlay, .loading-overlay-blank {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 9999;
}
.loading-overlay.invisible {
  cursor: wait;
}
.loading-overlay-blank {
  background: var(--background-color);
}

.loading-box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#loading-status {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: 2em 0 0 -0.4em;
  font-size: 2em;
}

.pac-container:after {
  display: none !important;
}

.equalRowHeight tr {
  line-height: 1.7em;
}

img.logoThumb,
.logoThumb img {
  max-width: 25px;
  max-height: 25px;
}

td.logoThumb {
  width: 30px;
  height: 30px;
  text-align: center;
}

.ui-galleria.ui-widget-content {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: transparent;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: transparent;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: transparent;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: transparent;
  /* to solve primefaces bug while calculating widths/heights and not showing galleries */
}

/* messages info box
----------------------------------*/
/* used to be growl */
.infoMessageOverlay {
  position: fixed;
  width: 40%;
  right: 23em;
  top: 1em;
  z-index: 9999;
}

.infoMessageInline {
  position: relative;
}
.infoMessageInline > div {
  -webkit-transition: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
}
.infoMessageInline.aged > div {
  background-color: transparent !important;
}

.ui-messages .ui-messages-info, .ui-messages .ui-messages-warn, .ui-messages .ui-messages-error, .ui-messages .ui-messages-fatal {
  padding: 2em !important;
}
.ui-messages .ui-messages-info-icon, .ui-messages .ui-messages-warn-icon, .ui-messages .ui-messages-error-icon, .ui-messages .ui-messages-fatal-icon {
  background: none;
}
.ui-messages li:not(:last-child) {
  padding-bottom: 1em;
}

/* icons
----------------------------------*/
.ui-icon-seek-end, .ui-icon-seek-first, .ui-icon-seek-prev, .ui-icon-seek-last, .ui-icon-seek-next {
  color: transparent;
  width: 1em;
}

.ui-growl-image-info:before, .ui-growl-image-info-icon:before, .ui-growl-image-warn:before, .ui-growl-image-warn-icon:before, .ui-growl-image-error:before, .ui-growl-image-error-icon:before, .ui-growl-image-fatal:before, .ui-growl-image-fatal-icon:before,
.ui-messages-info:before,
.ui-messages-info-icon:before,
.ui-messages-warn:before,
.ui-messages-warn-icon:before,
.ui-messages-error:before,
.ui-messages-error-icon:before,
.ui-messages-fatal:before,
.ui-messages-fatal-icon:before {
  font-size: 2em;
}

.ui-state-active .ui-icon-carat-2-n-s, .ui-state-active:hover .ui-icon-carat-2-n-s {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.ui-datepicker-header .ui-icon-circle-triangle-w:before,
.fc-button-group .ui-icon-circle-triangle-w:before {
  content: "\f060";
}

/* Component containers
----------------------------------*/
.ui-widget-header {
  font-weight: bold;
}

/* Interaction states
----------------------------------*/
.ui-menu {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--border-color);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--border-color);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--border-color);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--border-color);
  outline: none;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited,
.ui-state-hover a,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:link,
.ui-state-focus a:visited {
  text-decoration: none;
}

.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
  border-width: 1px;
  border-style: solid;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
  font-weight: normal;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35); /* support: IE8 */
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
  border-top-left-radius: 2px;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
  border-top-right-radius: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
  border-bottom-left-radius: 2px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
  border-bottom-right-radius: 2px;
}

/* Overlays
----------------------------------*/
.ui-widget-overlay {
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  opacity: 0.3;
  filter: Alpha(Opacity=30); /* support: IE8 */
  border-radius: 8px;
}

/* Buttons
----------------------------------*/
.ui-paginator select.ui-paginator-rpp-options {
  line-height: 1.8em;
  margin-top: -3px;
}

.ui-widget-header,
.navigatorPanel {
  background-color: transparent;
  border-radius: 0;
  border: none;
  padding-bottom: 8px;
  padding-left: 0 !important;
}

.ui-widget-header {
  font-weight: bold;
}

.ui-dataview-column .ui-panel-titlebar {
  font-weight: bold;
  border-bottom: var(--foreground-color) solid 1px !important;
  color: var(--foreground-color);
}
.ui-dataview-column .ui-widget-content:hover {
  background-color: var(--background-color);
}

.headerLine .ui-widget-header,
.sidebarHeader,
.reportParamPanel .ui-panel-titlebar {
  border-bottom: 1px solid var(--line-color-hard);
}

#westHeader {
  border-top: 1px solid var(--line-color-hard);
}

.panelHeaderTitleBar > .ui-panel-titlebar {
  padding-bottom: 30px;
  padding-top: 5px;
  border: 0;
}
.panelHeaderTitleBar > .ui-panel-titlebar .headerColLeft {
  font-size: 1.3rem;
}

/* dossier header
----------------------------------*/
.ui-panel.headerpanel,
.ui-paginator.ui-paginator-top,
.line-light {
  border-top: 1px solid var(--border-color) !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-left: 0;
  border-right: 0;
  margin-bottom: 2rem;
}

.line-light-top {
  border-top: 1px solid var(--border-color) !important;
  border-bottom: 0 !important;
  border-left: 0;
  border-right: 0;
}

.line-light-bottom {
  border-top: 0 !important;
  border-bottom: 1px solid var(--border-color) !important;
  border-left: 0;
  border-right: 0;
}

/* dataview grid
----------------------------------*/
.ui-dataview-data {
  border-spacing: 16px;
  border-collapse: separate;
}

.ui-panelgrid .ui-panelgrid-cell {
  border-width: 0 !important;
}

/*... but not for datagrids in west and east panels */
.ui-layout-west .ui-dataview-data,
.ui-layout-east .ui-dataview-data {
  border-spacing: 2px;
}

.ui-dataview-column .ui-widget-content {
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: var(--border-color);
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: var(--border-color);
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: var(--border-color);
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: var(--border-color);
}
.ui-dataview-column .ui-panel {
  padding: 1em;
}
.ui-dataview-column img {
  width: 100%;
}

.ui-dataview-grid .ui-dataview-column > div {
  overflow: hidden;
  height: 100%;
}

.ui-dataview-column .ui-panel .ui-panel-content,
.dashboardContent .ui-widget-content .ui-panelgrid-cell {
  padding: 0.5em 0 0 0.5em;
  top: 0;
  bottom: 0;
  height: 100%;
  vertical-align: top;
}

.dashboardGridContentLine,
.p-col-12.dashboardGridContentLine {
  border-bottom: 1px solid var(--border-color);
  padding: 0.5em 0;
  max-height: 4em;
  overflow: hidden;
  display: flex;
}

.dashboardGridContentLine span {
  text-overflow: ellipsis;
  overflow: hidden;
  display: inline-block;
}

.ui-paginator {
  padding: 0.5em !important;
}

.layoutToggleButtons {
  float: left;
}

/* calendar
----------------------------------*/
.ui-datepicker td a, .ui-datepicker td span {
  padding: 0.5em !important;
}
.ui-datepicker .ui-datepicker-calendar {
  font-weight: bold;
}
.ui-datepicker.ui-datepicker-inline .ui-clear-button {
  display: none;
}

/* colorpicker
----------------------------------*/
.ui-colorpicker-container input[type=text] {
  min-height: 11px;
  line-height: 11px;
  padding: 0 !important;
}

/* calendar
----------------------------------*/
.fc-event {
  font-size: 1em !important;
  border-left-width: 0 !important;
  border-right-width: 0 !important;
  border-bottom-width: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  border-radius: 0 !important;
}

.fc-day-grid-event {
  margin: 0 !important;
  padding: 0.5em !important;
}

button.fc-today-button,
.fc button {
  min-height: 25px;
  min-width: 25px;
  background: transparent;
  outline: none;
  font-weight: bold;
}

.fc-row.ui-widget-header {
  padding: 0;
}

th.fc-day-header {
  padding: 0.8em !important;
}

.fc-time {
  clear: both;
  font-weight: bold;
}

.ui-fileupload-buttonbar.ui-widget-header {
  border: 0;
  margin-bottom: -4em !important;
}

.ui-fileupload-files caption {
  line-height: 10em;
}

.ui-fileupload-content {
  padding: 0 !important;
  margin: 2em;
}

/* menu
----------------------------------*/
.ui-menu span.ui-menuitem-text {
  line-height: 1.9;
}

.ui-page {
  -webkit-backface-visibility: hidden;
}

.fieldSetHeaderButton > span.fa {
  width: 16px !important;
  height: 16px !important;
}

.btn-calculation {
  background-image: url("/ubench/resources/images/btn_calculation.gif") !important;
}

.btn-gtmotive {
  background-image: url("/ubench/resources/images/btn_gtmotive2.gif") !important;
}

/* damage declaration
--------------------------- */
.contentPanels {
  margin-top: 1em !important;
}

.damageDeclarationAjaxStatus {
  float: right;
  margin-bottom: -32px;
  margin-left: -32px;
  z-index: 99;
  position: relative;
}

.ignoreDefaultCommand {
  margin-top: -100px;
  position: fixed;
  overflow: hidden;
  height: 0;
  z-index: -5;
}

.damageDeclarationDisabledPanel {
  font-size: 1.5em;
  width: 100%;
  text-align: center;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
  border-width: 1px;
  border-style: solid;
}

/*  look and feel
----------------------------- */
.declarationLogoAlignment .ui-button-text-only {
  font-family: FontAwesome, sans-serif;
}

.onlineDeclarationLocales {
  display: block;
  margin: auto;
  text-align: center;
}

.declarationButtonPanel {
  display: block;
  margin: auto;
  width: 100%;
  clear: both;
}

.ui-overlaypanel-content {
  background-color: var(--background-color);
}

/* Override fluid layout fullwidth
 -------------------------------------------*/
.ui-fluid {
  /* selectonebutton reset */
}
.ui-fluid .ui-inputfield {
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
}
.ui-fluid .ui-selectonemenu {
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  padding-right: 0 !important;
}
.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
  width: auto !important;
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
  padding: 0 3px !important;
}
.ui-fluid .ui-buttonset {
  width: auto !important;
}
.ui-fluid .ui-buttonset.ui-buttonset-1 .ui-button,
.ui-fluid .ui-buttonset.ui-buttonset-2 .ui-button,
.ui-fluid .ui-buttonset.ui-buttonset-3 .ui-button,
.ui-fluid .ui-buttonset.ui-buttonset-4 .ui-button,
.ui-fluid .ui-buttonset.ui-buttonset-5 .ui-button,
.ui-fluid .ui-buttonset.ui-buttonset-6 .ui-button {
  width: auto !important;
}

.ui-fluid .ui-calendar,
.ui-fluid .ui-calendar input {
  width: auto !important;
}
.ui-fluid .ui-widget.ui-inputtext, .ui-fluid .ui-widget.ui-inputfield[size].ui-autocomplete-input, .ui-fluid .ui-widget.ui-inputfield.ui-autocomplete-input, .ui-fluid .ui-widget.ui-autocomplete-input {
  width: calc(100% - 1em);
}
.ui-fluid .ui-button {
  width: auto !important;
  box-sizing: content-box !important;
  -webkit-box-sizing: content-box !important;
  -moz-box-sizing: content-box !important;
}