.PaintPalette {
	/* padding: 0; */
	margin: 2px -20px 0 2px;
	display: inline-block;
	width: 75%;
	border: #555 1px solid;
	border-radius: 4px;
	padding: 2px 0px 0px 1px;
}

.PaintColor {
	display: inline-block;
	/* background-color: blueviolet; */
	width: 30px;
	height: 20px;
	padding: 0px;
	margin: 0px 1px -1px 1px;
	border: solid 1px #ddd;
	cursor: pointer;
}

.PaintColorPicker .minicolors-swatch-color::before,
#MeasurementPaintPalette .minicolors-swatch-color::before {
	color: inherit;
	content: '\270e*';
	z-index: 1;
	/* position: absolute; */
	text-align: center;
	width: 100%;
	display: inline-block;
	/* left: 0;
	top: 2px; */
	pointer-events: none;
	/*
	 * achieve Higher contrast
	 * https://stackoverflow.com/a/43700753/883015
	 */
	filter: invert(100%) grayscale(100%) contrast(10000%);
}

.PaintPalette .minicolors-swatch,
#MeasurementPaintPalette .minicolors-swatch {
	cursor: pointer;
}

.PaintColor.selected, .PaintColor:active {
	border: solid 2px cyan;
	width: 28px;
	height: 18px;
}

.PaintPalette > div:nth-child(1) /*, .PaintColorPicker*/ {
	margin: 0 1px -5px 1px;
	/* width: 30px; */
	/* height: 20px; */
	width: auto;
	height: auto;
	padding: 0;
	cursor: pointer;
	/* overflow: hidden; */
	position: relative;
	top: -7px;
}

.PaintColorPicker {
	height: 18px !important;
	margin: 0px 0 0 30px;
	padding: 0 4px !important;
	width: 58px !important;
	position: relative;
	left: 0px;
	text-align: center;
	display: inline-block !important;
}

/* .PaintPalette > div:nth-child(1):active {
	border: cyan 2px solid !important;
	width: 28px;
	height: 18px;
	top: 1px;
	padding: 0 1px 1px 1px;
	margin: -1px 1px 1px 1px;
} */

.PaintPalette > .minicolors-swatch, .PaintPalette > div:nth-child(1) > span:nth-child(2) {
	padding: 0;
	margin: 0;
	/* width: 100%;
	height: 100%; */
	/* position: absolute;
	top: -1px;
	left: -1px; */
	/* border: none; */
	width: 28px;
	height: 16px;
	top: 1px;
	left: 1px;
}
.PaintPalette .minicolors-panel,
#MeasurementPaintPalette .minicolors-panel {
	position: fixed;
	z-index: 10;
	left: unset;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.minicolors-panel {
		left: auto !important;
		margin-top: 1px;
	}
}