/*-----------------------------------------------------------------------------*/
:root
{
	/* override IDS font size since it seems way too big */
	--ids-font-size-default:14px;
	
	/* override IDS icon size to match what's on the IDS website */
	--ids-icon-height-default:20px;
	--ids-icon-width-default:20px;
	
	/* override IDS field readonly border and text from light gray to match what's on the IDS website */
	--ids-input-color-border-readonly:var(--ids-input-color-border-default);
	--ids-input-color-text-readonly:var(--ids-input-color-text-default);
	
	/* counteract the gap that browsers automatically insert between buttons */
	--xm-browser-adjacent-button-padding:2px;
	
	/* IDS has a fixed --ids-button-height but the text aligns better when we set vertical padding instead */
	--xm-button-padding-vertical:calc(var(--ids-space-xs) - 2px);
	
	/* the spacing between adjacent buttons */
	--xm-button-spacing-horizontal:8px;
	
	/* table cell spacing */
	--xm-data-grid-padding:var(--ids-data-grid-padding-lg);

	/* table cell height */
	--xm-data-grid-row-height:var(--ids-data-grid-row-height-lg);
	
	/* IDS fields don't have a border radius but define one anyway since some styles (like jquery-xm.css) reference it */
	--xm-input-border-radius:0px;
	
	/* IDS uses 36px field height but for now keep ours at 28px until we evaluate the impact */
	--xm-input-height:28px;
	
	/* the spacing between fields and "related" components, for example a field and it's chooser button */
	--xm-input-spacing-related-horizontal:4px;
	
	/* the main panel horizontal spacing */
	--xm-main-panel-spacing-horizontal:48px;
	
	/* most panels or sections use this spacing between each other */
	--xm-standard-panel-spacing:16px;
	
	/* the spacing between toolbar buttons and their table */
	--xm-toolbar-spacing-bottom:4px;
}

/*-----------------------------------------------------------------------------*/
/**
 * Component styles.
 */
BODY
{
	margin:0px; /* without this, the header create screen shows unwanted padding around frame */
	background-color:var(--ids-color-background-default);
	height:100%; /* without this, the help popup doesn't vertically center correctly on short screens */
}

BODY,
TABLE,
INPUT,
.inputText_Disabled,
SELECT,
TEXTAREA,
DIV.xm-combobox INPUT.ui-widget,
DIV.xm-autocomplete INPUT.ui-widget
{
	/* set the default font */
	font-family:var(--ids-font-family-default), var(--ids-font-family-system-sans);
	font-weight:var(--ids-font-weight-default);
	font-size:var(--ids-font-size-default);
	color:var(--ids-color-text-default);
	text-align:left;
}

TH
{
	text-align:left;
}

FORM
{
	margin:0px;
}

/*-----------------------------------------------------------------------------*/
IMG[src$=".svg"],
INPUT[type=image][src$=".svg"]
{
	width:var(--ids-icon-width-default);
	height:var(--ids-icon-height-default);
}

IMG.svg-ids-icon-color-default,
IMG[src$=".svg"]
{
	/* to set an svg's color you have to apply a filter, which can be calculated using the RGB hex on sites like https://codepen.io/sosuke/pen/Pjoqqp */
	/* --ids-icon-color-default -> --ids-color-text-default -> --ids-color-foreground-default-default -> --ids-color-neutral-100 -> #161618 */
	filter:invert(2%) sepia(3%) saturate(5030%) hue-rotate(203deg) brightness(90%) contrast(86%);
}

IMG.svg-ids-icon-color-default-disabled,
IMG.iconDisabled,
IMG.receipt_cmd_disabled
{
	/* --ids-icon-color-default-disabled -> --ids-color-text-disabled -> --ids-color-neutral-30 -> #c5c5c9 */
	filter:invert(87%) sepia(8%) saturate(82%) hue-rotate(201deg) brightness(94%) contrast(83%);
}

IMG.svg-ids-color-error-default,
IMG.iconInvalid
{
	/* --ids-color-error-default -> --ids-color-red-60 -> #da1217 */
	filter:invert(16%) sepia(95%) saturate(4006%) hue-rotate(349deg) brightness(84%) contrast(107%);
}

IMG.svg-ids-color-info-default
{
	/* --ids-color-info-default -> --ids-color-blue-60 -> #0072ed */
	filter:invert(37%) sepia(71%) saturate(3074%) hue-rotate(195deg) brightness(88%) contrast(113%);
}

IMG.svg-ids-color-warning-default,
IMG.iconWarn,
IMG.iconIncomplete,
IMG.iconDocumentToExport
{
	/* --ids-color-warning-default -> --ids-color-orange-60 -> #f98300 */
	filter:invert(48%) sepia(92%) saturate(1107%) hue-rotate(0deg) brightness(98%) contrast(100%);
}

IMG.svg-ids-color-accent-green-stronger,
IMG.iconExplain
{
	/* --ids-color-accent-green-stronger -> --ids-color-green-80 -> #1f9254 */
	filter:invert(44%) sepia(12%) saturate(2231%) hue-rotate(95deg) brightness(100%) contrast(97%);
}

IMG.svg-ids-color-accent-neutral-default,
IMG.iconTooltipPopup
{
	/* --ids-color-accent-neutral-default -> --ids-color-neutral-50 -> #8e8e95 */
	filter:invert(63%) sepia(1%) saturate(2947%) hue-rotate(203deg) brightness(90%) contrast(85%);
}

IMG.svg-ids-button-secondary-color-border-default,
IMG.iconMenuButtonArrow
{
	/* --ids-button-secondary-color-border-default -> --ids-color-action-default -> --ids-color-blue-60 -> #0072ed */
	filter:invert(37%) sepia(71%) saturate(3074%) hue-rotate(195deg) brightness(88%) contrast(113%);
}

IMG.svg-ids-data-grid-header-color-icon,
TH A.itemTable_SortLink IMG
{
	/* --ids-data-grid-header-color-icon -> --ids-color-neutral-100 -> #161618 */
	filter:invert(7%) sepia(3%) saturate(1138%) hue-rotate(202deg) brightness(92%) contrast(94%);
}

IMG.svg-ids-masthead-color-text
{
	/* --ids-masthead-color-text -> --ids-color-white-100 -> #ffffff */
	filter:invert(100%) sepia(0%) saturate(7492%) hue-rotate(305deg) brightness(106%) contrast(102%);
}

/* 16 pixels */
IMG.space-sm,
IMG.iconTooltipPopup
{
	width:var(--ids-space-sm);
	height:var(--ids-space-sm);
}

/* 40 pixels */
IMG.space-xl,
IMG.receipt_cmd,
IMG.receipt_cmd_disabled
{
	width:var(--ids-space-xl);
	height:var(--ids-space-xl);
}

/* 48 pixels */
IMG.space-2xl,
IMG.iconBRVLarge
{
	width:var(--ids-space-2xl);
	height:var(--ids-space-2xl);
}

IMG.iconTabRemove
{
	width:14px;
	height:14px;
}

/*-----------------------------------------------------------------------------*/
A,
.titledpanel .title .componentTooltipPopupPopupMenu A /* needed for toggle panel tooltips, otherwise their link style is overridden by the toggle panel style */
{
	color:var(--ids-hyperlink-color-text-default);
	text-decoration:none;
}

A:hover,
.titledpanel .title .componentTooltipPopupPopupMenu A:hover /* needed for toggle panel tooltips, otherwise their link style is overridden by the toggle panel style */
{
	color:var(--ids-hyperlink-color-text-hover);
	text-decoration:none;
}

A IMG
{
	border:0px; /* never show border for link images */
	vertical-align:middle;
}

A.drilldown-text
{
	margin-left:8px;
}

A.idsHyperlink
{
	font-size:var(--ids-font-size-default);
	font-weight:var(--ids-hyperlink-font-weight);
	color:var(--ids-hyperlink-color-text-default);
	border-radius:var(--ids-hyperlink-border-radius);
	cursor:var(--ids-hyperlink-cursor);
	text-decoration:none; /* this isn't in IDS but it looks better without underline */
}

A.idsHyperlink:hover
{
	color:var(--ids-hyperlink-color-text-hover);
	text-decoration:underline;
}

A[disabled=disabled],
A.idsHyperlink[disabled=disabled]
{
	color:var(--ids-hyperlink-color-text-disabled);
}

A.idsButtonPrimary,
A.idsButtonSecondary,
A.idsButtonTertiary,
A.idsButtonIcon
{
	font-size:var(--ids-font-size-default);
	font-weight:var(--ids-font-weight-semibold);
	padding:var(--xm-button-padding-vertical) var(--ids-button-padding-inline);
	border-radius:var(--ids-button-radius);
	cursor:var(--ids-cursor-pointer);
	text-align:center;
	outline:none;
	display:inline-block;
	white-space:nowrap;
}

A.idsButtonPrimary
{
	color:var(--ids-button-primary-color-text-default);
	background-color:var(--ids-button-primary-color-background-default);
	border:1px solid var(--ids-button-primary-color-border-default);
}

A.idsButtonSecondary
{
	color:var(--ids-button-secondary-color-text-default);
	background-color:var(--ids-button-secondary-color-background-default);
	border:1px solid var(--ids-button-secondary-color-border-default);
}

A.idsButtonTertiary,
A.idsButtonIcon
{
	color:var(--ids-button-tertiary-color-text-default);
	background-color:var(--ids-button-tertiary-color-background-default);
	border-color:var(--ids-button-tertiary-color-border-default);
}

A.idsButtonIcon
{
	padding:2px 2px;
}

A.idsButtonPrimary:focus
{
	border-color:var(--ids-button-primary-color-border-focus);
	box-shadow:var(--ids-button-primary-shadow-focus);
}

A.idsButtonSecondary:focus
{
	border-color:var(--ids-button-secondary-color-border-focus);
	box-shadow:var(--ids-button-secondary-shadow-focus);
}

A.idsButtonTertiary:focus,
A.idsButtonIcon:focus
{
	border-color:var(--ids-button-tertiary-color-border-focus);
	box-shadow:var(--ids-button-tertiary-shadow-focus);
}

A.idsButtonPrimary:hover
{
	background-color:var(--ids-button-primary-color-background-hover);
	border-color:var(--ids-button-primary-color-border-hover);
}

A.idsButtonSecondary:hover
{
	color:var(--ids-button-secondary-color-text-hover);
	background-color:var(--ids-button-secondary-color-background-hover);
	border-color:var(--ids-button-secondary-color-border-hover);
}

A.idsButtonTertiary:hover,
A.idsButtonIcon:hover
{
	color:var(--ids-button-tertiary-color-text-hover);
	background-color:var(--ids-button-tertiary-color-background-hover);
	border-color:var(--ids-button-tertiary-color-border-hover);
}

A.idsButtonPrimary:pressed
{
	color:var(--ids-button-primary-color-text-pressed);
	background-color:var(--ids-button-primary-color-background-pressed);
	border-color:var(--ids-button-primary-color-border-pressed);
}

A.idsButtonSecondary:pressed
{
	color:var(--ids-button-secondary-color-text-pressed);
	background-color:var(--ids-button-secondary-color-background-pressed);
	border-color:var(--ids-button-secondary-color-border-pressed);
}

A.idsButtonTertiary:pressed,
A.idsButtonIcon:pressed
{
	color:var(--ids-button-tertiary-color-text-pressed);
	background-color:var(--ids-button-tertiary-color-background-pressed);
	border-color:var(--ids-button-tertiary-color-border-pressed);
}

A.idsButtonPrimary[disabled=disabled]
{
	color:var(--ids-button-primary-color-text-disabled);
	background-color:var(--ids-button-primary-color-background-disabled);
	border-color:var(--ids-button-primary-color-border-disabled);
	opacity:var(--ids-button-primary-opacity-disabled);
}

A.idsButtonSecondary[disabled=disabled]
{
	color:var(--ids-button-secondary-color-text-disabled);
	background-color:var(--ids-button-secondary-color-background-disabled);
	border-color:var(--ids-button-secondary-color-border-disabled);
	opacity:var(--ids-button-secondary-opacity-disabled);
}

A.idsButtonTertiary[disabled=disabled],
A.idsButtonIcon[disabled=disabled]
{
	color:var(--ids-button-tertiary-color-text-disabled);
	background-color:var(--ids-button-tertiary-color-background-disabled);
	border-color:var(--ids-button-tertiary-color-border-disabled);
	opacity:var(--ids-button-tertiary-opacity-disabled);
}

A.idsButtonPrimary IMG,
A.idsButtonSecondary IMG,
A.idsButtonTertiary IMG
{
	width:var(--ids-button-icon-compact-width);
	height:var(--ids-button-icon-compact-height);
	margin-right:var(--ids-button-icon-half-padding);
}

A.idsButtonSecondary IMG
{
	/* --ids-button-secondary-color-border-default -> --ids-color-action-default -> --ids-color-blue-60 -> #0072ed */
	filter:invert(37%) sepia(71%) saturate(3074%) hue-rotate(195deg) brightness(88%) contrast(113%);
}

A.idsButtonIcon IMG
{
	width:var(--ids-icon-width-default);
	height:var(--ids-icon-height-default);
}

A.idsButtonPrimary SPAN,
A.idsButtonSecondary SPAN,
A.idsButtonTertiary SPAN,
A.idsButtonIcon SPAN
{
	vertical-align:middle;
}

A.menuButtonDefaultButton
{
	position:relative; /* this is needed so z-index takes effect */
	z-index:1; /* set z-index higher than menuButtonArrowButton otherwise the focus indicator gets truncated */
	border-radius:var(--ids-button-radius) 0px 0px var(--ids-button-radius);
}

A.menuButtonArrowButton
{
	padding-left:calc(var(--ids-button-padding-inline) / 2);
	padding-right:calc(var(--ids-button-padding-inline) / 2);
	border-radius:0px var(--ids-button-radius) var(--ids-button-radius) 0px;
	margin-left:-5px;
}

A.menuButtonArrowButton IMG.iconMenuButtonArrow
{
	margin-left:0px;
	margin-right:0px;
	width:16px;
	height:16px;
}

/* counteract the gap that browsers automatically insert between buttons */
.hasButtonBefore
{
	margin-left:calc(0 - var(--xm-browser-adjacent-button-padding));
}

.fieldcellfloat A.idsButtonPrimary,
.fieldcellfloat A.idsButtonSecondary,
.fieldcellfloat A.idsButtonTertiary,
.fieldcellfloat A.idsButtonIcon,
.labeltop A.idsButtonPrimary,
.labeltop A.idsButtonSecondary,
.labeltop A.idsButtonTertiary,
.labeltop A.idsButtonIcon,
TABLE.fieldtable .chooser A.idsButtonIcon
{
	margin-left:var(--xm-input-spacing-related-horizontal);
}

.fieldcellfloat A.idsButtonPrimary.hasButtonBefore,
.fieldcellfloat A.idsButtonSecondary.hasButtonBefore,
.fieldcellfloat A.idsButtonTertiary.hasButtonBefore,
.fieldcellfloat A.idsButtonIcon.hasButtonBefore,
.labeltop A.idsButtonPrimary.hasButtonBefore,
.labeltop A.idsButtonSecondary.hasButtonBefore,
.labeltop A.idsButtonTertiary.hasButtonBefore,
.labeltop A.idsButtonIcon.hasButtonBefore,
TABLE.fieldtable .chooser A.idsButtonIcon.hasButtonBefore
{
	margin-left:calc(var(--xm-input-spacing-related-horizontal) - var(--xm-browser-adjacent-button-padding));
}

TABLE.tablecontainer TD.headercommands A.idsButtonPrimary,
TABLE.tablecontainer TD.headercommands A.idsButtonSecondary,
TABLE.tablecontainer TD.headercommands A.idsButtonTertiary,
TABLE.tablecontainer TD.headercommands A.idsButtonIcon,
TABLE.tablecontainer TD.headercommands SPAN.componentMoreActionsButton,
TABLE.tablecontainer TD.headercommands SPAN.componentPopupMenuButton,
TABLE.tablecontainer TD.headercommands SPAN.componentPopupPanelButton,
TABLE.tablecontainer TD.headercommands SPAN.componentQuickAddButton,
TABLE.tablecontainer TD.footercommands A.idsButtonPrimary,
TABLE.tablecontainer TD.footercommands A.idsButtonSecondary,
TABLE.tablecontainer TD.footercommands A.idsButtonTertiary,
TABLE.tablecontainer TD.footercommands A.idsButtonIcon
{
	margin-right:var(--xm-button-spacing-horizontal);
}

/* counteract the above style for composite components that contain sub-buttons */
TABLE.tablecontainer TD.headercommands SPAN.componentMoreActionsButton A.idsButtonPrimary,
TABLE.tablecontainer TD.headercommands SPAN.componentMoreActionsButton A.idsButtonSecondary,
TABLE.tablecontainer TD.headercommands SPAN.componentMoreActionsButton A.idsButtonTertiary,
TABLE.tablecontainer TD.headercommands SPAN.componentMoreActionsButton A.idsButtonIcon,
TABLE.tablecontainer TD.headercommands SPAN.componentPopupMenuButton A.idsButtonPrimary,
TABLE.tablecontainer TD.headercommands SPAN.componentPopupMenuButton A.idsButtonSecondary,
TABLE.tablecontainer TD.headercommands SPAN.componentPopupMenuButton A.idsButtonTertiary,
TABLE.tablecontainer TD.headercommands SPAN.componentPopupMenuButton A.idsButtonIcon,
TABLE.tablecontainer TD.headercommands SPAN.componentPopupPanelButton A.idsButtonPrimary,
TABLE.tablecontainer TD.headercommands SPAN.componentPopupPanelButton A.idsButtonSecondary,
TABLE.tablecontainer TD.headercommands SPAN.componentPopupPanelButton A.idsButtonTertiary,
TABLE.tablecontainer TD.headercommands SPAN.componentPopupPanelButton A.idsButtonIcon,
TABLE.tablecontainer TD.headercommands SPAN.componentQuickAddButton A.idsButtonPrimary,
TABLE.tablecontainer TD.headercommands SPAN.componentQuickAddButton A.idsButtonSecondary,
TABLE.tablecontainer TD.headercommands SPAN.componentQuickAddButton A.idsButtonTertiary,
TABLE.tablecontainer TD.headercommands SPAN.componentQuickAddButton A.idsButtonIcon
{
	margin-right:0px;
}

TABLE.tablecontainer TD.headercommandsright A.idsButtonPrimary,
TABLE.tablecontainer TD.headercommandsright A.idsButtonSecondary,
TABLE.tablecontainer TD.headercommandsright A.idsButtonTertiary,
TABLE.tablecontainer TD.headercommandsright A.idsButtonIcon,
TABLE.tablecontainer TD.headercommandsright SPAN.componentPopupPanelButton,
TABLE.tablecontainer TD.headercommandsright SPAN.componentTableItemCount,
TABLE.tablecontainer TD.headercommandsright SPAN.componentTableSettings,
TABLE.tablecontainer TD.footercommandsright A.idsButtonPrimary,
TABLE.tablecontainer TD.footercommandsright A.idsButtonSecondary,
TABLE.tablecontainer TD.footercommandsright A.idsButtonTertiary,
TABLE.tablecontainer TD.footercommandsright A.idsButtonIcon
{
	margin-left:var(--xm-button-spacing-horizontal);
}

/* counteract the above style for composite components that contain sub-buttons */
TABLE.tablecontainer TD.headercommandsright SPAN.componentPopupPanelButton A.idsButtonPrimary,
TABLE.tablecontainer TD.headercommandsright SPAN.componentPopupPanelButton A.idsButtonSecondary,
TABLE.tablecontainer TD.headercommandsright SPAN.componentPopupPanelButton A.idsButtonTertiary,
TABLE.tablecontainer TD.headercommandsright SPAN.componentPopupPanelButton A.idsButtonIcon,
TABLE.tablecontainer TD.headercommandsright SPAN.componentTableSettings A.idsButtonPrimary,
TABLE.tablecontainer TD.headercommandsright SPAN.componentTableSettings A.idsButtonSecondary,
TABLE.tablecontainer TD.headercommandsright SPAN.componentTableSettings A.idsButtonTertiary,
TABLE.tablecontainer TD.headercommandsright SPAN.componentTableSettings A.idsButtonIcon
{
	margin-left:0px;
}

TABLE.tablecontainer TD.headercommandsright A.idsButtonPrimary.hasButtonBefore,
TABLE.tablecontainer TD.headercommandsright A.idsButtonSecondary.hasButtonBefore,
TABLE.tablecontainer TD.headercommandsright A.idsButtonTertiary.hasButtonBefore,
TABLE.tablecontainer TD.headercommandsright A.idsButtonIcon.hasButtonBefore,
TABLE.tablecontainer TD.headercommandsright SPAN.componentPopupPanelButton.hasButtonBefore,
TABLE.tablecontainer TD.headercommandsright SPAN.componentTableItemCount.hasButtonBefore,
TABLE.tablecontainer TD.headercommandsright SPAN.componentTableSettings.hasButtonBefore,
TABLE.tablecontainer TD.footercommandsright A.idsButtonPrimary.hasButtonBefore,
TABLE.tablecontainer TD.footercommandsright A.idsButtonSecondary.hasButtonBefore,
TABLE.tablecontainer TD.footercommandsright A.idsButtonTertiary.hasButtonBefore,
TABLE.tablecontainer TD.footercommandsright A.idsButtonIcon.hasButtonBefore
{
	margin-left:calc(var(--xm-button-spacing-horizontal) - var(--xm-browser-adjacent-button-padding));
}

/*-----------------------------------------------------------------------------*/
LABEL
{
	color:var(--ids-input-label-color-text-default);
}

INPUT[type=checkbox]
{
	width:16px;
	height:16px;
	border:none;
	margin:0px;
	color:var(--ids-input-color-text-default);
	vertical-align:middle;
}

INPUT[type=checkbox][disabled=disabled]
{
	color:var(--ids-input-color-text-readonly);
	cursor:not-allowed;
}

LABEL.checkboxlabel
{
	padding-left:4px;
	vertical-align:middle;
}

.inputText_Disabled,
INPUT[type=text],
INPUT[type=password]
{
	height:var(--xm-input-height);
	border:1px solid var(--ids-input-color-border-default);
	border-radius:var(--xm-input-border-radius);
	padding:0px 4px;
	vertical-align:middle;
}

INPUT[type=text],
INPUT[type=password],
.inputText_Disabled,
SELECT,
TEXTAREA,
DIV.xm-combobox INPUT.ui-widget,
DIV.xm-autocomplete INPUT.ui-widget
{
	color:var(--ids-input-color-text-default);
	background-color:var(--ids-input-color-background-default);
}

INPUT[type=text][readonly=readonly],
INPUT[type=password][readonly=readonly],
SELECT[readonly=readonly],
TEXTAREA[readonly=readonly]
{
	color:var(--ids-input-color-text-readonly);
	background-color:var(--ids-input-color-background-readonly);
	border-color:var(--ids-input-color-border-readonly);
	cursor:not-allowed;
}

.inputText_Disabled
{
	min-width:75px;
	display:inline-block;
	line-height:var(--xm-input-height);
}

.inputText_Disabled,
INPUT[type=password][disabled=disabled],
INPUT[type=text][disabled=disabled],
SELECT[disabled=disabled],
TEXTAREA[disabled=disabled]
{
	color:var(--ids-input-color-text-readonly);
	background-color:var(--ids-input-color-background-readonly);
	border-color:var(--ids-input-color-border-readonly);
	cursor:not-allowed;
	opacity:1.0;
}

INPUT[type=text]:hover,
INPUT[type=password]:hover,
TEXTAREA:hover,
SELECT:hover
{
	border-color:var(--ids-input-color-border-hover);
}

INPUT[type=text]:focus,
INPUT[type=password]:focus,
TEXTAREA:focus,
SELECT:focus
{
	border-color:var(--ids-input-color-border-focus);
	outline:none;
	box-shadow:var(--ids-input-color-border-shadow);
}

INPUT.xm-input-error,
TEXTAREA.xm-input-error,
SELECT.xm-input-error,
INPUT.xm-input-error:hover,
TEXTAREA.xm-input-error:hover,
SELECT.xm-input-error:hover
{
	border-color:var(--ids-input-color-border-error-default);
}

INPUT.xm-input-error:focus,
TEXTAREA.xm-input-error:focus,
SELECT.xm-input-error:focus
{
	border-color:var(--ids-input-color-border-error-default) !important;
	box-shadow:var(--ids-shadow-error) !important;
}

SELECT
{
	height:var(--xm-input-height);
	box-sizing:unset; /* without this Chrome uses the OS theme styling and renders dropdowns at height 26px */
	border:1px solid var(--ids-input-color-border-default);
	border-radius:var(--xm-input-border-radius);
	vertical-align:middle;
	outline:none;
}

.ui-autocomplete.ui-widget-content
{
	z-index:9999;
	border:1px solid #0072ED;
	box-shadow:0 0 5px rgba(0, 0, 0, 0.2), 0 0 4px 3px rgba(54, 138, 192, 0.3);
}

SELECT + INPUT
{
	outline:none;
}

SELECT[multiple=true],
SELECT.multiple
{
	height:100px;
}

TEXTAREA
{
	border:1px solid var(--ids-input-color-border-default);
	border-radius:var(--xm-input-border-radius);
	padding:4px;
	white-space:pre-wrap;
}

FIELDSET
{
	border:none;
	margin:0;
	padding:0;
}

/* Visually hides content while keeping it accessible to screen readers */
.screen-reader-only
{
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0, 0, 0, 0);
	white-space:nowrap;
	border:0;
}

TABLE.myFaces_panelTabbedPane
{
	min-width:400px;
}

TD.myFaces_panelTabbedPane_pane
{
	padding:var(--xm-standard-panel-spacing) !important;
} 

TABLE.fieldtable INPUT[type=text],
TABLE.fieldtable INPUT[type=password],
TABLE.fieldtable SELECT,
TABLE.fieldtable TEXTAREA
{
	min-width:200px;
}

TABLE.fieldtable INPUT[type=text].reset-min-width
{
	min-width:0px;
}

OL
{
	margin-top:0px; /* browser default is 16px in receiptStore.jsp */
	margin-bottom:0px; /* browser default is 16px in receiptStore.jsp */
	padding-left:24px; /* browser default is 40px in receiptStore.jsp */
}

DIV.maincommands
{
	padding:10px 0px;
	text-align:center;
}

.maincommand,
.maincommand_Disabled,
.internalcommand,
.internalcommand_Disabled
{
	clear:both;
	height:34px;
	line-height:14px;
	padding:10px;
	border:none;
	border-radius:2px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	min-width:60px;
	white-space:nowrap;
	overflow:visible;
}

.fieldtable .maincommand,
.fieldtable .maincommand_Disabled,
.fieldtable .internalcommand,
.fieldtable .internalcommand_Disabled
{
	padding:7px;
}

A.internalcommand:hover
{
	color:#ffffff;
}

.internalcommand,
.maincommand
{
	font-weight:var(--ids-font-weight-semibold);
	border:1px solid var(--ids-button-secondary-color-border-default);
	color:var(--ids-button-secondary-color-text-default);
	background-color:var(--ids-button-secondary-color-background-default);
	cursor:pointer;
	-webkit-appearance:none;
	border-radius:var(--xm-input-border-radius);
}

.internalcommand:hover,
.maincommand:hover
{
	background-color:var(--ids-button-secondary-color-background-hover);
	border:1px solid var(--ids-button-secondary-color-border-hover);
	border-radius:var(--xm-input-border-radius);
}

.internalcommand:focus:active,
.maincommand:focus
{
	background-color:var(--ids-button-secondary-color-background-focus);
	border:1px solid var(--ids-button-secondary-color-border-focus);
	box-shadow:var(--ids-button-secondary-shadow-focus);
}

.internalcommand_Disabled,
.maincommand_Disabled
{
	color:var(--ids-button-secondary-color-text-disabled); 
	background-color:var(--ids-button-secondary-color-background-disabled); 
	border:1px solid var(--ids-button-secondary-color-border-disabled); 
	-webkit-appearance:none;
	cursor:default;
	border-radius:var(--xm-input-border-radius);
}

DIV.toolbar A.internalcommand
{
	color:#686b73;
}

.command-default
{
	background-color:#0072ED;
	color:#ffffff;
}

.command-default:hover
{
	background-color:#0066D4;
}

A.filter-apply-btn,
A.filter-apply-btn:link,
A.filter-apply-btn:visited
{
	display:inline-block;
	padding:6px 14px;
	font-weight:var(--ids-font-weight-semibold);
	text-decoration:none;
	color:#ffffff;
	background-color:#0072ED;
	border:none;
	border-radius:2px;
	cursor:pointer;
	text-align:center;
}

A.filter-apply-btn:hover
{
	background-color:#0066D4;
	color:#ffffff;
}

A.filter-apply-btn:focus
{
	background-color:#0066D4;
	color:#ffffff;
	outline:2px solid #0072ED;
	outline-offset:2px;
}

.tablepaging
{
	margin:10px 0px;
	text-align:center;
	color:#333333;
	white-space:nowrap;
	background-color:#ebebeb;
	height:32px;
	line-height:37px;
}

.tablepaging .internalcommand,
.tablepaging .internalcommand_Disabled,
.tablepaging .maincommand,
.tablepaging .maincommand_Disabled
{
	min-width:0px;
}

.tablepaging INPUT
{
	vertical-align:middle;
}

.errorIcon
{
	padding:0px 8px 6px 2px;
	vertical-align:bottom;
}

.togglePanelInline
{
	float:left;
}

.togglePanel .togglePanelTitle
{
	padding-top:12px;
}

.togglePanelInline .togglePanelTitle
{
	float:left;
	padding-top:18px;
}

.togglePanelInline .togglePanelTitle .togglePanelSummary
{
	font-weight:var(--ids-font-weight-bold);
	letter-spacing:0px;
}

.togglePanelSummary
{
	padding:2px 8px 2px 0px;
}

.togglePanel .togglePanelOpenButton,
.togglePanel .togglePanelCloseButton,
.togglePanelInline .togglePanelOpenButton,
.togglePanelInline .togglePanelCloseButton
{
	border-bottom:none;
}

.togglePanel .togglePanelImage,
.togglePanelInline .togglePanelImage
{
	vertical-align:middle;
	padding:0px 2px 2px 10px;
}

.togglePanel IMG.togglePanelImage,
.togglePanelInline IMG.togglePanelImage
{
	margin:0px;
}

.togglePanel DIV.togglePanelContent
{
	padding:0px 12px 5px 12px;
}

.togglePanelInline DIV.togglePanelContent
{
	float:left;
	clear:none;
	padding:0px 0px 0px 0px;
}

.togglePanelInline A,
.togglePanelTitle A,
.togglePanelSummary A
{
	font-weight:var(--ids-font-weight-bold);
	color:var(--ids-color-text-default);
	text-decoration:none;
}

/*-----------------------------------------------------------------------------*/
/**
 * ToggleIndexPanel
 */
.toggleIndexPanel
{
	padding:0px;
}

.toggleIndexPanelInline
{
	float:left;
}

.toggleIndexPanelGrid
{
	padding:0px;
	width:100%;
}

.toggleIndexPanelGrid TR TD.toggleGrid_ColumnLeft
{
	text-align:left;
}

.toggleIndexPanelGrid TR TD.toggleGrid_ColumnCenter
{
	text-align:left;
	padding:0px 6px;
	width:100%;
}

.toggleIndexPanelGrid TR TD.toggleGrid_ColumnRight
{
	text-align:right;
}

.toggleIndexPanel .toggleIndexPanelTitle
{
	display:block;
	vertical-align:middle;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:12px;
	padding-right:12px;
	border:1px solid transparent;
	border-bottom:1px solid #D7D7D8;
}

.toggleIndexPanelTitle:hover
{
	border:1px solid #0072ED;
	box-shadow:0 0 4px 3px rgba(54, 138, 192, 0.3);
}

.toggleIndexPanelInline .toggleIndexPanelTitle
{
	float:left;
	padding-top:18px;
}

.toggleIndexPanelInline .toggleIndexPanelTitle .toggleIndexPanelSummary
{
	font-weight:var(--ids-font-weight-normal);
	letter-spacing:0px;
}

.toggleIndexPanel SPAN.toggleIndexPanelIndexNo 
{
	padding:12px;
	background:url(../../images/togglePanelIndexBkg.png) no-repeat center center;
	width:32px;
	height:32px;
	text-align:center;
	vertical-align:middle;
}

.toggleIndexPanelClick
{
	text-decoration:none;
}

.toggleIndexPanel .toggleIndexPanelImage,
.toggleIndexPanelInline .toggleIndexPanelImage
{
	margin:2px 2px 2px 2px;
	vertical-align:middle;
	padding-top:0px;
}

.toggleIndexPanel IMG.toggleIndexPanelImage,
.toggleIndexPanelInline IMG.toggleIndexPanelImage
{
	margin:0px;
}

.toggleIndexPanel DIV.toggleIndexPanelContent
{
	padding:4px 0px 0px 48px;
	border:1px solid transparent;
	border-bottom:1px solid #D7D7D8;
}

.toggleIndexPanelInline DIV.toggleIndexPanelContent
{
	float:left;
	clear:none;
	padding:0px 0px 0px 0px;
}

.toggleIndexPanelTitle SPAN,
.toggleIndexPanelSummary SPAN,
.togglePanelText
{
	color:var(--ids-color-text-default);
	font-weight:var(--ids-font-weight-bold);
}

.togglePanelText
{
	margin-right:8px;
}

.toggleIndexPanelInline A,
.toggleIndexPanelTitle A,
.toggleIndexPanelSummary A
{
	color:var(--ids-color-text-default);
	font-weight:var(--ids-font-weight-bold);
}

/*-----------------------------------------------------------------------------*/
SPAN.popupMenuParentPanel
{
	display:inline-block; /* this causes popup to appear directly under the trigger button/image when positionPopup=false */
	vertical-align:baseline;
}

SPAN.popupMenuParentPanel IMG.popupMenuImage
{
	vertical-align:text-bottom;
}

SPAN.componentTooltipPopup
{
	padding-left:4px;
}

SPAN.componentTableSettings
{
	vertical-align:bottom;
	margin-left:4px;
	margin-right:2px;
}

SPAN.componentTableSettings A.componentTableSettingsButton
{
	display:inline-block;
}

/* we specify a lot of properties here since the DIV otherwise inherits them from wherever its used on the page */
DIV.componentPopupMenuCommon
{
	position:absolute;
	z-index:100;
	font-weight:var(--ids-font-weight-normal);
	color:var(--ids-popup-menu-color-text-default);
	background-color:var(--ids-popup-color-background);
	border:1px solid var(--ids-popup-color-border);
	padding:var(--ids-popup-padding);
	white-space:normal;
	border-radius:var(--ids-popup-menu-border-radius);
	box-shadow:var(--ids-popup-menu-shadow-default);
}

DIV.componentTooltipPopupPopupMenu
{
	max-width:250px;
	width:max-content;
}

DIV.componentTooltipPopupPopupMenu A,
DIV.componentElementTooltipPopupPopupMenu A
{
	font-weight:var(--ids-font-weight-normal); /* needed for toggle panel tooltips, otherwise their link style is overridden by the toggle panel style */
	color:#13a3f7; /* needed for toggle panel tooltips, otherwise their link style is overridden by the toggle panel style */
}

DIV.componentI18NTextPopupPopupMenu
{
	min-width:250px;
}

DIV.componentQuickAddButtonPopupMenu
{
	z-index:99; /* there's a tooltipPopupMenu on the guestQuickAddPopupMenu so make sure this z-index is less than that one */
}

DIV.quickAddMainCommands
{
	padding:12px 0px 10px 0px;
	text-align:center;
}

DIV.componentTableSettingsPopupMenu
{
	min-width:120px;
	margin-top:3px;
	padding:4px 8px 8px 8px;
}

DIV.componentMoreActionsButtonPopupMenu
{
	padding-bottom:calc(var(--ids-popup-padding) - 4px);
}

DIV.componentPopupMenuButtonPopupMenu
{
	padding:0px 0px 0px 0px;
}

DIV.componentMoreActionsButtonPopupMenu A.idsButtonPrimary,
DIV.componentMoreActionsButtonPopupMenu A.idsButtonSecondary,
DIV.componentMoreActionsButtonPopupMenu A.idsButtonTertiary,
DIV.componentMoreActionsButtonPopupMenu A.idsButtonIcon
{
	width:stretch;
	text-align:left;
	margin-bottom:4px;
}

DIV.componentInstructionsTooltipPopupPopupMenu,
DIV.componentElementTooltipPopupPopupMenu
{
	min-width:300px;
}

DIV.componentInstructionsTooltipPopupPopupMenu TABLE,
DIV.componentElementTooltipPopupPopupMenu TABLE
{
	color:var(--ids-color-text-default);
}

/*-----------------------------------------------------------------------------*/
/**
 * Most screens are laid out with a title bar, a toolbar, a set of tabs, a cookie crumb, and the tab/page content.
 */
.headerTitleBar
{
	padding:5px 10px 0px 10px;
}

.headerTitleBar .moduleTitle
{
	height:25px;
	border-bottom:#b3b3b3 solid 1px;
}

.headerTitleBar .moduleTitle .doctitle
{
	padding-left:8px;
}

/*-----------------------------------------------------------------------------*/
/**
 * Toolbar.
 */
.appTools
{
	height:36px;
}

A.linkButton
{
	padding:10px;
	border:1px solid var(--ids-button-secondary-color-border-default);
	border-radius:var(--xm-input-border-radius);
	color:var(--ids-button-secondary-color-text-default);
	background-color:var(--ids-button-secondary-color-background-default);
	display:inline-block;
	text-align:center;
	text-decoration:none;
	white-space:nowrap;
	vertical-align:bottom;
	text-transform:capitalize;
	text-decoration:none;
	font-weight:var(--ids-font-weight-semibold);
}

DIV.toolbar A.linkButton
{
	color:var(--ids-button-secondary-color-text-default);
}

A.linkButton.notSaved,
DIV.toolbar DIV.right A.linkButton.notSaved
{
	background-color:#13a3f7;
}

A.linkButton.notSaved:hover
{
	background-color:#3ac3ff;
}

A.linkButton:hover
{
	background-color:var(--ids-button-secondary-color-background-hover);
	border:1px solid var(--ids-button-secondary-color-border-hover);
	color:var(--ids-button-secondary-color-text-hover);
}

A.linkButton:focus
{
	background-color:var(--ids-button-secondary-color-background-focus);
	border:1px solid var(--ids-button-secondary-color-border-focus);
	box-shadow:var(--ids-button-secondary-shadow-focus);
	color:var(--ids-button-secondary-color-text-default);
}

/*-----------------------------------------------------------------------------*/
.maininstruction
{
	padding-bottom:var(--xm-standard-panel-spacing);
}

.highlightred
{
	font-weight:var(--ids-font-weight-bold);
	padding-left:4px;
	padding-right:4px;
	color:var(--ids-color-accent-red-strong);
}

.mainerror UL
{
	list-style:none;
	margin:0px;
	padding:0px;
}

/*-----------------------------------------------------------------------------*/
/**
 * The general tab usually has general instructions and several 'tips' on what the
 * user can do with the document.
 */
.generalinstruction
{
	line-height:16px;
	margin-top:-1em;
	margin-left:-1em;
}

.generalinstruction UL.tips LI
{
	margin:1.4em 0px;
}

/*-----------------------------------------------------------------------------*/
/**
 * Errors.
 */
.inlineerror,
.inlineinfo
{
	font-weight:var(--ids-font-weight-bold);
	padding:1px 0px 2px 20px;
	background-repeat:no-repeat;
	background-position:10px;
	display:block;
	margin:5px 0 0 0;
	padding:10px 10px 10px 34px;
}

.inlineerror
{
	background-image:url(../../images/info-alert-ids-color-error-default.png);
	background-color:#FBE7E8;
}

.inlineinfo
{
	background-image:url(../../images/info-alert-ids-color-info-default.png);
	background-color:#E6F1FD;
}

/*-----------------------------------------------------------------------------*/
/**
 * Styling for exceptions and notes in a table panel on the items table
 */
.table-panel
{
	display:none; /* avoid flashing when page first loads */
}

.table-panel TD,
.itemTable .table-panel TD
{
	white-space:normal;
}

.itemTable .table-panel > TD
{
	padding:0 6% 0 6%;
}

table.treetable TR.branch:not(.collapsed),
table.treetable TR.branch:not(.collapsed) TD
{
	border-bottom:none;
}

TR.table-panel .table-panel-brv
{
	margin-bottom:1em;
	width:49%;
	float:left;
	background-color:#fef7d4;
}

TR.table-panel .table-panel-notes
{
	width:49%;
	float:right;
	background-color:#f0f0f0;
	margin-bottom:1em;
}

TR.table-panel DIV.brv-box
{
	padding:0 0 1em 0;
}

TR.table-panel .table-panel-brv > UL > LI:not(:first-child)
{
	border-top:#b2bebe solid 1px;
	padding-top:1em;
}

.table-panel .table-panel-brv DIV.brv-data
{
	padding-left:26px;
}

TR.table-panel DIV.brv-box IMG.brv-icon
{
	padding:0;
	vertical-align:top;
	float:left;
}

.table-panel .table-panel-brv .brv-message
{
	display:block;
	padding:0.3em 0;
}

.table-panel .table-panel-notes UL,
.table-panel .table-panel-brv UL
{
	padding:1em 1em 0 1em;
	margin:0;
}

.table-panel .table-panel-notes LI,
.table-panel .table-panel-brv LI
{
	list-style-type:none;
	white-space:pre-line;
}

.table-panel LI
{
	list-style-type:none;
	white-space:normal;
}

.table-panel .table-panel-notes .note-body
{
	display:block;
	font-style:italic;
	padding-bottom:1em;
}

.table-panel .table-panel-notes .note-header
{
	color:var(--ids-color-text-default);
}

.table-panel .table-panel-brv .brv-explanation
{
	padding:0.5em 0;
	display:block;
	font-style:italic;
}

.table-panel .table-panel-brv DIV.brv-accept-reject
{
	padding:0.2em 0;
	float:right;
	margin-bottom:1em;
}

.table-panel .table-panel-brv DIV.brv-accept-reject LABEL
{
	display:block;
	margin:0.2em 0;
}

.table-panel UL > LI
{
	clear:both;
}

.itemTable .table-panel.section-title > TD
{
	padding:0 0 0 1em;
}

tr.section-title.table-panel
{
	display:table-row;
	text-transform:uppercase;
	padding:1em;
	color:var(--ids-color-text-tertiary);
	background-color:#d8d8d8;
	margin:0;
	font-weight:var(--ids-font-weight-bold);
	text-align:left;
	border-bottom:#cccccc solid 1px;
}

.list-item-action
{
	display:none;
}

/*-----------------------------------------------------------------------------*/
.panelSpacer
{
	padding-top:var(--xm-standard-panel-spacing);
}

/*-----------------------------------------------------------------------------*/
/**
 * Table definition used for laying out item tables with titles and/or command
 * buttons at the top or bottom.
 */
TABLE.tablecontainer
{
	width:100%;
	border-spacing:0px;
}

TABLE.tablecontainer TD.headercommands,
TABLE.tablecontainer TD.headercommandsright
{
	vertical-align:bottom;
	padding-bottom:var(--xm-toolbar-spacing-bottom);
	white-space:nowrap;
}

TABLE.tablecontainer TD.headercommands
{
	height:31px; /* always reserve space even if buttons aren't currently visible... and don't worry, browsers interpret this as min-height for tables */
}

TABLE.tablecontainer TD.headercommandsright
{
	text-align:right;
}

/* counteract the above style for popup menus */
TABLE.tablecontainer TD.headercommandsright DIV.componentPopupMenuCommon
{
	text-align:left;
}

TABLE.tablecontainer TD.footercommands,
TABLE.tablecontainer TD.footercommandsright
{
	padding-top:var(--xm-toolbar-spacing-bottom);
}

TABLE.tablecontainer TD.footercommandsright
{
	text-align:right;
}

/*-----------------------------------------------------------------------------*/
/**
 * Table used for layout of static (nonADC) form fields.
 */
.fieldtable
{
	background-color:transparent;
	border-collapse:separate;
	border-spacing:0px;
}

.fieldtable TD,
.fieldtable DIV.fieldcell
{
	text-align:left;
	vertical-align:middle;
	padding:1px 4px 1px 4px;
	border:none 0px;
}

.fieldtable DIV.fieldcell
{
	line-height:1.3;
	white-space:nowrap;
}

.fieldtable TD.title
{
	text-align:left;
	color:var(--ids-color-accent-red-strong);
}

.fieldtable TD.bulkedit
{
	vertical-align:middle;
	padding:0px 2px 0px 0px;
}

.fieldtable TD.columnspacer
{
	padding-left:6px;
}

.fieldtable TD.columnend
{
	padding-left:0px;
}

.fieldtable TD.field
{
	text-align:left;
	vertical-align:middle;
	padding:1px 0px 1px 6px;
	white-space:nowrap;
}

.fieldtable TD.fieldtop
{
	text-align:left;
	vertical-align:top;
	padding:1px 0px 1px 6px;
	white-space:nowrap;
}

.fieldtable TD.chooser
{
	vertical-align:middle;
	padding:0px;
	white-space:nowrap;
}

.fieldtable TD.tooltip
{
	padding:0px 0px 0px 4px;
	white-space:normal;
}

.fieldtable TD.tooltip IMG
{
	vertical-align:middle;
}
 
.fieldtable TD.quickAddCheckbox
{
	padding:4px 12px 4px 0px;
	white-space:nowrap;
}

.fieldtable TD.panelLabel
{
	padding:2px 12px 2px 0px;
	white-space:nowrap;
}

.fieldtable TD.labelleft,
.fieldtable DIV.labelleft,
.fieldtable SPAN.labelleft
{
	color:var(--ids-input-label-color-text-default);
	background-color:transparent;
	text-align:left;
	vertical-align:middle;
	padding-right:4px;
	white-space:nowrap;
}

.fieldtable TD.labelleft LABEL
{
}

.fieldtable TD.spacer,
.fieldtable TD.spacer20
{
	width:20px;
	border:none;
}

.fieldtable TD.spacer60
{
	width:60px;
	border:none;
}

.fieldtable TD.labeltop,
.fieldtable DIV.labeltop
{
	color:var(--ids-input-label-color-text-default);
	background-color:transparent;
	text-align:left;
	vertical-align:top;
	padding:4px 8px 4px 0px;
	white-space:nowrap;
}

.fieldtable TD.labeltop LABEL
{
	vertical-align:middle;
	display:inline-block;
	margin-bottom:2px;
}

.fieldtable TD.labeltop LABEL.checkboxlabel
{
	margin-bottom:0px;
}

.fieldtable TD.labelright,
.fieldtable DIV.labelright,
.fieldtable TD.labelrightNowrap,
.fieldtable DIV.labelrightNowrap
{
	color:var(--ids-input-label-color-text-default);
	background-color:transparent;
	text-align:right;
	vertical-align:middle;
	padding:2px 0px 2px 0px;
}

.fieldtable TD.labelrightNowrap,
.fieldtable DIV.labelrightNowrap
{
	white-space:nowrap;
}

.fieldtable TD.labelright LABEL,
.fieldtable TD.labelrightNowrap LABEL
{
}

.fieldtable TD.labelbottom,
.fieldtable DIV.labelbottom
{
	color:var(--ids-input-label-color-text-default);
	background-color:transparent;
	text-align:left;
	vertical-align:bottom;
	padding:2px 8px 2px 4px;
}

.fieldtable DIV.labelbottom
{
	white-space:nowrap;
}

.fieldtable TD.labelbottom LABEL
{
}

.fieldtable TD.footercommandsright
{
	text-align:right;
	padding-top:8px;
}

.fieldtable TD.valuetop
{
	border:none;
	text-align:left;
	vertical-align:middle;
}

.fieldtable TD.both
{
	padding:0px 5px 10px 0px;
}

.fieldtable TD.chooserInput
{
	padding-right:0px;
	text-align:right;
}

.fieldtable TD.chooserIcon
{
	padding-left:0px;
}

TD.chooserInput INPUT,
TD.chooserInput SELECT,
DIV.chooserInput INPUT,
DIV.chooserInput SELECT,
.chooserInput SELECT
{
	margin-right:0px;
}

.fieldtable DIV.chooserInput
{
	padding-right:0px;
}

/*-----------------------------------------------------------------------------*/
/**
 * Styles for bulk change
 */
.fieldtable.bulkchange TD.labeltop
{
	vertical-align:bottom;
}

DIV.bulkchange-checkboxes
{
	display:inline-block;
	padding:0 20px 0 20px;
	border-left:solid thin #DCDCDC; /* light gray */
	border-right:solid thin #DCDCDC; /* light gray */
	margin:28px 0 0 20px;
}

SPAN.bulkchange-controls
{
	display:inline-block;
	vertical-align:top;
	margin-left:20px;
	width:35%;
}

DIV.bulkchange-lineItems
{
	display:inline-block;
	vertical-align:top;
	min-width:20%;
}

DIV.bulkchange-lineItems TR.values-row
{
	color:#a0a0a0; /* dark blue-gray */
}

#bulkChangeForm A[id$='addADCBtn']
{
	margin-left:16px;
}

.bulkchange-count
{
	font-style:italic;
	display:block;
	margin-bottom:var(--xm-standard-panel-spacing);
}

.bulkchange-controls .requiredADCfloat,
.bulkchange-controls .optionalADCfloat,
.bulkchange-controls .fieldcellfloat,
.bulkchange-controls .requiredADCfloat_checkbox,
.bulkchange-controls .optionalADCfloat_checkbox,
.bulkchange-controls .fieldcellfloat_checkbox
{
	display:block;
}

.bulkchange-controls [id$='guestWrapperAjaxPanel'] .requiredADCfloat,
.bulkchange-controls [id$='guestWrapperAjaxPanel'] .optionalADCfloat,
.bulkchange-controls [id$='guestWrapperAjaxPanel'] .fieldcellfloat
{
	display:inline-block;
	padding:4px 8px 4px 0px;
	white-space:nowrap;
	vertical-align:middle;
}

.bulkchange-controls TABLE[id$=multipleAllocationTable]
{
	border-bottom:#d4d4d4 solid 1px;
}

.bulkchange-statistics .bulkchange-error
{
	font-weight:var(--ids-font-weight-bold);
	color:var(--ids-color-error-default);
}

#bulkChangeResultsForm TABLE[id$='violations-grid']
{
	border-top:solid thin #B2BEBE;
}

DIV.bulkchange-footnote
{
	margin-top:20px;
}

SPAN.bulkchange-from-to
{
	font-weight:var(--ids-font-weight-bold);
	display:block;
}

.bulkchange-controls .bulkchange-guestTip
{
	display:block;
	margin-top:4px;
	margin-bottom:8px;
}

/*-----------------------------------------------------------------------------*/
/**
 * Itemization Totals.
 */
.totals
{
	float:right;
}

.totals TD.totallabel
{
	color:var(--ids-input-label-color-text-default);
	font-weight:var(--ids-font-weight-bold);
	text-align:right;
	padding:1px;
}

.totals TD.totalvalue
{
	font-weight:var(--ids-font-weight-bold);
	padding-left:4px;
	letter-spacing:0.1em;
	text-align:right;
}

.totals TD.totalredvalue
{
	color:var(--ids-color-accent-red-strong);
	font-weight:var(--ids-font-weight-bold);
	padding-left:4px;
	letter-spacing:0.1em;
	text-align:right;
}

/*-----------------------------------------------------------------------------*/
/**
 * Table used for all items (line, itemization, note, exception ...).
 */
.itemTable
{
	border-collapse:collapse;
	width:100%;
	color:var(--ids-data-grid-cell-color-text-default);
	border:1px solid var(--ids-data-grid-cell-color-border);
}

.itemTable TR
{
	border-bottom:1px solid #B7B7BA;
}

.itemTable TR TD,
.itemTable TR TH
{
	white-space:pre-line;
	padding:0px var(--xm-data-grid-padding);
	height:var(--xm-data-grid-row-height);
}

.itemTable TR TD IMG
{
	vertical-align:middle;
}

.itemTree TR TH
{
	height:auto; /* don't hardcode height since it makes the tree look strange */
}

.itemTree TR TD
{
	height:auto; /* don't hardcode height since it makes the tree look strange */
}

.itemTable TR TH A
{
	color:var(--ids-data-grid-header-color-text);
}

.itemTable TR TH
{
	background-color:var(--ids-data-grid-header-color-background-default);
	color:var(--ids-data-grid-header-color-text);
	font-weight:var(--ids-font-weight-semibold);
}

.itemTable TR TH:hover
{
	background-color:var(--ids-data-grid-header-color-background-hover);
}

.itemTable TR.itemTable_SortHeader TH,
.itemTable TR.itemTable_Header TH
{
	white-space:normal; /* technically this should be nowrap */
}

.itemTable TR.itemTable_SortHeaderWithWrap TH,
.itemTable TR.itemTable_HeaderWithWrap TH
{
	white-space:normal;
}

.itemTable TR.itemTable_Footer TD
{
	height:12px;
	background-color:transparent;
}

.iconAscending,
.iconDescending
{
	margin-left:4px;
	vertical-align:middle;
}

.itemTable TR.itemTable_Footer
{
	background-color:#F0F0F0; /* off-white */
	height:20px;
}

.itemTable TR.itemTable_Footer TD,
.itemTable TR.itemTable_Footer TD.table_ColumnAction,
.itemTable TR.itemTable_Footer TD.table_ColumnCenterHighlight,
.itemTable TR.itemTable_Footer TD.table_ColumnLeftHighlight,
.itemTable TR.itemTable_Footer TD.table_ColumnRightHighlight,
.itemTable TR.itemTable_Footer TD.table_ColumnCenterSider,
.itemTable TR.itemTable_Footer TD.table_ColumnLeftSider,
.itemTable TR.itemTable_Footer TD.table_ColumnRightSider,
.itemTable TR.itemTable_Footer TD.table_ColumnEmpty
{
	background-color:#F0F0F0; /* off-white */
}

.itemTableRowClick TR.itemTable_Row1:hover
{
	background-color:#f8f8f8;
	cursor:pointer;
}

.itemTableRowClick TR.itemTable_Row2:hover
{
	background-color:#f8f8f8;
	cursor:pointer;
}

.itemTable TR.selectedRow
{
	background-color:#c9d4eb;
}

.itemTable TR.selectedVoidedRow
{
	background-color:#e7ecf6;
}

.itemTable TR.voidedRow
{
	color:#898989;
}

.itemTable TR.exportedRow
{
	background-color:#f8f8f8;
}

.itemTable TR.unchangedReviewHighlight,
.itemTabTable TR.unchangedReviewHighlight
{
	color:#898989;
}

.itemTable TR.itemTable_Row1 A,
.itemTable TR.itemTable_Row2 A
{
	color:#0072ED;
}

.itemTable TR.highlighted,
.itemTable TR.highlighted:hover
{
	color:#ffffff;
	background-color:#13a3f7;
}

.itemTable TR.highlighted A
{
	color:#ffffff;
}

.itemTable A.itemTable_SortLink
{
	border-bottom:none;
}

.itemTable A.itemTable_SortLink_Left
{
	display:block;
	text-align:left;
}

.itemTable A.itemTable_SortLink_Right
{
	display:block;
	text-align:right;
}

.itemTable TR TD.table_ColumnCenter,
.itemTable TR TD.table_ColumnCenterHighlight,
.itemTable TR TD.table_ColumnCenterSider,
.itemTable TR TD.table_ColumnSelect,
.itemTable TR TH.table_ColumnCenter,
.itemTable TR TH.table_ColumnCenterHighlight,
.itemTable TR TH.table_ColumnCenterSider,
.itemTable TR TH.table_ColumnSelect
{
	text-align:center;
}

.itemTable TR TD.table_ColumnLeft,
.itemTable TR TD.table_ColumnLeftHighlight,
.itemTable TR TD.table_ColumnLeftSider,
.itemTable TR TH.table_ColumnLeft,
.itemTable TR TH.table_ColumnLeftHighlight,
.itemTable TR TH.table_ColumnLeftSider
{
	text-align:left;
}

.itemTable TR TD.table_ColumnRight,
.itemTable TR TD.table_ColumnRightHighlight,
.itemTable TR TD.table_ColumnRightSider,
.itemTable TR TH.table_ColumnRight,
.itemTable TR TH.table_ColumnRightHighlight,
.itemTable TR TH.table_ColumnRightSider
{
	text-align:right;
}

.itemTable TR TD.table_ColumnCenterHighlight,
.itemTable TR TD.table_ColumnLeftHighlight,
.itemTable TR TD.table_ColumnRightHighlight
{
	background-color:#E4F0F3; /* light gray */
}

.itemTable TR TD.table_ColumnCenterSider,
.itemTable TR TD.table_ColumnLeftSider,
.itemTable TR TD.table_ColumnRightSider
{
	background-color:#F0F0F0; /* off-white */
}

.itemTable TR TD.table_ColumnAction,
.itemTable TR TD.table_ColumnSelect,
.itemTable TR TH.table_ColumnAction,
.itemTable TR TH.table_ColumnSelect
{
	width:1%; /* this causes browser to not give the column any extra space when table is 100% */ 
	white-space:nowrap;
}

/* treat regular and "hasButtonBefore" buttons the same, then subtract the first button's left padding from the table_ColumnAction padding */
TABLE.itemTable TR TD.table_ColumnAction A.idsButtonIcon,
TABLE.itemTable TR TD.table_ColumnAction A.idsButtonIcon.hasButtonBefore
{
	margin-left:calc(var(--xm-input-spacing-related-horizontal) - var(--xm-browser-adjacent-button-padding));
}

TABLE.itemTable TR TD.table_ColumnAction
{
	padding-left:calc(var(--xm-data-grid-padding) - var(--xm-browser-adjacent-button-padding));
}

.itemTable TR TD.table_ColumnHidden,
.itemTable TR TH.table_ColumnHidden
{
	display:none;
}

.itemTable TR TD.table_ColumnTree
{
	padding:0px 2px;
}

 .itemTable TR TD.table_ColumnTree A
{
	border:none;
}

 .itemTable TR TD.table_ColumnEmpty
{
	background-color:#DCDCDC; /* light gray */
}

/* Grouped Checkboxes come with a table. This definition makes the table invisible */
.itemTable TR TD TABLE TR TD
{
	border:none;
	background-color:transparent;
	padding:0px;
	margin:0px;
}

.itemTable TR.has-menu
{
	cursor:pointer;
}

.clickableRow
{
	cursor:pointer;
}

.itemTopTable TR TD,
.itemTopTable TR TH
{
	height:24px;
}

/*-----------------------------------------------------------------------------*/
/**
 * Section with a title on top,data in the middle and possible links at the bottom.
 */
.titledpanel
{
	clear:both;
}

.simpletitledpanel
{
	background-color:transparent;
	text-align:left;
	margin:0px;
	padding:0px;
	float:none;
	clear:both;
}

.titledpanel .title,
.guestchoosertitledpanel .title,
.simpletitledpanel .simpletitle,
.tabletitle,
.sectionTitle
{
	font-weight:var(--ids-font-weight-bold);
	white-space:nowrap;
}

.titledpanel .title,
.guestchoosertitledpanel .title,
.simpletitledpanel .simpletitle,
.tabletitle
{
	padding:5px 0px;
}

.titledpanel .perdiemtitle
{
	background-color:transparent;
	text-align:left;
	vertical-align:middle;
	margin:0px;
	padding:1px 1px;
}

.titledpanel .title A,
.simpletitledpanel .simpletitle A
{
	text-decoration:none;
}

.titledpanel .title A:hover,
.simpletitledpanel .simpletitle A:hover
{
	text-decoration:none;
}

.titledpanel .title IMG,
.simpletitledpanel .simpletitle IMG
{
	vertical-align:middle;
	display:inline;
	margin-right:2px;
}

.tabletitle
{
	padding:5px 0px;
}

.simpletitledpanel .simplecontent
{
	text-align:left;
	padding:0px 16px 0px 16px;
	float:none;
	clear:both;
	color:black;
	font-weight:var(--ids-font-weight-normal);
	line-height:130%;
}

.titledpanel .content
{
	text-align:left;
	padding:0px;
	float:none;
	clear:both;
}

.paneldivider
{
	margin:6px 0px 6px 0px;
	border-bottom:1px solid #B2BEBE; /* light gray */
	float:none;
	clear:both;
}

.paneldividertop
{
	margin:6px 0px 6px 0px;
	border-top:1px solid #B2BEBE; /* light gray */
	float:none;
	clear:both;
}

.verticalpaneldividerleft
{ 
	border-right:1px solid #AFB5B5; /* light gray */
	height:100%;
	padding-left:6px;
}

.verticalpaneldividerright
{ 
	height:100%;
	padding-right:6px;
}

.bottomDescription
{
	font-weight:var(--ids-font-weight-normal);
}

.detailpanel
{
	margin-left:4px;
	margin-right:4px;
}

.columnheaderdivider
{
	margin:2px 0px 2px 0px;
	border-bottom:1px solid #B2BEBE; /* light gray */
	float:none;
	clear:both;
}

/*-----------------------------------------------------------------------------*/
/**
 * Layout table for static data.
 */
.statictable
{
	line-height:1em;
	background-color:transparent;
	border-collapse:collapse;
	border:none;
	margin:0px;
}

.statictable TD.label,
.statictable TD.borderedlabel,
.statictable TD.borderedlabelhighlight
{
	display:block;
	color:var(--ids-input-label-color-text-default);
	font-weight:var(--ids-font-weight-normal);
	padding:5px 5px 5px 10px;
	background-color:transparent;
	text-align:left;
	vertical-align:middle;
	white-space:nowrap;
}

.statictable TD.labeltop,
.statictable TD.labeltop LABEL
{
	color:var(--ids-input-label-color-text-default);
	padding:5px 5px 5px 10px;
	background-color:transparent;
	text-align:left;
	vertical-align:top;
	white-space:normal;
}

.statictable TD.labelright
{ 
	display:block;
	color:var(--ids-input-label-color-text-default);
	border:none;
	font-weight:var(--ids-font-weight-normal);
	padding:5px 5px 5px 0px;
	background-color:transparent;
	text-align:right;
	vertical-align:middle;
	white-space:nowrap;
}

.statictable TD.labelleft
{
	display:block;
	color:var(--ids-input-label-color-text-default);
	border:none;
	font-weight:var(--ids-font-weight-normal);
	padding:5px 5px 5px 0px;
	background-color:transparent;
	text-align:left;
	vertical-align:middle;
	white-space:nowrap;
}

.statictable TD.labelblank
{
	width:12px;
}

.statictable TD.value
{
	border:none;
	text-align:center;
	vertical-align:middle;
}

.statictable TD.valueleft
{
	border:none;
	text-align:left;
	vertical-align:middle;
	white-space:nowrap;
}

.statictable TD.valueleftwrap
{
	border:none;
	text-align:left;
	vertical-align:middle;
	white-space:normal;
}

.statictable TD.valueleft A
{
	line-height:14px;
	height:14px;
}

.statictable TD.valuetop
{
	border:none;
	text-align:left;
	vertical-align:middle;
}

.statictable TD.valueright
{
	border:none;
	text-align:right;
	vertical-align:middle;
	white-space:nowrap;
}

.statictable TD.valuerightbold
{
	border:none;
	text-align:right;
	vertical-align:middle;
	white-space:nowrap;
	font-weight:var(--ids-font-weight-bold);
}

.statictable TD.borderedvalue,
.statictable TD.borderedvalueright,
.statictable TD.borderedvaluehighlightright
{
	padding:3px 4px;
	padding-right:28px;
	text-align:left;
	vertical-align:middle;
}

.statictable TD.borderedvalueright,
.statictable TD.borderedvaluehighlightright
{
	text-align:right;
}

.statictable TD.borderedvaluehighlightright,
.statictable TD.borderedvaluehighlightright LABEL
{
	font-weight:bolder;
}

.statictable TD.spacer
{
	width:20px;
	border:none;
}

.checkboxtable TD.checkboxlabel
{
	padding-left:8px;
}

.checkboxtable TD.checkboxvalue
{
	padding-left:8px;
}

/*-----------------------------------------------------------------------------*/
/**
 * Sections used to float the generated ADCs so that they wrap automatically based
 * on their size and the available space. If the font size is increased the height
 * attribute might need adjustment.
 */
.requiredADCfloat,
.optionalADCfloat,
.fieldcellfloat
{
	display:inline-block;
	padding:4px 8px 4px 0px;
	white-space:nowrap;
	vertical-align:top;
}

/**
 * Checkbox ADCs need to have their own box style because the label and checkbox are
 * on the same line.
 */
.requiredADCfloat_checkbox,
.optionalADCfloat_checkbox,
.fieldcellfloat_checkbox
{
	display:inline-block;
	margin:20px 8px 4px 0px;
	white-space:nowrap;
	height:20px;
	vertical-align:middle;
}

/**
 * Override the above styles when checkboxes are in a single line, since they don't need the extra label space on top.
 */
.float_checkbox_single_line
{
	margin-top:4px;
}

.required:before
{
	color:var(--ids-color-error-default);
	content:"* ";
}

.toggleIndexPanelTitle .required:after
{
	color:var(--ids-color-error-default);
	content:" *";
}

.toggleIndexPanelTitle .required:before
{
	content:none;
}

.requiredADCfloat LABEL,
.optionalADCfloat LABEL,
.fieldcellfloat LABEL,
SPAN.LABEL
{
	background-color:transparent;
}

/*-----------------------------------------------------------------------------*/
DIV.fieldspacer
SPAN.fieldspacer
{
	font-size:0px;
	height:0px;
	clear:both;
}

/**
 * Centers the instruction in the wait page.
 */
.centeredinstruction
{
	position:absolute;
	left:50%;
	top:50%;
	width:300px;
	height:100px;
	margin-left:-150px;
	margin-top:-50px;
	text-align:center;
	vertical-align:middle;
	padding:12px;
	line-height:15px;
}

/*-----------------------------------------------------------------------------*/
/* 
 * Date Chooser.
 */
TABLE.dtcWindow,
TABLE.tmcWindow
{
	border:1px solid #b3b3b3;
	position:absolute;
	z-index:100;
	width:auto;
	padding:10px;
	background-color:#ffffff;
}

TABLE.dtcWindow TD
{
	padding:5px;
	white-space:nowrap;
}

TABLE.dtcWindow TD.dtcHeader
{
	text-align:center;
	font-size:120%;
}

TABLE.dtcWindow A.dtcButton
{
	text-decoration:none;
	color:black;
	cursor:hand;
}

TABLE.dtcWindow TD.dtcGrid
{
	border-radius:50%;
	cursor:pointer;
	height:36px;
	line-height:36px;
	margin:2px;
	width:36px;
	text-align:center;
}

TABLE.dtcWindow TD.dtcGrid_Week
{
	text-transform:uppercase;
	font-weight:var(--ids-font-weight-bold);
	margin:20px;
	text-align:center;
}

TABLE.dtcWindow TD.dtcGrid_Excluded
{
	color:var(--ids-color-text-tertiary) !important;
	height:36px;
	line-height:36px;
	margin:2px;
	width:36px;
	text-align:center;
}

TABLE.dtcWindow TD.dtcGrid_Today
{
	padding:3px;
	cursor:pointer;
	border-radius:50%;
	text-align:center;
	border:4px var(--ids-color-text-default) solid;
}

TABLE.dtcWindow TD.dtcGrid_Selected,
TABLE.tmcWindow TD.tmcGrid_Selected
{
	color:var(--ids-button-primary-color-text-default);
	background-color:var(--ids-button-primary-color-background-default);
	box-shadow:0 0 4px 3px rgba(54, 138 ,192, 0.30);
	padding:3px;
	cursor:pointer;
	border-radius:50%;
	text-align:center;
	transition:0.2s background-color ease;
}

TABLE.dtcWindow TD.dtcGrid_Rollover,
TABLE.tmcWindow TD.tmcGrid_Rollover
{
	color:var(--ids-button-primary-color-text-default);
	background-color:var(--ids-button-primary-color-background-default);
	border-radius:50%;
	text-align:center;
	transition:0.2s background-color ease;
}

TABLE.dtcWindow TD.dtcGrid_Today_Rollover
{
	color:var(--ids-button-primary-color-text-default);
	background-color:var(--ids-button-primary-color-background-default);
	cursor:pointer;
	border-radius:50%;
	text-align:center;
	border-width:0;
	border:4px var(--ids-color-text-default) solid;
}

/*-----------------------------------------------------------------------------*/
/* 
 * Time Chooser.
 */
TABLE.tmcWindow TD
{
	text-align:center;
	padding:10px;
	white-space:nowrap;
}

TABLE.tmcWindow TD.tmcGrid_Label
{
	color:var(--ids-input-label-color-text-default);
	font-weight:var(--ids-font-weight-bold);
	vertical-align:top;
}

/*-----------------------------------------------------------------------------*/
/**
 * Split Panel.
 */
#split-panel
{
	display:block;
	position:relative;
}

.split-panel-left
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	overflow:auto;
}

.split-panel-right
{
	position:absolute;
	left:0px;
	top:0px;
	width:59.9%;
	height:100%;
	overflow:auto;
	display:none; /* required for dynamic columns */
}

.split-panel-top
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	overflow:auto;
}

.split-panel-bottom
{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:50%;
	overflow:auto;
}

.split-panel-edit-invisible
{
	display:none;
}

.orientationButton
{
	float:right;
	margin-top:2px;
}

.orientationButton A
{
	border-bottom-style:none;
}

DIV.itemToolbar 
{
	float:right;
	min-height:40px;
	white-space:nowrap;
}

DIV.itemToolbar DIV.rightCommands
{
	float:right;
}

DIV.itemToolbar SPAN.command A
{
	color:var(--ids-button-secondary-color-text-default);
	background-color:var(--ids-button-secondary-color-background-default);
	border:1px solid var(--ids-button-secondary-color-border-default);
	border-radius:var(--xm-input-border-radius);
	text-decoration:none;
	display:inline-block;
	margin:0px;
	padding:7px 20px;
	text-transform:capitalize;
	text-decoration:none;
	font-weight:var(--ids-font-weight-semibold);
}

DIV.itemToolbar SPAN.command A:hover
{
	background-color:var(--ids-button-secondary-color-background-hover);
	border:1px solid var(--ids-button-secondary-color-border-hover);
}

DIV.itemToolbar SPAN.command A:focus
{
	background-color:var(--ids-button-secondary-color-background-focus);
	border:1px solid var(--ids-button-secondary-color-border-focus);
	box-shadow:var(--ids-button-secondary-shadow-focus);
}

DIV.itemToolbar DIV.rightCommands SPAN.command A:hover
{
	background-color:#acacac;
}

DIV.itemToolbar DIV.rightCommands DIV.orientationButton
{
	display:inline-block;
	margin:2px;
	padding:0px 3px;
}

DIV.itemToolbar DIV.rightCommands DIV.orientationButton TABLE.toggleButtons
{
	background-color:#999999;
	border-radius:2px;
}

DIV.itemToolbar DIV.rightCommands DIV.orientationButton TABLE.toggleButtons TR TD
{
	padding:0px;
}

DIV.itemToolbar DIV.rightCommands DIV.orientationButton IMG
{
	vertical-align:middle;
	border:none;
	margin:2px 6px;
	width:20px;
	height:20px;
}

.resize-bar-vertical
{
	position:absolute;
	left:0px;
	top:0px;
	cursor:e-resize;
	height:100%;
	background:url(../../images/splitter_vertical.png) repeat-y scroll center;
	display:none; /* required for dynamic columns */
}

.resize-bar-horizontal
{
	position:absolute;
	left:0px;
	top:0px;
	cursor:n-resize;
	width:100%;
	background:url(../../images/splitter_horizontal.png) repeat-x scroll center;
}

.ellipses
{
	font-weight:var(--ids-font-weight-bold);
}

DIV.ruleBlock
{
	margin-top:8px;
}

DIV.ruleTypeBlock	
{
	margin-top:5px;
}

.ruleTypeLabel
{
	font-weight:var(--ids-font-weight-bold);
}

DIV.ruleMessage
{
	margin-bottom:11px;
}

DIV.ruleInnerBlock
{
	margin-left:50px;
}

UL.ruleHeaders
{
	margin:5px 0px 0px 0px;
	padding-left:16px;
	list-style-type:none;
}

UL.ruleHeaders .form-label
{
	float:left;
}

UL.ruleHeaders .explanationLabel
{
	float:left;
}

UL.ruleHeaders .explanationHeader
{
	float:right;
}

UL.ruleHeaders .explanationTextArea
{
	width:100%;
}

.ruleBlock .togglePanel
{
	margin-top:10px;
}

IMG.iconBRV,
IMG.iconBRVLarge
{
	float:left;
	margin-right:0.8em;
}

#lineReceipt
{
	font-weight:var(--ids-font-weight-bold);
	padding-right:16px;
	float:right;
}

#lineReceipt A
{
	border-bottom-style:none;
}

/*-----------------------------------------------------------------------------*/
/**
 * Ajax stuff
 */
.ajaxPopup
{
	position:absolute;
	background-color:white;
	border:1px solid #888;
	margin:0px;
	padding:0px;
	cursor:default;
	z-index:1;
	max-height:300px;
	overflow:auto;
}

.ajaxPopup LI
{
	padding:2px;
}

.ajaxPopup LI.selected
{
	color:#ffffff;
	background-color:#3399ff;
}

.ajaxPopup UL
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

INPUT.myFacesInputSuggestAjax
{
	background-color:white;
}

INPUT.myFacesInputSuggestAjaxThrobbing
{
	background:url('../../foundation/ajax/throbber.gif') no-repeat 100% 2px;
}

.inputSuggestContainer
{
	position:relative;
}

.itemTableColNowrap TR TH.table_ColumnLeft,
.itemTableColNowrap TR TH.table_ColumnRight,
.itemTableColNowrap TR TH.table_ColumnCenter
{
	white-space:nowrap;
}

.itemTabTable
{
	border-collapse:collapse;
	width:100%;
}

.itemTabTable A
{
	border-bottom:none;
	text-decoration:none;
}

.itemTabTable A:hover
{
	text-decoration:none;
}

.itemTabTable TR.selectedRow,
.itemTabTable TR.selectedVoidedRow
{
	border-right:solid 1px transparent;
	background-color:transparent;
}

.itemTabTable TR.selectedRow TD:last-of-type,
.itemTabTable TR.selectedVoidedRow TD:last-of-type
{
	color:var(--ids-color-accent-green-stronger);
}

.itemTabTable TR.selectedRow TD:first-of-type,
.itemTabTable TR.selectedVoidedRow TD:first-of-type
{
	background:url(../../images/itemSelectedRowBkg.png) repeat-y;
}

.itemTabTableRow
{
	border-left:solid 1px #D9D9D9;
	border-bottom:solid 1px #D9D9D9;
	border-right:solid 1px #D9D9D9;
	background-color:#F2F2F2;
}

.itemTabTableHeader
{
	border-right:solid 1px #D9D9D9;
	border-bottom:solid 1px #D9D9D9;
	vertical-align:right;
	height:15px;
}

.itemTabTableFooter
{
	border-right:solid 1px #D9D9D9;
	min-height:30px;
}

.itemTabTableColOne
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	width:35px;
}

.itemTabTableColTwo
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	vertical-align:top;
	min-width:150px;
}

.itemTabTableColThree
{
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	text-align:right;
	vertical-align:top;
}

.itemTabTableColVal
{
	display:block;
}

.itemTabTableColVal_TopLine,
.itemTabTableColLbl
{
	font-size:var(--ids-font-size-sm);
	white-space:nowrap;
}

.itemTabTableColVal_money
{
	font-size:var(--ids-font-size-sm);
	font-weight:var(--ids-font-weight-bold);
}

DIV.head
{
	height:38px;
	color:var(--ids-masthead-color-text);
	background-color:var(--ids-masthead-color-background);
	width:100%;
	border-bottom:1px solid var(--ids-masthead-color-background);
	align-items:center;
}

DIV.head DIV
{
	display:inline-block;
}

DIV.head .logo
{
	float:left;
	margin:4px 2px !important;
}

DIV.head .logo IMG
{
	margin:1px 6px;
	height:30px;
	width:30px;
	border-radius:4px;
}

DIV.head DIV.title
{
	margin:0 6px;
	float:left;
	line-height:38px;
	font-weight:var(--ids-font-weight-semibold);
}

DIV.head A
{
	float:right;
	color:var(--ids-masthead-color-text);
	padding:10px 15px 10px 0;
}

DIV.head IMG.user
{
	border:none;
	width:15px;
	height:15px;
}

DIV.head SPAN.sepa
{
	float:right;
	padding:15px 15px 0px 0px;
}

DIV.head span.proxy-as
{
	float:right;
	color:#333333;
	padding:0 5px 0 16px;
	line-height:20px;
	margin:10px 10px 0 0;
	border-radius:2px;
	background:url(../../images/proxy_tag_bkg.png) left center no-repeat #ffd400;
}

DIV.doc-title
{
	padding:var(--xm-standard-panel-spacing) var(--xm-main-panel-spacing-horizontal) 0px var(--xm-main-panel-spacing-horizontal);
	white-space:nowrap;
}

DIV.doc-title #head
{
	float:left;
}

DIV.doc-title TABLE
{
	border-collapse:collapse;
	border-spacing:0px;
	width:100%;
}

DIV.doc-title DIV.doc-name
{
	font-size:var(--ids-font-size-lg);
}

DIV.doc-title DIV.doc-more SPAN
{
	display:inline-block;
	margin:5px 0px 0px 0px;
}

DIV.doc-title DIV.doc-more SPAN.doc-more-separator
{
	margin-left:5px;
	margin-right:4px;
}

DIV.doc-title DIV.doc-more SPAN.total
{
	font-weight:var(--ids-font-weight-bold);
}

DIV.doc-title DIV.doc-more SPAN.reject-msg
{
	font-weight:var(--ids-font-weight-bold);
	color:var(--ids-color-error-default);
}

DIV.doc-title DIV.doc-more SPAN.return-msg
{
	color:#FF8000;
	font-weight:var(--ids-font-weight-bold);
}

DIV.doc-title DIV.doc-more a SPAN
{
	color:var(--ids-color-info-strong);
}

DIV.doc-title DIV.doc-more a SPAN:hover
{
	text-decoration:underline;
}

DIV.doc-title DIV#doc-commands,
DIV.doc-title DIV#doc-commands-static,
DIV.doc-bulk DIV.doc-commands-bulkcorrection,
DIV.doc-title A.head-back-action
{
	float:right;
}

DIV.doc-title DIV#doc-commands DIV.no-chargecoderows A.command-default,
DIV.doc-title DIV#doc-commands A,
DIV.doc-title DIV#doc-commands-static A,
DIV.doc-bulk DIV.doc-commands-bulkcorrection A,
DIV.doc-title DIV#doc-commands-static DIV.no-lineitems A.command-default,
DIV.doc-bulk DIV.doc-commands-bulkcorrection DIV.no-lineitems A.command-default,
DIV.doc-title DIV#doc-commands INPUT[type=button],
DIV.doc-title DIV#doc-commands-static INPUT[type=button],
DIV.doc-bulk DIV.doc-commands-bulkcorrection INPUT[type=button],
DIV.doc-title DIV#doc-commands DIV.no-chargecoderows INPUT[type=submit].command-default,
DIV.doc-title DIV#doc-commands INPUT[type=submit],
DIV.doc-title DIV#doc-commands-static INPUT[type=submit],
DIV.doc-bulk DIV.doc-commands-bulkcorrection INPUT[type=submit],
DIV.doc-title A.head-back-action
{
	color:var(--ids-color-foreground-light-default);
	background-color:var(--ids-color-action-default);
	min-width:150px;
	text-align:center;
	line-height:32px;
	margin:10px 0px 0px 20px;
	padding:5px 10px;
	text-decoration:none;
	float:right;
	-webkit-appearance:none;
	border:1px solid var(--ids-color-border-default);
	border-radius:2px;
	text-transform:capitalize;
	font-weight:var(--ids-font-weight-semibold);
}

DIV.doc-title DIV#doc-commands DIV.no-chargecoderows A.command-default:hover,
DIV.doc-title DIV#doc-commands A:hover,
DIV.doc-title DIV#doc-commands-static A:hover,
DIV.doc-bulk DIV.doc-commands-bulkcorrection A:hover,
DIV.doc-title DIV#doc-commands-static DIV.no-lineitems A.command-default:hover,
DIV.doc-bulk DIV.doc-commands-bulkcorrection DIV.no-lineitems A.command-default:hover,
DIV.doc-title DIV#doc-commands INPUT[type=button]:hover,
DIV.doc-title DIV#doc-commands-static INPUT[type=button]:hover,
DIV.doc-bulk DIV.doc-commands-bulkcorrection INPUT[type=button]:hover,
DIV.doc-title DIV#doc-commands DIV.no-chargecoderows INPUT[type=submit].command-default:hover,
DIV.doc-title DIV#doc-commands INPUT[type=submit]:hover,
DIV.doc-title DIV#doc-commands-static INPUT[type=submit]:hover,
DIV.doc-bulk DIV.doc-commands-bulkcorrection INPUT[type=submit]:hover,
DIV.doc-title A.head-back-action
{
	background-color:var(--ids-color-action-stronger);
	border:1px solid var(--ids-color-action-stronger);
}

DIV.doc-title DIV#doc-commands-static DIV.lineitems A.command-default,
DIV.doc-bulk DIV.doc-commands-bulkcorrection DIV.lineitems A.command-default,
DIV.doc-title DIV#doc-commands DIV.chargecoderows INPUT[type=submit].command-default,
DIV.doc-title DIV#doc-commands A.command-default,
DIV.doc-title DIV#doc-commands DIV.chargecoderows A.command-default,
DIV.doc-title DIV#doc-commands-static A.command-default,
DIV.doc-bulk DIV.doc-commands-bulkcorrection A.command-default,
DIV.doc-title DIV#doc-commands INPUT.command-default,
DIV.doc-title DIV#doc-commands-static INPUT.command-default,
DIV.doc-bulk DIV.doc-commands-bulkcorrection INPUT.command-default
{
	color:#ffffff;
	background-color:#0072ED;
	border:1px solid #0072ED;
}

DIV.doc-title DIV#doc-commands-static DIV.lineitems A.command-default:hover,
DIV.doc-bulk DIV.doc-commands-bulkcorrection DIV.lineitems A.command-default:hover,
DIV.doc-title DIV#doc-commands DIV.chargecoderows INPUT[type=submit].command-default:hover,
DIV.doc-title DIV#doc-commands A.command-default:hover,
DIV.doc-title DIV#doc-commands DIV.chargecoderows A.command-default:hover,
DIV.doc-title DIV#doc-commands-static A.command-default:hover,
DIV.doc-bulk DIV.doc-commands-bulkcorrection A.command-default:hover,
DIV.doc-title DIV#doc-commands INPUT.command-default:hover,
DIV.doc-title DIV#doc-commands-static INPUT.command-default:hover,
DIV.doc-bulk DIV.doc-commands-bulkcorrection INPUT.command-default:hover
{
	background-color:#0066D4;
	border:1px solid #0066D4;
}

DIV.doc-title DIV#doc-commands A.command-disabled,
DIV.doc-title DIV#doc-commands-static A.command-disabled,
DIV.doc-bulk DIV.doc-commands-bulkcorrection A.command-disabled,
DIV.doc-title DIV#doc-commands INPUT.command-disabled,
DIV.doc-title DIV#doc-commands-static INPUT.command-disabled,
DIV.doc-bulk DIV.doc-commands-bulkcorrection INPUT.command-disabled
{
	color:#ffffff;
	background-color:#f0f0f0;
	border-bottom:#f0f0f0 solid 1px;
}

DIV.doc-title DIV#doc-commands SPAN.command-disabled,
DIV.doc-title DIV#doc-commands-static SPAN.command-disabled,
DIV.doc-bulk DIV.doc-commands-bulkcorrection SPAN.command-disabled
{
	color:#ffffff;
	background-color:#f0f0f0;
	display:inline-block;
	min-width:150px;
	text-align:center;
	line-height:32px;
	border-radius:2px;
	border:0px;
	border-bottom:#f0f0f0 solid 1px;
	margin:0px 0px 0px 20px;
	padding:5px 10px;
	text-decoration:none;
}

[id$='rep-commands'], [id$='rep-commands-item']
{
	display:none;
}

DIV.doc-tab
{
	margin:var(--xm-standard-panel-spacing) var(--xm-main-panel-spacing-horizontal) 0px var(--xm-main-panel-spacing-horizontal);
}

DIV.toolbar
{
	clear:both;
}

DIV.toolbar A
{
	color:#0072ED;
	margin:15px 10px 10px 10px;
	display:inline-block;
}

DIV.toolbar A IMG
{
	width:18px;
	height:18px;
	vertical-align:middle;
}

DIV.toolbar INPUT
{
	margin:10px 10px 10px 0px;
	display:inline-block;
}

DIV.toolbar DIV.commands DIV.no-lineitems INPUT,
DIV.toolbar DIV.commands DIV.no-chargecoderows INPUT
{
	clear:both;
	height:34px;
	line-height:14px;
	padding:10px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	min-width:60px;
	white-space:nowrap;
	overflow:visible;
	font-weight:var(--ids-font-weight-semibold);
	border:1px solid var(--ids-color-border-default);
	background-color:var(--ids-color-action-default);
	color:var(--ids-color-foreground-light-default);
	cursor:pointer;
	-webkit-appearance:none;
	border-radius:2px;
}

DIV.toolbar DIV.commands DIV.no-lineitems INPUT:hover,
DIV.toolbar DIV.commands DIV.no-chargecoderows INPUT:hover
{
	background-color:var(--ids-color-action-stronger);
}

DIV.toolbar DIV.commands DIV.lineitems INPUT,
DIV.toolbar DIV.commands DIV.chargecoderows INPUT
{
	clear:both;
	height:34px;
	line-height:14px;
	padding:10px;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	min-width:60px;
	white-space:nowrap;
	overflow:visible;
	font-weight:var(--ids-font-weight-semibold);
	border:1px solid var(--ids-color-border-default);
	background-color:var(--ids-color-action-default);
	color:var(--ids-color-foreground-light-default);
	cursor:pointer;
	-webkit-appearance:none;
	border-radius:2px;
}

DIV.toolbar DIV.commands DIV.lineitems INPUT:hover,
DIV.toolbar DIV.commands DIV.chargecoderows INPUT:hover
{
	background-color:var(--ids-color-action-stronger);
}

DIV.toolbar .xm-autocomplete INPUT
{
	margin:0;
}

DIV.toolbar DIV,
DIV.toolbar SPAN
{
	padding-left:5px;
	display:inline;
}

DIV.toolbar DIV.xm-autocomplete
{
	display:inline-block;
}

DIV.toolbar .checkbox-row
{
	display:block;
	text-align:left;
	margin:0 4px 4px 0;
}

DIV.toolbar DIV.right
{
	float:right;
}

DIV.toolbar DIV.right A
{
	margin:8px 0px 8px 10px;
	display:inline-block;
	color:var(--ids-color-foreground-light-default);
	background-color:var(--ids-color-action-default);
	padding:7px 20px;
	border-radius:2px;
	text-decoration:none;
	text-transform:capitalize;
	text-decoration:none;
	font-weight:var(--ids-font-weight-semibold);
	border:1px solid var(--ids-color-action-default);
}

DIV.toolbar DIV.right A:hover
{
	background-color:var(--ids-color-action-stronger);
	border:1px solid var(--ids-color-action-stronger);
}

DIV.toolbar DIV.commands
{
	padding:20px 0px 0px 0px;
}

DIV.toolbar DIV.commands A
{
	color:#56565B;
	font-weight:var(--ids-font-weight-semibold);
	background-color:transparent;
	display:inline-block;
	min-width:60px;
	text-align:center;
	line-height:26px;
	border-bottom:none;
	border-radius:2px;
	margin:8px 0px 8px 10px;
	padding:0;
	text-decoration:none;
}

DIV.toolbar DIV.commands A:hover
{
	color:#313134;
}

DIV.toolbar DIV.commands DIV.primary A,
DIV.toolbar DIV.commands DIV.primary A:hover
{
	background-color:transparent;
}

DIV.doc-bulk
{
	background-color:#D7D7D8;
	min-height:64px;
	padding:var(--xm-standard-panel-spacing) var(--xm-main-panel-spacing-horizontal);
}

DIV.main
{
	padding:var(--xm-standard-panel-spacing) var(--xm-main-panel-spacing-horizontal);
}

DIV.toolbar.toolbarFixedHeight
{
	height:42px;
}

.smallTable
{
	border-collapse:collapse;
}
 
.smallTable TR TD,
.smallTable TR TH
{
	white-space:pre-line;
}

.smallTable TH
{
	background-color:#f2f2f2;
}

DIV.smallSection
{
	display:block;
	padding-bottom:8px;
	border-bottom:1px black solid;
	margin:5px 0 10px 0;
}

DIV.smallSection.smallSection-noborder
{
	border:none;
	padding-bottom:0;
}

DIV.smallSection .float-right
{
	display:block;
	float:right;
}

DIV.smallSection label
{
	margin-right:10px;
}

DIV.smallSection input[type='checkbox']
{
	margin:0 0 2px 0;
}

/*-----------------------------------------------------------------------------*/
/**
 * PagingControls
 */
DIV.pagingControls SPAN.pagingControlsButtonPanel
{
	float:right;
	position:unset;
	right:38%;
}

DIV.pagingControls SPAN.pagingControlsStatusPanel
{
	display:inline-block;
	padding:10px 10px 10px 10px;
	float:right;
	font-weight:var(--ids-font-weight-bold);
}

DIV.pagingControls .pagingControlsPagingButton
{
	float:left;
	margin:8px 10px 0px 0px;
}

DIV.pagingControls SPAN.pagingControlsStatus1Lbl
{
	float:left;
	margin:11px 5px 0px 0px;
}

DIV.pagingControls INPUT.pagingControlsPageVal
{
	float:left;
	text-align:center;
	width:25px;
	height:20px;
	margin:7px 5px 0px 0px;
}

DIV.pagingControls SPAN.pagingControlsStatus2Lbl
{
	float:left;
	margin:11px 10px 0px 0px;
}

DIV.pagingControls_checkboxTableMode
{
	text-align:center;
}

DIV.pagingControls_checkboxTableMode SPAN.pagingControlsButtonPanel
{
	display:inline-block;
	vertical-align:bottom;
}

DIV.pagingControls_checkboxTableMode .pagingControlsPagingButton
{
	float:left;
	margin:0px 2px 0px 2px;
}

DIV.pagingControls_checkboxTableMode SPAN.pagingControlsStatus2Lbl
{
	float:left;
	margin:4px 2px 0px 2px;
}

/*-----------------------------------------------------------------------------*/
DIV.popup-window
{
	border-radius:0px;
}

DIV.popup-menu
{
	background-color:var(--ids-color-background-default);
	white-space:nowrap;
	margin:0px;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
}

DIV.popup-window .ui-dialog-titlebar-close
{
	right:0px;
}

DIV.popup-window .ui-dialog-titlebar
{
	background:none;
	border:0px;
	margin:0px 10px;
	padding:10px 5px;
	color:#333333;
}

DIV.popup-window .ui-dialog-content
{
	padding:0px 10px 0px 10px;
}

DIV.popup-window DIV.row,
DIV.popup-menu DIV.row
{
	border-top:1px solid #f0f0f0;
}

DIV.popup-window DIV.row.noanchor,
DIV.popup-menu DIV.row.noanchor
{
	padding:10px;
}

DIV.popup-window DIV.row A,
DIV.popup-menu DIV.row A
{
	display:block;
	padding:10px;
	text-decoration:none;
}

DIV.popup-menu DIV.row A
{
	color:#333333;
}

DIV.popup-window DIV.row A:hover,
DIV.popup-menu DIV.row A:hover
{
	color:#222222;
	background-color:#f2f2f2;
}

DIV.popup-window DIV.row SPAN,
DIV.popup-menu DIV.row SPAN
{
	display:inline-block;
	vertical-align:middle;
}

DIV.popup-window DIV.icon-menu DIV.row A SPAN,
DIV.popup-window.icon-menu DIV.row A SPAN,
DIV.popup-menu DIV.icon-menu DIV.row A SPAN,
DIV.popup-menu.icon-menu DIV.row A SPAN
{
	width:calc(100% - 36px); /* 36 should be the width of the image plus any margin or padding. */
}

DIV.popup-window DIV.row IMG.expenseImage,
DIV.popup-menu DIV.row IMG.expenseImage
{
	width:28px;
	height:auto;
	margin:0px 8px 0px 0px;
	vertical-align:middle;
}

DIV.popup-window DIV.row SPAN.popupMenuParentPanel IMG.popupMenuImage,
DIV.popup-menu DIV.row SPAN.popupMenuParentPanel IMG.popupMenuImage
{
	vertical-align:middle;
}

DIV.popup-window DIV.waiting,
DIV.popup-menu DIV.waiting
{
	text-align:center;
	padding:30px;
	background:url(../../images/wait.gif) center center no-repeat;
}

DIV.popup-menu TABLE
{
	margin:0px;
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
}

DIV.popup-menu TABLE TR TD
{
	border-top:1px solid #f0f0f0;
	text-align:left;
}

DIV.popup-menu TABLE TR TD A
{
	text-decoration:none;
	display:inline-block;
	padding:5px;
	color:var(--ids-color-text-default);
}

DIV.popup-menu TABLE TR TD A IMG
{
	width:16px;
	height:16px;
	vertical-align:middle;
}

/*-----------------------------------------------------------------------------*/
DIV#main-titlebar
{
	margin:var(--xm-standard-panel-spacing) var(--xm-main-panel-spacing-horizontal) 0px var(--xm-main-panel-spacing-horizontal);
}

DIV#main-title
{
	color:var(--ids-breadcrumb-color-text-default);
}

DIV#main-title SPAN.crumbInFocus
{
	color:var(--ids-breadcrumb-color-text-selected);
	font-weight:var(--ids-font-weight-semibold);
}

DIV#main-titlebar SPAN.crumb-separator
{
	padding-left:var(--ids-space-xs);
	padding-right:var(--ids-space-xs);
}

.bread-crumb-path
{
	display:none;
}

/*-----------------------------------------------------------------------------*/
A.back-to-top
{
	float:right;
	margin:20px 0px;
	text-decoration:none;
}

DIV.tab-panel
{
	border-bottom:var(--ids-tab-divider-color-border) solid 1px;
}

DIV.tab-panel A.tab,
DIV.tab-panel A.tabSelected,
DIV.tab-panel A.tabHasRemove,
DIV.tab-panel A.tabSelectedHasRemove
{
	color:var(--ids-tab-color-text-default);
	padding:5px 10px 8px 10px;
	display:inline-block;
	border-bottom:transparent solid 3px;
	text-decoration:none;
}

DIV.tab-panel A.tabHasRemove,
DIV.tab-panel A.tabSelectedHasRemove
{
	padding-right:22px;
}

DIV.tab-panel A.tab:hover,
DIV.tab-panel A.tabSelected:hover,
DIV.tab-panel A.tabHasRemove:hover,
DIV.tab-panel A.tabSelectedHasRemove:hover
{
	color:var(--ids-tab-color-text-hover);
	border-bottom:var(--ids-tab-color-text-hover) solid 3px;
	cursor:pointer;
}

DIV.tab-panel A.tabSelected,
DIV.tab-panel A.tabSelectedHasRemove,
DIV.tab-panel A.tabSelected:hover,
DIV.tab-panel A.tabSelectedHasRemove:hover
{
	color:var(--ids-tab-color-text-selected);
	font-weight:var(--ids-font-weight-bold);
	border-bottom:var(--ids-color-action-default) solid 3px;
}

DIV.tab-panel A.tabRemove,
DIV.tab-panel A.tabRemoveSelected
{
	margin:0px 9px 0px -18px;
	border:none;
}

DIV.tab-panel A.tabRemove:hover,
DIV.tab-panel A.tabRemoveSelected:hover
{
	border:none;
}

DIV.tab-panel .right
{
	height:25px;
	line-height:25px;
	margin:2px 0px 0px 5px;
	float:right;
}

DIV.tab-panel .button
{
	height:25px;
	line-height:25px;
	margin:2px 0px 0px 5px;
	float:right;
	padding:0px 10px;
	min-width:100px;
	background-color:#0072ED;
	border:1px solid #0072ED !important;
	font-weight:var(--ids-font-weight-semibold);
	color:#ffffff;
	border:none;
	border-radius:2px;
	text-align:center;
}

DIV.tab-panel .button:hover
{
	background-color:#0066D4;
	border:1px solid #0066D4;
}

DIV.doc-tab-left A
{
	display:inline-block;
	color:#ffffff;
	background-color:#999999;
	padding:7px 17px;
	min-width:0px;
	border:0px;
	border-radius:2px;
	text-decoration:none;
	margin-left:3px;
}

DIV.doc-tab-left A:hover
{
	background-color:#acacac;
}

DIV.doc-tab-right
{
	float:right;
}

DIV.doc-tab-right A
{
	display:inline-block;
	color:var(--ids-color-foreground-light-default);
	background-color:var(--ids-color-action-default);
	border:1px solid var(--ids-color-action-default);
	padding:7px 17px;
	min-width:0px;
	border-radius:2px;
	text-decoration:none;
	margin-left:3px;
	text-transform:capitalize;
	text-decoration:none;
	font-weight:var(--ids-font-weight-semibold);
}

DIV.doc-tab-right A:hover
{
	background-color:var(--ids-color-action-stronger);
	border:1px solid var(--ids-color-action-stronger);
}

DIV.doc-tab-right DIV.no-lineitems A
{
	color:var(--ids-color-foreground-light-default);
	background-color:var(--ids-color-action-default);
	border:1px solid var(--ids-color-action-default);
}

DIV.doc-tab-right DIV.no-lineitems A:hover
{
	background-color:var(--ids-color-action-stronger);
	border:1px solid var(--ids-color-action-stronger);
}

DIV.doc-tab-right DIV.lineitems A
{
	color:var(--ids-color-foreground-light-default);
	background-color:var(--ids-color-action-default);
	border:1px solid var(--ids-color-action-default);
}

DIV.doc-tab-right DIV.lineitems A:hover
{
	background-color:var(--ids-color-action-stronger);
	border:1px solid var(--ids-color-action-stronger);
}

TABLE.list-detail
{
	width:100%;
	border-collapse:collapse;
	border-spacing:0px;
}

TABLE.list-detail TD.list,
TABLE.list-detail TD.detail
{
	vertical-align:top
}

TABLE.list-detail TD.list
{
	width:350px;
}

TABLE.list-detail TD.detail
{
	padding:0px 0px 0px 10px;
}

DIV.scroller-top
{
	clear:both;
}

DIV.scroller
{
	overflow:auto;
	display:block;
	clear:both;
	position:absolute;
	visibility:hidden; /* adjustScroller() will make it visible after calculating position */
	bottom:10px;
	left:var(--xm-main-panel-spacing-horizontal);
	right:var(--xm-main-panel-spacing-horizontal);
}

.key-filter-tooltip
{
	display:block;
	border:var(--ids-color-text-tertiary) solid 1px;
	padding:1px 2px;
	margin:5px 0px 0px 5px;
	color:#999999;
	background-color:#ffffd0;
	position:absolute;
	box-shadow:1px 1px 1px var(--ids-color-text-tertiary);
}

.filterPrompt
{
	color:var(--ids-color-foreground-default-tertiary);
	padding:0px 6px 8px 6px;
	margin-top:-10px;
}

.addExpenseLabel
{
	color:var(--ids-input-label-color-text-default);
	margin-right:10px;
}

.commandLinks a
{
	text-decoration:underline;
}

div.mileage-map-privacy
{
	width:90%;
	padding:15px;
	line-height:20px;
	background-color:#f0f0f0;
	text-align:left;
}

div.mileage-map-privacy ul
{
	padding:0;
}

div.mileage-map-privacy ul li
{
	list-style-type:none;
	background-image:url(../../images/icon_privacy_li.png);
	background-position:5px center;
	background-repeat:no-repeat;
	background-size:16px 16px;
	padding:10px 10px 10px 30px;
}

div.mileage-map-privacy ul li a
{
	color:#3ac3ff;
	text-decoration:underline;
}

div.mileage-map-privacy div,
div.user-reaffirm-privacy div
{
	margin-top:25px;
	text-align:center;
}

div.mileage-map-privacy a.command-accept,
div.mileage-map-privacy a.command-decline,
div.user-reaffirm-privacy a.command-accept,
div.user-reaffirm-privacy a.command-decline
{
	padding:5px 15px;
	color:#ffffff;
	text-decoration:none;
	text-transform:uppercase;
}

div.mileage-map-privacy a.command-accept,
div.user-reaffirm-privacy a.command-accept
{
	margin-left:20px;
	background-color:#3ac3ff;
}

div.mileage-map-privacy a.command-decline,
div.user-reaffirm-privacy a.command-decline
{
	margin-right:20px;
	background-color:#999999;
}

ul.general-note
{
	margin-left:-2em;
}

ul.general-note li
{
	margin:1em 0 0 0;
}

ul.general-note li span.note-detail
{
	display:block;
	margin:0.5em 0;
	padding:0 1em 1em 1em;
}

.addressMapWrapper
{
	position:relative;
	text-align:center;
	margin:10px;
}

.location_bulletin
{
	display:inline-block;
	width:var(--ids-icon-width-default);
	height:var(--ids-icon-height-default);
	line-height:var(--ids-icon-height-default);
	text-align:center;
	background-color:var(--ids-color-text-default);
	color:var(--ids-color-text-inverse);
	border-radius:calc(var(--ids-icon-height-default) / 2);
}

.location_bulletin_via
{
	display:inline-block;
	width:10px;
	height:10px;
	line-height:10px;
	text-align:center;
	background-color:var(--ids-color-text-inverse);
	color:var(--ids-color-text-inverse);
	border-radius:calc(var(--ids-icon-height-default) / 2);
	border:var(--ids-color-text-default) solid 2px;
	margin:4px;
}

.audit-section
{
	padding:0 0 10px 5px;
}

.audit-section table
{
	padding-left:40px;
}

.audit-image img
{
	width:40px;
}

.audit-score
{
	font-size:30px;
	font-weight:var(--ids-font-weight-bold);
	color:#ff0000;
	padding-right:50px;
}

.audit-score img
{
	width:12px;
}

.audit-score.safe-doc
{
	color:#0072ED;
}

.audit-score.unsafe-doc
{
	color:#DA1217;
}

.audit-score div
{
	color:var(--ids-color-text-default);
}

.audit-tooltip
{
	position:relative;
	display:inline-block;
}

.audit-tooltip .audit-tooltiptext
{
	visibility:hidden;
	white-space:nowrap;
	color:#FFFFFF;
	text-align:center;
	border-radius:6px;
	padding:5px 5px;
	position:absolute;
	z-index:1;
	bottom:150%;
	margin-left:-55px;
}

.audit-tooltip .audit-tooltiptext::after
{
	content:"";
	position:absolute;
	top:100%;
	left:60px;
	margin-left:-5px;
	border-width:5px;
	border-style:solid;
	border-color:#999999 transparent transparent transparent;
}

.audit-tooltip:hover .audit-tooltiptext
{
	visibility:visible;
}

.audit-tooltip .audit-tooltiptext.safe-doc
{
	background-color:#0072ED;
}

.audit-tooltip .audit-tooltiptext.unsafe-doc
{
	background-color:#DA1217;
}

.audit-tooltip .audit-tooltiptext.safe-doc::after
{
	border-color:#0072ED transparent transparent transparent;
}

.audit-tooltip .audit-tooltiptext.unsafe-doc::after
{
	border-color:#DA1217 transparent transparent transparent;
}

.audit-inbox
{
	color:#FFFFFF;
	display:block;
	text-align:center;
	width:100%;
	padding-top:1px;
}

.audit-inbox.safe-doc
{
	background-color:#0072ED;
}

.audit-inbox.unsafe-doc
{
	background-color:#DA1217;
}

/* Showmore/Showless */
.showmoreless
{
	color:#0072ED;
	text-decoration:underline !important;
}

.showmoreless:hover:not([disabled])
{
	color:#0066D4;
}

/* ____________________ */
/* File Upload */
.fileupload
{
	border:1px solid #6D6873;
	border-radius:2px;
	padding:8px 12px;
	width:400px;
	margin-top:3px;
}

.fileupload:focus
{
	border:1px solid #0072ED;
	outline:none;
	box-shadow:0 0 4px 3px rgba(54, 138 ,192, 0.30);
}

/* _____________________ */
/* No Data To Display */
.datagrid-container.empty-message-container
{
	height:100%;
	pointer-events:none;
	position:absolute;
	width:100%;
}

.datagrid-container.empty-message
{
	position:absolute;
	top:calc(50% + 20px);
	transform:translateY(-50%);
	width:inherit;
}

.empty-message
{
	min-height:60px;
	padding-bottom:5px;
}

.empty-message .empty-icon
{
	padding:25px 0;
}

.empty-icon,
.empty-title
{
	-webkit-font-smoothing:antialiased;
	font-weight:var(--ids-font-weight-normal);
	line-height:normal;
	text-align:center;
}

.icon-empty-state
{
	fill:transparent;
	height:80px;
	width:80px;
	color:#0072ed;
	display:inline-block;
	position:relative;
}

.empty-title
{
	padding-bottom:20px;
	font-weight:var(--ids-font-weight-semibold);
	margin-top:-5px;
}

/* ____________________________________________________________________________________ */
/* Radio Button CSS */
input[type=radio].selectItemTable
{
	display:none;
}

.radioLabel
{
	display:inline-flex;
	cursor:pointer;
}

div.customradio
{
	width:1.5em;
	height:1.5em;
	border-radius:50%;
	box-sizing:border-box;
	border:1px solid #47474C;
	background-color:#ffffff;
	padding:2px;
}

input[type=radio].selectItemTable:checked ~.customradio
{
	background-color:#0072ED;
	border:none;
}

div.customradio::after
{
	content:"";
	width:4px;
	height:4px;
	display:block;
	background-color:white;
	border-radius:50%;
	transform:scale(0);
	border:2px solid #ffffff;
	position:relative;
	left:3px;
	top:3px;
	transition:0.2s;
}

input[type=radio].selectItemTable:checked + div.customradio::after
{
	transform:scale(1);
}

.radioLabel:hover input ~ .customradio
{
	box-shadow:0 0 4px 3px rgba(54, 138 ,192, 0.30);
	-moz-box-shadow:0 0 4px 3px rgba(54, 138 ,192, 0.30);
}

/* Styles related to receipts_drag.jsp */
.status-icon
{
	background-color:#1F9254;
	border-radius:50%;
	float:left;
	height:16px;
	width:16px;
	margin:10px 10px 0;
}

.status-icon .icon
{
	color:#ffffff;
	height:10px !important;
	top:2px;
	width:10px;
}

.description
{
	margin-top:2px;
	color:#1F9254;
	height:34px;
	line-height:34px;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:55%;
}

.status-icon-gallery
{
	background-color:#B7B7BA;
	border-radius:50%;
	float:left;
	height:16px;
	width:16px;
	margin:10px 10px 0;
}

.status-icon-gallery .icon-gallery
{
	color:#ffffff;
	height:10px !important;
	top:2px;
	width:10px;
}

.description-gallery
{
	margin-top:2px;
	color:#B7B7BA;
	height:34px;
	line-height:34px;
	overflow:hidden;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
	white-space:nowrap;
	max-width:55%;
}

.notification-icon
{
	color:#77777C;
	fill:transparent;
	width:18px;
	height:18px;
	position:relative;
	display:inline-block;
}

.fileUploadLabel
{
	display:block;
	color:var(--ids-input-label-color-text-default);
	font-weight:var(--ids-font-weight-normal);
	margin-bottom:0;
	margin-left:-2.5px;
	margin-right:-2.5px;
	padding:5px;
	line-height:18px !important;
}

/* _____________________________________________________________________ */
.notification.alert
{
	background-color:#FEF2E5;
	color:#47474C;
}

.notification
{
	align-items:center;
	display:flex;
	height:0;
	padding:10px 10px;
	position:relative;
	z-index:1;
}

.alert, .alert-message
{
	color:#F98300;
}

.notification .notification-icon
{
	flex-shrink:0;
	margin-right:10px;
	top:0;
}

.notification-icon
{
	fill:transparent;
	width:18px;
}

.icon-alert, .icon-alert-alert
{
	color:#F98300 !important;
}

.icon-error, .icon-success, .icon-alert, .icon-info, .icon-info-field, .icon-in-progress, svg.icon-dirty, .icon-new, .icon-pending, .icon-empty-circle, .icon-half-empty-circle
{
	position:relative;
	top:10px;
	vertical-align:top;
}

.notification-icon
{
	color:#47474C;
	display:inline-block;
	height:18px;
	position:relative;
	width:22px;
}

.notification.alert .notification-text,
.notification.info .notification-text,
.notification.error .notification-text
{
	overflow:hidden;
	white-space:normal;
	margin-block:0;
}

.notification.info
{
	background-color:#E6F1FD;
}

.icon-info, .icon-info-alert
{
	color:#0066D4 !important;
}

.notification.error
{
	background-color:#FBE7E8;
	color:#47474C;
}

.icon-dirtyerror, .icon-error, .icon-error-alert
{
	color:#DA1217 !important;
}

::selection
{
	background-color:#0072ED;
	color:#FFFFFF;
	-webkit-text-fill-color:#FFFFFF !important;
}

.ui-widget-overlay
{
	background-color:#000000;
	opacity:0.7;
}

.soho-dialog
{
	padding:0;
	background-color:var(--ids-color-background-default);
}

.soho-dialog .ui-dialog-titlebar
{
	background-color:var(--ids-color-background-default);
	border:0;
	font-size:20px;
	font-weight:var(--ids-font-weight-normal);
	text-align:center;
	padding:15px 0 0 0;
}

.soho-dialog .ui-dialog-titlebar .ui-dialog-title
{
	width:100%;
	margin:0;
	padding:0;
}

.soho-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close
{
	display:none;
}

.soho-dialog .ui-dialog-content
{
	padding:15px;
	line-height:1.5;
	color:var(--ids-color-text-default);
}

.soho-dialog .ui-dialog-buttonpane
{
	margin:0;
	border:0;
	padding:0;
	border-top:1px solid #b7b7ba;
}

.soho-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
	float:none;
	width:100%;
}

.soho-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button
{
	display:block;
	width:100%;
	float:left;
	padding:15px 0;
	margin:0;
	color:var(--ids-color-text-default);
	background-color:var(--ids-color-background-default);
	border:0;
	border-radius:0;
	font-weight:var(--ids-font-weight-bold);
}

.soho-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button:focus
{
	box-shadow:0 0 2px 2px #3680e4;
}

.itemTable thead
{
	position:sticky;
	top:0;
	z-index:1;
}

.dialogueTitle
{
	display:block;
	text-align:center;
	font-weight:var(--ids-font-weight-bold);
}