/*
STANDARD, SYSTEM-WIDE STYLES
*/
body {
	background: white;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	border: 0px;
	margin: 6px 6px 7px 6px;
	zoom: 1.0;
}

form {
	margin-bottom: 0px; /* for some reason, forms have a default margin along their bottom */
}

input[type=button] { /* for IE - this forces the button text to be in the middle */
	padding-left: 5px;
	padding-right: 5px;
}

/* AJD 10/24/11 #29579 - IE in quirks mode adds all kinds of extra padding to buttons.  This class will help standardize the button look
   across quirks and non-quirks mode pages. */
.IEbuttonPaddingFix {
	/* FF and IE standards gets these two */
	padding-left: 2px;
	padding-right: 2px;
	/* IE quirks mode gets these two */
	*padding-left: 0px;
	*padding-right: 0px;
}

.infoArea {
	text-align: center;
	padding: 20px;
	background-color: #e9e6e1;
	font-style: italic;
}

.infoAreaLeft {
	text-align: Left;
	padding: 10px;
	font-style: italic;
}

.invalidInput {
border-color: red;
border-style: solid;
border-width: thin;
}

table, .applyGlobalTableStyle {
	font-family: verdana, aria, sans-serif;
	font-size: 8pt;
	border: 0px;
	padding: 0px;
	border-spacing: 0px;
}

tr,td {
	border: 0px;
	padding: 0px;
}

td {
	empty-cells: show;
}

.nav1 {
	color: white;
}

.nav1a {
	color: black;
}

.sectionHeader,.sectionHeaderFull {
	color: #333333;
	font-weight: bold;
}

/* WJF 12/14/17 C-5487 */
.sectionHeaderSpace {
	width: 10px;
	height: 24px;
}

/* WJF 12/14/17 C-5487 */
.sectionHeaderRow {
	vertical-align: middle;
}

/* WJF 12/14/17 C-5487 */
.sectionHeaderButton {
	width: 1px;
	padding-right: 4px;
}

/* WJF 12/14/17 C-5487 */
.sectionHeader > a {
	font-weight: normal;
}

/* WJF 12/20/17 C-5487 */
.sectionHeaderSpaceRow {
	height: 8px;
}

.sectionHeaderFull {
	padding: 5px 10px 5px 10px;
}

/* WJF 11/9/17 C-4796 */
div.sectionHeader {
	line-height: 24px;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 8px;
}

.sectionHeaderLink {
	font-weight: normal;
	text-decoration: none;
}

span.sectionHeaderDivLink {
	margin-left: 25px;
}

.tabFg {
	color: #000000;
	font-weight: bold;
}

.tabBg {
	background-color: #e9e6e1;
	color: #333333;
}

td.tabFgFloating {
	background-color: #bebebe;
	color: #000000;
	font-weight: bold;
}

.textArea { /* AJD 08/17/11 - open this up to anything with the class */
	padding: 6px;
	background-color: #FAFAFA;
}

.alertArea {
	font-style: italic;
	font-weight: bold;
	color: #ee0000;
	padding: 20px;
	background-color: #e9e6e1;
}

/* Lighter gray background for divs*/
.lighterGrayBackground { /** AMOS 10/25/10 #13920 */
    background-color: #DADADA !important;
}

/* since all pages have a doctype, we can use parent > child notation */
/* VLC 3/14/17 C-3734: Color for column headers was being overriden by .ui-widget-content .ui-state-default. !important fixed this. */
.colHdr, .colHdr > td, .colHdr > th, .rowA, .rowA > td,.rowB, .rowB > td,.rowFocus, .rowFocus > td {
	color: #000000 !important;
	padding: 4px;
}

.rowA {
	background-color: var(--lightGray1) !important;
}

/* SDC 2/2/18 C-5905 */
.rowA.aliquotRow {
	background-color: #ffeb99;
}
.selectableRow.odd.aliquotRow {
	background-color: #ffeb99;
}

.rowB {
	background-color: var(--lightGray1) !important;
}

/* SDC 2/2/18 C-5905 */
.rowB.aliquotRow {
	background-color: #ffffb3;
}
.selectableRow.even.aliquotRow {
	background-color: #ffffb3;
}

tr.rowA > td, tr.rowB > td, tr.rowFocus > td {
	padding: 4px;
}

.normal {
	background-color: white;
	font-size: 8pt;
	font-family: verdana, arial, sans-serif;
	font-weight: normal;
	font-style: normal;
	color: black;
}

a:link,a:active,a:visited {
	color: #0000ff;
	text-decoration: underline;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
}

a.nav1:link,a.nav1:active,a.nav1:visited {
	color: #ffffff;
	text-decoration: none;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

a.nav1a:link,a.nav1a:active,a.nav1a:visited {
	color: #000000;
	text-decoration: none;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

a.nav2:link,a.nav2:active,a.nav2:visited {
	text-decoration: none;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
}

a.tab:link,a.tab:active,a.tab:visited, .tab {
	color: #4f4f4f;
	text-decoration: none;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 8pt;
}

a.tabDisabled:link,a.tabDisabled:active,a.tabDisabled:visited {
	color: #999999;
	text-decoration: none;
	font-family: verdana, arial, sans-serif;
	font-weight: bold;
	font-size: 8pt;
}

a.badCode:link,a.badCode:active,a.badCode:visited {
	color: #c00000;
	font-style: italic;
	text-decoration: none;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
}

a.goodCode:link,a.goodCode:active,a.goodCode:visited {
	color: #008000;
	font-style: italic;
	text-decoration: none;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
}

a.codeNA:link,a.codeNA:active,a.codeNA:visited {
	color: #000000;
	font-style: italic;
	text-decoration: none;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
}

a.alertSmall:link,a.alertSmall:active,a.alertSmall:visited {
	color: #c00000;
	text-decoration: underline;
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
}

.titleTab {
	font-family: verdana, arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: white;
	min-height: 18px;
}

.patientInfo {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	color: white;
	line-height: normal;
}

button,input,select {
 font-family: verdana, arial, sans-serif;
 font-size: 8pt;
}

.hiddenContentButton {
	font-style: italic !important;
	color: #008000 !important;
}

.hiddenButton {
	height:0px;
	padding:0;
}

.greenText { /** ZMH 11/18/10 #24306 */
	color: #008000 !important;
}
.blackText { /** ZMH 11/30/10 #24306 */
	color: #000000 !important;
}
.redText { /** ZMH 11/30/10 #24306 */
	color: #FF0000 !important;
}
.lightGrayText { /** ZMH 11/30/10 #24306 */
	color: #D3D3D3 !important;
}
.grayText { /** ZMH 11/30/10 #24306 */
	color: #808080 !important;
}
.darkGrayText { /** ZMH 11/30/10 #24306 */
	color: #A9A9A9 !important;
}
.orangeText { /** ZMH 11/30/10 #24306 */
	color: #FFA500 !important;
}
.yellowText { /** ZMH 11/30/10 #24306 */
	color: #FFFF00 !important;
}
.blueText { /** ZMH 11/30/10 #24306 */
	color: #0000FF !important;
}
.magentaText { /** ZMH 11/30/10 #24306 */
	color: #FF00FF !important;
}
.cyanText { /** ZMH 11/30/10 #24306 */
	color: #00FFFF !important;
}

.noStyleText { /** ZMH 06/15/2011 #26411 */
	font-style: none;
	font-weight: none;
}
.boldText { /** ZMH 06/15/2011 #26411 */
	font-weight: bold;
}
.italicText { /** ZMH 06/15/2011 #26411 */
	font-style: italic;
}
.boldAndItalicText { /** ZMH 06/15/2011 #26411 */
	font-style: italic;
	font-weight: bold;
}


input.checkbox,input.radio {
	width: 14px;
	height: 14px;
}

.header {
	color: white;
}

.alert {
	font-style: italic;
	font-weight: bold;
	color: #ee0000;
}

.requiredLabel {
	color: #ee0000 !important; /* AJD 08/12/11 - need this color to shine through regardless */
}

.orderStatus {
	font-weight: bold;
	color: #ee0000;
}

.two-digit {
	width: 20px;
}

.four-digit {
	width: 35px;
}

.x-small {
	width: 30px;
}

.small {
	width: 70px;
}

.medium {
	width: 95px;
}

.large {
	width: 120px;
}

input.smallAlert {
	font-style: italic;
	font-weight: bold;
	color: #ee0000;
	width: 70px;
}

input.largeAlert {
	font-style: italic;
	font-weight: bold;
	color: #ee0000;
	width: 120px;
}

input.tinyBold {
	font-style: italic;
	font-weight: bold;
	font-size: 9pt;
}

input.tiny {
	font-size: 9pt;
}

input.tinyDelete, button.tinyDelete {
	font-style: italic;
	font-weight: bold !important;
	font-size: 9pt;
	color: #ee0000 !important;
}

select.orderChoiceList {
	font-family: monospace, sans-serif;
	font-size: 9pt;
	width: 250px;
}

select.recipientFilterList {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	width: 175px;
}

.goodCode {
	color: #008000;
}

.badCode {
	color: #c00000;
	font-style: italic;
}

span.codeNA {
	color: #000000;
}

span.title {
	color: #000000;
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	font-weight: bolder;
}

td.popup {
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	padding-right: 4px;
	cursor: pointer;
}

div.popup {
	text-align: left;
	border-style: solid;
	border-width: 2px;
	background: #D6D6CC;
	background-color: #D6D6CC;
	padding: 2px;
}

img.displayLogo {
	height: 54px;
}

input.nonbutton {
	color: #ffffff;
	background-color: transparent;
	cursor: pointer;
	font: bold 8pt verdana;
	border: none;
}

.dialogTitle {
	border: 1px solid black;
	font-weight: bold;
	font-size: 12pt;
	color: white;
}

iframe.ieDatatableFrameFix {
	border: none;
	position: absolute;
	top: 0;
	left: 0;
	background: none;
}

/*
HELP SYSTEM STYLE
*/
.important {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	border-top: thin dotted #CCCCCC;
	border-right: thin dotted #CCCCCC;
	border-bottom: thin dotted #CCCCCC;
	border-left: thin dotted #CCCCCC;
	padding: 2px;
}

/*
VALIDATION CLASSES
*/
.two-digit-month,.two-digit-day,.two-digit-hour,.two-digit-minute {
	width: 35px !important;
}

.numeric,.integer {
	width: 35px;
}

.four-digit-year {
	width: 45px !important;
}

.drop-down {
	width: 175px;
}

input.text,.search-text,.searchbox {
	width: 140px;
}

.popupMessage {
	font-family: verdana, arial, sans-serif;
	font-size: 8pt;
	font-style: italic;
	color: black;
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	border: 1px solid black;
	padding: 3px;
	min-width: 150px;
	max-width: 400px;
}

.occidInherit {
	color: inherit !important;
	font-size: inherit !important;
	font-weight: inherit !important;
	text-decoration: inherit !important;
	font-style: inherit !important;
}

#navigation {
	min-height: 400px;
	height: auto !important;
	height: 400px;
}

div.loadingDiv {
	border: 2px solid black;
	background-color: white;
	font-style: italic;
	font-size: 17pt;
	padding: 20px;
	position: fixed;
	white-space: nowrap;
	top: 30px;
	left: 30px;
	z-index: 10000;
	cursor: default;
}

.ui-state-green {
	border: 1px solid #0C460C !important;
	/*background: url("images/ui-bg_glass_55_52da5e_1x400.png") !important;*/
}
.ui-state-green .ui-icon {
	background-image: url("images/ui-icons_0c460c_256x240.png") !important;
}

.ui-icon-green { /* green forms of the jquery ui icons */
	background-image: url("images/ui-icons_378113_256x240.png") !important;
}

.ui-icon-red { /* JRC 11/2/17 C-5186 red forms of the jquery ui icons */
	background-image: url("images/ui-icons_cd0a0a_256x240.png") !important;
}

.ui-icon-yellow { /* JRC 11/2/17 C-5186 yellow forms of the jquery ui icons */
	background-image: url("images/ui-icons_f9bd01_256x240.png") !important;
}

.ui-icon-blue { /* WJF 12/28/17 C-4796 */
	background-image: url("images/ui-icons_2e83ff_256x240.png") !important;
}

.highlight-ui-icon {
	background-image: url("images/ui-icons_2e83ff_256x240.png") !important;
}

.whiteIcons {
	background-image: url("images/ui-icons_ffffff_256x240.png") !important;
}

.yellowIcons {
	background-image: url("images/ui-icons_ffd966_256x240.png") !important;
}

.darkGrayIcons {
    background-image: url("images/ui-icons_444444_256x240.png") !important;
}

/**
SEARCH AS YOU TYPE DROPDOWNS START
**/

button.searchAsYouTypeButton {
	width: 20px;
	vertical-align: middle;
}

div.hoveringTooltip {
	background-color: white;
	border: 1px solid gray;
	padding: 5px;
	font: message-box;
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10000;
	border-radius: 5px;
	-moz-border-radius: 5px;
}

input.searchAsYouTypeTextField {
	width: 200px;
	vertical-align: middle;
}
/**
SEARCH AS YOU TYPE DROPDOWNS END
**/

/**
DATATABLE OBJECT START - AJD 12/09/10
**/
.osc_datatable_filter_wrapper {
}

.osc_datatable_wrapper {
}

/*
.osc_datatable_wrapper .datatable_displayTable {
	border-left: 1px solid black;
	border-right:  1px solid black;
}

.osc_datatable_wrapper .dataTables_scroll {
	border-left: 1px solid black;
	border-right: 1px solid black;
}
*/
.osc_datatable_wrapper .dataTables_scroll .datatable_displayTable {
	border-left: none;
	border-right: none;
}

.datatablePopupMultiSelectDiv
{
	position: relative;
	height: 300px;
	overflow: auto;
	border: 1px solid black;
}

.datatableMultiSelectSelectedLabel {
	padding: 5px;
	margin-top: 25px;
	color: black;
	border: 1px solid var(--lightGray2);
	font-weight: bold;
}

.datatableMultiSelectSelectedTable {
	position: relative;
	overflow:auto;
	border-color: var(--lightGray2);
	border-width: thin;
	border-style: solid;
}

.datatableMultiSelectButtonDiv {
	position: absolute;
	bottom: 0;
	right: 0;
	float: right;
	padding: 10px;
	text-align: right;
	vertical-align: top;
}

.dataTables_scrollBody {
	position: relative;
}

div.DT_fixedHeightDiv {
	border-left: 1px solid var(--lightGray2);
	border-right: 1px solid var(--lightGray2);
	background-color: #FAFAFA;
}

/**
DATATABLE OBJECT END
**/

/**
JQUERY UI DIALOG START
**/
/*Styles for the min/max stuff*/
.ui-dialog .ui-dialog-titlebar-maximize, .ui-dialog .ui-dialog-titlebar-minimize, .ui-dialog .ui-dialog-titlebar-restore, .ui-dialog .ui-dialog-titlebar-help {
	position: absolute;
	top: 50%;
	width: 19px;
	margin: -10px 0 0 0;
	padding: 1px;
	height: 18px;
}
.ui-dialog .ui-dialog-titlebar-maximize span, .ui-dialog .ui-dialog-titlebar-minimize span, .ui-dialog .ui-dialog-titlebar-restore span, .ui-dialog .ui-dialog-titlebar-help span {
	display: block;
	margin: 1px;
}
.ui-dialog .ui-dialog-titlebar-maximize:hover, .ui-dialog .ui-dialog-titlebar-maximize:focus,
.ui-dialog .ui-dialog-titlebar-minimize:hover, .ui-dialog .ui-dialog-titlebar-minimize:focus,
.ui-dialog .ui-dialog-titlebar-restore:hover, .ui-dialog .ui-dialog-titlebar-restore:focus ,
.ui-dialog .ui-dialog-titlebar-help:hover, .ui-dialog .ui-dialog-titlebar-help:focus {
	padding: 0;
}


/**
JQUERY UI DIALOG END
**/

/**
CLIENT SERVICES 2.0 START
**/
/**
UI Layout overrides
**/
.ui-layout-pane {
	padding: 0px !important;
}
.ui-tabs .ui-tabs-panel {
	padding: 0px !important;
}
.ui-layout-toggler .content {
	opacity: 1;
	color: black !important;
}
[class~="ui-layout-resizer"][class~="ui-state-disabled"] {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
}
tr.defaultSettingsRow>td { /* for some reason, this has to go here */
	padding-top: 8px;
	padding-left: 5px;
}
.clickable {
	cursor: pointer;
}

td.itemLabel { /* labels on tables of data */
	text-align: right;
	padding-right: 5px;
}

tr.paddedRow>td {
	padding: 5px;
}

.csmContainer span {
	/* Keep all of the labels and data from wrapping (they will all be wrapped in a span) */
	white-space: nowrap;
}

.csmContainer input[type=text] {
	/* formatting for text boxes, when using a doctype */
	vertical-align: middle;
}

/* AJD 06/08/11 - fixed issue with icon-only buttons appearing slightly off */
/* DSW 11/11/18 C-7305 - Reverted button CSS. */
.ui-button {
	/* want the jquery UI buttons to be the same height as the text boxes.  without this they are the height of the parent container */
	height: 20px; !important;
	padding: 0px !important;
}

.autoHeightUIButton {
	height: auto !important;
	padding: 5px;
	min-height: 20px;
}

.ui-button-text-only .ui-button-text {
	padding-left: 5px !important;
	padding-right: 5px !important;
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}

/* DSW 11/11/18 C-7305 - Fixes so buttons with text labels look the same. */
.ui-button .ui-button-text {
	display:block;
}

/* DSW 11/11/18 C-7305 - Fixes so datatable pagination buttons look the same. */
button.fg-button.ui-button-icon-only {
	width:2.4em !important;
}

.ui-button-text {
	/* BAA 12/13/18 C-7105 - Remove the white space ignore that was added via C-5382. Increased line-height form .8 to 1 to keep C-5382 fixed */
	line-height: 1em !important;
	 /*BLT 3/22/18 C-5382*/
}

.fillSpace {
	/* certain items will need to be the full size of the parent element */
	height: 100%;
	width: 100%;
}

span.infoBox { /* any info.  like an alert box elsewhere, but fancier */
	text-align: center;
	font-weight: bold;
	font-style: italic;
	padding: 15px;
	background-color: silver;
	position: relative; /* IE7 needs this to work... */
	-moz-border-radius: 10px;
	/* for firefox, have some nice rounded edges */
}

.hidden {
	/* easy way to add/remove display, without explicitly setting the visibility */
	visibility: hidden;
}

div.messageDiv { /* standard styling for a CSM message */
	position: absolute;
	top: 0px;
	left: 0px;
	width: 300px;
	z-index: 5000; /* always in the front */
}

.csmButtonIconDiv {
	margin-bottom: 12px;
	padding-bottom: 0px;
	border: 1px groove #d3d3d3;
	border-radius: 4px;
	background-color: #e7e7e7;
	cursor:pointer;
	display:inline-block;
	vertical-align:middle;
}

.csmButtonIconDiv span
{
	display:table-cell;
	vertical-align:middle;
}

.csmButtonIconDiv span.ui-icon
{
	width:18px;
}

div.messageDiv div.messageDivClose {
	text-align: right;
	padding: 2px;
}

div.messageDivClose span {
	float: right;
	cursor: pointer;
	border: 1px solid;
}

div.messageDiv div.messageDivInfo {
	padding: 15px;
}

div.messageDivInfo span {
	margin-bottom: 15px;
}

div.confirmDialogMessage {
	padding-top: 5px;
	padding-bottom: 10px;
	width: 100%;
	float: left;
	clear: both;
	border-bottom: 1px solid black;
	margin-bottom: 10px;
}

span.error { /* error text styling */
	font-style: italic;
	color: red;
}

.datatableExpandedRow {
	padding: 10px 10px 10px 40px;
	background-color: silver;
	border: 1px solid black;
}

.datatableExpandedRowOdd {
	padding: 10px 10px 10px 40px;
	border-style: none;
}

.datatableExpandedRowEven {
	padding: 10px 10px 10px 40px;
	border-style: none;
}

.datatableExpandedTable {
	border-width: 1px;
	border-style: solid;
}

/* JQuery UI overrides */
.ui-widget-header {
	color: white !important;
}

.clientHoursSimpleDiv {
	position: absolute;
	padding: 10px;
	border: 2px solid black;
	background-color: white;
	-moz-border-radius: 5px;
	z-index: 5000;
}

.clientHoursSimpleDiv .dayLabel {
	padding: 2px;
	text-align: right;
	font-weight: bold;
	border-right: 1px solid black;
}

.clientHoursSimpleDiv .dayHourList {
	padding: 2px 2px 2px 4px;
}

.clientHoursSimpleDiv .timeZoneLabel {
	padding-top: 5px;
	font-style: italic;
}

.csmPopupMenu {
	padding: 2px;
	background-color: white;
	border: 1px solid silver;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5000;
}
.csmPopupMenu div {
	padding: 4px;
}

.datatables-footer {
	position: relative;
}

.setupTabSection {
	border: 1px solid black;
	margin: 5px;
}

tr.supplyListKitRow {
	background-color: #C2C2C2 !important;
}

td.supplyListKitSubRowFirstCol {
	border-left: 10px solid #C2C2C2 !important;
}

td.supplyListKitSubRowLastCol {
	border-right: 10px solid #C2C2C2 !important;
}

td.supplyListKitLastSubRow {
	border-bottom: 10px solid #C2C2C2 !important;
}

.noLotDefinedError {
	color: red;
	font-style: italic;
}

/**
CLIENT SERVICES 2.0 END
**/

/**
 NEW NAV CLASSES (AJD 12/21/11 #30258)
**/
div.signOutButton2 {
	float: left;
}

div.userDefinedButtons2 {
	margin-left: 100px;
	padding-right: 5px;
	padding-left: 5px;
}

div.pageFooter {
	position: absolute;
	text-align: right;
	bottom: 0;
	right: 0;
	left: 0;
	height: 40px;
	line-height: 40px;
    border-top: 1px solid var(--lightGray2) !important;
}

div.pageContentMenuHidden {
	margin-left: 15px;
}

div.pageContentMenuDisplayed {
	margin-left: 205px;
}

div.pageContent {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	min-width: 800px;
}

div.pageBody {
	position: absolute;
	overflow: auto;
	left: 0;
	right: 0;
	padding: 5px;
	top: 54px;
	bottom: 41px;
}

div.pageHeader {
	height: 54px;
	position: relative;
    border-bottom: 1px solid var(--lightGray2);
}

div.oldPageHeader
{
    margin-left: 5px;
    padding-left: 5px;
}

div.headerHelpButton {
	position: absolute;
	right: 1px;
	top: 0;
}

td.headerPatientSearch {
	width: 100%;
	text-align: center;
}

div.headerPatientSearchField {
	height: 30px;
	vertical-align: top;
	position: relative;
}

td.headerTabInfo {
	white-space: nowrap;
	height: 100%;
}

.headerLinks {
    text-align: left;
    font-weight: normal;
    z-index: 1;
    padding: 3px 5px 0px 0px;
}

.headerLinksMobile {
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-left: 1px solid black;
    font-weight: normal;
    z-index: 1;
    padding-bottom: 2px;
}


div.hiddenMenuPageNavigation {
	position: absolute;
	left: 5px;
	top: 250px;
	width: 15px;
	cursor: pointer;
	font-size: 6pt;
}

div.pageNavigation {
	position: absolute;
	left: 0px;
	top: 0px;
	bottom: 0px;
	width: 204px;
    overflow-y: auto;
    overflow-x: hidden;
}

div.displayLogoContainer {
	line-height: 54px;
	height: 54px;
	text-align: center;
}

div.PBOLogoContainer {
	position: absolute;
	bottom: 0px;
	left: 0;
	right: 0;
	height: 40px;
	line-height: 40px;
	text-align: center;
}

div.PBOLogoContainer img {
	width: 143px;
	height: 32px;
	border: 0;
	vertical-align: middle;
}

#navigationMenuCell {
	margin-left: auto;
	margin-right: auto;
}

div.navigationLinks {
	position: absolute;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	top: 54px;
	bottom: 41px;
}

div.headerLeftCorner {
	position: absolute;
	top: 0;
	height: 32px;
	width: 18px;
}

div.headerRightCorner {
	position: absolute;
	top: 0;
	right: 0;
	height: 31px;
	width: 22px;
}

div.headerTabInfoContent {
	margin-left: 15px;
	margin-right: 5px;
	padding-top: 10px;
}

div.headerTabInfoHolder {
	position: relative;
	height: 100%;
}

.headerHelpButton a img {
	color: white !important;
	height: 25px;
	width: 25px;
	border: 0;
}

.navLinksHolder {
	height: 23px;
	position: relative;
}

.headerToggleButtonHolder {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
}

.headerToggleButton {
	float: right;
	padding-right: 5px;
	padding-left: 5px;
	height: 100%;
}

.headerToggleButton span {
	cursor: pointer;
	margin-top: 3px;
}

#inclTopPatientNavigationLinksSpan, #inclTopPatientPortalPatientNavigationLinksSpan {
	vertical-align: middle;
	padding-top: 5px;
}

.inclTopPatientNavLinks {
    text-decoration: none !important;
    color: var(--darkGray1) !important;
    font-weight: bold;
}

/**
  DWH 12/13/11 TT#30145 - Needed for change log page to hide category type fields upon page draw.
**/
.categoryAllHide{
  display: none;
}

/**
  AJD 12/08/11 - These classes are used to trick the new layout into looking and behaving like the old layout.
  Not pretty, but this is a pure css solution!
**/
.oldLayoutContent {
	position: static !important;
	display: table;
}
.oldLayoutPageFooter {
	position: static !important;
	border-top: none !important;
    margin-left: 5px;
    padding-left: 5px;
}
.oldLayoutPageBody {
	overflow: visible !important;
	min-width: 800px;
}
/* To get the alignment to work out, I had to position the navigation within the body and move it out with margins. */
.oldLayoutNavigationBase {
	float: left !important;
	margin-left: -210px;
	margin-top: -59px;
}
.oldLayoutPBO {
	width: 200px !important;
}
.oldLayoutNavigation {
	position: static !important;
}

.loadingPageMessageDiv {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 10000;
}

.loadingPageMessageDiv .loadingDiv {
	z-index: 1;
}

.loadingPageMessageDiv .curtainOfDeath {
	z-index: 0;
	opacity: .01;
	filter: Alpha(opacity=.01);
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	background: white;
}

/*
AJD 03/01/12 TT#30928 - livefilter error messages
EMC 7/15/2021 C-13503 added forced line wrapping because of the max width
*/
div.livefilterInvalidDisplayContainer {
	max-width: 500px; /*STE 8/31/21 C-8502 - increased max width for messages with long field names*/
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	z-index: 2;
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

div.dateDisplayTextArea {
	padding: 5px;
}

div.livefilterBorderCoverHolder_vertical {
	margin: auto;
	width: 17px;
	position: relative;
}

div.livefilterBorderCoverHolder_horizontal {
	margin: auto;
	height: 17px;
	width: 8px;
	position: absolute;
}

div.livefilterBorderCoverHolder_horizontal div.livefilterBorderCover {
	position: absolute;
	height: 17px;
	width: 1px;
	border: none !important;
}

div.livefilterBorderCoverHolder_vertical div.livefilterBorderCover {
	position: absolute;
	width: 17px;
	height: 1px;
	border: none !important;
}

div.livefilterBorderCoverHolder_horizontal div.livefilterErrorArrow {
	width: 1px;
	margin: auto;
	border-left: none !important;
	border-right: none !important;
	display: inline-block;
	vertical-align: middle;
}

div.livefilterBorderCoverHolder_vertical div.livefilterErrorArrow {
	height: 1px;
	margin: auto;
	border-top: none !important;
	border-bottom: none !important;
}
/* AJD 03/01/12 TT#30928 - livefilter error messages end */

div.mutliSelectSAYTBorder {
	padding: 10px;
	border: 1px solid silver;
}

table.hoverableMouseLook tr.datatableRow {
	cursor: pointer;
}

.orchardMenu-base {
	z-index: 10000;
}

.orchardMenu-base div { /* don't allow wrapping on menu labels */
	white-space: nowrap;
}

.ui-menu-item .menuItemText {
	padding-right: 25px; /* for when the expand arrow is present */
}

/* AJD 11/06/12 TT#32342 - expanded row styles */
.expandedDatatableRow {
	border: 1px solid black;
	margin: 0 20px;
}

.expandedDatatableRowMessage {
	padding: 5px;
	font-size: 1.1em;
	font-style: italic;
}

#vakata-contextmenu li ins
{
	margin-top: 1px;
}
.jstree li > a
{
	width: 90%;
	font-size: 1.2em; /* font a little bigger */
}
.jstree li[data-leaf] a
{
	text-decoration: none;
	color: black;
}
.jstree li[rel="message"]
{
	font-style: italic;
}

.completedTask {
	text-decoration: line-through;
}
/* DSW 6/16/14 TT#38614 */
.ui-menu-item{
	margin: -2px !important;
	padding: 2px !important;
}

input::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=text]::-ms-reveal {  display: none; width : 0; height: 0; }
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }

/* DSW 8/22/14 TT#40344 */
input[type=text].tempRuleSortOrder {
	border: 2px solid red;
}

input[type=text]:disabled,select:disabled{
    color: black;
    background-color: rgb(182, 189, 183);
}

/* DSW 5/18/15 TT#42089 - Added styles for buttons that need either black & normal, green & italic, or red & bold text. */
.normalButton{
	color: #000000;
	font-style: normal;
	font-weight: normal;
}

/* DSW 6/24/15 TT#42089 - Added a style specifically for disabled buttons using the "normalButton" class, changes the text color to grey. */
.normalButton:disabled{
	color: grey !important;
	font-style: normal;
	font-weight:normal;
}

.highlightButton{
	color: #008000 !important; /* DSW 7/20/15 TT#42089 - This color needs to apply, no matter what. */
	font-style: italic;
	font-weight: normal;
}

.requiredButton{
	color: #ee0000 !important; /* DSW 7/20/15 TT#42089 - This color needs to apply, no matter what. */
	font-style: normal;
	font-weight: bold;
}

/* WJF 2/16/17 C-3355 Cleaning up some   formatting */
.indent {
	margin-left: 2em;
}

/* WJF 2/20/17 C-3393 cellspacing was deprecated in HTML5, this is a replacement */
.cellspacing0 {
	border-collapse: collapse;
	border-spacing: 0;
}

/* WJF 3/8/17 C-3393 */
tr.padding-bottom10 > td {
	padding-bottom: 10px;
}


/* WJF 4/7/17 C-3231 */
.listBox {
	position: relative;
	display: block;
	margin: 1em 1em;
}

.listBoxObj {
	float: left;
	height: 100px;
	margin-right: 10px;
}

.listBoxItem {
	padding-top: 38px;
}

.listBoxButtons {
	padding-top: 23px;
}

.listBoxItems {
	padding-top: 0px;
}

.listBoxItems > select {
	min-width: 200px;
	height: 100px;
}
/* WJF 4/7/17 C-3231 End */

/* WJF 11/15/17 C-5608 */
.inline-icon {
	vertical-align: middle;
	display: inline-block;
	margin: 0 2px;
}

/* Copia Standards */

td.checkboxInputLabel
{
	padding-top: 4px;
	padding-right: 2px;
	padding-left: 2px;
}

td.checkboxInput
{
	padding-top: 4px;
	padding-right: 2px;
	padding-left: 2px;
	vertical-align: top;
}

td.radioInputLabel
{
	padding-top: 4px;
}

td.radioInput
{
	padding-top: 4px;
	vertical-align: top;
	padding-right: 2px;
	padding-left: 2px;
}

td.selectInputLabel
{
	padding-top: 6px;
	white-space: nowrap;
	padding-right: 2px;
	padding-left: 2px;
}

td.selectInput
{
	padding-top: 6px;
	padding-right: 2px;
	padding-left: 2px;
}

td.textInputLabel
{
	padding-top: 6px;
	white-space: nowrap;
	padding-right: 2px;
	padding-left: 2px;
}

td.textInput
{
	padding-top: 6px;
	padding-right: 2px;
	padding-left: 2px;
}

td.buttonInput
{
	padding-top: 6px;
	padding-right: 2px;
	padding-left: 2px;
}

.buttonRow
{
	padding-top: 8px;
}

/* WJF 12/21/17 C-5427 Removed table element from selector */
.fullWidth
{
	width: 100%;
}

.searchResultsContainer
{
    padding-top: 10px;
    padding-left: 10px;
}

.hint
{
	cursor: pointer;
}

/* END Copia Standards*/

/* START POCT Standards*/
.poctFontColorGreen
{
	color: #6ba84f;
}
.poctFontColorYellow
{
	color: #ffd966;
}
.poctFontColorRed
{
	color: #e06666;
}
.poctFontColorGrey
{
	color:  #e8e8e8;
}
.resultDataCritical
{
	color: red;
	font-weight: bold;
}
.resultDataAbnormal
{
	color: red;
}
.resultDataWestgard {
	color: #ff7d2a;
	font-weight: bold;
}
/* WJF 11/30/17 C-5729 */
.fieldSetEmptyMessage
{
	display: block;
	text-align: center;
	width: 100%;
}
.tableCell
{
	padding: 4px;
}
/* END POCT Standards*/

/* START HELPER CLASSES */
.padding-left3
{
	padding-left: 3px;
}

.padding-left10
{
	padding-left: 10px;
}

.padding-left5
{
	padding-left: 5px;
}

.padding-top8
{
	padding-top: 8px;
}

.padding-top20 {
	padding-top: 20px;
}

.padding-top4
{
    padding-top: 4px;
}

.padding-bottom4
{
    padding-bottom: 4px;
}

.padding-right4
{
    padding-right: 4px;
}

.padding-right10
{
    padding-right: 10px;
}

.padding-bottom10 {
    padding-bottom: 10px;
}

/* END HELPER CLASSES */

/* WJF 8/28/17 C-5142 */
td.formCell
{
	padding-top: 6px;
}

tr.formRow > td
{
	padding-top: 6px;
}

.form-group
{
	margin-bottom: 15px;
}

.form-group-inline {
	margin-left: 8px;
}

.form-label {
	margin-right: 5px;
}

.form-control
{
	display: block;
	padding: 6px 12px;
	margin-top: 6px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

input.form-control-inline,button.form-control-inline,select.form-control-inline
{
	display: inline-block;
	margin: 10px;
}

.form-container
{
	display: block;
	margin: 10px;
}

.form-container-inline {
	display: inline-block;
	margin-left: 8px;
	margin-top: 7px;
	margin-bottom: 7px;
}

.form-container-button-row {
	display: inline-block;
	margin-left: 8px; !important;
	margin-right: -8px; !important;
	margin-top: -8px; !important;
	margin-bottom: -2px; !important;
	width: 100%; !important;
}

.flex-container {
	display: flex;
}

.flex-container-inline {
	display: inline-flex;
}

.flex-column {
	flex-direction: column;
}

/* JRC 9/17/18 C-5951 */
.flex-grow
{
	flex-grow: 1;
}

/* WJF 9/21/17 C-3770 Westgard Rules Popup */
div.trendRuleContainer
{
	margin: 0 auto;
	width: 100%;
}

div.trendRule
{
	display: inline-block;
	margin: 5px 5px 5px 10px;
	height: 20px;
	width: 40px;
}

div.trendRule > label
{
	width: 20%;
	display: inherit;
	text-align: left;
}

div.trendRule > label > input[type=checkbox]
{
	display: inherit;
	vertical-align: top;
}

ul.ruleViolations {
	list-style-type: none;
	display: inline;
	padding: 0;
}

ul.ruleViolations li {
	display: inline;
}

ul.ruleViolations li:after {
	content: ", ";
}

ul.ruleViolations li:last-child:after {
	content: "";
}

div.resolutionButtons > button {
	margin-left: 5px;
	vertical-align: bottom;
	height: 20px;
}

span.violationStatus {
	font-style: italic;
}

.violatedRule {
	text-align: center;
}

textarea.qcLogResolution {
	width: 98%;
	margin-right: 5px;
	resize: none;
}

.ruleMessageHeaderContainer {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
	margin-bottom: 8px;
}

.ruleMessageHeaderContainer > h3,p {
	margin: 8px;
}

/* WJF 12/28/17 C-4796 */
.ui-icon-inline {
	vertical-align: middle;
	display: inline-block;
}

/* WJF 11/27/17 C-4796 */
td.button-cell {
	padding-left: 5px;
}

/* WJF 12/20/17 C-5427 Straight from Bootstrap */
.pull-right {
	float: right !important;
}

.pull-left {
	float: left !important;
}

/* WJF 12/21/17 C-5427 The align attribute is deprecated in HTML5 */
.align-right {
	text-align: right;
}

.align-left {
	text-align: left;
}

/* WJF 12/21/17 C-5427 The nowrap attribute is deprecated in HTML5 */
.nowrap {
	white-space: nowrap;
}

/* WJF 12/21/17 C-5427 */
.information {
	padding: 20px;
	font-weight: bold;
	text-align: center;
}
/*
 *Rules engine conditions/actions tables
 * JAM 12/19/2017 C-5423 - moved from the individual rules engines and updated the styling.
 */
.ruleConditionActionTable td {
	border: 1px solid #ddd;
    padding: 8px;
}

.ruleConditionActionTable tr:nth-child(even) {
	background-color: #f2f2f2;
}

.ruleConditionActionTable tr:hover {
	background-color: #ddd;
}

.actionConditionHeaderText {
	font-weight: bold;
}

/* GMP 10/23/19 C-9235 */
.unusedActionCondition {
	color: #727275;
}

.nonButtonColumn {
	padding-left: 2px;
	padding-right: 2px;
}

.addEditButton {
	width: 40px;
}

.removeButton {
	width: 75px;
}

/* JAM 01/23/18 C-4770 */
a.suppressedTestLink {
	text-decoration:line-through;
	opacity: 0.5;
	color:blue;
	cursor: default;
}


/* WJF 2/8/18 C-6064 */
div.form-group-above > input, div.form-group-above > label, div.form-group-above > textarea {
	display: block;
}

.data-box {
	width: 98%;
	height: 125px;
}

/* JAM 03/06/2018 - simple styling for div-based tables */
.divTable {
	display: table;
}

.divTableRow {
	display: table-row;
}

.divTableCell {
	display: table-cell;
	padding: 3px 10px;
}

.aligned-group {
	vertical-align: middle;
}

.aligned-group * {
	vertical-align: middle;
}

.bottom-aligned-group {
	vertical-align: bottom;
}

.bottom-aligned-group * {
	vertical-align: bottom;
}

.inline-container {
	display: inline-block;
}

.section-header-div {
	line-height: 24px;
	padding: 0 10px;
	margin-bottom: 8px;
}

.item-list-table {
	width: 100%;
	border: 1px solid black;
	table-layout: fixed;
}

.item-list-cell {
	border-top: 1px solid black;
	word-wrap: break-word;
}

.item-list-button-cell {
	border-top: 1px solid black;
}

.item-list-values-column {
	width: auto;
}

.item-list-button-column {
	width: 50px;
}

.item-list-delete {
	width: 40px;
	font-weight: bold !important;
	color: #ee0000 !important;
}

.item-list-header {
}

.centered-text {
	text-align: center;
}

.rounded-table {
	border-radius: 10px 10px 0 0;
}

.rounded-table thead tr th {
	padding-left: 15px;
	padding-right: 15px;
}

.bordered-table {
	border: 1px solid black;
}

.bordered {
	border: 1px solid black;
}

.rounded-border {
	border-radius: 4px;
}

.flex-space-between {
	justify-content: space-between;
}

.reference-range-container {
	background-color: #CCCCFF;
	border: 1px solid black;
	border-radius: 4px;
	padding: 10px;
	margin: 7px 8px;
}

.reference-range-cell {
	padding-left: 6px;
	padding-top: 6px;
	text-align: center;
}

.reference-range-noHover-container {
	background-color: #CCCCFF;
	border: 1px solid black;
	border-radius: 4px;
	padding: 10px;
	margin: 7px 8px;
}

/* WJF 4/3/18 C-3207 Loading Spinner */
.lds-roller-modal {
	display: block;
	position: fixed;
	z-index: 10000;
	left: 0;
	bottom: 0;
	right: 0;
	top: 0;
	background-color: rgba(0,0,0,0);
}

.lds-roller-box {
	position: absolute;
	opacity: 1;
	border: 1px solid black;
	border-radius: 8px;
	width: 256px;
	height: 200px;
	left: 50%;
	top: 50%;
	margin-left: -133px;
	margin-top: -100px;
	z-index: 10002;
}

#modern-loading-div-kill {
	position: absolute;
	z-index: 10004;
	width: 128px;
	top: 55%;
	left: 50%;
	margin-left: -64px;
}

.lds-ring {
	display: inline-block;
	position: relative;
	top: 50%;
	margin-top: -32px;
	left: 50%;
	margin-left: -32px;
	width: 64px;
	height: 64px;
	opacity: 0.5
}
.lds-ring div {
	box-sizing: border-box;
	display: block;
	position: absolute;
	width: 51px;
	height: 51px;
	margin: 6px;
	border: 6px solid;
	border-radius: 50%;
	animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
	border-color: #333 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
	animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
	animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
	animation-delay: -0.15s;
}
@keyframes lds-ring {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

.simple-data-table-parent {
	display: flex;
	flex-direction: column;
	border: 1px solid black;
	border-radius: 5px;
	min-width: 650px;
}

.page-links {
	display: inline-block;
	margin: 0 auto;
}

.page-links > button {
	margin: auto 2px;
}

.page-links > button, .page-links > div {
	display: inline-block;
	vertical-align: middle;
}

a.pagination-disabled {
	cursor: not-allowed;
}

a.pagination-disabled > span {
	opacity: 0.35;
}

.pagination-input > input {
	width: 40px;
}

.simple-data-table {
	white-space: nowrap;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}

.simple-data-table-table-wrapper {
	display: inline-block;
	width: 100%;
}

.simple-data-table > thead {
	width: 100%;
}

.simple-data-table > thead > tr > th {
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-top: 1px solid black;
	cursor: pointer;
}

.simple-data-table > thead > tr > th:last-child {
	border-right: none;
}

.simple-data-table > thead > tr > th {
	padding: 4px 4px;
}

.simple-data-table > thead > tr > th > div {
	display: inline-block;
	width: 100%;
}

.simple-data-table > thead > tr > th > div > span {
	vertical-align: middle;
}

.fill-link {
	font-weight: normal;
}

.simple-data-table > tbody > tr > td:last-child {
	border-right: none;
}

.simple-data-table-header {
	font-weight: 400;
	text-align: left;
}

.simple-data-table-cell {
	height: 20px;
	line-height: 20px;
	padding: 4px 8px 4px 4px;
	white-space: normal;
	word-wrap: break-word;
}

.simple-data-table-cell.dataTables_empty {
	padding: 30px;
}

.simple-data-table-cell > input {
	width: 100%;
}

.simple-data-table-info {
	padding: 5px;
	display: flex;
	overflow: hidden;
	border-radius: 5px;
	justify-content: space-between;
}

.simple-data-table-info > div {
	display: inline-block;
	font-weight: bold;
	margin: 5px 10px;
	color: #FFF;
}

.simple-data-table-info > .dataTables_info {
	text-align: right;
}

.simple-data-table-info > div > input {
	width: 40px;
}

.simple-data-table-info > div > span {
	display: inline-block;
	vertical-align: middle;
	text-align: right;
}

.simple-data-table-fixed-div {
	min-height: 500px;
	overflow-y: auto;
	background-color: #F2F2F2;
	border-bottom: 1px solid black;
}

.simple-data-table-filter {
	display: inline;
}

.simple-data-table-filter > div {
	display: inline-block;
	margin-right: 8px;
}

.test-setup-information-container {
	display: flex;
	align-items: flex-start;
}

.test-setup-information-container > div {
	margin-right: 15px;
}

.div-header {
	border: 1px solid black;
}

.colorSelectionTable {
	border-spacing: 5px;
}

.colorSelectionName {
	text-align: right;
}

.test-set-setup-test-container {
	border: 1px solid black;
	border-radius: 4px;
	padding: 10px;
	margin: 7px 8px;
	background-color: #d8d8d8;
}

.test-set-setup-test-container > div > div {
	margin-right: 15px;
}

.test-set-setup-test-container > div > div > div {
	margin-right: 15px;
}

.movable:hover {
	cursor: move;
}

/*
WJF 8/15/18 C-4940
Do not change the outline on focused elements so the user
knows which element is focused
*/
.required-variable-input:not(:focus) {
	outline: red solid 2px; /* SBE 11/2/22 C-15327 */
}

/*
WJF 8/15/18 C-4940 Media query for webkit browsers (Chrome)
Their glow/auto outline looks nicer than the standard options
 */
@media (-webkit-min-device-pixel-ratio:0) {
	.required-variable-input:not(:focus) {
		outline-offset: -2px;
		outline: red solid 2px; /* SBE 11/2/22 C-15327 -- Fixed a Firefox bug that could occur when Auto was in use */
	}
}

/*
BAA 12/11/18 C-7148 There are buttons in Copia that do not appear correctly in IE.
This Media query is only triggered by IE10 and up as, at this time, only IE 10 and 11
support -ms-high-contrast.
*/
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {
   .ms-ui-button
   {
   		height:20px;
		padding-left: 7px !important;
		padding-right: 7px !important;
		padding-top: 0em !important;
		padding-bottom: 0em !important;
		line-height: .8em !important;
   }
}

.removableTab
{
	background-image: url("images/ui-icons_cd0a0a_256x240.png");
    background-repeat: no-repeat;
    background-position: -32px -193px;
    height:15px;
    width:17px;
    padding: 0px;
}
.removableTab:hover
{
    height:13px;
    width:15px;
    border: 1px solid #525252;
}

.plusTab
{
	background: url(images/ui-icons_378113_256x240.png);
    background-repeat: no-repeat;
    background-position: -0px -193px;
    height:15px;
    width:17px;
    padding: 0px;
}
.plusTab:hover
{
    height:13px;
    width:15px;
    border: 1px solid #525252;
}

.minusTab
{
	background: url(images/ui-icons_378113_256x240.png);
    background-repeat: no-repeat;
    background-position: -16px -193px;
    height:15px;
    width:17px;
    padding: 0px;
}
.minusTab:hover
{
    height:13px;
    width:15px;
    border: 1px solid #525252;
}

.sortableHelper {
	z-index: 10005 !important;
}

.no-select {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

i.column-picker:hover {
	color: #1f1f1f;
}

.workflow-status-container-half {
	width: calc(41vw - 50px);
}

.workflow-status-header-half {
	width: calc(41vw - 30px);
}

.workflow-transition-container {
	border: 1px solid black;
	border-radius: 4px;
	padding: 5px;
	margin: 3px;
	background-color: #d8d8d8;
	position: relative;
}

.workflow-transition-element {
	margin-top: 4px;
}

.workflow-status-highlight {
	border-color: black !important;
	border-width: 2px !important;
}

.workflow-status-gayout {
	opacity: 0.75;
}

.workflow-status-area-scroll-side-by-side {
 	overflow-y: auto;
 	display: inline-block
 	width: 50%;
}

.workflow-status-area-full {
 	width: 100%;
 	overflow-y: auto;
 	display: inline-block;
 	scroll-behavior: smooth;
}

.workflow-status-area-scroll {
	overflow-y: scroll;
 	display: inline-block;
 	width: 50%;
 	scroll-behavior: smooth;
}

.workflow-linked-status-view-area {
	overflow-y: scroll;
 	display: inline-block;
 	width: 50%;
 	scroll-behavior: smooth;
}

.block-container {
	display: block;
}

.workflow-flowchart {
	 border: 1px solid black;
	 border-radius: 4px;
	 display: flex;
     flex-wrap: nowrap;
     margin-top: 10px;
     margin-bottom: 10px;
     min-width: calc(100% - 5px);
     width: calc(100% - 5px);
     height: 25vh;
     background-color: #d8d8d8;
}

.workflow-parsed-results-condition {
	display: flex;
	flex-direction: column;
	margin-left: 10px;
}

.workflow-linked-statuses-info-header {
	padding-top: 3px !important;
    margin-top: 3px !important;
}

.workflow-linked-statuses-info {
	line-height: 30px;
	margin-left: 10px;
	font-style: italic;
}

.workflow-comment-icon-empty {
	font-size: 1.75em;
	color: gray;
}

.workfow-comment-icon-text {
	font-size: 1.75em;
	color: #008000;
}

.workflow-comment-text {
	margin-right: 15px;
	cursor: pointer;
	max-width:200px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.WIP-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.WIP-header-right {
	align-items: center;
	float: right;
	display:flex;
	flex-wrap: wrap;
}

.WIP-header-left {
	align-items: center;
	display:flex;
	flex-wrap: wrap;
}

.WIP-header-left > div {
	margin-left: 10px;
}

/**
 * DSW 11/11/18 C-7305
 * Revert to old ui.menu CSS. This was part of jquery-ui.css, but was changed in 1.12.
 */
.ui-menu {
	padding:2px; !important
}

div.ui-menu-item-wrapper {
	font-size:8pt;
}

/**
CALENDAR AKA LENNY
CBS 11/16/18 C-7410
*/
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
    top:2.5px !important;
    width:2em !important;
    height:2em !important;
}

.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
    top:1.5px !important;
}

.ui-datepicker .ui-datepicker-title {
    line-height:2.2em !important;
}

.flex-end {
	align-self: flex-end;
}

.thin-gray-border {
	border-style: solid;
  	border-width: 1px;
  	border-color: lightGray;
}

.object-selection-table-parent {
	border: 1px solid #d3d3d3;
	background-color: #F2F2F2;
/* 	overflow: auto; */
}

.object-selection-table {
	width: 100%;
	table-layout: auto;
}

.object-selection-table > thead > tr > th {
	padding: 3px 3px; /* SBE 9/13/19 c-7106 */
}

.object-selection-table-div {
	display: inline-block;
	text-align: center;
	vertical-align: top;
}

.object-selection-header-div {
	nowrap: true;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	display: inline-block;
	align-self: center;
}

.object-selection-text-div {
	min-height: 15px;
	padding-top: 5px;
}

.object-selection-table-spacing-div {
	display: inline-block;
	width: 10px;
}

.object-selection-table-cell {
	min-height: 20px;
	padding: 4px 8px 4px 4px;
	word-wrap: break-word;
}

.object-selection-table-highlight-invalid {
	border: 1px;
	border-style: inset !important;
	border-color: red !important;
}

.workflow-comments-textarea {
	resize: none;
	max-height: 140px;
	min-height: 140px;
	overflow: auto;
}

.datetime-input-container {
	background-color: white;
	border: 1px;
	border-style: solid;
	min-height: 18px;
	max-height: 18px;
	border-color: #999999;
	display: flex;
	flex-direction: row;
	font-size: 9pt;
	vertical-align: -.0667em !important;
}

.datetime-input {
	border: none;
  	box-shadow: none;
  	outline: none;
  	background-color: transparent;
 	margin: 0;
  	white-space: nowrap;
  	cursor: text;
  	padding-left: 3px;
  	padding-top: 2px;
}

.datetime-input[disabled]
{
	opacity: .5;
	cursor: default;
}

.datetime-input-two-digit {
	max-width: 17px;
  	min-width: 17px;
}

.datetime-input-four-digit {
	max-width: 22px;
  	min-width: 22px;
}


.datetime-input:empty:not(:focus):before {
  content: attr(data-placeholder);
  opacity: .5;
  font-style: italic;
}

.datetime-input-invalid {
    box-shadow: 0 0 0 1pt red inset;
    padding-right: 2px
}

.datetime-input-buttons {
	display: flex;
	flex-direction: row;
}

.datetime-container {
	display: flex;
	flex-direction: row;
}

.jquery-color-fontAwesome-icon {
	color: #8c8a8c;
	cursor: pointer;
}

.jquery-color-fontAwesome-icon:hover {
	color: #404040;
}

.billOnlyItem-container {
	background-color: #FFFFFF;
	border: 1px solid black;
	border-radius: 4px;
	padding: 10px;
}

.workflow-transition-inputs {
	float: left;
	display: inline-block;
	max-width: 89%;
}

.workflow-transition-remove {
	float: right;
	display: inline-block;
	min-width: 10%;
}

/* SDL 4/18/19 C-8308 Empty CSS to identify which wiget to use*/
.orchard-widget {

}

.ui-sortable-helper {
    display: table;
}

.calendarButton::before
{
   content: "\f073";
   font-family: "Font Awesome 5 Free";
   font-weight: 300;
}

.calendarButton:disabled
{
	opacity: .5;
	cursor: default;
}

.calendarButton:hover:enabled
{
	color: black;
}

.sequoiaLoadingDivOuter
{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	z-index:10000;
	min-width: 100px;
	min-height: 100px;
}

.sequoiaLoadingDiv
{

	padding:10px;
	border-radius: 3px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
}

.sequoiaLoadingDivInner
{
	border: 5px solid rgba(255,255,255,0.3);
    border-top: 5px solid #FFFFFF;
    animation: spin 1.2s infinite cubic-bezier(0.3, 0.1, 0.3, 0.85);
    margin-top: 2px;
    margin-bottom: 2px;
    margin-right: 20px;
    margin-left: 20px;
    width: 64px;
    height: 64px;
    line-height: 0px;
    padding: 5px;
    border-radius: 50%;
}

.sequoiaLoadingDivSpan
{
	display: block;
	animation: no-spin 1.2s infinite cubic-bezier(0.3, 0.1, 0.3, 0.85);
}

.sequoiaLoadingDivText
{
	color: #ffffff;
	font-weight: bold;
	font-size: 14px;
}

@keyframes spin {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}


@keyframes no-spin {
	0% {
		transform: rotate(360deg);
	}
	100% {
		transform: rotate(0deg);
	}
}

.reactTableShell {
	position: absolute;
}

.reactSAYTWindow {
	background-color: white;
	border: 1px solid black;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.reactTable-refreshButton {
	padding-right: 15px;
	float: left;
	height: 18px !important;
}

.reactTable-refreshButton-compact {
	float: left;
	height: 18px !important;
}

.nowrap {
	white-space: nowrap;
}

.fadeOut {
	height: 0px;
	visibility: hidden;
	display: none;
	opacity: 0;
	transition: visibility 0s linear 300ms, opacity 300ms;
	-webkit-transition: .4s;
}
.fadeIn {
	visibility: visible;
	opacity: 1;
	transition: visibility 0s linear 0s, opacity 300ms;
	-webkit-transition: .4s;
}

.reactTable-info {
	float: right;
}
.reactTableCell {
	padding: 3px;
}
.reactTableHeaderCell {
	padding: 3px;
	height: 17px;
}

.reactTableFilter {
	width: 100%;
	padding: 5px 0 5px 0;
	border-bottom: 1px solid black;
	background-color: #E2E4FF;
}
.showEntries {
	width: 40px;
}

.tableToolbarButton {
	height: 20px;
	vertical-align: middle;
}
.tableToolbarInput {
	width: 33px;
	display: inline;
	vertical-align: middle;
	margin-left: 5px;
	margin-right: 5px;
}
.tableToolBarTotalRowsSelected {

}

.align-obj-center {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.align-obj-right {
	text-align: right;
	margin-left: auto;
}

.align-obj-left {
	text-align: left;
	margin-right: auto;
}

.react-accordion-header {
	border: 1px solid #aaa;
	background: #fff;
	color: #222;
}

.react-rounded-top {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

.react-rounded-bottom {
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

.react-accordion-content {
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-right: 1px solid #aaa;
	background: #fff;
	color: #222;
}

.overFlowAuto {
	overflow-y: auto;
	overflow-x: auto;
}

.react-hierarchy {
	border: 1px solid white;
}

.react-hierarchy:focus-within {
	outline: none;
	border: 1px solid black;
}

.react-hierarchy-innerContent {
	outline: none;
	border: none;
}

.react-drag {
	opacity: 0.5;
}

.positionAbsolute {
	position: absolute;
}

/* SDC 7/27/23 WIDGET-19 Image Annotator CSS */
.flex-wrap
{
    flex-wrap: wrap;
}

.imageAnnotatorOuterDiv
{
    width: 800px;
    height: 800px;
    border: 1px solid black;
}

.canvasContainer
{
    background-color: #dddddd;
    max-width: 650px;
    max-height: 700px;
    width: 650px;
    height: 700px;
    overflow-x: auto;
    overflow-y: auto;
}

.toolbarContainer
{
    border-bottom: 1px solid black;
    height: 50px;
    align-items: center;
}

.layerContainer
{
    border-left: 1px solid black;
    width: 150px;
}

.canvas
{
    background-color: white;
    overflow: hidden;
}

.imageAnnotatorIcon
{
    cursor: pointer;
    padding: 5px;
    align-items: center;
    justify-content: center;
}

.imageAnnotatorLabel
{
    font-weight: bold;
    justify-content: center;
    border-bottom: 1px solid black;
	padding-bottom: 5px;
	padding-top: 5px;
}

.layerInstance
{
    padding: 5px;
    border-bottom: 1px solid black;
    cursor: pointer;
    align-items: center;
}

.selectedLayer
{
    background-color: #00bfff;
}

.canvasColorPicker
{
    width: 30px;
    border: solid white 0px;
    padding: 0px;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 10px;
}

.canvasSizeInput
{
	width: 45px;
	margin-left:10px;
}

.canvasRemoveButton
{
	text-decoration: none;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	padding: 0px 5px;
	font-weight: normal;
	border: solid 1px #777777;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	cursor: pointer;
	color: #cc0000;
}

.canvasRemoveSpan
{
    padding-left:2px;
    padding-right:2px;
    align-items: center;
    justify-content: center;
    font-size: 8pt;
    height: 16px;
    font-weight:bold;
}

.canvasButton
{
	text-decoration: none;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	padding: 0px 5px;
	font-weight: normal;
	border: solid 1px #777777;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	cursor: pointer;
}

.canvasButtonSpan
{
    padding-left:2px;
    padding-right:2px;
    align-items: center;
    justify-content: center;
    font-size: 8pt;
    height: 20px;
}

.canvasStyleSelect
{
    margin-left: 10px;
}

.canvasTextInput
{
    margin-left: 10px;
    width: 165px;
}

.canvasDiv
{
    position: relative;
}

.canvasSelectedIcon
{
    background-color: #00bfff;
}

.justifyCenter
{
	justify-content: center;
}

.hierarchyRow:hover
{
	background-color: #e7f4f9;
}

.hierarchyRowSelected
{
	background-color: #beebff
}

.hierarchyRowSelected:hover
{
	background-color: #beebff
}

.headerLink
{
	cursor: pointer;
	color:blue;
	text-decoration: underline;
}