.cp_sat
{
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0))) !important;
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0)) !important;
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0)) !important;
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0)) !important;
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0)) !important;
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0)) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)" !important;
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81') !important;
	background-color: transparent !important;
}

.cp_val
{
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0))) !important;
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0)) !important;
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)) !important;
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)) !important;
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0)) !important;
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0)) !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)" !important;
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000') !important;
	background-color: transparent !important;
	border: 1px solid #303030 !important;
}

.cp_hue
{
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%) !important;
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%) !important;
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%) !important;
    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)) !important;
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%) !important;
}

.cp_alpha_inner
{
	border: solid 1px #333 !important;
}

.cp_alpha_handle
{
	cursor: pointer !important;
    border: 1px solid black !important;
    background: white !important;
    opacity: .8 !important;
}

.cp_dragger
{
    border-radius: 5px !important;
	border: 1px solid white !important;
	background: black !important;
}

.cp_slider
{
	cursor: pointer !important;
	border: 1px solid #000 !important;
	background: white !important;
	    opacity: .8 !important;
}

.cp_view
{
	/* sp-container 최상단 뷰 */
    background-color: #424242 !important;
}

.cp_input
{
   font-size: 11px !important;	
   /*border: 1px inset !important;*/
   background:#262626 !important;
   border-radius: 2px !important;
   color: #d9d9d9 !important;
   padding-left: 5px !important;
}

.cp_input:focus
{
    border: 1px solid #1473e6 !important;
}

.cp_input.cp_validation_error
{
    border: 1px solid red !important;
    background: #ff0000 !important;
}

.cp_choose_tch
{
	/*font-size: 11px !important;
	background-color: #dddddd !important;
	background-image: linear-gradient(to bottom, #dddddd, #bbbbbb) !important;
	border: 1px solid #bbb !important;
    border-bottom: 1px solid #999 !important;
    border-radius: 3px !important;
    color: #333 !important;
	text-shadow: 0 1px 0 #ddd !important;*/
	
	font-size: 11px !important;
	background: #4c4c4c !important;
	border: 1px solid #d9d9d9 !important;
    border-radius: 2px !important;
    color: #d9d9d9 !important;
	
}

.cp_choose_nor
{
	font-size: 11px !important;
	background: #4c4c4c !important;
	border: 1px solid #262626 !important;
    border-radius: 2px !important;
    color: #d9d9d9 !important;
}

.cp_choose_nor:hover
{
	/*font-size: 11px !important;
	background-color: #dddddd !important;
	background-image: linear-gradient(to bottom, #dddddd, #bbbbbb) !important;
	border: 1px solid #bbb !important;
    border-bottom: 1px solid #999 !important;
    border-radius: 3px !important;
    color: #333 !important;
	text-shadow: 0 1px 0 #ddd !important;*/
	
	font-size: 11px !important;
	background: #4c4c4c !important;
	border: 1px solid #d9d9d9 !important;
    border-radius: 2px !important;
    color: #d9d9d9 !important;
	
}

.cp_cancel_nor
{
    font-size: 11px !important;
    color: #d93f3f !important;
    background: #4c4c4c !important;
	border: 1px solid #262626 !important;
    border-radius: 2px !important;
}

.cp_cancel_nor:hover
{    
	font-size: 11px !important;
    color: #d93f3f !important;
    background: #4c4c4c !important;
	border: 1px solid #d9d9d9 !important;
    border-radius: 2px !important;
}

.cp_cancel_tch
{
    font-size: 11px !important;
    color: #d93f3f !important;
    background: #4c4c4c !important;
	border: 1px solid #d9d9d9 !important;
    border-radius: 2px !important;
}

.cp_palette_child
{
}

.cp_palette_child:hover
{
	border-color:orange !important;
	cursor: pointer !important;
}

.gdnt_panel
{
	border: 1px solid #242424 !important;
}

.gdnt_gradient_view
{
	background: white !important;
    border: 5px solid #e5e5e5 !important;
}

.gdnt_slider_view
{
    background: whitesmoke !important;
    box-shadow: 5px 9px 30px rgba(0, 0, 0, .5) inset !important;
    -webkit-box-shadow: 5px 9px 30px rgba(0, 0, 0, .5) inset !important;
    -moz-box-shadow: 5px 9px 30px rgba(0, 0, 0, .5) inset !important;
    -o-box-shadow: 5px 9px 30px rgba(0, 0, 0, .5) inset !important;
    border: 1px solid #f1f1f1 !important;
}

.cp_alpha
{
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==") !important;
}