/* App-wide tooltips styled to match the datatablelist header tooltips (.dt-header-tooltip) */
.tooltip.show {
    opacity: 1;
}
.tooltip .tooltip-inner {
    max-width: 300px;
    padding: 10px 14px;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.45;
    text-align: left;
    color: #fff;
    background: linear-gradient(135deg, #00b4e0, #0087b3);
    border-radius: 10px;
    box-shadow: 0 10px 26px rgba(0, 163, 211, .38);
    animation: dtTooltipIn .16s ease-out;
}
.tooltip.bs-tooltip-top .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="top"] .arrow::before {
    border-top-color: #0087b3;
}
.tooltip.bs-tooltip-bottom .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
    border-bottom-color: #00b4e0;
}
.tooltip.bs-tooltip-left .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="left"] .arrow::before {
    border-left-color: #0087b3;
}
.tooltip.bs-tooltip-right .arrow::before,
.tooltip.bs-tooltip-auto[x-placement^="right"] .arrow::before {
    border-right-color: #00b4e0;
}
@keyframes dtTooltipIn {
    from { opacity: 0; transform: translateY(5px) scale(.98); }
    to { opacity: 1; transform: none; }
}