/* Pareto-blue brand accent for Coloris (#1e4a6f). Loaded after coloris.min.css.
   Keeps the vendored Coloris CSS pristine. See uix.ColorPicker / #1569. */

/* The picker renders at the end of <body> at z-index 1000, but Toolkit's modals
   (e.g. .vc-modal-overlay) sit at 10000+, so the picker would open behind them.
   Lift it above any modal. */
.clr-picker {
    z-index: 100001;
}

/* focus ring on the hex input */
.clr-picker input.clr-color:focus,
.clr-dark input.clr-color:focus {
    border-color: #1e4a6f;
}

/* keyboard-nav focus highlight (map marker, hue/alpha sliders, segmented) */
.clr-keyboard-nav .clr-alpha input:focus + div,
.clr-keyboard-nav .clr-hue input:focus + div,
.clr-keyboard-nav .clr-marker:focus,
.clr-keyboard-nav .clr-segmented input:focus + label {
    box-shadow: 0 0 0 2px #1e4a6f, 0 0 2px 2px #fff !important;
}

/* clear / "none" button in brand blue */
.clr-picker .clr-clear,
.clr-picker .clr-close {
    background-color: #1e4a6f;
}
.clr-picker .clr-clear:hover,
.clr-picker .clr-close:hover {
    background-color: #2b5b83;
}