.colpick {position: absolute;width: 346px;height: 170px;overflow: hidden;display: none;font-family: Arial, Helvetica, sans-serif;background: #ebebeb;border: 1px solid #bbb;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;z-index: 9999999;}.colpick_color {position: absolute;left: 7px;bottom: 7px;width: 235px;height: 235px;overflow: hidden;border: 1px solid #707070;cursor: crosshair;border-radius: 10px;}.colpick_color_overlay1 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff', endColorstr='#00ffffff')";background: -moz-linear-gradient( left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% );background: -webkit-gradient( linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 0)) );background: -webkit-linear-gradient( left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% );background: -o-linear-gradient( left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% );background: -ms-linear-gradient( left, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% );background: linear-gradient( to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100% );filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#ffffff',endColorstr='#00ffffff');}.colpick_color_overlay2 {position: absolute;left: 0;top: 0;width: 100%;height: 100%;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00000000', endColorstr='#000000')";background: -moz-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100% );background: -webkit-gradient( linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(100%, rgba(0, 0, 0, 1)) );background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100% );background: -o-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100% );background: -ms-linear-gradient( top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100% );background: linear-gradient( to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100% );filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#000000',GradientType=0 );}.colpick_selector_outer {background: 0 0;position: absolute;width: 16px;height: 16px;margin: -6px 0 0 -6px;border: 1px solid #000;border-radius: 50%;}.colpick_selector_inner {position: absolute;width: 14px;height: 14px;border: 1px solid #fff;border-radius: 50%;}.colpick_hue {position: absolute;bottom: 8px;left: 257px;width: 31px;height: 233px;border-radius: 2px;cursor: n-resize;}.colpick_hue_arrs {position: absolute;left: -8px;width: 53px;height: 7px;margin: -7px 0 0;}.colpick_hue_larr {position: absolute;width: 0;height: 0;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 7px solid #858585;display: none;}.colpick_hue_rarr {position: absolute;right: 0;width: 0;height: 0;border-top: 8px solid transparent;border-bottom: 8px solid transparent;border-right: 14px solid #707070;}.colpick_new_color {position: absolute;left: 207px;top: 6px;width: 60px;height: 27px;background: red;border: 1px solid #8f8f8f;}.colpick_current_color {position: absolute;left: 277px;top: 6px;width: 60px;height: 27px;background: red;border: 1px solid #8f8f8f;}.colpick_field, .colpick_hex_field {position: absolute;height: 20px;width: 60px;overflow: hidden;background: #f3f3f3;color: #b8b8b8;font-size: 12px;border: 1px solid #bdbdbd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}.colpick_rgb_r {top: 40px;left: 207px;}.colpick_rgb_g {top: 67px;left: 207px;}.colpick_rgb_b {top: 94px;left: 207px;}.colpick_hsb_h {top: 40px;left: 277px;}.colpick_hsb_s {top: 67px;left: 277px;}.colpick_hsb_b {top: 94px;left: 277px;}.colpick_hex_field {width: 68px;left: 207px;top: 121px;}.colpick_focus {border-color: #999;}.colpick_field_letter {position: absolute;width: 12px;height: 20px;line-height: 20px;padding-left: 4px;font-size: 18px;font-weight: 700;color: #000000;}.colpick_field input, .colpick_hex_field input {position: absolute;right: 11px;margin: 0;padding: 0;height: 20px;line-height: 20px;background: 0 0;border: none;font-size: 12px;font-family: Arial, Helvetica, sans-serif;color: #555;text-align: right;outline: none;}.colpick_hex_field input {right: 4px;font-size: 18px;color: #000000;}.colpick_field_arrs {position: absolute;top: 0;right: 0;width: 9px;height: 21px;cursor: n-resize;}.colpick_field_uarr {position: absolute;top: 5px;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-bottom: 4px solid #959595;}.colpick_field_darr {position: absolute;bottom: 5px;width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 4px solid #959595;}.colpick_submit {position: absolute;left: 207px;top: 149px;width: 130px;height: 22px;line-height: 22px;background: #efefef;text-align: center;color: #555;font-size: 12px;font-weight: 700;border: 1px solid #bdbdbd;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}.colpick_submit:hover {background: #f3f3f3;border-color: #999;cursor: pointer;}.colpick_full_ns .colpick_submit, .colpick_full_ns .colpick_current_color {display: none;}.colpick_full_ns .colpick_new_color {width: 130px;height: 25px;}.colpick_full_ns .colpick_rgb_r, .colpick_full_ns .colpick_hsb_h {top: 42px;}.colpick_full_ns .colpick_rgb_g, .colpick_full_ns .colpick_hsb_s {top: 73px;}.colpick_full_ns .colpick_rgb_b, .colpick_full_ns .colpick_hsb_b {top: 104px;}.colpick_full_ns .colpick_hex_field {top: 135px;}.colpick_rgbhex .colpick_hsb_h, .colpick_rgbhex .colpick_hsb_s, .colpick_rgbhex .colpick_hsb_b {display: none;}.colpick_rgbhex {width: 282px;}.colpick_rgbhex .colpick_field, .colpick_rgbhex .colpick_submit {width: 68px;}.colpick_rgbhex .colpick_new_color {width: 34px;border-right: none;}.colpick_rgbhex .colpick_current_color {width: 34px;left: 240px;border-left: none;}.colpick_rgbhex_ns .colpick_submit, .colpick_rgbhex_ns .colpick_current_color {display: none;}.colpick_rgbhex_ns .colpick_new_color {width: 68px;border: 1px solid #8f8f8f;}.colpick_rgbhex_ns .colpick_rgb_r {top: 42px;}.colpick_rgbhex_ns .colpick_rgb_g {top: 73px;}.colpick_rgbhex_ns .colpick_rgb_b {top: 104px;}.colpick_rgbhex_ns .colpick_hex_field {top: 135px;}.colpick_hex .colpick_hsb_h, .colpick_hex .colpick_hsb_s, .colpick_hex .colpick_hsb_b, .colpick_hex .colpick_rgb_r, .colpick_hex .colpick_rgb_g, .colpick_hex .colpick_rgb_b {display: none;}.colpick_hex {width: 310px;height: 300px;background: #f1f1f1;border: 1px solid #707070;border-radius: 10px;}.colpick_hex .colpick_hex_field {width: 234px !important;padding: 11px 17px;height: 44px;top: 7px;left: 8px;background: #d9d9d9;border: 1px solid #707070;border-radius: 2px;}.colpick_hex .colpick_hex_field div, .colpick_hex .colpick_hex_field input {height: 25px;line-height: 25px;}.colpick_hex .colpick_new_color {display: none;left: 9px;top: 168px;width: 30px;border-right: none;}.colpick_hex .colpick_current_color {left: 39px;top: 168px;width: 30px;border-left: none;}.colpick_hex .colpick_submit {left: 164px;top: 168px;width: 30px;height: 25px;line-height: 25px;}.colpick_hex_ns .colpick_submit, .colpick_hex_ns .colpick_current_color {display: none;}.colpick_hex_ns .colpick_hex_field {width: 80px;}.colpick_hex_ns .colpick_new_color {width: 60px;border: 1px solid #8f8f8f;}.colpick_dark {background: #161616;border-color: #2a2a2a;}.colpick_dark .colpick_color {outline-color: #333;}.colpick_dark .colpick_hue {border-color: #555;}.colpick_dark .colpick_field, .colpick_dark .colpick_hex_field {background: #101010;border-color: #2d2d2d;}.colpick_dark .colpick_field_letter {background: #131313;border-color: #2d2d2d;color: #696969;}.colpick_dark .colpick_field input, .colpick_dark .colpick_hex_field input {color: #7a7a7a;}.colpick_dark .colpick_field_uarr {border-bottom-color: #696969;}.colpick_dark .colpick_field_darr {border-top-color: #696969;}.colpick_dark .colpick_focus {border-color: #444;}.colpick_dark .colpick_submit {background: #131313;border-color: #2d2d2d;color: #7a7a7a;}.colpick_dark .colpick_submit:hover {background-color: #101010;border-color: #444;}.dark_mode .colpick_hex {background: #262626;border: 1px solid #707070;}.dark_mode .colpick_hex_field {background: #656565;border: 1px solid #707070;color: #e2e2e2;}.dark_mode .colpick_hue_rarr {border-right: 14px solid #e2e2e2;}.dark_mode .colpick_hex_field input {color: #e2e2e2;}