/**
 * State Hints
 *
 * @since v0.6.0
 */
div.gipfl-widget-hint {
    border: 1px solid @text-color;
    padding: 0.5em;
    line-height: 2em;
    max-width: 60em;
    border-left-width: 3em;
    border-radius: 0.25em;
    margin-bottom: 1em;
    background-color: @body-bg-color;
    box-shadow: fade(@text-color, 30%) 1em 0 1.5em 0;
    &:before {
        position: relative;
        margin-left: -1.4em;
        margin-right: 0.5em;
        height: 100%;
        vertical-align: middle;
        font-family: 'ifont';
        color: white;
        font-size: 2em;
    }
    &.ok {
        border-color: @color-ok;
        box-shadow: fade(@color-ok, 30%) 1em 0 1.5em 0;
    }
    &.info {
        border-color: @color-pending;
        box-shadow: fade(@color-pending, 30%) 1em 0 1.5em 0;
    }
    &.warning {
        border-color: @color-warning;
        box-shadow: fade(@color-warning, 30%) 1em 0 1.5em 0;
    }
    &.error {
        border-color: @color-critical;
        box-shadow: fade(@color-critical, 30%) 1em 0 1.5em 0;
    }
    &.critical:before, &.error:before {
        content: '\e881';
    }
    &.warning:before {
        content: '\e881';
    }
    &.info:before {
        content: '\e87d';
    }
    &.ok:before {
        content: '\e803';
    }
    a {
        text-decoration: underline;
    }
}
