/* ==== color picker ==== */
.wndFrameCssPalette {box-shadow:0px 0px 2px 1px rgba(0,0,0,0.8);background-color:#f0f0f0;padding:10px;}
.wndFrameCssPalette input {position:relative;float:left;margin-left:3px;padding-left:5px;padding-right:5px;width:52px;height:23px;border:solid 1px #c5c5c5;border-radius:2px;-webkit-border-radius:2px;opacity:1;}

.paletteHeader {position:relative;height:23px;display:flex;}
.paletteHeaderNode1 {height:23px;margin-right:2px;border: solid 1px #c0c0c0;box-sizing:border-box;flex:2;}
.paletteHeaderNode2 {height:23px;font-size:12px;line-height:23px;margin-right:2px;color:#000000;cursor:pointer;flex:1;}
.paletteHeaderNode2.disabled {display:none;}
.paletteHeaderNode2:hover {color:rgb(118,115,255);}
.paletteHeaderNode2.selected {border-color:#7673ff;color:#7673ff;}
.paletteHeaderNode3 {width:23px;height:23px;line-height: 21px;cursor:pointer;flex:none;}
.paletteHeaderNode3:hover {color:rgb(118,115,255);}

.paletteBody {position:relative;}
.paletteBodyUsed {position:relative;margin-top:10px;margin-left:7px;height:15px;}
.paletteBodyColor {position:relative;margin-top:7px;margin-left:5px;height:auto;}

.paletteFooter {position:relative;margin-top:9px;height:23px;width:100%;}
.paletteFooterNode1 {position:relative;float:left;width:48px;height:100%;margin-left:3px;font-size:12px;line-height:23px;color:#000000;text-align:left;}
.paletteFooterNode2 {position:relative;float:left;height:100%;margin-left:1px;font-size:12px;line-height:23px;color:#000000;}
.paletteFooterNode3 {position:relative;float:left;margin-left:5px;height:100%;}

.guage {position:absolute;top:0px;height:100%;}
.guage.L {left:0px;width:6px;background:url('../imgs/ui/gauge/opacitybar_l.png') no-repeat center;}
.guage.M {left:6px;background:url('../imgs/ui/gauge/opacitybar_c.png') repeat no-repeat center;}
.guage.R {right:0px;width:6px;background:url('../imgs/ui/gauge/opacitybar_r.png') no-repeat center;}
.guage.Line {right:0px;width:1px;background:url('../imgs/ui/gauge/opacitybar_line.png') no-repeat center;}
.guage.Bar {cursor:pointer;background:url('../imgs/ui/gauge/opacitybar_scroller.png') no-repeat center;}

.palette_dropdown {position:absolute;top:0px;height:204px;}
.palette_dropdown.L {left:0px;width:14px;background:url('../imgs/ui/palette/pallet_bg_l.png') no-repeat center;}
.palette_dropdown.M {left:14px;background:url('../imgs/ui/palette/pallet_bg_c.png') repeat no-repeat center;}
.palette_dropdown.R {right:0px;width:14px;background:url('../imgs/ui/palette/pallet_bg_r.png') no-repeat center;}

.palette_color {float:left;margin-top:1px;margin-right:3px;margin-bottom:0px;width:14px;height:14px;box-sizing:border-box;outline:solid 1px #ffffff;}
.palette_color.over {margin-bottom:1px;height:13px;border:solid 2px #ffffff;outline:solid 1px rgb(118,115,255,0.5);}
.palette_color.select {margin-bottom:1px;height:13px;border:solid 2px #ffffff;outline:solid 1px rgb(118,115,255);}

.palette_opacity_state {position:relative;float:left;width:15px;height:15px;margin-top:4px;border:1px solid #c0c0c0;background:url('../imgs/ui/palette/opacity_icon.png');}
.palette_opacity_state.over {border: solid 1px rgb(118,115,255,1);}
.palette_opacity_state.selected {background:url('../imgs/ui/palette/opacity_icon_selected.png');}