/* ValidateNow dispute-page status icons.
   Pure CSS: no icon font, image, entity, JavaScript, or SVG dependency. */

.validate-dispute-page .dispute-document-icon {
    position: relative;
    display: block;
    overflow: hidden;
}

/* Pause: escalation activity is held during review. */
.validate-dispute-page .dispute-icon-pause::before,
.validate-dispute-page .dispute-icon-pause::after {
    content: "";
    position: absolute;
    top: 11px;
    width: 5px;
    height: 20px;
    border-radius: 2px;
    background: #0757d9;
}

.validate-dispute-page .dispute-icon-pause::before { left: 12px; }
.validate-dispute-page .dispute-icon-pause::after { right: 12px; }

/* Review: a reassuring checkmark. */
.validate-dispute-page .dispute-icon-review::before {
    content: "";
    position: absolute;
    left: 11px;
    top: 10px;
    width: 17px;
    height: 10px;
    border-left: 4px solid #0757d9;
    border-bottom: 4px solid #0757d9;
    transform: rotate(-45deg);
    border-radius: 1px;
}

/* Status: two steady lines indicate no automatic status change. */
.validate-dispute-page .dispute-icon-status::before,
.validate-dispute-page .dispute-icon-status::after {
    content: "";
    position: absolute;
    left: 10px;
    width: 22px;
    height: 4px;
    border-radius: 2px;
    background: #0757d9;
}

.validate-dispute-page .dispute-icon-status::before { top: 13px; }
.validate-dispute-page .dispute-icon-status::after { top: 24px; }