.tooltip {
    --bs-tooltip-bg: var(--de-tooltip-bg);
    --bs-tooltip-color: var(--de-tooltip-color);
    --bs-tooltip-opacity: 1;
}

.tooltip .tooltip-inner {
    border: 1px solid var(--de-line);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}

/**  ------------------------------------------  **/
.blue   { color: #3498DB; }
.purple { color: #9B59B6; }
.green  { color: #1ABB9C; }
.aero   { color: #9CC2CB; }
.red    { color: #E74C3C; }
.dark   { color: #34495E; }

.cl-yellow  { color: var(--ra-amber) }
.cl-green   { color: #268509; }
.cl-aero    { color: #9CC2CB; }
.cl-red     { color: #E74C3C; }
.cl-dark    { color: rgb(114, 11, 0) }
.cl-gray    { color: #999999; }

.border-blue { border-color: #3498DB !important; }
.border-purple { border-color: #9B59B6 !important; }
.border-green { border-color: #1ABB9C !important; }
.border-aero { border-color: #9CC2CB !important; }
.border-red { border-color: #E74C3C !important; }
.border-dark { border-color: #34495E !important; }
.bg-hide {
    background: none;
    opacity: 0;
}
.bg-white {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #73879C; }
.bg-green {
    background: #00995c !important;
    border: 1px solid #05caa3 !important;
    color: #fff; }
.bg-red {
    background: #E74C3C !important;
    border: 1px solid #E74C3C !important;
    color: #fff; }
.bg-blue {
    background: #3498DB !important;
    border: 1px solid #3498DB !important;
    color: #fff; }
.bg-orange {
    background: #d88600 !important;
    border: 1px solid #ff9d00 !important;
    color: #fff; }
.bg-purple {
    background: #9B59B6 !important;
    border: 1px solid #9B59B6 !important;
    color: #fff; }
.bg-blue-sky {
    background: #50C1CF !important;
    border: 1px solid #50C1CF !important;
    color: #fff; }