/**
 * Helix Icons v2.13
 * Ideagen Design System Icons
 * 366 icons total
 * 
 * Usage:
 *   <span class="helix-icon i-home"></span>
 *   <i class="helix-icon i-search"></i>
 * 
 * Sizing:
 *   .helix-icon.icon-sm  (16px)
 *   .helix-icon.icon-md  (24px - default)
 *   .helix-icon.icon-lg  (32px)
 *   .helix-icon.icon-xl  (48px)
 * 
 * Colors: Icons inherit currentColor, so set color on parent or icon element
 */

/* Base icon styles */
.helix-icon {
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* Icon sizes */
.helix-icon.icon-sm {
    width: 16px;
    height: 16px;
}

.helix-icon.icon-md {
    width: 24px;
    height: 24px;
}

.helix-icon.icon-lg {
    width: 32px;
    height: 32px;
}

.helix-icon.icon-xl {
    width: 48px;
    height: 48px;
}

/* Button icon sizing - smaller icons for buttons */
.btn .helix-icon,
.btn-xs .helix-icon,
.btn-sm .helix-icon,
button .helix-icon {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-top: 0; /* Consistent alignment - was -2px */
}

.btn-lg .helix-icon {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-top: 0;
}

/* Ensure icons in spans/links inherit parent color */
a .helix-icon,
span .helix-icon {
    color: inherit;
    vertical-align: middle;
}

/* Fix for icons in table cells */
td .helix-icon {
    vertical-align: middle;
}

/* Manage-users table: align action icons in table rows */
.table td.dropdown-holder,
.table td[align="right"] {
    vertical-align: middle !important;
    white-space: nowrap;
}

.table td .btn-xs .helix-icon {
    margin-top: 0;
}

/* User management table action icons alignment */
.table td[align="right"] .helix-icon {
    width: 16px;
    height: 16px;
    vertical-align: middle;
}

/* Fix for icons next to text */
.helix-icon + span,
span + .helix-icon {
    vertical-align: middle;
}

/* Panel heading/title icons */
.panel-heading .helix-icon,
.panel-title .helix-icon {
    vertical-align: middle;
    margin-top: -1px;
    margin-right: 8px;
}

/* Fallback for browsers that don't support mask-image */
@supports not (mask-image: url('')) {
    .helix-icon {
        background-color: transparent;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }
}

/* Icon path - relative to CSS file location */
/* Icons are in ../fonts/helix-icons/ */

/* ===== ACTIONS ===== */
.i-action-down {
    -webkit-mask-image: url('../fonts/helix-icons/i-action-down.svg');
    mask-image: url('../fonts/helix-icons/i-action-down.svg');
}

.i-action-left {
    -webkit-mask-image: url('../fonts/helix-icons/i-action-left.svg');
    mask-image: url('../fonts/helix-icons/i-action-left.svg');
}

.i-action-right {
    -webkit-mask-image: url('../fonts/helix-icons/i-action-right.svg');
    mask-image: url('../fonts/helix-icons/i-action-right.svg');
}

.i-action-up {
    -webkit-mask-image: url('../fonts/helix-icons/i-action-up.svg');
    mask-image: url('../fonts/helix-icons/i-action-up.svg');
}

.i-actions {
    -webkit-mask-image: url('../fonts/helix-icons/i-actions.svg');
    mask-image: url('../fonts/helix-icons/i-actions.svg');
}

.i-action-collapse {
    -webkit-mask-image: url('../fonts/helix-icons/i-action-collapse.svg');
    mask-image: url('../fonts/helix-icons/i-action-collapse.svg');
}

.i-action-collapse-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-action-collapse-2.svg');
    mask-image: url('../fonts/helix-icons/i-action-collapse-2.svg');
}

.i-action-expand {
    -webkit-mask-image: url('../fonts/helix-icons/i-action-expand.svg');
    mask-image: url('../fonts/helix-icons/i-action-expand.svg');
}

.i-action-expand-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-action-expand-2.svg');
    mask-image: url('../fonts/helix-icons/i-action-expand-2.svg');
}

.i-action-right-collapse {
    -webkit-mask-image: url('../fonts/helix-icons/i-action-right-collapse.svg');
    mask-image: url('../fonts/helix-icons/i-action-right-collapse.svg');
}

.i-action-right-expand {
    -webkit-mask-image: url('../fonts/helix-icons/i-action-right-expand.svg');
    mask-image: url('../fonts/helix-icons/i-action-right-expand.svg');
}

.i-admin-page {
    -webkit-mask-image: url('../fonts/helix-icons/i-admin-page.svg');
    mask-image: url('../fonts/helix-icons/i-admin-page.svg');
}

.i-ai {
    -webkit-mask-image: url('../fonts/helix-icons/i-ai.svg');
    mask-image: url('../fonts/helix-icons/i-ai.svg');
}

.i-ai-summarise {
    -webkit-mask-image: url('../fonts/helix-icons/i-ai-summarise.svg');
    mask-image: url('../fonts/helix-icons/i-ai-summarise.svg');
}

.i-cloud {
    -webkit-mask-image: url('../fonts/helix-icons/i-cloud.svg');
    mask-image: url('../fonts/helix-icons/i-cloud.svg');
}

.i-cross {
    -webkit-mask-image: url('../fonts/helix-icons/i-cross.svg');
    mask-image: url('../fonts/helix-icons/i-cross.svg');
}

.i-cross-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-cross-2.svg');
    mask-image: url('../fonts/helix-icons/i-cross-2.svg');
}

.i-download {
    -webkit-mask-image: url('../fonts/helix-icons/i-download.svg');
    mask-image: url('../fonts/helix-icons/i-download.svg');
}

.i-export {
    -webkit-mask-image: url('../fonts/helix-icons/i-export.svg');
    mask-image: url('../fonts/helix-icons/i-export.svg');
}

.i-external-link {
    -webkit-mask-image: url('../fonts/helix-icons/i-external-link.svg');
    mask-image: url('../fonts/helix-icons/i-external-link.svg');
}

.i-import {
    -webkit-mask-image: url('../fonts/helix-icons/i-import.svg');
    mask-image: url('../fonts/helix-icons/i-import.svg');
}

.i-minus {
    -webkit-mask-image: url('../fonts/helix-icons/i-minus.svg');
    mask-image: url('../fonts/helix-icons/i-minus.svg');
}

.i-objectives {
    -webkit-mask-image: url('../fonts/helix-icons/i-objectives.svg');
    mask-image: url('../fonts/helix-icons/i-objectives.svg');
}

.i-pause {
    -webkit-mask-image: url('../fonts/helix-icons/i-pause.svg');
    mask-image: url('../fonts/helix-icons/i-pause.svg');
}

.i-pin {
    -webkit-mask-image: url('../fonts/helix-icons/i-pin.svg');
    mask-image: url('../fonts/helix-icons/i-pin.svg');
}

.i-play {
    -webkit-mask-image: url('../fonts/helix-icons/i-play.svg');
    mask-image: url('../fonts/helix-icons/i-play.svg');
}

.i-play-next {
    -webkit-mask-image: url('../fonts/helix-icons/i-play-next.svg');
    mask-image: url('../fonts/helix-icons/i-play-next.svg');
}

.i-plus {
    -webkit-mask-image: url('../fonts/helix-icons/i-plus.svg');
    mask-image: url('../fonts/helix-icons/i-plus.svg');
}

.i-plus-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-plus-2.svg');
    mask-image: url('../fonts/helix-icons/i-plus-2.svg');
}

.i-power {
    -webkit-mask-image: url('../fonts/helix-icons/i-power.svg');
    mask-image: url('../fonts/helix-icons/i-power.svg');
}

.i-print {
    -webkit-mask-image: url('../fonts/helix-icons/i-print.svg');
    mask-image: url('../fonts/helix-icons/i-print.svg');
}

.i-rectangle-zoom {
    -webkit-mask-image: url('../fonts/helix-icons/i-rectangle-zoom.svg');
    mask-image: url('../fonts/helix-icons/i-rectangle-zoom.svg');
}

.i-rewind {
    -webkit-mask-image: url('../fonts/helix-icons/i-rewind.svg');
    mask-image: url('../fonts/helix-icons/i-rewind.svg');
}

.i-save {
    -webkit-mask-image: url('../fonts/helix-icons/i-save.svg');
    mask-image: url('../fonts/helix-icons/i-save.svg');
}

.i-search {
    -webkit-mask-image: url('../fonts/helix-icons/i-search.svg');
    mask-image: url('../fonts/helix-icons/i-search.svg');
}

.i-share {
    -webkit-mask-image: url('../fonts/helix-icons/i-share.svg');
    mask-image: url('../fonts/helix-icons/i-share.svg');
}

.i-stop {
    -webkit-mask-image: url('../fonts/helix-icons/i-stop.svg');
    mask-image: url('../fonts/helix-icons/i-stop.svg');
}

.i-stop-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-stop-2.svg');
    mask-image: url('../fonts/helix-icons/i-stop-2.svg');
}

.i-trash {
    -webkit-mask-image: url('../fonts/helix-icons/i-trash.svg');
    mask-image: url('../fonts/helix-icons/i-trash.svg');
}

.i-upload {
    -webkit-mask-image: url('../fonts/helix-icons/i-upload.svg');
    mask-image: url('../fonts/helix-icons/i-upload.svg');
}

.i-zoom-in {
    -webkit-mask-image: url('../fonts/helix-icons/i-zoom-in.svg');
    mask-image: url('../fonts/helix-icons/i-zoom-in.svg');
}

.i-zoom-out {
    -webkit-mask-image: url('../fonts/helix-icons/i-zoom-out.svg');
    mask-image: url('../fonts/helix-icons/i-zoom-out.svg');
}

.i-excursions {
    -webkit-mask-image: url('../fonts/helix-icons/i-excursions.svg');
    mask-image: url('../fonts/helix-icons/i-excursions.svg');
}

.i-organisation {
    -webkit-mask-image: url('../fonts/helix-icons/i-organisation.svg');
    mask-image: url('../fonts/helix-icons/i-organisation.svg');
}

.i-paper-plane {
    -webkit-mask-image: url('../fonts/helix-icons/i-paper-plane.svg');
    mask-image: url('../fonts/helix-icons/i-paper-plane.svg');
}

.i-rocket {
    -webkit-mask-image: url('../fonts/helix-icons/i-rocket.svg');
    mask-image: url('../fonts/helix-icons/i-rocket.svg');
}

.i-shield {
    -webkit-mask-image: url('../fonts/helix-icons/i-shield.svg');
    mask-image: url('../fonts/helix-icons/i-shield.svg');
}

.i-world {
    -webkit-mask-image: url('../fonts/helix-icons/i-world.svg');
    mask-image: url('../fonts/helix-icons/i-world.svg');
}

.i-at {
    -webkit-mask-image: url('../fonts/helix-icons/I-at.svg');
    mask-image: url('../fonts/helix-icons/I-at.svg');
}

.i-robot {
    -webkit-mask-image: url('../fonts/helix-icons/i-robot.svg');
    mask-image: url('../fonts/helix-icons/i-robot.svg');
}

.i-shopping-cart {
    -webkit-mask-image: url('../fonts/helix-icons/i-shopping-cart.svg');
    mask-image: url('../fonts/helix-icons/i-shopping-cart.svg');
}

/* ===== ALERTS ===== */
.i-alarm {
    -webkit-mask-image: url('../fonts/helix-icons/i-alarm.svg');
    mask-image: url('../fonts/helix-icons/i-alarm.svg');
}

.i-alert {
    -webkit-mask-image: url('../fonts/helix-icons/i-alert.svg');
    mask-image: url('../fonts/helix-icons/i-alert.svg');
}

.i-bell {
    -webkit-mask-image: url('../fonts/helix-icons/i-bell.svg');
    mask-image: url('../fonts/helix-icons/i-bell.svg');
}

.i-bell-fill {
    -webkit-mask-image: url('../fonts/helix-icons/i-bell-fill.svg');
    mask-image: url('../fonts/helix-icons/i-bell-fill.svg');
}

.i-bookmark-fill {
    -webkit-mask-image: url('../fonts/helix-icons/i-bookmark-fill.svg');
    mask-image: url('../fonts/helix-icons/i-bookmark-fill.svg');
}

.i-bookmark-outline {
    -webkit-mask-image: url('../fonts/helix-icons/i-bookmark-outline.svg');
    mask-image: url('../fonts/helix-icons/i-bookmark-outline.svg');
}

.i-error {
    -webkit-mask-image: url('../fonts/helix-icons/i-error.svg');
    mask-image: url('../fonts/helix-icons/i-error.svg');
}

.i-flag {
    -webkit-mask-image: url('../fonts/helix-icons/i-flag.svg');
    mask-image: url('../fonts/helix-icons/i-flag.svg');
}

.i-hazard {
    -webkit-mask-image: url('../fonts/helix-icons/i-hazard.svg');
    mask-image: url('../fonts/helix-icons/i-hazard.svg');
}

.i-heart-fill {
    -webkit-mask-image: url('../fonts/helix-icons/i-heart-fill.svg');
    mask-image: url('../fonts/helix-icons/i-heart-fill.svg');
}

.i-heart-outline {
    -webkit-mask-image: url('../fonts/helix-icons/i-heart-outline.svg');
    mask-image: url('../fonts/helix-icons/i-heart-outline.svg');
}

.i-info {
    -webkit-mask-image: url('../fonts/helix-icons/i-info.svg');
    mask-image: url('../fonts/helix-icons/i-info.svg');
}

.i-label {
    -webkit-mask-image: url('../fonts/helix-icons/i-label.svg');
    mask-image: url('../fonts/helix-icons/i-label.svg');
}

.i-loader {
    -webkit-mask-image: url('../fonts/helix-icons/i-loader.svg');
    mask-image: url('../fonts/helix-icons/i-loader.svg');
}

.i-pending {
    -webkit-mask-image: url('../fonts/helix-icons/i-pending.svg');
    mask-image: url('../fonts/helix-icons/i-pending.svg');
}

.i-progress {
    -webkit-mask-image: url('../fonts/helix-icons/i-progress.svg');
    mask-image: url('../fonts/helix-icons/i-progress.svg');
}

.i-question {
    -webkit-mask-image: url('../fonts/helix-icons/i-question.svg');
    mask-image: url('../fonts/helix-icons/i-question.svg');
}

.i-question-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-question-2.svg');
    mask-image: url('../fonts/helix-icons/i-question-2.svg');
}

.i-queue {
    -webkit-mask-image: url('../fonts/helix-icons/i-queue.svg');
    mask-image: url('../fonts/helix-icons/i-queue.svg');
}

.i-thumbnail {
    -webkit-mask-image: url('../fonts/helix-icons/i-thumbnail.svg');
    mask-image: url('../fonts/helix-icons/i-thumbnail.svg');
}

.i-tick {
    -webkit-mask-image: url('../fonts/helix-icons/i-tick.svg');
    mask-image: url('../fonts/helix-icons/i-tick.svg');
}

.i-tick-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-tick-2.svg');
    mask-image: url('../fonts/helix-icons/i-tick-2.svg');
}

.i-trophy {
    -webkit-mask-image: url('../fonts/helix-icons/i-trophy.svg');
    mask-image: url('../fonts/helix-icons/i-trophy.svg');
}

.i-warning {
    -webkit-mask-image: url('../fonts/helix-icons/i-warning.svg');
    mask-image: url('../fonts/helix-icons/i-warning.svg');
}

.i-lightbulb {
    -webkit-mask-image: url('../fonts/helix-icons/i-lightbulb.svg');
    mask-image: url('../fonts/helix-icons/i-lightbulb.svg');
}

.i-principal-risk {
    -webkit-mask-image: url('../fonts/helix-icons/i-principal-risk.svg');
    mask-image: url('../fonts/helix-icons/i-principal-risk.svg');
}

/* ===== ARROWS ===== */
.i-annotation-arrow {
    -webkit-mask-image: url('../fonts/helix-icons/i-annotation-arrow.svg');
    mask-image: url('../fonts/helix-icons/i-annotation-arrow.svg');
}

.i-arrow-down {
    -webkit-mask-image: url('../fonts/helix-icons/i-arrow-down.svg');
    mask-image: url('../fonts/helix-icons/i-arrow-down.svg');
}

.i-arrow-left {
    -webkit-mask-image: url('../fonts/helix-icons/i-arrow-left.svg');
    mask-image: url('../fonts/helix-icons/i-arrow-left.svg');
}

.i-arrow-left-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-arrow-left-2.svg');
    mask-image: url('../fonts/helix-icons/i-arrow-left-2.svg');
}

.i-arrow-right {
    -webkit-mask-image: url('../fonts/helix-icons/i-arrow-right.svg');
    mask-image: url('../fonts/helix-icons/i-arrow-right.svg');
}

.i-arrow-right-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-arrow-right-2.svg');
    mask-image: url('../fonts/helix-icons/i-arrow-right-2.svg');
}

.i-arrow-swap-vertical {
    -webkit-mask-image: url('../fonts/helix-icons/i-arrow-swap-vertical.svg');
    mask-image: url('../fonts/helix-icons/i-arrow-swap-vertical.svg');
}

.i-arrow-tool {
    -webkit-mask-image: url('../fonts/helix-icons/i-arrow-tool.svg');
    mask-image: url('../fonts/helix-icons/i-arrow-tool.svg');
}

.i-arrow-up {
    -webkit-mask-image: url('../fonts/helix-icons/i-arrow-up.svg');
    mask-image: url('../fonts/helix-icons/i-arrow-up.svg');
}

.i-arrows-horizontal {
    -webkit-mask-image: url('../fonts/helix-icons/i-arrows-horizontal.svg');
    mask-image: url('../fonts/helix-icons/i-arrows-horizontal.svg');
}

.i-arrows-vertical {
    -webkit-mask-image: url('../fonts/helix-icons/i-arrows-vertical.svg');
    mask-image: url('../fonts/helix-icons/i-arrows-vertical.svg');
}

.i-bottom {
    -webkit-mask-image: url('../fonts/helix-icons/i-bottom.svg');
    mask-image: url('../fonts/helix-icons/i-bottom.svg');
}

.i-chevron-down {
    -webkit-mask-image: url('../fonts/helix-icons/i-chevron-down.svg');
    mask-image: url('../fonts/helix-icons/i-chevron-down.svg');
}

.i-chevron-left {
    -webkit-mask-image: url('../fonts/helix-icons/i-chevron-left.svg');
    mask-image: url('../fonts/helix-icons/i-chevron-left.svg');
}

.i-chevron-left-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-chevron-left-2.svg');
    mask-image: url('../fonts/helix-icons/i-chevron-left-2.svg');
}

.i-chevron-right {
    -webkit-mask-image: url('../fonts/helix-icons/i-chevron-right.svg');
    mask-image: url('../fonts/helix-icons/i-chevron-right.svg');
}

.i-chevron-right-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-chevron-right-2.svg');
    mask-image: url('../fonts/helix-icons/i-chevron-right-2.svg');
}

.i-chevron-up {
    -webkit-mask-image: url('../fonts/helix-icons/i-chevron-up.svg');
    mask-image: url('../fonts/helix-icons/i-chevron-up.svg');
}

.i-first {
    -webkit-mask-image: url('../fonts/helix-icons/i-first.svg');
    mask-image: url('../fonts/helix-icons/i-first.svg');
}

.i-fit-page {
    -webkit-mask-image: url('../fonts/helix-icons/i-fit-page.svg');
    mask-image: url('../fonts/helix-icons/i-fit-page.svg');
}

.i-fit-screen {
    -webkit-mask-image: url('../fonts/helix-icons/i-fit-screen.svg');
    mask-image: url('../fonts/helix-icons/i-fit-screen.svg');
}

.i-history {
    -webkit-mask-image: url('../fonts/helix-icons/i-history.svg');
    mask-image: url('../fonts/helix-icons/i-history.svg');
}

.i-last {
    -webkit-mask-image: url('../fonts/helix-icons/i-last.svg');
    mask-image: url('../fonts/helix-icons/i-last.svg');
}

.i-move {
    -webkit-mask-image: url('../fonts/helix-icons/i-move.svg');
    mask-image: url('../fonts/helix-icons/i-move.svg');
}

.i-pointer {
    -webkit-mask-image: url('../fonts/helix-icons/i-pointer.svg');
    mask-image: url('../fonts/helix-icons/i-pointer.svg');
}

.i-process {
    -webkit-mask-image: url('../fonts/helix-icons/i-process.svg');
    mask-image: url('../fonts/helix-icons/i-process.svg');
}

.i-redo {
    -webkit-mask-image: url('../fonts/helix-icons/i-redo.svg');
    mask-image: url('../fonts/helix-icons/i-redo.svg');
}

.i-refresh {
    -webkit-mask-image: url('../fonts/helix-icons/i-refresh.svg');
    mask-image: url('../fonts/helix-icons/i-refresh.svg');
}

.i-reply {
    -webkit-mask-image: url('../fonts/helix-icons/i-reply.svg');
    mask-image: url('../fonts/helix-icons/i-reply.svg');
}

.i-splitter {
    -webkit-mask-image: url('../fonts/helix-icons/i-splitter.svg');
    mask-image: url('../fonts/helix-icons/i-splitter.svg');
}

.i-top {
    -webkit-mask-image: url('../fonts/helix-icons/i-top.svg');
    mask-image: url('../fonts/helix-icons/i-top.svg');
}

.i-undo {
    -webkit-mask-image: url('../fonts/helix-icons/i-undo.svg');
    mask-image: url('../fonts/helix-icons/i-undo.svg');
}

.i-approved {
    -webkit-mask-image: url('../fonts/helix-icons/i-approved.svg');
    mask-image: url('../fonts/helix-icons/i-approved.svg');
}

.i-expand-modal {
    -webkit-mask-image: url('../fonts/helix-icons/i-expand-modal.svg');
    mask-image: url('../fonts/helix-icons/i-expand-modal.svg');
}

.i-expand-toolbar-left {
    -webkit-mask-image: url('../fonts/helix-icons/i-expand-toolbar-left.svg');
    mask-image: url('../fonts/helix-icons/i-expand-toolbar-left.svg');
}

.i-expand-toolbar-right {
    -webkit-mask-image: url('../fonts/helix-icons/i-expand-toolbar-right.svg');
    mask-image: url('../fonts/helix-icons/i-expand-toolbar-right.svg');
}

/* ===== BIOMETRICS ===== */
.i-android-fingerprint {
    -webkit-mask-image: url('../fonts/helix-icons/i-android-fingerprint.svg');
    mask-image: url('../fonts/helix-icons/i-android-fingerprint.svg');
}

.i-apple-face-id {
    -webkit-mask-image: url('../fonts/helix-icons/i-apple-face-id.svg');
    mask-image: url('../fonts/helix-icons/i-apple-face-id.svg');
}

.i-apple-fingerprint {
    -webkit-mask-image: url('../fonts/helix-icons/i-apple-fingerprint.svg');
    mask-image: url('../fonts/helix-icons/i-apple-fingerprint.svg');
}

/* ===== CHARTS & GRAPHS ===== */
.i-bar-chart {
    -webkit-mask-image: url('../fonts/helix-icons/i-bar-chart.svg');
    mask-image: url('../fonts/helix-icons/i-bar-chart.svg');
}

.i-dimension {
    -webkit-mask-image: url('../fonts/helix-icons/i-dimension.svg');
    mask-image: url('../fonts/helix-icons/i-dimension.svg');
}

.i-line-chart {
    -webkit-mask-image: url('../fonts/helix-icons/i-line-chart.svg');
    mask-image: url('../fonts/helix-icons/i-line-chart.svg');
}

.i-pie {
    -webkit-mask-image: url('../fonts/helix-icons/i-pie.svg');
    mask-image: url('../fonts/helix-icons/i-pie.svg');
}

.i-scatter {
    -webkit-mask-image: url('../fonts/helix-icons/i-scatter.svg');
    mask-image: url('../fonts/helix-icons/i-scatter.svg');
}

.i-matrix {
    -webkit-mask-image: url('../fonts/helix-icons/i-matrix.svg');
    mask-image: url('../fonts/helix-icons/i-matrix.svg');
}

/* ===== EDIT ===== */
.i-area-select {
    -webkit-mask-image: url('../fonts/helix-icons/i-area-select.svg');
    mask-image: url('../fonts/helix-icons/i-area-select.svg');
}

.i-blur {
    -webkit-mask-image: url('../fonts/helix-icons/i-blur.svg');
    mask-image: url('../fonts/helix-icons/i-blur.svg');
}

.i-brightness {
    -webkit-mask-image: url('../fonts/helix-icons/i-brightness.svg');
    mask-image: url('../fonts/helix-icons/i-brightness.svg');
}

.i-circle-fill {
    -webkit-mask-image: url('../fonts/helix-icons/i-circle-fill.svg');
    mask-image: url('../fonts/helix-icons/i-circle-fill.svg');
}

.i-circle-outline {
    -webkit-mask-image: url('../fonts/helix-icons/i-circle-outline.svg');
    mask-image: url('../fonts/helix-icons/i-circle-outline.svg');
}

.i-columns {
    -webkit-mask-image: url('../fonts/helix-icons/i-columns.svg');
    mask-image: url('../fonts/helix-icons/i-columns.svg');
}

.i-conjoined-line {
    -webkit-mask-image: url('../fonts/helix-icons/i-conjoined-line.svg');
    mask-image: url('../fonts/helix-icons/i-conjoined-line.svg');
}

.i-contrast {
    -webkit-mask-image: url('../fonts/helix-icons/i-contrast.svg');
    mask-image: url('../fonts/helix-icons/i-contrast.svg');
}

.i-copy {
    -webkit-mask-image: url('../fonts/helix-icons/i-copy.svg');
    mask-image: url('../fonts/helix-icons/i-copy.svg');
}

.i-crop {
    -webkit-mask-image: url('../fonts/helix-icons/i-crop.svg');
    mask-image: url('../fonts/helix-icons/i-crop.svg');
}

.i-cut {
    -webkit-mask-image: url('../fonts/helix-icons/i-cut.svg');
    mask-image: url('../fonts/helix-icons/i-cut.svg');
}

.i-diamond {
    -webkit-mask-image: url('../fonts/helix-icons/i-diamond.svg');
    mask-image: url('../fonts/helix-icons/i-diamond.svg');
}

.i-drag {
    -webkit-mask-image: url('../fonts/helix-icons/i-drag.svg');
    mask-image: url('../fonts/helix-icons/i-drag.svg');
}

.i-dropper {
    -webkit-mask-image: url('../fonts/helix-icons/i-dropper.svg');
    mask-image: url('../fonts/helix-icons/i-dropper.svg');
}

.i-edit-text {
    -webkit-mask-image: url('../fonts/helix-icons/i-edit-text.svg');
    mask-image: url('../fonts/helix-icons/i-edit-text.svg');
}

.i-ellipse {
    -webkit-mask-image: url('../fonts/helix-icons/i-ellipse.svg');
    mask-image: url('../fonts/helix-icons/i-ellipse.svg');
}

.i-eraser {
    -webkit-mask-image: url('../fonts/helix-icons/i-eraser.svg');
    mask-image: url('../fonts/helix-icons/i-eraser.svg');
}

.i-eye {
    -webkit-mask-image: url('../fonts/helix-icons/i-eye.svg');
    mask-image: url('../fonts/helix-icons/i-eye.svg');
}

.i-fill-colour {
    -webkit-mask-image: url('../fonts/helix-icons/i-fill-colour.svg');
    mask-image: url('../fonts/helix-icons/i-fill-colour.svg');
}

.i-flip-horizontal {
    -webkit-mask-image: url('../fonts/helix-icons/i-flip-horizontal.svg');
    mask-image: url('../fonts/helix-icons/i-flip-horizontal.svg');
}

.i-hexagon {
    -webkit-mask-image: url('../fonts/helix-icons/i-hexagon.svg');
    mask-image: url('../fonts/helix-icons/i-hexagon.svg');
}

.i-hue {
    -webkit-mask-image: url('../fonts/helix-icons/i-hue.svg');
    mask-image: url('../fonts/helix-icons/i-hue.svg');
}

.i-insert-text {
    -webkit-mask-image: url('../fonts/helix-icons/i-insert-text.svg');
    mask-image: url('../fonts/helix-icons/i-insert-text.svg');
}

.i-layout-group {
    -webkit-mask-image: url('../fonts/helix-icons/i-layout-group.svg');
    mask-image: url('../fonts/helix-icons/i-layout-group.svg');
}

.i-line-1 {
    -webkit-mask-image: url('../fonts/helix-icons/i-line-1.svg');
    mask-image: url('../fonts/helix-icons/i-line-1.svg');
}

.i-line-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-line-2.svg');
    mask-image: url('../fonts/helix-icons/i-line-2.svg');
}

.i-line-3 {
    -webkit-mask-image: url('../fonts/helix-icons/i-line-3.svg');
    mask-image: url('../fonts/helix-icons/i-line-3.svg');
}

.i-line-4 {
    -webkit-mask-image: url('../fonts/helix-icons/i-line-4.svg');
    mask-image: url('../fonts/helix-icons/i-line-4.svg');
}

.i-line-5 {
    -webkit-mask-image: url('../fonts/helix-icons/i-line-5.svg');
    mask-image: url('../fonts/helix-icons/i-line-5.svg');
}

.i-line-6 {
    -webkit-mask-image: url('../fonts/helix-icons/i-line-6.svg');
    mask-image: url('../fonts/helix-icons/i-line-6.svg');
}

.i-line-7 {
    -webkit-mask-image: url('../fonts/helix-icons/i-line-7.svg');
    mask-image: url('../fonts/helix-icons/i-line-7.svg');
}

.i-line-8 {
    -webkit-mask-image: url('../fonts/helix-icons/i-line-8.svg');
    mask-image: url('../fonts/helix-icons/i-line-8.svg');
}

.i-line-9 {
    -webkit-mask-image: url('../fonts/helix-icons/i-line-9.svg');
    mask-image: url('../fonts/helix-icons/i-line-9.svg');
}

.i-line-diagonal {
    -webkit-mask-image: url('../fonts/helix-icons/i-line-diagonal.svg');
    mask-image: url('../fonts/helix-icons/i-line-diagonal.svg');
}

.i-line-weight {
    -webkit-mask-image: url('../fonts/helix-icons/i-line-weight.svg');
    mask-image: url('../fonts/helix-icons/i-line-weight.svg');
}

.i-marker {
    -webkit-mask-image: url('../fonts/helix-icons/i-marker.svg');
    mask-image: url('../fonts/helix-icons/i-marker.svg');
}

.i-octagon {
    -webkit-mask-image: url('../fonts/helix-icons/i-octagon.svg');
    mask-image: url('../fonts/helix-icons/i-octagon.svg');
}

.i-opacity {
    -webkit-mask-image: url('../fonts/helix-icons/i-opacity.svg');
    mask-image: url('../fonts/helix-icons/i-opacity.svg');
}

.i-order {
    -webkit-mask-image: url('../fonts/helix-icons/i-order.svg');
    mask-image: url('../fonts/helix-icons/i-order.svg');
}

.i-pencil {
    -webkit-mask-image: url('../fonts/helix-icons/i-pencil.svg');
    mask-image: url('../fonts/helix-icons/i-pencil.svg');
}

.i-ratio-16-9 {
    -webkit-mask-image: url('../fonts/helix-icons/i-ratio-16-9.svg');
    mask-image: url('../fonts/helix-icons/i-ratio-16-9.svg');
}

.i-ratio-3-1 {
    -webkit-mask-image: url('../fonts/helix-icons/i-ratio-3-1.svg');
    mask-image: url('../fonts/helix-icons/i-ratio-3-1.svg');
}

.i-ratio-3-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-ratio-3-2.svg');
    mask-image: url('../fonts/helix-icons/i-ratio-3-2.svg');
}

.i-ratio-4-3 {
    -webkit-mask-image: url('../fonts/helix-icons/i-ratio-4-3.svg');
    mask-image: url('../fonts/helix-icons/i-ratio-4-3.svg');
}

.i-ratio-free {
    -webkit-mask-image: url('../fonts/helix-icons/i-ratio-free.svg');
    mask-image: url('../fonts/helix-icons/i-ratio-free.svg');
}

.i-ratio-original {
    -webkit-mask-image: url('../fonts/helix-icons/i-ratio-original.svg');
    mask-image: url('../fonts/helix-icons/i-ratio-original.svg');
}

.i-redact-text {
    -webkit-mask-image: url('../fonts/helix-icons/i-redact-text.svg');
    mask-image: url('../fonts/helix-icons/i-redact-text.svg');
}

.i-rotate-ccw {
    -webkit-mask-image: url('../fonts/helix-icons/i-rotate-ccw.svg');
    mask-image: url('../fonts/helix-icons/i-rotate-ccw.svg');
}

.i-rotate-cw {
    -webkit-mask-image: url('../fonts/helix-icons/i-rotate-cw.svg');
    mask-image: url('../fonts/helix-icons/i-rotate-cw.svg');
}

.i-rotate-page-left {
    -webkit-mask-image: url('../fonts/helix-icons/i-rotate-page-left.svg');
    mask-image: url('../fonts/helix-icons/i-rotate-page-left.svg');
}

.i-rotate-page-right {
    -webkit-mask-image: url('../fonts/helix-icons/i-rotate-page-right.svg');
    mask-image: url('../fonts/helix-icons/i-rotate-page-right.svg');
}

.i-saturation {
    -webkit-mask-image: url('../fonts/helix-icons/i-saturation.svg');
    mask-image: url('../fonts/helix-icons/i-saturation.svg');
}

.i-shapes {
    -webkit-mask-image: url('../fonts/helix-icons/i-shapes.svg');
    mask-image: url('../fonts/helix-icons/i-shapes.svg');
}

.i-signature {
    -webkit-mask-image: url('../fonts/helix-icons/i-signature.svg');
    mask-image: url('../fonts/helix-icons/i-signature.svg');
}

.i-square-fill {
    -webkit-mask-image: url('../fonts/helix-icons/i-square-fill.svg');
    mask-image: url('../fonts/helix-icons/i-square-fill.svg');
}

.i-square-outline {
    -webkit-mask-image: url('../fonts/helix-icons/i-square-outline.svg');
    mask-image: url('../fonts/helix-icons/i-square-outline.svg');
}

.i-squiggle {
    -webkit-mask-image: url('../fonts/helix-icons/i-squiggle.svg');
    mask-image: url('../fonts/helix-icons/i-squiggle.svg');
}

.i-stack-row {
    -webkit-mask-image: url('../fonts/helix-icons/i-stack-row.svg');
    mask-image: url('../fonts/helix-icons/i-stack-row.svg');
}

.i-text {
    -webkit-mask-image: url('../fonts/helix-icons/i-text.svg');
    mask-image: url('../fonts/helix-icons/i-text.svg');
}

.i-tree-chart {
    -webkit-mask-image: url('../fonts/helix-icons/i-tree-chart.svg');
    mask-image: url('../fonts/helix-icons/i-tree-chart.svg');
}

.i-triangle-fill {
    -webkit-mask-image: url('../fonts/helix-icons/i-triangle-fill.svg');
    mask-image: url('../fonts/helix-icons/i-triangle-fill.svg');
}

.i-triangle-outline {
    -webkit-mask-image: url('../fonts/helix-icons/i-triangle-outline.svg');
    mask-image: url('../fonts/helix-icons/i-triangle-outline.svg');
}

.i-triangle-side {
    -webkit-mask-image: url('../fonts/helix-icons/i-triangle-side.svg');
    mask-image: url('../fonts/helix-icons/i-triangle-side.svg');
}

.i-view {
    -webkit-mask-image: url('../fonts/helix-icons/i-view.svg');
    mask-image: url('../fonts/helix-icons/i-view.svg');
}

/* ===== FILE ===== */
.i-box {
    -webkit-mask-image: url('../fonts/helix-icons/i-box.svg');
    mask-image: url('../fonts/helix-icons/i-box.svg');
}

.i-broken-page {
    -webkit-mask-image: url('../fonts/helix-icons/i-broken-page.svg');
    mask-image: url('../fonts/helix-icons/i-broken-page.svg');
}

.i-certificate {
    -webkit-mask-image: url('../fonts/helix-icons/i-certificate.svg');
    mask-image: url('../fonts/helix-icons/i-certificate.svg');
}

.i-checkboard {
    -webkit-mask-image: url('../fonts/helix-icons/i-checkboard.svg');
    mask-image: url('../fonts/helix-icons/i-checkboard.svg');
}

.i-clipboard {
    -webkit-mask-image: url('../fonts/helix-icons/i-clipboard.svg');
    mask-image: url('../fonts/helix-icons/i-clipboard.svg');
}

.i-clipboard-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-clipboard-2.svg');
    mask-image: url('../fonts/helix-icons/i-clipboard-2.svg');
}

.i-document-alert {
    -webkit-mask-image: url('../fonts/helix-icons/i-document-alert.svg');
    mask-image: url('../fonts/helix-icons/i-document-alert.svg');
}

.i-file-empty {
    -webkit-mask-image: url('../fonts/helix-icons/i-file-empty.svg');
    mask-image: url('../fonts/helix-icons/i-file-empty.svg');
}

.i-file-text {
    -webkit-mask-image: url('../fonts/helix-icons/i-file-text.svg');
    mask-image: url('../fonts/helix-icons/i-file-text.svg');
}

.i-folder {
    -webkit-mask-image: url('../fonts/helix-icons/i-folder.svg');
    mask-image: url('../fonts/helix-icons/i-folder.svg');
}

.i-folder-locked {
    -webkit-mask-image: url('../fonts/helix-icons/i-folder-locked.svg');
    mask-image: url('../fonts/helix-icons/i-folder-locked.svg');
}

.i-folder-offline {
    -webkit-mask-image: url('../fonts/helix-icons/i-folder-offline.svg');
    mask-image: url('../fonts/helix-icons/i-folder-offline.svg');
}

.i-pages-light {
    -webkit-mask-image: url('../fonts/helix-icons/i-pages-light.svg');
    mask-image: url('../fonts/helix-icons/i-pages-light.svg');
}

.i-pages-stack {
    -webkit-mask-image: url('../fonts/helix-icons/i-pages-stack.svg');
    mask-image: url('../fonts/helix-icons/i-pages-stack.svg');
}

.i-pdf {
    -webkit-mask-image: url('../fonts/helix-icons/i-pdf.svg');
    mask-image: url('../fonts/helix-icons/i-pdf.svg');
}

.i-pdf-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-pdf-2.svg');
    mask-image: url('../fonts/helix-icons/i-pdf-2.svg');
}

.i-publish {
    -webkit-mask-image: url('../fonts/helix-icons/i-publish.svg');
    mask-image: url('../fonts/helix-icons/i-publish.svg');
}

.i-publish-readonly {
    -webkit-mask-image: url('../fonts/helix-icons/i-publish-readonly.svg');
    mask-image: url('../fonts/helix-icons/i-publish-readonly.svg');
}

.i-redact-page {
    -webkit-mask-image: url('../fonts/helix-icons/i-redact-page.svg');
    mask-image: url('../fonts/helix-icons/i-redact-page.svg');
}

.i-unknown {
    -webkit-mask-image: url('../fonts/helix-icons/i-unknown.svg');
    mask-image: url('../fonts/helix-icons/i-unknown.svg');
}

.i-xl {
    -webkit-mask-image: url('../fonts/helix-icons/i-xl.svg');
    mask-image: url('../fonts/helix-icons/i-xl.svg');
}

.i-file-email {
    -webkit-mask-image: url('../fonts/helix-icons/i-file-email.svg');
    mask-image: url('../fonts/helix-icons/i-file-email.svg');
}

.i-add-record {
    -webkit-mask-image: url('../fonts/helix-icons/i-add-record.svg');
    mask-image: url('../fonts/helix-icons/i-add-record.svg');
}

.i-book {
    -webkit-mask-image: url('../fonts/helix-icons/i-book.svg');
    mask-image: url('../fonts/helix-icons/i-book.svg');
}

.i-docx {
    -webkit-mask-image: url('../fonts/helix-icons/i-docx.svg');
    mask-image: url('../fonts/helix-icons/i-docx.svg');
}

.i-download-file {
    -webkit-mask-image: url('../fonts/helix-icons/i-download-file.svg');
    mask-image: url('../fonts/helix-icons/i-download-file.svg');
}

.i-file-approved {
    -webkit-mask-image: url('../fonts/helix-icons/i-file-approved.svg');
    mask-image: url('../fonts/helix-icons/i-file-approved.svg');
}

.i-file-edit {
    -webkit-mask-image: url('../fonts/helix-icons/i-file-edit.svg');
    mask-image: url('../fonts/helix-icons/i-file-edit.svg');
}

.i-file-negative {
    -webkit-mask-image: url('../fonts/helix-icons/i-file-negative.svg');
    mask-image: url('../fonts/helix-icons/i-file-negative.svg');
}

.i-file-positive {
    -webkit-mask-image: url('../fonts/helix-icons/i-file-positive.svg');
    mask-image: url('../fonts/helix-icons/i-file-positive.svg');
}

.i-global-file {
    -webkit-mask-image: url('../fonts/helix-icons/i-global-file.svg');
    mask-image: url('../fonts/helix-icons/i-global-file.svg');
}

.i-jpg {
    -webkit-mask-image: url('../fonts/helix-icons/i-jpg.svg');
    mask-image: url('../fonts/helix-icons/i-jpg.svg');
}

.i-library-clipboard {
    -webkit-mask-image: url('../fonts/helix-icons/i-library-clipboard.svg');
    mask-image: url('../fonts/helix-icons/i-library-clipboard.svg');
}

.i-library-list {
    -webkit-mask-image: url('../fonts/helix-icons/i-library-list.svg');
    mask-image: url('../fonts/helix-icons/i-library-list.svg');
}

.i-link-record {
    -webkit-mask-image: url('../fonts/helix-icons/i-link-record.svg');
    mask-image: url('../fonts/helix-icons/i-link-record.svg');
}

.i-locked-file {
    -webkit-mask-image: url('../fonts/helix-icons/i-locked-file.svg');
    mask-image: url('../fonts/helix-icons/i-locked-file.svg');
}

.i-master-file {
    -webkit-mask-image: url('../fonts/helix-icons/i-master-file.svg');
    mask-image: url('../fonts/helix-icons/i-master-file.svg');
}

.i-png {
    -webkit-mask-image: url('../fonts/helix-icons/i-png.svg');
    mask-image: url('../fonts/helix-icons/i-png.svg');
}

.i-ppt {
    -webkit-mask-image: url('../fonts/helix-icons/i-ppt.svg');
    mask-image: url('../fonts/helix-icons/i-ppt.svg');
}

.i-pptx {
    -webkit-mask-image: url('../fonts/helix-icons/i-pptx.svg');
    mask-image: url('../fonts/helix-icons/i-pptx.svg');
}

.i-start-file {
    -webkit-mask-image: url('../fonts/helix-icons/i-start-file.svg');
    mask-image: url('../fonts/helix-icons/i-start-file.svg');
}

.i-txt {
    -webkit-mask-image: url('../fonts/helix-icons/i-txt.svg');
    mask-image: url('../fonts/helix-icons/i-txt.svg');
}

.i-xls {
    -webkit-mask-image: url('../fonts/helix-icons/i-xls.svg');
    mask-image: url('../fonts/helix-icons/i-xls.svg');
}

.i-xlsx {
    -webkit-mask-image: url('../fonts/helix-icons/i-xlsx.svg');
    mask-image: url('../fonts/helix-icons/i-xlsx.svg');
}

.i-zip {
    -webkit-mask-image: url('../fonts/helix-icons/i-zip.svg');
    mask-image: url('../fonts/helix-icons/i-zip.svg');
}

.i-audit-planning {
    -webkit-mask-image: url('../fonts/helix-icons/i-audit-planning.svg');
    mask-image: url('../fonts/helix-icons/i-audit-planning.svg');
}

.i-audit-types {
    -webkit-mask-image: url('../fonts/helix-icons/i-audit-types.svg');
    mask-image: url('../fonts/helix-icons/i-audit-types.svg');
}

.i-file-executed {
    -webkit-mask-image: url('../fonts/helix-icons/i-file-executed.svg');
    mask-image: url('../fonts/helix-icons/i-file-executed.svg');
}

.i-file-open {
    -webkit-mask-image: url('../fonts/helix-icons/i-file-open.svg');
    mask-image: url('../fonts/helix-icons/i-file-open.svg');
}

.i-group-questionaire {
    -webkit-mask-image: url('../fonts/helix-icons/i-group-questionaire.svg');
    mask-image: url('../fonts/helix-icons/i-group-questionaire.svg');
}

.i-new-questionaire {
    -webkit-mask-image: url('../fonts/helix-icons/i-new-questionaire.svg');
    mask-image: url('../fonts/helix-icons/i-new-questionaire.svg');
}

.i-questionaire {
    -webkit-mask-image: url('../fonts/helix-icons/i-questionaire.svg');
    mask-image: url('../fonts/helix-icons/i-questionaire.svg');
}

.i-review-points {
    -webkit-mask-image: url('../fonts/helix-icons/i-review-points.svg');
    mask-image: url('../fonts/helix-icons/i-review-points.svg');
}

/* ===== HAND ===== */
.i-finger {
    -webkit-mask-image: url('../fonts/helix-icons/i-finger.svg');
    mask-image: url('../fonts/helix-icons/i-finger.svg');
}

.i-hand {
    -webkit-mask-image: url('../fonts/helix-icons/i-hand.svg');
    mask-image: url('../fonts/helix-icons/i-hand.svg');
}

.i-thumb-down {
    -webkit-mask-image: url('../fonts/helix-icons/i-thumb-down.svg');
    mask-image: url('../fonts/helix-icons/i-thumb-down.svg');
}

.i-thumb-up {
    -webkit-mask-image: url('../fonts/helix-icons/i-thumb-up.svg');
    mask-image: url('../fonts/helix-icons/i-thumb-up.svg');
}

.i-thumb-down-fill {
    -webkit-mask-image: url('../fonts/helix-icons/i-thumb-down-fill.svg');
    mask-image: url('../fonts/helix-icons/i-thumb-down-fill.svg');
}

.i-thumb-up-fill {
    -webkit-mask-image: url('../fonts/helix-icons/i-thumb-up-fill.svg');
    mask-image: url('../fonts/helix-icons/i-thumb-up-fill.svg');
}

/* ===== INPUT ===== */
.i-calendar {
    -webkit-mask-image: url('../fonts/helix-icons/i-calendar.svg');
    mask-image: url('../fonts/helix-icons/i-calendar.svg');
}

.i-calendar-time {
    -webkit-mask-image: url('../fonts/helix-icons/i-calendar-time.svg');
    mask-image: url('../fonts/helix-icons/i-calendar-time.svg');
}

.i-calendar-day {
    -webkit-mask-image: url('../fonts/helix-icons/i-calendar-day.svg');
    mask-image: url('../fonts/helix-icons/i-calendar-day.svg');
}

.i-calendar-year {
    -webkit-mask-image: url('../fonts/helix-icons/i-calendar-year.svg');
    mask-image: url('../fonts/helix-icons/i-calendar-year.svg');
}

.i-checkbox {
    -webkit-mask-image: url('../fonts/helix-icons/i-checkbox.svg');
    mask-image: url('../fonts/helix-icons/i-checkbox.svg');
}

.i-clock {
    -webkit-mask-image: url('../fonts/helix-icons/i-clock.svg');
    mask-image: url('../fonts/helix-icons/i-clock.svg');
}

.i-code {
    -webkit-mask-image: url('../fonts/helix-icons/i-code.svg');
    mask-image: url('../fonts/helix-icons/i-code.svg');
}

.i-link {
    -webkit-mask-image: url('../fonts/helix-icons/i-link.svg');
    mask-image: url('../fonts/helix-icons/i-link.svg');
}

.i-link-break {
    -webkit-mask-image: url('../fonts/helix-icons/i-link-break.svg');
    mask-image: url('../fonts/helix-icons/i-link-break.svg');
}

.i-location {
    -webkit-mask-image: url('../fonts/helix-icons/i-location.svg');
    mask-image: url('../fonts/helix-icons/i-location.svg');
}

.i-location-3 {
    -webkit-mask-image: url('../fonts/helix-icons/i-location-3.svg');
    mask-image: url('../fonts/helix-icons/i-location-3.svg');
}

.i-microphone {
    -webkit-mask-image: url('../fonts/helix-icons/i-microphone.svg');
    mask-image: url('../fonts/helix-icons/i-microphone.svg');
}

.i-nominate-booking {
    -webkit-mask-image: url('../fonts/helix-icons/i-nominate-booking.svg');
    mask-image: url('../fonts/helix-icons/i-nominate-booking.svg');
}

.i-paperclip {
    -webkit-mask-image: url('../fonts/helix-icons/i-paperclip.svg');
    mask-image: url('../fonts/helix-icons/i-paperclip.svg');
}

.i-radio {
    -webkit-mask-image: url('../fonts/helix-icons/i-radio.svg');
    mask-image: url('../fonts/helix-icons/i-radio.svg');
}

.i-volume-low {
    -webkit-mask-image: url('../fonts/helix-icons/i-volume-low.svg');
    mask-image: url('../fonts/helix-icons/i-volume-low.svg');
}

.i-volume-max {
    -webkit-mask-image: url('../fonts/helix-icons/i-volume-max.svg');
    mask-image: url('../fonts/helix-icons/i-volume-max.svg');
}

.i-volume-mute {
    -webkit-mask-image: url('../fonts/helix-icons/i-volume-mute.svg');
    mask-image: url('../fonts/helix-icons/i-volume-mute.svg');
}

.i-programs {
    -webkit-mask-image: url('../fonts/helix-icons/i-programs.svg');
    mask-image: url('../fonts/helix-icons/i-programs.svg');
}

.i-trail {
    -webkit-mask-image: url('../fonts/helix-icons/i-trail.svg');
    mask-image: url('../fonts/helix-icons/i-trail.svg');
}

/* ===== MODULES ===== */
.i-consequence {
    -webkit-mask-image: url('../fonts/helix-icons/i-consequence.svg');
    mask-image: url('../fonts/helix-icons/i-consequence.svg');
}

.i-control {
    -webkit-mask-image: url('../fonts/helix-icons/i-control.svg');
    mask-image: url('../fonts/helix-icons/i-control.svg');
}

.i-dashboard {
    -webkit-mask-image: url('../fonts/helix-icons/i-dashboard.svg');
    mask-image: url('../fonts/helix-icons/i-dashboard.svg');
}

.i-entity {
    -webkit-mask-image: url('../fonts/helix-icons/i-entity.svg');
    mask-image: url('../fonts/helix-icons/i-entity.svg');
}

.i-home {
    -webkit-mask-image: url('../fonts/helix-icons/i-home.svg');
    mask-image: url('../fonts/helix-icons/i-home.svg');
}

.i-ideagen-colour {
    -webkit-mask-image: url('../fonts/helix-icons/i-ideagen-colour.svg');
    mask-image: url('../fonts/helix-icons/i-ideagen-colour.svg');
}

.i-ideagen-monochrome {
    -webkit-mask-image: url('../fonts/helix-icons/i-ideagen-monochrome.svg');
    mask-image: url('../fonts/helix-icons/i-ideagen-monochrome.svg');
}

.i-products {
    -webkit-mask-image: url('../fonts/helix-icons/i-products.svg');
    mask-image: url('../fonts/helix-icons/i-products.svg');
}

.i-report {
    -webkit-mask-image: url('../fonts/helix-icons/i-report.svg');
    mask-image: url('../fonts/helix-icons/i-report.svg');
}

.i-scope {
    -webkit-mask-image: url('../fonts/helix-icons/i-scope.svg');
    mask-image: url('../fonts/helix-icons/i-scope.svg');
}

.i-timeline {
    -webkit-mask-image: url('../fonts/helix-icons/i-timeline.svg');
    mask-image: url('../fonts/helix-icons/i-timeline.svg');
}

.i-risk {
    -webkit-mask-image: url('../fonts/helix-icons/i-risk.svg');
    mask-image: url('../fonts/helix-icons/i-risk.svg');
}

.i-reviews {
    -webkit-mask-image: url('../fonts/helix-icons/i-reviews.svg');
    mask-image: url('../fonts/helix-icons/i-reviews.svg');
}

/* ===== SETTINGS ===== */
.i-cog {
    -webkit-mask-image: url('../fonts/helix-icons/i-cog.svg');
    mask-image: url('../fonts/helix-icons/i-cog.svg');
}

.i-filter {
    -webkit-mask-image: url('../fonts/helix-icons/i-filter.svg');
    mask-image: url('../fonts/helix-icons/i-filter.svg');
}

.i-filter-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-filter-2.svg');
    mask-image: url('../fonts/helix-icons/i-filter-2.svg');
}

.i-filter-active {
    -webkit-mask-image: url('../fonts/helix-icons/i-filter-active.svg');
    mask-image: url('../fonts/helix-icons/i-filter-active.svg');
}

.i-hamburger {
    -webkit-mask-image: url('../fonts/helix-icons/i-hamburger.svg');
    mask-image: url('../fonts/helix-icons/i-hamburger.svg');
}

.i-lock {
    -webkit-mask-image: url('../fonts/helix-icons/i-lock.svg');
    mask-image: url('../fonts/helix-icons/i-lock.svg');
}

.i-login {
    -webkit-mask-image: url('../fonts/helix-icons/i-login.svg');
    mask-image: url('../fonts/helix-icons/i-login.svg');
}

.i-logout {
    -webkit-mask-image: url('../fonts/helix-icons/i-logout.svg');
    mask-image: url('../fonts/helix-icons/i-logout.svg');
}

.i-offline {
    -webkit-mask-image: url('../fonts/helix-icons/i-offline.svg');
    mask-image: url('../fonts/helix-icons/i-offline.svg');
}

.i-online {
    -webkit-mask-image: url('../fonts/helix-icons/i-online.svg');
    mask-image: url('../fonts/helix-icons/i-online.svg');
}

.i-preferences {
    -webkit-mask-image: url('../fonts/helix-icons/i-preferences.svg');
    mask-image: url('../fonts/helix-icons/i-preferences.svg');
}

.i-preferences-horizontal {
    -webkit-mask-image: url('../fonts/helix-icons/i-preferences-horizontal.svg');
    mask-image: url('../fonts/helix-icons/i-preferences-horizontal.svg');
}

.i-system-settings {
    -webkit-mask-image: url('../fonts/helix-icons/i-system-settings.svg');
    mask-image: url('../fonts/helix-icons/i-system-settings.svg');
}

.i-unlock {
    -webkit-mask-image: url('../fonts/helix-icons/i-unlock.svg');
    mask-image: url('../fonts/helix-icons/i-unlock.svg');
}

/* ===== SOCIAL MEDIA ===== */
.i-camera {
    -webkit-mask-image: url('../fonts/helix-icons/i-camera.svg');
    mask-image: url('../fonts/helix-icons/i-camera.svg');
}

.i-chat {
    -webkit-mask-image: url('../fonts/helix-icons/i-chat.svg');
    mask-image: url('../fonts/helix-icons/i-chat.svg');
}

.i-comment {
    -webkit-mask-image: url('../fonts/helix-icons/i-comment.svg');
    mask-image: url('../fonts/helix-icons/i-comment.svg');
}

.i-facebook {
    -webkit-mask-image: url('../fonts/helix-icons/i-facebook.svg');
    mask-image: url('../fonts/helix-icons/i-facebook.svg');
}

.i-facebook-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-facebook-2.svg');
    mask-image: url('../fonts/helix-icons/i-facebook-2.svg');
}

.i-image {
    -webkit-mask-image: url('../fonts/helix-icons/i-image.svg');
    mask-image: url('../fonts/helix-icons/i-image.svg');
}

.i-linkedin {
    -webkit-mask-image: url('../fonts/helix-icons/i-linkedin.svg');
    mask-image: url('../fonts/helix-icons/i-linkedin.svg');
}

.i-linkedin-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-linkedin-2.svg');
    mask-image: url('../fonts/helix-icons/i-linkedin-2.svg');
}

.i-mail {
    -webkit-mask-image: url('../fonts/helix-icons/i-mail.svg');
    mask-image: url('../fonts/helix-icons/i-mail.svg');
}

.i-mail-closed {
    -webkit-mask-image: url('../fonts/helix-icons/i-mail-closed.svg');
    mask-image: url('../fonts/helix-icons/i-mail-closed.svg');
}

.i-phone {
    -webkit-mask-image: url('../fonts/helix-icons/i-phone.svg');
    mask-image: url('../fonts/helix-icons/i-phone.svg');
}

.i-twitter {
    -webkit-mask-image: url('../fonts/helix-icons/i-twitter.svg');
    mask-image: url('../fonts/helix-icons/i-twitter.svg');
}

.i-twitter-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-twitter-2.svg');
    mask-image: url('../fonts/helix-icons/i-twitter-2.svg');
}

.i-video {
    -webkit-mask-image: url('../fonts/helix-icons/i-video.svg');
    mask-image: url('../fonts/helix-icons/i-video.svg');
}

.i-video-camera {
    -webkit-mask-image: url('../fonts/helix-icons/i-video-camera.svg');
    mask-image: url('../fonts/helix-icons/i-video-camera.svg');
}

.i-web {
    -webkit-mask-image: url('../fonts/helix-icons/i-web.svg');
    mask-image: url('../fonts/helix-icons/i-web.svg');
}

.i-youtube {
    -webkit-mask-image: url('../fonts/helix-icons/i-youtube.svg');
    mask-image: url('../fonts/helix-icons/i-youtube.svg');
}

.i-platform-desktop {
    -webkit-mask-image: url('../fonts/helix-icons/i-platform-desktop.svg');
    mask-image: url('../fonts/helix-icons/i-platform-desktop.svg');
}

.i-platform-mobile {
    -webkit-mask-image: url('../fonts/helix-icons/i-platform-mobile.svg');
    mask-image: url('../fonts/helix-icons/i-platform-mobile.svg');
}

.i-platform-web {
    -webkit-mask-image: url('../fonts/helix-icons/i-platform-web.svg');
    mask-image: url('../fonts/helix-icons/i-platform-web.svg');
}

/* ===== USER ===== */
.i-user {
    -webkit-mask-image: url('../fonts/helix-icons/i-user.svg');
    mask-image: url('../fonts/helix-icons/i-user.svg');
}

.i-user-3 {
    -webkit-mask-image: url('../fonts/helix-icons/i-user-3.svg');
    mask-image: url('../fonts/helix-icons/i-user-3.svg');
}

.i-user-folder {
    -webkit-mask-image: url('../fonts/helix-icons/i-user-folder.svg');
    mask-image: url('../fonts/helix-icons/i-user-folder.svg');
}

.i-user-student {
    -webkit-mask-image: url('../fonts/helix-icons/i-user-student.svg');
    mask-image: url('../fonts/helix-icons/i-user-student.svg');
}

.i-user-time {
    -webkit-mask-image: url('../fonts/helix-icons/i-user-time.svg');
    mask-image: url('../fonts/helix-icons/i-user-time.svg');
}

.i-users {
    -webkit-mask-image: url('../fonts/helix-icons/i-users.svg');
    mask-image: url('../fonts/helix-icons/i-users.svg');
}

.i-users-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-users-2.svg');
    mask-image: url('../fonts/helix-icons/i-users-2.svg');
}

.i-lite-user {
    -webkit-mask-image: url('../fonts/helix-icons/i-lite-user.svg');
    mask-image: url('../fonts/helix-icons/i-lite-user.svg');
}

.i-personal-contact {
    -webkit-mask-image: url('../fonts/helix-icons/i-personal-contact.svg');
    mask-image: url('../fonts/helix-icons/i-personal-contact.svg');
}

/* ===== TEXT FORMATTING ===== */
.i-text-align-bold {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-align-bold.svg');
    mask-image: url('../fonts/helix-icons/i-text-align-bold.svg');
}

.i-text-align-centre {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-align-centre.svg');
    mask-image: url('../fonts/helix-icons/i-text-align-centre.svg');
}

.i-text-align-indent {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-align-indent.svg');
    mask-image: url('../fonts/helix-icons/i-text-align-indent.svg');
}

.i-text-align-italic {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-align-italic.svg');
    mask-image: url('../fonts/helix-icons/i-text-align-italic.svg');
}

.i-text-align-justify {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-align-justify.svg');
    mask-image: url('../fonts/helix-icons/i-text-align-justify.svg');
}

.i-text-align-left {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-align-left.svg');
    mask-image: url('../fonts/helix-icons/i-text-align-left.svg');
}

.i-text-align-outdent {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-align-outdent.svg');
    mask-image: url('../fonts/helix-icons/i-text-align-outdent.svg');
}

.i-text-align-right {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-align-right.svg');
    mask-image: url('../fonts/helix-icons/i-text-align-right.svg');
}

.i-text-align-underline {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-align-underline.svg');
    mask-image: url('../fonts/helix-icons/i-text-align-underline.svg');
}

.i-text-colour {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-colour.svg');
    mask-image: url('../fonts/helix-icons/i-text-colour.svg');
}

.i-text-font {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-font.svg');
    mask-image: url('../fonts/helix-icons/i-text-font.svg');
}

.i-text-glyphs {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-glyphs.svg');
    mask-image: url('../fonts/helix-icons/i-text-glyphs.svg');
}

.i-text-select {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-select.svg');
    mask-image: url('../fonts/helix-icons/i-text-select.svg');
}

.i-text-size {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-size.svg');
    mask-image: url('../fonts/helix-icons/i-text-size.svg');
}

.i-text-strikethrough {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-strikethrough.svg');
    mask-image: url('../fonts/helix-icons/i-text-strikethrough.svg');
}

.i-text-subscript {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-subscript.svg');
    mask-image: url('../fonts/helix-icons/i-text-subscript.svg');
}

.i-text-superscript {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-superscript.svg');
    mask-image: url('../fonts/helix-icons/i-text-superscript.svg');
}

.i-text-title {
    -webkit-mask-image: url('../fonts/helix-icons/i-text-title.svg');
    mask-image: url('../fonts/helix-icons/i-text-title.svg');
}

/* ===== MISCELLANEOUS ===== */
.i-ascending {
    -webkit-mask-image: url('../fonts/helix-icons/i-ascending.svg');
    mask-image: url('../fonts/helix-icons/i-ascending.svg');
}

.i-descending {
    -webkit-mask-image: url('../fonts/helix-icons/i-descending.svg');
    mask-image: url('../fonts/helix-icons/i-descending.svg');
}

.i-asterisk {
    -webkit-mask-image: url('../fonts/helix-icons/i-asterisk.svg');
    mask-image: url('../fonts/helix-icons/i-asterisk.svg');
}

.i-bullet {
    -webkit-mask-image: url('../fonts/helix-icons/i-bullet.svg');
    mask-image: url('../fonts/helix-icons/i-bullet.svg');
}

.i-dash {
    -webkit-mask-image: url('../fonts/helix-icons/i-dash.svg');
    mask-image: url('../fonts/helix-icons/i-dash.svg');
}

.i-formula {
    -webkit-mask-image: url('../fonts/helix-icons/i-formula.svg');
    mask-image: url('../fonts/helix-icons/i-formula.svg');
}

.i-list {
    -webkit-mask-image: url('../fonts/helix-icons/i-list.svg');
    mask-image: url('../fonts/helix-icons/i-list.svg');
}

.i-list-locked {
    -webkit-mask-image: url('../fonts/helix-icons/i-list-locked.svg');
    mask-image: url('../fonts/helix-icons/i-list-locked.svg');
}

.i-list-numerical {
    -webkit-mask-image: url('../fonts/helix-icons/i-list-numerical.svg');
    mask-image: url('../fonts/helix-icons/i-list-numerical.svg');
}

.i-money {
    -webkit-mask-image: url('../fonts/helix-icons/i-money.svg');
    mask-image: url('../fonts/helix-icons/i-money.svg');
}

.i-numbers {
    -webkit-mask-image: url('../fonts/helix-icons/i-numbers.svg');
    mask-image: url('../fonts/helix-icons/i-numbers.svg');
}

.i-place-bottom {
    -webkit-mask-image: url('../fonts/helix-icons/i-place-bottom.svg');
    mask-image: url('../fonts/helix-icons/i-place-bottom.svg');
}

.i-place-middle {
    -webkit-mask-image: url('../fonts/helix-icons/i-place-middle.svg');
    mask-image: url('../fonts/helix-icons/i-place-middle.svg');
}

.i-place-top {
    -webkit-mask-image: url('../fonts/helix-icons/i-place-top.svg');
    mask-image: url('../fonts/helix-icons/i-place-top.svg');
}

.i-quote-closed {
    -webkit-mask-image: url('../fonts/helix-icons/i-quote-closed.svg');
    mask-image: url('../fonts/helix-icons/i-quote-closed.svg');
}

.i-quote-open {
    -webkit-mask-image: url('../fonts/helix-icons/i-quote-open.svg');
    mask-image: url('../fonts/helix-icons/i-quote-open.svg');
}

.i-stack-four {
    -webkit-mask-image: url('../fonts/helix-icons/i-stack-four.svg');
    mask-image: url('../fonts/helix-icons/i-stack-four.svg');
}

.i-stack-two {
    -webkit-mask-image: url('../fonts/helix-icons/i-stack-two.svg');
    mask-image: url('../fonts/helix-icons/i-stack-two.svg');
}

.i-star-fill {
    -webkit-mask-image: url('../fonts/helix-icons/i-star-fill.svg');
    mask-image: url('../fonts/helix-icons/i-star-fill.svg');
}

.i-star-outline {
    -webkit-mask-image: url('../fonts/helix-icons/i-star-outline.svg');
    mask-image: url('../fonts/helix-icons/i-star-outline.svg');
}

.i-sum {
    -webkit-mask-image: url('../fonts/helix-icons/i-sum.svg');
    mask-image: url('../fonts/helix-icons/i-sum.svg');
}

/* ===== TABLE ===== */
.i-table-add-column-left {
    -webkit-mask-image: url('../fonts/helix-icons/i-table-add-column-left.svg');
    mask-image: url('../fonts/helix-icons/i-table-add-column-left.svg');
}

.i-table-add-column-right {
    -webkit-mask-image: url('../fonts/helix-icons/i-table-add-column-right.svg');
    mask-image: url('../fonts/helix-icons/i-table-add-column-right.svg');
}

.i-table-add-row-bottom {
    -webkit-mask-image: url('../fonts/helix-icons/i-table-add-row-bottom.svg');
    mask-image: url('../fonts/helix-icons/i-table-add-row-bottom.svg');
}

.i-table-add-row-top {
    -webkit-mask-image: url('../fonts/helix-icons/i-table-add-row-top.svg');
    mask-image: url('../fonts/helix-icons/i-table-add-row-top.svg');
}

.i-table-delete-column {
    -webkit-mask-image: url('../fonts/helix-icons/i-table-delete-column.svg');
    mask-image: url('../fonts/helix-icons/i-table-delete-column.svg');
}

.i-table-delete-row {
    -webkit-mask-image: url('../fonts/helix-icons/i-table-delete-row.svg');
    mask-image: url('../fonts/helix-icons/i-table-delete-row.svg');
}

/* ===== MARKETPLACE ===== */
.i-marketplace {
    -webkit-mask-image: url('../fonts/helix-icons/i-marketplace.svg');
    mask-image: url('../fonts/helix-icons/i-marketplace.svg');
}

.i-risk-object {
    -webkit-mask-image: url('../fonts/helix-icons/i-risk-object.svg');
    mask-image: url('../fonts/helix-icons/i-risk-object.svg');
}

/* ===== REMAINING ICONS ===== */
.i-location-2 {
    -webkit-mask-image: url('../fonts/helix-icons/i-location-2.svg');
    mask-image: url('../fonts/helix-icons/i-location-2.svg');
}

/* ==========================================================================
   HELIX ICON ALIGNMENT RULES
   ========================================================================== */

/* Base icon vertical alignment */
.helix-icon {
    vertical-align: middle;
}

/* Icon in buttons - centered */
.btn .helix-icon {
    vertical-align: middle;
    margin-top: 0;
}

/* Icon in table cells */
.table td .helix-icon,
.table th .helix-icon {
    vertical-align: middle;
}

/* Icon in dropdowns */
.dropdown-menu .helix-icon {
    vertical-align: middle;
    margin-right: 8px;
}

/* Icon in nav items */
.nav .helix-icon {
    vertical-align: middle;
}

/* Icon in alerts */
.alert .helix-icon {
    vertical-align: top;
    margin-top: 2px;
}

/* Icon in badges/labels */
.badge .helix-icon,
.label .helix-icon {
    vertical-align: middle;
    margin-right: 4px;
}

/* Icon in list items */
.list-group-item .helix-icon {
    vertical-align: middle;
    margin-right: 8px;
}

/* Icon in input groups */
.input-group-addon .helix-icon,
.input-group-btn .helix-icon {
    vertical-align: middle;
}


/* Extra small icon size */
.helix-icon.icon-xs {
    width: 12px;
    height: 12px;
}