html, body {
	background-color: var(--lightblue);
}

html .externalBG, body.externalBG {
	background-color: #F2F2F2;
}

.bottomtoolbar {
	text-shadow: none;
	/*font-size: 10px;*//*JHM*/
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #2e629d !important;
}

.welcomeMenu,
.moduleMenu, 
.mainMenu-V,
.megaMenu-H {
	background-color: #fcfcfc; 
}

.menuVertical .ui-menu {
	background: #E6ECF0;
}

.mainMenu .ui-menu a {
	background:#red !important;
}

.bgColorRed {
	background-color: var(--yellow-400-main);
	color: #000000;
}
.bgColorDarkRed {
	background-color: var(--red-100);
}
.bgColorGreen {
	background-color: var(--green-200);
}
.bgColorYellow {
	background-color: var(--yellow-100-alt);
}
.bgColorGrey {
	background-color: var(--ecovium-gray-300);
}

.line {
	border-top:1px solid var(--ecovium-gray-300);
}

/*--common colors--****************************************************************************************************************/
.ui-datatable .ui-datatable-data .ui-state-hover .departure, .ui-datatable .ui-datatable-data .ui-state-highlight .departure,
body .ui-selectonelistbox .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight, body .ui-selectmanymenu .ui-selectlistbox-listcontainer .ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
	background:none;
	color:unset;
}
.departure {
	background:unset;
	color: unset;
}

.ui-datatable .ui-datatable-data .ui-state-hover .arrival, .ui-datatable .ui-datatable-data .ui-state-highlight .arrival {
	background:none;
	color:unset;
}
.arrival {
	background:unset;
	color: unset;
}

.dueDateToday {
	color: orange !important;
}
.dueDateYesterday {
	color: red !important;
}
.dueDateTomorrow {
	color: green !important;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight,
.ui-widget-content .ui-state-highlight,
body .ui-selectonemenu-panel .ui-selectonemenu-items .ui-selectonemenu-item.ui-state-highlight {
	background: linear-gradient(to bottom, #E3F2FA 10%, #E3F2FA 52%, #E3F2FA 90%) !important;
	color: #232628 !important;
	text-shadow: none;
}
.ui-state-highlight a:not(.ui-icon),
.ui-widget-content .ui-state-highlight a:not(.ui-icon),
.ui-widget-header .ui-state-highlight a:not(.ui-icon) {
	background: linear-gradient(to bottom, #E3F2FA 10%, #E3F2FA 52%, #E3F2FA 90%) !important;
	color: #232628 !important;
	text-shadow: none;
}

.packageTree .ui-state-highlight,
.packageTree .ui-widget-content .ui-state-highlight,
.packageTree .ui-widget-header .ui-state-highlight,
.packageTree .ui-widget-content .ui-state-highlight {
	background: none;
	color: inherit !important;
	text-shadow: none;
}
.packageTree .ui-state-highlight a:not(.ui-icon),
.packageTree .ui-state-highlight a:not(.ui-icon),
.packageTree .ui-widget-header .ui-state-highlight a:not(.ui-icon) {
	background: none;
	color: inherit !important;
	text-shadow: none;
}

.ui-panel-content-highlight .ui-panel-content {
	background: linear-gradient(to bottom, #E3F2FA 10%, #E3F2FA 52%, #E3F2FA 90%) !important;
	color: #232628 !important;
	text-shadow: none;
}

body .ui-selectonemenu .ui-selectonemenu-trigger,
body .ui-selectonemenu .ui-selectcheckboxmenu-trigger {
	background: var(--white)
}

/* datepicker start */
.ui-datepicker .ui-datepicker-today .ui-state-highlight,
.ui-datepicker .ui-datepicker-today .ui-state-default {
	background: linear-gradient(to bottom, #E3F2FA 10%, #E3F2FA 52%, #E3F2FA 90%) !important;
	color: #232628 !important;
	text-shadow: none;
	border-color: var(--ecovium-600-highlight) !important;
}
.ui-datepicker .ui-datepicker-current-day .ui-state-highlight, 
.ui-datepicker .ui-datepicker-current-day .ui-state-default {
	background: var(--ecovium-500-main) none repeat scroll 0 0 !important;
	color: #ffffff !important;
	border-color: var(--ecovium-600-highlight) !important;
}
/* datepicker end */

.ui-tooltip .ui-tooltip-content {
	background: #cccdd1;
}

/*--
.ui-state-active, 
.ui-widget-content .ui-state-active, 
.ui-widget-header .ui-state-active {
	background: linear-gradient(to bottom, #E3F2FA 10%, #E3F2FA 52%, #E3F2FA 90%) !important;
	color: #232628 !important;
	text-shadow: none;
}
--*/

/*-- Wizard --*/

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title {
	background: transparent;
	border-color: transparent;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title::after,
body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title::before {
  background-color: transparent;
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: var(--ecovium-600-highlight);
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::after,
body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::before {
  background-color: var(--ecovium-600-highlight);
}

body .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight ~ .ui-wizard-step-title {
	opacity:40%;
}

/*--administration--***************************************************************************************************************/
.administrationSubmenu a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.administrationSubmenu a span {
	color: #7C7D7E;
}
.administrationSubmenu ul li a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.administration .headerPanel div {
	color: #7C7D7E;
}
.administration .pvtAxisContainer li span.pvtAttr {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;;
	border: solid 1px gray;
}
.administration .ui-selectonemenu-label,
.administration .ui-selectcheckboxmenu-label {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.administration .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.administration .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.administration .ui-widget-header,
.administration th.ui-state-default,
.administration td.ui-state-default,
.administration button.ui-state-default,
.administration .ui-button.ui-state-default:not(.ui-state-active),
.administration li.ui-state-default,
.administration .ui-selectonemenu-trigger,
.administration .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.administration li.ui-wizard-step-title.ui-state-highlight {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.administration .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: #7C7D7E;
}
.administration .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::after,
.administration .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::before {
  background-color: #7C7D7E;
}
.administration .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.administration .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #7C7D7E;
	text-shadow:none;
}
.administration .ui-tabs .ui-tabs-nav .ui-state-default a {
	color:#7C7D7E;
	text-shadow:none;
}
.administration .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.administration .ui-inputfield {
	box-shadow: none;
}
.administration .ui-inputfield.ui-state-focus {
	box-shadow: none;
}
.administration button.pushedButton {
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.administration button.ui-button-outlined,
.administration button.ui-button-flat {
	color: #7C7D7E !important;
	background: none !important; 
}
.administration button.ui-button-outlined {
	border-color:var(--surface-400) !important;
}
.administration .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.administration .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.administration tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}

/*--transportation--****************************************************************************************************************/
.transportationSubmenu a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.transportationSubmenu a span {
	color: #7C7D7E;
}
.transportationSubmenu ul li a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.transportation .headerPanel div {
	color: #7C7D7E; 
}
.order .transportation .ui-selectonemenu-label,
.transportation .ui-selectonemenu-label,
.transportation .ui-selectcheckboxmenu-label,
.order .transportation .ui-selectcheckboxmenu-label  {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.order .transportation .ui-chkbox-box,
.transportation .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.order .transportation .ui-datepicker-trigger,
.transportation .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.order .transportation .ui-widget-header,
.order .transportation th.ui-state-default,
.order .transportation td.ui-state-default,
.order .transportation button.ui-state-default,
.order .transportation button.ui-state-default,
.order .transportation .ui-button.ui-state-default:not(.ui-state-active),
.order .transportation li.ui-state-default,
.order .transportation .ui-selectonemenu-trigger,
.order .transportation .ui-selectcheckboxmenu-trigger,
.transportation .ui-widget-header,
.transportation th.ui-state-default,
.transportation td.ui-state-default,
.transportation button.ui-state-default,
.transportation .ui-button.ui-state-default:not(.ui-state-active),
.transportation button.ui-state-default,
.transportation li.ui-state-default,
.transportation .ui-selectonemenu-trigger,
.transportation .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.transportation button.ui-button-outlined,
.transportation button.ui-button-flat {
	color: #7C7D7E !important;
	background: none !important; 
}
.transportation button.ui-button-outlined {
	border-color:var(--surface-400) !important;
}
.order .transportation .ui-tabs .ui-tabs-nav .ui-tabs-selected,
.transportation .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.order .transportation .ui-tabs .ui-tabs-nav .ui-tabs-selected a,
.transportation .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #7C7D7E;
	text-shadow:none;
}
.order .transportation .ui-tabs .ui-tabs-nav .ui-state-default a {
	color: #7C7D7E;
	text-shadow:none;
}
.order .transportation .ui-checkbox-relative,
.transportation .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.order .transportation .ui-inputfield,
.transportation .ui-inputfield {
	box-shadow: none;
}
.order .transportation .ui-inputfield.ui-state-focus,
.transportation .ui-inputfield.ui-state-focus {
	box-shadow: none;
}
.order .transportation button.pushedButton,
.transportation button.pushedButton {
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.transportation .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

.transportation .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

.freightTrafficOrderHeader .transportation .ui-selectonemenu-label,
.transportation .ui-selectonemenu-label,
.transportation .ui-selectcheckboxmenu-label,
.freightTrafficOrderHeader .transportation .ui-selectcheckboxmenu-label  {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.freightTrafficOrderHeader .transportation .ui-chkbox-box,
.transportation .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .transportation .ui-datepicker-trigger,
.transportation .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .transportation .ui-widget-header,
.freightTrafficOrderHeader .transportation th.ui-state-default,
.freightTrafficOrderHeader .transportation td.ui-state-default,
.freightTrafficOrderHeader .transportation button.ui-state-default,
.freightTrafficOrderHeader .transportation button.ui-state-default,
.freightTrafficOrderHeader .transportation .ui-button.ui-state-default:not(.ui-state-active),
.freightTrafficOrderHeader .transportation li.ui-state-default,
.freightTrafficOrderHeader .transportation .ui-selectonemenu-trigger,
.freightTrafficOrderHeader .transportation .ui-selectcheckboxmenu-trigger,
.transportation .ui-widget-header,
.transportation th.ui-state-default,
.transportation td.ui-state-default,
.transportation button.ui-state-default,
.transportation .ui-button.ui-state-default:not(.ui-state-active),
.transportation button.ui-state-default,
.transportation li.ui-state-default,
.transportation .ui-selectonemenu-trigger,
.transportation .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .transportation .ui-tabs .ui-tabs-nav .ui-tabs-selected,
.transportation .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.freightTrafficOrderHeader .transportation .ui-tabs .ui-tabs-nav .ui-tabs-selected a,
.transportation .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #7C7D7E;
	text-shadow:none;
}
.freightTrafficOrderHeader .transportation .ui-tabs .ui-tabs-nav .ui-state-default a {
	color: #7C7D7E;
	text-shadow:none;
}
.freightTrafficOrderHeader .transportation .ui-checkbox-relative,
.transportation .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .transportation .ui-inputfield,
.transportation .ui-inputfield {
	box-shadow: none;
}
.freightTrafficOrderHeader .transportation .ui-inputfield.ui-state-focus,
.transportation .ui-inputfield.ui-state-focus {
	box-shadow: none;
}
.freightTrafficOrderHeader .transportation button.pushedButton,
.transportation button.pushedButton {
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.freightTrafficOrderHeader .transportation tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

/*--freight traffic order header--*****************************************************************************************************************/
.freightTrafficOrderHeaderSubmenu a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeaderSubmenu a span {
	color: #7C7D7E;
}
.freightTrafficOrderHeaderSubmenu ul li a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .headerPanel div {
	color: #7C7D7E; 
}
.freightTrafficOrderHeader .ui-selectonemenu-label,
.freightTrafficOrderHeader .ui-selectcheckboxmenu-label  {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.freightTrafficOrderHeader .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .ui-widget-header,
.freightTrafficOrderHeader th.ui-state-default,
.freightTrafficOrderHeader td.ui-state-default,
.freightTrafficOrderHeader button.ui-state-default,
.freightTrafficOrderHeader li.ui-state-default,
.freightTrafficOrderHeader .ui-button.ui-state-default:not(.ui-state-active),
.freightTrafficOrderHeader .ui-selectonemenu-trigger,
.freightTrafficOrderHeader .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader button.ui-button-outlined,
.freightTrafficOrderHeader button.ui-button-flat {
	color: #7C7D7E !important;
	background: none !important; 
}
.freightTrafficOrderHeader button.ui-button-outlined {
	border-color:var(--surface-400) !important;
}
.freightTrafficOrderHeader .orderContentBackground .ui-datagrid-content {
	/*-- by design no fail --*/
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .orderContentBackground .ui-datagrid-footer {
	/*-- by design no fail --*/
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

.freightTrafficOrderHeader li.ui-wizard-step-title.ui-state-highlight
{
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: #7C7D7E;
}
.freightTrafficOrderHeader .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::after,
.freightTrafficOrderHeader .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::before {
	background-color: #7C7D7E;
}
.freightTrafficOrderHeader .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.freightTrafficOrderHeader .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #7C7D7E;
	text-shadow:none;
}
.freightTrafficOrderHeader .ui-tabs .ui-tabs-nav .ui-state-default a {
	color: #7C7D7E;
	text-shadow:none;
}
.freightTrafficOrderHeader .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .ui-inputfield {
	box-shadow: none;
}
.freightTrafficOrderHeader .ui-inputfield.ui-state-focus {
	box-shadow: none;
}
.freightTrafficOrderHeader button.pushedButton {
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.freightTrafficOrderHeader .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;;
	color: #7C7D7E !important;
}

.freightTrafficOrder--bg {
	background: lightGrey;
}

/*--order--*****************************************************************************************************************/
div.orderTableHeader {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderSubmenu a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderSubmenu a span {
	color: #7C7D7E;
}
.orderSubmenu ul li a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderMenuitem {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.masterDataMenuitem {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.adminMenuitem {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.order .headerPanel div {
	color: #7C7D7E;
}
.order .ui-selectonemenu-label,
.order .ui-selectcheckboxmenu-label  {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.order .ui-fieldset-legend, 
fieldset.order .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.order .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.order .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.order .ui-widget-header,
.order th.ui-state-default,
.order td.ui-state-default,
.order button.ui-state-default,
.order li.ui-state-default,
.order .ui-button.ui-state-default:not(.ui-state-active),
.order .ui-selectonemenu-trigger,
.order .ui-selectcheckboxmenu-trigger,
div.order button.order,
fieldset.order .ui-widget-header,
fieldset.order th.ui-state-default,
fieldset.order td.ui-state-default,
fieldset.order button.ui-state-default,
fieldset.order li.ui-state-default,
fieldset.order .ui-button.ui-state-default:not(.ui-state-active),
fieldset.order .ui-selectonemenu-trigger,
fieldset.order .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.order button.ui-button-outlined,
.order button.ui-button-flat {
	color: #7C7D7E !important;
	background: none !important; 
}
.order button.ui-button-outlined {
	border-color:var(--surface-400) !important;
}

.order li.ui-wizard-step-title.ui-state-highlight {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
/*li.ui-wizard-step-title.ui-state-highlight.order,
li.ui-wizard-step-title.ui-state-default.order {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
	text
}*/
.order .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: #7C7D7E;
}
.order .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::after,
.order .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::before {
  background-color: #7C7D7E;
}
.order .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}


.order .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color:#7C7D7E;
	text-shadow:none;
}
.order .ui-tabs .ui-tabs-nav .ui-state-default a {
	color:#7C7D7E;
	text-shadow:none;
}
.order .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.order .ui-inputfield {
	box-shadow: none;
}

.order button.pushedButton {
	color:#7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.order .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.order tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

/*--charging--****************************************************************************************************************/
.chargingSubmenu a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.chargingSubmenu a span {
	color: #7C7D7E;
}
.chargingSubmenu ul li a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.charging .headerPanel div {
	color: #7C7D7E; 
}
.charging .ui-selectonemenu-label,
.charging .ui-selectcheckboxmenu-label {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.charging .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.charging .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.charging .ui-widget-header,
.charging th.ui-state-default,
.charging td.ui-state-default,
.charging button.ui-state-default,
.charging .ui-button.ui-state-default:not(.ui-state-active),
.charging li.ui-state-default,
.charging .ui-selectonemenu-trigger,
.charging .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.charging button.ui-button-outlined,
.charging button.ui-button-flat {
	color: #7C7D7E !important;
	background: none !important; 
}
.charging button.ui-button-outlined {
	border-color:var(--surface-400) !important;
}
.charging li.ui-wizard-step-title.ui-state-highlight {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.charging .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: #7C7D7E;
}
.charging .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::after,
.charging .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::before {
  background-color: #7C7D7E;
}
.charging .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.charging .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background:#dee0e3;
}
.charging .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #7C7D7E;
	text-shadow:none;
}
.charging .ui-tabs .ui-tabs-nav .ui-state-default a {
	color: #7C7D7E;
	text-shadow:none;
}
.charging .ui-inputfield {
	box-shadow: none;
}

.charging button.pushedButton {
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.charging .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.charging .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.charging tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

/* -- orderInCharging -- *****************************************************************************************************/
.orderInCharging .headerPanel div {
	color: #7C7D7E;
}
.orderInCharging .ui-selectonemenu-label,
.orderInCharging .ui-selectcheckboxmenu-label  {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.orderInCharging .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInCharging .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInCharging .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInCharging .ui-widget-header,
.orderInCharging th.ui-state-default,
.orderInCharging td.ui-state-default,
.orderInCharging button.ui-state-default,
.orderInCharging li.ui-state-default,
.orderInCharging .ui-button.ui-state-default:not(.ui-state-active),
.orderInCharging .ui-selectonemenu-trigger,
.orderInCharging .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInCharging button.ui-button-outlined,
.order button.ui-button-flat {
	color: #7C7D7E !important;
	background: none !important; 
}
.orderInCharging button.ui-button-outlined {
	border-color:var(--surface-400) !important;
}
.orderInCharging li.ui-wizard-step-title.ui-state-highlight {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInCharging .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: #7C7D7E;
}
.orderInCharging .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::after,
.orderInCharging .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::before {
  background-color: #7C7D7E;
}
.orderInCharging .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.orderInCharging .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color:#7C7D7E;
	text-shadow:none;
}
.orderInCharging .ui-tabs .ui-tabs-nav .ui-state-default a {
	color:#7C7D7E;
	text-shadow:none;
}
.orderInCharging .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInCharging .ui-inputfield {
	box-shadow: none;
}

.orderInCharging button.pushedButton {
	color:#7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.orderInCharging .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInCharging tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

/* -- tourInCharging -- *****************************************************************************************************/
.transportationInChargingSubmenu a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.transportationInChargingSubmenu a span {
	color: #7C7D7E;
}
.transportationInChargingSubmenu ul li a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.transportationInCharging .headerPanel div {
	color: #7C7D7E; 
}
.order .transportationInCharging .ui-selectonemenu-label,
.transportationInCharging .ui-selectonemenu-label,
.transportationInCharging .ui-selectcheckboxmenu-label,
.order .transportationInCharging .ui-selectcheckboxmenu-label  {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.order .transportationInCharging .ui-chkbox-box,
.transportationInCharging .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.order .transportationInCharging .ui-datepicker-trigger,
.transportationInCharging .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.order .transportationInCharging .ui-widget-header,
.order .transportationInCharging th.ui-state-default,
.order .transportationInCharging td.ui-state-default,
.order .transportationInCharging button.ui-state-default,
.order .transportationInCharging button.ui-state-default,
.order .transportationInCharging .ui-button.ui-state-default:not(.ui-state-active),
.order .transportationInCharging li.ui-state-default,
.order .transportationInCharging .ui-selectonemenu-trigger,
.order .transportationInCharging .ui-selectcheckboxmenu-trigger,
.transportationInCharging .ui-widget-header,
.transportationInCharging th.ui-state-default,
.transportationInCharging td.ui-state-default,
.transportationInCharging button.ui-state-default,
.transportationInCharging .ui-button.ui-state-default:not(.ui-state-active),
.transportationInCharging button.ui-state-default,
.transportationInCharging li.ui-state-default,
.transportationInCharging .ui-selectonemenu-trigger,
.transportationInCharging .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.order .transportationInCharging .ui-tabs .ui-tabs-nav .ui-tabs-selected,
.transportationInCharging .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.order .transportationInCharging .ui-tabs .ui-tabs-nav .ui-tabs-selected a,
.transportationInCharging .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #7C7D7E;
	text-shadow:none;
}
.order .transportationInCharging .ui-tabs .ui-tabs-nav .ui-state-default a {
	color: #7C7D7E;
	text-shadow:none;
}
.order .transportationInCharging .ui-checkbox-relative,
.transportationInCharging .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.order .transportationInCharging .ui-inputfield,
.transportationInCharging .ui-inputfield {
	box-shadow: none;
}

.order .transportationInCharging button.pushedButton,
.transportationInCharging button.pushedButton {
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.transportationInCharging .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

.transportationInCharging .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

.freightTrafficOrderHeader .transportationInCharging .ui-selectonemenu-label,
.transportationInCharging .ui-selectonemenu-label,
.transportationInCharging .ui-selectcheckboxmenu-label,
.freightTrafficOrderHeader .transportationInCharging .ui-selectcheckboxmenu-label  {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.freightTrafficOrderHeader .transportationInCharging .ui-chkbox-box,
.transportationInCharging .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .transportationInCharging .ui-datepicker-trigger,
.transportationInCharging .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .transportationInCharging .ui-widget-header,
.freightTrafficOrderHeader .transportationInCharging th.ui-state-default,
.freightTrafficOrderHeader .transportationInCharging td.ui-state-default,
.freightTrafficOrderHeader .transportationInCharging button.ui-state-default,
.freightTrafficOrderHeader .transportationInCharging button.ui-state-default,
.freightTrafficOrderHeader .transportationInCharging .ui-button.ui-state-default:not(.ui-state-active),
.freightTrafficOrderHeader .transportationInCharging li.ui-state-default,
.freightTrafficOrderHeader .transportationInCharging .ui-selectonemenu-trigger,
.freightTrafficOrderHeader .transportationInCharging .ui-selectcheckboxmenu-trigger,
.transportationInCharging .ui-widget-header,
.transportationInCharging th.ui-state-default,
.transportationInCharging td.ui-state-default,
.transportationInCharging button.ui-state-default,
.transportationInCharging .ui-button.ui-state-default:not(.ui-state-active),
.transportationInCharging button.ui-state-default,
.transportationInCharging li.ui-state-default,
.transportationInCharging .ui-selectonemenu-trigger,
.transportationInCharging .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .transportationInCharging .ui-tabs .ui-tabs-nav .ui-tabs-selected,
.transportationInCharging .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.freightTrafficOrderHeader .transportationInCharging .ui-tabs .ui-tabs-nav .ui-tabs-selected a,
.transportationInCharging .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #7C7D7E;
	text-shadow:none;
}
.freightTrafficOrderHeader .transportationInCharging .ui-tabs .ui-tabs-nav .ui-state-default a {
	color: #7C7D7E;
	text-shadow:none;
}
.freightTrafficOrderHeader .transportationInCharging .ui-checkbox-relative,
.transportationInCharging .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.freightTrafficOrderHeader .transportationInCharging .ui-inputfield,
.transportationInCharging .ui-inputfield {
	box-shadow: none;
}

.freightTrafficOrderHeader .transportationInCharging button.pushedButton,
.transportationInCharging button.pushedButton {
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.freightTrafficOrderHeader .transportationInCharging tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

/*--masterData--****************************************************************************************************************/
/*.masterDataSubmenuSubmenu  {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
} Removed to fix megaMenu master data color issue*/
.masterDataSubmenuSubmenu a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.masterDataSubmenuSubmenu a span {
	color: #7C7D7E;
}
.masterDataSubmenu a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.masterDataSubmenu a span {
	color: #7C7D7E;
}
.masterDataSubmenu ul li a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.masterData .headerPanel div {
	color: #7C7D7E; 
}
.masterData .ui-selectonemenu-label,
.masterData .ui-selectcheckboxmenu-label {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.masterData .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.masterData .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.masterData .ui-widget-header,
.masterData th.ui-state-default,
.masterData td.ui-state-default
.masterData button.ui-state-default,
.masterData .ui-button.ui-state-default:not(.ui-state-active),
.masterData li.ui-state-default,
.masterData .ui-selectonemenu-trigger,
.masterData .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.masterData button.ui-button-outlined,
.masterData button.ui-button-flat {
	color: #7C7D7E !important;
	background: none !important; 
}
.masterData button.ui-button-outlined {
	border-color:var(--surface-400) !important;
}
.masterData li.ui-wizard-step-title.ui-state-highlight {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.masterData .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: #7C7D7E;
}
.masterData .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::after,
.masterData .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::before {
  background-color: #7C7D7E;
}
.masterData .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.masterData .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #7C7D7E;
	text-shadow:none;
}
.masterData .ui-tabs .ui-tabs-nav .ui-state-default a {
	color: #7C7D7E;
	text-shadow:none;
}
.masterData .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.masterData .ui-inputfield {
	box-shadow: none;
}

.masterData button.pushedButton {
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.masterData .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.masterData .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.masterData tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}

/*--calculation--****************************************************************************************************************/
.calculationMenuItem {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}

.calculationSubmenu a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.calculationSubmenu a span {
	color: #7C7D7E;
}
.calculationSubmenu ul li a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.calculation .headerPanel div {
	color: #7C7D7E; 
}
.calculation .ui-selectonemenu-label,
.calculation .ui-selectcheckboxmenu-label {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.calculation .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.calculation .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.calculation .ui-widget-header,
.calculation th.ui-state-default,
.calculation td.ui-state-default
.calculation button.ui-state-default,
.calculation .ui-button.ui-state-default:not(.ui-state-active),
.calculation li.ui-state-default,
.calculation .ui-selectonemenu-trigger,
.calculation .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.calculation button.ui-button-outlined,
.calculation button.ui-button-flat {
	color: #7C7D7E !important;
	background: none !important; 
}
.calculation button.ui-button-outlined {
	border-color:var(--surface-400) !important;
}
.calculation li.ui-wizard-step-title.ui-state-highlight {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.calculation .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: #7C7D7E;
}
.calculation .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::after,
.calculation .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::before {
  background-color: #7C7D7E;
}
.calculation .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.calculation .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #7C7D7E;
	text-shadow:none;
}
.calculation .ui-tabs .ui-tabs-nav .ui-state-default a {
	color: #7C7D7E;
	text-shadow:none;
}
.calculation .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.calculation .ui-inputfield {
	box-shadow: none;
}

.calculation button.pushedButton {
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.calculation .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.calculation .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}
.calculation tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color:#7C7D7E !important;
}

/*--tasks--***************************************************************************************************************/
.tasksMenuItem {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.tasksSubmenu a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.tasksSubmenu a span {
	color: #7C7D7E;
}
.tasksSubmenu ul li a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.tasks .headerPanel div {
	color: #7C7D7E; 
}
.tasks .ui-selectonemenu-label,
.tasks .ui-selectcheckboxmenu-label {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.tasks .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.tasks .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.tasks .ui-widget-header,
.tasks th.ui-state-default,
.tasks td.ui-state-default,
.tasks button.ui-state-default,
.tasks .ui-button.ui-state-default:not(.ui-state-active),
.tasks li.ui-state-default,
.tasks .ui-selectonemenu-trigger,
.tasks .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.tasks button.ui-button-outlined,
.tasks button.ui-button-flat {
	color: #7C7D7E !important;
	background: none !important; 
}
.tasks button.ui-button-outlined {
	border-color:var(--surface-400) !important;
}
.tasks li.ui-wizard-step-title.ui-state-highlight {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.tasks .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: #7C7D7E;
}
.tasks .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::after,
.tasks .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::before {
  background-color: #7C7D7E;
}
.tasks .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.tasks .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #7C7D7E;
	text-shadow:none;
}
.tasks .ui-tabs .ui-tabs-nav .ui-state-default a {
	color: #7C7D7E;
	text-shadow:none;
}
.tasks .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.tasks .ui-inputfield {
	box-shadow: none;
}

.tasks button.pushedButton {
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.tasks .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.tasks li.ui-state-disabled {
	opacity: 1;
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	height: 19px;
	text-decoration:none; 
	line-height:19px;
	background-color: #dee0e3;
}
.tasks .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.tasks tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

/*--dispo--***************************************************************************************************************/
div.dispoTableHeader {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.dispoSubmenu a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.dispoSubmenu a span {
	color: #7C7D7E;
}
.dispoSubmenu ul li a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.dispo .headerPanel div {
	color: #7C7D7E; 
}
.dispo .ui-selectonemenu-label,
.dispo .ui-selectcheckboxmenu-label {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.dispo .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.dispo .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.dispoLayoutUnit .ui-layout-unit-header,
.dispo .ui-widget-header,
.dispo th.ui-state-default,
.dispo td.ui-state-default,
.dispo button.ui-state-default,
.dispo .ui-button.ui-state-default:not(.ui-state-active),
.dispo li.ui-state-default,
.dispo .ui-selectonemenu-trigger,
.dispo .ui-selectcheckboxmenu-trigger,
div.dispo button.dispo {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.dispo button.ui-button-outlined,
.dispo button.ui-button-flat {
	color: #7C7D7E !important;
	background: none !important; 
}
.dispo button.ui-button-outlined {
	border-color:var(--surface-400) !important;
}
.dispo li.ui-wizard-step-title.ui-state-highlight {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.dispo .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: #7C7D7E;
}
.dispo .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::after,
.dispo .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::before {
  background-color: #7C7D7E;
}
/*li.ui-wizard-step-title.ui-state-highlight.dispo,
li.ui-wizard-step-title.ui-state-default.dispo {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
	text
}*/
.dispo .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.dispo .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #7C7D7E;
	text-shadow:none;
}
.dispo .ui-tabs .ui-tabs-nav .ui-state-default a {
	color: #7C7D7E;
	text-shadow:none;
}
.dispo .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.dispo .ui-inputfield {
	box-shadow: none;
}

.dispo button.pushedButton {
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.dispo .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.dispo .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.dispo tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.dispoResizer .ui-layout-resizer, .dispoResizer ~ .ui-layout-resizer {
	background-color: #f2f4f6;
}
.dispoResizer .ui-layout-resizer-dragging, .dispoResizer ~ .ui-layout-resizer-dragging {
	border: dotted 1px #dee0e3;
}
.dispoMonitorResizer .ui-layout-resizer, .dispoMonitorResizer ~ .ui-layout-resizer {
	background-color: #f2f4f6;
}
.dispoMonitorResizer .ui-layout-resizer-dragging, .dispoMonitorResizer ~ .ui-layout-resizer-dragging {
	border: dotted 1px #dee0e3;
}
.dispoTourTile.ui-state-highlight {
	background: linear-gradient(to bottom, #3DE3C0 10%, #3DE3C0 52%, #3DE3C0 90%) !important;
}
.dispoTourTile.ui-state-highlight a:not(.ui-icon) {
	background: linear-gradient(to bottom, #3DE3C0 10%, #3DE3C0 52%, #3DE3C0 90%) !important;
}

/* -- orderInDispo -- *****************************************************************************************************/
.orderInDispo .headerPanel div {
	color: #7C7D7E;
}
.orderInDispo .ui-selectonemenu-label,
.orderInDispo .ui-selectcheckboxmenu-label  {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.orderInDispo .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInDispo .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInDispo .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInDispo .ui-widget-header,
.orderInDispo th.ui-state-default,
.orderInDispo td.ui-state-default,
.orderInDispo button.ui-state-default,
.orderInDispo li.ui-state-default,
.orderInDispo .ui-button.ui-state-default:not(.ui-state-active),
.orderInDispo .ui-selectonemenu-trigger,
.orderInDispo .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInDispo button.ui-button-outlined,
.orderInDispo button.ui-button-flat {
	color: #7C7D7E !important;
	background: none !important; 
}
.orderInDispo button.ui-button-outlined {
	border-color:var(--surface-400) !important;
}
.orderInDispo li.ui-wizard-step-title.ui-state-highlight {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInDispo .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: #7C7D7E;
}
.orderInDispo .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::after,
.orderInDispo .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::before {
  background-color: #7C7D7E;
}
.orderInDispo .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.orderInDispo .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color:#7C7D7E;
	text-shadow:none;
}
.orderInDispo .ui-tabs .ui-tabs-nav .ui-state-default a {
	color:#7C7D7E;
	text-shadow:none;
}
.orderInDispo .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInDispo .ui-inputfield {
	box-shadow: none;
}

.orderInDispo button.pushedButton {
	color:#7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.orderInDispo .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.orderInDispo tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

/*--ldAdministration--***************************************************************************************************************/
.ldAdministrationSubmenu a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.ldAdministrationSubmenu a span {
	color: #7C7D7E;
}
.ldAdministrationSubmenu ul li a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.ldAdministration .headerPanel div {
	color: #7C7D7E; 
}
.ldAdministration .ui-selectonemenu-label,
.ldAdministration .ui-selectcheckboxmenu-label {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.ldAdministration .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.ldAdministration .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.ldAdministration .ui-widget-header,
.ldAdministration th.ui-state-default,
.ldAdministration td.ui-state-default,
.ldAdministration button.ui-state-default,
.ldAdministration .ui-button.ui-state-default:not(.ui-state-active),
.ldAdministration li.ui-state-default,
.ldAdministration .ui-selectonemenu-trigger,
.ldAdministration .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.ldAdministration button.ui-button-outlined,
.ldAdministration button.ui-button-flat {
	color: #7C7D7E !important;
	background: none !important; 
}
.ldAdministration button.ui-button-outlined {
	border-color:var(--surface-400) !important;
}
.ldAdministration li.ui-wizard-step-title.ui-state-highlight {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.ldAdministration .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: #7C7D7E;
}
.ldAdministration .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::after,
.ldAdministration .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::before {
  background-color: #7C7D7E;
}
.ldAdministration .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.ldAdministration .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #7C7D7E;
	text-shadow:none;
}
.ldAdministration .ui-tabs .ui-tabs-nav .ui-state-default a {
	color: #7C7D7E;
	text-shadow:none;
}
.ldAdministration .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.ldAdministration .ui-inputfield {
	box-shadow: none;
}

.ldAdministration button.pushedButton {
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.ldAdministration .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.ldAdministration .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

.ldAdministration tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

/*--statistics--****************************************************************************************************************/
.statisticsSubmenu a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.statisticsSubmenu a span {
	color: #7C7D7E;
}
.statisticsSubmenu ul li a {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.statistics .headerPanel div {
	color: #7C7D7E; 
}
.statistics .ui-selectonemenu-label,
.statistics .ui-selectcheckboxmenu-label {
	background-image: none;
	background-color: white;
	font-weight: normal;
}
.statistics .ui-chkbox-box {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.statistics .ui-datepicker-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.statistics .ui-widget-header,
.statistics .ui-widget-header td.ui-state-default,
.statistics th.ui-state-default,
.statistics td.ui-state-default
.statistics button.ui-state-default,
.statistics .ui-button.ui-state-default:not(.ui-state-active),
.statistics li.ui-state-default,
.statistics .ui-selectonemenu-trigger,
.statistics .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.statistics button.ui-button-outlined,
.statistics button.ui-button-flat {
	color: #7C7D7E !important;
	background: none !important; 
}
.statistics button.ui-button-outlined {
	border-color:var(--surface-400) !important;
}
.statistics li.ui-wizard-step-title.ui-state-highlight {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.statistics .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight {
	border-color: #7C7D7E;
}
.statistics .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::after,
.statistics .ui-wizard .ui-wizard-step-titles .ui-wizard-step-title.ui-state-highlight::before {
  background-color: #7C7D7E;
}
.statistics .ui-tabs .ui-tabs-nav .ui-tabs-selected {
	background: #dee0e3;
}
.statistics .ui-tabs .ui-tabs-nav .ui-tabs-selected a {
	color: #7C7D7E;
	text-shadow:none;
}
.statistics .ui-tabs .ui-tabs-nav .ui-state-default a {
	color: #7C7D7E;
	text-shadow:none;
}
.statistics .ui-checkbox-relative {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.statistics .ui-inputfield {
	box-shadow: none;
}

.statistics button.pushedButton {
	color: #7C7D7E;
	text-shadow:none;
	background-image: none;
	background-color: #dee0e3;
}
.statistics .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}
.statistics .ui-accordion-header:not(.ui-state-active) { 
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

.statistics tfoot tr td.ui-state-default {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #7C7D7E !important;
}

/*--helper for customizer --***************************************************************************************************************/

.headerHelper .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 100%) !important;
	color: #2e629d !important;
}

.headerHelper .ui-widget-header,
.headerHelper th.ui-state-default,
.headerHelper td.ui-state-default,
.headerHelper button.ui-state-default,
.headerHelper .ui-button.ui-state-default:not(.ui-state-active),
.headerHelper li.ui-state-default,
.headerHelper .ui-selectonemenu-trigger,
.headerHelper .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 100%) !important;
	color: #2e629d !important;
}

.orgUnitHelper .ui-fieldset-legend {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #2e629d !important;
}

.orgUnitHelper .ui-widget-header,
.orgUnitHelper th.ui-state-default,
.orgUnitHelper td.ui-state-default,
.orgUnitHelper button.ui-state-default,
.orgUnitHelper .ui-button.ui-state-default:not(.ui-state-active),
.orgUnitHelper li.ui-state-default,
.orgUnitHelper .ui-selectonemenu-trigger,
.orgUnitHelper .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #ffffff 10%, #ffffff 52%, #ffffff 90%) !important;
	color: #2e629d !important;
}

.highlightHelper .ui-fieldset-legend {
	background: linear-gradient(to bottom, #E3F2FA 10%, #E3F2FA 52%, #E3F2FA 90%) !important;
	color: #232628 !important;
	text-shadow: none;
}

.highlightHelper .ui-widget-header,
.highlightHelper th.ui-state-default,
.highlightHelper td.ui-state-default,
.highlightHelper button.ui-state-default,
.highlightHelper .ui-button.ui-state-default:not(.ui-state-active),
.highlightHelper li.ui-state-default,
.highlightHelper .ui-selectonemenu-trigger,
.highlightHelper .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #E3F2FA 10%, #E3F2FA 52%, #E3F2FA 90%) !important;
	color: #232628 !important;
	text-shadow: none;
}

.tableHoverHelper .ui-fieldset-legend {
	background: linear-gradient(to bottom, #dee0e3 10%, #dee0e3 52%, #dee0e3 90%) !important;
	color: #000000 !important;
}

.tableHoverHelper .ui-widget-header,
.tableHoverHelper th.ui-state-default,
.tableHoverHelper td.ui-state-default,
.tableHoverHelper button.ui-state-default,
.tableHoverHelper .ui-button.ui-state-default:not(.ui-state-active),
.tableHoverHelper li.ui-state-default,
.tableHoverHelper .ui-selectonemenu-trigger,
.tableHoverHelper .ui-selectcheckboxmenu-trigger {
	background: linear-gradient(to bottom, #dee0e3 10%, #dee0e3 52%, #dee0e3 90%) !important;
	color: #000000 !important;
}

.focusHelper .ui-fieldset-legend {
	background: #152f4e;
}

.focusHelper .ui-widget-header,
.focusHelper th.ui-state-default,
.focusHelper td.ui-state-default,
.focusHelper button.ui-state-default,
.focusHelper .ui-button.ui-state-default:not(.ui-state-active),
.focusHelper li.ui-state-default,
.focusHelper .ui-selectonemenu-trigger,
.focusHelper .ui-selectcheckboxmenu-trigger {
	background: #152f4e;
}

.ui-menu .ui-menu-list .ui-widget-header {text-shadow: none;background: none;border: none;margin-left: -3px; }

/* This used to be in icons.css. But EL has always to return some value. But returning 'inherit' for Apollo theme didn't work correctly in this case */
.fa, .fas, .far, .tms,
.ui-icon-triangle-1-n,
.ui-icon-triangle-1-s,
.fa-caret-down:before,
body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon
 {
	color: #616161;
}

/*generic autocomplete tables header*/
.ui-autocomplete-panel .ui-autocomplete-table th{
	background: #f8f9fa !important;
}

/* Use different colors in different contexts - taken from aristo theme for ui-icon 
.ui-widget-content .fa,
.ui-widget-content .fas,
.ui-widget-content .far,
.ui-widget-content .tms {
	color: var(--ecovium-500-main) !important; //#616161 
}/*JHM re-test this!

.ui-state-default .fa,
.ui-state-default .fas,
.ui-state-default .far,
.ui-state-default .tms {
	color: var(--ecovium-500-main) !important; //#616161 #38667f;
}/*JHM re-test this!*/

/*.startHeader .fa,
.startHeader .fas,
.startHeader .far,
.startHeader .tms {
	color:#2e629d; /*#616161 !important;
}/*JHM*/

/*.ui-widget-header .fa,
.ui-widget-header .fas,
.ui-widget-header .far,
.ui-widget-header .tms {
	color:#2e629d; /*#616161 !important;
}/*JHM re-test this!*/

/* What about buttons in ui-state-default AND in ui-widget-header? */
.ui-widget-header .ui-state-default .fa,
.ui-widget-header .ui-state-default .fas,
.ui-widget-header .ui-state-default .far,
.ui-widget-header .ui-state-default .tms {
	color:var(--ecovium-500-main); /*#616161*/
}/*JHM re-test this!*/

a > i.fa:hover,
a > span.fa:hover, 
a > i.fas:hover,
a > span.fas:hover, 
a > i.far:hover,
a > span.far:hover,
a > i.tms:hover,
a > span.tms:hover {
	color: var(--gray-1000) !important; /*color: #a0a0a0 not good!*/
}/*JHM re-test this!*/

a > .fa:hover,
a > .fas:hover,
a > .far:hover,
a > .tms:hover {
	color: var(--gray-1000) !important; /*color: #a0a0a0 not good!*/
}/*JHM re-test this!*/

.ui-widget-content a > .fa:hover,
.ui-widget-content a > .fas:hover,
.ui-widget-content a > .far:hover,
.ui-widget-content a > .tms:hover {
	color: var(--gray-1000) !important; /*color: #a0a0a0 not good!*/
}/*JHM re-test this!*/

.ui-state-default a > .fa:hover,
.ui-state-default a > .fas:hover,
.ui-state-default a > .far:hover,
.ui-state-default a > .tms:hover {
	color: #808080 !important;
}/*JHM re-test this!*/

.ui-widget-header a > .fa:hover,
.ui-widget-header a > .fas:hover,
.ui-widget-header a > .far:hover,
.ui-widget-header a > .tms:hover {
	color: var(--gray-1000) !important; /*color: #c0c0c0 not good!*/
}/*JHM re-test this!*/

a.ui-icon:hover,
a.ui-commandlink:hover>span.ui-icon {
	box-shadow: 0px 0px 0px #85b2cb, inset 0px 0px 2px #85b2cb !important;
	border:none;
	border-radius: 0;
}/*JHM re-test this!*/

span.ui-icon.ui-button-icon-left.fa.bgHighlightImageButton,
span.ui-icon.ui-button-icon-left.fas.bgHighlightImageButton,
span.ui-icon.ui-button-icon-left.far.bgHighlightImageButton,
span.ui-icon.ui-button-icon-left.tms.bgHighlightImageButton {
	background-color: #FFD700 !important;
	border-radius: 50%;
	padding: 1px;
	height: 13px;
	width: 13px;
	margin: -6px -8px
}/*JHM re-test this!*/

.bgHighlightImage {
	background-color: #FFD700;
	border-radius: 50%;
	padding: 2px;
}
input:not(.ui-state-focus) {
	box-shadow: none !important;
}

.ui-splitbutton button.ui-button.ui-state-focus {
	z-index: 1;
}

button.ui-button.ui-state-focus {
	border: 1px solid #152f4e;
box-shadow: 0 0 5px 0 #152f4e!important;
}

.ui-widget-header a span.wiki-link {
	color: #2e629d;
}

.ui-widget-header a span.wiki-link:hover {
	color: #85b2cb;
}/*JHM re-test this!*/

a.ui-icon:focus, a.ui-commandlink:focus>span.ui-icon,
a.ui-commandlink:hover.ui-panel-titlebar-icon>span.ui-icon,
a.ui-commandlink:focus.ui-panel-titlebar-icon>span.ui-icon {
	box-shadow: 0px 0px 0px #05324b, inset 0px 0px 2px #05324b !important;
	border:none;
	border-radius: 0;
}/*JHM re-test this!*/

.fullscreen {
	background-color: #fff;
}

div.ui-selectcheckboxmenu-multiple {
	background: #fff !important;
}

/*-- alternating rows for picklist --*/
ul.ui-picklist-list li:nth-child(odd):not(.ui-state-highlight) {
	background: none repeat scroll 0 0 #F0F0F0;
}
ul.ui-picklist-list li:nth-child(odd).ui-state-hover {
	background: none repeat scroll 0 0 #85B2CB;
}
ul.ui-picklist-list li:nth-child(even):not(.ui-state-highlight) {
	background: none repeat scroll 0 0 #FFFFFF;
}
ul.ui-picklist-list li:nth-child(even).ui-state-hover {
	background: none repeat scroll 0 0 #85B2CB;
}

.ftoLeft {
	background: lightGrey;
}

.notReleased {
	background-color: #EBEBEB !important; /*!important added to overwrite row styling colors, speccially even rows - temporary solution*/
	background-image: none;
	color: #000000;
}
.released {
	background-color: #F0C58D !important; /*#FF9933*/  /*!important added to overwrite row styling colors, speccially even rows - temporary solution*/
	background-image: none;
	color: #000000;
}
.replicated {
	background-color: var(--green-300) !important; /*lightgreen*/  /*!important added to overwrite row styling colors, speccially even rows - temporary solution*/
	background-image: none;
	color: #000000;
}
.erroneous {
	background-color: #e68c97 !important;  /*!important added to overwrite row styling colors, speccially even rows - temporary solution*/
	background-image: none;
	color: #000000;
}

.ui-datepicker-trigger.ui-button.ui-widget span.ui-icon.ui-icon-calendar {
  background-image: none !important;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  margin-top: -6px;
}

/*.ui-datepicker-trigger.ui-button.ui-widget span.ui-icon.ui-icon-calendar:before {
	content: "\f073";
	font-family: "Font Awesome 5 Free";
}/*JHM*/

table[role="treegrid"]>tbody>tr:nth-child(odd) {
	color: black;
	background: #f8f8f8;
}/*JHM re-test this!*/
table[role="treegrid"]>tbody>tr:nth-child(even) {
	color: black;
	background: #ffffff;
}/*JHM re-test this!*/

body .ui-treetable .ui-treetable-data tr.ui-state-hover {
    border: 1px solid #7096ab;
	background: linear-gradient(to bottom, #dee0e3 10%, #dee0e3 52%, #dee0e3 90%) !important;
	color: #000000 !important;
    /*font-weight: bold;*/
    color: #313131;
    -moz-box-shadow: 0 0 5px #85b2cb;
    -webkit-box-shadow: 0px 0px 8px #85b2cb;
    box-shadow: 0px 0px 8px #85b2cb;
}/*JHM re-test this!*/

table[role="treegrid"]>tbody>tr.ui-state-highlight {
	background: linear-gradient(to bottom, #aaaaaa 10%, #aaaaaa 52%, #aaaaaa 90%);
	color: #ffffff;
	text-shadow: none;
}

.ui-datatable .ui-datatable-data > tr:hover {
	border-bottom: 1px solid var(--ecovium-500-main) !important;
	background: linear-gradient(to bottom, #dee0e3 10%, #dee0e3 52%, #dee0e3 90%) !important;
	color: #000000 !important;
    cursor: pointer;
}

li a.ui-menuitem-link.ui-state-hover {
	background: linear-gradient(to bottom, #dee0e3 10%, #dee0e3 52%, #dee0e3 90%) !important;
	color: #000000 !important;
	box-shadow: none;
}

li.ui-menuitem.ui-state-hover {
	background: linear-gradient(to bottom, #dee0e3 10%, #dee0e3 52%, #dee0e3 90%) !important;
	color: #000000 !important;
}

.ui-selectlistbox-item.ui-state-hover {
	background: linear-gradient(to bottom, #dee0e3 10%, #dee0e3 52%, #dee0e3 90%) !important;
	color: #000000 !important;
}

.ui-autocomplete-item.ui-state-highlight {
	background: linear-gradient(to bottom, #dee0e3 10%, #dee0e3 52%, #dee0e3 90%) !important;
	color: #000000 !important;
}

.ui-selectonemenu-item.ui-state-hover {
	background: linear-gradient(to bottom, #dee0e3 10%, #dee0e3 52%, #dee0e3 90%) !important;
	color: #000000 !important;
}

tr.autocomplete-suggestion.ui-state-hover {
	background: linear-gradient(to bottom, #dee0e3 10%, #dee0e3 52%, #dee0e3 90%) !important;
	color: #000000 !important;
	font-weight: normal;
}

.ui-accordion-header.ui-state-active {
	background: linear-gradient(to bottom, #dee0e3 10%, #dee0e3 52%, #dee0e3 90%) !important;
	color: #000000 !important;
	box-shadow: none;
}

li.ui-selectcheckboxmenu-token.ui-state-active.ui-corner-all {
	background: linear-gradient(to bottom, #dee0e3 10%, #dee0e3 52%, #dee0e3 90%) !important;
	color: #000000 !important;
	box-shadow:none;
}

body .ui-datatable .ui-datatable-data tr.ui-state-hover a {
    background: inherit;
}

body .ui-datatable .ui-datatable-data > tr:hover a {
    background: inherit !important;
}

.packageTree .ui-treenode-selected .ui-treenode-label {
	background: linear-gradient(to bottom, #E3F2FA 10%, #E3F2FA 52%, #E3F2FA 90%) !important;
	color: #232628 !important;
	text-shadow: none;
}

body .ui-tree.packageTree .ui-treenode-unselected>.ui-treenode-content>.ui-treenode-label.ui-state-highlight,
body .ui-tree.packageTree .ui-treenode-unselected>.ui-treenode-content>.ui-treenode-label.ui-state-highlight a {
	background: none !important; /* important, because of ui-state-highlight - line 81 :-( */
}

.packageTree .current-node>.ui-treenode-content .ui-treenode-label {
	border-radius: 3px;
	outline-style: solid;
	outline-width: 1px;
}

div.dropNewPanel {
	background: none repeat scroll 0 0 #F2F5F9;
}

.ui-datatable tr.ui-datatable-firstrow th.ui-state-default {
	background: #e0e0e0 none repeat scroll 0 0;
	text-align: left;
	font-weight: normal;
	padding: 2px !important;
}
.ui-datatable tr.ui-datatable-lastrow td.ui-state-default {
	background: #e0e0e0 none repeat scroll 0 0;
	font-weight: normal;
}

/* ---- from Tour.css ---- */
.motDetailTableLine,
.etDetailTableLine {
	border-bottom:1px solid var(--ecovium-gray-200);
}

/* ---- DispoCustomizer styles ---- */
.layout-item {
	background-color:var(--white);
	border:1px solid var(--ecovium-gray-400-subordinate);
}

.layout-header {
	background-color:var(--ecovium-gray-100);
	border:1px solid var(--ecovium-gray-300);
}

.layout-background{
	background-color:var(--ecovium-gray-100);
}

span.ui-chkbox-label {
	margin: 3px 3px 0px 5px !important;
}

/*--Common Buttons--****************************************************************************************************************/
.ui-button.ui-state-active {
	background-color:var(--white);
	/*background: linear-gradient(to bottom, #dee0e3 10%, #dee0e3 52%, #dee0e3 90%) !important;
	color: #000000 !important;*/
	box-shadow:none;
}

.ui-button.ui-state-active.buttonActiveAlt {
	color: var(--ecovium-500-main);
    background-color: var(--ecovium-gray-200) !important;
}

button.ui-button:focus {
	outline-style: none;
}

/* PanelMenu in welcome page */
body .ui-panelmenu .ui-menu-parent .ui-menu-list {
    margin-left: 10px;
}
body .ui-panelmenu .ui-panelmenu-content {
	padding: 0 1em;
  	}
body .ui-panelmenu h3 {
	font-size: 14px !important;
    text-shadow: none;
}/*JHM check this!*/
body .ui-panelmenu a.ui-menuitem-link {
	font-size: 14px !important;
}/*JHM check this!*/
body .ui-panelmenu .ui-state-default a, .ui-state-default a:link, .ui-state-default a {
    text-shadow: none;
}
body .ui-panelmenu .ui-state-active a {
    text-decoration: none !important;
}
body .ui-panelmenu {
	background: #fcfcfc;
	box-shadow: none;
}
body .ui-panelmenu .ui-panelmenu-panel,
body .leftPanelMenu--search {
	border-bottom: 1px solid #dee2e6;
}
body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header {
	background: #fcfcfc !important;
	border: none;
	box-shadow: none;
}
body .ui-panelmenu .ui-panelmenu-panel:first-child .ui-panelmenu-header {
	border-top:0;
}
body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header.ui-state-hover,
body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header.ui-state-active:hover {
	background: #e9ecef !important;
}

body .ui-panelmenu .ui-panelmenu-panel .ui-menuitem-link.ui-state-hover {
	background: #e9ecef !important; /*added to overwrite table color style*/
	box-shadow: none !important;
	border-top-color: transparent;
	border-top-style: solid;
	border-top-width: 1px;
}
body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content {
	background: #fcfcfc;
	border: none;
	box-shadow: none;
}
body .internalPanelMenu .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-content {
	background: var(--white);
}
body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header a {
	color: #2e629d;
}
body .ui-panelmenu .ui-panelmenu-panel .ui-menuitem a,
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
	color: #2e629d !important;
}
body .internalPanelMenu .ui-panelmenu .ui-panelmenu-panel .ui-menuitem a,
body .internalPanelMenu .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link.ui-state-hover .ui-menuitem-text {
	color: inherit !important;
}
body .ui-panelmenu .ui-panelmenu-header.ui-state-active {
	border: none;
}
body .ui-panelmenu .ui-panelmenu-header.ui-state-hover a {
    /*color: #f6a821;*/
    text-shadow: none;
}
body .ui-panelmenu .ui-panelmenu-header.ui-state-active:hover a {
	background: #e9ecef;
    /*color: #f6a821;*/
    text-shadow: none;
}
/* Why does it have to be important? */
body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header.ui-state-default.ui-state-hover {
    box-shadow: none !important;  
}
/* Why does it have to be important? */
body .ui-panelmenu .ui-panelmenu-panel .ui-panelmenu-header.ui-state-active:hover {
    box-shadow: none !important;
}

.ui-widget-header.bottomtoolbar {
    border-color: transparent;
    border-radius: 0;
}

.startHeader {
	text-shadow:none;
	color:#2e629d;
	background: linear-gradient(to bottom, #ffffff 0%, #ffffff 50%, #ffffff 100%) !important;
	color: #2e629d !important;
}

.startHeader a, .startHeader a .fa {
	text-shadow:none;
	color:#2e629d;
}

.startHeader .header--division {
	background-color:#2e629d;
}

.startHeader .moduleMenu a {
	color: #2e629d;
}

.footerIcon, .footer .iconResetTimeout {
	color:#2e629d !important;
}

/* Increased margin in span.ui-chkbox-label (line 1818) from 3px to 8px
   Or we could reduce many checkbox margin from 8px to 3px here */
.ui-selectmanycheckbox label {
    margin-left: 5px;
}

.CodeMirror {
	border: 1px solid #a8a8a8;
}

.ui-toolbar.startHeader {
    border-color: transparent;
    border-radius: 0;
    padding:0.7rem;
}

/*.ui-selectonemenu-trigger.ui-state-focus {
    border-left: 1px solid #152f4e;
box-shadow: 0 0 5px 0 #152f4e!important;;
} JHM Not needed anymore */

/*a.fa:focus,
a.tms:focus {
	border: 1px solid #152f4e;
box-shadow: 0 0 5px 0 #152f4e!important;
	margin: -1px; /* compensate border! 
} JHM Not needed anymore */

a:focus {
	text-decoration: underline double;
}

.ui-fieldset-legend .ui-fieldset-toggler.ui-icon-plusthick {
  background-image: none !important;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  margin-top: 2px;
  margin-right: 1px;
  height: auto;
}

/*.ui-fieldset-legend .ui-fieldset-toggler.ui-icon-plusthick:before {
    content: "\f067";
    font-family: "Font Awesome 5 Free";
}/*JHM*/

.ui-fieldset-legend .ui-fieldset-toggler.ui-icon-minusthick {
  background-image: none !important;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
  margin-top: 2px;
  margin-right: 1px;
  height: auto;
}

/*.ui-fieldset-legend .ui-fieldset-toggler.ui-icon-minusthick:before {
    content: "\f068";
    font-family: "Font Awesome 5 Free";
}/*JHM*/

a.ui-commandlink.ui-widget:focus i.not-hovered {
	border: none !important;
	margin-left: 0px;
	box-shadow: none !important;
}

span.ui-calendar .ui-state-focus ~ .ui-datepicker-trigger {
	border-left: 1px solid #152f4e;
box-shadow: inset 5px 0 5px -5px #152f4e!important;
}

.ui-autocomplete-multiple ul.ui-state-focus ~ button.ui-autocomplete-dropdown {
	border-left: 1px solid #152f4e;
box-shadow: inset 5px 0 5px -5px #152f4e!important;
}

.ui-paginator .ui-paginator-page.ui-state-default,
.ui-paginator .ui-paginator-prev.ui-state-default,
.ui-paginator .ui-paginator-next.ui-state-default,
.ui-paginator .ui-paginator-first.ui-state-default,
.ui-paginator .ui-paginator-last.ui-state-default {
    background: inherit;
    background: inherit;
    background: inherit;
    background: inherit;
}

.ui-paginator .ui-paginator-page.ui-state-default.ui-state-focus,
.ui-paginator .ui-paginator-prev.ui-state-default.ui-state-focus,
.ui-paginator .ui-paginator-next.ui-state-default.ui-state-focus,
.ui-paginator .ui-paginator-first.ui-state-default.ui-state-focus,
.ui-paginator .ui-paginator-last.ui-state-default.ui-state-focus {
	border: 1px solid #152f4e;
box-shadow: 0 0 5px 0 #152f4e!important;
}

.ui-paginator .ui-paginator-page.ui-state-default.ui-state-active {
	background: linear-gradient(to bottom, #E3F2FA 10%, #E3F2FA 52%, #E3F2FA 90%) !important;
	color: #232628 !important;
	text-shadow: none;	
}

.ui-paginator-next .ui-icon-seek-next {
    visibility: hidden;
    position: relative;
}

.ui-paginator-next .ui-icon-seek-next {
  background-image: none !important;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}

.ui-paginator-next .ui-icon-seek-next:after {
    /*content: "\f04e";
    font-family: "Font Awesome 5 Free";/*JHM TEST hidden */
    visibility: visible;
    position: absolute;
    top: 1px;
    left: 4px;
}

.ui-paginator-prev .ui-icon-seek-prev {
    visibility: hidden;
    position: relative;
}

.ui-paginator-prev .ui-icon-seek-prev {
  background-image: none !important;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}

.ui-paginator-prev .ui-icon-seek-prev:after {
    /*content: "\f04a";
    font-family: "Font Awesome 5 Free";/*JHM*/
    visibility: visible;
    position: absolute;
    top: 1px;
    left: 2px;
}

.ui-paginator-first .ui-icon-seek-first {
    visibility: hidden;
    position: relative;
}

.ui-paginator-first .ui-icon-seek-first {
  background-image: none !important;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}

.ui-paginator-first .ui-icon-seek-first:after {
    /*content: "\f048";
    font-family: "Font Awesome 5 Free";/*JHM */
    visibility: visible;
    position: absolute;
    top: 1px;
    left: 4px;
}

.ui-paginator-last .ui-icon-seek-end {
    visibility: hidden;
    position: relative;
}

.ui-paginator-last .ui-icon-seek-end {
  background-image: none !important;
  display: inline-block;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-indent: 0px !important;
  text-align: center;
}

.ui-paginator-last .ui-icon-seek-end:after {
    /*content: "\f051";
    font-family: "Font Awesome 5 Free";/*JHM*/
    visibility: visible;
    position: absolute;
    top: 1px;
    left: 4px;
}

.ui-paginator .ui-paginator-rpp-options.ui-state-default.ui-state-focus {
	border: 1px solid #152f4e;
box-shadow: 0 0 5px 0 #152f4e!important;
	background: linear-gradient(to bottom, #E3F2FA 10%, #E3F2FA 52%, #E3F2FA 90%) !important;
	color: #232628 !important;
	text-shadow: none;
}

.ui-paginator .ui-paginator-rpp-options.ui-state-default.ui-state-hover {
	background: linear-gradient(to bottom, #E3F2FA 10%, #E3F2FA 52%, #E3F2FA 90%) !important;
	color: #232628 !important;
	text-shadow: none;
}

.ui-paginator a.ui-paginator-prev:focus span,
.ui-paginator a.ui-paginator-next:focus span,
.ui-paginator a.ui-paginator-first:focus span,
.ui-paginator a.ui-paginator-last:focus span {
	margin-left: 0px;
	margin-right: 0px;
	border: none;
	box-shadow: none;
}

div.calculatedValue > ul.ui-selectonemenu-items.ui-selectonemenu-list > li:first-child, div.calculatedValue > input, div.calculatedValue > label {
	color: #c0c0c0 !important;
	opacity: unset !important;
}

div.unpinPanelMenu,
div.pinPanelMenu {
	color: #2e629d;
}

div.moduleMenu div.unpinPanelMenu a i,
div.moduleMenu div.pinPanelMenu a i,
div.moduleMenu div.unpinPanelMenu a i.fa:hover,
div.moduleMenu div.pinPanelMenu a i.fa:hover {
	color: #2e629d !important;
}

#menuAndShortcut a.configButton i {
	color: #2e629d;
}

body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-s,
body .ui-panelmenu h3.ui-panelmenu-header .ui-icon.ui-icon-triangle-1-e,
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-e,
body .ui-panelmenu .ui-panelmenu-content .ui-menuitem-link > span.ui-icon.ui-panelmenu-icon.ui-icon-triangle-1-s {
	color: #2e629d;
}

/*Nav Menu menu form item*/
.menuForm .ui-menuitem-link:hover,
.menuForm .ui-menuitem-link .ui-state-hover {
	background: -webkit-gradient(linear, 0% 0%, 0% 75%, from(rgb(181, 208, 224)), color-stop(0.6, rgb(154, 193, 219)), to(rgb(140, 188, 214)))	!important;
	background: -moz-linear-gradient(center top, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) repeat scroll 0 0 #85B2CB !important;
	box-shadow: 0 0 8px #85B2CB;
	color: #313131;
}

/* backgrounds for tdinternal menuitems and submenu's*/
.bg_tdInternal a {
	background: linear-gradient(to bottom, #faa907 10%,#ebebeb 52%,#f2bf16 90%);
}
/*End of Nav Menu menu form item*/

button.ui-datepicker-trigger.ui-state-disabled {
	opacity: 1.0;
}

button.ui-datepicker-trigger.ui-state-disabled span.ui-icon {
	opacity: .35;
}

select.ui-paginator-rpp-options option {
	color: black;
}

/* There is already a css class with '.ui-overlay-hidden * { visibility: hidden !important; }'. But that obviously does not really override 'visibility: visible' of the pageinator icons. For whatsoever reason.  */
.dispo.ui-overlay-hidden {
	display: none !important;
}

.ui-chkbox-box.ui-widget.ui-state-default .ui-chkbox-icon.ui-icon-check {
	color: var(--ecovium-gray-600);
}

.ui-chkbox-box.ui-widget.ui-state-default .ui-chkbox-icon.ui-icon-blank {
	color:var(--ecovium-gray-600);
}

.ui-chkbox-box.ui-widget.ui-state-default .ui-chkbox-icon.ui-icon-closethick {
	color:var(--ecovium-gray-600);;
}

/*This "fixes" some theme colors*/
input.ui-widget-header, 
input.ui-statedefault,
.ui-selectonemenu.ui-statedefault,
input .ui-widget-content .ui-state-default,
.ui-chkbox .ui-state-default,
.ui-chkbox .ui-widget-content .ui-state-default,
body .ui-selectonemenu,
body .ui-inputfield,
.ui-autocomplete-dropdown.ui-button.ui-statedefault,
.ui-datepicker-trigger.ui-butto.ui-state-default,
button.ui-autocomplete-dropdown,
button.ui-datepicker-trigger,
.ui-autocomplete-panel .ui-autocomplete-table th, 
.ui-autocomplete-panel .ui-autocomplete-table td,
body .ui-radiobutton .ui-radiobutton-box.ui-state-active,
.addressLogo {
	border: 1px solid var(--ecovium-gray-300) !important; 
}

.ui-splitbutton:hover .ui-button, 
.ui-splitbutton:hover button,
.ui-autocomplete:hover input,
.ui-autocomplete:hover button,
.ui-autocomplete.ui-inputwrapper-focus input,
.ui-autocomplete.ui-inputwrapper-focus button,
.ui-menuitem-text:hover .ui-inputfield,
.ui-selectonemenu:hover,
.ui-calendar:hover input,
.ui-calendar:hover button {
	border: 1px solid var(--ecovium-500-main) !important;
}

.ui-splitbutton:hover .ui-state-disabled,
.ui-autocomplete:hover .ui-state-disabled,
.ui-menuitem-text:hover .ui-state-disabled,
.ui-selectonemenu:hover .ui-state-disabled,
.ui-calendar:hover .ui-state-disabled
{
	border: 1px solid var(--ecovium-gray-300) !important; 
}

.ui-calendar button.ui-state-disabled,
.ui-calendar:hover button.ui-state-disabled  {
	border-left: 0px !important;
	opacity: 0.5;	
}

.ui-calendar input.ui-state-disabled,
.ui-calendar:hover input.ui-state-disabled  {
	border-right: 0px !important;
}

.ui-calendar:hover button {
	border-left: 0px !important;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active,
body .ui-radiobutton .ui-radiobutton-box.ui-state-active
 {
	border: 1px solid var(--ecovium-gray-600) !important; 
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active .ui-icon-bullet
 {
	background: var(--ecovium-gray-600) !important; 
}

.ui-datatable-footer .ui-button {
	border: 0 none !important
}

.ui-datatable-footer .ui-commandlink,
.ui-datatable-footer .ui-commandlink:visited {
	color: var(--ecovium-gray-900);
} 
.ui-datatable-footer .ui-commandlink:hover,
.ui-datatable-footer .ui-commandlink:active,
.ui-datatable-footer .ui-commandlink:focus {
	color: var(--ecovium-500-main);
}

/*** start of fileupload component ***/

.ui-fileupload-buttonbar.ui-widget-header {
  border-color: var(--ecovium-gray-200) !important;
  background: var(--ecovium-gray-100) !important;
}

body .ui-fileupload .ui-fileupload-content {
  background-color: var(--white);
  border-color:var(--ecovium-gray-200);
}

body .ui-fileupload .ui-fileupload-content:active {
background-color: var(--ecovium-gray-100);
border-color: var(--ecovium-gray-400-subordinate);
}

body .ui-fileupload .ui-fileupload-content::before {
  background-color: var(--ecovium-gray-200);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

body .ui-fileupload .ui-fileupload-content::after {
  color: var(--text-color-secondary);
}

body .ui-progressbar {
background-color: var(--ecovium-gray-200);
}

button.ui-state-default.ui-fileupload-cancel.ui-button-icon-only {
background:none !important;
  border: none;
}
/*** End of fileupload component ***/

/*This "fixes" some theme colors*/
.ui-tabs-nav.ui-widget-header {
	border-bottom: 1px solid var(--ecovium-gray-300) !important;
}

.ui-tabs .ui-tabs-panels .ui-tabs-panel {
	border-width: 1px !important;
    border-bottom: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    border-top: 0 none;
}

.ui-fieldset.ui-fieldset-toggleable {
	border: 1px solid #e0e0e0 !important;
}

.fa.fontRed,
.fas.fontRed,
.far.fontRed,
.tms.fontRed {
	color: red;
}

.fa.fontOrange,
.fas.fontOrange,
.far.fontOrange,
.tms.fontOrange {
	color: orange;
}

.fa.fontBlue,
.fas.fontBlue,
.far.fontBlue,
.tms.fontBlue {
	color: blue;
}

.fa.fontGreen,
.fas.fontGreen,
.far.fontGreen,
.tms.fontGreen {
	color: green;
}

.fa.fontAqua,
.fas.fontAqua,
.far.fontAqua,
.tms.fontAqua {
	color: aqua;
}

.fa.fontDarkblue,
.fas.fontDarkblue,
.far.fontDarkblue,
.tms.fontDarkblue {
	color: darkblue;
}

.fa.fontGrey,
.fas.fontGrey,
.far.fontGrey,
.tms.fontGrey {
	color: #616161;
}

.fa.fontLightgreen,
.fas.fontLightgreen,
.far.fontLightgreen,
.tms.fontLightgreen {
	color: var(--green-300)/*lightgreen*/;
}

.fa.fontPurple,
.fas.fontPurple,
.far.fontPurple,
.tms.fontPurple {
	color: purple;
}

.fa.fontYellow,
.fas.fontYellow,
.far.fontYellow,
.tms.fontYellow {
	color: yellow;
}

.fa.fontWarn,
.fas.fontWarn,
.far.fontWarn,
.tms.fontWarn {
	color: #f6871c;
}


.ui-icon.tms, .ui-widget .ui-icon.tms {
	color: #616161 !important;
}

.ui-button.ui-state-active.buttonActiveAlt .ui-icon.tms,
.ui-button.ui-state-active.buttonActiveAlt.ui-widget .ui-icon.tms  {
	color: var(--ecovium-500-main) !important;
}

.header #Ebene_1 path {
	fill: #2e629d;
}

/*** Dialog buttons ***/


body .ui-dialog button.ui-state-default.ui-button-primary .ui-button-text  {
    background: var(--ecovium-500-main) !important;
    color: #ffffff;
    border: 0px solid var(--ecovium-500-main) !important;
    margin:0;
    border-radius: 9px;
}

body .ui-dialog button.ui-state-default.ui-button-primary .ui-icon {
	color: #ffffff;
}

body .ui-dialog .ui-dialog-footer .ui-button-text-only, 
body .ui-dialog .ui-dialog-footer button.ui-state-default.ui-button-text-only .ui-button-text {
    background: transparent !important;
    border: 0px solid transparent !important;
}

.dashboardPreview div.dash.selected {
	background-color: #d3d3d3;
}
.dashboardPreview div.dash.hovered {
	outline: 1px #000 solid;
}

/*TEMP / TEST*/
body.SuperGrid #document form:not(#header form)#menuForm{
	background-color: #fcfcfc; /*same as mainMenu-V */
}
body.SuperGrid #header .startHeader .header--right a:hover {
	background-color: #2e629d20;
}

body.SuperGrid #header .startHeader button.ui-state-active,
body.SuperGrid #header .startHeader button.ui-state-hover,
body.SuperGrid #header .startHeader button.ui-state-focus {
	background: #2e629d20 !important;
	box-shadow: none !important;
}