body {
    background: #F0F0F0;
}

:root {
    --surface-a: #F0F0F0;
}

a {
    color: #0072B4;
}

body .ui-commandlink, body .ui-link {
    color: #0072B4;
 }

.ui-panelgrid {
    border-collapse: collapse;
    border: hidden;
    width: 100%;
}

body .ui-widget {
    font-size: 0.7rem;
}

body .ui-panel {
    padding-bottom: 0.5rem;
}

.ui-widget .ui-icon.pi, .ui-icon.pi {
    padding-right: 0.5rem;
    color: #FFFFFF;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
    color: #FFFFFF;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon .ui-icon-minusthick {
    color: #6C757D;
    font-size: 0.7rem;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
    background: transparent;
}

body .ui-panelgrid .ui-panelgrid-cell {
    border: hidden;
    padding: 0.1rem 1rem 0.1rem 0.2rem;
    vertical-align: text-bottom;
    background: #F0F0F0;
}

body .ui-accordion .ui-accordion-content {
    padding: 0.4rem;
    border: 0;
    background: #F0F0F0;
}

.ui-menu .ui-menu-list .ui-menuitem {
    font-size: 1rem;
}

body .ui-inputfield {
    font-size: 0.7rem;
    padding: 0.2rem;
}

body .ui-menu {
    border: solid #0072B4;
    background: #0072B4;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link {
    padding: 0.1rem 0.5rem 0.3rem 0.5rem;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-state-hover {
    background: #0D89EC;
}

body .ui-fieldset {
    border: 0;
    padding: 0.5rem 0;
    background: #F0F0F0;
}

body .ui-fieldset .ui-fieldset-legend {
    border: 0;
    background: transparent;
    padding: 0.5rem 0;
    font-size: 1.2rem;
}

body .ui-fieldset .ui-fieldset-legend.ui-state-hover {
    background: #F0F0F0;
    border-color: #F0F0F0;
}

body .ui-datatable .ui-datatable-header {
    padding: 0.3rem 1rem;
}

body .ui-datatable .ui-datatable-data > tr > td {
    padding: 0.3rem 1rem;
    border: 0.1rem solid #F0F0F0;
}

body .ui-datatable thead th {
    padding: 0.3rem 1rem;
    border: 0.1rem solid #F0F0F0;
}

body .ui-panel .ui-panel-titlebar {
    padding: 0.3rem 1rem;
    background: #FFFFFF;
    color: #6C757D;
    font-size: 0.9rem;
    border-bottom: solid #0072B4;
    border-top: 0;
    border-left: 0;
    border-right: 0;
}

body .ui-panel .ui-panel-content {
    padding: 0;
    background: #f0f0f0;
    border: 0;
}

body .ui-toolbar {
    padding: 0.3rem 1rem;
}

body .ui-button.ui-button-text-icon-left .ui-button-text {
    padding: 0.2rem 1rem 0.2rem 2rem;
}

body .ui-button.ui-button-text-icon-right .ui-button-text {
    padding: 0.2rem 2rem 0.2rem 1rem;
}

body .ui-button.ui-button-icon-only .ui-button-text {
    padding: 0.2rem;
}

body .ui-selectonemenu .ui-selectonemenu-label {
    min-height: 1.5rem;
    min-width: 3rem;
    text-overflow: ellipsis;
}

body .ui-menu.ui-menubar {
    padding: 0 1rem;
    background: #0072B4;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
    visibility: hidden;
}

body .ui-menu.ui-menubar > .ui-menu-list > .ui-menuitem > .ui-menuitem-link .ui-icon-triangle-1-s:last-child {
    margin-left: 0;
}

body .ui-menu .ui-menu-list .ui-menu-child {
    background: #0072B4;
}

body .ui-menu.ui-megamenu .ui-widget-header {
    padding: 0;
}

body .ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    color: #FFFFFF;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link {
    background: #0D89EC;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-text {
    color: #FFFFFF;
}

body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-menuitem-icon, body .ui-menu .ui-menu-list .ui-menuitem.ui-menuitem-active > .ui-menuitem-link .ui-icon {
    color: #FFFFFF;
}

.ui-menu.ui-megamenu .ui-menu-child .ui-menu-list {
    width: 18rem;
}

body .ui-menu .ui-menu-list .ui-menuitem {
    margin-bottom: 0.2rem;
}

body .ui-helper-reset {
    padding-top: 0.4rem;
}

.widthExtraSmall {
    width: 4.3rem;
}

.widthSmall {
    width: 5rem;
}

.widthMiddleSmall {
    width: 6rem;
}

.widthMiddle {
    width: 8rem;
}

.widthLarge {
    width: 12rem;
}

.widthMiddleLarge {
    width: 15rem;
}

.widthXLarge {
    width: 20rem;
}

.widthXXLarge {
    width: 30rem;
}

.alignMiddle {
    vertical-align: middle !important;
}

.alignTop {
    vertical-align: top !important;
}

.alignTop90 {
    vertical-align: top !important;
    width: 90%;
}

.alignTop80 {
    vertical-align: top !important;
    width: 80%;
}

.alignTop70 {
    vertical-align: top !important;
    width: 70%;
}

.alignTop60 {
    vertical-align: top !important;
    width: 60%;
}

.alignTop50 {
    vertical-align: top !important;
    width: 50%;
}

.alignTop40 {
    vertical-align: top !important;
    width: 40%;
}

.alignTop30 {
    vertical-align: top !important;
    width: 30%;
}

.alignTop20 {
    vertical-align: top !important;
    width: 20%;
}

.alignTop10 {
    vertical-align: top !important;
    width: 10%;
}

body .ui-button {
    background: #0072B4;
    border: solid #0072B4;
    margin: 0 0.1rem 0 0;
}

body .ui-inputfield.ui-state-hover {
    border-color: #0072B4;
}

body .ui-inputfield.ui-state-focus {
    border-color: #0072B4;
}

.active-button {
    background: #0072B4;
}

.inactive-button {
    background: #B4B4B4 !important;
    border: #B4B4B4 !important;
}

.ui-dashboard {
    margin-top: 1rem;
}

.ui-dashboard-column {
    width: 52rem;
    padding-right: 1rem;
}

.cockpitButtons {
    margin-top: -6px;
}

.red-row {
    background-color: #FF5F5F !important;
    background-image: none !important;
    color: #222222 !important;
}

.green-row {
    background-color: #0B897B !important;
    background-image: none !important;
    color: #222222 !important;
}

.ui-picklist .ui-picklist-list {
    border: 0.1rem solid #DEE2E6 !important;
    background: #FFFFFF !important;
    height: 20rem;
    width: 15rem;
}

.ui-picklist.picklistLight .ui-picklist-list {
    border: 0.1rem solid #DEE2E6 !important;
    background: #FFFFFF !important;
    height: 20rem;
    width: 15rem;
}

.ui-picklist.picklistMiddle .ui-picklist-list {
    border: 0.1rem solid #DEE2E6 !important;
    background: #FFFFFF !important;
    height: 15rem;
    width: 15rem !important;
}

.ui-picklist.picklistLarge .ui-picklist-list {
    border: 0.1rem solid #DEE2E6 !important;
    background: #FFFFFF !important;
    height: 20rem;
    width: 30rem !important;
}

.ui-picklist .ui-picklist-caption {
    background: #EBEDF0;
}

.fileUploadSimple>.ui-fileupload-content {
    display: none;
}

.fileUploadSimple>.ui-fileupload-buttonbar {
    background: #B4B4B4;
}

.fileUploadSimpleGrey>.ui-fileupload-content {
    display: none;
}

.fileUploadSimpleGrey>.ui-fileupload-buttonbar {
    background: #B4B4B4;
}

.fileUploadSimpleGrey>.ui-fileupload-buttonbar .ui-button {
    background: #8D8D8D !important;
    border: solid #8D8D8D !important;
}

.autoCompleteWidthSmall .ui-autocomplete-multiple-container {
    width: 12rem;
    height: auto !important;
}

.autoCompleteWidth .ui-autocomplete-multiple-container {
    width: 15rem;
}

.autoCompleteWidthLarge .ui-autocomplete-multiple-container {
    width: 20rem;
}

.autoCompleteWidthLarge .ui-autocomplete {
    width: 20rem;
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-token .ui-autocomplete-token-icon {
    margin-top: -0.3rem;
    font-size: 0.7rem;
}

body .ui-autocomplete .ui-autocomplete-multiple-container .ui-autocomplete-input-token input {
    font-size: 0.7rem;
}

.ui-autocomplete-itemtip {
    background: white;
}

.downloadLinkAutoComplete.ui-autocomplete-panel {
    width: 50rem !important;
}

.downloadPermissionBookAutoComplete.ui-autocomplete-panel {
    width: 50rem !important;
}

.downloadPermissionPressArticleAutoComplete.ui-autocomplete-panel {
    width: 20rem !important;
}

.widgetPlusAutoComplete.ui-autocomplete-panel {
    width: 40rem !important;
}

.widgetPlusAutoCompleteMiddle.ui-autocomplete-panel {
    width: 30rem !important;
}

.widgetUploadAutoComplete.ui-autocomplete-panel {
    width: 40rem !important;
}

.ui-button.lightRed, button.ui-button.ui-state-default.lightRed, .ui-button.ui-state-default.lightRed {
    background: #D92C2C;
    border: solid #D92C2C;
    color: #FFFFFF;
}

.verticalLabel {
    writing-mode: vertical-lr;
}

body .ui-datatable thead th .ui-column-title {
    font-weight: 600;
}

.ui-datatable table {
    table-layout: auto;
}

body .ui-button.ui-button-icon-only {
    width: 2.0rem;
}

body .ui-selectbooleanbutton.ui-state-active:not(.ui-state-disabled):hover,
body .ui-selectonebutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover,
body .ui-selectmanybutton > .ui-button.ui-state-active:not(.ui-state-disabled):hover {
    opacity: 1;
}

body .ui-selectbooleanbutton.ui-state-hover,
body .ui-selectonebutton > .ui-button.ui-state-hover,
body .ui-selectmanybutton > .ui-button.ui-state-hover {
    background: #0D89EC;
    border-color: #0D89EC;
}

body .ui-selectbooleanbutton.ui-state-hover .ui-icon,
body .ui-selectonebutton > .ui-button.ui-state-hover .ui-icon,
body .ui-selectmanybutton > .ui-button.ui-state-hover .ui-icon {
    color: #FFFFFF;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
    padding: 0.35rem 0.5rem;
    width: 12rem;
}

.ui-carousel-items-content {
    font-size: 1.3rem;
}

.ui-items-hidden .ui-carousel-item.ui-carousel-item-active {
    text-align: center;
}

body .ui-tabs .ui-tabs-nav li.ui-tabs-header.ui-state-active a {
    color: #0072B4;
}

body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator.ui-state-highlight button {
    background-color: #0072B4;
}

body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button:hover {
    background: #B4B4B4;
}

body .ui-carousel .ui-carousel-indicators .ui-carousel-indicator button {
    background-color: #B4B4B4;
}

.p-mb-1 {
    font-size: 1rem;
}

.ui-carousel-container {
    background: #FFFFFF;
}

body .ui-carousel .ui-carousel-indicators {
    background: #FFFFFF;
}

.status {
    width: 1.5rem;
}

.highcharts-root {
    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji !important;
    width: 100% !important;
}

.highcharts-container {
    width: 100% !important;
}

.chartLarge {
    width: 100%;
    min-height: 1200px;
}

.chart {
    width: 100%;
    min-height: 500px;
}

.chartMiddle {
    width: 100%;
    min-height: 350px;
}

.chartMiddleLarge {
    width: 100%;
    min-height: 380px;
}

.chartSmall {
    width: 100%;
    min-height: 200px;
}

.loginLogo {
    vertical-align: top;
    margin-top: -0.2rem;
    border-radius: 4px;
}

body .ui-accordion .ui-accordion-header {
    border-color: #0072B4;
    background: #0072B4;
    color: #FFFFFF;
    font-size: 0.9rem;
    padding: 0.2rem;
    margin-top: 0.2rem;
}

body .ui-accordion .ui-accordion-header:hover {
    border-color: #0D89EC;
    background: #0D89EC;
    color: #FFFFFF;
    font-size: 0.9rem;
    padding: 0.2rem;
    margin-top: 0.2rem;
}

body .ui-accordion .ui-accordion-header.ui-state-active {
    border-color: #0072B4;
    background: #0072B4;
    color: #FFFFFF;
    font-size: 0.9rem;
    padding: 0.2rem;
    margin-top: 0.2rem;
}

body .ui-accordion .ui-accordion-header.ui-state-active:hover {
    border-color: #0D89EC;
    background: #0D89EC;
    color: #FFFFFF;
    font-size: 0.9rem;
    padding: 0.2rem;
    margin-top: 0.2rem;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #0072B4;
    background: #0072B4;
}

body .ui-chkbox .ui-chkbox-box.ui-state-hover {
    border-color: #0D89EC;
    background: #0D89EC;
}

body .ui-chkbox .ui-chkbox-box {
    width: 1.5rem;
    height: 1.5rem;
}

body .ui-datepicker .ui-datepicker-calendar td a {
    width: 1.2rem;
    height: 1.2rem;
    line-height: 1.2rem;
}

body .ui-selectbooleanbutton.ui-state-active, body .ui-selectonebutton > .ui-button.ui-state-active, body .ui-selectmanybutton > .ui-button.ui-state-active {
    background: #0072B4 !important;
    border-color: #0072B4 !important;
}

body .ui-selectbooleanbutton.ui-state-default {
    background: #B4B4B4;
    border-color: #B4B4B4;
    color: #FFFFFF;
    height: 1.6rem;
}

body .ui-datagrid .ui-datagrid-content {
    border: 0;
    background: #F0F0F0;
}

body .ui-accordion .ui-accordion-header:first-child {
    border-top: 1px solid #0072B4;
    padding: 0.2rem;
    margin-top: 0.2rem;
}

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

input[aria-readonly="true"] {
    opacity: 0.8;
}

body .ui-state-disabled {
    opacity: 0.8;
}

body .ui-datalist .ui-datalist-content {
    opacity: 0.8;
    padding: 0.5rem;
}

.ui-orderlist .ui-orderlist-list {
    width: 30rem;
}

body .ui-selectonelistbox, body .ui-selectmanymenu {
    width: 20rem;
    height: 20rem;
}

body .ui-selectonelistbox .ui-selectlistbox-listcontainer, body .ui-selectmanymenu .ui-selectlistbox-listcontainer {
    height: 19rem !important;
}

body .ui-tabs .ui-tabs-panels {
    background: #F0F0F0;
}

body .ui-tabs .ui-tabs-nav {
    background: #F0F0F0;
}

.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
    color: #495057;
}

body .ui-paginator .ui-paginator-current, body .ui-paginator .ui-paginator-rpp-options {
    margin: 0.1rem 0.5rem 0.5rem;
}

body .ui-dialog .ui-dialog-titlebar {
    background: #F0F0F0;
}

body .ui-dialog .ui-dialog-content {
    background: #F0F0F0;
    padding: 0.5rem 0.5rem 0.4rem;
}

body .ui-dialog .ui-dialog-footer {
    background: #F0F0F0;
}

.operating {
    width: 30rem;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 1.6rem;
    background: #D92C2C;
    border-radius: 0.3rem;
}

.ui-wizard-step-title {
    font-size: 0.7rem;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
    padding: 0.5rem;
}

body .ui-autocomplete .ui-autocomplete-multiple-container {
    padding: 0;
    height: 1.6rem;
}

body .ui-autocomplete .ui-autocomplete-dropdown {
    height: 1.6rem;
    background: #FFFFFF;
    border: 1px solid #CED4DA;
}

body .ui-autocomplete .ui-autocomplete-dropdown .ui-icon {
    color: #6C757D;
}

body .ui-tabs.ui-tabs-left > .ui-tabs-nav, body .ui-tabs.ui-tabs-right > .ui-tabs-nav {
    width: 8rem;
}

body .ui-tabs.ui-tabs-left > .ui-tabs-nav {
    margin-top: 3rem;
}

body .ui-tabs.ui-tabs-left > .ui-tabs-panels, body .ui-tabs.ui-tabs-right > .ui-tabs-panels {
    width: 90%;
}

.gridWidth100 {
    width: 100%;
}

.gridWidth100Right {
    width: 100%;
    text-align: right;
}

.gridWidth90 {
    width: 90%;
}

.gridWidth80 {
    width: 80%;
}

.gridWidth70 {
    width: 70%;
}

.gridWidth60 {
    width: 60%;
}

.gridWidth50 {
    width: 50%;
}

.gridWidth50Important {
    width: 50% !important;
}

.gridWidth40 {
    width: 40%;
}

.gridWidth40Important {
    width: 40% !important;
}

.gridWidth35 {
    width: 35%;
}

.gridWidth30 {
    width: 30%;
}

.gridWidth20 {
    width: 20%;
}

.gridWidth10 {
    width: 10%;
}

.columnWhiteWidth50 {
    background: #FFFFFF !important;
    width: 50%;
    vertical-align: middle !important;
}

.columnWhiteWidth100 {
    background: #FFFFFF !important;
    width: 100%;
    vertical-align: middle !important;
}

body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    font-size: 0.5rem;
}

body .ui-overlaypanel {
    background: #F0F0F0;
}

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

body .ui-progressbar {
    border: 0.1rem solid #CED4DA;
}

body .ui-inputswitch.ui-inputswitch-checked {
    background: #0072B4;
}

body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
    border-color: #0072B4;
}

.cockpitIcon {
    color: #6C757D !important;
}

.cockpitIconDark {
    color: #495057 !important;
}

.cockpitPanel {
    margin-bottom: 0.5rem;
}

.cockpitPanel .ui-panel-content {
    background: #FFFFFF !important;
}

body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-e {
    font-size: 0.8rem;
}

body .ui-accordion .ui-accordion-header > .ui-icon.ui-icon-triangle-1-s {
    font-size: 0.8rem;
}

.backgroundWhite {
    background: #FFFFFF !important;
}

.ui-panelgrid .p-grid .ui-panelgrid-cell, .ui-panelgrid .ui-grid-responsive .ui-panelgrid-cell {
    background: #FFFFFF;
}

body .ui-autocomplete .ui-autocomplete-input.ui-autocomplete-dd-input {
    padding: 0.2rem 0.5rem;
}

.ui-autocomplete-input {
    height: 1.6rem;
}

.ui-fieldset-toggleable .ui-fieldset-legend {
    padding: 0 !important;
    padding-bottom: 0.5rem !important;
    font-weight: normal !important;
}

body .ui-button.ui-button-text-only .ui-button-text {
    padding: 0.2rem 1rem;
}

body .ui-datatable .ui-datatable-data > tr.ui-rowgroup-header, body .ui-datatable .ui-datatable-data > tr.ui-datatable-summaryrow {
    background: #F8F9FA;
}

.hideElement {
    display: none;
}

.greenIcon {
    color: #0b897b;
}

.redIcon {
    color: #d92c2c;
}

.yellowIcon {
    color: #f8d119;
}

.greyIcon {
    color: #b4b4b4;
}

.blackIcon {
    color: #000000;
}

.readonlyText {
    background: #FCFCFC !important;
    color: #6A6F75 !important;
}

.readonlyTextLarge {
    background: #FCFCFC !important;
    color: #6A6F75 !important;
    width: 20rem;
}

.greyButton {
    background: #8D8D8D !important;
    border: solid #8D8D8D !important;
}

.greyButton.ui-state-hover {
    background: #B4B4B4 !important;
    border: solid #B4B4B4 !important;
}

.greenCheckbox .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
    background: #0B897B;
    border: solid #0B897B;
    opacity: 1;
}

.redCheckbox .ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
    background: #D92C2C;
    border: solid #D92C2C;
    opacity: 1;
}

.ui-wizard-nav-next {
    float: left;
}

.ui-fileupload-row > .ui-fileupload-filename {
    word-break: normal;
}

.forbidden {
    font-size: 1.5rem !important;
    font-weight: bold;
    color: #D92C2C;
}

.ui-orderlist.ui-state-disabled .ui-orderlist-list {
    height: auto;
}

.ui-splitbuttonmenu.ui-menu .ui-menu-list .ui-widget-header, .ui-splitbuttonmenu.ui-menu .ui-menuitem-link {
    font-size: 0.7rem;
}

body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
    background: #0072B4;
}

body .ui-toggleswitch {
    width: 3rem;
    height: 1.5rem;
}

.sun-editor .se-container {
    z-index: 999 !important;
}