.icon-font-family {
    font-family: 'Font Awesome 5 Free';
}

.icon-before::before {
    font-weight: 600;
    margin-right: 7px;
    display: inline-block;
    transform: translateY(1px);
    font-family: 'Font Awesome 5 Free';
    line-height: 1;
}

.icon-small::before {
    font-size: 10px;
}

.icon-after::after {
    font-weight: 600;
    margin-left: 7px;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
    font-size: 12px;
    line-height: 1;
}

.icon-before-light::before {
    line-height: 1;
    font-weight: 400;
    margin-right: 7px;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
}

.icon-after-light::after {
    line-height: 1;
    font-weight: 400;
    margin-left: 7px;
    display: inline-block;
    font-family: 'Font Awesome 5 Free';
}

.icon-button {
    font-weight: 500;
    border-radius: 3px;
    transition: 200ms all ease;
    display: block;
    width: 30px;
    padding: 4px 0 3px 0;
    cursor: pointer;
    text-align: center;
    border: none;
}

.icon-button-red {
    background-color: #ff6e6e;
    color: #F0F0F0;
}

.icon-button-red:hover {
    background-color: #ff3030;
}

.icon-button-green {
    background-color: #00b687;
    color: #FFFFFF;
}

.icon-button-green:hover {
    background-color: #007051;
}

.icon-button-blue {
    background-color: #3464ff;
    color: #FFFFFF;
}

.icon-button-blue:hover {
    background-color: #394da6;
}

.icon-button-aqua {
    background-color: #06b1b1;
    color: #FFFFFF;
}

.icon-button-aqua:hover {
    background-color: #056c6c;
}

.icon-before-empty::before {
    margin-right: 0 !important;
}

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

.icon-plus::before {
    content: '\f067'
}

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

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

.icon-clock::before {
    content: '\f017';
}

.icon-check-circle::before {
    content: '\f058'
}

.icon-times-circle::before {
    content: '\f057';
}

.icon-repeat::before {
    content: '\f363';
}

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

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

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

.icon-edit::before {
    content: '\f044';
}

.icon-trash::before {
    content: '\f2ed';
}

.icon-eye::before {
    content: '\f06e';
}

.icon-eye-slash::before {
    content: '\f070';
}

.icon-hammer::before {
    content: '\f6e3';
}

.icon-download::before {
    content: '\f019';
}

.icon-xmark::before {
    content: '\f00d';
}

.icon-xmark-circle::before {
    content: '\f057';
}

.icon-sort-down::before {
    content: '\f0dd';
}

.icon-sort-up::before {
    content: '\f0de';
}

.icon-caret-down::before {
    content: '\f0d8';
}

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

.icon-chevron-down-after::after {
    content: '\f078';
}

.icon-caret-up::before {
    content: '\f0d7';
}

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

.icon-less-than-equal::before {
    content: '\f537';
}

.icon-greater-than-equal::before {
    content: '\f532';
}

.icon-sign-out-alt::before {
    content: '\f2f5';
}