/* General CSS for Grid Plugin Region */
.uc-Grid-Region {
	background-color: var(--ut-component-background-color, #fff);
	border: var(--ut-component-border-width, 1px) solid
		var(--ut-component-border-color, #e0e0e0);
}

/* Deleted Rows information (in Grid's Toolbar - only visible when some rows have been removed) */
.uc-Grid-Region .deleted_rows_info {
	background-color: #ff9595;
	cursor: default;
}

/* Highlight rows added with "Insert row above/below"  */
.handsontable .newRowCell {
	background: #e3ffd7;
}

/* Highlight edited cell */
.handsontable .editedCell {
	background: #ffe099;
}

/* Make read-only cells stand out */
.handsontable .is-readOnly {
	background: #e0e0e0;
}
.handsontable .is-readOnly .htAutocompleteArrow {
	display: none;
}

/* Make invalid cells stand out */
.handsontable .is-invalidCell {
	background: #ffc8c8;
}

/* Add red triangle to the column Header when Column is set as "Required" */
.handsontable .requiredColumn:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: unset;
	border-left: 6px solid transparent;
	border-right: none;
	border-top: 6px solid rgb(255, 0, 0);
}

/* 
 * Set visibility/z-index of Context Menu/Dropdown Menu/LOV column to be set to "visible"
 * This is needed so that Context Menu/Dropdown Menu/LOV column display correctly when region is "Maximized"
 */
.handsontable.htContextMenu {
	visibility: visible;
}
.handsontable.htDropdownMenu {
	visibility: visible;
}
.handsontable.htSelectUI {
	visibility: visible;
}
.handsontable.handsontableInputHolder {
	visibility: visible;
}
.htDatepickerHolder {
	visibility: visible;
}
.htCommentsContainer {
	visibility: visible;
}
.handsontable.ht_editor_visible {
	z-index: 500;
}

/* Top Scroll bar */
.top-scrollbar-wrapper {
	height: 15px;
	border: none;
	overflow-x: auto;
	overflow-y: hidden;
	/*margin-right: 15px;*/
}
.top-scrollbar-wrapper .top-scrollbar {
	height: 15px;
}

/* DropdownMenu - Highlight cells */
.handsontable .yellow-dot,
.handsontable .orange-dot,
.handsontable .green-dot,
.handsontable .blue-dot,
.handsontable .pink-dot,
.handsontable .purple-dot {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	float: right;
	border: 1px solid #aaa;
}

.handsontable .yellow-dot,
.handsontable .highlight-yellow {
	background: #ffffe6;
}
.handsontable .orange-dot,
.handsontable .highlight-orange {
	background: #ffebcc;
}
.handsontable .green-dot,
.handsontable .highlight-green {
	background: #b2ffb2;
}
.handsontable .blue-dot,
.handsontable .highlight-blue {
	background: #ccebff;
}
.handsontable .pink-dot,
.handsontable .highlight-pink {
	background: #ffe6f2;
}
.handsontable .purple-dot,
.handsontable .highlight-purple {
	background: #f7e6ff;
}

.handsontable .highlight-yellow .htAutocompleteArrow,
.handsontable .highlight-orange .htAutocompleteArrow,
.handsontable .highlight-green .htAutocompleteArrow,
.handsontable .highlight-blue .htAutocompleteArrow,
.handsontable .highlight-pink .htAutocompleteArrow,
.handsontable .highlight-purple .htAutocompleteArrow {
	color: #d9d9d9;
}

/* 
 * Actions menu (Save sort order, Select columns)
 */
.uc-Grid-Region .a-Menu-inner:hover {
	color: var(--a-palette-primary-contrast, white);
	background-color: var(--a-menu-focused-background-color, #056ac8);
}

.uc-Grid-dialog {
	display: none;
}
.uc-Grid-form-control {
	width: 100%;
	height: 100%;
}
.uc-Grid-form-control {
	min-width: 200px;
}
.uc-Grid-form-control-middle {
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/* Set comment cell border color */
.handsontable .htCommentCell:after {
	border-top-color: var(--ut-palette-danger, red);
}