.ui-widget, .ui-widget .ui-widget, pre {
	/*font-family: Arial,sans-serif;
	font-size: 11px;*/
	text-shadow: none !important;
}

.ui-calendar .ui-datepicker-trigger.ui-button-icon-only .ui-button-text {
	padding: 0.35em;
}

.ui-widget > pre {
	margin-top: 0;
	margin-bottom: 0;
}

/*-- alternating rows in datatable --*/
.ui-datatable-odd, .ui-datatable-even {
	color: black;
}

.ui-datatable tr.ui-state-highlight.no-pointer {
	cursor: auto;
}

.ui-datatable th[role=columnheader]  {
	/*overflow: visible !important;*/
	padding: 4px 3px !important;
	white-space: nowrap;
}

.ui-datatable .ui-datatable-data td[role=gridcell], .ui-datatable .ui-datatable-data-empty td[role=gridcell], .ui-datatable tfoot td {
	/*overflow: visible !important;*/
    padding: 3px !important;
    white-space: nowrap;
}
.ui-datatable table,
.ui-treetable table {
    table-layout: auto !important;
}


.ui-tabs .ui-tabs-nav li a {
    float: left;
    font-weight: normal;
    padding: 0.5em 1em;
    text-decoration: none;
}

.ui-state-active a {
	font-weight: bold !important;
    text-decoration: underline !important;
}

.ui-dashboard-column {
    float: left;
    padding-bottom: 100px;
    width: 300px;
}

.ui-selectonemenu .ui-selectonemenu-trigger {
	width: 19px;
}

.ui-inputfield.ui-state-calculated, 
.ui-state-calculated .ui-inputfield, 
.ui-state-calculated>div>input, 
.ui-selectonemenu.ui-state-calculated, 
.ui-selectonemenu.ui-state-disabled .ui-selectonemenu-trigger,
.ui-state-calculated .ui-chkbox-box.ui-state-disabled,
.ui-state-calculated .ui-autocomplete-dropdown.ui-button.ui-widget.ui-state-default.ui-corner-right.ui-button-icon-only.ui-state-disabled {
    background-image: none;
    opacity: 1.0;
    background-color: #eeeeee;
    color: #858585;
}

.ui-datepicker-trigger {
	vertical-align: top; 
}

/* FontAwesome icon */
.ui-button-icon-only .ui-icon.fa, 
.ui-button-text-icon-left .ui-icon.fa, 
.ui-button-text-icon-right .ui-icon.fa {
    margin-top: -6px;
}

/* IE */
input.ui-inputfield:-ms-input-placeholder {
	color:#aaa;
}

.ui-menu {
	width: auto;
}

.ui-button > .ui-button-text {
	white-space: nowrap;
	padding-top: 0.35em;
	padding-bottom: 0.35em;
}

.ui-widget.ui-panelgrid.dashboardGrid, .ui-widget.ui-panelgrid.dashboardGrid > tbody > tr.ui-widget-content, .ui-widget.ui-panelgrid.dashboardGrid > tbody > tr.ui-widget-content > td {
	width: 100%;
	background-color: transparent;
	border: none;
}

div.calculatedValue > ul.ui-selectonemenu-items.ui-selectonemenu-list > li:first-child, div.calculatedValue > input, div.calculatedValue > label {
	opacity: 0.7;
}

.ui-datatable tbody td, .ui-datatable tfoot td {
	padding: 2px 2px 2px 2px !important;
	border-color: inherit;
}

.ui-autocomplete-panel {
	overflow-x: hidden;
}

.ui-autocomplete-panel .ui-autocomplete-table th, .ui-autocomplete-panel .ui-autocomplete-table td {
    border-style: solid;
    border-width: 1px;
    padding: 2px;
    line-height: 1.0;
}

.ui-autocomplete-moretext {
	text-align: center !important;
	padding: 0px !important;
	cursor: default !important;
}

/* This causes problems with Apollo (missing right border). Removing it solves this problem and obviously has no negative effect on Transdata/Aristo
.ui-autocomplete-input.ui-autocomplete-dd-input {
	border-right-width: 0px;
} */

/* datepicker start */
.ui-datepicker th {
	font-weight: bold;
	text-align: right;
}

.ui-datepicker .ui-datepicker-week-end .ui-state-highlight, 
.ui-datepicker .ui-datepicker-week-end .ui-state-default {
	color: red;
}

/* datepicker end */

.ui-growl {
    position: fixed;
    right: 14px;
    top: 32px;
    width: 301px;
}

div.ui-layout-unit .ui-layout-unit-content {
	padding: 0px !important;
}

.ui-tooltip-shadow {
	margin: 0px;
	padding: 0px;
}
.ui-tooltip {
	white-space: pre-line;
	max-width: 450px;
	width: auto !important;
}

.ui-tooltip .ui-tooltip-text {
    background-color: white;
    color: var(--gray-700);
}   

.ui-tooltip .ui-tooltip-arrow {
    display:none;
}

.ui-dataGridNoBorder > .ui-datagrid-content {
	border:none;
}

.ui-dataGridNoBorder > div > table > tbody > tr > td {
	padding: 0px !important;
}

.ui-dataGridVerticalAlignTop .ui-datagrid-row {
	vertical-align: top;
}

.ui-column-dnd-bottom {
	display: none;
}

.ui-state-active-fixed {
	background: #8EBAF5 !important;
	border: 1px solid #7096ab !important;
	color: #1c4257 !important;
	font-weight: bold !important;
	text-shadow: none !important;
}

.selectManyMenuWithCheckBox > div > table > tbody > tr > td:first-child {
	width:20px;
}
.selectManyMenuWithCheckBox > div > table > tbody > tr > td {
	vertical-align: middle;
}

.ui-overlayNoBorder > .ui-overlaypanel-content > div {
	border-collapse: separate;
}
.ui-overlayNoBorder > .ui-overlaypanel-content > div > table > thead > tr > th,
.ui-overlayNoBorder > .ui-overlaypanel-content > div > table > tbody > tr > td,
.ui-overlayNoBorder > .ui-overlaypanel-content > div > table > tbody > tr > td > span > table > tbody > tr > td {
	border:none;
}
.ui-overlayNoBorder > .ui-overlaypanel-content > div > table > tbody > tr > td > span > table {
	border-collapse: separate;
	border:none;
}

.ui-multiselectlistbox-list {
	min-height: 50px !important;
}

/* tinyLayout for p:dataGrid */
.ui-datagrid.ui-widget.tinyLayout div.ui-datagrid-header,
.ui-datagrid.ui-widget.tinyLayout div.ui-datagrid-footer {
	padding: 4px;
}
.ui-datagrid.ui-widget.tinyLayout div.ui-datagrid-content table.ui-datagrid-data td.ui-datagrid-column {
	padding: 2px;
}
.ui-datagrid.ui-widget.tinyLayout div.ui-datagrid-content table.ui-datagrid-data td.ui-datagrid-column div.ui-panel.ui-widget-content {
	padding: 1px;
}
.ui-datagrid.ui-widget.tinyLayout div.ui-panel-content {
	padding: 2px 1px;
	white-space: nowrap;
}

div.ui-widget-content.ui-datepicker-buttonpane {
	padding: 0px;
}

button.ui-datepicker-current, button.ui-datepicker-close {
	min-width: auto;
}

div.ui-panel span.ui-panel-title {
	margin: 0.1em 10px 0.2em 0;
}

.ui-autocomplete-multiple-container.ui-inputfield {
    float:left;
}

.ui-splitbutton.ui-buttonset {
	margin-right: .1em;
}
.ui-splitbutton .ui-button.ui-splitbutton-menubutton {
	/* This displays wider some drop buttons JHM-1578
	width: 2.4em; */
	position: relative !important;
}
.ui-splitbutton {
	padding-right: 0 !important;
}

.fa {
	overflow: visible !important;
}

.ui-menuitem-icon {
	text-align: center;
	line-height: 22px;
	margin-right: 2px;
}

.ui-scrollable-dialog-content .ui-dialog-content {
	max-width: 1200px !important; 
    max-height: 750px !important;
    margin-bottom: 5px !important;
}

.ui-state-highlight .fa {
	/*color: #3c5bab !important;*/
}

.ui-state-hover {
    box-shadow: 0px 0px 0px #85b2cb, inset 0px 1px 0px #fff !important;
}

.ui-selectcheckboxmenu-panel {
	width: auto !important;
}

body .ui-toolbar.bottomtoolbar {
	padding: 0;	
}

/* Clickable error icon in datatable footer - Use red for all themes for the time being */
.fa.error-text {
	color: #EF5350 !important;
}

.fa.error-text:hover {
	color: #ed3c39 !important;
}

/* Fix problem with aristo theme 1.0.1  
   https://forum.primefaces.org/viewtopic.php?t=17613 
*/
.ui-tabs .ui-tabs-panel.ui-helper-hidden {
    display: none;
}
/* Fix problem with aristo theme 1.0.1  
   https://forum.primefaces.org/viewtopic.php?f=3&t=17398&start=10 
*/
.ui-accordion .ui-accordion-content {
	display: block;
}
.ui-accordion .ui-accordion-content.ui-helper-hidden {
	display:none
}
/* divider */

.ui-divider:before {
	border: 1px solid #a8a8a8;
	border-top: 0 none;
	width:96%;
}
/* menu background */
.ui-menu,
.ui-menu .ui-menu-child {
    background: #c4c4c4 -webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0.8)),to(rgba(255,255,255,0)));
}
/* Align triangle down icon in combo or button 
,
.ui-button-icon-left .ui-icon .ui-icon-triangle-1-s, 
.ui-button-icon-right .ui-icon .ui-icon-triangle-1-s
*/ 
.ui-button-icon-only .ui-icon.ui-icon-triangle-1-s {
    margin-top: -6px;
}


.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    position: absolute;
    margin: auto;
    bottom: 0;
    top:4px;
    left: 0;
    right: 0;
}

.ui-menu .ui-menuitem-link {
	line-height: inherit;
}

/* align close icon in dialog */
.ui-dialog .ui-dialog-titlebar-close {
	position:relative;
}

/* center footer in login page */
.loginFooter .ui-toolbar-group-left {
	width:100%;
	justify-content:center;
}

/* align icon in tree */
.ui-treetable .ui-treetable-toggler.ui-icon-triangle-1-s {
	margin-top:0px;
}
.ui-tree .ui-tree-selectable .ui-treenode-icon {
	padding-top:4px;
}
/* fix width input search in combo */
.ui-selectonemenu-panel .ui-selectonemenu-filter-container {
	width:auto;
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
	top:8px;
}
/* add style missing in new aristo theme version */

.ui-datatable-odd {
    background: none /*repeat scroll 0 0 #f2f5f9*/; /*JHM-221125*/
}

/* fix problem with aristo theme and scroll in scrollpanel and editable table */

.ui-selectonemenu .ui-helper-hidden-accessible {
   left:0px;	
}