/**
 * @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
 */
/**
 * BASED ON:
 * jQuery MiniColors: A tiny color picker built on jQuery
 * Copyright Cory LaViska for A Beautiful Site, LLC. (http://www.abeautifulsite.net/)
 * Dual-licensed under the MIT and GPL Version 2 licenses
 */
.minicolors {
    position: relative;
    z-index:  11;
    display:  inline-block;
}

.minicolors-focus {
    z-index: 12;
}

.minicolors.minicolors-theme-default .minicolors-input {
    font:                  14px sans-serif;
    width:                 65px;
    height:                16px;
    margin:                0;
    margin-right:          -1px;
    padding:               2px;
    border:                solid 1px #cccccc;
    -moz-border-radius:    0;
    -webkit-border-radius: 0;
    border-radius:         0;
    -moz-box-shadow:       inset 0 2px 4px rgba(0, 0, 0, .04);
    -webkit-box-shadow:    inset 0 2px 4px rgba(0, 0, 0, .04);
    box-shadow:            inset 0 2px 4px rgba(0, 0, 0, .04);
}

.minicolors-theme-default.minicolors .minicolors-input {
    vertical-align: middle;
    outline:        none;
}

.minicolors-theme-default.minicolors-swatch-left .minicolors-input {
    margin-right: auto;
    margin-left:  -1px;
}

.minicolors-theme-default.minicolors-focus .minicolors-input,
.minicolors-theme-default.minicolors-focus .minicolors-swatch {
    border-color: #999999;
}

.minicolors-hidden {
    position: absolute;
    left:     -9999em;
}

.minicolors-swatch {
    position:       relative;
    display:        inline-block;
    width:          20px;
    height:         20px;
    text-align:     left;
    vertical-align: middle;
    border:         solid 1px #cccccc;
    background:     url(../images/minicolors.png) -80px 0;
}

.minicolors-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);
}

.minicolors-panel {
    position:           absolute;
    top:                26px;
    left:               0;
    display:            none;
    width:              173px;
    height:             152px;
    border:             solid 1px #cccccc;
    background:         white;
    -moz-box-shadow:    0 0 20px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, .2);
    box-shadow:         0 0 20px rgba(0, 0, 0, .2);
}

.minicolors-position-top .minicolors-panel {
    top: -156px;
}

.minicolors-position-left .minicolors-panel {
    left: -83px;
}

.minicolors-position-left.minicolors-with-opacity .minicolors-panel {
    left: -104px;
}

.minicolors-with-opacity .minicolors-panel {
    width: 194px;
}

.minicolors .minicolors-grid {
    position:   absolute;
    top:        1px;
    left:       1px;
    width:      150px;
    height:     150px;
    cursor:     crosshair;
    background: url(../images/minicolors.png) -120px 0;
}

.minicolors .minicolors-grid-inner {
    position:   absolute;
    top:        0;
    left:       0;
    width:      150px;
    height:     150px;
    background: none;
}

.minicolors-slider-saturation .minicolors-grid {
    background-position: -420px 0;
}

.minicolors-slider-saturation .minicolors-grid-inner {
    background: url(../images/minicolors.png) -270px 0;
}

.minicolors-slider-brightness .minicolors-grid {
    background-position: -570px 0;
}

.minicolors-slider-brightness .minicolors-grid-inner {
    background: black;
}

.minicolors-slider-wheel .minicolors-grid {
    background-position: -720px 0;
}

.minicolors-slider,
.minicolors-opacity-slider {
    position:   absolute;
    top:        1px;
    left:       152px;
    width:      20px;
    height:     150px;
    cursor:     crosshair;
    background: white url(../images/minicolors.png) 0 0;
}

.minicolors-slider-saturation .minicolors-slider {
    background-position: -60px 0;
}

.minicolors-slider-brightness .minicolors-slider {
    background-position: -20px 0;
}

.minicolors-slider-wheel .minicolors-slider {
    background-position: -20px 0;
}

.minicolors-opacity-slider {
    left:                173px;
    display:             none;
    background-position: -40px 0;
}

.minicolors-with-opacity .minicolors-opacity-slider {
    display: block;
}

.minicolors-grid .minicolors-picker {
    position:              absolute;
    top:                   70px;
    left:                  70px;
    width:                 10px;
    height:                10px;
    margin-top:            -6px;
    margin-left:           -6px;
    border:                solid 1px black;
    -moz-border-radius:    10px;
    -webkit-border-radius: 10px;
    border-radius:         10px;
    background:            none;
}

.minicolors-grid .minicolors-picker span {
    position:              absolute;
    top:                   0;
    left:                  0;
    width:                 6px;
    height:                6px;
    border:                solid 2px white;
    -moz-border-radius:    6px;
    -webkit-border-radius: 6px;
    border-radius:         6px;
}

.minicolors-picker {
    position:   absolute;
    top:        0;
    left:       0;
    width:      18px;
    height:     2px;
    margin-top: -2px;
    border:     solid 1px black;
    background: white;
}

.minicolors-inline .minicolors-input,
.minicolors-inline .minicolors-swatch {
    display: none;
}

.minicolors-inline .minicolors-panel {
    position: relative;
    top:      auto;
    left:     auto;
    display:  inline-block;
}

.minicolors-theme-bootstrap .minicolors-input {
    font-family:           Arial, 'Helvetica Neue', Helvetica, sans-serif;
    font-size:             14px;
    height:                19px;
    margin:                0;
    padding:               4px 6px;
    padding-left:          30px;
    color:                 #555555;
    border:                1px solid #cccccc;
    -moz-border-radius:    3px;
    -webkit-border-radius: 3px;
    border-radius:         3px;
    background-color:      white;
    -moz-box-shadow:       inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-box-shadow:    inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow:            inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.minicolors-theme-bootstrap.minicolors-focus .minicolors-input {
    border-color:       #6fb8f1;
    outline:            none;
    -moz-box-shadow:    0 0 10px #6fb8f1;
    -webkit-box-shadow: 0 0 10px #6fb8f1;
    box-shadow:         0 0 10px #6fb8f1;
}

.minicolors-theme-bootstrap .minicolors-swatch {
    position: absolute;
    z-index:  12;
    top:      4px;
    left:     4px;
}

.minicolors-theme-bootstrap.minicolors-swatch-position-right .minicolors-input {
    padding-right: 30px;
    padding-left:  6px;
}

.minicolors-theme-bootstrap.minicolors-swatch-position-right .minicolors-swatch {
    right: 4px;
    left:  auto;
}

.minicolors-theme-bootstrap .minicolors-panel {
    z-index: 13;
    top:     28px;
}

.minicolors-theme-bootstrap.minicolors-position-top .minicolors-panel {
    top: -154px;
}

.minicolors-theme-bootstrap.minicolors-position-left .minicolors-panel {
    left: -63px;
}

.minicolors-theme-bootstrap.minicolors-position-left.minicolors-with-opacity .minicolors-panel {
    left: -84px;
}