/*!
 * Bootstrap Colorpicker - Bootstrap Colorpicker is a modular color picker plugin for Bootstrap 4.
 * @package bootstrap-colorpicker
 * @version v3.4.0
 * @license MIT
 * @link https://itsjavi.com/bootstrap-colorpicker/
 * @link https://github.com/itsjavi/bootstrap-colorpicker.git
 */
.colorpicker{font-size:inherit;color:inherit;text-align:left;box-sizing:content-box;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:4px;width:148px;padding:.75rem;list-style:none;display:none;position:relative}.colorpicker.colorpicker-disabled,.colorpicker.colorpicker-disabled *{cursor:default!important}.colorpicker div{position:relative}.colorpicker-popup{float:left;z-index:1060;margin-top:1px;position:absolute;top:100%;left:0}.colorpicker-popup.colorpicker-bs-popover-content{float:none;z-index:initial;-webkit-box-shadow:none;box-shadow:none;background:0 0;border:none;border-radius:0;margin:0;padding:.25rem 0;position:relative;top:auto;left:auto}.colorpicker:after,.colorpicker:before{content:"";clear:both;line-height:0;display:table}.colorpicker-clear{clear:both;display:block}.colorpicker:before{content:"";border-bottom:7px solid rgba(0,0,0,.2);border-left:7px solid transparent;border-right:7px solid transparent;display:inline-block;position:absolute;top:-7px;left:auto;right:6px}.colorpicker:after{content:"";border-bottom:6px solid #fff;border-left:6px solid transparent;border-right:6px solid transparent;display:inline-block;position:absolute;top:-6px;left:auto;right:7px}.colorpicker.colorpicker-with-alpha{width:170px}.colorpicker.colorpicker-with-alpha .colorpicker-alpha{display:block}.colorpicker-saturation{cursor:crosshair;float:left;background:-webkit-gradient(linear,0 0,0 100%,from(transparent),to(#000)),-webkit-gradient(linear,0 0,100% 0,from(#fff),to(rgba(255,255,255,0)));background:linear-gradient(transparent 0,#000 100%),linear-gradient(90deg,#fff 0,rgba(255,255,255,0) 100%);width:126px;height:126px;margin-bottom:6px;position:relative;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.colorpicker-saturation .colorpicker-guide{border:1px solid #000;border-radius:6px;width:6px;height:6px;margin:-3px 0 0 -3px;display:block;position:absolute;top:0;left:0;box-shadow:0 0 0 1px rgba(255,255,255,.8)}.colorpicker-alpha,.colorpicker-hue{float:left;cursor:row-resize;width:16px;height:126px;margin-bottom:6px;margin-left:6px;position:relative}.colorpicker-alpha-color{width:100%;height:100%;position:absolute;top:0;left:0}.colorpicker-alpha-color,.colorpicker-hue{box-shadow:0 0 0 1px rgba(0,0,0,.2)}.colorpicker-alpha .colorpicker-guide,.colorpicker-hue .colorpicker-guide{z-index:1;background:rgba(255,255,255,.8);border:1px solid rgba(0,0,0,.4);height:4px;margin-top:-2px;margin-left:-2px;display:block;position:absolute;top:0;left:0;right:-2px}.colorpicker-hue{background:-webkit-gradient(linear,0 100%,0 0,from(red),color-stop(.08,#ff8000),color-stop(.17,#ff0),color-stop(.25,#80ff00),color-stop(.33,#0f0),color-stop(.42,#00ff80),color-stop(.5,#0ff),color-stop(.58,#0080ff),color-stop(.67,#00f),color-stop(.75,#8000ff),color-stop(.83,#f0f),color-stop(.92,#ff0080),to(red));background:linear-gradient(0deg,red 0,#ff8000 8%,#ff0 17%,#80ff00 25%,#0f0 33%,#00ff80 42%,#0ff 50%,#0080ff 58%,#00f 67%,#8000ff 75%,#f0f 83%,#ff0080 92%,red 100%)}.colorpicker-alpha{background-color:#fff;background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),none;background-position:0 0,5px 5px;background-repeat:repeat,repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;display:none}.colorpicker-bar{clear:both;text-align:center;max-width:100%;min-height:16px;margin:6px 0 0;font-size:10px;line-height:normal;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.colorpicker-bar:before{content:"";clear:both;display:table}.colorpicker-bar.colorpicker-bar-horizontal{float:left;width:16px;height:126px;margin:0 0 6px}.colorpicker-input-addon{position:relative}.colorpicker-input-addon i{cursor:pointer;vertical-align:text-top;width:16px;height:16px;display:inline-block;position:relative}.colorpicker-input-addon:before{content:"";vertical-align:text-top;background-color:#fff;background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),none;background-position:0 0,5px 5px;background-repeat:repeat,repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:16px;height:16px;display:inline-block;position:absolute}.colorpicker.colorpicker-inline{float:none;z-index:auto;vertical-align:text-bottom;display:inline-block;position:relative}.colorpicker.colorpicker-horizontal{width:126px;height:auto}.colorpicker.colorpicker-horizontal .colorpicker-bar{width:126px}.colorpicker.colorpicker-horizontal .colorpicker-saturation{float:none;margin-bottom:0}.colorpicker.colorpicker-horizontal .colorpicker-alpha,.colorpicker.colorpicker-horizontal .colorpicker-hue{float:none;cursor:col-resize;width:126px;height:16px;margin-top:6px;margin-bottom:0;margin-left:0}.colorpicker.colorpicker-horizontal .colorpicker-alpha .colorpicker-guide,.colorpicker.colorpicker-horizontal .colorpicker-hue .colorpicker-guide{width:4px;height:auto;display:block;position:absolute;bottom:-2px;left:0;right:auto}.colorpicker.colorpicker-horizontal .colorpicker-hue{background:-webkit-gradient(linear,100% 0,0 0,from(red),color-stop(.08,#ff8000),color-stop(.17,#ff0),color-stop(.25,#80ff00),color-stop(.33,#0f0),color-stop(.42,#00ff80),color-stop(.5,#0ff),color-stop(.58,#0080ff),color-stop(.67,#00f),color-stop(.75,#8000ff),color-stop(.83,#f0f),color-stop(.92,#ff0080),to(red));background:linear-gradient(270deg,red 0,#ff8000 8%,#ff0 17%,#80ff00 25%,#0f0 33%,#00ff80 42%,#0ff 50%,#0080ff 58%,#00f 67%,#8000ff 75%,#f0f 83%,#ff0080 92%,red 100%)}.colorpicker.colorpicker-horizontal .colorpicker-alpha{background-color:#fff;background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),none;background-position:0 0,5px 5px;background-repeat:repeat,repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.colorpicker-inline:before,.colorpicker-no-arrow:before,.colorpicker-popup.colorpicker-bs-popover-content:before,.colorpicker-inline:after,.colorpicker-no-arrow:after,.colorpicker-popup.colorpicker-bs-popover-content:after{content:none;display:none}.colorpicker-alpha,.colorpicker-hue,.colorpicker-saturation{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.colorpicker-alpha.colorpicker-visible,.colorpicker-bar.colorpicker-visible,.colorpicker-hue.colorpicker-visible,.colorpicker-saturation.colorpicker-visible,.colorpicker.colorpicker-visible{display:block}.colorpicker-alpha.colorpicker-hidden,.colorpicker-bar.colorpicker-hidden,.colorpicker-hue.colorpicker-hidden,.colorpicker-saturation.colorpicker-hidden,.colorpicker.colorpicker-hidden{display:none}.colorpicker-inline.colorpicker-visible{display:inline-block}.colorpicker.colorpicker-disabled:after{content:"";z-index:2;background:rgba(233,236,239,.33);border:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0;right:auto}.colorpicker.colorpicker-disabled .colorpicker-guide{display:none}.colorpicker-preview{background-color:#fff;background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),none;background-position:0 0,5px 5px;background-repeat:repeat,repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.colorpicker-preview>div{width:100%;height:100%;position:absolute;top:0;left:0}.colorpicker-bar.colorpicker-swatches{-webkit-box-shadow:none;box-shadow:none;height:auto}.colorpicker-swatches--inner{clear:both;margin-top:-6px}.colorpicker-swatch{cursor:pointer;float:left;background-color:#fff;background-image:linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),linear-gradient(45deg,rgba(0,0,0,.1) 25%,transparent 25%,transparent 75%,rgba(0,0,0,.1) 75%,rgba(0,0,0,.1) 0),none;background-position:0 0,5px 5px;background-repeat:repeat,repeat,repeat;background-size:10px 10px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;width:16px;height:16px;margin-top:6px;margin-left:0;margin-right:6px;display:block;position:relative;box-shadow:0 0 0 1px rgba(0,0,0,.2)}.colorpicker-swatch--inner{width:100%;height:100%;position:absolute;top:0;left:0}.colorpicker-swatch:nth-of-type(7n){margin-right:0}.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(7n){margin-right:6px}.colorpicker-with-alpha .colorpicker-swatch:nth-of-type(8n),.colorpicker-horizontal .colorpicker-swatch:nth-of-type(6n){margin-right:0}.colorpicker-horizontal .colorpicker-swatch:nth-of-type(7n),.colorpicker-horizontal .colorpicker-swatch:nth-of-type(8n){margin-right:6px}.colorpicker-swatch:last-of-type:after{content:"";clear:both;display:table}.colorpicker-element input[dir=rtl]{direction:ltr;text-align:right}.colorpicker-element[dir=rtl] input{direction:ltr;text-align:right}[dir=rtl] .colorpicker-element input{direction:ltr;text-align:right}