/*
    CSS for ASP.NET helper "TooltipHtmlHelperExtensions::IconWithTooltip"
    Defines styles for the icon trigger, hover state, and tooltip content layout.
*/
.tooltip-icon {
  color: hsl(217.9, 95.9%, 61.8%);
  font-size: 15px;
  cursor: pointer;
}
.tooltip-icon--large {
  font-size: 20px;
}
.tooltip-icon:hover {
    color: hsl(217.9, 95.9%, 45%);
}

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

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

.large-font {
  font-size: 1.125rem;
}

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


/*
    CSS for ASP.NET helpers "LayoutHtmlHelperExtensions::AddFullWidthDivider"
    and "LayoutHtmlHelperExtensions::AddGridDivider".
    Defines styles for horizontal dividers and their spaced variant.
*/

hr .divider {
  opacity: 0.25;
}

hr .divider--spaced {
  margin-top: 25px;
  margin-bottom: 25px;
}

/*
    CSS for ASP.NET helpers "BannerHtmlHelperExtensions"
    Defines styles for icons.
*/
.banner-icon {
  align-self: center;
  font-size: 24px;
  margin-top: -5px;
}

.banner-icon--default {
  color: #1267fb;
}

.banner-icon--warning {
  color: #d97706;
}

.banner-icon--error {
  color: #dc2626;
}

.banner-icon--success {
  color: #16803c;
}