/* Grid Styling */
.dxbl-grid-header-content > .dxbl-btn-link {
	font-weight: bold;
}

.dxbl-checkbox-switch {
	justify-content: center !important;
}

.dxbl-checkbox.modified.valid {
	outline: none !important;
}

.dxbl-checkbox.dxbl-checkbox-switch.dxbl-checkbox-checked .dxbl-checkbox-check-element {
	background: var(--bs-green) !important;
	background-color: var(--bs-green) !important;
}

.dxbl-checkbox.valid.modified.dxbl-checkbox-switch.dxbl-checkbox-unchecked .dxbl-checkbox-check-element {
	background-color: var(--dxbl-checkbox-switch-unchecked-bg,currentcolor) !important;
	opacity: var(--dxbl-checkbox-switch-unchecked-bg,50%) !important;
}

tr.dxbl-grid-header-row {
	height: 36px;
}

.dxbl-grid > .dxbl-grid-top-panel > .dxbl-grid-search-box-container {
	margin-left: 0 !important;
}

.dxbl-grid .dxbl-grid-table > tbody > tr > td,
.dxbl-grid .dxbl-grid-table > tbody > tr > thead > th,
.dxbl-grid .dxbl-grid-table > tbody > tr > th,
.dxbl-grid .dxbl-grid-table > tbody > tr.dxbl-grid-group-footer-row > td > div,
.dxbl-grid .dxbl-grid-table > tbody > tr > td,
.dxbl-grid .dxbl-grid-table > tfoot > tr > td > div,
.dxbl-grid .dxbl-grid-table > thead > tr > th span {
	font-size: 14px !important;
}

	.dxbl-grid .dxbl-grid-table > tbody > tr > td > button {
		font-size: 12px !important;
	}

/* Tab Styling */
.dxtab > .card {
	border: none;
	outline: none;
}

.dxbl-tabs-item {
	font-size: 14px;
}

/* Checkbox Styling */
dxbl-check.dxbl-checkbox.dxbl-checkbox-align-left.dxbl-checkbox-checked,
dxbl-check.dxbl-checkbox.dxbl-checkbox-align-left.dxbl-checkbox-unchecked {
	font-size: 14px;
}

/* Grid Search Box Styling */
.search-icon {
	position: relative;
}

	.search-icon .svg-inline--fa.fa-magnifying-glass {
		position: absolute;
		top: 50%;
		left: 12px;
		transform: translateY(-50%);
		z-index: 1;
		cursor: pointer;
	}

	.search-icon .svg-inline--fa.fa-xmark {
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		z-index: 1;
		cursor: pointer;
	}

	.search-icon .dxbl-text-edit {
		padding-left: 30px;
	}

.search-button, .sort-button {
	background: none;
	border: none;
	padding: 0;
	cursor: pointer;
}

.search-dxbutton > .dxbl-btn {
	height: 27px;
}

svg.dxbl-image {
	width: var(--dxbl-image-width) !important;
	height: var(--dxbl-image-height);
}

/* Input and Button Styling */
.button-action {
	margin-left: 10px;
	min-width: 100px;
	min-height: 32px !important;
	font-size: 14px;
}

	.dxbl-text-edit, .dxbl-checkbox {
		min-width: 100px;
		min-height: 32px !important;
		font-size: 14px;
	}

	.dxbl-text-edit > .dxbl-btn.dxbl-edit-btn-clear {
		min-width: 50px !important;
	}

.dxbl-fl .dxbl-fl-cpt {
	white-space: pre-wrap !important;
}

/* Combobox Styling */
.facilityComboBoxContainer {
	margin-bottom: 10px;
}

.dxbl-edit-btn-dropdown {
	min-width: 30px;
}

dxbl-combobox.dxbl-text-edit.ReviewerCombobox {
	min-width: 400px;
}

.button-container > .dxbl-btn {
	margin-left: 10px;
	min-width: 180px;
}

.dxbl-fl > .dxbl-row > .dxbl-fl-item.dxbl-fl-item-horizontal > .dxbl-fl-cpt {
	font-size: 14px;
	min-width: 70px;
}

/* File upload */
#fileDropZone {
	display: flex;
	flex-direction: column;
	align-items: center;
	border: 2px dashed;
	border-color: lightgray !important;
	position: relative;
	justify-content: center;
	height: 160px;
}

	#fileDropZone > svg.svg-inline--fa.fa-file-arrow-up {
		height: 45px;
		padding-bottom: 10px;
	}

.upload-container > .fileList {
	list-style: none;
	padding: 0;
}

.upload-container > .fileSummary {
	font-size: 17px !important;
	display: flex;
	padding: 9px;
	justify-content: space-between;
}	

	.upload-container > .fileList > li {
		display: flex;
		flex-direction: row;
		padding: 8px;
		align-items: center;
		justify-content: space-between;
	}

		.upload-container > .fileList > li > .file-info {
			display: flex;
			align-content: center;
			align-items: center;
			flex-direction: row;
		}

		.upload-container > .fileList > li > .file-info-button {
			display: flex;
			flex-direction: row;
			justify-content: flex-end;
			align-items: center;
		}

.file-info > svg.svg-inline--fa.fa-file {
	width: 35px;
	height: 35px;
	padding-right: 5px;
}

button.fileRemoveButton {
	outline: none;
	border: none;
	background: none;
	color: #212529;
}

	.fileRemoveButton > svg.svg-inline--fa.fa-circle-xmark {
		height: 20px;
	}

.inputFile {
	display: inline-block;
	opacity: 0;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.drop-file-icon {
	background-size: contain;
	mask-repeat: no-repeat;
	margin-bottom: 10px;
	-webkit-mask-repeat: no-repeat;
	background-position: center center;
	background-color: currentColor;
	width: 48px;
	height: 48px;
	-webkit-mask-image: url(../images/icons/drop-file.svg);
	mask-image: url(../images/icons/drop-file.svg);
}

/* Form Group */
.dxbl-fl .dxbl-fl-group > .dxbl-group > .dxbl-group-header > button:hover:before {
	background-color: transparent !important;
}

.dxbl-fl .dxbl-fl-group > .dxbl-group > .dxbl-group-header > button {
	width: 70%;
	display: flex;
	justify-content: flex-end;
	margin-right: 10px;
	--dxbl-btn-hover-background: transparent !important;
}

/* List Box */
.dxbl-listbox {
	max-height: 135px !important;
}

.dxbl-grid-header .dxbl-grid-filter-menu-funnel-btn {
	display: none;
}

.dxbl-grid-header:hover .dxbl-grid-filter-menu-funnel-btn,
.dxbl-grid-header:active .dxbl-grid-filter-menu-funnel-btn {
		display: block !important;
}

.dxbl-grid-header .dxbl-grid-filter-menu-funnel-btn:has(+ dxbl-popup-portal) {
	display: block !important;
}