.picker-color{display:flex;flex-direction:rows}[dir] .picker-color{cursor:pointer}.picker-color .picker{position:absolute;z-index:10;top:100%}.picker-color .box-color{min-width:15px;width:60px;height:37.98px;transition:border .2s ease}[dir] .picker-color .box-color{padding:3px;border:1px solid #d8d6de;border-radius:.357rem}[dir=ltr] .picker-color .box-color{border-top-right-radius:0;border-bottom-right-radius:0}[dir=rtl] .picker-color .box-color{border-top-left-radius:0;border-bottom-left-radius:0}[dir] .picker-color .box-color.active{border:1px solid #044389}.picker-color .box-color>.color{width:100%;height:100%}[dir] .picker-color .box-color>.color{border-radius:3px}[dir=ltr] .picker-color .box-color>.color{border-top-right-radius:0;border-bottom-right-radius:0}[dir=rtl] .picker-color .box-color>.color{border-top-left-radius:0;border-bottom-left-radius:0}.picker-color .hexa{width:-webkit-fill-available}[dir] .picker-color .hexa .form-group .form-control{padding:.2rem .5rem!important}[dir=ltr] .picker-color .hexa .form-group .form-control{left:-2px;border-top-left-radius:0;border-bottom-left-radius:0}[dir=rtl] .picker-color .hexa .form-group .form-control{right:-2px;border-top-right-radius:0;border-bottom-right-radius:0}