.coltable {
	border: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

.coltable th {
	border: 0;
	background-color: var(--bg);
	text-align: right;
	font-weight: bold;
	padding: 2px 4px 2px 2px;
}
.coltable td {
	border: 0;
	padding: 2px;
}

.coltablecellinput {
	padding-left: 0;
	padding-right: 0;
}

.coltablecellrange {
	width: 100%;
	padding-left: 6px;
	padding-top: 4px;
}

.colpalcontent{
	display: none;
}

.colrow {
	display: flex;
}

.colitem {
	float: left;
	border: 1px solid transparent;
	cursor: pointer;
	box-shadow: 0 0 0 1px transparent;
}

.colitemsav {
	width: 8.34%;
	height: 16px;
}

.colitembas {
	width: 12.5%;
	height: 160px;
}

.colitemext {
	width: 8.34%;
	height: 25px;
}

.colitemtransp {
	background-color: transparent;
	cursor: default;
}

.colpreview {
	border: 1px solid silver;
	background-color: transparent;
	text-align: center;
	font-weight: bold;
	width: 100%;
	margin-top: 16px;
	padding: 16px 0;
}

.rangergb {
	-webkit-appearance: none;
	appearance: none;
	width: 100%;
	height: 22px;
	margin: 0;
	margin-top: 2px;
	padding: 0 0;
	border: none;
	cursor: pointer;
}

.rangergb::-moz-range-thumb {
	appearance: none;
	width: 8px;
	height: 24px;
	border: 1px solid gray;
	border-radius: 0;
	background: gainsboro;
}

.rangergb::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 10px;
	height: 26px;
	border: 1px solid gray;
	border-radius: 0;
	background: gainsboro;
}

.rangergb::-ms-track {
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0 0;
	border: none;
}

.rangergb::-ms-thumb {
	width: 8px;
	height: 20px;
	border: 1px solid gray;
	border-radius: 0;
	background: gainsboro;
}

div.maxwidth { max-width: 600px; }
div.contentheight { height: 324px; }
td.space { height: 12px; }
td.prevwidth2 { width: 200px; }
td.prevwidth1 { width: 100px; }

input.ranger { background-image: linear-gradient(to right,black,red); }
input.rangeg { background-image: linear-gradient(to right,black,lime); }
input.rangeb { background-image: linear-gradient(to right,black,blue); }

input.rangeh { background-image: linear-gradient(to right,red,yellow,lime,aqua,blue,magenta,red); }
input.ranges { background-image: linear-gradient(to right,red,#7f7f7f); }
input.rangel { background-image: linear-gradient(to right,red,#7f7f7f); }

.color-000 { background-color: #000; }
.color-300 { background-color: #300; }
.color-600 { background-color: #600; }
.color-900 { background-color: #900; }
.color-c00 { background-color: #c00; }
.color-f00 { background-color: #f00; }
.color-003 { background-color: #003; }
.color-303 { background-color: #303; }
.color-603 { background-color: #603; }
.color-903 { background-color: #903; }
.color-c03 { background-color: #c03; }
.color-f03 { background-color: #f03; }
.color-006 { background-color: #006; }
.color-306 { background-color: #306; }
.color-606 { background-color: #606; }
.color-906 { background-color: #906; }
.color-c06 { background-color: #c06; }
.color-f06 { background-color: #f06; }
.color-009 { background-color: #009; }
.color-309 { background-color: #309; }
.color-609 { background-color: #609; }
.color-909 { background-color: #909; }
.color-c09 { background-color: #c09; }
.color-f09 { background-color: #f09; }
.color-00c { background-color: #00c; }
.color-30c { background-color: #30c; }
.color-60c { background-color: #60c; }
.color-90c { background-color: #90c; }
.color-c0c { background-color: #c0c; }
.color-f0c { background-color: #f0c; }
.color-00f { background-color: #00f; }
.color-30f { background-color: #30f; }
.color-60f { background-color: #60f; }
.color-90f { background-color: #90f; }
.color-c0f { background-color: #c0f; }
.color-f0f { background-color: #f0f; }
.color-030 { background-color: #030; }
.color-330 { background-color: #330; }
.color-630 { background-color: #630; }
.color-930 { background-color: #930; }
.color-c30 { background-color: #c30; }
.color-f30 { background-color: #f30; }
.color-033 { background-color: #033; }
.color-333 { background-color: #333; }
.color-633 { background-color: #633; }
.color-933 { background-color: #933; }
.color-c33 { background-color: #c33; }
.color-f33 { background-color: #f33; }
.color-036 { background-color: #036; }
.color-336 { background-color: #336; }
.color-636 { background-color: #636; }
.color-936 { background-color: #936; }
.color-c36 { background-color: #c36; }
.color-f36 { background-color: #f36; }
.color-039 { background-color: #039; }
.color-339 { background-color: #339; }
.color-639 { background-color: #639; }
.color-939 { background-color: #939; }
.color-c39 { background-color: #c39; }
.color-f39 { background-color: #f39; }
.color-03c { background-color: #03c; }
.color-33c { background-color: #33c; }
.color-63c { background-color: #63c; }
.color-93c { background-color: #93c; }
.color-c3c { background-color: #c3c; }
.color-f3c { background-color: #f3c; }
.color-03f { background-color: #03f; }
.color-33f { background-color: #33f; }
.color-63f { background-color: #63f; }
.color-93f { background-color: #93f; }
.color-c3f { background-color: #c3f; }
.color-f3f { background-color: #f3f; }
.color-060 { background-color: #060; }
.color-360 { background-color: #360; }
.color-660 { background-color: #660; }
.color-960 { background-color: #960; }
.color-c60 { background-color: #c60; }
.color-f60 { background-color: #f60; }
.color-063 { background-color: #063; }
.color-363 { background-color: #363; }
.color-663 { background-color: #663; }
.color-963 { background-color: #963; }
.color-c63 { background-color: #c63; }
.color-f63 { background-color: #f63; }
.color-066 { background-color: #066; }
.color-366 { background-color: #366; }
.color-666 { background-color: #666; }
.color-966 { background-color: #966; }
.color-c66 { background-color: #c66; }
.color-f66 { background-color: #f66; }
.color-069 { background-color: #069; }
.color-369 { background-color: #369; }
.color-669 { background-color: #669; }
.color-969 { background-color: #969; }
.color-c69 { background-color: #c69; }
.color-f69 { background-color: #f69; }
.color-06c { background-color: #06c; }
.color-36c { background-color: #36c; }
.color-66c { background-color: #66c; }
.color-96c { background-color: #96c; }
.color-c6c { background-color: #c6c; }
.color-f6c { background-color: #f6c; }
.color-06f { background-color: #06f; }
.color-36f { background-color: #36f; }
.color-66f { background-color: #66f; }
.color-96f { background-color: #96f; }
.color-c6f { background-color: #c6f; }
.color-f6f { background-color: #f6f; }
.color-090 { background-color: #090; }
.color-390 { background-color: #390; }
.color-690 { background-color: #690; }
.color-990 { background-color: #990; }
.color-c90 { background-color: #c90; }
.color-f90 { background-color: #f90; }
.color-093 { background-color: #093; }
.color-393 { background-color: #393; }
.color-693 { background-color: #693; }
.color-993 { background-color: #993; }
.color-c93 { background-color: #c93; }
.color-f93 { background-color: #f93; }
.color-096 { background-color: #096; }
.color-396 { background-color: #396; }
.color-696 { background-color: #696; }
.color-996 { background-color: #996; }
.color-c96 { background-color: #c96; }
.color-f96 { background-color: #f96; }
.color-099 { background-color: #099; }
.color-399 { background-color: #399; }
.color-699 { background-color: #699; }
.color-999 { background-color: #999; }
.color-c99 { background-color: #c99; }
.color-f99 { background-color: #f99; }
.color-09c { background-color: #09c; }
.color-39c { background-color: #39c; }
.color-69c { background-color: #69c; }
.color-99c { background-color: #99c; }
.color-c9c { background-color: #c9c; }
.color-f9c { background-color: #f9c; }
.color-09f { background-color: #09f; }
.color-39f { background-color: #39f; }
.color-69f { background-color: #69f; }
.color-99f { background-color: #99f; }
.color-c9f { background-color: #c9f; }
.color-f9f { background-color: #f9f; }
.color-0c0 { background-color: #0c0; }
.color-3c0 { background-color: #3c0; }
.color-6c0 { background-color: #6c0; }
.color-9c0 { background-color: #9c0; }
.color-cc0 { background-color: #cc0; }
.color-fc0 { background-color: #fc0; }
.color-0c3 { background-color: #0c3; }
.color-3c3 { background-color: #3c3; }
.color-6c3 { background-color: #6c3; }
.color-9c3 { background-color: #9c3; }
.color-cc3 { background-color: #cc3; }
.color-fc3 { background-color: #fc3; }
.color-0c6 { background-color: #0c6; }
.color-3c6 { background-color: #3c6; }
.color-6c6 { background-color: #6c6; }
.color-9c6 { background-color: #9c6; }
.color-cc6 { background-color: #cc6; }
.color-fc6 { background-color: #fc6; }
.color-0c9 { background-color: #0c9; }
.color-3c9 { background-color: #3c9; }
.color-6c9 { background-color: #6c9; }
.color-9c9 { background-color: #9c9; }
.color-cc9 { background-color: #cc9; }
.color-fc9 { background-color: #fc9; }
.color-0cc { background-color: #0cc; }
.color-3cc { background-color: #3cc; }
.color-6cc { background-color: #6cc; }
.color-9cc { background-color: #9cc; }
.color-ccc { background-color: #ccc; }
.color-fcc { background-color: #fcc; }
.color-0cf { background-color: #0cf; }
.color-3cf { background-color: #3cf; }
.color-6cf { background-color: #6cf; }
.color-9cf { background-color: #9cf; }
.color-ccf { background-color: #ccf; }
.color-fcf { background-color: #fcf; }
.color-0f0 { background-color: #0f0; }
.color-3f0 { background-color: #3f0; }
.color-6f0 { background-color: #6f0; }
.color-9f0 { background-color: #9f0; }
.color-cf0 { background-color: #cf0; }
.color-ff0 { background-color: #ff0; }
.color-0f3 { background-color: #0f3; }
.color-3f3 { background-color: #3f3; }
.color-6f3 { background-color: #6f3; }
.color-9f3 { background-color: #9f3; }
.color-cf3 { background-color: #cf3; }
.color-ff3 { background-color: #ff3; }
.color-0f6 { background-color: #0f6; }
.color-3f6 { background-color: #3f6; }
.color-6f6 { background-color: #6f6; }
.color-9f6 { background-color: #9f6; }
.color-cf6 { background-color: #cf6; }
.color-ff6 { background-color: #ff6; }
.color-0f9 { background-color: #0f9; }
.color-3f9 { background-color: #3f9; }
.color-6f9 { background-color: #6f9; }
.color-9f9 { background-color: #9f9; }
.color-cf9 { background-color: #cf9; }
.color-ff9 { background-color: #ff9; }
.color-0fc { background-color: #0fc; }
.color-3fc { background-color: #3fc; }
.color-6fc { background-color: #6fc; }
.color-9fc { background-color: #9fc; }
.color-cfc { background-color: #cfc; }
.color-ffc { background-color: #ffc; }
.color-0ff { background-color: #0ff; }
.color-3ff { background-color: #3ff; }
.color-6ff { background-color: #6ff; }
.color-9ff { background-color: #9ff; }
.color-cff { background-color: #cff; }
.color-fff { background-color: #fff; }

.color-black { background-color: black; }
.color-white { background-color: white; }
.color-maroon { background-color: maroon; }
.color-red { background-color: red; }
.color-olive { background-color: olive; }
.color-yellow { background-color: yellow; }
.color-green { background-color: green; }
.color-lime { background-color: lime; }
.color-teal { background-color: teal; }
.color-aqua { background-color: aqua; }
.color-navy { background-color: navy; }
.color-blue { background-color: blue; }
.color-purple { background-color: purple; }
.color-fuchsia { background-color: fuchsia; }
.color-dimgray { background-color: dimgray; }
.color-gray { background-color: gray; }
.color-darkgray { background-color: darkgray; }
.color-silver { background-color: silver; }
.color-lightgray { background-color: lightgray; }
.color-gainsboro { background-color: gainsboro; }
.color-whitesmoke { background-color: whitesmoke; }
.color-darkred { background-color: darkred; }
.color-firebrick { background-color: firebrick; }
.color-crimson { background-color: crimson; }
.color-indianred { background-color: indianred; }
.color-lightcoral { background-color: lightcoral; }
.color-salmon { background-color: salmon; }
.color-darksalmon { background-color: darksalmon; }
.color-lightsalmon { background-color: lightsalmon; }
.color-mistyrose { background-color: mistyrose; }
.color-snow { background-color: snow; }
.color-orangered { background-color: orangered; }
.color-tomato { background-color: tomato; }
.color-coral { background-color: coral; }
.color-darkorange { background-color: darkorange; }
.color-orange { background-color: orange; }
.color-peachpuff { background-color: peachpuff; }
.color-moccasin { background-color: moccasin; }
.color-papayawhip { background-color: papayawhip; }
.color-gold { background-color: gold; }
.color-khaki { background-color: khaki; }
.color-palegoldenrod { background-color: palegoldenrod; }
.color-beige { background-color: beige; }
.color-lightgoldenrodyellow { background-color: lightgoldenrodyellow; }
.color-lemonchiffon { background-color: lemonchiffon; }
.color-lightyellow { background-color: lightyellow; }
.color-ivory { background-color: ivory; }
.color-brown { background-color: brown; }
.color-sienna { background-color: sienna; }
.color-saddlebrown { background-color: saddlebrown; }
.color-chocolate { background-color: chocolate; }
.color-peru { background-color: peru; }
.color-darkgoldenrod { background-color: darkgoldenrod; }
.color-goldenrod { background-color: goldenrod; }
.color-darkkhaki { background-color: darkkhaki; }
.color-sandybrown { background-color: sandybrown; }
.color-rosybrown { background-color: rosybrown; }
.color-tan { background-color: tan; }
.color-burlywood { background-color: burlywood; }
.color-wheat { background-color: wheat; }
.color-navajowhite { background-color: navajowhite; }
.color-bisque { background-color: bisque; }
.color-blanchedalmond { background-color: blanchedalmond; }
.color-cornsilk { background-color: cornsilk; }
.color-linen { background-color: linen; }
.color-antiquewhite { background-color: antiquewhite; }
.color-oldlace { background-color: oldlace; }
.color-seashell { background-color: seashell; }
.color-floralwhite { background-color: floralwhite; }
.color-darkolivegreen { background-color: darkolivegreen; }
.color-olivedrab { background-color: olivedrab; }
.color-yellowgreen { background-color: yellowgreen; }
.color-greenyellow { background-color: greenyellow; }
.color-darkgreen { background-color: darkgreen; }
.color-forestgreen { background-color: forestgreen; }
.color-limegreen { background-color: limegreen; }
.color-lawngreen { background-color: lawngreen; }
.color-chartreuse { background-color: chartreuse; }
.color-honeydew { background-color: honeydew; }
.color-seagreen { background-color: seagreen; }
.color-mediumseagreen { background-color: mediumseagreen; }
.color-darkseagreen { background-color: darkseagreen; }
.color-mediumspringgreen { background-color: mediumspringgreen; }
.color-springgreen { background-color: springgreen; }
.color-lightgreen { background-color: lightgreen; }
.color-palegreen { background-color: palegreen; }
.color-mintcream { background-color: mintcream; }
.color-darkslategray { background-color: darkslategray; }
.color-slategray { background-color: slategray; }
.color-lightslategray { background-color: lightslategray; }
.color-darkcyan { background-color: darkcyan; }
.color-lightseagreen { background-color: lightseagreen; }
.color-darkturquoise { background-color: darkturquoise; }
.color-mediumturquoise { background-color: mediumturquoise; }
.color-turquoise { background-color: turquoise; }
.color-aqua { background-color: aqua; }
.color-mediumaquamarine { background-color: mediumaquamarine; }
.color-aquamarine { background-color: aquamarine; }
.color-paleturquoise { background-color: paleturquoise; }
.color-lightcyan { background-color: lightcyan; }
.color-azure { background-color: azure; }
.color-midnightblue { background-color: midnightblue; }
.color-darkblue { background-color: darkblue; }
.color-mediumblue { background-color: mediumblue; }
.color-royalblue { background-color: royalblue; }
.color-cornflowerblue { background-color: cornflowerblue; }
.color-dodgerblue { background-color: dodgerblue; }
.color-deepskyblue { background-color: deepskyblue; }
.color-skyblue { background-color: skyblue; }
.color-lightskyblue { background-color: lightskyblue; }
.color-cadetblue { background-color: cadetblue; }
.color-lightblue { background-color: lightblue; }
.color-powderblue { background-color: powderblue; }
.color-aliceblue { background-color: aliceblue; }
.color-ghostwhite { background-color: ghostwhite; }
.color-steelblue { background-color: steelblue; }
.color-lightsteelblue { background-color: lightsteelblue; }
.color-lavender { background-color: lavender; }
.color-indigo { background-color: indigo; }
.color-darkslateblue { background-color: darkslateblue; }
.color-slateblue { background-color: slateblue; }
.color-mediumslateblue { background-color: mediumslateblue; }
.color-mediumpurple { background-color: mediumpurple; }
.color-darkmagenta { background-color: darkmagenta; }
.color-blueviolet { background-color: blueviolet; }
.color-darkviolet { background-color: darkviolet; }
.color-darkorchid { background-color: darkorchid; }
.color-mediumorchid { background-color: mediumorchid; }
.color-fuchsia { background-color: fuchsia; }
.color-violet { background-color: violet; }
.color-orchid { background-color: orchid; }
.color-plum { background-color: plum; }
.color-thistle { background-color: thistle; }
.color-mediumvioletred { background-color: mediumvioletred; }
.color-palevioletred { background-color: palevioletred; }
.color-deeppink { background-color: deeppink; }
.color-hotpink { background-color: hotpink; }
.color-lightpink { background-color: lightpink; }
.color-pink { background-color: pink; }
.color-lavenderblush { background-color: lavenderblush; }
.color-rebeccapurple { background-color: rebeccapurple; }