@font-face {
    font-family: 'icomoon';
    src: url('../fonts/icomoon.eot?lcghwc');
    src: url('../fonts/icomoon.eot?lcghwc#iefix') format('embedded-opentype'),
        url('../fonts/icomoon.ttf?lcghwc') format('truetype'),
        url('../fonts/icomoon.woff?lcghwc') format('woff'),
        url('../fonts/icomoon.svg?lcghwc#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^='icon-'],
[class*=' icon-'] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-alert-triangle:before {
    content: '\e900';
}
.icon-check-circle:before {
    content: '\e901';
}
.icon-check:before {
    content: '\e908';
}
.icon-clock:before {
    content: '\e902';
}
.icon-plus:before {
    content: '\e904';
}
.icon-settings:before {
    content: '\e905';
}
.icon-trash:before {
    content: '\e906';
}
.icon-x:before {
    content: '\e907';
}
.icon-edit:before {
    content: '\e909';
}
.icon-edit-2:before {
    content: '\e916';
}
.icon-chevron-with-circle-down:before {
    content: '\e91a';
}
.icon-chevron-with-circle-left:before {
    content: '\e91b';
}
.icon-chevron-with-circle-right:before {
    content: '\e91c';
}
.icon-chevron-with-circle-up:before {
    content: '\e91d';
}
.icon-eye:before {
    content: '\e91e';
}
.help-icon-align {
    margin-left: 10px;
    margin-top: 10px;
    font-size: 20px;
    color: #718096;
}