/*************************************
* General styles                     *
/*************************************/
html {
    overflow: auto;
}

.ui-outputlabel {
    color: #000000 !important;
    margin-top: .5em; !important;
}

.headerLabel.ui-outputlabel {
    font-size: 15px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

.headerLabel2.ui-outputlabel {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #000000 !important;
}

.headerData.ui-outputlabel {
    font-size: 13px !important;
    font-weight: bold !important;
    color: #2e6e9e !important;
}

/* Applies to header usually on top of the center layout of each page.  This mimics the header of a PrimeFaces Panel */
.header-bar {
    display: block;
    width: 98.5%;
    height: 25px;
    line-height: 25px;
    font-size: 1.1em;
    color: #2e6e9e !important;
    text-align: left;
    vertical-align: middle;
    padding-left: 1%;
    border-radius: 5px;
}

/*Used to label optional fields*/
.optional {
    color: royalblue !important;
}

.tableAlignTop td {
    vertical-align: top;
}

.ui-column-title {
    color: #000000 !important;
}

/*Give DataTables alternating colors */

.ui-datatable-odd {
    background: none repeat scroll 0 0 #F2F4F9 !important;
    color: #000000 !important;
}

.ui-datatable-scrollable-body {
    overflow-y: scroll !important;
    overflow-x: auto !important;
    width: 100% !important;
    color: #000000 !important;
}

.ui-datatable-scrollable-header-box {
    margin-right: 17px !important;
    color: #000000 !important;
}

/*Sets datatable filter width and removes background color*/
.ui-column-filter {
    width: 98% !important;
    background: #ffffff !important;
    color: #000000 !important;
}

/* When selecting a single datatable record that is odd rather even, the highlighted record cannot be read. */
/* This CSS selector fix the background and color so that the datatable record can be seen when selected. */
/* Example of this is in the Document List screen. */
.ui-widget-content.ui-datatable-odd.ui-datatable-selectable.ui-state-highlight {
    background: #2D8EE3 !important;
    color: #ffffff !important;
}

.ui-widget-content.ui-datatable-even {
    color: #000000 !important;
}

/*Style drag and drop pick lists Example(Adhoc and Upload screens)*/
.ui-picklist-list .ui-picklist-item {
    /*background: #ffffff !important;*/
    text-align: left !important;
    color: #000000 !important;
}

.ui-picklist-list .ui-picklist-item.ui-state-highlight {
    color: #ffffff !important;
}

.ui-picklist-caption {
    color: #000000 !important;
}

.ui-selectonemenu .ui-selectonemenu-list {
    background: #ffffff !important;
    color: #000000 !important;
}

.ui-selectlistbox-list .ui-selectlistbox-item {
    color: #000000 !important;
}

.ui-selectlistbox-list .ui-selectlistbox-item.ui-state-highlight {
    color: #ffffff !important;
}

.ui-inputfield {
    font-weight: normal !important;
    color: #000000 !important;
}

.ui-column-filter {
    height: 25px !important;
}

li.tabTitle a {
    color: #000000 !important;
}

.ui-selectoneradio td {
    color: #000000 !important;
}

/* Style for disabled buttons.*/
/* In Ecuador, when buttons are disabled, they are completely transparent. */
/* These CSS selectors fix the transparent disabled buttons. */
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-state-disabled,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-icon-only.ui-state-disabled,
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.ui-state-disabled {
    opacity: .35 !important;
    background: #2D8EE3 !important;
    color: #ffffff !important;
}

/* Style for disabled split button. */
.ui-button.ui-widget.ui-state-default.ui-corner-left.ui-button-text-only.ui-state-disabled,
.ui-splitbutton-menubutton.ui-button.ui-widget.ui-state-default.ui-corner-right.ui-button-icon-only.ui-state-disabled {
    opacity: .35 !important;
    background: rgba(255, 255, 255, .35) !important;
}

/* Style for null selection in p:selectOneMenu component.*/
.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all:not(.ui-state-disabled) {
    opacity: 1 !important;
    background: rgba(255, 255, 255, 1) !important;
}

/* Style for disabled single p:selectOneMenu items.  */
/* For example, User security level in user detail screen when higher security level may be disabled.*/
.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-disabled,
.ui-selectonemenu-item.ui-selectonemenu-list-item.ui-corner-all.ui-state-disabled.ui-state-highlight {
    opacity: .35 !important;
    background: rgba(255, 255, 255, 0) !important;
    color: #495057 !important;
}

/* Style for disabled p:selectOneMenu child components.*/
.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all.ui-state-disabled > .ui-selectonemenu-label {
    opacity: 1 !important;
    background: rgba(255, 255, 255, 0) !important;
}

/* Style for disabled p:inputText components.*/
.ui-state-disabled {
    opacity: 1 !important;
    background: #F8F9FA !important;
}

input::-ms-clear {
    display: none;
}

/*removes 'X' from filter boxes because there is a PrimeFaces bug that will not reset the list when it is pressed */
ui-growl {
    z-index: 999999 !important;
}

.ui-menuitem-text {
    font-weight: bold !important;
    color: #000000 !important;
}

.card {
    color: #000000 !important;
}

body .layout-content {
    background-color: #f0f2f5 !important;
}