.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, #F5A800); }
.cl-green   { color: #268509; }
.cl-red     { color: #E74C3C; }
.cl-dark    { color: rgb(114, 11, 0); }
.cl-blue    { color: #3498DB; }
#conn-indicator { font-size: 16px; }
.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-white {
    background: #fff !important;
    border: 1px solid #fff !important;
    color: #73879C; }
.bg-green {
    background: #1ABB9C !important;
    border: 1px solid #1ABB9C !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: #F39C12 !important;
    border: 1px solid #F39C12 !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; }