:root {
    --legit-blue: #009bb6;
    --legit-orange: #faac3a;
    --legit-white: #ffffff;
}

.text-legit-blue{color: var(--legit-blue)}
.bg-legit-blue{background-color: var(--legit-blue)}
.text-legit-orange{color: var(--legit-orange)}
.bg-legit-orange{background-color: var(--legit-orange)}

.btn-legit-blue {
    color: #fff;
    background-color: var(--legit-blue);
    border-color: var(--legit-blue);
    box-shadow: none;
}
.btn-legit-blue:hover {
    background-color: var(--legit-blue);
    color: var(--legit-orange);
}

.btn-legit-orange {
    color: var(--legit-blue);
    background-color: var(--legit-orange);
    border-color: var(--legit-orange);
    box-shadow: none;
}
.btn-legit-orange:hover {
    background-color: var(--legit-orange);
    color: var(--legit-white);
}

.tooltip-inner {
    background-color: var(--legit-blue);
    box-shadow: 0px 0px 4px var(--legit-orange);
    opacity: 1 !important;
}
.tooltip.bs-tooltip-right .tooltip-arrow::before {
    border-right-color: var(--legit-orange) !important;
}
.tooltip.bs-tooltip-left .tooltip-arrow::before {
    border-left-color: var(--legit-orange) !important;
}
.tooltip.bs-tooltip-bottom .tooltip-arrow::before {
    border-bottom-color: var(--legit-orange) !important;
}
.tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: var(--legit-orange) !important;
}

.tri-gate {
    color: #fff;
    background-color: #faad3b;
    border-color: #17a2b8;
    box-shadow: none;
}

.tri-gate:hover {background-color: #faad3b;}