.icon {
    display: inline-block;
    font-family: 'Icon';
    line-height: 1;
    font-weight: 900;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

    &.light {
        font-weight: 400;
    }

    &.thin {
        font-weight: 100;
    }
}

.icon__stack {
    position: relative;
    display: inline-block;
    height: 1em;
    line-height: 1em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;

    & .icon__stack--1 {
        line-height: inherit;
    }

    & .icon__stack--1,
    & .icon__stack--2 {
        left: 0;
        position: absolute;
        text-align: center;
        width: 100%;
        z-index: auto;
    }
}

.icon--menu:before {
    content: "\f0c9";
}

.icon--ellipsis:before,
.icon--ellipsis-h {
    content: "\f141";
}

.icon--ellipsis-v:before {
    content: "\f142";
}

.icon--fail:before {
    content: "\f057";
}

.icon--stop:before {
    content: "\f28d";
}

.icon--comment:before,
.icon--remark:before {
    content: "\f4ad";
}

.icon--message:before {
    content: "\f27a";
}

.icon--cross:before {
    content: "\f00d"
}

.icon--success:before {
    content: "\f058";
}

.icon--warning:before {
    content: "\f06a";
}

.icon--hidden:before {
    content: "\f070";
}

.icon--pending:before {
    content: "\f252";
}

.icon--popup:before {
    content: "\f31e";
}

.icon--warning-triangle:before {
    content: "\f071";
    color: var(--color-warning-dark, rgb(255, 193, 7));
}

.icon--flag:before {
    content: "\f024";
}

.icon--flag--danger:before,
.icon--redFlag:before {
    content: "\f024";
    color: var(--color-danger, rgb(128, 22, 31));
}

.icon--warningFlag:before {
    content: "\f024";
    color: var(--color-warning-dark, rgb(255, 193, 7));
}

.icon--danger-triangle:before {
    content: "\f071";
    color: var(--color-danger, rgb(128, 22, 31));
}

.icon--forbidden:before,
.icon--nothing-found:before {
    content: "\f05e";
}

.icon--access-denied:before {
    content: "\f502";
}

.icon--not-found:before {
    content: "\f127";
}

.icon--triangle:before {
    content: "\f071";
}

.icon--question:before {
    content: "\f059";
}

.icon--info:before {
    content: "\f05a";
}

.icon--close:before {
    content: "\f00d";
}

.icon--clock:before,
.icon--hour:before {
    content: "\f017";
}

.icon--period:before {
    content: "\f1da";
}

.icon--clockV2:before {
    content: "\f0e7";
}

.icon--search:before {
    content: "\f002";
}

.icon--filter:before {
    content: "\f0b0";
}

.icon--slider:before {
    content: "\f1de";
}

.icon--refresh:before,
.icon--retry:before {
    content: "\f2f1";
}

.icon--help:before {
    content: "\3f";
}

.icon--video:before {
    content: "\f1c8";
}

.icon--settings:before {
    content: "\f013";
}

.icon--prev:before {
    content: "\f104"
}

.icon--next:before {
    content: "\f105";
}

.icon--arrow-right:before {
    content: "\f30b";
}

.icon--arrow-left:before {
    content: "\f30a";
}

.icon--arrow-up:before {
    content: "\f30c";
}

.icon--arrow-down:before {
    content: "\f309";
}

.icon--circle-up:before {
    content: "\f35b";
}

.icon--circle-right:before {
    content: "\f35a";
}

.icon--circle--left:before {
    content: "\f359";
}

.icon--circle-down:before {
    content: "\f358";
}

.icon--sortDesc:before,
.icon--caret-down:before {
    content: "\f0dd";
}

.icon--sortAsc:before,
.icon--caret-up:before {
    content: "\f0de";
}

.icon--sorting:before {
    content: "\f0dc";
}

.icon--sort-desc:before {
    content: "\f0d7";
}

.icon--sort-asc:before {
    content: "\f0d8";
}

.icon--sort-asc-wide:before {
    content: "\f160";
}

.icon--sort-drag:before {
    content: "\f58e";
}

.icon--spinner:before,
.icon--loader:before {
    content: "\f110";
}

.icon--up:before {
    content: "\f077";
}

.icon--right:before {
    content: "\f054";
}

.icon--down:before {
    content: "\f078";
}

.icon--doubleDown:before {
    content: "\f103";
}

.icon--doubleUp:before {
    content: "\f102";
}

.icon--doubleRight:before {
    content: "\f101";
}

.icon--doubleLeft:before {
    content: "\f100";
}

.icon--left:before {
    content: "\f053";
}

.icon--stop:before {
    content: "\f05e";
}

.icon--pick:before,
.icon--picker:before {
    content: "\f14c";
}

.icon--unpick:before {
    content: "\f057";
}

.icon--key:before {
    content: " \f084";
}

.icon--user:before,
.icon--person:before {
    content: "\f007";
}

.icon--users:before,
.icon--persons:before {
    content: "\f0c0";
}

.icon--user--check:before {
    content: "\f4fc";
}

.icon--user-add:before {
    content: "\f234";
}

.icon--user-blocked:before {
    content: "\f506";
}

.icon--image:before {
    content: "\f03e";
}

.icon--users:before {
    content: "\f0c0";
}

.icon-persons:before,
.icon--persons:before {
    content: "\e533";
}

.icon--user-ban:before {
    content: "\f235";
}

.icon--user-x-mark:before {
    content: "\f235";
}

.icon--account:before {
    content: "\f406";
}

.icon--account-impersonated:before {
    content: "\f505";
}

.icon-company:after,
.icon--company:after {
    content: "\f1ad";
}

.icon--checkFile:before {
    content: "\f044";
}

.icon--file-pdf:before {
    content: "\f1c1";
}

.icon--file-csv:before {
    content: "\f6dd";
}

.icon--file-contract:before {
    content: "\f56c";
}

.icon--file-download:before {
    content: "\f56e";
}

.icon--book:before {
    content: "\f02d";
}

.icon--bed:before {
    content: "\f236";
}

.icon--badge:before {
    content: "\f2c1";
}

.icon--cells:before {
    content: "\f00a";
}

.icon--view {
    transform: scaleX(-1);
}

.icon--view:before {
    content: "\f002";
}

.icon--edit:before {
    content: "\f303";
}

.icon--publish:before {
    content: "\f46c";
}

.icon--payroller:before {
    content: "\f3d1";
}

.icon--moon:before {
    content: "\f186";
}

.icon--money:before {
    content: "\f3d1";
}

.icon--trashcan:before,
.icon--remove:before {
    content: "\f2ed";
}

.icon--remove--danger:before {
    content: "\f2ed";
    color: var(--color-danger, rgb(128, 22, 31));
}

.icon--configuration:before,
.icon--config:before,
.icon--process:before,
.icon--setting:before,
.icon--cog:before {
    content: "\f013";
}

.icon--log:before {
    content: "\f00b";
}

.icon--color:before {
    content: "\f53f";
}

.icon--new:before {
    content: "\f0fe";
}

.icon--plus:before,
.icon--add:before {
    content: "\f067";
}

.icon--home:before {
    content: "\f015";
}

.icon--bell:before {
    content: "\f0f3";
}

.icon--briefing:before {
    content: "\e5a0";
}

.icon--check:before {
    content: "\f00c";
}

.icon--check--success:before {
    content: "\f00c";
    color: var(--color-success);
}

.icon--save:before {
     content: "\f0c7";
}

.icon--cancel:before {
    content: "\f2d3";
}

.icon--inbox:before {
    content: "\f01c";
}

.icon--copy:before {
    content: "\f0c5";
}

.icon--upload:before {
    content: "\f093";
}

.icon--review:before {
    content: "\f086";
}

.icon--back:before {
    content: "\f100";
}

.icon--delete:before {
    content: "\f00d";
}

.icon--restore:before {
    content: "\f1da";
}

.icon--times:before {
    content: "\f00d";
}

.icon--times--danger:before {
    content: "\f00d";
    color: var(--color-danger, rgb(128, 22, 31));
}

.icon--delete--danger:before {
    content: "\f00d";
    color: var(--color-danger, rgb(128, 22, 31));
}

.icon--server:before {
    content: "\f233";
}

.icon--cli:before {
    content: "\f120";
}

.icon--file:before {
    content: "\f15c";
}

.icon--send:before {
    content: "\f1d8";
}

.icon--envelope:before {
    content: "\f0e0";
}

.icon--accepted:before {
    content: "\f46c";
}

.icon--swap:before {
    content: "\f021";
}

.icon--exclamation:before {
    content: "\21";
}

.icon--started:before {
    content: "\f46c";
}

.icon--requested:before {
    content: "\f15c";
}

.icon--approved:before {
    content: "\f00c";
}

.icon--tools:before {
    content: "\f4de";
}

.icon--school:before {
    content: "\f549";
}

.icon--birthday-cake:before {
    content: "\f1fd";
}

.icon--dashboard:before {
    content: "\f3fd";
}

.icon--hourglass-half:before {
    content: "\f252";
}

.icon--assignments:before {
    content: "\f1ec";
}

.icon--mapsLocation:before {
    content: "\f5a0";
}

.icon--delivered:before {
    content: "\f4de";
}

.icon--checked:before {
    content: "\f0ae";
}

.icon--reset:before {
    content: "\f021";
}

.icon--min:before{
    content: "\f068";
}

.icon--text:before {
    content: "\f036";
}

.icon--car:before {
    content: "\f1b9";
}

.icon--char:before {
    content: "\f075";
}

.icon--publicTransport:before {
    content: "\f207";
}

.icon--euro:before {
    content: "\f153";
}

.icon--drawing:before {
    content: "\f303";
}

.icon--archive:before {
    content: "\f187";
}

.icon--doubleCheck:before {
    content: "\f560";
}

.icon--language:before {
    content: "\f1ab";
}

.icon--phone {
    transform: rotate(90deg);
}

.icon--phone:before {
    content: "\f095";
}

.icon--mobile:before {
    content: "\f3ce";
}

.icon--mail:before {
    content: "\f0e0";
}

.icon--puzzle:before {
    content: "\f12e";
}

.icon--link-external {
    opacity: .5;
}

.icon--link-external:before {
    content: "\f3bf";
}

.icon--list:before {
    content: "\f46d";
}

.icon--hotel:before {
    content: "\f1ad";
}

.icon--tools:before {
    content: "\f0ad";
}

.icon--picked:before {
    content: "\f466";
}

.icon--undo:before {
    content: "\f0e2";
}

.icon--pickedUp:before {
    content: "\f0d1";
}

.icon--print:before {
    content: "\f02f";
}

.icon--export:before,
.icon--download:before {
    content: "\f019";
}

.icon--import:before,
.icon--upload:before {
    content: "\f093";
}

.icon--generate:before {
    content: "\f085";
}

.icon--calendar:before {
    content: "\f783";
}

.icon--suitcase:before {
    content: "\f0f2";
}

.icon--location:before {
    content: "\f3c5";
}

.icon--note:before {
    content: "\f249";
}

.icon--trophy:before {
    content: "\f091";
}

.icon--folder:before {
    content: "\f07b";
}

.icon--folder-plus:before,
.icon--folder-add:before {
    content: "\f65e";
}

.icon--c:before {
    content: "\f3e0";
}

.icon--bug:before {
    content: "\f188";
}

.icon--database:before {
    content: "\f1c0";
}

.icon--address:before {
    content: "\f2b9";
}

.icon--lock:before {
    content: "\f023";
}

.icon--tag:before {
    content: "\f02b";
}

.icon--globe:before {
    content: "\f0ac";
}

.icon--invoice:before {
    content: "\f571";
}

.icon--play:before {
    content: "\f04b";
}

.icon--ban:before {
    content: "\f05e";
}

.icon--stopwatch:before {
    content: "\e06f";
}

.icon--link:before {
    content: "\f0c1";
}

.icon--unlink:before {
    content: "\f127";
}

.icon--exit:before,
.icon--logout:before {
    content: "\f2f5";
}

.icon--pin {
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.icon--pin:before {
    content: "\f08d";
}

.icon--ellipsis--vertical:before,
.icon--ellipsis-vertical:before {
    content: "\f142";
}

.icon--spin,
.icon--loader {
    -webkit-animation: icon-spin 2s infinite linear;
    animation: icon-spin 2s infinite linear;
}

.icon--pulse {
    -webkit-animation: icon-spin 1s infinite steps(8);
    animation: icon-spin 1s infinite steps(8);
}


@-webkit-keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); }
}

@-webkit-keyframes icon--loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes icon--loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg); }
}

@font-face {
    font-family: 'Icon';
    font-style: normal;
    font-weight: 100;
    font-display: block;
    src: url("../../vendor/fontawsome/webfonts/fa-thin-100.woff2") format("woff2");
}

@font-face {
    font-family: 'Icon';
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url("../../vendor/fontawsome/webfonts/fa-light-300.woff2") format("woff2");
}

@font-face {
    font-family: 'Icon';
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url("../../vendor/fontawsome/webfonts/fa-regular-400.woff2") format("woff2");
}

@font-face {
    font-family: 'Icon';
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url("../../vendor/fontawsome/webfonts/fa-solid-900.woff2") format("woff2");
}