/* ---- Attribute Page -- */
.AttributeResultsContainer {
	width: '-webkit-fill-available';
	height: '-webkit-fill-available';
	overflow: 'auto';
}

.attributesPage_span {

	font-size: medium;
	/* margin-left: 5px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-right: 12px; */
	cursor: pointer;
}

.V8ColumnHeaders {
	font-size: 12px;
	white-space: normal;
	/* Allow text to wrap */
	word-wrap: break-word;
	/* Break long words if necessary */
	overflow: hidden;
	/* Hide overflow */
}

.v8TableBody {
	font-size: 12px;
}

/* aligns text in the tab title with the close icon */
.V8TabAlignText {
	align-items: baseline !important;
}

.V8CenterReactIconInColumn {
	text-align: center;
}

.V8OrphanWellEditIcon {
	vertical-align: revert;
}

.v8TableContainerDIV {
	height: 100%;
	width: 100%;
	overflow: auto;
}

.v8VisibilityDropdownMenu {
	z-index: 1050;
	/* Adjust as necessary to be above other content */
	right: 0;
	/* Align the right edge of the dropdown with the toggle button */
	left: auto;
	/* Override Bootstrap's default positioning */
}

.attributesPage_TabContent {
	height: 'calc(100% - 53px';
	width: '100%';
}

.attributesPage_TabPane {
	height: '100%';
}

/* ---- Attribute Table -- */

.attributesTable_sorter {
	padding-left: 4px;
	margin-top: -3px;
}

.attributesTable_sorter2 {
	padding-left: 4px;
	margin-top: -1px;
	cursor: pointer;
}

.attributesTable_styledDiv1 {
	display: flex;
}

.attributesTable_styledDiv2 {
	display: inline-flex;
	align-items: center;
	margin: unset;
}

.attributesTable_styledDiv3 {
	font-family: Montserrat;
	font-size: 12px;
	font-weight: bold;
	margin-left: 15px;
}

.attributesTable_styledDiv4 {
	margin-left: auto;
	margin-right: unset;
}

.attributesTable_Modal {
	width: 'fit-content';
}

.attributesTable_ModalBody {
	overflow-y: scroll;
}

.attributesTable_ModalDiv {
	height: 32px;
}

.attributesTable_TabContent {
	height: 100%;
	clear: both;
}

.Attribute-Table-TD-Wrap {
	white-space: pre-wrap;
}

.attributeTable_divHidden {
	display: none;
}

.attributeTable_divBlock {
	display: block;
}

.attributesTable_Table {
	white-space: nowrap;
	height: calc(100% - 65px);
}

.attributesTable_thead {
	white-space: nowrap;
	position: sticky;


}

.attributesTable_div {
	cursor: pointer;
	margin-left: auto;
}

.attributesTable_p {
	font-family: 'Montserrat';
	font-size: 12px;
}

.attributesTable_input {
	width: 100px;
}

.attributesTable_HighlightedRow {
	background-color: #00ffff !important;
	white-space: nowrap;
}

.attributesTable_DefaultRow {
	background-color: #ffffff !important;
	white-space: nowrap;
}


/* Attribute Chart Style*/
.AttributeChart_custom-tooltip {
	background-color: #ffffff;
	padding: 2px;
	padding-bottom: 0px;
}