.sp-container {position:absolute;top:0;left:0;display:inline-block;*display: inline;*zoom: 1;z-index: 9999994;overflow: hidden;}.sp-container.sp-flat {position: relative;}.sp-container,.sp-container * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}.sp-top {position:relative;width: 100%;display:inline-block;}.sp-top-inner {position:absolute;top:0;left:0;bottom:0;right:0;}.sp-color {position: absolute;top:0;left:0;bottom:0;right:20%;}.sp-hue {position: absolute;top:0;right:0;bottom:0;left:84%;height: 100%;}.sp-clear-enabled .sp-hue {top:33px;height: 77.5%;}.sp-fill {padding-top: 80%;}.sp-sat, .sp-val {position: absolute;top:0;left:0;right:0;bottom:0;}.sp-alpha-enabled .sp-top {margin-bottom: 18px;}.sp-alpha-enabled .sp-alpha {display: block;}.sp-alpha-handle {position:absolute;top:-4px;bottom: -4px;width: 6px;left: 50%;cursor: pointer;border: 1px solid black;background: white;opacity: .8;}.sp-alpha {display: none;position: absolute;bottom: -14px;right: 0;left: 0;height: 8px;}.sp-alpha-inner {border: solid 1px #333;}.sp-clear {display: none;}.sp-clear.sp-clear-display {background-position: center;}.sp-clear-enabled .sp-clear {display: block;position:absolute;top:0px;right:0;bottom:0;left:84%;height: 28px;}.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button{-webkit-user-select:none;-moz-user-select: -moz-none;-o-user-select:none;user-select: none;}.sp-container.sp-input-disabled .sp-input-container {display: none;}.sp-container.sp-buttons-disabled .sp-button-container {display: none;}.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {display: none;}.sp-palette-only .sp-picker-container {display: none;}.sp-palette-disabled .sp-palette-container {display: none;}.sp-initial-disabled .sp-initial {display: none;}.sp-sat {background-image: -webkit-gradient(linear,0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');}.sp-val {background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');}.sp-hue {background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);}.sp-1 {height:17%;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');}.sp-2 {height:16%;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');}.sp-3 {height:17%;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');}.sp-4 {height:17%;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');}.sp-5 {height:16%;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');}.sp-6 {height:17%;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');}.sp-hidden {display: none !important;}.sp-cf:before, .sp-cf:after { content: ""; display: table; }.sp-cf:after { clear: both; }.sp-cf { *zoom: 1; }@media (max-device-width: 480px) {.sp-color { right: 40%; }.sp-hue { left: 63%; }.sp-fill { padding-top: 60%; }}.sp-dragger {border-radius: 5px;height: 5px;width: 5px;border: 1px solid #fff;background: #000;cursor: pointer;position:absolute;top:0;left: 0;}.sp-slider {position: absolute;top:0;cursor:pointer;height: 3px;left: -1px;right: -1px;border: 1px solid #000;background: white;opacity: .8;}.sp-container {border-radius: 0;background-color: #ECECEC;border: solid 1px #f0c49B;padding: 0;}.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}.sp-top {margin-bottom: 3px;}.sp-color, .sp-hue, .sp-clear {border: solid 1px #666;}.sp-input-container {float:right;width: 100px;margin-bottom: 4px;}.sp-initial-disabled.sp-input-container {width: 100%;}.sp-input {font-size: 12px !important;border: 1px inset;padding: 4px 5px;margin: 0;width: 100%;background:transparent;border-radius: 3px;color: #222;}.sp-input:focus{border: 1px solid orange;}.sp-input.sp-validation-error {border: 1px solid red;background: #fdd;}.sp-picker-container , .sp-palette-container {float:left;position: relative;padding: 10px;padding-bottom: 300px;margin-bottom: -290px;}.sp-picker-container {width: 172px;border-left: solid 1px #fff;}.sp-palette-container {border-right: solid 1px #ccc;}.sp-palette-only .sp-palette-container {border: 0;}.sp-palette .sp-thumb-el {display: block;position:relative;float:left;width: 24px;height: 15px;margin: 3px;cursor: pointer;border:solid 2px transparent;}.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {border-color: orange;}.sp-thumb-el {position:relative;}.sp-initial {float: left;border: solid 1px #333;}.sp-initial span {width: 30px;height: 25px;border:none;display:block;float:left;margin:0;}.sp-initial .sp-clear-display {background-position: center;}.sp-palette-button-container,.sp-button-container {float: right;}.sp-replacer {margin:0;overflow:hidden;cursor:pointer;padding: 4px;display:inline-block;*zoom: 1;*display: inline;border: solid 1px #91765d;background: #eee;color: #333;vertical-align: middle;}.sp-replacer:hover, .sp-replacer.sp-active {border-color: #F0C49B;color: #111;}.sp-replacer.sp-disabled {cursor:default;border-color: silver;color: silver;}.sp-dd {padding: 2px 0;height: 16px;line-height: 16px;float:left;font-size:10px;}.sp-preview {position:relative;width:25px;height: 20px;border: solid 1px #222;margin-right: 5px;float:left;z-index: 0;}.sp-palette {*width: 220px;max-width: 220px;}.sp-palette .sp-thumb-el {width:16px;height: 16px;margin:2px 1px;border: solid 1px #d0d0d0;}.sp-container {padding-bottom:0;}.sp-container button {background-color: #eeeeee;background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);background-image: -o-linear-gradient(top, #eeeeee, #cccccc);background-image: linear-gradient(to bottom, #eeeeee, #cccccc);border: 1px solid #ccc;border-bottom: 1px solid #bbb;border-radius: 3px;color: #333;font-size: 14px;line-height: 1;padding: 5px 4px;text-align: center;text-shadow: 0 1px 0 #eee;vertical-align: middle;}.sp-container button:hover {background-color: #dddddd;background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);border: 1px solid #bbb;border-bottom: 1px solid #999;cursor: pointer;text-shadow: 0 1px 0 #ddd;}.sp-container button:active {border: 1px solid #aaa;border-bottom: 1px solid #888;-webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;-o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;}.sp-cancel {font-size: 11px;color: #d93f3f !important;margin:0;padding:2px;margin-right: 5px;vertical-align: middle;text-decoration:none;}.sp-cancel:hover {color: #d93f3f !important;text-decoration: underline;}.sp-palette span:hover, .sp-palette span.sp-thumb-active {border-color: #000;}.sp-preview, .sp-alpha, .sp-thumb-el {position:relative;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);}.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {display:block;position:absolute;top:0;left:0;bottom:0;right:0;}.sp-palette .sp-thumb-inner {background-position: 50% 50%;background-repeat: no-repeat;}.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);}.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);}.sp-clear-display {background-repeat:no-repeat;background-position: center;background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);}.sp-container.theme-dark {--text-color: #fff;--color-def: #2d2d2d;--color-lighter: #444;}.sp-container.theme-light {--text-color: #333;--color-def: #e0e0e0;--color-lighter: #f0f0f0;}.sp-picker-container {width: 195px;border-left: solid 1px #fff;border-left-color: var(--text-color);}div.jscolorpicker {position: relative;width: auto !important;display: inline-block;}div.jscolorpicker > input {padding-left: 40px;}.jscolorpicker_preview {position: absolute;width: 30px;top: 3px;left: 3px;bottom: 3px;border-radius: 2px;box-shadow: inset 0 0 0 1px rgba(0,0,0,0.5);}.sp-container {border-radius: 5px;border: 1px solid #222;border-color: var(--color-def);background: #2d2d2d;background-color: var(--color-def);}.sp-picker-container,.sp-palette-container {float: right;border-radius: 5px;border: 0;padding: 15px;padding-bottom: 305px;background: #2d2d2d;background-color: var(--color-def);}.sp-palette-container {max-width: 125px;border-left: 1px solid #444;border-left-color: var(--color-lighter);background: #444;background-color: var(--color-lighter);}.sp-palette-row > i {display: block;font-style: normal;color: #fff;font-weight: 100;font-size: 10px;}.sp-palette-row:not(:empty) ~ .sp-palette-row:before {content: '';display: block;height: 1px;background: #444;background: var(--color-def);margin: 10px 0;}.sp-color,.sp-hue,.sp-clear,.sp-alpha-inner {border: 0;}.sp-sat {top: 0;right: 0;bottom: 0;left: 0;}.sp-alpha-enabled .sp-top {margin-bottom: 28px;}.sp-alpha {bottom: -20px;height: 14px;}.sp-alpha-handle {margin-left: -4px;}.sp-initial{float: none;border: 0;}.sp-initial span {height: 15px;}.sp-initial .sp-thumb-el,.sp-initial .sp-clear-display {width: 50%;}div.sp-initial .sp-thumb-el > span {width: 100%;}.sp-clear-enabled .sp-clear {display: none;}.sp-clear-enabled .sp-hue {top: 0;height: 100%;}.sp-initial .sp-clear-display,.sp-clear-enabled .sp-clear {background : repeating-linear-gradient(-45deg, #fff, #fff 5px, #dadada 5px, #dadada 10px);}