/*---------------------------------------------------------------------------------------------
 *  Copyright (c) Microsoft Corporation. All rights reserved.
 *  Licensed under the Source EULA. See License.txt in the project root for license information.
 *--------------------------------------------------------------------------------------------*/

.grid-cell-padding {
	padding: .5em .8em .4em
}

.grid-cell {
	border-top-style: none;
	color: var(--color-content, #101010);
	letter-spacing: .03em;
	border-color: var(--border-color-default, #000000);
	font-size: .95em;
	border-bottom-width: 1px;
	border-left-style: none;
	border-right-color: #ACACAC;
	border-right-style: dotted;
	padding: .5em .8em .4em
}

.grid {
	width: 100%;
	height: 100%
}

.grid .slick-header-column {
	border-top-style: none;
	color: var(--color-content, #101010);
	letter-spacing: .03em;
	border-color: var(--border-color-default, #000000);
	font-size: .95em;
	border-bottom-width: 1px;
	border-left-style: none;
	border-right-color: #ACACAC;
	border-right-style: dotted;
	padding: .5em .8em .4em;
	background-color: var( --color-bg-content-header, #F5F5F5);
	border-bottom-color: #ACACAC
}

.grid .slick-cell {
	border-top-style: none;
	color: var(--color-content, #101010);
	letter-spacing: .03em;
	border-color: var(--border-color-default, #000000);
	font-size: .95em;
	border-bottom-width: 1px;
	border-left-style: none;
	border-right-color: #ACACAC;
	border-right-style: dotted;
	padding: .5em .8em .4em;
	/* background-color: var(--background-color, white); */
}

.grid .slick-cell.selected {
	background-color: var(--color-cell-bg-grid-selected, rgb(173, 214, 255));
	color: var(--color-content, #101010);
}

.grid .slick-cell.selected .grid-cell-value-container.missing-value {
	color: black
}

.grid .slick-cell.editable {
	padding: 0
}

.grid .slick-cell.editable input {
	padding: .5em .8em .4em;
	height: 100%;
	padding: .4em .65em .1em;
	letter-spacing: .03em
}

.grid .slick-cell.editable input:focus {
	outline-offset: 0
}

.grid .slick-cell .grid-cell-value-container {
	display: block;
	white-space: pre;
	width: 100%;
	overflow-x: hidden;
	text-overflow: ellipsis
}

.grid .slick-cell .grid-cell-value-container.override-cell {
	color: black
}

.grid .slick-cell .grid-cell-value-container.highlighted {
	color: black
}

.grid .slick-cell .grid-cell-value-container.blurred {
	color: #ABABAB
}

.grid .slick-cell .grid-cell-value-container.context {
	color: darkblue;
	font-style: italic
}

.grid .slick-cell .grid-cell-value-container.loading-cell {
	font-style: italic
}

.grid .slick-cell .grid-cell-value-container.right-justified {
	text-align: right
}

.grid input.editor-text {
	width: 100%;
}