/* Lower the default font sizes. This is a complex interface for relatively sophisticated users. */
html { font-size: 12px; }
h1, .h1 { font-size: 2rem; }
h2, .h2 { font-size: 1.75rem; }
h3, .h3 { font-size: 1.5rem; }
h4, .h4 { font-size: 1.25rem; }
@media (min-width: 992px) {
	html { font-size: 14px; }
	h1, .h1 { font-size: 2.5rem; }
	h2, .h2 { font-size: 2rem; }
	h3, .h3 { font-size: 1.75rem; }
	h4, .h4 { font-size: 1.5rem; }
}

/* Not quite ideal
input#rememberMe{
	-ms-transform: scale(2);
	-moz-transform: scale(2);
	-webkit-transform: scale(2);
	-o-transform: scale(2);
	transform: scale(2);
	padding: 10px;
	margin: 1rem 1rem 1rem 1.3rem;
}

input#rememberMe {
	outline: 1px solid #c1c1c1;
}

*/

#header {
	margin-top: 0.5rem;
}

div.headerLink button i.bi {
	font-size: 1.75em;
}

nav#sideMenu, nav#profileMenu {
	padding-top: 0rem;
	padding-bottom: 0rem;
}

nav#messagesMenu, nav#profileMenu {
  position: absolute;
  z-index: 1000;
}

#sideMenuContent, #profileMenuContent {
	padding: 0.5rem 0.5rem;
	align-items: normal;
	line-height: 2;
}

#messagesMenuContent, #profileMenuContent {
  background-color: #fff;
  border: 1px solid #ccc;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
  box-shadow: 0 5px 10px rgba(0,0,0,.2);
  max-width: 720px;
}

#messagesMenuContent .card .badge-pill {
	font-size: 100%;
	line-height: 2;
}

#messagesMenuContent .card {
	border: 1px solid rgb(40,75,160);
	max-width: 700px;
	max-height: 500px;
	overflow: scroll;
}

#messagesMenuContent .onScreenStatusFilter, #messagesMenuContent .onScreenStatus {
	display: flex;
	flex-wrap: wrap;
}

#messagesMenuContent .onScreenStatusFilter label {
	margin: auto 1rem auto 0;
}
	
#messagesMenuContent .onScreenStatus label {
	margin: auto 1rem;
}
	
#messagesMenuContent .onScreenStatus select {
	width: 25%;
}
 
#messagesMenuContent .card-header {
	background-color: #e6effc;
}
#messagesMenuContent .onScreenMessage-Read {
	background-color: #e6effc;
}
#messagesMenuContent .onScreenMessage-Unread {
	background-color: rgb(151, 205, 231);
}
#messagesMenuContent .onScreenMessage-ToDo {
	background-color: rgb(190, 250, 192);
}
#messagesMenuContent .onScreenMessage-Starred {
	background-color: rgb(250, 212, 176);
}
#messagesMenuContent .onScreenMessage-InProgress {
	background-color: rgb(250, 247, 193);
}
#messagesMenuContent .onScreenMessage-Done {
	background-color: rgb(216, 216, 216);
}

#profileMenuContent li {
	text-align: right;
}

.administratorHeader {
	margin-top: 1.5rem;
}


/* Side menu - misc */
#sideMenuContent.collapsing {
    -webkit-transition: none;
    transition: none; /* Works much better with no animation! */
    display: none;
}

#sideMenuContent .dropdown-item, #sideMenuContent .dropdown-toggle {
	white-space: normal;	
}

#sideMenuContent li.rootMenuItem {
	min-height: 42px;  /* Fix weird issue where short root menu labels bunch things up */
	padding: 0 .5rem 0 .5rem /* Looks better for when there is a background color */
}

#sideMenuContent ul.rootMenuList {
	margin-bottom: 1.5rem;
}


/* Side menu - bg colors and highlighting what was chosen. */
#sideMenuContent a.rootMenuLink{
	color: rgb(40,75,160); /* Darker blue and bold for the first level text. */
	font-weight: bold;
	text-decoration: none;
	display: block; /* make the whole area clickable */
	min-height: 42px;
	line-height: 42px; /* and vertically centered */
}

#sideMenuContent .rootMenuItem.chosenFirstLevel,
#sideMenuContent .rootMenuItem:hover,
#sideMenuContent .secondLevelContainerItem:hover {
    background-color: #e6effc; /* Light bg for the 1st and 2nd levels. */
    border-radius: 10px;
}

#sideMenuContent .chosenSecondLevel, 
#sideMenuContent .chosenThirdLevel, 
#sideMenuContent .thirdLevelItem:hover,
#sideMenuContent .secondLevelItem:hover {
    background-color: #cadefc; /* Darker bg for the chosen screen you're on */
    border-radius: 10px;
}

#sideMenuContent .secondLevelItem > a,
#sideMenuContent .thirdLevelItem > a {
	color: #666;
	text-decoration: none;
	display: block; /* Make the entire area clickable all the way to the edge. */
}

#sideMenuContent .secondLevelItem.chosenSecondLevel a,
#sideMenuContent .thirdLevelItem.chosenThirdLevel a {
	color: rgb(40,75,160); /* Darker blue for the chosen item's text. */
	text-decoration: none;
}

#sideMenuContent .dropdown-item.secondLevelContainerItem,
#sideMenuContent .dropdown-item.secondLevelItem {
	padding-left: 1.5rem; /* Nudge the second level over a bit */
}

#sideMenuContent .secondLevelContainerItem > a {
	color: #666;
	font-weight: bold; /* Bold secondary headers */
	text-decoration: none;
	display: block; /* Make the entire area clickable all the way to the edge. */
}


/* Side menu - deal with the carets */
#sideMenuContent .dropdown-item {
	padding: .25rem 0rem .25rem 1rem; /* No right margin needed. */
}

#sideMenuContent .dropdown-item.thirdLevelItem {
	padding-left: 1.5rem; /* Third level needs a little left side padding for hover. */
}

#sideMenuContent .dropdown-toggle {
	width: 100%; 
}

#sideMenuContent .dropdown-toggle::after {
	margin-left: -0.85em; /* put the carets to the left of the text */
	float: left;
	margin-top: .75rem;
	border-top: .4em solid; /* make the carets bigger */
	border-left: .4em solid transparent;
	border-right: .4em solid transparent;
}

#sideMenuContent .dropright .dropdown-toggle::after {
	border-top: .4em solid transparent; /* make the carets bigger */
	border-left: .4em solid;
	border-bottom: .4em solid transparent;
}

#sideMenuContent .rootMenuItem > .dropdown-toggle::after {
	border: none !important; /* No carets on top-level items with icons */
}

/* put the bullets to the left of the text of actual links */
#sideMenuContent .subMenuLink::before, #sideMenuContent .thirdLevelItem a::before {
	margin-left: -1.1rem; 
	content: "• ";
	font-size: 1.75rem;
	line-height: 1.5rem;
	vertical-align: text-bottom;
	display: inline;
	color: #666;
}

#sideMenuContent .advancedAdminMenu {
	border-top: 1px solid #ccc;
	margin-top: 10px;
	padding-top: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 0.85em;
	font-weight: 600;
	color: #666;
	text-align: center;
}


#contentCol.maxWidth100 {
	max-width: 100%;
}

.no-transition {
  -webkit-transition: height 0.01s;
  -moz-transition: height 0.01s;
  -ms-transition: height 0.01s;
  -o-transition: height 0.01s;
  transition: height 0.01s;
}

footer {
	margin: 1rem;
}

span.fieldError { 
	padding: 1px 4px; 
	font-weight: bold; 
	background-color: #ff0000; 
	color: #fff; 
}

.welcome .iconcell {
	padding: 1rem 2rem 1rem 2rem;
}

.welcome .iconcell .card {
	border: none;
	text-align: center;
	word-wrap: normal;
}

.welcome .iconcell .card .card-img-top {
	max-width: 40%;
}

.welcome .iconcell i {
	font-size: 8em; 
	color: #212529;
}

/* Admin grid and details */
.appliedFilter .bi {
	font-size: 1.25em;
}

/* On grids we added tbody tags to handle chunks - shift the striping to account for this */
.table-striped tbody.listChunk tr:nth-of-type(2n) {
  background-color: rgba(0,0,0,.05);
}

.table-striped tbody.listChunk tr:nth-of-type(2n+1) {
  background-color: inherit;
}

.adminGridPagination {
	background-color: #eee;
	margin-left: 0;
	margin-right: 0;
	padding-bottom: .5rem;
	width: 100%;
	max-width: none;
	border-top: 1px solid #ccc;
}

/* Stick the paging controls to the bottom of the screen */
@media (min-width: 960px) {
	.adminGridPagination {
		position: -webkit-sticky; /* Safari */
		position: sticky;
		bottom: 0px;
	}
}

.form-control.durationDays, .form-control.durationHms {
	display: inline;
	width: auto;
}

.adminDetailsLinks .btn-light, .adminGridDetailsLink .btn-light {
	padding: 0;
}

.adminDetailsLinks .btn-light:not(:hover), .adminGridDetailsLink .btn-light:not(:hover) {
	background-color: transparent;
	border-color: transparent;
	padding: 0;
}

.gridDisplayGroupLabel {
	font-weight: bold;
}

.gridValueLong, .gridValueBigDecimal {
	display: block;
	text-align: right;
}

.adminGridTable a.sortArrow, .adminGridTable a.gridColumnFilterIcon {
	font-weight: normal;
	color: #888;
}

.adminGridTable a.sortArrow:hover, .adminGridTable a.sortArrow.active,
.adminGridTable a.gridColumnFilterIcon:hover, .adminGridTable a.gridColumnFilterIcon.active {
	font-weight: bold;
	color: #0056b3;
}

ul.gridDisplayedFields {
	cursor: grab;
}

ul.gridDisplayedFields svg {
	color: #888;
}

ul.gridDisplayedFieldsUnchecked li, .gridEnumOption {
 	width: 250px;
}

.gridDisplayedFieldsApply {
	position: sticky;
	bottom: 2rem;
	text-align: right;
}

th.gridBulkActionCell, td.gridBulkActionCell {
	padding: .5rem;
}

input.gridBulkAction {
	margin-top: 6px; /* align action checkboxs vertically in the grid row */
}

td.adminGridDetailsLinks {
	padding-top: .6rem;
}	

@media (min-width: 992px) { input.gridBulkAction {
	margin-top: 8px;
} }

.true {
	color: green;
}

.false {
	color: red;
}

form.addEditForm {
	clear: both;
}

form.addEditForm table {
	margin-bottom: 3rem;
}

form.settingsForm.addEditForm table {
	margin-bottom: 1rem;
}

form.settingsForm.addEditForm table .expandOrCollapse {
	cursor: pointer;
}

form.addEditForm td.fieldName {
	width: 20%;
}

div.adminAddEditButton {
	height: auto; /* For the sticky button to work */
}

.sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 1rem;
}

.orderNoteSignature {
	font-style: italic;
}

ul.childList {
	padding: 5px;
	margin-left: 1rem;
}

/* UpdateFieldTool - Grid screens */
.gridUpdateFieldTool {
	position: relative;
	min-height: 24px;
}

.gridUpdateFieldTool.hovered {
	outline: 1px solid #ccc;
}

div.gridUpdateFieldTool-icon-wrapper  {
	display: inline-block;
	min-width: 20px;
}

div.gridUpdateFieldTool-icon  {
	display: none;
	width: 20px;
	height: 20px;
	position: relative;
	margin-top: -4px; /* otherwise hovering will move the value text  */
	top: 2px; /* nudge the icon down but not too far */
	font-size: 1.25em;
}

div.gridUpdateFieldTool-editIcon, div.gridUpdateFieldTool-errorIcon {
	cursor: pointer;
}

div.gridUpdateFieldTool-successIcon {
	color: #228e3b; /* alert-success affects the background color too and we don't want that */
}

div.gridUpdateFieldTool-errorIcon {
	color: #af2b38; /* alert-danger affects the background color too and we don't want that */
}

.gridUpdateFieldTool-fieldValue, .gridUpdateFieldTool-fieldValue div {
	display: inline;
}

.SCPFormatNoteTool-PracticeQ .gridUpdateFieldTool-fieldValue {
	display: block;
}

.SCPFormatNoteTool-PracticeQ .gridUpdateFieldTool-fieldValue div {
	display: block;
}

.gridUpdateFieldTool-fieldInput {
	display: none;
}

.gridUpdateFieldTool-fieldInput .typeahead {
	width: auto;
}

/* Keep the icons inline, next to the input element in the grid */
.gridUpdateFieldTool-fieldInput .form-control {
	display: inline;
	/*width: auto;  Don't adjust the grid widths when the input is shown. */
}

div.gridUpdateFieldTool-editIcon {
	display: none;
}

div.gridUpdateFieldTool-editIcon.hovered {
	display: inline-block;
}

/* UpdateFieldTool - Details screens */
img.detailsUpdateFieldTool-icon  {
	display: none;
	width: 20px;
	height: 20px;
}

.gridShowChildrenTool-load {
	cursor:pointer;
	font-size: 1.25em;
}

.gridVisitChildren {
	font-size: 1.25em;
}

/* Create shipment label modal */
.close-button-top-right {
  position: absolute;
  right: 2rem;
  top: .5rem;
  z-index: 10;
}

/* Ajax */
.ajaxErrors, .ajaxMessages, .ajaxWarnings {
	padding-top: .5rem;
}
.ajaxErrorsList, .ajaxMessagesList, .ajaxWarningsList {
	margin-bottom: 0;
}
.warningsModal .ajaxWarningsCloseButton {
	display: none;
}
.warningsWereIgnored {
	font-weight: bold;
}
.ajaxChange { background-color: #eec31e !important; }

.ajaxErrorMessages { color: #ff0000; };

/* headings on 'form' screens are hotlinked almost all the way across, leaving space for the refresh icon */
.departmentOrderForm .row h4 {
	width: 90%;
}

.departmentOrderForm .row h4 a {
	display: block;
}

/* refresh icons show a pointer */
.departmentOrderForm .row .float-right img, .receiverToolOrderCard .float-right img {
	cursor: pointer;
}




/* Add item tool */
.addItemForm {
	margin-top: 1em;
}

/* Edit item tool */
.editItemTool-icon-wrapper  {
	height: 20px;
	width: 20px;
	z-index: 100;
	float: left;
	margin-top: 7px;
}

.editItemTool-icon  {
	display: none;
	width: 20px;
	height: 20px;
}

.editItemTool-quantityInput {
	width: 6rem;
}

.editItemAttributeTool .form-control,
.editItemAttributeTool .editItemTool-icon-wrapper { /* Icons side by side with the attribute value displayed. */
	float: none;
	display: inline-block;
}

.editItemAttributeTool .editItemTool-editIcon {
	cursor: pointer;
}

.editItemAttributeTool .editItemTool-editIcon.hovered {
	display: inline;
}

.editItemAttributeTool .cartItemAttributeInput { /* Hide the input div initially or it will show a blank line space */
	display: none;
}	

.editItemAttributeTool .attribute { /* Drop down side by side with the attribute name. */
	margin: 0;
	display: inline-block;
}

.editItemAttributeTool .ajaxSnippet {
	display: inline-block;
}

#shipperForm .card, #receiverForm .card {
	margin: 0.5em 0;
}

.orderNoteSignature {
	margin-bottom: 10px;
}

.status-Placed .card-header, .status-Placed2 .card-header, .status-NotVerified .card-header,
.status-Placed .table th, .status-Placed2 .table th, .status-NotVerified .table th,
.status-bg-Placed, .status-bg-Placed2, .status-bg-NotVerified {
	background-color: pink;
}

.status-Verified .card-header, .status-Verified2 .card-header, .status-NotShipped .card-header,
.status-Verified .table th, .status-Verified2 .table th, .status-NotShipped .table th,
.status-bg-Verified, .status-bg-Verified2, .status-bg-NotShipped {
	background-color: #ffe380;
}

.status-Shipped .card-header, .status-Shipped2 .card-header, .status-NotComplete .card-header,
.status-Shipped .table th, .status-Shipped2 .table th, .status-NotComplete .table th,
.status-bg-Shipped, .status-bg-Shipped2, .status-bg-NotComplete {
	background-color: #ffff99;
}

.status-Returning .card-header, .status-Returning2 .card-header,
.status-Returning .table th, .status-Returning2 .table th,
.status-bg-Returning, .status-bg-Returning2 {
	background-color: #e0c2cd;
}

.status-Unboxed .card-header, .status-Unboxed2 .card-header,
.status-Unboxed .table th, .status-Unboxed2 .table th,
.status-bg-Unboxed, .status-bg-Unboxed2 {
	background-color: rgb(208, 170, 219);
}

.status-NeedsClaim .card-header, .status-NeedsClaim2 .card-header,
.status-NeedsClaim .table th, .status-NeedsClaim2 .table th,
.status-bg-NeedsClaim, .status-bg-NeedsClaim {
	background-color: rgb(244, 191, 255);
}

.status-ReadyToBill .card-header, .status-ReadyToBill2 .card-header,
.status-ReadyToBill .table th, .status-ReadyToBill2 .table th,
.status-bg-ReadyToBill, .status-bg-ReadyToBill2 {
	background-color: rgb(255, 178, 95);
}

.status-Incomplete .card-header, .status-Incomplete2 .card-header,
.status-Incomplete .table th, .status-Incomplete2 .table th,
.status-bg-Incomplete, .status-bg-Incomplete2 {
	background-color: #99ccfe;
}

.status-Complete .card-header, .status-Complete2 .card-header,
.status-Complete .table th, .status-Complete2 .table th,
.status-bg-Complete, .status-bg-Complete2 {
	background-color: #99cc99;
}

.status-PendingPayment .card-header, .status-PendingPayment2 .card-header,
.status-PendingPayment .table th, .status-PendingPayment2 .table th,
.status-bg-PendingPayment, .status-bg-PendingPayment {
	background-color: orange;
}

.status-Collections .card-header, .status-Collections2 .card-header,
.status-Collections .table th, .status-Collections2 .table th,
.status-bg-Collections, .status-bg-Collections2 {
	background-color: #ff6666;
}

/* Admin shipping, receiving, etc. screens */
.customerServiceDeliverTo { /* min height so the pencil icon gets shown if there is no address yet */
	min-height: 1.5rem;
}

.shippingDashboard input.selectedDate {
	width: 30%;
	display: inline;
}

.shippingDashboard .selectedDateColumn {
	text-align: center;
}

.orderReceivingLookup .btn-light, .adminGridSearchAndButtons .btn-light {
	border-color: #ced4da;
}

.orderChargeFormDiv {
	display: none;
}

#rentalShipping {
	clear: both;
}

#rentalShipping form.claimedByForm {
	display: inline-block;
	clear: both;
}

#rentalShipping .card {
	margin-bottom: 1em;
}

.customerServiceLookupOrders label, .receiverLookupOrders label {
	font-weight: bold;
}

/* Add a little more space in the rental timeline section. */
.customerServiceFields {
	padding: 1rem;
}

.customerServiceFields div.label, .customerServiceFields div.value {
	padding: 0.5rem;
}

.customerServiceFields .form-control {
	max-width: 100%;
}

.bookingTimeline {
	clear: both;
	padding: 1.5rem;
}

.deliveryInfo div.label, .orderInfo div.label, .customerServiceFields div.label {
	width: 40%;
	float: left;
	clear: both;
	font-weight: bold;
	margin-bottom: .25rem;
}

.deliveryInfo div.value, .orderInfo div.value, .customerServiceFields div.value, .customerServiceFields .patientFullName {
	width: 60%;
	float: left;
}

.customerServiceFields .bookingFields div.label {
	width: 50%;
}

.customerServiceFields .bookingFields div.value {
	width: 50%;
}

/* Update field tools on the customer service form are more condensed than the grid. */
.deliveryInfo div.value div.gridUpdateFieldTool-icon-wrapper, .customerServiceFields .patientFullName div.gridUpdateFieldTool-icon-wrapper {
	min-width: 0px;
	display: inline;
}

.deliveryInfo .gridUpdateFieldTool {
	min-height: 21px; /* Needs some height to allow for the hover over when the field is null */
}

td.totalLabel {
	font-weight: bold;
	white-space: nowrap;
}

td.total {
	text-align: right;
}

/* Inventory Tracking By Location dashboard -  hide attribute descriptions */

table#inventoryLocations {
	font-size: .9em;
}

table#inventoryLocations .inventoryLocationsHeader {
	position: sticky;
	top: 0;
}

table#inventoryLocations .productName, table#inventoryLocations .productVariantName {
	text-align: left;
	position: sticky;
	left: 0;
}

.addInventoryTrackingForm .attributesAndOptions .attribute {
	margin-left: 2rem;
}

.addInventoryTrackingForm .attributesAndOptions .attribute small {
	display:none;
}

.productLocationInventoryLevel.bg-warning, .productVariantLocationInventoryLevel.bg-warning {
 	background-color: #ffc10763 !important; /* a little more transparent */
 }

/* Unit Tracking dashboard */

table#unitTrackingLocations td {
	white-space: nowrap;
}
table#unitTrackingLocations .unitTrackingLink {
	cursor: pointer;
	color: #007bff;
}

table#unitTrackingLocations .unitTrackingLink:hover {
	color: #0056b3;
	text-decoration: underline;
}

/* Receiver tool */
.receiverToolOrderCard {
	margin-bottom: 1rem;
}

.receiverDashboardOrder {
	padding: 1rem;
}

/* Refresh tool */
a.expandOrCollapse {
	text-decoration: none;
	color: #212529;
}

a.expandOrCollapse img {
	vertical-align: baseline;
}

a.expandOrCollapse img.showWhenCollapsed, th.expandOrCollapse img.showWhenCollapsed {
	display: none;
}

a.expandOrCollapse img.showWhenExpanded, th.expandOrCollapse img.showWhenExpanded {
	display: inline;
}

a.expandOrCollapse.collapsed img.showWhenCollapsed, th.expandOrCollapse.collapsed img.showWhenCollapsed {
	display: inline;
}

a.expandOrCollapse.collapsed img.showWhenExpanded, th.expandOrCollapse.collapsed img.showWhenExpanded {
	display: none;
}

/* Display groups on details screens */
.displayGroup {
	margin-top: 0.25rem;
}
.displayGroup .row:nth-of-type(2n) { /* striped forms on the details screens */
  background-color: inherit;
}
.displayGroup .row:nth-of-type(2n) {
  background-color: rgba(0,0,0,.05);
}
.displayGroup .form-group { /* make the striping even */
	margin: 0;
	padding: 1rem;
}
.displayGroup button {
	font-weight: bold;
	background-color: #e2e6ea;
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.displayGroup button:hover {
	background-color: #e2e6ea;
}
button.expandOrCollapse img {
	vertical-align: middle;
}

button.expandOrCollapse img.showWhenCollapsed {
	display: none;
}

button.expandOrCollapse img.showWhenExpanded {
	display: inline;
}

button.expandOrCollapse.collapsed img.showWhenCollapsed {
	display: inline;
}

button.expandOrCollapse.collapsed img.showWhenExpanded {
	display: none;
}

.preFormattedTextBox {
	max-height: 250px;
	white-space: pre-wrap;
}

.clearboth {
	clear: both;
}

.orderTimeline {
	width: 100%;
	height: 2rem;
}

.orderTimeline .timelineDate {
	width: 1%;
	height: 2rem;
	/*background-image: url('../../bootstrap-4.4.1/icons/clock-fill.svg');
	background-position: -1rem 0;
	background-repeat: no-repeat;*/
}

/* Password form for logged in admins so we can share the template. */
@media (min-width: 768px) {
	body#passwordForm .changePasswordForm {
		width: 50%;
	}
}

.passwordRulesHeading {
	margin-top: 2rem;
}

.requiredAsterisk { 
	color: #ff0000; 
	font-weight: bold;
	padding-right: 4px;
}

.createUPSShipmentCard h5 {
	margin-top: 1.5rem;
}

.upsShipToAndShipFrom { /* match padding of col-form-label */
	padding-top: calc(.375rem + 1px);
	padding-bottom: calc(.375rem + 1px);
}

.removableItem {
	color: #aaa;
    cursor: pointer;
}

/* Expand the content field textarea on the application message edit form */
.applicationMessageEditForm .contentField textarea, .applicationMessageAddForm .contentField textarea {
    height: 400px;
}

/* Visual reports iframe */
.ECCDynamicHeightIframeContainer {
	width: 100%;
	overflow: hidden;
}
.ECCDynamicHeightIframeContainer iframe {
    width: 100%;
    border: 0;
}

.ECCTableColumnAdjuster th, 
.ECCTableColumnAdjuster td:not(:has(.ECCAutoCompleteTool)) { /* Allow the autocomplete tool to overflow */
	overflow: hidden;
	position: relative;
}

.ECCTableColumnAdjuster td.adminGridDetailsLinks { /* Allow details links drop down to overflow on Chrome */
	overflow: visible;
}

/* Hides overflow on FF - FF needs this on the content div inside the td for some reason. */
.ECCTableColumnAdjuster td .gridUpdateFieldTool:not(:has(.ECCAutoCompleteTool)) {  /* Allow the autocomplete tool to overflow */
	overflow: hidden;
	position: relative;
}

.ECCTableColumnAdjuster-adjuster {
  position: absolute;
  right: 0;
  top: 0;
  width: 8px;
  height: 100%;
  cursor: ew-resize;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.ECCTableColumnAdjuster-adjuster:hover {
	background-color: #bbb;
}

/* Claims and claim line table */
.healthInsuranceClaimsRow .table td {
	border-top: none;
}