.hide {
  display:none;
}
.color-picker-wrapper {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.color-picker-wrapper.body {
	position: absolute;
	z-index: 999999;
}
.color-picker-row {
	display: inline-block;
	background-color: #FFFFFF;
}
.color-picker {
	display: inline-block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	margin: 1px 1px;
    vertical-align: middle;
	border-radius: 5px;
}
.color-picker-wrapper.picker-icon {
    font-size: 0.1px;
    display: inline-block;
    vertical-align: text-bottom;
	height: 28px;
}
.color-picker-wrapper.picker-icon.trigger {
	vertical-align: baseline;
    margin-left: 0;
}
.color-picker-row .color-picker:first-child {
	margin-left: 2px;
}
.color-picker-row .color-picker:last-child {
	margin-right: 2px;
}
.color-picker-row-wrapper:first-child .color-picker {
	margin-top: 2px;
}
.color-picker-row-wrapper:last-child .color-picker {
	margin-bottom: 2px;
}
.color-picker-wrapper.picker-icon .color-picker {
	width: 7px;
	height: 7px;
	margin: 0;
}
.color-picker {
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;
}

.pgcolorpicker-preview-none{
	height: 30px;
	width: 50px;
	border: 2px solid #bdbdbd;
	border-radius: 4px;
}

.pgcolorpicker-diagonal-line{
	border-bottom: 2px solid #bdbdbd;
	width: 53px;
	-webkit-transform:
			translateY(12.5px)
			translateX(-18.5px)
            rotate(-29deg);
}

.diagonal-line{
	border-bottom: 2px solid #bdbdbd;
	width: 22.10px;
	-webkit-transform:
			translateY(6.75px)
			translateX(-2px)
            rotate(-45deg);
}

.color-picker.clear-selection {
	border: 2px solid #bdbdbd;
}
.color-picker.one  {
	background-color: #00858D;
}
.color-picker.two {
	background-color: #8BAE28;
}
.color-picker.three {
	background-color: #EE7D1A;
}
.color-picker.four {
	background-color: #EB5757;
}
.color-picker.five {
	background-color: #E15080;
}
.color-picker.six {
	background-color: #27AE60;
}
.color-picker.seven {
	background-color: #c458a2;
}
.color-picker.eigth {
	background-color: #9866b9;
}
.color-picker.nine {
	background-color: #6070bf;
}
.color-picker.ten {
	background-color: #0776b6;
}
.color-picker.eleven {
	background-color: #58666e;
}
.color-picker.twelve {
	background-color: #62c2f9;
}
.color-picker.thirteen {
	background-color: #b7312c;
}
.color-picker.fourteen {
	background-color: #d9c756;
}
.color-picker.fifteen {
	background-color: #34657f;
}
.color-picker.sixteen {
	background-color: #ff996f;
}
.color-picker.seventeen {
	background-color: #6aaa96;
}
.color-picker.eighteen {
	background-color: #d8823b;
}
.color-picker.nineteen {
	background-color: #333333;
}
.color-picker.twenty {
	background-color: #4f4f4f;
}
.color-picker.twentyone {
	background-color: #828282;
}
.color-picker.twentytwo {
	background-color: #bdbdbd;
}
.color-picker.twentythree {
	background-color: #e0e0e0;
}
.color-picker.twentyfour {
	background-color: #84c8d4;
}