:root {
	--primary-color: #064a76;
	--primary-color-hover: #054167;
	--success-color: #28a745;
	--warning-color: #ffc107;
	--danger-color: #dc3545;
	--toast-text-color: #ffffff;
}

select option:disabled {
	color: rgba(0, 0, 0, 0.25);
}

/* Generic toast */

#toast-container .toast {
	width: 350px;
	max-width: 100%;
	font-size: .875rem;
	pointer-events: auto;
	background-color: rgba(255, 255, 255);
	background-clip: padding-box;
	border: 1px solid rgba(0, 0, 0, .1);
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15);
	border-radius: .25rem;
	margin: 0;
	margin-bottom: 1rem;
	padding: 0;
	opacity: 1;
}

#toast-container .toast-title {
	display: flex;
	align-items: center;
	padding: .5rem .75rem;
	color: #6c757d;
	background-color: #f5f5f5;
	background-clip: padding-box;
	border-bottom: 1px solid rgba(0, 0, 0, .05);
	border-top-left-radius: calc(.25rem - 1px);
	border-top-right-radius: calc(.25rem - 1px);
}

#toast-container .toast-message {
	color: #212529;
	word-wrap: break-word;
	padding: .5rem .75rem;
}

#toast-container .toast .btn {
	font-size: .875rem;
	padding: .25rem .5rem;
	width: 100%;
	margin-top: .5rem;
}

/* Toast success */

#toast-container .toast-success {
	border-left: 5px solid var(--success-color);
}

#toast-container .toast-success .toast-title::before {
	background-color: var(--success-color);
}

#toast-container .toast-success .btn {
	background-color: var(--success-color);
	border-color: var(--success-color);
	color: var(--toast-text-color);
}

/* Toast warning */

#toast-container .toast-warning {
	border-left: 5px solid var(--warning-color);
}

#toast-container .toast-warning .toast-title::before {
	background-color: var(--warning-color);
}

#toast-container .toast-warning .btn {
	background-color: var(--warning-color);
	border-color: var(--warning-color);
	color: var(--toast-text-color);
}

/* Toast error */

#toast-container .toast-error {
	border-left: 5px solid var(--danger-color);
}

#toast-container .toast-error .toast-title::before {
	background-color: var(--danger-color);
}

#toast-container .toast-error .btn {
	background-color: var(--danger-color);
	border-color: var(--danger-color);
	color: var(--toast-text-color);
}

/* Toast info */

#toast-container .toast-info {
	border-left: 5px solid var(--primary-color);
}

#toast-container .toast-info .toast-title::before {
	background-color: var(--primary-color);
}

#toast-container .toast-info .btn {
	background-color: var(--primary-color);
	border-color: var(--primary-color);
	color: var(--toast-text-color);
}

.indexation-text {
	min-width: 60px;
}

/* Empty hrow-title elements take up unnessecary space. */
.hrow-title:empty {
	display: none;
}

/* Hide the plants table on the compressor page */
body:has([data-recordid="01b139af-1442-4b95-8948-d02f50ba2993"]):not(:has([data-recordid="18cd04bc-f796-4408-881d-9c253309a68f"])) [data-recordid="528ae7d6-bb5e-47e0-952e-45e9d2bb6c2c"],
/* Hide the compressor types table on the compressor page */
body:has([data-recordid="01b139af-1442-4b95-8948-d02f50ba2993"]):not(:has([data-recordid="4765bd6c-24b1-4754-9632-b40d3cc705cd"])) [data-recordid="042dea6d-9cde-45dc-82cd-14b84565273c"],
/* Hide the manufacturers table on the compressor page */
body:has([data-recordid="01b139af-1442-4b95-8948-d02f50ba2993"]):not(:has([data-recordid="a7f91242-83f8-4329-83f3-bbb3bfca8f10"])) [data-recordid="44af69e0-df7d-4c41-b423-406b0abdaaff"]
{
	/* <CompressorRecordId>, <OverviewPageRecordId>, <TableRecordId> */
	display: none;
}

body:has([data-recordid="01b139af-1442-4b95-8948-d02f50ba2993"]) [data-dte-e="label"] {
	padding-top: 0 !important;
}

/* Make panel body display flex for work orders & activities */
body:has(.hrow-control[data-recordid="7aa8467c-fe66-44d9-9338-68bab330a735"]) .htblpage-wrapper .panel-body:has([data-recordid="37db3f06-ba46-43b0-a1e7-d0afebfcaab1"]) {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

/* Make both the jobs and activities tables half their width */
body:has(.hrow-control[data-recordid="7aa8467c-fe66-44d9-9338-68bab330a735"]) .htblv3-container {
	max-width: 49%;
}

body:has(.hrow-control[data-recordid="7aa8467c-fe66-44d9-9338-68bab330a735"]) .htblv3-container .dt-scroll-headInner,
body:has(.hrow-control[data-recordid="7aa8467c-fe66-44d9-9338-68bab330a735"]) .htblv3-container .dt-scroll-head .table.htblv3 {
	width: 100% !important;
	padding-right: 0 !important;
}

body:has(.hrow-control[data-recordid="7aa8467c-fe66-44d9-9338-68bab330a735"]) .htblv3-container .dt-scroll-body {
	overflow-x: hidden !important;
}

/* Add a border to the last row so it doesnt seem off */
body:has(.hrow-control[data-recordid="7aa8467c-fe66-44d9-9338-68bab330a735"]) .htblv3-container .table.htblv3>tbody>tr:last-child {
	border-bottom: 1px solid #e7eaec;
}

/* Give the pagination a standard with of 160px so it doesn't change when the data changes */
body:has(.hrow-control[data-recordid="7aa8467c-fe66-44d9-9338-68bab330a735"]) .htblv3-container .dt-container>div[id$="_info"] {
	width: 160px;
	display: none;
}

@media (max-width: 1200px) {
	body:has(.hrow-control[data-recordid="7aa8467c-fe66-44d9-9338-68bab330a735"]) .htblpage-wrapper .panel-body:has(.table.htblv3) {
		flex-direction: column;
	}

	body:has(.hrow-control[data-recordid="7aa8467c-fe66-44d9-9338-68bab330a735"]) .htblv3-container .dt-scroll-body {
		overflow-x: auto !important;
	}

	body:has(.hrow-control[data-recordid="7aa8467c-fe66-44d9-9338-68bab330a735"]) .htblv3-container {
		max-width: 100%;
	}
}

/* Add slight border radius to controls so it has a more modern feel */
.form-control,
.select2-selection[aria-expanded="false"] {
	border-radius: 3px !important;
}

/* Add margin for better spacing on the compressor page table */
body:has([data-recordid="01b139af-1442-4b95-8948-d02f50ba2993"]).panel .DTE_Field {
	margin-bottom: 12px !important;
}

@media (max-width: 768px) {
	.control-label {
		padding-bottom: 0 !important;
	}

	/* Input controls with a display flex (inputs with a button) */
	.DTE_Field_InputControl.d-flex {
		flex-direction: column;
	}
}

/* Epicor timesheet failed tab count color */
.nav-item span.failure-count {
	color: red;
}

/* Tooltip styling */
.cpi-tooltip {
	display: none;
	position: absolute;
	background: #fff;
	border: 1px solid #ccc;
	padding: 10px;
	box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
	z-index: 99999;
	transition: all 0.15s ease;
}

/* Fix submit button styling in modals */
.btn-default.btn-primary {
	color: white;
	background-color: var(--primary-color);
	border-color: var(--primary-color);
}

.btn-default.btn-primary:hover,
.btn-default.btn-primary:focus {
	color: white;
	background-color: var(--primary-color-hover);
	border-color: var(--primary-color-hover);
}

/* Bootstrap primary color overrides */
.select2-container--bootstrap .select2-results__option--highlighted[aria-selected],
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
	background-color: var(--primary-color) !important;
}

.select2-selection[aria-disabled="true"] {
	background-color: #e9ecef !important;
}

.select2-search.select2-search--inline {
	width: 100%;

	input.select2-search__field {
		width: 100% !important;
	}
}

.select2-container.select2-container--disabled {
	.select2-selection__rendered {
		margin-bottom: 5px !important;
	}

	.select2-search__field {
		display: none;
	}
}

::selection {
	background-color: var(--primary-color);
	color: white;
}

.scroll-x:has(div.DTE.DTE_Inline) {
	overflow-x: clip;
}

.ws-no-wrap {
	white-space: nowrap;
}

.badge-success {
	background-color: var(--success-color) !important;
}

.modal-header.ui-draggable-handle {
	cursor: move !important;
	border-bottom: 1px solid #ddd;
}

.modal-header .minimize {
	float: right;
	background: transparent;
	border: none;
	opacity: 0.5;
	font-size: 1.2rem;
	padding: 0 1rem;
}

.modal-header .minimize:hover {
	opacity: 1;
}

.dialog-tabs-container {
	position: fixed;
	bottom: 8px;
	right: 0;
	display: flex;
	align-items: flex-end;
	gap: 4px;
	padding: 0 4px 0 20px;
	z-index: 1050;
	pointer-events: none;
}

.dialog-tabs-container:empty {
	display: none;
}

.dialog-tab {
	background: #6c757d;
	box-shadow: 0 2px 4px rgba(0, 0, 0, .3);
	border-radius: 4px;
	padding: 0.5rem 1rem;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	pointer-events: all;
	min-width: 130px;
	color: white;
}

.dialog-tab .close {
	color: white;
	opacity: 1;
}