:root {
    --tooltip-color: #5b5b5b;
    --tooltip-background-color: #e3f4fc;
    --tooltip-warning-color: #ffe8e8;
}

.myTooltip {
    position: absolute;
    z-index: 100;
    background-color: var(--tooltip-background-color);
    border: 1px solid var(--tooltip-color);
    border-radius: 10px;
    padding: 5px 7px;
    color: var(--tooltip-color);
    outline: none;
    font-size: 12px;
    font-family: bodyFont, Arial;
    cursor: pointer;
}

.warning {
    background-color: var(--tooltip-warning-color) !important;
}