/*
    Required for ASP.NET Kendo tooltip "TooltipHtmlHelperExtensions" to work properly.
*/
.tooltip-icon {
    color: hsl(217.9, 95.9%, 61.8%);
    font-size: 20px;
    cursor: pointer;
}

.tooltip-icon:hover {
    color: hsl(217.9, 95.9%, 45%);
}

.k-tooltip-content {
    padding: 5px;
    line-height: 1.5;
}

.k-tooltip-button {
    cursor: pointer;
}

/* mobile display: prevent tooltip at the edge of the screen. */
@media (max-width: 768px) {
    .k-tooltip {
        margin: 10px;
    }
}