header.header {
    background-color: #2f2f32;
}

div.field>span {
    color: #000000;
}

/* fc calendar overrides */
.fht-table {
    color: #2F2F32;
}

/* jqGrid overrides */
.ui-widget-content a {
    color: #0072ed;
}

.ui-widget.ui-widget-content {
    border: none;
}
.ui-state-default, .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited,
.ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default,
.ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    background-color: #47474C;
    color: #ffffff;
}
.ui-state-default.ui-jqgrid-pager, .ui-widget-content .ui-state-default.ui-jqgrid-pager, .ui-pg-input {
    background-color: #ffffff;
    color: #47474C;
    border: none;
}
.ui-jqgrid .ui-pg-input {
    font-size: 1em!important;
}
.ui-pg-button {
    background-color: #FFFFFF;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled {
    opacity: 0.1;
}

.ui-widget-content {
    background: #ffffff;
    color: #2F2F32;
}

/* SCS Styled Table Layouts */
.tableHeaderColor {
    background-color: #D7D7D8; /* IDS Graphite 1 */
    color: #2F2F32;
    font-weight: bold;
    height: 33px;
}

.tableHeaderColor > th {
    border-right: 1px solid #fff;
    padding: 4px 10px 4px 10px;
}

.tableHeaderBorderBottom {
    border-bottom: 1px solid #fff;
}

.dropdownLabelForTableHeader {
    font-size: 1.4rem !important;
    font-weight: bold !important;
    color: #2F2F32 !important;
    text-align: left !important;
}

.detailsTable td {
    padding: 8px 10px 8px 10px;
}

.alternateShadedTable > tbody > tr:nth-child(even) {
    background: #EFEEED;
}
.alternateShadedTable > tbody > tr:nth-child(odd) {
    background: #FFFFFF;
}

#globalSearchArea {
    background-color: #ffffff;
}

/* === Errors === */

label.dataError {
    display: inline-block;
    color: #DA1217;
}

span.dataError {
    color: #2F2F32;
    background-color: #EE9496; /* ruby03 */
    padding: 2px;
    float: left;
    width: 85%;
}

.errorBox {
    background: #D7D7D8;
    border: 2px solid #DA1217;
    border-radius: 6px;
    clear: left;
    color: #2F2F32;
    margin: 10px auto;
    padding: 4px;
    min-height: 40px;
    max-height: 62px;
    overflow: auto;
    text-align: left;
    vertical-align: bottom;
}

label.fieldError {
    display: inline-block;
    width: 120px;
    text-align: right;
    color: #DA1217;
    padding: 5px 5px 2px 5px;

}

span.fieldError {
    background-color: #DA1217;
    color: #2F2F32;
    float: left;
    margin: 0 0 6px 135px;
    padding-left: 4px;
}

div#workflowErrors {
    background-color: #DA1217;
    color: white;
    font-weight: bold;
    margin: 1em 0;
    padding: 3px;
}

input.error,
select.error {
    border: 3px solid #DA1217;
}

.stripe-error {
    color: #DA1217;
}

.fieldErrorBackgroundColor {
    background-color: #DA1217;
}

.fieldWarningBackgroundColor {
    background-color: #FFFF80;
}

.fieldSuccessBackgroundColor {
    background-color: #99FF99;
}

/* === End: Errors === */

.detailsTable > tbody > tr > td {
    border-bottom: 1px solid #fff;
}

/* === Reservation Slots === */
.slot_available {
    background-color: #FFFFFF;
}

.slot_unaccommodating {
    background-color: #FFDBDB;
}

.slot_override {
    background-color: #E75A56;
}
/* === End: Reservation Slots === */

/* === Full Calendar === */

/* The body is not the height of the calendar component and so html needs to share the dark background color. */
html.theme-uplift-dark {
    background-color: inherit;
}

th.fc-col-header-cell {
    background-color: inherit;
}

/* Styles the day cells for Saturday and Sunday to be shaded */
.fc-day-sat:not(.fc-day-today):not(.scs-selected-date),
.fc-slot-sat:not(.fc-day-today):not(.scs-selected-date),
.fc-slot-sun:not(.fc-day-today):not(.scs-selected-date),
.fc-day-sun:not(.fc-day-today):not(.scs-selected-date)
{
    background-color: #efeff080;
}

/* Styles the week view header for the time slots to match the time slots */
th.fc-timegrid-axis {
    background-color: inherit;
}

/* Styles the day view header for the various time slots on time based views. */
.fc-resourceTimelineDay-view th.fc-timeline-slot, .fc-multipleDay-view th.fc-day {
    background-color: inherit;
}

/* Styles closed asset resource rows for the reservation timeline calendar. */
.fc .fc-resourceTimelineDay-view .asset-closed {
    background-color: #656871;
}

/* Styles the day view header for collapse/expand all */
table.fc-datagrid-header {
    background-color: inherit;
}

/* === End: Full Calendar === */


/* === Floor Management/Plan === */

.side-menu-layout-menu-content {
    background-color: #FFFFFF;
}

#top-menu {
    background-color: #f2f5f4;
}

/* === End: Floor Management/Plan === */


/* === Guest Rooms Booking === */

/* Styles uneditable table data cell elements that are a direct descendant of an enabled table row element. Ex: Inventory table data cells */
.datagrid-wrapper.center table.datagrid tr.datagrid-row:not(.is-rowdisabled) > td[role='gridcell']:not(.has-editor) {
    /* Slate 1 */
    background-color: #efeff0;
}

table.datagrid tr.datagrid-tree-parent[aria-level='1'] > td.is-spanned-last {
    --_grc-data-grid-header-background-color: var(--grc-data-grid-header-background-color, #efeff0);
    --_grc-data-grid-header-color: var(--grc-data-grid-header-color, #606066 );

    background-color: var(--_grc-data-grid-header-background-color) !important;
    color: var(--_grc-data-grid-header-color);
    font-weight: bold;
}

/* === End: Guest Rooms Booking === */

header a, #breadCrumb a {
    color: #ffffff;
}

ul.subheader, .bookmarkButtonImage.subheader {
    background-color: #2f2f32;
}

#default-email-address-modal-instructions-ul {
    color: #2f2f32;
}