.sp-container.folders-color-picker {position: absolute;top: 0;left: 0;display: inline-block;*display: inline;*zoom: 1;z-index: 9999994;overflow: hidden }.sp-container.folders-color-picker.sp-flat {position: relative }.sp-container.folders-color-picker, .sp-container.folders-color-picker * {-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box }.folders-color-picker .sp-top {position: relative;width: 100%;display: inline-block }.folders-color-picker .sp-top-inner {position: absolute;top: 0;left: 0;bottom: 0;right: 0 }.folders-color-picker .sp-color {position: absolute;top: 0;left: 0;bottom: 0;right: 20% }.folders-color-picker .sp-hue {position: absolute;top: 0;right: 0;bottom: 0;left: 84%;height: 100% }.sp-clear-enabled.folders-color-picker .sp-hue {top: 33px;height: 77.5% }.folders-color-picker .sp-fill {padding-top: 80% }.folders-color-picker .sp-sat, .folders-color-picker .sp-val {position: absolute;top: 0;left: 0;right: 0;bottom: 0 }.sp-alpha-enabled.folders-color-picker .sp-top {margin-bottom: 18px }.sp-alpha-enabled.folders-color-picker .sp-alpha {display: block }.folders-color-picker .sp-alpha-handle {position: absolute;top: -4px;bottom: -4px;width: 6px;left: 50%;cursor: pointer;border: 1px solid black;background: white;opacity: .8 }.folders-color-picker .sp-alpha {display: none;position: absolute;bottom: -14px;right: 0;left: 0;height: 8px }.folders-color-picker .sp-alpha-inner {border: solid 1px #333 }.folders-color-picker .sp-clear {display: none }.folders-color-picker .sp-clear.sp-clear-display {background-position: center }.sp-clear-enabled.folders-color-picker .sp-clear {display: block;position: absolute;top: 0;right: 0;bottom: 0;left: 84%;height: 28px }.sp-container.folders-color-picker, .sp-replacer, .sp-preview, .folders-color-picker .sp-dragger, .folders-color-picker .sp-slider, .folders-color-picker .sp-alpha, .folders-color-picker .sp-clear, .folders-color-picker .sp-alpha-handle, .sp-container.folders-color-picker.sp-dragging .sp-input, .sp-container.folders-color-picker button {-webkit-user-select: none;-moz-user-select: -moz-none;-o-user-select: none;user-select: none }.sp-container.folders-color-picker.sp-input-disabled .sp-input-container {display: none }.sp-container.folders-color-picker.sp-buttons-disabled .sp-button-container {display: none }.sp-container.folders-color-picker.sp-palette-buttons-disabled .sp-palette-button-container {display: none }.sp-palette-only.folders-color-picker .sp-picker-container {display: none }.sp-palette-disabled.folders-color-picker .sp-palette-container {display: none }.sp-initial-disabled.folders-color-picker .sp-initial {display: none }.folders-color-picker .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') }.folders-color-picker .sp-val {background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000), to(rgba(204, 154, 129, 0)));background-image: -webkit-linear-gradient(bottom, #000, 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') }.folders-color-picker .sp-hue {background: -moz-linear-gradient(top, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);background: -ms-linear-gradient(top, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);background: -o-linear-gradient(top, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);background: -webkit-gradient(linear, left top, left bottom, from(#f00), color-stop(0.17, #ff0), color-stop(0.33, #0f0), color-stop(0.5, #0ff), color-stop(0.67, #00f), color-stop(0.83, #f0f), to(#f00));background: -webkit-linear-gradient(top, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 100%);background: linear-gradient(to bottom, #f00 0, #ff0 17%, #0f0 33%, #0ff 50%, #00f 67%, #f0f 83%, #f00 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.folders-color-picker {display: none !important }.folders-color-picker .sp-cf:before, .folders-color-picker .sp-cf:after {content: "";display: table }.folders-color-picker .sp-cf:after {clear: both }.folders-color-picker .sp-cf {*zoom: 1 }@media (max-device-width: 480px) {.folders-color-picker .sp-color {right: 40% }.folders-color-picker .sp-hue {left: 63% }.folders-color-picker .sp-fill {padding-top: 60% }}.folders-color-picker .sp-dragger {border-radius: 5px;height: 5px;width: 5px;border: 1px solid #fff;background: #000;cursor: pointer;position: absolute;top: 0;left: 0 }.folders-color-picker .sp-slider {position: absolute;top: 0;cursor: pointer;height: 3px;left: -1px;right: -1px;border: 1px solid #000;background: white;opacity: .8 }.sp-container.folders-color-picker {border-radius: 0;background-color: #ececec;border: solid 1px #f0c49b;padding: 0 }.sp-container.folders-color-picker, .sp-container.folders-color-picker button, .sp-container.folders-color-picker input, .folders-color-picker .sp-color, .folders-color-picker .sp-hue, .folders-color-picker .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 }.folders-color-picker .sp-top {margin-bottom: 3px }.folders-color-picker .sp-color, .folders-color-picker .sp-hue, .folders-color-picker .sp-clear {border: solid 1px #666 }.folders-color-picker .sp-input-container {float: right;width: 100px;margin-bottom: 4px }.sp-initial-disabled.folders-color-picker .sp-input-container {width: 100% }.folders-color-picker .sp-input {font-size: 12px !important;border: 1px inset;padding: 4px 5px;margin: 0;width: 100%;background: transparent;border-radius: 3px;color: #222 }.folders-color-picker .sp-input:focus {border: 1px solid orange }.folders-color-picker .sp-input.sp-validation-error {border: 1px solid red;background: #fdd }.folders-color-picker .sp-picker-container, .folders-color-picker .sp-palette-container {float: left;position: relative;padding: 10px;padding-bottom: 300px;margin-bottom: -290px }.folders-color-picker .sp-picker-container {width: 172px;border-left: solid 1px #fff }.folders-color-picker .sp-palette-container {border-right: solid 1px #ccc }.sp-palette-only.folders-color-picker .sp-palette-container {border: 0 }.folders-color-picker .sp-palette .sp-thumb-el {display: block;position: relative;float: left;width: 24px;height: 15px;margin: 3px;cursor: pointer;border: solid 2px transparent }.folders-color-picker .sp-palette .sp-thumb-el:hover, .folders-color-picker .sp-palette .sp-thumb-el.sp-thumb-active {border-color: orange }.sp-thumb-el {position: relative }.folders-color-picker .sp-initial {float: left;border: solid 1px #333 }.folders-color-picker .sp-initial span {width: 30px;height: 25px;border: 0;display: block;float: left;margin: 0 }.folders-color-picker .sp-initial .sp-clear-display {background-position: center }.folders-color-picker .sp-palette-button-container, .folders-color-picker .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 }.folders-color-picker .sp-palette {*width: 220px;max-width: 220px }.folders-color-picker .sp-palette .sp-thumb-el {width: 16px;height: 16px;margin: 2px 1px;border: solid 1px #d0d0d0 }.sp-container.folders-color-picker {padding-bottom: 0 }.sp-container.folders-color-picker button {background-color: #eee;background-image: -webkit-linear-gradient(top, #eee, #ccc);background-image: -moz-linear-gradient(top, #eee, #ccc);background-image: -ms-linear-gradient(top, #eee, #ccc);background-image: -o-linear-gradient(top, #eee, #ccc);background-image: linear-gradient(to bottom, #eee, #ccc);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.folders-color-picker button:hover {background-color: #ddd;background-image: -webkit-linear-gradient(top, #ddd, #bbb);background-image: -moz-linear-gradient(top, #ddd, #bbb);background-image: -ms-linear-gradient(top, #ddd, #bbb);background-image: -o-linear-gradient(top, #ddd, #bbb);background-image: linear-gradient(to bottom, #ddd, #bbb);border: 1px solid #bbb;border-bottom: 1px solid #999;cursor: pointer;text-shadow: 0 1px 0 #ddd }.sp-container.folders-color-picker button:active {border: 1px solid #aaa;border-bottom: 1px solid #888;-webkit-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;-moz-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;-ms-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;-o-box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee;box-shadow: inset 0 0 5px 2px #aaa, 0 1px 0 0 #eee }.folders-color-picker .sp-cancel {font-size: 11px;color: #d93f3f !important;margin: 0;padding: 2px;margin-right: 5px;vertical-align: middle;text-decoration: none }.folders-color-picker .sp-cancel:hover {color: #d93f3f !important;text-decoration: underline }.folders-color-picker .sp-palette span:hover, .folders-color-picker .sp-palette span.sp-thumb-active {border-color: #000 }.sp-preview, .folders-color-picker .sp-alpha, .sp-thumb-el {position: relative;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==) }.sp-preview-inner, .folders-color-picker .sp-alpha-inner, .sp-thumb-inner {display: block;position: absolute;top: 0;left: 0;bottom: 0;right: 0 }.folders-color-picker .sp-palette .sp-thumb-inner {background-position: 50% 50%;background-repeat: no-repeat }.folders-color-picker .sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=) }.folders-color-picker .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=) }.folders-color-picker .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==) }