/**
 * @package         Regular Labs Library
 * @version         21.5.22843
 * 
 * @author          Peter van Westen <info@regularlabs.com>
 * @link            http://regularlabs.com
 * @copyright       Copyright © 2021 Regular Labs All Rights Reserved
 * @license         http://www.gnu.org/licenses/gpl-2.0.html GNU/GPL
 */
/**
 * LOOSELY BASED ON:
 * Very simple jQuery Color Picker
 * Copyright (C) 2012 Tanguy Krotoff
 * Licensed under the MIT license
 */
.rl_colorpicker-swatch {
    position:              relative;
    display:               inline-block;
    overflow:              hidden;
    width:                 20px;
    height:                20px;
    cursor:                pointer;
    text-align:            left;
    vertical-align:        middle;
    border:                solid 1px #cccccc;
    -moz-border-radius:    3px;
    -webkit-border-radius: 3px;
    border-radius:         3px;
    background:            url(../images/minicolors.png) -80px 0;
}

.rl_colorpicker-swatch span {
    position:           absolute;
    display:            inline-block;
    width:              100%;
    height:             100%;
    background:         none;
    -moz-box-shadow:    inset 0 9px 0 rgba(255, 255, 255, .1);
    -webkit-box-shadow: inset 0 9px 0 rgba(255, 255, 255, .1);
    box-shadow:         inset 0 9px 0 rgba(255, 255, 255, .1);
}

.rl_colorpicker-panel .rl_colorpicker-swatch {
    margin: 0 4px 4px 0;
}

.rl_colorpicker-swatch.active,
.rl_colorpicker-swatch:hover,
.rl_colorpicker-swatch:focus,
.rl_colorpicker-swatch span:focus {
    outline: 0;
    outline: thin dotted \9;
    /* IE6-9 */
}

.rl_colorpicker-swatch:hover,
.rl_colorpicker-swatch.active {
    border-color:       rgba(82, 168, 236, 0.8);
    -moz-box-shadow:    inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
    box-shadow:         inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6);
}

.rl_colorpicker-panel {
    position:                absolute;
    z-index:                 10;
    top:                     100%;
    left:                    0;
    display:                 none;
    float:                   left;
    margin:                  1px 0 0;
    padding:                 6px 2px 2px 6px;
    list-style:              none;
    border:                  1px solid #dddddd;
    *border-right-width:     2px;
    *border-bottom-width:    2px;
    -moz-border-radius:      5px;
    -webkit-border-radius:   5px;
    border-radius:           5px;
    background-color:        #ffffff;
    -moz-background-clip:    padding-box;
    -webkit-background-clip: padding-box;
    background-clip:         padding-box;
    -moz-box-shadow:         0 5px 10px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow:      0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow:              0 5px 10px rgba(0, 0, 0, 0.2);
}