@charset "UTF-8";.osc-color-picker{background:#fff;border:1px solid #cecece;border-radius:5px;box-shadow:0 0 3px 0 rgba(0, 0, 0, 0.2);display:none;position:absolute;z-index:9999}.osc-color-picker.active{display:inline-block}.osc-color-picker .color-table{width:250px;box-sizing:border-box;padding:5px;font-size:0;line-height:1em}.osc-color-picker .color-table > div{display:inline-block;padding:4px;box-sizing:border-box;text-align:center}.osc-color-picker .head{background:#ddd;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;font-weight:bold;padding:5px 10px}.osc-color-picker .head:first-child{border-top:0}.osc-color-picker .head:last-child{border-bottom:0}.osc-color-picker .color-container{list-style-type:none;margin:0;padding:0;position:relative;background:url(../../image/osecore/colorPicker/alpha_bg.png) top left repeat;display:block;border-radius:3px}.osc-color-picker .color-container li{height:16px;width:16px;display:block;margin:0;padding:0;position:relative}.osc-color-picker .color-container li.no-color:after{content:'';display:block;width:2px;height:100%;position:absolute;top:0;left:calc(50% - 1px);background:#fb0000;transform:rotate(45deg)}.osc-color-picker .color-container li:before{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;border-left:1px solid rgba(0, 0, 0, 0.5);border-right:1px solid rgba(0, 0, 0, 0.5);box-sizing:border-box}.osc-color-picker .color-container li:hover:before{cursor:pointer}.osc-color-picker .color-container li:first-child{border-top-left-radius:3px;border-top-right-radius:3px}.osc-color-picker .color-container li:first-child:before{border-top-left-radius:3px;border-top-right-radius:3px;border-top:1px solid rgba(0, 0, 0, 0.5)}.osc-color-picker .color-container li:last-child{border-bottom-left-radius:3px;border-bottom-right-radius:3px}.osc-color-picker .color-container li:last-child:before{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-bottom:1px solid rgba(0, 0, 0, 0.5)}.osc-color-picker .bottom-bar{padding:5px 10px;border-top:1px solid #d5d5d5;background:#ddd;text-align:right}.osc-color-picker .bottom-bar .color-container{float:left;margin-top:3px}.osc-color-picker .color-picker-btn{display:inline-block;width:21px;height:21px;cursor:pointer;background:url(../../image/osecore/colorPicker/color_picker.png) center center no-repeat}.osc-color-picker .color-picker .overlay-area{width:175px;height:175px;position:relative;background-color:#d40000;background-image:url(../../image/osecore/colorPicker/overlay.png);background-position:center center;background-repeat:no-repeat;background-size:175px 175px;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.5);cursor:crosshair;border-radius:3px;overflow:hidden}.osc-color-picker .color-picker .overlay-area .selector{width:0;height:0;position:absolute}.osc-color-picker .color-picker .overlay-area .selector:before{content:'';display:block;width:12px;height:12px;position:absolute;top:-6px;left:-6px;border-radius:50%;border:1px solid #000;box-shadow:inset 0 0 0 1px #fff;box-sizing:border-box}.osc-color-picker .color-picker .hue-area{background:url(../../image/osecore/colorPicker/slider.png) center center no-repeat;width:14px;height:175px;background-size:14px 175px;position:relative;border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.5);overflow:hidden}.osc-color-picker .color-picker .hue-area .slider{width:100%;height:0;position:absolute}.osc-color-picker .color-picker .hue-area .slider:before{content:'';display:block;width:10px;height:10px;position:absolute;border:1px solid #000;border-radius:50%;box-shadow:inset 0 0 0 1px #fff;top:-5px;left:50%;transform:translateX(-50%)}.osc-color-picker .color-picker .alpha-channel-area{background:url(../../image/osecore/colorPicker/alpha_bg.png) top left repeat;width:14px;height:175px;position:relative;border-radius:3px;overflow:hidden}.osc-color-picker .color-picker .alpha-channel-area .slider{width:100%;height:0;position:absolute}.osc-color-picker .color-picker .alpha-channel-area .slider:before{content:'';display:block;width:10px;height:10px;position:absolute;border:1px solid #000;border-radius:50%;box-shadow:inset 0 0 0 1px #fff;top:-5px;left:50%;transform:translateX(-50%)}.osc-color-picker .color-picker .alpha-channel-bg{content:'';display:block;position:absolute;top:0;left:0;width:100%;height:100%;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.5);border-radius:3px}.osc-color-picker .color-picker .grid{height:245px;position:relative}.osc-color-picker .color-picker .grid > div{padding:10px}.osc-color-picker .color-picker .grid > div:nth-child(1){float:left}.osc-color-picker .color-picker .grid > div:nth-child(1) .sliders > *{display:inline-block;margin-left:15px}.osc-color-picker .color-picker .grid > div:nth-child(1) .sliders > :first-child{margin-left:0}.osc-color-picker .color-picker .grid > div:nth-child(1) .inputs{text-align:left;margin-top:10px}.osc-color-picker .color-picker .grid > div:nth-child(1) .inputs > div{display:inline-block;width:52px;margin-left:10px}.osc-color-picker .color-picker .grid > div:nth-child(1) .inputs > div:first-child{margin-left:0}.osc-color-picker .color-picker .grid > div:nth-child(1) .inputs > div:nth-child(4){width:47px}.osc-color-picker .color-picker .grid > div:nth-child(2){float:right}.osc-color-picker .color-picker .grid > div:nth-child(2):before{content:'';display:block;position:absolute;top:0;height:100%;right:80px;width:1px;background:#ddd}.osc-color-picker .color-picker .input input{box-sizing:border-box;display:block;border-radius:3px;border:1px solid #a9a9a9;padding:2px;font-size:12px;width:100%;text-align:center}.osc-color-picker .color-picker .input label{display:block;text-align:center;cursor:pointer;font-family:tahoma;font-size:11px;margin-top:5px}.osc-color-picker .color-picker .color-selected{width:60px}.osc-color-picker .color-picker .color-selected .preview{width:60px;height:60px;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.5);background:url(../../image/osecore/colorPicker/alpha_bg.png) top left repeat;position:relative;border-radius:3px}.osc-color-picker .color-picker .color-selected .preview .color{display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:rgba(0, 0, 0, 0.75);border-radius:3px;box-shadow:inset 0 0 0 1px rgba(0, 0, 0, 0.5)}.osc-color-picker .color-picker .color-selected .hex-input{width:60px;margin-top:10px}.osc-color-picker .color-picker .actions{margin-top:27px}.osc-color-picker .color-picker .actions button{display:block;font-size:11px;font-family:arial;width:100%;margin-top:5px;border:1px solid #a0a0a0;padding:3px;background:linear-gradient(to top, #d0d0d0, #e6e6e6);box-shadow:inset 0 1px rgba(255, 255, 255, 0.25);border-radius:3px;cursor:pointer}.osc-color-picker .color-picker .actions button:hover{border:1px solid #a0a0a0;background:#d0d0d0}