.tooltip {
    &.show {
        opacity: 1;
    }

    .tooltip-inner {
        max-width: 300px; // fallback for browsers which do not support "vw" unit
        max-width: 100vw;
        background-color: $o-tooltip-background-color;
        color: $o-tooltip-color;
        border-radius: $border-radius;
        box-shadow: 0px 0px 1px 1px $o-brand-secondary;

        padding: 5px;

        text-align: left;

        .oe_tooltip_string {
            background-color: $o-brand-odoo;
            color: white;
            font-weight: bold;
            padding: 5px;
        }
        .oe_tooltip_help {
            white-space: pre-line;
            padding: 5px 5px 0;
        }
        .oe_tooltip_technical {
            padding: 0;
            margin: 5px 0 5px 20px;
            list-style-type: circle;

            .oe_tooltip_technical_title {
                font-weight: bold;
            }
        }
    }

    &.bs-tooltip-top .arrow::before {
        border-top-color: $o-tooltip-arrow-color!important;
    }
    &.bs-tooltip-bottom .arrow::before {
        border-bottom-color: $o-tooltip-arrow-color!important;
    }
    &.bs-tooltip-left .arrow::before {
        border-left-color: $o-tooltip-arrow-color!important;
    }
    &.bs-tooltip-right .arrow::before {
        border-right-color: $o-tooltip-arrow-color!important;
    }
}