/*!
 * Font Awesome Pro 7.2.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license (Commercial License)
 * Copyright 2026 Fonticons, Inc.
 */
.fa-solid,
.fa-regular,
.fa-brands,
.fa-classic,
.fas,
.far,
.fab,
.fal,
.fat,
.fad,
.fadr,
.fadl,
.fadt,
.fass,
.fasr,
.fasl,
.fast,
.fasds,
.fasdr,
.fasdl,
.fasdt,
.faslr,
.faslpr,
.fawsb,
.fatl,
.fans,
.fands,
.faes,
.fagt,
.fajr,
.fajfr,
.fajdr,
.facr,
.fausb,
.faudsb,
.faufsb,
.fa-solid,
.fa-semibold,
.fa-regular,
.fa-light,
.fa-thin,
.fa-brands,
.fa-classic,
.fa-duotone,
.fa-sharp,
.fa-sharp-duotone,
.fa-chisel,
.fa-etch,
.fa-graphite,
.fa-jelly,
.fa-jelly-duo,
.fa-jelly-fill,
.fa-notdog,
.fa-notdog-duo,
.fa-slab,
.fa-slab-press,
.fa-thumbprint,
.fa-utility,
.fa-utility-duo,
.fa-utility-fill,
.fa-whiteboard,
.fa {
    --_fa-family: var(--fa-family, var(--fa-style-family, "Font Awesome 7 Pro"));
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: var(--fa-display, inline-block);
    font-family: var(--_fa-family);
    font-feature-settings: normal;
    font-style: normal;
    font-synthesis: none;
    font-variant: normal;
    font-weight: var(--fa-style, 900);
    line-height: 1;
    text-align: center;
    text-rendering: auto;
    /* width: var(--fa-width, 1.25em); */
}

:is(
    .fas,
    .fass,
    .far,
    .fasr,
    .fal,
    .fasl,
    .fat,
    .fast,
    .fad,
    .fadr,
    .fadl,
    .fadt,
    .fasds,
    .fasdr,
    .fasdl,
    .fasdt,
    .fab,
    .faslr,
    .faslpr,
    .fawsb,
    .fatl,
    .fans,
    .fands,
    .faes,
    .fagt,
    .fajr,
    .fajfr,
    .fajdr,
    .facr,
    .fausb,
    .faudsb,
    .faufsb,
    .fa-solid,
    .fa-semibold,
    .fa-regular,
    .fa-light,
    .fa-thin,
    .fa-brands,
    .fa-classic,
    .fa-duotone,
    .fa-sharp,
    .fa-sharp-duotone,
    .fa-chisel,
    .fa-etch,
    .fa-graphite,
    .fa-jelly,
    .fa-jelly-duo,
    .fa-jelly-fill,
    .fa-notdog,
    .fa-notdog-duo,
    .fa-slab,
    .fa-slab-press,
    .fa-thumbprint,
    .fa-utility,
    .fa-utility-duo,
    .fa-utility-fill,
    .fa-whiteboard,
    .fa
)::before {
    content: var(--fa) / "";
}

@supports not (content: ""/"") {
    :is(
        .fas,
        .fass,
        .far,
        .fasr,
        .fal,
        .fasl,
        .fat,
        .fast,
        .fad,
        .fadr,
        .fadl,
        .fadt,
        .fasds,
        .fasdr,
        .fasdl,
        .fasdt,
        .fab,
        .faslr,
        .faslpr,
        .fawsb,
        .fatl,
        .fans,
        .fands,
        .faes,
        .fagt,
        .fajr,
        .fajfr,
        .fajdr,
        .facr,
        .fausb,
        .faudsb,
        .faufsb,
        .fa-solid,
        .fa-semibold,
        .fa-regular,
        .fa-light,
        .fa-thin,
        .fa-brands,
        .fa-classic,
        .fa-duotone,
        .fa-sharp,
        .fa-sharp-duotone,
        .fa-chisel,
        .fa-etch,
        .fa-graphite,
        .fa-jelly,
        .fa-jelly-duo,
        .fa-jelly-fill,
        .fa-notdog,
        .fa-notdog-duo,
        .fa-slab,
        .fa-slab-press,
        .fa-thumbprint,
        .fa-utility,
        .fa-utility-duo,
        .fa-utility-fill,
        .fa-whiteboard,
        .fa
    )::before {
        content: var(--fa);
    }
}
:is(
    .fad,
    .fa-duotone,
    .fadr,
    .fadl,
    .fadt,
    .fasds,
    .fa-sharp-duotone,
    .fasdr,
    .fasdl,
    .fasdt,
    .fatl,
    .fa-thumbprint,
    .fands,
    .fa-notdog-duo,
    .fajdr,
    .fa-jelly-duo,
    .faudsb,
    .fa-utility-duo
)::after {
    content: var(--fa) / "";
    font-feature-settings: "ss01";
}

@supports not (content: ""/"") {
    :is(
        .fad,
        .fa-duotone,
        .fadr,
        .fadl,
        .fadt,
        .fasds,
        .fa-sharp-duotone,
        .fasdr,
        .fasdl,
        .fasdt,
        .fatl,
        .fa-thumbprint,
        .fands,
        .fa-notdog-duo,
        .fajdr,
        .fa-jelly-duo,
        .faudsb,
        .fa-utility-duo
    )::after {
        content: var(--fa);
    }
}
.fa-1x {
    font-size: 1em;
}

.fa-2x {
    font-size: 2em;
}

.fa-3x {
    font-size: 3em;
}

.fa-4x {
    font-size: 4em;
}

.fa-5x {
    font-size: 5em;
}

.fa-6x {
    font-size: 6em;
}

.fa-7x {
    font-size: 7em;
}

.fa-8x {
    font-size: 8em;
}

.fa-9x {
    font-size: 9em;
}

.fa-10x {
    font-size: 10em;
}

.fa-2xs {
    font-size: calc(
        10 / 16 * 1em
    ); /* converts a 10px size into an em-based value that's relative to the scale's 16px base */
    line-height: calc(1 / 10 * 1em); /* sets the line-height of the icon back to that of it's parent */
    vertical-align: calc(
        (6 / 10 - 0.375) * 1em
    ); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xs {
    font-size: calc(
        12 / 16 * 1em
    ); /* converts a 12px size into an em-based value that's relative to the scale's 16px base */
    line-height: calc(1 / 12 * 1em); /* sets the line-height of the icon back to that of it's parent */
    vertical-align: calc(
        (6 / 12 - 0.375) * 1em
    ); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-sm {
    font-size: calc(
        14 / 16 * 1em
    ); /* converts a 14px size into an em-based value that's relative to the scale's 16px base */
    line-height: calc(1 / 14 * 1em); /* sets the line-height of the icon back to that of it's parent */
    vertical-align: calc(
        (6 / 14 - 0.375) * 1em
    ); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-lg {
    font-size: calc(
        20 / 16 * 1em
    ); /* converts a 20px size into an em-based value that's relative to the scale's 16px base */
    line-height: calc(1 / 20 * 1em); /* sets the line-height of the icon back to that of it's parent */
    vertical-align: calc(
        (6 / 20 - 0.375) * 1em
    ); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-xl {
    font-size: calc(
        24 / 16 * 1em
    ); /* converts a 24px size into an em-based value that's relative to the scale's 16px base */
    line-height: calc(1 / 24 * 1em); /* sets the line-height of the icon back to that of it's parent */
    vertical-align: calc(
        (6 / 24 - 0.375) * 1em
    ); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-2xl {
    font-size: calc(
        32 / 16 * 1em
    ); /* converts a 32px size into an em-based value that's relative to the scale's 16px base */
    line-height: calc(1 / 32 * 1em); /* sets the line-height of the icon back to that of it's parent */
    vertical-align: calc(
        (6 / 32 - 0.375) * 1em
    ); /* vertically centers the icon taking into account the surrounding text's descender */
}

.fa-width-auto {
    --fa-width: auto;
}

.fa-fw,
.fa-width-fixed {
    --fa-width: 1.25em;
}

.fa-ul {
    list-style-type: none;
    margin-inline-start: var(--fa-li-margin, 2.5em);
    padding-inline-start: 0;
}
.fa-ul > li {
    position: relative;
}

.fa-li {
    inset-inline-start: calc(-1 * var(--fa-li-width, 2em));
    position: absolute;
    text-align: center;
    width: var(--fa-li-width, 2em);
    line-height: inherit;
}

/* Heads Up: Bordered Icons will not be supported in the future!
  - This feature will be deprecated in the next major release of Font Awesome (v8)!
  - You may continue to use it in this version *v7), but it will not be supported in Font Awesome v8.
*/
/* Notes:
* --@{v.$css-prefix}-border-width = 1/16 by default (to render as ~1px based on a 16px default font-size)
* --@{v.$css-prefix}-border-padding =
  ** 3/16 for vertical padding (to give ~2px of vertical whitespace around an icon considering it's vertical alignment)
  ** 4/16 for horizontal padding (to give ~4px of horizontal whitespace around an icon)
*/
.fa-border {
    border-color: var(--fa-border-color, #eee);
    border-radius: var(--fa-border-radius, 0.1em);
    border-style: var(--fa-border-style, solid);
    border-width: var(--fa-border-width, 0.0625em);
    box-sizing: var(--fa-border-box-sizing, content-box);
    padding: var(--fa-border-padding, 0.1875em 0.25em);
}

.fa-pull-left,
.fa-pull-start {
    float: inline-start;
    margin-inline-end: var(--fa-pull-margin, 0.3em);
}

.fa-pull-right,
.fa-pull-end {
    float: inline-end;
    margin-inline-start: var(--fa-pull-margin, 0.3em);
}

.fa-beat {
    animation-name: fa-beat;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-bounce {
    animation-name: fa-bounce;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1));
}

.fa-fade {
    animation-name: fa-fade;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-beat-fade {
    animation-name: fa-beat-fade;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1));
}

.fa-flip {
    animation-name: fa-flip;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, ease-in-out);
}

.fa-shake {
    animation-name: fa-shake;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin {
    animation-name: fa-spin;
    animation-delay: var(--fa-animation-delay, 0s);
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 2s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, linear);
}

.fa-spin-reverse {
    --fa-animation-direction: reverse;
}

.fa-pulse,
.fa-spin-pulse {
    animation-name: fa-spin;
    animation-direction: var(--fa-animation-direction, normal);
    animation-duration: var(--fa-animation-duration, 1s);
    animation-iteration-count: var(--fa-animation-iteration-count, infinite);
    animation-timing-function: var(--fa-animation-timing, steps(8));
}

@media (prefers-reduced-motion: reduce) {
    .fa-beat,
    .fa-bounce,
    .fa-fade,
    .fa-beat-fade,
    .fa-flip,
    .fa-pulse,
    .fa-shake,
    .fa-spin,
    .fa-spin-pulse {
        animation: none !important;
        transition: none !important;
    }
}
@keyframes fa-beat {
    0%,
    90% {
        transform: scale(1);
    }
    45% {
        transform: scale(var(--fa-beat-scale, 1.25));
    }
}
@keyframes fa-bounce {
    0% {
        transform: scale(1, 1) translateY(0);
    }
    10% {
        transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0);
    }
    30% {
        transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1))
            translateY(var(--fa-bounce-height, -0.5em));
    }
    50% {
        transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0);
    }
    57% {
        transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em));
    }
    64% {
        transform: scale(1, 1) translateY(0);
    }
    100% {
        transform: scale(1, 1) translateY(0);
    }
}
@keyframes fa-fade {
    50% {
        opacity: var(--fa-fade-opacity, 0.4);
    }
}
@keyframes fa-beat-fade {
    0%,
    100% {
        opacity: var(--fa-beat-fade-opacity, 0.4);
        transform: scale(1);
    }
    50% {
        opacity: 1;
        transform: scale(var(--fa-beat-fade-scale, 1.125));
    }
}
@keyframes fa-flip {
    50% {
        transform: rotate3d(
            var(--fa-flip-x, 0),
            var(--fa-flip-y, 1),
            var(--fa-flip-z, 0),
            var(--fa-flip-angle, -180deg)
        );
    }
}
@keyframes fa-shake {
    0% {
        transform: rotate(-15deg);
    }
    4% {
        transform: rotate(15deg);
    }
    8%,
    24% {
        transform: rotate(-18deg);
    }
    12%,
    28% {
        transform: rotate(18deg);
    }
    16% {
        transform: rotate(-22deg);
    }
    20% {
        transform: rotate(22deg);
    }
    32% {
        transform: rotate(-12deg);
    }
    36% {
        transform: rotate(12deg);
    }
    40%,
    100% {
        transform: rotate(0deg);
    }
}
@keyframes fa-spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.fa-rotate-90 {
    transform: rotate(90deg);
}

.fa-rotate-180 {
    transform: rotate(180deg);
}

.fa-rotate-270 {
    transform: rotate(270deg);
}

.fa-flip-horizontal {
    transform: scale(-1, 1);
}

.fa-flip-vertical {
    transform: scale(1, -1);
}

.fa-flip-both,
.fa-flip-horizontal.fa-flip-vertical {
    transform: scale(-1, -1);
}

.fa-rotate-by {
    transform: rotate(var(--fa-rotate-angle, 0));
}

.fa-stack {
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 2.5em;
}

.fa-stack-1x,
.fa-stack-2x {
    --fa-width: 100%;
    inset: 0;
    position: absolute;
    text-align: center;
    width: var(--fa-width);
    z-index: var(--fa-stack-z-index, auto);
}

.fa-stack-1x {
    line-height: inherit;
}

.fa-stack-2x {
    font-size: 2em;
}

.fa-inverse {
    color: var(--fa-inverse, #fff);
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */

.fa-0 {
    --fa: "\30 ";
}

.fa-1 {
    --fa: "\31 ";
}

.fa-2 {
    --fa: "\32 ";
}

.fa-3 {
    --fa: "\33 ";
}

.fa-4 {
    --fa: "\34 ";
}

.fa-5 {
    --fa: "\35 ";
}

.fa-6 {
    --fa: "\36 ";
}

.fa-7 {
    --fa: "\37 ";
}

.fa-8 {
    --fa: "\38 ";
}

.fa-9 {
    --fa: "\39 ";
}

.fa-exclamation {
    --fa: "\!";
}

.fa-ditto {
    --fa: '"';
}

.fa-hashtag {
    --fa: "\#";
}

.fa-dollar-sign {
    --fa: "\$";
}

.fa-dollar {
    --fa: "\$";
}

.fa-usd {
    --fa: "\$";
}

.fa-percent {
    --fa: "\%";
}

.fa-percentage {
    --fa: "\%";
}

.fa-ampersand {
    --fa: "\&";
}

.fa-apostrophe {
    --fa: "\'";
}

.fa-bracket-round {
    --fa: "\(";
}

.fa-parenthesis {
    --fa: "\(";
}

.fa-bracket-round-right {
    --fa: "\)";
}

.fa-asterisk {
    --fa: "\*";
}

.fa-plus {
    --fa: "\+";
}

.fa-add {
    --fa: "\+";
}

.fa-comma {
    --fa: "\,";
}

.fa-hyphen {
    --fa: "\-";
}

.fa-period {
    --fa: "\.";
}

.fa-slash-forward {
    --fa: "\/";
}

.fa-colon {
    --fa: "\:";
}

.fa-semicolon {
    --fa: "\;";
}

.fa-less-than {
    --fa: "\<";
}

.fa-equals {
    --fa: "\=";
}

.fa-greater-than {
    --fa: "\>";
}

.fa-question {
    --fa: "\?";
}

.fa-at {
    --fa: "\@";
}

.fa-a {
    --fa: "A";
}

.fa-b {
    --fa: "B";
}

.fa-c {
    --fa: "C";
}

.fa-d {
    --fa: "D";
}

.fa-e {
    --fa: "E";
}

.fa-f {
    --fa: "F";
}

.fa-g {
    --fa: "G";
}

.fa-h {
    --fa: "H";
}

.fa-i {
    --fa: "I";
}

.fa-j {
    --fa: "J";
}

.fa-k {
    --fa: "K";
}

.fa-l {
    --fa: "L";
}

.fa-m {
    --fa: "M";
}

.fa-n {
    --fa: "N";
}

.fa-o {
    --fa: "O";
}

.fa-p {
    --fa: "P";
}

.fa-q {
    --fa: "Q";
}

.fa-r {
    --fa: "R";
}

.fa-s {
    --fa: "S";
}

.fa-t {
    --fa: "T";
}

.fa-u {
    --fa: "U";
}

.fa-v {
    --fa: "V";
}

.fa-w {
    --fa: "W";
}

.fa-x {
    --fa: "X";
}

.fa-y {
    --fa: "Y";
}

.fa-z {
    --fa: "Z";
}

.fa-bracket-square {
    --fa: "\[";
}

.fa-bracket {
    --fa: "\[";
}

.fa-bracket-left {
    --fa: "\[";
}

.fa-slash-back {
    --fa: "\\";
}

.fa-bracket-square-right {
    --fa: "\]";
}

.fa-accent-grave {
    --fa: "\`";
}

.fa-bracket-curly {
    --fa: "\{";
}

.fa-bracket-curly-left {
    --fa: "\{";
}

.fa-pipe {
    --fa: "\|";
}

.fa-bracket-curly-right {
    --fa: "\}";
}

.fa-tilde {
    --fa: "\~";
}

.fa-caravan-simple {
    --fa: "\e000";
}

.fa-caravan-alt {
    --fa: "\e000";
}

.fa-cat-space {
    --fa: "\e001";
}

.fa-coffee-pot {
    --fa: "\e002";
}

.fa-comet {
    --fa: "\e003";
}

.fa-fan-table {
    --fa: "\e004";
}

.fa-faucet {
    --fa: "\e005";
}

.fa-faucet-drip {
    --fa: "\e006";
}

.fa-galaxy {
    --fa: "\e008";
}

.fa-garage {
    --fa: "\e009";
}

.fa-garage-car {
    --fa: "\e00a";
}

.fa-garage-open {
    --fa: "\e00b";
}

.fa-heat {
    --fa: "\e00c";
}

.fa-house-chimney-window {
    --fa: "\e00d";
}

.fa-house-day {
    --fa: "\e00e";
}

.fa-house-person-leave {
    --fa: "\e00f";
}

.fa-house-leave {
    --fa: "\e00f";
}

.fa-house-person-depart {
    --fa: "\e00f";
}

.fa-house-night {
    --fa: "\e010";
}

.fa-house-person-return {
    --fa: "\e011";
}

.fa-house-person-arrive {
    --fa: "\e011";
}

.fa-house-return {
    --fa: "\e011";
}

.fa-house-signal {
    --fa: "\e012";
}

.fa-lamp-desk {
    --fa: "\e014";
}

.fa-lamp-floor {
    --fa: "\e015";
}

.fa-light-ceiling {
    --fa: "\e016";
}

.fa-light-switch {
    --fa: "\e017";
}

.fa-light-switch-off {
    --fa: "\e018";
}

.fa-light-switch-on {
    --fa: "\e019";
}

.fa-microwave {
    --fa: "\e01b";
}

.fa-outlet {
    --fa: "\e01c";
}

.fa-oven {
    --fa: "\e01d";
}

.fa-planet-moon {
    --fa: "\e01f";
}

.fa-planet-ringed {
    --fa: "\e020";
}

.fa-police-box {
    --fa: "\e021";
}

.fa-person-to-portal {
    --fa: "\e022";
}

.fa-portal-enter {
    --fa: "\e022";
}

.fa-person-from-portal {
    --fa: "\e023";
}

.fa-portal-exit {
    --fa: "\e023";
}

.fa-radar {
    --fa: "\e024";
}

.fa-raygun {
    --fa: "\e025";
}

.fa-refrigerator {
    --fa: "\e026";
}

.fa-rocket-launch {
    --fa: "\e027";
}

.fa-sensor {
    --fa: "\e028";
}

.fa-sensor-triangle-exclamation {
    --fa: "\e029";
}

.fa-sensor-alert {
    --fa: "\e029";
}

.fa-sensor-fire {
    --fa: "\e02a";
}

.fa-sensor-on {
    --fa: "\e02b";
}

.fa-sensor-cloud {
    --fa: "\e02c";
}

.fa-sensor-smoke {
    --fa: "\e02c";
}

.fa-siren {
    --fa: "\e02d";
}

.fa-siren-on {
    --fa: "\e02e";
}

.fa-solar-system {
    --fa: "\e02f";
}

.fa-circle-sort {
    --fa: "\e030";
}

.fa-sort-circle {
    --fa: "\e030";
}

.fa-circle-sort-down {
    --fa: "\e031";
}

.fa-sort-circle-down {
    --fa: "\e031";
}

.fa-circle-sort-up {
    --fa: "\e032";
}

.fa-sort-circle-up {
    --fa: "\e032";
}

.fa-space-station-moon {
    --fa: "\e033";
}

.fa-space-station-moon-construction {
    --fa: "\e034";
}

.fa-space-station-moon-alt {
    --fa: "\e034";
}

.fa-sprinkler {
    --fa: "\e035";
}

.fa-star-shooting {
    --fa: "\e036";
}

.fa-starfighter {
    --fa: "\e037";
}

.fa-starfighter-twin-ion-engine {
    --fa: "\e038";
}

.fa-starfighter-alt {
    --fa: "\e038";
}

.fa-starship {
    --fa: "\e039";
}

.fa-starship-freighter {
    --fa: "\e03a";
}

.fa-sword-laser {
    --fa: "\e03b";
}

.fa-sword-laser-alt {
    --fa: "\e03c";
}

.fa-swords-laser {
    --fa: "\e03d";
}

.fa-telescope {
    --fa: "\e03e";
}

.fa-temperature-arrow-down {
    --fa: "\e03f";
}

.fa-temperature-down {
    --fa: "\e03f";
}

.fa-temperature-arrow-up {
    --fa: "\e040";
}

.fa-temperature-up {
    --fa: "\e040";
}

.fa-trailer {
    --fa: "\e041";
}

.fa-transporter {
    --fa: "\e042";
}

.fa-transporter-1 {
    --fa: "\e043";
}

.fa-transporter-2 {
    --fa: "\e044";
}

.fa-transporter-3 {
    --fa: "\e045";
}

.fa-transporter-empty {
    --fa: "\e046";
}

.fa-ufo {
    --fa: "\e047";
}

.fa-ufo-beam {
    --fa: "\e048";
}

.fa-user-alien {
    --fa: "\e04a";
}

.fa-user-robot {
    --fa: "\e04b";
}

.fa-user-visor {
    --fa: "\e04c";
}

.fa-vacuum {
    --fa: "\e04d";
}

.fa-vacuum-robot {
    --fa: "\e04e";
}

.fa-window-frame {
    --fa: "\e04f";
}

.fa-window-frame-open {
    --fa: "\e050";
}

.fa-coffin-cross {
    --fa: "\e051";
}

.fa-folder-arrow-down {
    --fa: "\e053";
}

.fa-folder-download {
    --fa: "\e053";
}

.fa-folder-arrow-up {
    --fa: "\e054";
}

.fa-folder-upload {
    --fa: "\e054";
}

.fa-user-unlock {
    --fa: "\e058";
}

.fa-bacteria {
    --fa: "\e059";
}

.fa-bacterium {
    --fa: "\e05a";
}

.fa-box-tissue {
    --fa: "\e05b";
}

.fa-hand-holding-medical {
    --fa: "\e05c";
}

.fa-hand-sparkles {
    --fa: "\e05d";
}

.fa-hands-bubbles {
    --fa: "\e05e";
}

.fa-hands-wash {
    --fa: "\e05e";
}

.fa-handshake-slash {
    --fa: "\e060";
}

.fa-handshake-alt-slash {
    --fa: "\e060";
}

.fa-handshake-simple-slash {
    --fa: "\e060";
}

.fa-head-side-cough {
    --fa: "\e061";
}

.fa-head-side-cough-slash {
    --fa: "\e062";
}

.fa-head-side-mask {
    --fa: "\e063";
}

.fa-head-side-virus {
    --fa: "\e064";
}

.fa-house-chimney-user {
    --fa: "\e065";
}

.fa-house-laptop {
    --fa: "\e066";
}

.fa-laptop-house {
    --fa: "\e066";
}

.fa-lungs-virus {
    --fa: "\e067";
}

.fa-people-arrows {
    --fa: "\e068";
}

.fa-people-arrows-left-right {
    --fa: "\e068";
}

.fa-plane-slash {
    --fa: "\e069";
}

.fa-pump-medical {
    --fa: "\e06a";
}

.fa-pump-soap {
    --fa: "\e06b";
}

.fa-shield-virus {
    --fa: "\e06c";
}

.fa-sink {
    --fa: "\e06d";
}

.fa-soap {
    --fa: "\e06e";
}

.fa-stopwatch-20 {
    --fa: "\e06f";
}

.fa-shop-slash {
    --fa: "\e070";
}

.fa-store-alt-slash {
    --fa: "\e070";
}

.fa-store-slash {
    --fa: "\e071";
}

.fa-toilet-paper-slash {
    --fa: "\e072";
}

.fa-users-slash {
    --fa: "\e073";
}

.fa-virus {
    --fa: "\e074";
}

.fa-virus-slash {
    --fa: "\e075";
}

.fa-viruses {
    --fa: "\e076";
}

.fa-vest {
    --fa: "\e085";
}

.fa-vest-patches {
    --fa: "\e086";
}

.fa-airplay {
    --fa: "\e089";
}

.fa-alt {
    --fa: "\e08a";
}

.fa-angle {
    --fa: "\e08c";
}

.fa-angle-90 {
    --fa: "\e08d";
}

.fa-apple-core {
    --fa: "\e08f";
}

.fa-arrow-down-from-dotted-line {
    --fa: "\e090";
}

.fa-arrow-down-left {
    --fa: "\e091";
}

.fa-arrow-down-left-and-arrow-up-right-to-center {
    --fa: "\e092";
}

.fa-arrow-down-right {
    --fa: "\e093";
}

.fa-arrow-down-to-bracket {
    --fa: "\e094";
}

.fa-arrow-down-to-dotted-line {
    --fa: "\e095";
}

.fa-arrow-down-to-square {
    --fa: "\e096";
}

.fa-arrow-trend-down {
    --fa: "\e097";
}

.fa-arrow-trend-up {
    --fa: "\e098";
}

.fa-arrow-up-arrow-down {
    --fa: "\e099";
}

.fa-sort-up-down {
    --fa: "\e099";
}

.fa-arrow-up-from-bracket {
    --fa: "\e09a";
}

.fa-arrow-up-from-dotted-line {
    --fa: "\e09b";
}

.fa-arrow-up-from-square {
    --fa: "\e09c";
}

.fa-arrow-up-left {
    --fa: "\e09d";
}

.fa-arrow-up-left-from-circle {
    --fa: "\e09e";
}

.fa-arrow-up-right {
    --fa: "\e09f";
}

.fa-arrow-up-right-and-arrow-down-left-from-center {
    --fa: "\e0a0";
}

.fa-arrow-up-to-dotted-line {
    --fa: "\e0a1";
}

.fa-arrows-cross {
    --fa: "\e0a2";
}

.fa-arrows-from-dotted-line {
    --fa: "\e0a3";
}

.fa-arrows-from-line {
    --fa: "\e0a4";
}

.fa-arrows-minimize {
    --fa: "\e0a5";
}

.fa-compress-arrows {
    --fa: "\e0a5";
}

.fa-arrows-to-dotted-line {
    --fa: "\e0a6";
}

.fa-arrows-to-line {
    --fa: "\e0a7";
}

.fa-audio-description-slash {
    --fa: "\e0a8";
}

.fa-austral-sign {
    --fa: "\e0a9";
}

.fa-avocado {
    --fa: "\e0aa";
}

.fa-award-simple {
    --fa: "\e0ab";
}

.fa-baht-sign {
    --fa: "\e0ac";
}

.fa-bars-filter {
    --fa: "\e0ad";
}

.fa-bars-sort {
    --fa: "\e0ae";
}

.fa-basket-shopping-simple {
    --fa: "\e0af";
}

.fa-shopping-basket-alt {
    --fa: "\e0af";
}

.fa-battery-exclamation {
    --fa: "\e0b0";
}

.fa-battery-low {
    --fa: "\e0b1";
}

.fa-battery-1 {
    --fa: "\e0b1";
}

.fa-bee {
    --fa: "\e0b2";
}

.fa-beer-mug {
    --fa: "\e0b3";
}

.fa-beer-foam {
    --fa: "\e0b3";
}

.fa-bitcoin-sign {
    --fa: "\e0b4";
}

.fa-block-quote {
    --fa: "\e0b5";
}

.fa-bolt-auto {
    --fa: "\e0b6";
}

.fa-bolt-lightning {
    --fa: "\e0b7";
}

.fa-bolt-slash {
    --fa: "\e0b8";
}

.fa-book-arrow-right {
    --fa: "\e0b9";
}

.fa-book-arrow-up {
    --fa: "\e0ba";
}

.fa-book-bookmark {
    --fa: "\e0bb";
}

.fa-book-circle-arrow-right {
    --fa: "\e0bc";
}

.fa-book-circle-arrow-up {
    --fa: "\e0bd";
}

.fa-book-copy {
    --fa: "\e0be";
}

.fa-book-font {
    --fa: "\e0bf";
}

.fa-book-open-cover {
    --fa: "\e0c0";
}

.fa-book-open-alt {
    --fa: "\e0c0";
}

.fa-book-section {
    --fa: "\e0c1";
}

.fa-book-law {
    --fa: "\e0c1";
}

.fa-bookmark-slash {
    --fa: "\e0c2";
}

.fa-bowling-ball-pin {
    --fa: "\e0c3";
}

.fa-box-circle-check {
    --fa: "\e0c4";
}

.fa-brackets-round {
    --fa: "\e0c5";
}

.fa-parentheses {
    --fa: "\e0c5";
}

.fa-brain-circuit {
    --fa: "\e0c6";
}

.fa-brake-warning {
    --fa: "\e0c7";
}

.fa-briefcase-blank {
    --fa: "\e0c8";
}

.fa-brightness {
    --fa: "\e0c9";
}

.fa-brightness-low {
    --fa: "\e0ca";
}

.fa-browsers {
    --fa: "\e0cb";
}

.fa-buildings {
    --fa: "\e0cc";
}

.fa-burger-fries {
    --fa: "\e0cd";
}

.fa-burger-glass {
    --fa: "\e0ce";
}

.fa-calendar-arrow-down {
    --fa: "\e0d0";
}

.fa-calendar-download {
    --fa: "\e0d0";
}

.fa-calendar-arrow-up {
    --fa: "\e0d1";
}

.fa-calendar-upload {
    --fa: "\e0d1";
}

.fa-calendar-clock {
    --fa: "\e0d2";
}

.fa-calendar-time {
    --fa: "\e0d2";
}

.fa-calendar-heart {
    --fa: "\e0d3";
}

.fa-calendar-image {
    --fa: "\e0d4";
}

.fa-calendar-lines {
    --fa: "\e0d5";
}

.fa-calendar-note {
    --fa: "\e0d5";
}

.fa-calendar-range {
    --fa: "\e0d6";
}

.fa-calendars {
    --fa: "\e0d7";
}

.fa-camera-rotate {
    --fa: "\e0d8";
}

.fa-camera-slash {
    --fa: "\e0d9";
}

.fa-camera-viewfinder {
    --fa: "\e0da";
}

.fa-screenshot {
    --fa: "\e0da";
}

.fa-cart-minus {
    --fa: "\e0db";
}

.fa-cart-shopping-fast {
    --fa: "\e0dc";
}

.fa-cart-xmark {
    --fa: "\e0dd";
}

.fa-castle {
    --fa: "\e0de";
}

.fa-cedi-sign {
    --fa: "\e0df";
}

.fa-chart-bullet {
    --fa: "\e0e1";
}

.fa-chart-candlestick {
    --fa: "\e0e2";
}

.fa-chart-column {
    --fa: "\e0e3";
}

.fa-chart-gantt {
    --fa: "\e0e4";
}

.fa-chart-line-up {
    --fa: "\e0e5";
}

.fa-chart-pyramid {
    --fa: "\e0e6";
}

.fa-chart-radar {
    --fa: "\e0e7";
}

.fa-chart-scatter-3d {
    --fa: "\e0e8";
}

.fa-chart-scatter-bubble {
    --fa: "\e0e9";
}

.fa-chart-tree-map {
    --fa: "\e0ea";
}

.fa-chart-waterfall {
    --fa: "\e0eb";
}

.fa-cherries {
    --fa: "\e0ec";
}

.fa-circle-0 {
    --fa: "\e0ed";
}

.fa-circle-1 {
    --fa: "\e0ee";
}

.fa-circle-2 {
    --fa: "\e0ef";
}

.fa-circle-3 {
    --fa: "\e0f0";
}

.fa-circle-4 {
    --fa: "\e0f1";
}

.fa-circle-5 {
    --fa: "\e0f2";
}

.fa-circle-6 {
    --fa: "\e0f3";
}

.fa-circle-7 {
    --fa: "\e0f4";
}

.fa-circle-8 {
    --fa: "\e0f5";
}

.fa-circle-9 {
    --fa: "\e0f6";
}

.fa-circle-a {
    --fa: "\e0f7";
}

.fa-circle-ampersand {
    --fa: "\e0f8";
}

.fa-circle-arrow-down-left {
    --fa: "\e0f9";
}

.fa-circle-arrow-down-right {
    --fa: "\e0fa";
}

.fa-circle-arrow-up-left {
    --fa: "\e0fb";
}

.fa-circle-arrow-up-right {
    --fa: "\e0fc";
}

.fa-circle-b {
    --fa: "\e0fd";
}

.fa-circle-bolt {
    --fa: "\e0fe";
}

.fa-circle-book-open {
    --fa: "\e0ff";
}

.fa-book-circle {
    --fa: "\e0ff";
}

.fa-circle-bookmark {
    --fa: "\e100";
}

.fa-bookmark-circle {
    --fa: "\e100";
}

.fa-circle-c {
    --fa: "\e101";
}

.fa-circle-calendar {
    --fa: "\e102";
}

.fa-calendar-circle {
    --fa: "\e102";
}

.fa-circle-camera {
    --fa: "\e103";
}

.fa-camera-circle {
    --fa: "\e103";
}

.fa-circle-d {
    --fa: "\e104";
}

.fa-circle-dashed {
    --fa: "\e105";
}

.fa-circle-divide {
    --fa: "\e106";
}

.fa-circle-down-left {
    --fa: "\e107";
}

.fa-circle-down-right {
    --fa: "\e108";
}

.fa-circle-e {
    --fa: "\e109";
}

.fa-circle-ellipsis {
    --fa: "\e10a";
}

.fa-circle-ellipsis-vertical {
    --fa: "\e10b";
}

.fa-circle-envelope {
    --fa: "\e10c";
}

.fa-envelope-circle {
    --fa: "\e10c";
}

.fa-circle-exclamation-check {
    --fa: "\e10d";
}

.fa-circle-f {
    --fa: "\e10e";
}

.fa-circle-g {
    --fa: "\e10f";
}

.fa-circle-half {
    --fa: "\e110";
}

.fa-circle-i {
    --fa: "\e111";
}

.fa-circle-j {
    --fa: "\e112";
}

.fa-circle-k {
    --fa: "\e113";
}

.fa-circle-l {
    --fa: "\e114";
}

.fa-circle-m {
    --fa: "\e115";
}

.fa-circle-microphone {
    --fa: "\e116";
}

.fa-microphone-circle {
    --fa: "\e116";
}

.fa-circle-microphone-lines {
    --fa: "\e117";
}

.fa-microphone-circle-alt {
    --fa: "\e117";
}

.fa-circle-n {
    --fa: "\e118";
}

.fa-circle-o {
    --fa: "\e119";
}

.fa-circle-p {
    --fa: "\e11a";
}

.fa-circle-phone {
    --fa: "\e11b";
}

.fa-phone-circle {
    --fa: "\e11b";
}

.fa-circle-phone-flip {
    --fa: "\e11c";
}

.fa-phone-circle-alt {
    --fa: "\e11c";
}

.fa-circle-phone-hangup {
    --fa: "\e11d";
}

.fa-phone-circle-down {
    --fa: "\e11d";
}

.fa-circle-q {
    --fa: "\e11e";
}

.fa-circle-quarter {
    --fa: "\e11f";
}

.fa-circle-r {
    --fa: "\e120";
}

.fa-circle-s {
    --fa: "\e121";
}

.fa-circle-small {
    --fa: "\e122";
}

.fa-circle-star {
    --fa: "\e123";
}

.fa-star-circle {
    --fa: "\e123";
}

.fa-circle-t {
    --fa: "\e124";
}

.fa-circle-three-quarters {
    --fa: "\e125";
}

.fa-circle-trash {
    --fa: "\e126";
}

.fa-trash-circle {
    --fa: "\e126";
}

.fa-circle-u {
    --fa: "\e127";
}

.fa-circle-up-left {
    --fa: "\e128";
}

.fa-circle-up-right {
    --fa: "\e129";
}

.fa-circle-v {
    --fa: "\e12a";
}

.fa-circle-video {
    --fa: "\e12b";
}

.fa-video-circle {
    --fa: "\e12b";
}

.fa-circle-w {
    --fa: "\e12c";
}

.fa-circle-waveform-lines {
    --fa: "\e12d";
}

.fa-waveform-circle {
    --fa: "\e12d";
}

.fa-circle-x {
    --fa: "\e12e";
}

.fa-circle-y {
    --fa: "\e12f";
}

.fa-circle-z {
    --fa: "\e130";
}

.fa-clapperboard {
    --fa: "\e131";
}

.fa-clapperboard-play {
    --fa: "\e132";
}

.fa-clipboard-medical {
    --fa: "\e133";
}

.fa-clock-desk {
    --fa: "\e134";
}

.fa-closed-captioning-slash {
    --fa: "\e135";
}

.fa-clothes-hanger {
    --fa: "\e136";
}

.fa-cloud-slash {
    --fa: "\e137";
}

.fa-cloud-word {
    --fa: "\e138";
}

.fa-clover {
    --fa: "\e139";
}

.fa-code-compare {
    --fa: "\e13a";
}

.fa-code-fork {
    --fa: "\e13b";
}

.fa-code-pull-request {
    --fa: "\e13c";
}

.fa-code-simple {
    --fa: "\e13d";
}

.fa-coffee-bean {
    --fa: "\e13e";
}

.fa-coffee-beans {
    --fa: "\e13f";
}

.fa-colon-sign {
    --fa: "\e140";
}

.fa-command {
    --fa: "\e142";
}

.fa-comment-arrow-down {
    --fa: "\e143";
}

.fa-comment-arrow-up {
    --fa: "\e144";
}

.fa-comment-arrow-up-right {
    --fa: "\e145";
}

.fa-comment-captions {
    --fa: "\e146";
}

.fa-comment-code {
    --fa: "\e147";
}

.fa-comment-image {
    --fa: "\e148";
}

.fa-comment-middle {
    --fa: "\e149";
}

.fa-comment-middle-top {
    --fa: "\e14a";
}

.fa-comment-question {
    --fa: "\e14b";
}

.fa-comment-quote {
    --fa: "\e14c";
}

.fa-comment-text {
    --fa: "\e14d";
}

.fa-comments-question {
    --fa: "\e14e";
}

.fa-comments-question-check {
    --fa: "\e14f";
}

.fa-conveyor-belt-empty {
    --fa: "\e150";
}

.fa-crate-empty {
    --fa: "\e151";
}

.fa-cruzeiro-sign {
    --fa: "\e152";
}

.fa-delete-right {
    --fa: "\e154";
}

.fa-desktop-arrow-down {
    --fa: "\e155";
}

.fa-diagram-lean-canvas {
    --fa: "\e156";
}

.fa-diagram-nested {
    --fa: "\e157";
}

.fa-diagram-sankey {
    --fa: "\e158";
}

.fa-diagram-venn {
    --fa: "\e15a";
}

.fa-dial {
    --fa: "\e15b";
}

.fa-dial-med-high {
    --fa: "\e15b";
}

.fa-dial-high {
    --fa: "\e15c";
}

.fa-dial-low {
    --fa: "\e15d";
}

.fa-dial-max {
    --fa: "\e15e";
}

.fa-dial-med {
    --fa: "\e15f";
}

.fa-dial-med-low {
    --fa: "\e160";
}

.fa-dial-min {
    --fa: "\e161";
}

.fa-dial-off {
    --fa: "\e162";
}

.fa-display {
    --fa: "\e163";
}

.fa-display-arrow-down {
    --fa: "\e164";
}

.fa-display-code {
    --fa: "\e165";
}

.fa-desktop-code {
    --fa: "\e165";
}

.fa-display-medical {
    --fa: "\e166";
}

.fa-desktop-medical {
    --fa: "\e166";
}

.fa-dolphin {
    --fa: "\e168";
}

.fa-dong-sign {
    --fa: "\e169";
}

.fa-down-left {
    --fa: "\e16a";
}

.fa-down-right {
    --fa: "\e16b";
}

.fa-eggplant {
    --fa: "\e16c";
}

.fa-elevator {
    --fa: "\e16d";
}

.fa-engine {
    --fa: "\e16e";
}

.fa-envelope-dot {
    --fa: "\e16f";
}

.fa-envelope-badge {
    --fa: "\e16f";
}

.fa-envelopes {
    --fa: "\e170";
}

.fa-escalator {
    --fa: "\e171";
}

.fa-eye-dropper-full {
    --fa: "\e172";
}

.fa-eye-dropper-half {
    --fa: "\e173";
}

.fa-ferris-wheel {
    --fa: "\e174";
}

.fa-file-binary {
    --fa: "\e175";
}

.fa-file-heart {
    --fa: "\e176";
}

.fa-file-plus-minus {
    --fa: "\e177";
}

.fa-files {
    --fa: "\e178";
}

.fa-film-slash {
    --fa: "\e179";
}

.fa-films {
    --fa: "\e17a";
}

.fa-filter-circle-xmark {
    --fa: "\e17b";
}

.fa-filter-list {
    --fa: "\e17c";
}

.fa-filter-slash {
    --fa: "\e17d";
}

.fa-filters {
    --fa: "\e17e";
}

.fa-fire-hydrant {
    --fa: "\e17f";
}

.fa-floppy-disk-circle-arrow-right {
    --fa: "\e180";
}

.fa-save-circle-arrow-right {
    --fa: "\e180";
}

.fa-floppy-disk-circle-xmark {
    --fa: "\e181";
}

.fa-floppy-disk-times {
    --fa: "\e181";
}

.fa-save-circle-xmark {
    --fa: "\e181";
}

.fa-save-times {
    --fa: "\e181";
}

.fa-floppy-disk-pen {
    --fa: "\e182";
}

.fa-floppy-disks {
    --fa: "\e183";
}

.fa-florin-sign {
    --fa: "\e184";
}

.fa-folder-closed {
    --fa: "\e185";
}

.fa-folder-bookmark {
    --fa: "\e186";
}

.fa-folder-gear {
    --fa: "\e187";
}

.fa-folder-cog {
    --fa: "\e187";
}

.fa-folder-grid {
    --fa: "\e188";
}

.fa-folder-heart {
    --fa: "\e189";
}

.fa-folder-image {
    --fa: "\e18a";
}

.fa-folder-magnifying-glass {
    --fa: "\e18b";
}

.fa-folder-search {
    --fa: "\e18b";
}

.fa-folder-medical {
    --fa: "\e18c";
}

.fa-folder-music {
    --fa: "\e18d";
}

.fa-folder-user {
    --fa: "\e18e";
}

.fa-franc-sign {
    --fa: "\e18f";
}

.fa-gif {
    --fa: "\e190";
}

.fa-glass-empty {
    --fa: "\e191";
}

.fa-glass-half {
    --fa: "\e192";
}

.fa-glass-half-empty {
    --fa: "\e192";
}

.fa-glass-half-full {
    --fa: "\e192";
}

.fa-grate {
    --fa: "\e193";
}

.fa-grate-droplet {
    --fa: "\e194";
}

.fa-grid {
    --fa: "\e195";
}

.fa-grid-3 {
    --fa: "\e195";
}

.fa-grid-2 {
    --fa: "\e196";
}

.fa-grid-2-plus {
    --fa: "\e197";
}

.fa-grid-4 {
    --fa: "\e198";
}

.fa-grid-5 {
    --fa: "\e199";
}

.fa-guarani-sign {
    --fa: "\e19a";
}

.fa-gun {
    --fa: "\e19b";
}

.fa-gun-slash {
    --fa: "\e19c";
}

.fa-gun-squirt {
    --fa: "\e19d";
}

.fa-hand-back-point-down {
    --fa: "\e19e";
}

.fa-hand-back-point-left {
    --fa: "\e19f";
}

.fa-hand-back-point-ribbon {
    --fa: "\e1a0";
}

.fa-hand-back-point-right {
    --fa: "\e1a1";
}

.fa-hand-back-point-up {
    --fa: "\e1a2";
}

.fa-hand-fingers-crossed {
    --fa: "\e1a3";
}

.fa-hand-holding-skull {
    --fa: "\e1a4";
}

.fa-hand-love {
    --fa: "\e1a5";
}

.fa-hand-point-ribbon {
    --fa: "\e1a6";
}

.fa-hand-wave {
    --fa: "\e1a7";
}

.fa-hands-clapping {
    --fa: "\e1a8";
}

.fa-hand-horns {
    --fa: "\e1a9";
}

.fa-head-side-heart {
    --fa: "\e1aa";
}

.fa-heart-half {
    --fa: "\e1ab";
}

.fa-heart-half-stroke {
    --fa: "\e1ac";
}

.fa-heart-half-alt {
    --fa: "\e1ac";
}

.fa-hexagon-divide {
    --fa: "\e1ad";
}

.fa-high-definition {
    --fa: "\e1ae";
}

.fa-rectangle-hd {
    --fa: "\e1ae";
}

.fa-highlighter-line {
    --fa: "\e1af";
}

.fa-house-user {
    --fa: "\e1b0";
}

.fa-home-user {
    --fa: "\e1b0";
}

.fa-house-building {
    --fa: "\e1b1";
}

.fa-house-chimney-heart {
    --fa: "\e1b2";
}

.fa-house-tree {
    --fa: "\e1b3";
}

.fa-house-turret {
    --fa: "\e1b4";
}

.fa-image-landscape {
    --fa: "\e1b5";
}

.fa-landscape {
    --fa: "\e1b5";
}

.fa-image-polaroid-user {
    --fa: "\e1b6";
}

.fa-image-slash {
    --fa: "\e1b7";
}

.fa-image-user {
    --fa: "\e1b8";
}

.fa-images-user {
    --fa: "\e1b9";
}

.fa-inbox-full {
    --fa: "\e1ba";
}

.fa-inboxes {
    --fa: "\e1bb";
}

.fa-indian-rupee-sign {
    --fa: "\e1bc";
}

.fa-indian-rupee {
    --fa: "\e1bc";
}

.fa-inr {
    --fa: "\e1bc";
}

.fa-input-numeric {
    --fa: "\e1bd";
}

.fa-input-pipe {
    --fa: "\e1be";
}

.fa-input-text {
    --fa: "\e1bf";
}

.fa-keyboard-brightness {
    --fa: "\e1c0";
}

.fa-keyboard-brightness-low {
    --fa: "\e1c1";
}

.fa-keyboard-down {
    --fa: "\e1c2";
}

.fa-keyboard-left {
    --fa: "\e1c3";
}

.fa-kip-sign {
    --fa: "\e1c4";
}

.fa-lamp-street {
    --fa: "\e1c5";
}

.fa-laptop-arrow-down {
    --fa: "\e1c6";
}

.fa-laptop-slash {
    --fa: "\e1c7";
}

.fa-lari-sign {
    --fa: "\e1c8";
}

.fa-lasso-sparkles {
    --fa: "\e1c9";
}

.fa-lightbulb-exclamation-on {
    --fa: "\e1ca";
}

.fa-link-horizontal {
    --fa: "\e1cb";
}

.fa-chain-horizontal {
    --fa: "\e1cb";
}

.fa-link-horizontal-slash {
    --fa: "\e1cc";
}

.fa-chain-horizontal-slash {
    --fa: "\e1cc";
}

.fa-link-simple {
    --fa: "\e1cd";
}

.fa-link-simple-slash {
    --fa: "\e1ce";
}

.fa-list-dropdown {
    --fa: "\e1cf";
}

.fa-list-radio {
    --fa: "\e1d0";
}

.fa-list-timeline {
    --fa: "\e1d1";
}

.fa-list-tree {
    --fa: "\e1d2";
}

.fa-litecoin-sign {
    --fa: "\e1d3";
}

.fa-loader {
    --fa: "\e1d4";
}

.fa-manat-sign {
    --fa: "\e1d5";
}

.fa-manhole {
    --fa: "\e1d6";
}

.fa-mask-face {
    --fa: "\e1d7";
}

.fa-memo {
    --fa: "\e1d8";
}

.fa-memo-circle-check {
    --fa: "\e1d9";
}

.fa-memo-pad {
    --fa: "\e1da";
}

.fa-message-arrow-down {
    --fa: "\e1db";
}

.fa-comment-alt-arrow-down {
    --fa: "\e1db";
}

.fa-message-arrow-up {
    --fa: "\e1dc";
}

.fa-comment-alt-arrow-up {
    --fa: "\e1dc";
}

.fa-message-arrow-up-right {
    --fa: "\e1dd";
}

.fa-message-captions {
    --fa: "\e1de";
}

.fa-comment-alt-captions {
    --fa: "\e1de";
}

.fa-message-code {
    --fa: "\e1df";
}

.fa-message-image {
    --fa: "\e1e0";
}

.fa-comment-alt-image {
    --fa: "\e1e0";
}

.fa-message-middle {
    --fa: "\e1e1";
}

.fa-comment-middle-alt {
    --fa: "\e1e1";
}

.fa-message-middle-top {
    --fa: "\e1e2";
}

.fa-comment-middle-top-alt {
    --fa: "\e1e2";
}

.fa-message-question {
    --fa: "\e1e3";
}

.fa-message-quote {
    --fa: "\e1e4";
}

.fa-comment-alt-quote {
    --fa: "\e1e4";
}

.fa-message-sms {
    --fa: "\e1e5";
}

.fa-message-text {
    --fa: "\e1e6";
}

.fa-comment-alt-text {
    --fa: "\e1e6";
}

.fa-messages-question {
    --fa: "\e1e7";
}

.fa-meter {
    --fa: "\e1e8";
}

.fa-meter-bolt {
    --fa: "\e1e9";
}

.fa-meter-droplet {
    --fa: "\e1ea";
}

.fa-meter-fire {
    --fa: "\e1eb";
}

.fa-microchip-ai {
    --fa: "\e1ec";
}

.fa-mill-sign {
    --fa: "\e1ed";
}

.fa-mobile-notch {
    --fa: "\e1ee";
}

.fa-mobile-iphone {
    --fa: "\e1ee";
}

.fa-mobile-signal {
    --fa: "\e1ef";
}

.fa-mobile-signal-out {
    --fa: "\e1f0";
}

.fa-money-bill-simple {
    --fa: "\e1f1";
}

.fa-money-bill-simple-wave {
    --fa: "\e1f2";
}

.fa-money-bills {
    --fa: "\e1f3";
}

.fa-money-bills-simple {
    --fa: "\e1f4";
}

.fa-money-bills-alt {
    --fa: "\e1f4";
}

.fa-mug-tea-saucer {
    --fa: "\e1f5";
}

.fa-naira-sign {
    --fa: "\e1f6";
}

.fa-nfc {
    --fa: "\e1f7";
}

.fa-nfc-lock {
    --fa: "\e1f8";
}

.fa-nfc-magnifying-glass {
    --fa: "\e1f9";
}

.fa-nfc-pen {
    --fa: "\e1fa";
}

.fa-nfc-signal {
    --fa: "\e1fb";
}

.fa-nfc-slash {
    --fa: "\e1fc";
}

.fa-nfc-trash {
    --fa: "\e1fd";
}

.fa-notdef {
    --fa: "\e1fe";
}

.fa-note {
    --fa: "\e1ff";
}

.fa-note-medical {
    --fa: "\e200";
}

.fa-notebook {
    --fa: "\e201";
}

.fa-notes {
    --fa: "\e202";
}

.fa-octagon-divide {
    --fa: "\e203";
}

.fa-octagon-exclamation {
    --fa: "\e204";
}

.fa-oil-can-drip {
    --fa: "\e205";
}

.fa-paintbrush-pencil {
    --fa: "\e206";
}

.fa-pallet-box {
    --fa: "\e208";
}

.fa-panorama {
    --fa: "\e209";
}

.fa-paper-plane-top {
    --fa: "\e20a";
}

.fa-paper-plane-alt {
    --fa: "\e20a";
}

.fa-send {
    --fa: "\e20a";
}

.fa-peach {
    --fa: "\e20b";
}

.fa-pear {
    --fa: "\e20c";
}

.fa-pedestal {
    --fa: "\e20d";
}

.fa-pen-circle {
    --fa: "\e20e";
}

.fa-pen-clip-slash {
    --fa: "\e20f";
}

.fa-pen-alt-slash {
    --fa: "\e20f";
}

.fa-pen-fancy-slash {
    --fa: "\e210";
}

.fa-pen-field {
    --fa: "\e211";
}

.fa-pen-line {
    --fa: "\e212";
}

.fa-pen-slash {
    --fa: "\e213";
}

.fa-pen-swirl {
    --fa: "\e214";
}

.fa-pencil-slash {
    --fa: "\e215";
}

.fa-people {
    --fa: "\e216";
}

.fa-people-dress {
    --fa: "\e217";
}

.fa-people-dress-simple {
    --fa: "\e218";
}

.fa-people-pants {
    --fa: "\e219";
}

.fa-people-pants-simple {
    --fa: "\e21a";
}

.fa-people-simple {
    --fa: "\e21b";
}

.fa-person-dress-simple {
    --fa: "\e21c";
}

.fa-person-pinball {
    --fa: "\e21d";
}

.fa-person-seat {
    --fa: "\e21e";
}

.fa-person-seat-reclined {
    --fa: "\e21f";
}

.fa-person-simple {
    --fa: "\e220";
}

.fa-peseta-sign {
    --fa: "\e221";
}

.fa-peso-sign {
    --fa: "\e222";
}

.fa-phone-arrow-down-left {
    --fa: "\e223";
}

.fa-phone-arrow-down {
    --fa: "\e223";
}

.fa-phone-incoming {
    --fa: "\e223";
}

.fa-phone-arrow-up-right {
    --fa: "\e224";
}

.fa-phone-arrow-up {
    --fa: "\e224";
}

.fa-phone-outgoing {
    --fa: "\e224";
}

.fa-phone-hangup {
    --fa: "\e225";
}

.fa-phone-missed {
    --fa: "\e226";
}

.fa-phone-xmark {
    --fa: "\e227";
}

.fa-photo-film-music {
    --fa: "\e228";
}

.fa-pinball {
    --fa: "\e229";
}

.fa-plane-prop {
    --fa: "\e22b";
}

.fa-plane-tail {
    --fa: "\e22c";
}

.fa-plane-up {
    --fa: "\e22d";
}

.fa-plane-up-slash {
    --fa: "\e22e";
}

.fa-play-pause {
    --fa: "\e22f";
}

.fa-puzzle-piece-simple {
    --fa: "\e231";
}

.fa-puzzle-piece-alt {
    --fa: "\e231";
}

.fa-quotes {
    --fa: "\e234";
}

.fa-rectangle-pro {
    --fa: "\e235";
}

.fa-pro {
    --fa: "\e235";
}

.fa-rectangle-terminal {
    --fa: "\e236";
}

.fa-rectangle-vertical-history {
    --fa: "\e237";
}

.fa-reel {
    --fa: "\e238";
}

.fa-reply-clock {
    --fa: "\e239";
}

.fa-reply-time {
    --fa: "\e239";
}

.fa-restroom-simple {
    --fa: "\e23a";
}

.fa-rhombus {
    --fa: "\e23b";
}

.fa-rotate-exclamation {
    --fa: "\e23c";
}

.fa-rupiah-sign {
    --fa: "\e23d";
}

.fa-screencast {
    --fa: "\e23e";
}

.fa-scribble {
    --fa: "\e23f";
}

.fa-sd-cards {
    --fa: "\e240";
}

.fa-seal {
    --fa: "\e241";
}

.fa-seal-exclamation {
    --fa: "\e242";
}

.fa-seal-question {
    --fa: "\e243";
}

.fa-seat-airline {
    --fa: "\e244";
}

.fa-shelves-empty {
    --fa: "\e246";
}

.fa-shield-exclamation {
    --fa: "\e247";
}

.fa-shield-keyhole {
    --fa: "\e248";
}

.fa-shield-minus {
    --fa: "\e249";
}

.fa-shield-plus {
    --fa: "\e24a";
}

.fa-shield-slash {
    --fa: "\e24b";
}

.fa-shield-xmark {
    --fa: "\e24c";
}

.fa-shield-times {
    --fa: "\e24c";
}

.fa-shower-down {
    --fa: "\e24d";
}

.fa-shower-alt {
    --fa: "\e24d";
}

.fa-sidebar {
    --fa: "\e24e";
}

.fa-sidebar-flip {
    --fa: "\e24f";
}

.fa-signal-stream-slash {
    --fa: "\e250";
}

.fa-sim-cards {
    --fa: "\e251";
}

.fa-slider {
    --fa: "\e252";
}

.fa-sliders-simple {
    --fa: "\e253";
}

.fa-split {
    --fa: "\e254";
}

.fa-square-0 {
    --fa: "\e255";
}

.fa-square-1 {
    --fa: "\e256";
}

.fa-square-2 {
    --fa: "\e257";
}

.fa-square-3 {
    --fa: "\e258";
}

.fa-square-4 {
    --fa: "\e259";
}

.fa-square-5 {
    --fa: "\e25a";
}

.fa-square-6 {
    --fa: "\e25b";
}

.fa-square-7 {
    --fa: "\e25c";
}

.fa-square-8 {
    --fa: "\e25d";
}

.fa-square-9 {
    --fa: "\e25e";
}

.fa-square-a {
    --fa: "\e25f";
}

.fa-square-ampersand {
    --fa: "\e260";
}

.fa-square-arrow-down-left {
    --fa: "\e261";
}

.fa-square-arrow-down-right {
    --fa: "\e262";
}

.fa-square-arrow-up-left {
    --fa: "\e263";
}

.fa-square-b {
    --fa: "\e264";
}

.fa-square-bolt {
    --fa: "\e265";
}

.fa-square-c {
    --fa: "\e266";
}

.fa-square-code {
    --fa: "\e267";
}

.fa-square-d {
    --fa: "\e268";
}

.fa-square-dashed {
    --fa: "\e269";
}

.fa-square-divide {
    --fa: "\e26a";
}

.fa-square-down-left {
    --fa: "\e26b";
}

.fa-square-down-right {
    --fa: "\e26c";
}

.fa-square-e {
    --fa: "\e26d";
}

.fa-square-ellipsis {
    --fa: "\e26e";
}

.fa-square-ellipsis-vertical {
    --fa: "\e26f";
}

.fa-square-f {
    --fa: "\e270";
}

.fa-square-g {
    --fa: "\e271";
}

.fa-square-i {
    --fa: "\e272";
}

.fa-square-j {
    --fa: "\e273";
}

.fa-square-k {
    --fa: "\e274";
}

.fa-square-l {
    --fa: "\e275";
}

.fa-square-m {
    --fa: "\e276";
}

.fa-square-n {
    --fa: "\e277";
}

.fa-square-o {
    --fa: "\e278";
}

.fa-square-p {
    --fa: "\e279";
}

.fa-square-phone-hangup {
    --fa: "\e27a";
}

.fa-phone-square-down {
    --fa: "\e27a";
}

.fa-square-q {
    --fa: "\e27b";
}

.fa-square-r {
    --fa: "\e27c";
}

.fa-square-s {
    --fa: "\e27d";
}

.fa-square-small {
    --fa: "\e27e";
}

.fa-square-star {
    --fa: "\e27f";
}

.fa-square-t {
    --fa: "\e280";
}

.fa-square-u {
    --fa: "\e281";
}

.fa-square-up-left {
    --fa: "\e282";
}

.fa-square-user {
    --fa: "\e283";
}

.fa-square-v {
    --fa: "\e284";
}

.fa-square-w {
    --fa: "\e285";
}

.fa-square-x {
    --fa: "\e286";
}

.fa-square-y {
    --fa: "\e287";
}

.fa-square-z {
    --fa: "\e288";
}

.fa-stairs {
    --fa: "\e289";
}

.fa-standard-definition {
    --fa: "\e28a";
}

.fa-rectangle-sd {
    --fa: "\e28a";
}

.fa-star-sharp {
    --fa: "\e28b";
}

.fa-star-sharp-half {
    --fa: "\e28c";
}

.fa-star-sharp-half-stroke {
    --fa: "\e28d";
}

.fa-star-sharp-half-alt {
    --fa: "\e28d";
}

.fa-starfighter-twin-ion-engine-advanced {
    --fa: "\e28e";
}

.fa-starfighter-alt-advanced {
    --fa: "\e28e";
}

.fa-sun-bright {
    --fa: "\e28f";
}

.fa-sun-alt {
    --fa: "\e28f";
}

.fa-table-layout {
    --fa: "\e290";
}

.fa-table-pivot {
    --fa: "\e291";
}

.fa-table-rows {
    --fa: "\e292";
}

.fa-rows {
    --fa: "\e292";
}

.fa-table-tree {
    --fa: "\e293";
}

.fa-tally-1 {
    --fa: "\e294";
}

.fa-tally-2 {
    --fa: "\e295";
}

.fa-tally-3 {
    --fa: "\e296";
}

.fa-tally-4 {
    --fa: "\e297";
}

.fa-taxi-bus {
    --fa: "\e298";
}

.fa-temperature-list {
    --fa: "\e299";
}

.fa-ticket-airline {
    --fa: "\e29a";
}

.fa-ticket-perforated-plane {
    --fa: "\e29a";
}

.fa-ticket-plane {
    --fa: "\e29a";
}

.fa-tickets-airline {
    --fa: "\e29b";
}

.fa-tickets-perforated-plane {
    --fa: "\e29b";
}

.fa-tickets-plane {
    --fa: "\e29b";
}

.fa-timeline {
    --fa: "\e29c";
}

.fa-timeline-arrow {
    --fa: "\e29d";
}

.fa-timer {
    --fa: "\e29e";
}

.fa-toilet-paper-under {
    --fa: "\e2a0";
}

.fa-toilet-paper-blank-under {
    --fa: "\e2a0";
}

.fa-toilet-paper-reverse {
    --fa: "\e2a0";
}

.fa-toilet-paper-reverse-alt {
    --fa: "\e2a0";
}

.fa-toilet-paper-under-slash {
    --fa: "\e2a1";
}

.fa-toilet-paper-reverse-slash {
    --fa: "\e2a1";
}

.fa-tower-control {
    --fa: "\e2a2";
}

.fa-train-subway-tunnel {
    --fa: "\e2a3";
}

.fa-subway-tunnel {
    --fa: "\e2a3";
}

.fa-transformer-bolt {
    --fa: "\e2a4";
}

.fa-transporter-4 {
    --fa: "\e2a5";
}

.fa-transporter-5 {
    --fa: "\e2a6";
}

.fa-transporter-6 {
    --fa: "\e2a7";
}

.fa-transporter-7 {
    --fa: "\e2a8";
}

.fa-trash-can-check {
    --fa: "\e2a9";
}

.fa-trash-can-clock {
    --fa: "\e2aa";
}

.fa-trash-can-list {
    --fa: "\e2ab";
}

.fa-trash-can-plus {
    --fa: "\e2ac";
}

.fa-trash-can-slash {
    --fa: "\e2ad";
}

.fa-trash-alt-slash {
    --fa: "\e2ad";
}

.fa-trash-can-xmark {
    --fa: "\e2ae";
}

.fa-trash-check {
    --fa: "\e2af";
}

.fa-trash-clock {
    --fa: "\e2b0";
}

.fa-trash-list {
    --fa: "\e2b1";
}

.fa-trash-plus {
    --fa: "\e2b2";
}

.fa-trash-slash {
    --fa: "\e2b3";
}

.fa-trash-xmark {
    --fa: "\e2b4";
}

.fa-truck-container-empty {
    --fa: "\e2b5";
}

.fa-truck-flatbed {
    --fa: "\e2b6";
}

.fa-truck-front {
    --fa: "\e2b7";
}

.fa-truck-tow {
    --fa: "\e2b8";
}

.fa-tty-answer {
    --fa: "\e2b9";
}

.fa-teletype-answer {
    --fa: "\e2b9";
}

.fa-tugrik-sign {
    --fa: "\e2ba";
}

.fa-turkish-lira-sign {
    --fa: "\e2bb";
}

.fa-try {
    --fa: "\e2bb";
}

.fa-turkish-lira {
    --fa: "\e2bb";
}

.fa-umbrella-simple {
    --fa: "\e2bc";
}

.fa-umbrella-alt {
    --fa: "\e2bc";
}

.fa-up-left {
    --fa: "\e2bd";
}

.fa-up-right {
    --fa: "\e2be";
}

.fa-user-bounty-hunter {
    --fa: "\e2bf";
}

.fa-user-pilot {
    --fa: "\e2c0";
}

.fa-user-pilot-tie {
    --fa: "\e2c1";
}

.fa-user-shakespeare {
    --fa: "\e2c2";
}

.fa-utility-pole {
    --fa: "\e2c3";
}

.fa-utility-pole-double {
    --fa: "\e2c4";
}

.fa-vault {
    --fa: "\e2c5";
}

.fa-video-arrow-down-left {
    --fa: "\e2c8";
}

.fa-video-arrow-up-right {
    --fa: "\e2c9";
}

.fa-wand-magic-sparkles {
    --fa: "\e2ca";
}

.fa-magic-wand-sparkles {
    --fa: "\e2ca";
}

.fa-watch-apple {
    --fa: "\e2cb";
}

.fa-watch-smart {
    --fa: "\e2cc";
}

.fa-wheat-awn {
    --fa: "\e2cd";
}

.fa-wheat-alt {
    --fa: "\e2cd";
}

.fa-wheelchair-move {
    --fa: "\e2ce";
}

.fa-wheelchair-alt {
    --fa: "\e2ce";
}

.fa-wifi-exclamation {
    --fa: "\e2cf";
}

.fa-wrench-simple {
    --fa: "\e2d1";
}

.fa-robot-astromech {
    --fa: "\e2d2";
}

.fa-360-degrees {
    --fa: "\e2dc";
}

.fa-aperture {
    --fa: "\e2df";
}

.fa-arrow-turn-down-left {
    --fa: "\e2e1";
}

.fa-balloon {
    --fa: "\e2e3";
}

.fa-balloons {
    --fa: "\e2e4";
}

.fa-banana {
    --fa: "\e2e5";
}

.fa-bangladeshi-taka-sign {
    --fa: "\e2e6";
}

.fa-bench-tree {
    --fa: "\e2e7";
}

.fa-blueberries {
    --fa: "\e2e8";
}

.fa-bowl-chopsticks {
    --fa: "\e2e9";
}

.fa-bowl-chopsticks-noodles {
    --fa: "\e2ea";
}

.fa-bowl-rice {
    --fa: "\e2eb";
}

.fa-briefcase-arrow-right {
    --fa: "\e2f2";
}

.fa-citrus {
    --fa: "\e2f4";
}

.fa-citrus-slice {
    --fa: "\e2f5";
}

.fa-coconut {
    --fa: "\e2f6";
}

.fa-display-slash {
    --fa: "\e2fa";
}

.fa-desktop-slash {
    --fa: "\e2fa";
}

.fa-face-explode {
    --fa: "\e2fe";
}

.fa-exploding-head {
    --fa: "\e2fe";
}

.fa-face-viewfinder {
    --fa: "\e2ff";
}

.fa-family {
    --fa: "\e300";
}

.fa-family-dress {
    --fa: "\e301";
}

.fa-family-pants {
    --fa: "\e302";
}

.fa-fence {
    --fa: "\e303";
}

.fa-fish-bones {
    --fa: "\e304";
}

.fa-grapes {
    --fa: "\e306";
}

.fa-kiwi-fruit {
    --fa: "\e30c";
}

.fa-mango {
    --fa: "\e30f";
}

.fa-melon {
    --fa: "\e310";
}

.fa-melon-slice {
    --fa: "\e311";
}

.fa-money-from-bracket {
    --fa: "\e312";
}

.fa-money-simple-from-bracket {
    --fa: "\e313";
}

.fa-olive {
    --fa: "\e316";
}

.fa-olive-branch {
    --fa: "\e317";
}

.fa-option {
    --fa: "\e318";
}

.fa-party-bell {
    --fa: "\e31a";
}

.fa-party-horn {
    --fa: "\e31b";
}

.fa-peapod {
    --fa: "\e31c";
}

.fa-person-pregnant {
    --fa: "\e31e";
}

.fa-pineapple {
    --fa: "\e31f";
}

.fa-rectangle-code {
    --fa: "\e322";
}

.fa-rectangles-mixed {
    --fa: "\e323";
}

.fa-roller-coaster {
    --fa: "\e324";
}

.fa-square-quote {
    --fa: "\e329";
}

.fa-square-terminal {
    --fa: "\e32a";
}

.fa-strawberry {
    --fa: "\e32b";
}

.fa-table-picnic {
    --fa: "\e32d";
}

.fa-thought-bubble {
    --fa: "\e32e";
}

.fa-tick {
    --fa: "\e32f";
}

.fa-tomato {
    --fa: "\e330";
}

.fa-turn-down-left {
    --fa: "\e331";
}

.fa-user-police {
    --fa: "\e333";
}

.fa-user-police-tie {
    --fa: "\e334";
}

.fa-watermelon-slice {
    --fa: "\e337";
}

.fa-wheat-awn-slash {
    --fa: "\e338";
}

.fa-wheat-slash {
    --fa: "\e339";
}

.fa-badminton {
    --fa: "\e33a";
}

.fa-binary {
    --fa: "\e33b";
}

.fa-binary-circle-check {
    --fa: "\e33c";
}

.fa-binary-lock {
    --fa: "\e33d";
}

.fa-binary-slash {
    --fa: "\e33e";
}

.fa-boot-heeled {
    --fa: "\e33f";
}

.fa-car-bolt {
    --fa: "\e341";
}

.fa-car-circle-bolt {
    --fa: "\e342";
}

.fa-car-mirrors {
    --fa: "\e343";
}

.fa-car-side-bolt {
    --fa: "\e344";
}

.fa-clock-eight {
    --fa: "\e345";
}

.fa-clock-eight-thirty {
    --fa: "\e346";
}

.fa-clock-eleven {
    --fa: "\e347";
}

.fa-clock-eleven-thirty {
    --fa: "\e348";
}

.fa-clock-five {
    --fa: "\e349";
}

.fa-clock-five-thirty {
    --fa: "\e34a";
}

.fa-clock-four-thirty {
    --fa: "\e34b";
}

.fa-clock-nine {
    --fa: "\e34c";
}

.fa-clock-nine-thirty {
    --fa: "\e34d";
}

.fa-clock-one {
    --fa: "\e34e";
}

.fa-clock-one-thirty {
    --fa: "\e34f";
}

.fa-clock-seven {
    --fa: "\e350";
}

.fa-clock-seven-thirty {
    --fa: "\e351";
}

.fa-clock-six {
    --fa: "\e352";
}

.fa-clock-six-thirty {
    --fa: "\e353";
}

.fa-clock-ten {
    --fa: "\e354";
}

.fa-clock-ten-thirty {
    --fa: "\e355";
}

.fa-clock-three {
    --fa: "\e356";
}

.fa-clock-three-thirty {
    --fa: "\e357";
}

.fa-clock-twelve {
    --fa: "\e358";
}

.fa-clock-twelve-thirty {
    --fa: "\e359";
}

.fa-clock-two {
    --fa: "\e35a";
}

.fa-clock-two-thirty {
    --fa: "\e35b";
}

.fa-cloud-check {
    --fa: "\e35c";
}

.fa-cloud-minus {
    --fa: "\e35d";
}

.fa-cloud-plus {
    --fa: "\e35e";
}

.fa-cloud-xmark {
    --fa: "\e35f";
}

.fa-columns-3 {
    --fa: "\e361";
}

.fa-crystal-ball {
    --fa: "\e362";
}

.fa-cup-straw {
    --fa: "\e363";
}

.fa-cup-straw-swoosh {
    --fa: "\e364";
}

.fa-distribute-spacing-horizontal {
    --fa: "\e365";
}

.fa-distribute-spacing-vertical {
    --fa: "\e366";
}

.fa-eyes {
    --fa: "\e367";
}

.fa-face-angry-horns {
    --fa: "\e368";
}

.fa-face-anguished {
    --fa: "\e369";
}

.fa-face-anxious-sweat {
    --fa: "\e36a";
}

.fa-face-astonished {
    --fa: "\e36b";
}

.fa-face-confounded {
    --fa: "\e36c";
}

.fa-face-confused {
    --fa: "\e36d";
}

.fa-face-cowboy-hat {
    --fa: "\e36e";
}

.fa-face-disappointed {
    --fa: "\e36f";
}

.fa-face-disguise {
    --fa: "\e370";
}

.fa-face-downcast-sweat {
    --fa: "\e371";
}

.fa-face-drooling {
    --fa: "\e372";
}

.fa-face-expressionless {
    --fa: "\e373";
}

.fa-face-eyes-xmarks {
    --fa: "\e374";
}

.fa-face-fearful {
    --fa: "\e375";
}

.fa-face-frown-slight {
    --fa: "\e376";
}

.fa-face-glasses {
    --fa: "\e377";
}

.fa-face-hand-over-mouth {
    --fa: "\e378";
}

.fa-face-hand-yawn {
    --fa: "\e379";
}

.fa-face-head-bandage {
    --fa: "\e37a";
}

.fa-face-hushed {
    --fa: "\e37b";
}

.fa-face-icicles {
    --fa: "\e37c";
}

.fa-face-kiss-closed-eyes {
    --fa: "\e37d";
}

.fa-face-lying {
    --fa: "\e37e";
}

.fa-face-mask {
    --fa: "\e37f";
}

.fa-face-monocle {
    --fa: "\e380";
}

.fa-face-nauseated {
    --fa: "\e381";
}

.fa-face-nose-steam {
    --fa: "\e382";
}

.fa-face-party {
    --fa: "\e383";
}

.fa-face-pensive {
    --fa: "\e384";
}

.fa-face-persevering {
    --fa: "\e385";
}

.fa-face-pleading {
    --fa: "\e386";
}

.fa-face-pouting {
    --fa: "\e387";
}

.fa-face-raised-eyebrow {
    --fa: "\e388";
}

.fa-face-relieved {
    --fa: "\e389";
}

.fa-face-sad-sweat {
    --fa: "\e38a";
}

.fa-face-scream {
    --fa: "\e38b";
}

.fa-face-shush {
    --fa: "\e38c";
}

.fa-face-sleeping {
    --fa: "\e38d";
}

.fa-face-sleepy {
    --fa: "\e38e";
}

.fa-face-smile-halo {
    --fa: "\e38f";
}

.fa-face-smile-hearts {
    --fa: "\e390";
}

.fa-face-smile-horns {
    --fa: "\e391";
}

.fa-face-smile-relaxed {
    --fa: "\e392";
}

.fa-face-smile-tear {
    --fa: "\e393";
}

.fa-face-smile-tongue {
    --fa: "\e394";
}

.fa-face-smile-upside-down {
    --fa: "\e395";
}

.fa-face-smiling-hands {
    --fa: "\e396";
}

.fa-face-smirking {
    --fa: "\e397";
}

.fa-face-sunglasses {
    --fa: "\e398";
}

.fa-face-swear {
    --fa: "\e399";
}

.fa-face-thermometer {
    --fa: "\e39a";
}

.fa-face-thinking {
    --fa: "\e39b";
}

.fa-face-tissue {
    --fa: "\e39c";
}

.fa-face-tongue-money {
    --fa: "\e39d";
}

.fa-face-tongue-sweat {
    --fa: "\e39e";
}

.fa-face-unamused {
    --fa: "\e39f";
}

.fa-face-vomit {
    --fa: "\e3a0";
}

.fa-face-weary {
    --fa: "\e3a1";
}

.fa-face-woozy {
    --fa: "\e3a2";
}

.fa-face-worried {
    --fa: "\e3a3";
}

.fa-face-zany {
    --fa: "\e3a4";
}

.fa-face-zipper {
    --fa: "\e3a5";
}

.fa-file-lock {
    --fa: "\e3a6";
}

.fa-file-slash {
    --fa: "\e3a7";
}

.fa-fishing-rod {
    --fa: "\e3a8";
}

.fa-flying-disc {
    --fa: "\e3a9";
}

.fa-gallery-thumbnails {
    --fa: "\e3aa";
}

.fa-goal-net {
    --fa: "\e3ab";
}

.fa-golf-flag-hole {
    --fa: "\e3ac";
}

.fa-grid-dividers {
    --fa: "\e3ad";
}

.fa-hockey-stick-puck {
    --fa: "\e3ae";
}

.fa-house-chimney {
    --fa: "\e3af";
}

.fa-home-lg {
    --fa: "\e3af";
}

.fa-house-chimney-blank {
    --fa: "\e3b0";
}

.fa-house-crack {
    --fa: "\e3b1";
}

.fa-house-medical {
    --fa: "\e3b2";
}

.fa-house-window {
    --fa: "\e3b3";
}

.fa-key-skeleton-left-right {
    --fa: "\e3b4";
}

.fa-lacrosse-stick {
    --fa: "\e3b5";
}

.fa-lacrosse-stick-ball {
    --fa: "\e3b6";
}

.fa-mask-snorkel {
    --fa: "\e3b7";
}

.fa-message-bot {
    --fa: "\e3b8";
}

.fa-moped {
    --fa: "\e3b9";
}

.fa-nesting-dolls {
    --fa: "\e3ba";
}

.fa-objects-align-bottom {
    --fa: "\e3bb";
}

.fa-objects-align-center-horizontal {
    --fa: "\e3bc";
}

.fa-objects-align-center-vertical {
    --fa: "\e3bd";
}

.fa-objects-align-left {
    --fa: "\e3be";
}

.fa-objects-align-right {
    --fa: "\e3bf";
}

.fa-objects-align-top {
    --fa: "\e3c0";
}

.fa-objects-column {
    --fa: "\e3c1";
}

.fa-paperclip-vertical {
    --fa: "\e3c2";
}

.fa-pinata {
    --fa: "\e3c3";
}

.fa-pipe-smoking {
    --fa: "\e3c4";
}

.fa-pool-8-ball {
    --fa: "\e3c5";
}

.fa-rugby-ball {
    --fa: "\e3c6";
}

.fa-shirt-long-sleeve {
    --fa: "\e3c7";
}

.fa-shirt-running {
    --fa: "\e3c8";
}

.fa-shirt-tank-top {
    --fa: "\e3c9";
}

.fa-signature-lock {
    --fa: "\e3ca";
}

.fa-signature-slash {
    --fa: "\e3cb";
}

.fa-ski-boot {
    --fa: "\e3cc";
}

.fa-ski-boot-ski {
    --fa: "\e3cd";
}

.fa-slot-machine {
    --fa: "\e3ce";
}

.fa-teddy-bear {
    --fa: "\e3cf";
}

.fa-truck-bolt {
    --fa: "\e3d0";
}

.fa-uniform-martial-arts {
    --fa: "\e3d1";
}

.fa-user-chef {
    --fa: "\e3d2";
}

.fa-user-hair-buns {
    --fa: "\e3d3";
}

.fa-arrow-left-long-to-line {
    --fa: "\e3d4";
}

.fa-arrow-right-long-to-line {
    --fa: "\e3d5";
}

.fa-arrow-turn-down-right {
    --fa: "\e3d6";
}

.fa-bagel {
    --fa: "\e3d7";
}

.fa-baguette {
    --fa: "\e3d8";
}

.fa-blanket-fire {
    --fa: "\e3da";
}

.fa-block-brick {
    --fa: "\e3db";
}

.fa-wall-brick {
    --fa: "\e3db";
}

.fa-block-brick-fire {
    --fa: "\e3dc";
}

.fa-firewall {
    --fa: "\e3dc";
}

.fa-block-question {
    --fa: "\e3dd";
}

.fa-bowl-scoop {
    --fa: "\e3de";
}

.fa-bowl-shaved-ice {
    --fa: "\e3de";
}

.fa-bowl-scoops {
    --fa: "\e3df";
}

.fa-bowl-spoon {
    --fa: "\e3e0";
}

.fa-bread-slice-butter {
    --fa: "\e3e1";
}

.fa-broccoli {
    --fa: "\e3e2";
}

.fa-burger-lettuce {
    --fa: "\e3e3";
}

.fa-butter {
    --fa: "\e3e4";
}

.fa-cake-slice {
    --fa: "\e3e5";
}

.fa-shortcake {
    --fa: "\e3e5";
}

.fa-can-food {
    --fa: "\e3e6";
}

.fa-candy {
    --fa: "\e3e7";
}

.fa-candy-bar {
    --fa: "\e3e8";
}

.fa-chocolate-bar {
    --fa: "\e3e8";
}

.fa-card-club {
    --fa: "\e3e9";
}

.fa-card-diamond {
    --fa: "\e3ea";
}

.fa-card-heart {
    --fa: "\e3eb";
}

.fa-card-spade {
    --fa: "\e3ec";
}

.fa-cards {
    --fa: "\e3ed";
}

.fa-cart-arrow-up {
    --fa: "\e3ee";
}

.fa-cart-circle-arrow-down {
    --fa: "\e3ef";
}

.fa-cart-circle-arrow-up {
    --fa: "\e3f0";
}

.fa-cart-circle-check {
    --fa: "\e3f1";
}

.fa-cart-circle-exclamation {
    --fa: "\e3f2";
}

.fa-cart-circle-plus {
    --fa: "\e3f3";
}

.fa-cart-circle-xmark {
    --fa: "\e3f4";
}

.fa-cent-sign {
    --fa: "\e3f5";
}

.fa-chestnut {
    --fa: "\e3f6";
}

.fa-chopsticks {
    --fa: "\e3f7";
}

.fa-circle-quarters {
    --fa: "\e3f8";
}

.fa-code-pull-request-closed {
    --fa: "\e3f9";
}

.fa-code-pull-request-draft {
    --fa: "\e3fa";
}

.fa-coin-blank {
    --fa: "\e3fb";
}

.fa-coin-front {
    --fa: "\e3fc";
}

.fa-coin-vertical {
    --fa: "\e3fd";
}

.fa-corner {
    --fa: "\e3fe";
}

.fa-crab {
    --fa: "\e3ff";
}

.fa-soft-serve {
    --fa: "\e400";
}

.fa-creemee {
    --fa: "\e400";
}

.fa-cucumber {
    --fa: "\e401";
}

.fa-cupcake {
    --fa: "\e402";
}

.fa-custard {
    --fa: "\e403";
}

.fa-dash {
    --fa: "\e404";
}

.fa-minus-large {
    --fa: "\e404";
}

.fa-diamond-exclamation {
    --fa: "\e405";
}

.fa-donut {
    --fa: "\e406";
}

.fa-doughnut {
    --fa: "\e406";
}

.fa-down-from-dotted-line {
    --fa: "\e407";
}

.fa-down-to-dotted-line {
    --fa: "\e408";
}

.fa-face-awesome {
    --fa: "\e409";
}

.fa-gave-dandy {
    --fa: "\e409";
}

.fa-falafel {
    --fa: "\e40a";
}

.fa-flatbread {
    --fa: "\e40b";
}

.fa-flatbread-stuffed {
    --fa: "\e40c";
}

.fa-fondue-pot {
    --fa: "\e40d";
}

.fa-garlic {
    --fa: "\e40e";
}

.fa-grip-dots {
    --fa: "\e410";
}

.fa-grip-dots-vertical {
    --fa: "\e411";
}

.fa-h5 {
    --fa: "\e412";
}

.fa-h6 {
    --fa: "\e413";
}

.fa-hammer-crash {
    --fa: "\e414";
}

.fa-hashtag-lock {
    --fa: "\e415";
}

.fa-hexagon-check {
    --fa: "\e416";
}

.fa-hexagon-exclamation {
    --fa: "\e417";
}

.fa-honey-pot {
    --fa: "\e418";
}

.fa-hose {
    --fa: "\e419";
}

.fa-hose-reel {
    --fa: "\e41a";
}

.fa-hourglass-clock {
    --fa: "\e41b";
}

.fa-hundred-points {
    --fa: "\e41c";
}

.fa-100 {
    --fa: "\e41c";
}

.fa-leafy-green {
    --fa: "\e41d";
}

.fa-left-long-to-line {
    --fa: "\e41e";
}

.fa-light-emergency {
    --fa: "\e41f";
}

.fa-light-emergency-on {
    --fa: "\e420";
}

.fa-lobster {
    --fa: "\e421";
}

.fa-lock-a {
    --fa: "\e422";
}

.fa-lock-hashtag {
    --fa: "\e423";
}

.fa-lollipop {
    --fa: "\e424";
}

.fa-lollypop {
    --fa: "\e424";
}

.fa-mushroom {
    --fa: "\e425";
}

.fa-octagon-check {
    --fa: "\e426";
}

.fa-onion {
    --fa: "\e427";
}

.fa-page {
    --fa: "\e428";
}

.fa-page-caret-down {
    --fa: "\e429";
}

.fa-file-caret-down {
    --fa: "\e429";
}

.fa-page-caret-up {
    --fa: "\e42a";
}

.fa-file-caret-up {
    --fa: "\e42a";
}

.fa-pan-food {
    --fa: "\e42b";
}

.fa-pan-frying {
    --fa: "\e42c";
}

.fa-pancakes {
    --fa: "\e42d";
}

.fa-panel-ews {
    --fa: "\e42e";
}

.fa-panel-fire {
    --fa: "\e42f";
}

.fa-peanut {
    --fa: "\e430";
}

.fa-peanuts {
    --fa: "\e431";
}

.fa-pepper {
    --fa: "\e432";
}

.fa-person-to-door {
    --fa: "\e433";
}

.fa-phone-intercom {
    --fa: "\e434";
}

.fa-pickleball {
    --fa: "\e435";
}

.fa-pipe-circle-check {
    --fa: "\e436";
}

.fa-pipe-collar {
    --fa: "\e437";
}

.fa-pipe-section {
    --fa: "\e438";
}

.fa-pipe-valve {
    --fa: "\e439";
}

.fa-plate-utensils {
    --fa: "\e43b";
}

.fa-plus-minus {
    --fa: "\e43c";
}

.fa-pompebled {
    --fa: "\e43d";
}

.fa-popsicle {
    --fa: "\e43e";
}

.fa-pot-food {
    --fa: "\e43f";
}

.fa-potato {
    --fa: "\e440";
}

.fa-pretzel {
    --fa: "\e441";
}

.fa-pump {
    --fa: "\e442";
}

.fa-puzzle {
    --fa: "\e443";
}

.fa-right-long-to-line {
    --fa: "\e444";
}

.fa-sailboat {
    --fa: "\e445";
}

.fa-salt-shaker {
    --fa: "\e446";
}

.fa-section {
    --fa: "\e447";
}

.fa-shrimp {
    --fa: "\e448";
}

.fa-shutters {
    --fa: "\e449";
}

.fa-sportsball {
    --fa: "\e44b";
}

.fa-sprinkler-ceiling {
    --fa: "\e44c";
}

.fa-square-a-lock {
    --fa: "\e44d";
}

.fa-square-quarters {
    --fa: "\e44e";
}

.fa-square-ring {
    --fa: "\e44f";
}

.fa-squid {
    --fa: "\e450";
}

.fa-tamale {
    --fa: "\e451";
}

.fa-tank-water {
    --fa: "\e452";
}

.fa-train-track {
    --fa: "\e453";
}

.fa-train-tunnel {
    --fa: "\e454";
}

.fa-turn-down-right {
    --fa: "\e455";
}

.fa-up-from-dotted-line {
    --fa: "\e456";
}

.fa-up-to-dotted-line {
    --fa: "\e457";
}

.fa-user-doctor-hair {
    --fa: "\e458";
}

.fa-user-doctor-hair-long {
    --fa: "\e459";
}

.fa-user-hair {
    --fa: "\e45a";
}

.fa-user-hair-long {
    --fa: "\e45b";
}

.fa-user-hair-mullet {
    --fa: "\e45c";
}

.fa-business-front {
    --fa: "\e45c";
}

.fa-party-back {
    --fa: "\e45c";
}

.fa-trian-balbot {
    --fa: "\e45c";
}

.fa-user-nurse-hair {
    --fa: "\e45d";
}

.fa-user-nurse-hair-long {
    --fa: "\e45e";
}

.fa-user-tie-hair {
    --fa: "\e45f";
}

.fa-user-tie-hair-long {
    --fa: "\e460";
}

.fa-user-vneck {
    --fa: "\e461";
}

.fa-user-vneck-hair {
    --fa: "\e462";
}

.fa-user-vneck-hair-long {
    --fa: "\e463";
}

.fa-utensils-slash {
    --fa: "\e464";
}

.fa-vent-damper {
    --fa: "\e465";
}

.fa-waffle {
    --fa: "\e466";
}

.fa-00 {
    --fa: "\e467";
}

.fa-apartment {
    --fa: "\e468";
}

.fa-bird {
    --fa: "\e469";
}

.fa-block {
    --fa: "\e46a";
}

.fa-bowl-soft-serve {
    --fa: "\e46b";
}

.fa-brazilian-real-sign {
    --fa: "\e46c";
}

.fa-cabin {
    --fa: "\e46d";
}

.fa-calendar-circle-exclamation {
    --fa: "\e46e";
}

.fa-calendar-circle-minus {
    --fa: "\e46f";
}

.fa-calendar-circle-plus {
    --fa: "\e470";
}

.fa-calendar-circle-user {
    --fa: "\e471";
}

.fa-calendar-lines-pen {
    --fa: "\e472";
}

.fa-chart-simple {
    --fa: "\e473";
}

.fa-chart-simple-horizontal {
    --fa: "\e474";
}

.fa-diagram-cells {
    --fa: "\e475";
}

.fa-diagram-next {
    --fa: "\e476";
}

.fa-diagram-predecessor {
    --fa: "\e477";
}

.fa-diagram-previous {
    --fa: "\e478";
}

.fa-diagram-subtask {
    --fa: "\e479";
}

.fa-diagram-successor {
    --fa: "\e47a";
}

.fa-earth-oceania {
    --fa: "\e47b";
}

.fa-globe-oceania {
    --fa: "\e47b";
}

.fa-face-beam-hand-over-mouth {
    --fa: "\e47c";
}

.fa-face-clouds {
    --fa: "\e47d";
}

.fa-face-diagonal-mouth {
    --fa: "\e47e";
}

.fa-face-dotted {
    --fa: "\e47f";
}

.fa-face-exhaling {
    --fa: "\e480";
}

.fa-face-hand-peeking {
    --fa: "\e481";
}

.fa-face-holding-back-tears {
    --fa: "\e482";
}

.fa-face-melting {
    --fa: "\e483";
}

.fa-face-saluting {
    --fa: "\e484";
}

.fa-face-spiral-eyes {
    --fa: "\e485";
}

.fa-fort {
    --fa: "\e486";
}

.fa-house-blank {
    --fa: "\e487";
}

.fa-home-blank {
    --fa: "\e487";
}

.fa-square-kanban {
    --fa: "\e488";
}

.fa-square-list {
    --fa: "\e489";
}

.fa-sushi {
    --fa: "\e48a";
}

.fa-nigiri {
    --fa: "\e48a";
}

.fa-sushi-roll {
    --fa: "\e48b";
}

.fa-maki-roll {
    --fa: "\e48b";
}

.fa-makizushi {
    --fa: "\e48b";
}

.fa-album-circle-plus {
    --fa: "\e48c";
}

.fa-album-circle-user {
    --fa: "\e48d";
}

.fa-album-collection-circle-plus {
    --fa: "\e48e";
}

.fa-album-collection-circle-user {
    --fa: "\e48f";
}

.fa-bug-slash {
    --fa: "\e490";
}

.fa-cloud-exclamation {
    --fa: "\e491";
}

.fa-cloud-question {
    --fa: "\e492";
}

.fa-file-circle-info {
    --fa: "\e493";
}

.fa-file-circle-plus {
    --fa: "\e494";
}

.fa-frame {
    --fa: "\e495";
}

.fa-gauge-circle-bolt {
    --fa: "\e496";
}

.fa-gauge-circle-minus {
    --fa: "\e497";
}

.fa-gauge-circle-plus {
    --fa: "\e498";
}

.fa-memo-circle-info {
    --fa: "\e49a";
}

.fa-object-exclude {
    --fa: "\e49c";
}

.fa-object-intersect {
    --fa: "\e49d";
}

.fa-object-subtract {
    --fa: "\e49e";
}

.fa-object-union {
    --fa: "\e49f";
}

.fa-pen-nib-slash {
    --fa: "\e4a1";
}

.fa-rectangle-history {
    --fa: "\e4a2";
}

.fa-rectangle-history-circle-plus {
    --fa: "\e4a3";
}

.fa-rectangle-history-circle-user {
    --fa: "\e4a4";
}

.fa-shop-lock {
    --fa: "\e4a5";
}

.fa-store-lock {
    --fa: "\e4a6";
}

.fa-user-robot-xmarks {
    --fa: "\e4a7";
}

.fa-virus-covid {
    --fa: "\e4a8";
}

.fa-virus-covid-slash {
    --fa: "\e4a9";
}

.fa-anchor-circle-check {
    --fa: "\e4aa";
}

.fa-anchor-circle-exclamation {
    --fa: "\e4ab";
}

.fa-anchor-circle-xmark {
    --fa: "\e4ac";
}

.fa-anchor-lock {
    --fa: "\e4ad";
}

.fa-arrow-down-to-arc {
    --fa: "\e4ae";
}

.fa-arrow-down-up-across-line {
    --fa: "\e4af";
}

.fa-arrow-down-up-lock {
    --fa: "\e4b0";
}

.fa-arrow-right-from-arc {
    --fa: "\e4b1";
}

.fa-arrow-right-to-arc {
    --fa: "\e4b2";
}

.fa-arrow-right-to-city {
    --fa: "\e4b3";
}

.fa-arrow-up-from-arc {
    --fa: "\e4b4";
}

.fa-arrow-up-from-ground-water {
    --fa: "\e4b5";
}

.fa-arrow-up-from-water-pump {
    --fa: "\e4b6";
}

.fa-arrow-up-right-dots {
    --fa: "\e4b7";
}

.fa-arrows-down-to-line {
    --fa: "\e4b8";
}

.fa-arrows-down-to-people {
    --fa: "\e4b9";
}

.fa-arrows-left-right-to-line {
    --fa: "\e4ba";
}

.fa-arrows-spin {
    --fa: "\e4bb";
}

.fa-arrows-split-up-and-left {
    --fa: "\e4bc";
}

.fa-arrows-to-circle {
    --fa: "\e4bd";
}

.fa-arrows-to-dot {
    --fa: "\e4be";
}

.fa-arrows-to-eye {
    --fa: "\e4bf";
}

.fa-arrows-turn-right {
    --fa: "\e4c0";
}

.fa-arrows-turn-to-dots {
    --fa: "\e4c1";
}

.fa-arrows-up-to-line {
    --fa: "\e4c2";
}

.fa-bore-hole {
    --fa: "\e4c3";
}

.fa-bottle-droplet {
    --fa: "\e4c4";
}

.fa-bottle-water {
    --fa: "\e4c5";
}

.fa-bowl-food {
    --fa: "\e4c6";
}

.fa-boxes-packing {
    --fa: "\e4c7";
}

.fa-bridge {
    --fa: "\e4c8";
}

.fa-bridge-circle-check {
    --fa: "\e4c9";
}

.fa-bridge-circle-exclamation {
    --fa: "\e4ca";
}

.fa-bridge-circle-xmark {
    --fa: "\e4cb";
}

.fa-bridge-lock {
    --fa: "\e4cc";
}

.fa-bridge-suspension {
    --fa: "\e4cd";
}

.fa-bridge-water {
    --fa: "\e4ce";
}

.fa-bucket {
    --fa: "\e4cf";
}

.fa-bugs {
    --fa: "\e4d0";
}

.fa-building-circle-arrow-right {
    --fa: "\e4d1";
}

.fa-building-circle-check {
    --fa: "\e4d2";
}

.fa-building-circle-exclamation {
    --fa: "\e4d3";
}

.fa-building-circle-xmark {
    --fa: "\e4d4";
}

.fa-building-flag {
    --fa: "\e4d5";
}

.fa-building-lock {
    --fa: "\e4d6";
}

.fa-building-ngo {
    --fa: "\e4d7";
}

.fa-building-shield {
    --fa: "\e4d8";
}

.fa-building-un {
    --fa: "\e4d9";
}

.fa-building-user {
    --fa: "\e4da";
}

.fa-building-wheat {
    --fa: "\e4db";
}

.fa-burst {
    --fa: "\e4dc";
}

.fa-car-on {
    --fa: "\e4dd";
}

.fa-car-tunnel {
    --fa: "\e4de";
}

.fa-cards-blank {
    --fa: "\e4df";
}

.fa-child-combatant {
    --fa: "\e4e0";
}

.fa-child-rifle {
    --fa: "\e4e0";
}

.fa-children {
    --fa: "\e4e1";
}

.fa-circle-nodes {
    --fa: "\e4e2";
}

.fa-clipboard-question {
    --fa: "\e4e3";
}

.fa-cloud-showers-water {
    --fa: "\e4e4";
}

.fa-computer {
    --fa: "\e4e5";
}

.fa-cubes-stacked {
    --fa: "\e4e6";
}

.fa-down-to-bracket {
    --fa: "\e4e7";
}

.fa-envelope-circle-check {
    --fa: "\e4e8";
}

.fa-explosion {
    --fa: "\e4e9";
}

.fa-ferry {
    --fa: "\e4ea";
}

.fa-file-circle-exclamation {
    --fa: "\e4eb";
}

.fa-file-circle-minus {
    --fa: "\e4ed";
}

.fa-file-circle-question {
    --fa: "\e4ef";
}

.fa-file-shield {
    --fa: "\e4f0";
}

.fa-fire-burner {
    --fa: "\e4f1";
}

.fa-fish-fins {
    --fa: "\e4f2";
}

.fa-flask-vial {
    --fa: "\e4f3";
}

.fa-glass-water {
    --fa: "\e4f4";
}

.fa-glass-water-droplet {
    --fa: "\e4f5";
}

.fa-group-arrows-rotate {
    --fa: "\e4f6";
}

.fa-hand-holding-hand {
    --fa: "\e4f7";
}

.fa-handcuffs {
    --fa: "\e4f8";
}

.fa-hands-bound {
    --fa: "\e4f9";
}

.fa-hands-holding-child {
    --fa: "\e4fa";
}

.fa-hands-holding-circle {
    --fa: "\e4fb";
}

.fa-heart-circle-bolt {
    --fa: "\e4fc";
}

.fa-heart-circle-check {
    --fa: "\e4fd";
}

.fa-heart-circle-exclamation {
    --fa: "\e4fe";
}

.fa-heart-circle-minus {
    --fa: "\e4ff";
}

.fa-heart-circle-plus {
    --fa: "\e500";
}

.fa-heart-circle-xmark {
    --fa: "\e501";
}

.fa-helicopter-symbol {
    --fa: "\e502";
}

.fa-helmet-un {
    --fa: "\e503";
}

.fa-hexagon-image {
    --fa: "\e504";
}

.fa-hexagon-vertical-nft {
    --fa: "\e505";
}

.fa-hexagon-vertical-nft-slanted {
    --fa: "\e505";
}

.fa-hill-avalanche {
    --fa: "\e507";
}

.fa-hill-rockslide {
    --fa: "\e508";
}

.fa-house-circle-check {
    --fa: "\e509";
}

.fa-house-circle-exclamation {
    --fa: "\e50a";
}

.fa-house-circle-xmark {
    --fa: "\e50b";
}

.fa-house-fire {
    --fa: "\e50c";
}

.fa-house-flag {
    --fa: "\e50d";
}

.fa-house-flood-water {
    --fa: "\e50e";
}

.fa-house-flood-water-circle-arrow-right {
    --fa: "\e50f";
}

.fa-house-lock {
    --fa: "\e510";
}

.fa-house-medical-circle-check {
    --fa: "\e511";
}

.fa-house-medical-circle-exclamation {
    --fa: "\e512";
}

.fa-house-medical-circle-xmark {
    --fa: "\e513";
}

.fa-house-medical-flag {
    --fa: "\e514";
}

.fa-house-tsunami {
    --fa: "\e515";
}

.fa-jar {
    --fa: "\e516";
}

.fa-jar-wheat {
    --fa: "\e517";
}

.fa-jet-fighter-up {
    --fa: "\e518";
}

.fa-jug-detergent {
    --fa: "\e519";
}

.fa-kitchen-set {
    --fa: "\e51a";
}

.fa-land-mine-on {
    --fa: "\e51b";
}

.fa-landmark-flag {
    --fa: "\e51c";
}

.fa-laptop-file {
    --fa: "\e51d";
}

.fa-lines-leaning {
    --fa: "\e51e";
}

.fa-location-pin-lock {
    --fa: "\e51f";
}

.fa-locust {
    --fa: "\e520";
}

.fa-magnifying-glass-arrow-right {
    --fa: "\e521";
}

.fa-magnifying-glass-chart {
    --fa: "\e522";
}

.fa-mars-and-venus-burst {
    --fa: "\e523";
}

.fa-mask-ventilator {
    --fa: "\e524";
}

.fa-mattress-pillow {
    --fa: "\e525";
}

.fa-merge {
    --fa: "\e526";
}

.fa-mobile-retro {
    --fa: "\e527";
}

.fa-money-bill-transfer {
    --fa: "\e528";
}

.fa-money-bill-trend-up {
    --fa: "\e529";
}

.fa-money-bill-wheat {
    --fa: "\e52a";
}

.fa-mosquito {
    --fa: "\e52b";
}

.fa-mosquito-net {
    --fa: "\e52c";
}

.fa-mound {
    --fa: "\e52d";
}

.fa-mountain-city {
    --fa: "\e52e";
}

.fa-mountain-sun {
    --fa: "\e52f";
}

.fa-nfc-symbol {
    --fa: "\e531";
}

.fa-oil-well {
    --fa: "\e532";
}

.fa-people-group {
    --fa: "\e533";
}

.fa-people-line {
    --fa: "\e534";
}

.fa-people-pulling {
    --fa: "\e535";
}

.fa-people-robbery {
    --fa: "\e536";
}

.fa-people-roof {
    --fa: "\e537";
}

.fa-person-arrow-down-to-line {
    --fa: "\e538";
}

.fa-person-arrow-up-from-line {
    --fa: "\e539";
}

.fa-person-breastfeeding {
    --fa: "\e53a";
}

.fa-person-burst {
    --fa: "\e53b";
}

.fa-person-cane {
    --fa: "\e53c";
}

.fa-person-chalkboard {
    --fa: "\e53d";
}

.fa-person-circle-check {
    --fa: "\e53e";
}

.fa-person-circle-exclamation {
    --fa: "\e53f";
}

.fa-person-circle-minus {
    --fa: "\e540";
}

.fa-person-circle-plus {
    --fa: "\e541";
}

.fa-person-circle-question {
    --fa: "\e542";
}

.fa-person-circle-xmark {
    --fa: "\e543";
}

.fa-person-dress-burst {
    --fa: "\e544";
}

.fa-person-drowning {
    --fa: "\e545";
}

.fa-person-falling {
    --fa: "\e546";
}

.fa-person-falling-burst {
    --fa: "\e547";
}

.fa-person-half-dress {
    --fa: "\e548";
}

.fa-person-harassing {
    --fa: "\e549";
}

.fa-person-military-pointing {
    --fa: "\e54a";
}

.fa-person-military-rifle {
    --fa: "\e54b";
}

.fa-person-military-to-person {
    --fa: "\e54c";
}

.fa-person-rays {
    --fa: "\e54d";
}

.fa-person-rifle {
    --fa: "\e54e";
}

.fa-person-shelter {
    --fa: "\e54f";
}

.fa-person-walking-arrow-loop-left {
    --fa: "\e551";
}

.fa-person-walking-arrow-right {
    --fa: "\e552";
}

.fa-person-walking-dashed-line-arrow-right {
    --fa: "\e553";
}

.fa-person-walking-luggage {
    --fa: "\e554";
}

.fa-plane-circle-check {
    --fa: "\e555";
}

.fa-plane-circle-exclamation {
    --fa: "\e556";
}

.fa-plane-circle-xmark {
    --fa: "\e557";
}

.fa-plane-lock {
    --fa: "\e558";
}

.fa-plate-wheat {
    --fa: "\e55a";
}

.fa-plug-circle-bolt {
    --fa: "\e55b";
}

.fa-plug-circle-check {
    --fa: "\e55c";
}

.fa-plug-circle-exclamation {
    --fa: "\e55d";
}

.fa-plug-circle-minus {
    --fa: "\e55e";
}

.fa-plug-circle-plus {
    --fa: "\e55f";
}

.fa-plug-circle-xmark {
    --fa: "\e560";
}

.fa-ranking-star {
    --fa: "\e561";
}

.fa-road-barrier {
    --fa: "\e562";
}

.fa-road-bridge {
    --fa: "\e563";
}

.fa-road-circle-check {
    --fa: "\e564";
}

.fa-road-circle-exclamation {
    --fa: "\e565";
}

.fa-road-circle-xmark {
    --fa: "\e566";
}

.fa-road-lock {
    --fa: "\e567";
}

.fa-road-spikes {
    --fa: "\e568";
}

.fa-rug {
    --fa: "\e569";
}

.fa-sack-xmark {
    --fa: "\e56a";
}

.fa-school-circle-check {
    --fa: "\e56b";
}

.fa-school-circle-exclamation {
    --fa: "\e56c";
}

.fa-school-circle-xmark {
    --fa: "\e56d";
}

.fa-school-flag {
    --fa: "\e56e";
}

.fa-school-lock {
    --fa: "\e56f";
}

.fa-sheet-plastic {
    --fa: "\e571";
}

.fa-shield-cat {
    --fa: "\e572";
}

.fa-shield-dog {
    --fa: "\e573";
}

.fa-shield-heart {
    --fa: "\e574";
}

.fa-shield-quartered {
    --fa: "\e575";
}

.fa-square-nfi {
    --fa: "\e576";
}

.fa-square-person-confined {
    --fa: "\e577";
}

.fa-square-virus {
    --fa: "\e578";
}

.fa-staff-snake {
    --fa: "\e579";
}

.fa-rod-asclepius {
    --fa: "\e579";
}

.fa-rod-snake {
    --fa: "\e579";
}

.fa-staff-aesculapius {
    --fa: "\e579";
}

.fa-sun-plant-wilt {
    --fa: "\e57a";
}

.fa-tarp {
    --fa: "\e57b";
}

.fa-tarp-droplet {
    --fa: "\e57c";
}

.fa-tent {
    --fa: "\e57d";
}

.fa-tent-arrow-down-to-line {
    --fa: "\e57e";
}

.fa-tent-arrow-left-right {
    --fa: "\e57f";
}

.fa-tent-arrow-turn-left {
    --fa: "\e580";
}

.fa-tent-arrows-down {
    --fa: "\e581";
}

.fa-tents {
    --fa: "\e582";
}

.fa-toilet-portable {
    --fa: "\e583";
}

.fa-toilets-portable {
    --fa: "\e584";
}

.fa-tower-cell {
    --fa: "\e585";
}

.fa-tower-observation {
    --fa: "\e586";
}

.fa-tree-city {
    --fa: "\e587";
}

.fa-trillium {
    --fa: "\e588";
}

.fa-trowel {
    --fa: "\e589";
}

.fa-trowel-bricks {
    --fa: "\e58a";
}

.fa-truck-arrow-right {
    --fa: "\e58b";
}

.fa-truck-droplet {
    --fa: "\e58c";
}

.fa-truck-field {
    --fa: "\e58d";
}

.fa-truck-field-un {
    --fa: "\e58e";
}

.fa-truck-plane {
    --fa: "\e58f";
}

.fa-up-from-bracket {
    --fa: "\e590";
}

.fa-users-between-lines {
    --fa: "\e591";
}

.fa-users-line {
    --fa: "\e592";
}

.fa-users-rays {
    --fa: "\e593";
}

.fa-users-rectangle {
    --fa: "\e594";
}

.fa-users-viewfinder {
    --fa: "\e595";
}

.fa-vial-circle-check {
    --fa: "\e596";
}

.fa-vial-virus {
    --fa: "\e597";
}

.fa-wheat-awn-circle-exclamation {
    --fa: "\e598";
}

.fa-worm {
    --fa: "\e599";
}

.fa-xmarks-lines {
    --fa: "\e59a";
}

.fa-xmark-large {
    --fa: "\e59b";
}

.fa-child-dress {
    --fa: "\e59c";
}

.fa-child-reaching {
    --fa: "\e59d";
}

.fa-plus-large {
    --fa: "\e59e";
}

.fa-crosshairs-simple {
    --fa: "\e59f";
}

.fa-file-circle-check {
    --fa: "\e5a0";
}

.fa-file-circle-xmark {
    --fa: "\e5a1";
}

.fa-gamepad-modern {
    --fa: "\e5a2";
}

.fa-gamepad-alt {
    --fa: "\e5a2";
}

.fa-grill {
    --fa: "\e5a3";
}

.fa-grill-fire {
    --fa: "\e5a4";
}

.fa-grill-hot {
    --fa: "\e5a5";
}

.fa-lightbulb-cfl {
    --fa: "\e5a6";
}

.fa-lightbulb-cfl-on {
    --fa: "\e5a7";
}

.fa-mouse-field {
    --fa: "\e5a8";
}

.fa-person-through-window {
    --fa: "\e5a9";
}

.fa-plant-wilt {
    --fa: "\e5aa";
}

.fa-ring-diamond {
    --fa: "\e5ab";
}

.fa-stapler {
    --fa: "\e5af";
}

.fa-toggle-large-off {
    --fa: "\e5b0";
}

.fa-toggle-large-on {
    --fa: "\e5b1";
}

.fa-toilet-paper-check {
    --fa: "\e5b2";
}

.fa-toilet-paper-xmark {
    --fa: "\e5b3";
}

.fa-train-tram {
    --fa: "\e5b4";
}

.fa-buoy {
    --fa: "\e5b5";
}

.fa-buoy-mooring {
    --fa: "\e5b6";
}

.fa-diamond-half {
    --fa: "\e5b7";
}

.fa-diamond-half-stroke {
    --fa: "\e5b8";
}

.fa-game-console-handheld-crank {
    --fa: "\e5b9";
}

.fa-interrobang {
    --fa: "\e5ba";
}

.fa-mailbox-flag-up {
    --fa: "\e5bb";
}

.fa-mustache {
    --fa: "\e5bc";
}

.fa-nose {
    --fa: "\e5bd";
}

.fa-phone-arrow-right {
    --fa: "\e5be";
}

.fa-pickaxe {
    --fa: "\e5bf";
}

.fa-prescription-bottle-pill {
    --fa: "\e5c0";
}

.fa-snowflake-droplets {
    --fa: "\e5c1";
}

.fa-square-dashed-circle-plus {
    --fa: "\e5c2";
}

.fa-tricycle {
    --fa: "\e5c3";
}

.fa-tricycle-adult {
    --fa: "\e5c4";
}

.fa-user-magnifying-glass {
    --fa: "\e5c5";
}

.fa-comment-heart {
    --fa: "\e5c8";
}

.fa-message-heart {
    --fa: "\e5c9";
}

.fa-pencil-mechanical {
    --fa: "\e5ca";
}

.fa-skeleton-ribs {
    --fa: "\e5cb";
}

.fa-billboard {
    --fa: "\e5cd";
}

.fa-circle-euro {
    --fa: "\e5ce";
}

.fa-circle-sterling {
    --fa: "\e5cf";
}

.fa-circle-yen {
    --fa: "\e5d0";
}

.fa-broom-wide {
    --fa: "\e5d1";
}

.fa-wreath-laurel {
    --fa: "\e5d2";
}

.fa-circle-quarter-stroke {
    --fa: "\e5d3";
}

.fa-circle-three-quarters-stroke {
    --fa: "\e5d4";
}

.fa-webhook {
    --fa: "\e5d5";
}

.fa-sparkle {
    --fa: "\e5d6";
}

.fa-chart-line-up-down {
    --fa: "\e5d7";
}

.fa-chart-mixed-up-circle-currency {
    --fa: "\e5d8";
}

.fa-chart-mixed-up-circle-dollar {
    --fa: "\e5d9";
}

.fa-grid-round {
    --fa: "\e5da";
}

.fa-grid-round-2 {
    --fa: "\e5db";
}

.fa-grid-round-2-plus {
    --fa: "\e5dc";
}

.fa-grid-round-4 {
    --fa: "\e5dd";
}

.fa-grid-round-5 {
    --fa: "\e5de";
}

.fa-arrow-progress {
    --fa: "\e5df";
}

.fa-right-left-large {
    --fa: "\e5e1";
}

.fa-calendar-users {
    --fa: "\e5e2";
}

.fa-display-chart-up {
    --fa: "\e5e3";
}

.fa-display-chart-up-circle-currency {
    --fa: "\e5e5";
}

.fa-display-chart-up-circle-dollar {
    --fa: "\e5e6";
}

.fa-laptop-binary {
    --fa: "\e5e7";
}

.fa-gear-code {
    --fa: "\e5e8";
}

.fa-gear-complex {
    --fa: "\e5e9";
}

.fa-gear-complex-code {
    --fa: "\e5eb";
}

.fa-file-doc {
    --fa: "\e5ed";
}

.fa-file-zip {
    --fa: "\e5ee";
}

.fa-flask-gear {
    --fa: "\e5f1";
}

.fa-bag-seedling {
    --fa: "\e5f2";
}

.fa-bin-bottles {
    --fa: "\e5f5";
}

.fa-bin-bottles-recycle {
    --fa: "\e5f6";
}

.fa-bin-recycle {
    --fa: "\e5f7";
}

.fa-conveyor-belt-arm {
    --fa: "\e5f8";
}

.fa-jug-bottle {
    --fa: "\e5fb";
}

.fa-lightbulb-gear {
    --fa: "\e5fd";
}

.fa-dinosaur {
    --fa: "\e5fe";
}

.fa-person-running-fast {
    --fa: "\e5ff";
}

.fa-circles-overlap {
    --fa: "\e600";
}

.fa-cloud-binary {
    --fa: "\e601";
}

.fa-chf-sign {
    --fa: "\e602";
}

.fa-user-group-simple {
    --fa: "\e603";
}

.fa-chart-pie-simple-circle-currency {
    --fa: "\e604";
}

.fa-chart-pie-simple-circle-dollar {
    --fa: "\e605";
}

.fa-hat-beach {
    --fa: "\e606";
}

.fa-person-dress-fairy {
    --fa: "\e607";
}

.fa-person-fairy {
    --fa: "\e608";
}

.fa-swap {
    --fa: "\e609";
}

.fa-swap-arrows {
    --fa: "\e60a";
}

.fa-angles-up-down {
    --fa: "\e60d";
}

.fa-globe-pointer {
    --fa: "\e60e";
}

.fa-subtitles {
    --fa: "\e60f";
}

.fa-subtitles-slash {
    --fa: "\e610";
}

.fa-head-side-gear {
    --fa: "\e611";
}

.fa-lighthouse {
    --fa: "\e612";
}

.fa-raccoon {
    --fa: "\e613";
}

.fa-arrow-down-from-arc {
    --fa: "\e614";
}

.fa-arrow-left-from-arc {
    --fa: "\e615";
}

.fa-arrow-left-to-arc {
    --fa: "\e616";
}

.fa-arrow-up-to-arc {
    --fa: "\e617";
}

.fa-building-magnifying-glass {
    --fa: "\e61c";
}

.fa-building-memo {
    --fa: "\e61e";
}

.fa-hammer-brush {
    --fa: "\e620";
}

.fa-hand-holding-circle-dollar {
    --fa: "\e621";
}

.fa-landmark-magnifying-glass {
    --fa: "\e622";
}

.fa-sign-post {
    --fa: "\e624";
}

.fa-sign-posts {
    --fa: "\e625";
}

.fa-sign-posts-wrench {
    --fa: "\e626";
}

.fa-tent-double-peak {
    --fa: "\e627";
}

.fa-truck-utensils {
    --fa: "\e628";
}

.fa-t-rex {
    --fa: "\e629";
}

.fa-spinner-scale {
    --fa: "\e62a";
}

.fa-bell-ring {
    --fa: "\e62c";
}

.fa-arrows-rotate-reverse {
    --fa: "\e630";
}

.fa-rotate-reverse {
    --fa: "\e631";
}

.fa-arrow-turn-left {
    --fa: "\e632";
}

.fa-arrow-turn-left-down {
    --fa: "\e633";
}

.fa-arrow-turn-left-up {
    --fa: "\e634";
}

.fa-arrow-turn-right {
    --fa: "\e635";
}

.fa-turn-left {
    --fa: "\e636";
}

.fa-turn-left-down {
    --fa: "\e637";
}

.fa-turn-left-up {
    --fa: "\e638";
}

.fa-turn-right {
    --fa: "\e639";
}

.fa-location-arrow-up {
    --fa: "\e63a";
}

.fa-ticket-perforated {
    --fa: "\e63e";
}

.fa-tickets-perforated {
    --fa: "\e63f";
}

.fa-cannon {
    --fa: "\e642";
}

.fa-court-sport {
    --fa: "\e643";
}

.fa-file-eps {
    --fa: "\e644";
}

.fa-file-gif {
    --fa: "\e645";
}

.fa-file-jpg {
    --fa: "\e646";
}

.fa-file-mov {
    --fa: "\e647";
}

.fa-file-mp3 {
    --fa: "\e648";
}

.fa-file-mp4 {
    --fa: "\e649";
}

.fa-file-ppt {
    --fa: "\e64a";
}

.fa-file-svg {
    --fa: "\e64b";
}

.fa-file-vector {
    --fa: "\e64c";
}

.fa-file-xls {
    --fa: "\e64d";
}

.fa-folder-check {
    --fa: "\e64e";
}

.fa-chart-kanban {
    --fa: "\e64f";
}

.fa-bag-shopping-minus {
    --fa: "\e650";
}

.fa-bag-shopping-plus {
    --fa: "\e651";
}

.fa-basket-shopping-minus {
    --fa: "\e652";
}

.fa-basket-shopping-plus {
    --fa: "\e653";
}

.fa-file-xml {
    --fa: "\e654";
}

.fa-bulldozer {
    --fa: "\e655";
}

.fa-excavator {
    --fa: "\e656";
}

.fa-truck-ladder {
    --fa: "\e657";
}

.fa-tickets {
    --fa: "\e658";
}

.fa-tickets-simple {
    --fa: "\e659";
}

.fa-truck-fire {
    --fa: "\e65a";
}

.fa-wave {
    --fa: "\e65b";
}

.fa-waves-sine {
    --fa: "\e65d";
}

.fa-magnifying-glass-arrows-rotate {
    --fa: "\e65e";
}

.fa-magnifying-glass-music {
    --fa: "\e65f";
}

.fa-magnifying-glass-play {
    --fa: "\e660";
}

.fa-magnifying-glass-waveform {
    --fa: "\e661";
}

.fa-music-magnifying-glass {
    --fa: "\e662";
}

.fa-reflect-horizontal {
    --fa: "\e664";
}

.fa-reflect-vertical {
    --fa: "\e665";
}

.fa-file-png {
    --fa: "\e666";
}

.fa-arrow-down-from-bracket {
    --fa: "\e667";
}

.fa-arrow-left-from-bracket {
    --fa: "\e668";
}

.fa-arrow-left-to-bracket {
    --fa: "\e669";
}

.fa-arrow-up-to-bracket {
    --fa: "\e66a";
}

.fa-down-from-bracket {
    --fa: "\e66b";
}

.fa-left-from-bracket {
    --fa: "\e66c";
}

.fa-left-to-bracket {
    --fa: "\e66d";
}

.fa-up-to-bracket {
    --fa: "\e66e";
}

.fa-reflect-both {
    --fa: "\e66f";
}

.fa-file-cad {
    --fa: "\e672";
}

.fa-bottle-baby {
    --fa: "\e673";
}

.fa-table-cells-column-lock {
    --fa: "\e678";
}

.fa-table-cells-lock {
    --fa: "\e679";
}

.fa-table-cells-row-lock {
    --fa: "\e67a";
}

.fa-circle-wifi {
    --fa: "\e67d";
}

.fa-circle-wifi-circle-wifi {
    --fa: "\e67e";
}

.fa-circle-wifi-group {
    --fa: "\e67e";
}

.fa-circle-gf {
    --fa: "\e67f";
}

.fa-ant {
    --fa: "\e680";
}

.fa-caduceus {
    --fa: "\e681";
}

.fa-web-awesome {
    --fa: "\e682";
}

.fa-globe-wifi {
    --fa: "\e685";
}

.fa-hydra {
    --fa: "\e686";
}

.fa-lightbulb-message {
    --fa: "\e687";
}

.fa-octopus {
    --fa: "\e688";
}

.fa-user-beard-bolt {
    --fa: "\e689";
}

.fa-user-hoodie {
    --fa: "\e68a";
}

.fa-diamonds-4 {
    --fa: "\e68b";
}

.fa-thumbtack-slash {
    --fa: "\e68f";
}

.fa-thumb-tack-slash {
    --fa: "\e68f";
}

.fa-table-cells-column-unlock {
    --fa: "\e690";
}

.fa-table-cells-row-unlock {
    --fa: "\e691";
}

.fa-table-cells-unlock {
    --fa: "\e692";
}

.fa-chart-diagram {
    --fa: "\e695";
}

.fa-comment-nodes {
    --fa: "\e696";
}

.fa-file-fragment {
    --fa: "\e697";
}

.fa-file-half-dashed {
    --fa: "\e698";
}

.fa-hexagon-nodes {
    --fa: "\e699";
}

.fa-hexagon-nodes-bolt {
    --fa: "\e69a";
}

.fa-square-binary {
    --fa: "\e69b";
}

.fa-carpool {
    --fa: "\e69c";
}

.fa-car-people {
    --fa: "\e69c";
}

.fa-chart-sine {
    --fa: "\e69d";
}

.fa-chart-fft {
    --fa: "\e69e";
}

.fa-circles-overlap-3 {
    --fa: "\e6a1";
}

.fa-pronoun {
    --fa: "\e6a1";
}

.fa-bar-progress {
    --fa: "\e6a4";
}

.fa-bar-progress-empty {
    --fa: "\e6a5";
}

.fa-bar-progress-full {
    --fa: "\e6a6";
}

.fa-bar-progress-half {
    --fa: "\e6a7";
}

.fa-bar-progress-quarter {
    --fa: "\e6a8";
}

.fa-bar-progress-three-quarters {
    --fa: "\e6a9";
}

.fa-grid-2-minus {
    --fa: "\e6aa";
}

.fa-grid-round-2-minus {
    --fa: "\e6ab";
}

.fa-table-cells-columns {
    --fa: "\e6ac";
}

.fa-table-cells-header {
    --fa: "\e6ad";
}

.fa-table-cells-header-lock {
    --fa: "\e6ae";
}

.fa-table-cells-header-unlock {
    --fa: "\e6af";
}

.fa-table-cells-rows {
    --fa: "\e6b0";
}

.fa-circle-equals {
    --fa: "\e6b1";
}

.fa-hexagon-equals {
    --fa: "\e6b2";
}

.fa-octagon-equals {
    --fa: "\e6b3";
}

.fa-rectangle-minus {
    --fa: "\e6b4";
}

.fa-rectangle-plus {
    --fa: "\e6b5";
}

.fa-square-equals {
    --fa: "\e6b6";
}

.fa-arrow-down-long-to-line {
    --fa: "\e6b7";
}

.fa-arrow-left-arrow-right {
    --fa: "\e6b8";
}

.fa-arrow-left-from-dotted-line {
    --fa: "\e6b9";
}

.fa-arrow-left-to-dotted-line {
    --fa: "\e6ba";
}

.fa-arrow-right-from-dotted-line {
    --fa: "\e6bb";
}

.fa-arrow-right-to-dotted-line {
    --fa: "\e6bc";
}

.fa-arrow-up-long-to-line {
    --fa: "\e6bd";
}

.fa-direction-left-right {
    --fa: "\e6be";
}

.fa-direction-up-down {
    --fa: "\e6bf";
}

.fa-down-long-to-line {
    --fa: "\e6c0";
}

.fa-down-up {
    --fa: "\e6c1";
}

.fa-left-from-dotted-line {
    --fa: "\e6c2";
}

.fa-left-to-dotted-line {
    --fa: "\e6c3";
}

.fa-right-from-dotted-line {
    --fa: "\e6c4";
}

.fa-right-to-dotted-line {
    --fa: "\e6c5";
}

.fa-up-long-to-line {
    --fa: "\e6c6";
}

.fa-barn {
    --fa: "\e6c7";
}

.fa-circle-house {
    --fa: "\e6c8";
}

.fa-garage-empty {
    --fa: "\e6c9";
}

.fa-house-unlock {
    --fa: "\e6ca";
}

.fa-school-unlock {
    --fa: "\e6cb";
}

.fa-stadium {
    --fa: "\e6cc";
}

.fa-tent-circus {
    --fa: "\e6cd";
}

.fa-ball-yarn {
    --fa: "\e6ce";
}

.fa-bra {
    --fa: "\e6cf";
}

.fa-briefs {
    --fa: "\e6d0";
}

.fa-dress {
    --fa: "\e6d1";
}

.fa-jeans {
    --fa: "\e6d2";
}

.fa-jeans-straight {
    --fa: "\e6d3";
}

.fa-panties {
    --fa: "\e6d4";
}

.fa-pants {
    --fa: "\e6d5";
}

.fa-pants-straight {
    --fa: "\e6d6";
}

.fa-shirt-jersey {
    --fa: "\e6d7";
}

.fa-shoe {
    --fa: "\e6d8";
}

.fa-shorts {
    --fa: "\e6d9";
}

.fa-sneaker {
    --fa: "\e6da";
}

.fa-circle-share-nodes {
    --fa: "\e6db";
}

.fa-comment-dot {
    --fa: "\e6dc";
}

.fa-comment-waveform {
    --fa: "\e6dd";
}

.fa-envelope-circle-user {
    --fa: "\e6de";
}

.fa-message-dot {
    --fa: "\e6df";
}

.fa-message-waveform {
    --fa: "\e6e0";
}

.fa-phone-connection {
    --fa: "\e6e1";
}

.fa-phone-waveform {
    --fa: "\e6e2";
}

.fa-postage-stamp {
    --fa: "\e6e3";
}

.fa-circle-florin {
    --fa: "\e6e4";
}

.fa-circle-ruble {
    --fa: "\e6e5";
}

.fa-square-chf {
    --fa: "\e6e6";
}

.fa-square-lira {
    --fa: "\e6e7";
}

.fa-norwegian-krone-sign {
    --fa: "\e6e8";
}

.fa-circle-renminbi {
    --fa: "\e6e9";
}

.fa-square-peseta {
    --fa: "\e6ea";
}

.fa-circle-brazilian-real {
    --fa: "\e6eb";
}

.fa-circle-won {
    --fa: "\e6ec";
}

.fa-square-cruzeiro {
    --fa: "\e6ed";
}

.fa-circle-currency {
    --fa: "\e6ee";
}

.fa-circle-hryvnia {
    --fa: "\e6ef";
}

.fa-square-cent {
    --fa: "\e6f0";
}

.fa-square-brazilian-real {
    --fa: "\e6f1";
}

.fa-square-bitcoin {
    --fa: "\e6f2";
}

.fa-circle-peruvian-soles {
    --fa: "\e6f3";
}

.fa-circle-litecoin {
    --fa: "\e6f4";
}

.fa-square-indian-rupee {
    --fa: "\e6f5";
}

.fa-circle-lira {
    --fa: "\e6f6";
}

.fa-square-litecoin {
    --fa: "\e6f7";
}

.fa-square-ruble {
    --fa: "\e6f8";
}

.fa-circle-malaysian-ringgit {
    --fa: "\e6f9";
}

.fa-malaysian-ringgit-sign {
    --fa: "\e6fa";
}

.fa-circle-manat {
    --fa: "\e6fb";
}

.fa-circle-colon {
    --fa: "\e6fc";
}

.fa-circle-kip {
    --fa: "\e6fd";
}

.fa-australian-dollar-sign {
    --fa: "\e6fe";
}

.fa-circle-peso {
    --fa: "\e6ff";
}

.fa-circle-polish-zloty {
    --fa: "\e700";
}

.fa-circle-bangladeshi-taka {
    --fa: "\e701";
}

.fa-circle-mill {
    --fa: "\e702";
}

.fa-circle-shekel {
    --fa: "\e703";
}

.fa-square-manat {
    --fa: "\e704";
}

.fa-peruvian-soles-sign {
    --fa: "\e705";
}

.fa-circle-rupiah {
    --fa: "\e706";
}

.fa-square-norwegian-krone {
    --fa: "\e707";
}

.fa-square-naira {
    --fa: "\e708";
}

.fa-square-won {
    --fa: "\e709";
}

.fa-square-mill {
    --fa: "\e70a";
}

.fa-polish-zloty-sign {
    --fa: "\e70b";
}

.fa-square-currency {
    --fa: "\e70c";
}

.fa-square-kip {
    --fa: "\e70d";
}

.fa-square-guarani {
    --fa: "\e70e";
}

.fa-square-dong {
    --fa: "\e70f";
}

.fa-square-hryvnia {
    --fa: "\e710";
}

.fa-circle-tugrik {
    --fa: "\e711";
}

.fa-square-rupiah {
    --fa: "\e712";
}

.fa-square-sterling {
    --fa: "\e713";
}

.fa-circle-rupee {
    --fa: "\e714";
}

.fa-square-rupee {
    --fa: "\e715";
}

.fa-square-peruvian-soles {
    --fa: "\e716";
}

.fa-square-florin {
    --fa: "\e717";
}

.fa-square-australian-dollar {
    --fa: "\e718";
}

.fa-square-baht {
    --fa: "\e719";
}

.fa-square-peso {
    --fa: "\e71a";
}

.fa-circle-austral {
    --fa: "\e71b";
}

.fa-square-swedish-krona {
    --fa: "\e71c";
}

.fa-circle-lari {
    --fa: "\e71d";
}

.fa-circleapore-dollar {
    --fa: "\e71e";
}

.fa-square-turkish-lira {
    --fa: "\e71f";
}

.fa-danish-krone-sign {
    --fa: "\e720";
}

.fa-circle-franc {
    --fa: "\e721";
}

.fa-circle-cruzeiro {
    --fa: "\e722";
}

.fa-circle-dong {
    --fa: "\e723";
}

.fa-square-yen {
    --fa: "\e724";
}

.fa-circle-tenge {
    --fa: "\e725";
}

.fa-square-austral {
    --fa: "\e726";
}

.fa-square-eurozone {
    --fa: "\e727";
}

.fa-square-tugrik {
    --fa: "\e728";
}

.fa-square-cedi {
    --fa: "\e729";
}

.fa-circle-cent {
    --fa: "\e72a";
}

.fa-currency-sign {
    --fa: "\e72b";
}

.fa-circle-chf {
    --fa: "\e72c";
}

.fa-circle-baht {
    --fa: "\e72d";
}

.fa-signapore-dollar-sign {
    --fa: "\e72e";
}

.fa-square-franc {
    --fa: "\e72f";
}

.fa-circle-australian-dollar {
    --fa: "\e730";
}

.fa-square-tenge {
    --fa: "\e731";
}

.fa-square-euro {
    --fa: "\e732";
}

.fa-squareapore-dollar {
    --fa: "\e733";
}

.fa-circle-indian-rupee {
    --fa: "\e734";
}

.fa-square-shekel {
    --fa: "\e735";
}

.fa-square-polish-zloty {
    --fa: "\e736";
}

.fa-circle-bitcoin {
    --fa: "\e737";
}

.fa-circle-norwegian-krone {
    --fa: "\e738";
}

.fa-circle-turkish-lira {
    --fa: "\e739";
}

.fa-square-colon {
    --fa: "\e73a";
}

.fa-circle-guarani {
    --fa: "\e73b";
}

.fa-renminbi-sign {
    --fa: "\e73c";
}

.fa-square-renminbi {
    --fa: "\e73d";
}

.fa-swedish-krona-sign {
    --fa: "\e73e";
}

.fa-square-lari {
    --fa: "\e73f";
}

.fa-eurozone-sign {
    --fa: "\e740";
}

.fa-circle-peseta {
    --fa: "\e741";
}

.fa-circle-cedi {
    --fa: "\e742";
}

.fa-circle-swedish-krona {
    --fa: "\e743";
}

.fa-square-bangladeshi-taka {
    --fa: "\e744";
}

.fa-circle-eurozone {
    --fa: "\e745";
}

.fa-circle-danish-krone {
    --fa: "\e746";
}

.fa-square-danish-krone {
    --fa: "\e747";
}

.fa-square-malaysian-ringgit {
    --fa: "\e748";
}

.fa-circle-naira {
    --fa: "\e749";
}

.fa-mobile-arrow-down {
    --fa: "\e74b";
}

.fa-clone-plus {
    --fa: "\e74c";
}

.fa-paintbrush-fine-slash {
    --fa: "\e74d";
}

.fa-paintbrush-slash {
    --fa: "\e74e";
}

.fa-pencil-line {
    --fa: "\e74f";
}

.fa-slider-circle {
    --fa: "\e750";
}

.fa-thumbtack-angle {
    --fa: "\e751";
}

.fa-thumbtack-angle-slash {
    --fa: "\e752";
}

.fa-book-open-lines {
    --fa: "\e753";
}

.fa-book-spine {
    --fa: "\e754";
}

.fa-bookmark-plus {
    --fa: "\e755";
}

.fa-clipboard-clock {
    --fa: "\e756";
}

.fa-clipboard-exclamation {
    --fa: "\e757";
}

.fa-file-ban {
    --fa: "\e758";
}

.fa-notes-sticky {
    --fa: "\e759";
}

.fa-capsule {
    --fa: "\e75a";
}

.fa-ear-circle-checkmark {
    --fa: "\e75b";
}

.fa-ear-triangle-exclamation {
    --fa: "\e75c";
}

.fa-ear-waveform {
    --fa: "\e75d";
}

.fa-head-side-circuit {
    --fa: "\e75e";
}

.fa-head-side-speak {
    --fa: "\e75f";
}

.fa-microphone-signal-meter {
    --fa: "\e760";
}

.fa-spine {
    --fa: "\e761";
}

.fa-vial-vertical {
    --fa: "\e762";
}

.fa-bin {
    --fa: "\e763";
}

.fa-seat {
    --fa: "\e764";
}

.fa-seats {
    --fa: "\e765";
}

.fa-camera-circle-ellipsis {
    --fa: "\e766";
}

.fa-camera-clock {
    --fa: "\e767";
}

.fa-camera-shutter {
    --fa: "\e768";
}

.fa-film-music {
    --fa: "\e769";
}

.fa-film-stack {
    --fa: "\e76b";
}

.fa-image-circle-arrow-down {
    --fa: "\e76c";
}

.fa-image-circle-check {
    --fa: "\e76d";
}

.fa-image-circle-plus {
    --fa: "\e76e";
}

.fa-image-circle-xmark {
    --fa: "\e76f";
}

.fa-image-music {
    --fa: "\e770";
}

.fa-image-stack {
    --fa: "\e771";
}

.fa-rectangle-4k {
    --fa: "\e772";
}

.fa-rectangle-high-dynamic-range {
    --fa: "\e773";
}

.fa-rectangle-hdr {
    --fa: "\e773";
}

.fa-rectangle-video-on-demand {
    --fa: "\e774";
}

.fa-user-viewfinder {
    --fa: "\e775";
}

.fa-video-down-to-line {
    --fa: "\e776";
}

.fa-video-question {
    --fa: "\e777";
}

.fa-gas-pump-left {
    --fa: "\e778";
}

.fa-gas-pump-right {
    --fa: "\e779";
}

.fa-location-arrow-slash {
    --fa: "\e77a";
}

.fa-airplay-audio {
    --fa: "\e77b";
}

.fa-headphones-slash {
    --fa: "\e77c";
}

.fa-microphone-circle-plus {
    --fa: "\e77d";
}

.fa-microphone-circle-xmark {
    --fa: "\e77e";
}

.fa-open-captioning {
    --fa: "\e77f";
}

.fa-play-flip {
    --fa: "\e780";
}

.fa-square-microphone {
    --fa: "\e781";
}

.fa-trombone {
    --fa: "\e782";
}

.fa-person-arms-raised {
    --fa: "\e783";
}

.fa-person-basketball {
    --fa: "\e784";
}

.fa-person-carry-empty {
    --fa: "\e785";
}

.fa-person-golfing {
    --fa: "\e786";
}

.fa-person-limbs-wide {
    --fa: "\e787";
}

.fa-person-seat-window {
    --fa: "\e788";
}

.fa-person-soccer {
    --fa: "\e789";
}

.fa-person-swimming-pool {
    --fa: "\e78a";
}

.fa-person-swimming-water {
    --fa: "\e78b";
}

.fa-person-water-arms-raised {
    --fa: "\e78c";
}

.fa-person-waving {
    --fa: "\e78d";
}

.fa-heart-slash {
    --fa: "\e78e";
}

.fa-hearts {
    --fa: "\e78f";
}

.fa-pentagon {
    --fa: "\e790";
}

.fa-rectangle-tall {
    --fa: "\e791";
}

.fa-square-half {
    --fa: "\e792";
}

.fa-square-half-stroke {
    --fa: "\e793";
}

.fa-box-arrow-down {
    --fa: "\e794";
}

.fa-box-arrow-down-arrow-up {
    --fa: "\e795";
}

.fa-box-arrow-down-magnifying-glass {
    --fa: "\e796";
}

.fa-box-isometric {
    --fa: "\e797";
}

.fa-box-isometric-tape {
    --fa: "\e798";
}

.fa-qrcode-read {
    --fa: "\e799";
}

.fa-shop-24 {
    --fa: "\e79a";
}

.fa-store-24 {
    --fa: "\e79b";
}

.fa-face-shaking {
    --fa: "\e79c";
}

.fa-face-shaking-horizontal {
    --fa: "\e79d";
}

.fa-face-shaking-vertical {
    --fa: "\e79e";
}

.fa-circle-user-circle-check {
    --fa: "\e79f";
}

.fa-circle-user-circle-exclamation {
    --fa: "\e7a0";
}

.fa-circle-user-circle-minus {
    --fa: "\e7a1";
}

.fa-circle-user-circle-moon {
    --fa: "\e7a2";
}

.fa-circle-user-circle-plus {
    --fa: "\e7a3";
}

.fa-circle-user-circle-question {
    --fa: "\e7a4";
}

.fa-circle-user-circle-user {
    --fa: "\e7a5";
}

.fa-circle-user-circle-xmark {
    --fa: "\e7a6";
}

.fa-circle-user-clock {
    --fa: "\e7a7";
}

.fa-user-beard {
    --fa: "\e7a8";
}

.fa-user-chef-hair-long {
    --fa: "\e7a9";
}

.fa-user-circle-minus {
    --fa: "\e7aa";
}

.fa-user-circle-plus {
    --fa: "\e7ab";
}

.fa-user-dashed {
    --fa: "\e7ac";
}

.fa-user-doctor-hair-mullet {
    --fa: "\e7ad";
}

.fa-user-hat-tie {
    --fa: "\e7ae";
}

.fa-user-hat-tie-magnifying-glass {
    --fa: "\e7af";
}

.fa-user-key {
    --fa: "\e7b0";
}

.fa-user-message {
    --fa: "\e7b1";
}

.fa-user-microphone {
    --fa: "\e7b2";
}

.fa-user-pilot-hair-long {
    --fa: "\e7b3";
}

.fa-user-pilot-tie-hair-long {
    --fa: "\e7b4";
}

.fa-user-police-hair-long {
    --fa: "\e7b5";
}

.fa-user-police-tie-hair-long {
    --fa: "\e7b6";
}

.fa-user-question {
    --fa: "\e7b7";
}

.fa-user-sith {
    --fa: "\e7b8";
}

.fa-user-tie-hair-mullet {
    --fa: "\e7b9";
}

.fa-user-vneck-hair-mullet {
    --fa: "\e7ba";
}

.fa-plane-flying {
    --fa: "\e7bb";
}

.fa-plane-landing-gear {
    --fa: "\e7bc";
}

.fa-rocket-vertical {
    --fa: "\e7bd";
}

.fa-seat-airline-window {
    --fa: "\e7be";
}

.fa-shuttle-space-vertical {
    --fa: "\e7bf";
}

.fa-car-key {
    --fa: "\e7c0";
}

.fa-car-siren {
    --fa: "\e7c1";
}

.fa-car-siren-on {
    --fa: "\e7c2";
}

.fa-scooter {
    --fa: "\e7c3";
}

.fa-snowmobile-blank {
    --fa: "\e7c4";
}

.fa-stair-car {
    --fa: "\e7c5";
}

.fa-truck-suv {
    --fa: "\e7c6";
}

.fa-unicycle {
    --fa: "\e7c7";
}

.fa-van {
    --fa: "\e7c8";
}

.fa-moon-star {
    --fa: "\e7c9";
}

.fa-rainbow-half {
    --fa: "\e7ca";
}

.fa-temperature-slash {
    --fa: "\e7cb";
}

.fa-dialpad {
    --fa: "\e7cc";
}

.fa-numpad {
    --fa: "\e7cc";
}

.fa-computer-mouse-button-left {
    --fa: "\e7cd";
}

.fa-computer-mouse-button-right {
    --fa: "\e7ce";
}

.fa-dot {
    --fa: "\e7d1";
}

.fa-folder-arrow-left {
    --fa: "\e7d2";
}

.fa-folder-arrow-right {
    --fa: "\e7d3";
}

.fa-wireless {
    --fa: "\e7df";
}

.fa-circle-moon {
    --fa: "\e7e0";
}

.fa-person-meditating {
    --fa: "\e7e1";
}

.fa-baseball-bat {
    --fa: "\e7e5";
}

.fa-hockey-stick {
    --fa: "\e7e6";
}

.fa-arrow-u-turn-down-left {
    --fa: "\e7e7";
}

.fa-arrow-u-turn-down-right {
    --fa: "\e7e8";
}

.fa-arrow-u-turn-left-down {
    --fa: "\e7e9";
}

.fa-arrow-u-turn-left-up {
    --fa: "\e7ea";
}

.fa-arrow-u-turn-right-down {
    --fa: "\e7eb";
}

.fa-arrow-u-turn-right-up {
    --fa: "\e7ec";
}

.fa-arrow-u-turn-up-left {
    --fa: "\e7ed";
}

.fa-arrow-u-turn-up-right {
    --fa: "\e7ee";
}

.fa-u-turn-down-left {
    --fa: "\e7ef";
}

.fa-u-turn-down-right {
    --fa: "\e7f0";
}

.fa-u-turn-left-down {
    --fa: "\e7f1";
}

.fa-u-turn {
    --fa: "\e7f1";
}

.fa-u-turn-left-up {
    --fa: "\e7f2";
}

.fa-u-turn-right-down {
    --fa: "\e7f3";
}

.fa-u-turn-right-up {
    --fa: "\e7f4";
}

.fa-u-turn-up-left {
    --fa: "\e7f5";
}

.fa-u-turn-up-right {
    --fa: "\e7f6";
}

.fa-triple-chevrons-down {
    --fa: "\e7f7";
}

.fa-triple-chevrons-left {
    --fa: "\e7f8";
}

.fa-triple-chevrons-right {
    --fa: "\e7f9";
}

.fa-triple-chevrons-up {
    --fa: "\e7fa";
}

.fa-file-aiff {
    --fa: "\e7fb";
}

.fa-file-odf {
    --fa: "\e7fc";
}

.fa-file-tex {
    --fa: "\e7fd";
}

.fa-file-wav {
    --fa: "\e7fe";
}

.fa-droplet-plus {
    --fa: "\e800";
}

.fa-hand-holding-star {
    --fa: "\e801";
}

.fa-transmission {
    --fa: "\e802";
}

.fa-alarm-minus {
    --fa: "\e803";
}

.fa-file-brackets-curly {
    --fa: "\e804";
}

.fa-file-midi {
    --fa: "\e805";
}

.fa-midi {
    --fa: "\e806";
}

.fa-non-binary {
    --fa: "\e807";
}

.fa-rectangle-beta {
    --fa: "\e808";
}

.fa-shield-user {
    --fa: "\e809";
}

.fa-spiral {
    --fa: "\e80a";
}

.fa-picture-in-picture {
    --fa: "\e80b";
}

.fa-circle-half-horizontal {
    --fa: "\e80c";
}

.fa-circle-half-stroke-horizontal {
    --fa: "\e80d";
}

.fa-square-half-horizontal {
    --fa: "\e80e";
}

.fa-square-half-stroke-horizontal {
    --fa: "\e80f";
}

.fa-ship-large {
    --fa: "\e810";
}

.fa-butterfly {
    --fa: "\e811";
}

.fa-mobile-rotate {
    --fa: "\e813";
}

.fa-mobile-rotate-reverse {
    --fa: "\e814";
}

.fa-mobile-slash {
    --fa: "\e815";
}

.fa-mobile-vibrate {
    --fa: "\e816";
}

.fa-mobile-vibrate-slash {
    --fa: "\e817";
}

.fa-almost-equal-to {
    --fa: "\e818";
}

.fa-sneaker-running {
    --fa: "\e819";
}

.fa-horseshoe {
    --fa: "\e81a";
}

.fa-single-quote-left {
    --fa: "\e81b";
}

.fa-single-quote-right {
    --fa: "\e81c";
}

.fa-bus-side {
    --fa: "\e81d";
}

.fa-bus-stop {
    --fa: "\e81e";
}

.fa-train-stop {
    --fa: "\e81f";
}

.fa-septagon {
    --fa: "\e820";
}

.fa-heptagon {
    --fa: "\e820";
}

.fa-mailbox-open-empty {
    --fa: "\e821";
}

.fa-mailbox-open-letter {
    --fa: "\e823";
}

.fa-lychee {
    --fa: "\e824";
}

.fa-tank-recovery {
    --fa: "\e825";
}

.fa-transducer {
    --fa: "\e826";
}

.fa-box-arrow-up {
    --fa: "\e827";
}

.fa-box-magnifying-glass {
    --fa: "\e828";
}

.fa-envelope-ribbon {
    --fa: "\e829";
}

.fa-envelope-certificate {
    --fa: "\e829";
}

.fa-water-temperature {
    --fa: "\e82a";
}

.fa-water-temp {
    --fa: "\e82a";
}

.fa-aeropress {
    --fa: "\e82b";
}

.fa-caret-large-down {
    --fa: "\e82c";
}

.fa-caret-large-left {
    --fa: "\e82d";
}

.fa-caret-large-right {
    --fa: "\e82e";
}

.fa-caret-large-up {
    --fa: "\e82f";
}

.fa-chemex {
    --fa: "\e830";
}

.fa-hand-shaka {
    --fa: "\e831";
}

.fa-kettlebell {
    --fa: "\e832";
}

.fa-foot-wing {
    --fa: "\e834";
}

.fa-pump-impeller {
    --fa: "\e835";
}

.fa-arrow-rotate-left-10 {
    --fa: "\e836";
}

.fa-arrow-rotate-right-10 {
    --fa: "\e837";
}

.fa-arrow-archery {
    --fa: "\e839";
}

.fa-bow-archery {
    --fa: "\e83a";
}

.fa-eye-closed {
    --fa: "\e83b";
}

.fa-file-css {
    --fa: "\e83c";
}

.fa-file-html {
    --fa: "\e83d";
}

.fa-file-js {
    --fa: "\e83e";
}

.fa-layer {
    --fa: "\e83f";
}

.fa-file-icns {
    --fa: "\e841";
}

.fa-link-broken {
    --fa: "\e842";
}

.fa-gpu {
    --fa: "\e843";
}

.fa-aquarius {
    --fa: "\e845";
}

.fa-aries {
    --fa: "\e846";
}

.fa-cancer {
    --fa: "\e847";
}

.fa-capricorn {
    --fa: "\e848";
}

.fa-gemini {
    --fa: "\e849";
}

.fa-leo {
    --fa: "\e84a";
}

.fa-libra {
    --fa: "\e84b";
}

.fa-pisces {
    --fa: "\e84c";
}

.fa-sagittarius {
    --fa: "\e84d";
}

.fa-scorpio {
    --fa: "\e84e";
}

.fa-taurus {
    --fa: "\e84f";
}

.fa-virgo {
    --fa: "\e850";
}

.fa-bicep {
    --fa: "\e862";
}

.fa-rectangle-irc {
    --fa: "\e86c";
}

.fa-moon-first-quarter {
    --fa: "\e870";
}

.fa-moon-last-quarter-inverse {
    --fa: "\e870";
}

.fa-moon-full {
    --fa: "\e871";
}

.fa-moon-new-inverse {
    --fa: "\e871";
}

.fa-moon-last-quarter {
    --fa: "\e872";
}

.fa-moon-first-quarter-inverse {
    --fa: "\e872";
}

.fa-moon-new {
    --fa: "\e873";
}

.fa-moon-full-inverse {
    --fa: "\e873";
}

.fa-moon-waning-crescent {
    --fa: "\e874";
}

.fa-moon-waxing-gibbous-inverse {
    --fa: "\e874";
}

.fa-moon-waning-gibbous {
    --fa: "\e875";
}

.fa-moon-waxing-crescent-inverse {
    --fa: "\e875";
}

.fa-moon-waxing-crescent {
    --fa: "\e876";
}

.fa-moon-waning-gibbous-inverse {
    --fa: "\e876";
}

.fa-moon-waxing-gibbous {
    --fa: "\e877";
}

.fa-moon-waning-crescent-inverse {
    --fa: "\e877";
}

.fa-burst-new {
    --fa: "\e878";
}

.fa-rectangle-new {
    --fa: "\e87a";
}

.fa-opossum {
    --fa: "\e87c";
}

.fa-possum {
    --fa: "\e87c";
}

.fa-input-password {
    --fa: "\e87d";
}

.fa-desk {
    --fa: "\e87e";
}

.fa-dresser {
    --fa: "\e87f";
}

.fa-stool {
    --fa: "\e880";
}

.fa-wardrobe {
    --fa: "\e881";
}

.fa-table-dining {
    --fa: "\e882";
}

.fa-chest-drawers {
    --fa: "\e883";
}

.fa-oar {
    --fa: "\e884";
}

.fa-oars {
    --fa: "\e885";
}

.fa-arrow-rotate-left-15 {
    --fa: "\e886";
}

.fa-arrow-rotate-left-30 {
    --fa: "\e887";
}

.fa-arrow-rotate-right-15 {
    --fa: "\e888";
}

.fa-arrow-rotate-right-30 {
    --fa: "\e889";
}

.fa-rows-3 {
    --fa: "\e88b";
}

.fa-table-cells-merge {
    --fa: "\e88c";
}

.fa-table-cells-split {
    --fa: "\e88d";
}

.fa-table-columns-add-after {
    --fa: "\e88e";
}

.fa-table-columns-add-before {
    --fa: "\e88f";
}

.fa-table-columns-merge-next {
    --fa: "\e890";
}

.fa-table-columns-merge-previous {
    --fa: "\e891";
}

.fa-table-columns-remove-after {
    --fa: "\e892";
}

.fa-table-columns-remove-before {
    --fa: "\e893";
}

.fa-table-rows-add-above {
    --fa: "\e894";
}

.fa-table-rows-add-below {
    --fa: "\e895";
}

.fa-table-rows-merge-next {
    --fa: "\e896";
}

.fa-table-rows-merge-previous {
    --fa: "\e897";
}

.fa-table-rows-remove-above {
    --fa: "\e898";
}

.fa-table-rows-remove-below {
    --fa: "\e899";
}

.fa-table-slash {
    --fa: "\e89a";
}

.fa-kayak {
    --fa: "\e89b";
}

.fa-canoe-person {
    --fa: "\e89c";
}

.fa-utility-can {
    --fa: "\e89d";
}

.fa-table-bar {
    --fa: "\e89e";
}

.fa-owl {
    --fa: "\e89f";
}

.fa-rectangle-api {
    --fa: "\e8a0";
}

.fa-nas {
    --fa: "\e8a1";
}

.fa-poker-chip {
    --fa: "\e8a2";
}

.fa-tower-receive {
    --fa: "\e8a3";
}

.fa-gear-api {
    --fa: "\e8a4";
}

.fa-gear-complex-api {
    --fa: "\e8a5";
}

.fa-globe-www {
    --fa: "\e8a6";
}

.fa-label {
    --fa: "\e8a7";
}

.fa-rectangle-n-a {
    --fa: "\e8a8";
}

.fa-remote {
    --fa: "\e8a9";
}

.fa-image-broken {
    --fa: "\e8aa";
}

.fa-martini-glass-empty {
    --fa: "\f000";
}

.fa-glass-martini {
    --fa: "\f000";
}

.fa-music {
    --fa: "\f001";
}

.fa-magnifying-glass {
    --fa: "\f002";
}

.fa-search {
    --fa: "\f002";
}

.fa-heart {
    --fa: "\f004";
}

.fa-star {
    --fa: "\f005";
}

.fa-user {
    --fa: "\f007";
}

.fa-user-alt {
    --fa: "\f007";
}

.fa-user-large {
    --fa: "\f007";
}

.fa-film {
    --fa: "\f008";
}

.fa-film-alt {
    --fa: "\f008";
}

.fa-film-simple {
    --fa: "\f008";
}

.fa-table-cells-large {
    --fa: "\f009";
}

.fa-th-large {
    --fa: "\f009";
}

.fa-table-cells {
    --fa: "\f00a";
}

.fa-th {
    --fa: "\f00a";
}

.fa-table-list {
    --fa: "\f00b";
}

.fa-th-list {
    --fa: "\f00b";
}

.fa-check {
    --fa: "\f00c";
}

.fa-xmark {
    --fa: "\f00d";
}

.fa-close {
    --fa: "\f00d";
}

.fa-multiply {
    --fa: "\f00d";
}

.fa-remove {
    --fa: "\f00d";
}

.fa-times {
    --fa: "\f00d";
}

.fa-magnifying-glass-plus {
    --fa: "\f00e";
}

.fa-search-plus {
    --fa: "\f00e";
}

.fa-magnifying-glass-minus {
    --fa: "\f010";
}

.fa-search-minus {
    --fa: "\f010";
}

.fa-power-off {
    --fa: "\f011";
}

.fa-signal {
    --fa: "\f012";
}

.fa-signal-5 {
    --fa: "\f012";
}

.fa-signal-perfect {
    --fa: "\f012";
}

.fa-gear {
    --fa: "\f013";
}

.fa-cog {
    --fa: "\f013";
}

.fa-house {
    --fa: "\f015";
}

.fa-home {
    --fa: "\f015";
}

.fa-home-alt {
    --fa: "\f015";
}

.fa-home-lg-alt {
    --fa: "\f015";
}

.fa-clock {
    --fa: "\f017";
}

.fa-clock-four {
    --fa: "\f017";
}

.fa-road {
    --fa: "\f018";
}

.fa-download {
    --fa: "\f019";
}

.fa-inbox {
    --fa: "\f01c";
}

.fa-arrow-rotate-right {
    --fa: "\f01e";
}

.fa-arrow-right-rotate {
    --fa: "\f01e";
}

.fa-arrow-rotate-forward {
    --fa: "\f01e";
}

.fa-redo {
    --fa: "\f01e";
}

.fa-arrows-rotate {
    --fa: "\f021";
}

.fa-refresh {
    --fa: "\f021";
}

.fa-sync {
    --fa: "\f021";
}

.fa-rectangle-list {
    --fa: "\f022";
}

.fa-list-alt {
    --fa: "\f022";
}

.fa-lock {
    --fa: "\f023";
}

.fa-flag {
    --fa: "\f024";
}

.fa-headphones {
    --fa: "\f025";
}

.fa-headphones-alt {
    --fa: "\f025";
}

.fa-headphones-simple {
    --fa: "\f025";
}

.fa-volume-off {
    --fa: "\f026";
}

.fa-volume-low {
    --fa: "\f027";
}

.fa-volume-down {
    --fa: "\f027";
}

.fa-volume-high {
    --fa: "\f028";
}

.fa-volume-up {
    --fa: "\f028";
}

.fa-qrcode {
    --fa: "\f029";
}

.fa-barcode {
    --fa: "\f02a";
}

.fa-tag {
    --fa: "\f02b";
}

.fa-tags {
    --fa: "\f02c";
}

.fa-book {
    --fa: "\f02d";
}

.fa-bookmark {
    --fa: "\f02e";
}

.fa-print {
    --fa: "\f02f";
}

.fa-camera {
    --fa: "\f030";
}

.fa-camera-alt {
    --fa: "\f030";
}

.fa-font {
    --fa: "\f031";
}

.fa-bold {
    --fa: "\f032";
}

.fa-italic {
    --fa: "\f033";
}

.fa-text-height {
    --fa: "\f034";
}

.fa-text-width {
    --fa: "\f035";
}

.fa-align-left {
    --fa: "\f036";
}

.fa-align-center {
    --fa: "\f037";
}

.fa-align-right {
    --fa: "\f038";
}

.fa-align-justify {
    --fa: "\f039";
}

.fa-list {
    --fa: "\f03a";
}

.fa-list-squares {
    --fa: "\f03a";
}

.fa-outdent {
    --fa: "\f03b";
}

.fa-dedent {
    --fa: "\f03b";
}

.fa-indent {
    --fa: "\f03c";
}

.fa-video {
    --fa: "\f03d";
}

.fa-video-camera {
    --fa: "\f03d";
}

.fa-image {
    --fa: "\f03e";
}

.fa-location-pin {
    --fa: "\f041";
}

.fa-map-marker {
    --fa: "\f041";
}

.fa-circle-half-stroke {
    --fa: "\f042";
}

.fa-adjust {
    --fa: "\f042";
}

.fa-droplet {
    --fa: "\f043";
}

.fa-tint {
    --fa: "\f043";
}

.fa-pen-to-square {
    --fa: "\f044";
}

.fa-edit {
    --fa: "\f044";
}

.fa-arrows-up-down-left-right {
    --fa: "\f047";
}

.fa-arrows {
    --fa: "\f047";
}

.fa-backward-step {
    --fa: "\f048";
}

.fa-step-backward {
    --fa: "\f048";
}

.fa-backward-fast {
    --fa: "\f049";
}

.fa-fast-backward {
    --fa: "\f049";
}

.fa-backward {
    --fa: "\f04a";
}

.fa-play {
    --fa: "\f04b";
}

.fa-pause {
    --fa: "\f04c";
}

.fa-stop {
    --fa: "\f04d";
}

.fa-forward {
    --fa: "\f04e";
}

.fa-forward-fast {
    --fa: "\f050";
}

.fa-fast-forward {
    --fa: "\f050";
}

.fa-forward-step {
    --fa: "\f051";
}

.fa-step-forward {
    --fa: "\f051";
}

.fa-eject {
    --fa: "\f052";
}

.fa-chevron-left {
    --fa: "\f053";
}

.fa-chevron-right {
    --fa: "\f054";
}

.fa-circle-plus {
    --fa: "\f055";
}

.fa-plus-circle {
    --fa: "\f055";
}

.fa-circle-minus {
    --fa: "\f056";
}

.fa-minus-circle {
    --fa: "\f056";
}

.fa-circle-xmark {
    --fa: "\f057";
}

.fa-times-circle {
    --fa: "\f057";
}

.fa-xmark-circle {
    --fa: "\f057";
}

.fa-circle-check {
    --fa: "\f058";
}

.fa-check-circle {
    --fa: "\f058";
}

.fa-circle-question {
    --fa: "\f059";
}

.fa-question-circle {
    --fa: "\f059";
}

.fa-circle-info {
    --fa: "\f05a";
}

.fa-info-circle {
    --fa: "\f05a";
}

.fa-crosshairs {
    --fa: "\f05b";
}

.fa-ban {
    --fa: "\f05e";
}

.fa-cancel {
    --fa: "\f05e";
}

.fa-arrow-left {
    --fa: "\f060";
}

.fa-arrow-right {
    --fa: "\f061";
}

.fa-arrow-up {
    --fa: "\f062";
}

.fa-arrow-down {
    --fa: "\f063";
}

.fa-share {
    --fa: "\f064";
}

.fa-mail-forward {
    --fa: "\f064";
}

.fa-expand {
    --fa: "\f065";
}

.fa-compress {
    --fa: "\f066";
}

.fa-minus {
    --fa: "\f068";
}

.fa-subtract {
    --fa: "\f068";
}

.fa-circle-exclamation {
    --fa: "\f06a";
}

.fa-exclamation-circle {
    --fa: "\f06a";
}

.fa-gift {
    --fa: "\f06b";
}

.fa-leaf {
    --fa: "\f06c";
}

.fa-fire {
    --fa: "\f06d";
}

.fa-eye {
    --fa: "\f06e";
}

.fa-eye-slash {
    --fa: "\f070";
}

.fa-triangle-exclamation {
    --fa: "\f071";
}

.fa-exclamation-triangle {
    --fa: "\f071";
}

.fa-warning {
    --fa: "\f071";
}

.fa-plane {
    --fa: "\f072";
}

.fa-calendar-days {
    --fa: "\f073";
}

.fa-calendar-alt {
    --fa: "\f073";
}

.fa-shuffle {
    --fa: "\f074";
}

.fa-random {
    --fa: "\f074";
}

.fa-comment {
    --fa: "\f075";
}

.fa-magnet {
    --fa: "\f076";
}

.fa-chevron-up {
    --fa: "\f077";
}

.fa-chevron-down {
    --fa: "\f078";
}

.fa-retweet {
    --fa: "\f079";
}

.fa-cart-shopping {
    --fa: "\f07a";
}

.fa-shopping-cart {
    --fa: "\f07a";
}

.fa-folder {
    --fa: "\f07b";
}

.fa-folder-blank {
    --fa: "\f07b";
}

.fa-folder-open {
    --fa: "\f07c";
}

.fa-arrows-up-down {
    --fa: "\f07d";
}

.fa-arrows-v {
    --fa: "\f07d";
}

.fa-arrows-left-right {
    --fa: "\f07e";
}

.fa-arrows-h {
    --fa: "\f07e";
}

.fa-chart-bar {
    --fa: "\f080";
}

.fa-bar-chart {
    --fa: "\f080";
}

.fa-camera-retro {
    --fa: "\f083";
}

.fa-key {
    --fa: "\f084";
}

.fa-gears {
    --fa: "\f085";
}

.fa-cogs {
    --fa: "\f085";
}

.fa-comments {
    --fa: "\f086";
}

.fa-star-half {
    --fa: "\f089";
}

.fa-arrow-right-from-bracket {
    --fa: "\f08b";
}

.fa-sign-out {
    --fa: "\f08b";
}

.fa-thumbtack {
    --fa: "\f08d";
}

.fa-thumb-tack {
    --fa: "\f08d";
}

.fa-arrow-up-right-from-square {
    --fa: "\f08e";
}

.fa-external-link {
    --fa: "\f08e";
}

.fa-arrow-right-to-bracket {
    --fa: "\f090";
}

.fa-sign-in {
    --fa: "\f090";
}

.fa-trophy {
    --fa: "\f091";
}

.fa-upload {
    --fa: "\f093";
}

.fa-lemon {
    --fa: "\f094";
}

.fa-phone {
    --fa: "\f095";
}

.fa-square-phone {
    --fa: "\f098";
}

.fa-phone-square {
    --fa: "\f098";
}

.fa-unlock {
    --fa: "\f09c";
}

.fa-credit-card {
    --fa: "\f09d";
}

.fa-credit-card-alt {
    --fa: "\f09d";
}

.fa-rss {
    --fa: "\f09e";
}

.fa-feed {
    --fa: "\f09e";
}

.fa-hard-drive {
    --fa: "\f0a0";
}

.fa-hdd {
    --fa: "\f0a0";
}

.fa-bullhorn {
    --fa: "\f0a1";
}

.fa-certificate {
    --fa: "\f0a3";
}

.fa-hand-point-right {
    --fa: "\f0a4";
}

.fa-hand-point-left {
    --fa: "\f0a5";
}

.fa-hand-point-up {
    --fa: "\f0a6";
}

.fa-hand-point-down {
    --fa: "\f0a7";
}

.fa-circle-arrow-left {
    --fa: "\f0a8";
}

.fa-arrow-circle-left {
    --fa: "\f0a8";
}

.fa-circle-arrow-right {
    --fa: "\f0a9";
}

.fa-arrow-circle-right {
    --fa: "\f0a9";
}

.fa-circle-arrow-up {
    --fa: "\f0aa";
}

.fa-arrow-circle-up {
    --fa: "\f0aa";
}

.fa-circle-arrow-down {
    --fa: "\f0ab";
}

.fa-arrow-circle-down {
    --fa: "\f0ab";
}

.fa-globe {
    --fa: "\f0ac";
}

.fa-wrench {
    --fa: "\f0ad";
}

.fa-list-check {
    --fa: "\f0ae";
}

.fa-tasks {
    --fa: "\f0ae";
}

.fa-filter {
    --fa: "\f0b0";
}

.fa-briefcase {
    --fa: "\f0b1";
}

.fa-up-down-left-right {
    --fa: "\f0b2";
}

.fa-arrows-alt {
    --fa: "\f0b2";
}

.fa-users {
    --fa: "\f0c0";
}

.fa-link {
    --fa: "\f0c1";
}

.fa-chain {
    --fa: "\f0c1";
}

.fa-cloud {
    --fa: "\f0c2";
}

.fa-flask {
    --fa: "\f0c3";
}

.fa-scissors {
    --fa: "\f0c4";
}

.fa-cut {
    --fa: "\f0c4";
}

.fa-copy {
    --fa: "\f0c5";
}

.fa-paperclip {
    --fa: "\f0c6";
}

.fa-floppy-disk {
    --fa: "\f0c7";
}

.fa-save {
    --fa: "\f0c7";
}

.fa-square {
    --fa: "\f0c8";
}

.fa-bars {
    --fa: "\f0c9";
}

.fa-navicon {
    --fa: "\f0c9";
}

.fa-list-ul {
    --fa: "\f0ca";
}

.fa-list-dots {
    --fa: "\f0ca";
}

.fa-list-ol {
    --fa: "\f0cb";
}

.fa-list-1-2 {
    --fa: "\f0cb";
}

.fa-list-numeric {
    --fa: "\f0cb";
}

.fa-strikethrough {
    --fa: "\f0cc";
}

.fa-underline {
    --fa: "\f0cd";
}

.fa-table {
    --fa: "\f0ce";
}

.fa-wand-magic {
    --fa: "\f0d0";
}

.fa-magic {
    --fa: "\f0d0";
}

.fa-truck {
    --fa: "\f0d1";
}

.fa-money-bill {
    --fa: "\f0d6";
}

.fa-caret-down {
    --fa: "\f0d7";
}

.fa-caret-up {
    --fa: "\f0d8";
}

.fa-caret-left {
    --fa: "\f0d9";
}

.fa-caret-right {
    --fa: "\f0da";
}

.fa-table-columns {
    --fa: "\f0db";
}

.fa-columns {
    --fa: "\f0db";
}

.fa-sort {
    --fa: "\f0dc";
}

.fa-unsorted {
    --fa: "\f0dc";
}

.fa-sort-down {
    --fa: "\f0dd";
}

.fa-sort-desc {
    --fa: "\f0dd";
}

.fa-sort-up {
    --fa: "\f0de";
}

.fa-sort-asc {
    --fa: "\f0de";
}

.fa-envelope {
    --fa: "\f0e0";
}

.fa-arrow-rotate-left {
    --fa: "\f0e2";
}

.fa-arrow-left-rotate {
    --fa: "\f0e2";
}

.fa-arrow-rotate-back {
    --fa: "\f0e2";
}

.fa-arrow-rotate-backward {
    --fa: "\f0e2";
}

.fa-undo {
    --fa: "\f0e2";
}

.fa-gavel {
    --fa: "\f0e3";
}

.fa-legal {
    --fa: "\f0e3";
}

.fa-bolt {
    --fa: "\f0e7";
}

.fa-zap {
    --fa: "\f0e7";
}

.fa-sitemap {
    --fa: "\f0e8";
}

.fa-umbrella {
    --fa: "\f0e9";
}

.fa-paste {
    --fa: "\f0ea";
}

.fa-file-clipboard {
    --fa: "\f0ea";
}

.fa-lightbulb {
    --fa: "\f0eb";
}

.fa-arrow-right-arrow-left {
    --fa: "\f0ec";
}

.fa-exchange {
    --fa: "\f0ec";
}

.fa-cloud-arrow-down {
    --fa: "\f0ed";
}

.fa-cloud-download {
    --fa: "\f0ed";
}

.fa-cloud-download-alt {
    --fa: "\f0ed";
}

.fa-cloud-arrow-up {
    --fa: "\f0ee";
}

.fa-cloud-upload {
    --fa: "\f0ee";
}

.fa-cloud-upload-alt {
    --fa: "\f0ee";
}

.fa-user-doctor {
    --fa: "\f0f0";
}

.fa-user-md {
    --fa: "\f0f0";
}

.fa-stethoscope {
    --fa: "\f0f1";
}

.fa-suitcase {
    --fa: "\f0f2";
}

.fa-bell {
    --fa: "\f0f3";
}

.fa-mug-saucer {
    --fa: "\f0f4";
}

.fa-coffee {
    --fa: "\f0f4";
}

.fa-hospital {
    --fa: "\f0f8";
}

.fa-hospital-alt {
    --fa: "\f0f8";
}

.fa-hospital-wide {
    --fa: "\f0f8";
}

.fa-truck-medical {
    --fa: "\f0f9";
}

.fa-ambulance {
    --fa: "\f0f9";
}

.fa-suitcase-medical {
    --fa: "\f0fa";
}

.fa-medkit {
    --fa: "\f0fa";
}

.fa-jet-fighter {
    --fa: "\f0fb";
}

.fa-fighter-jet {
    --fa: "\f0fb";
}

.fa-beer-mug-empty {
    --fa: "\f0fc";
}

.fa-beer {
    --fa: "\f0fc";
}

.fa-square-h {
    --fa: "\f0fd";
}

.fa-h-square {
    --fa: "\f0fd";
}

.fa-square-plus {
    --fa: "\f0fe";
}

.fa-plus-square {
    --fa: "\f0fe";
}

.fa-angles-left {
    --fa: "\f100";
}

.fa-angle-double-left {
    --fa: "\f100";
}

.fa-angles-right {
    --fa: "\f101";
}

.fa-angle-double-right {
    --fa: "\f101";
}

.fa-angles-up {
    --fa: "\f102";
}

.fa-angle-double-up {
    --fa: "\f102";
}

.fa-angles-down {
    --fa: "\f103";
}

.fa-angle-double-down {
    --fa: "\f103";
}

.fa-angle-left {
    --fa: "\f104";
}

.fa-angle-right {
    --fa: "\f105";
}

.fa-angle-up {
    --fa: "\f106";
}

.fa-angle-down {
    --fa: "\f107";
}

.fa-laptop {
    --fa: "\f109";
}

.fa-tablet-button {
    --fa: "\f10a";
}

.fa-mobile-button {
    --fa: "\f10b";
}

.fa-quote-left {
    --fa: "\f10d";
}

.fa-quote-left-alt {
    --fa: "\f10d";
}

.fa-quote-right {
    --fa: "\f10e";
}

.fa-quote-right-alt {
    --fa: "\f10e";
}

.fa-spinner {
    --fa: "\f110";
}

.fa-circle {
    --fa: "\f111";
}

.fa-face-smile {
    --fa: "\f118";
}

.fa-smile {
    --fa: "\f118";
}

.fa-face-frown {
    --fa: "\f119";
}

.fa-frown {
    --fa: "\f119";
}

.fa-face-meh {
    --fa: "\f11a";
}

.fa-meh {
    --fa: "\f11a";
}

.fa-gamepad {
    --fa: "\f11b";
}

.fa-keyboard {
    --fa: "\f11c";
}

.fa-flag-checkered {
    --fa: "\f11e";
}

.fa-terminal {
    --fa: "\f120";
}

.fa-code {
    --fa: "\f121";
}

.fa-reply-all {
    --fa: "\f122";
}

.fa-mail-reply-all {
    --fa: "\f122";
}

.fa-location-arrow {
    --fa: "\f124";
}

.fa-crop {
    --fa: "\f125";
}

.fa-code-branch {
    --fa: "\f126";
}

.fa-link-slash {
    --fa: "\f127";
}

.fa-chain-broken {
    --fa: "\f127";
}

.fa-chain-slash {
    --fa: "\f127";
}

.fa-unlink {
    --fa: "\f127";
}

.fa-info {
    --fa: "\f129";
}

.fa-superscript {
    --fa: "\f12b";
}

.fa-subscript {
    --fa: "\f12c";
}

.fa-eraser {
    --fa: "\f12d";
}

.fa-puzzle-piece {
    --fa: "\f12e";
}

.fa-microphone {
    --fa: "\f130";
}

.fa-microphone-slash {
    --fa: "\f131";
}

.fa-shield {
    --fa: "\f132";
}

.fa-shield-blank {
    --fa: "\f132";
}

.fa-calendar {
    --fa: "\f133";
}

.fa-fire-extinguisher {
    --fa: "\f134";
}

.fa-rocket {
    --fa: "\f135";
}

.fa-circle-chevron-left {
    --fa: "\f137";
}

.fa-chevron-circle-left {
    --fa: "\f137";
}

.fa-circle-chevron-right {
    --fa: "\f138";
}

.fa-chevron-circle-right {
    --fa: "\f138";
}

.fa-circle-chevron-up {
    --fa: "\f139";
}

.fa-chevron-circle-up {
    --fa: "\f139";
}

.fa-circle-chevron-down {
    --fa: "\f13a";
}

.fa-chevron-circle-down {
    --fa: "\f13a";
}

.fa-anchor {
    --fa: "\f13d";
}

.fa-unlock-keyhole {
    --fa: "\f13e";
}

.fa-unlock-alt {
    --fa: "\f13e";
}

.fa-bullseye {
    --fa: "\f140";
}

.fa-ellipsis {
    --fa: "\f141";
}

.fa-ellipsis-h {
    --fa: "\f141";
}

.fa-ellipsis-vertical {
    --fa: "\f142";
}

.fa-ellipsis-v {
    --fa: "\f142";
}

.fa-square-rss {
    --fa: "\f143";
}

.fa-rss-square {
    --fa: "\f143";
}

.fa-circle-play {
    --fa: "\f144";
}

.fa-play-circle {
    --fa: "\f144";
}

.fa-ticket {
    --fa: "\f145";
}

.fa-square-minus {
    --fa: "\f146";
}

.fa-minus-square {
    --fa: "\f146";
}

.fa-arrow-turn-up {
    --fa: "\f148";
}

.fa-level-up {
    --fa: "\f148";
}

.fa-arrow-turn-down {
    --fa: "\f149";
}

.fa-level-down {
    --fa: "\f149";
}

.fa-square-check {
    --fa: "\f14a";
}

.fa-check-square {
    --fa: "\f14a";
}

.fa-square-pen {
    --fa: "\f14b";
}

.fa-pen-square {
    --fa: "\f14b";
}

.fa-pencil-square {
    --fa: "\f14b";
}

.fa-square-arrow-up-right {
    --fa: "\f14c";
}

.fa-external-link-square {
    --fa: "\f14c";
}

.fa-share-from-square {
    --fa: "\f14d";
}

.fa-share-square {
    --fa: "\f14d";
}

.fa-compass {
    --fa: "\f14e";
}

.fa-square-caret-down {
    --fa: "\f150";
}

.fa-caret-square-down {
    --fa: "\f150";
}

.fa-square-caret-up {
    --fa: "\f151";
}

.fa-caret-square-up {
    --fa: "\f151";
}

.fa-square-caret-right {
    --fa: "\f152";
}

.fa-caret-square-right {
    --fa: "\f152";
}

.fa-euro-sign {
    --fa: "\f153";
}

.fa-eur {
    --fa: "\f153";
}

.fa-euro {
    --fa: "\f153";
}

.fa-sterling-sign {
    --fa: "\f154";
}

.fa-gbp {
    --fa: "\f154";
}

.fa-pound-sign {
    --fa: "\f154";
}

.fa-rupee-sign {
    --fa: "\f156";
}

.fa-rupee {
    --fa: "\f156";
}

.fa-yen-sign {
    --fa: "\f157";
}

.fa-cny {
    --fa: "\f157";
}

.fa-jpy {
    --fa: "\f157";
}

.fa-rmb {
    --fa: "\f157";
}

.fa-yen {
    --fa: "\f157";
}

.fa-ruble-sign {
    --fa: "\f158";
}

.fa-rouble {
    --fa: "\f158";
}

.fa-rub {
    --fa: "\f158";
}

.fa-ruble {
    --fa: "\f158";
}

.fa-won-sign {
    --fa: "\f159";
}

.fa-krw {
    --fa: "\f159";
}

.fa-won {
    --fa: "\f159";
}

.fa-file {
    --fa: "\f15b";
}

.fa-file-lines {
    --fa: "\f15c";
}

.fa-file-alt {
    --fa: "\f15c";
}

.fa-file-text {
    --fa: "\f15c";
}

.fa-arrow-down-a-z {
    --fa: "\f15d";
}

.fa-sort-alpha-asc {
    --fa: "\f15d";
}

.fa-sort-alpha-down {
    --fa: "\f15d";
}

.fa-arrow-up-a-z {
    --fa: "\f15e";
}

.fa-sort-alpha-up {
    --fa: "\f15e";
}

.fa-arrow-down-wide-short {
    --fa: "\f160";
}

.fa-sort-amount-asc {
    --fa: "\f160";
}

.fa-sort-amount-down {
    --fa: "\f160";
}

.fa-arrow-up-wide-short {
    --fa: "\f161";
}

.fa-sort-amount-up {
    --fa: "\f161";
}

.fa-arrow-down-1-9 {
    --fa: "\f162";
}

.fa-sort-numeric-asc {
    --fa: "\f162";
}

.fa-sort-numeric-down {
    --fa: "\f162";
}

.fa-arrow-up-1-9 {
    --fa: "\f163";
}

.fa-sort-numeric-up {
    --fa: "\f163";
}

.fa-thumbs-up {
    --fa: "\f164";
}

.fa-thumbs-down {
    --fa: "\f165";
}

.fa-arrow-down-long {
    --fa: "\f175";
}

.fa-long-arrow-down {
    --fa: "\f175";
}

.fa-arrow-up-long {
    --fa: "\f176";
}

.fa-long-arrow-up {
    --fa: "\f176";
}

.fa-arrow-left-long {
    --fa: "\f177";
}

.fa-long-arrow-left {
    --fa: "\f177";
}

.fa-arrow-right-long {
    --fa: "\f178";
}

.fa-long-arrow-right {
    --fa: "\f178";
}

.fa-person-dress {
    --fa: "\f182";
}

.fa-female {
    --fa: "\f182";
}

.fa-person {
    --fa: "\f183";
}

.fa-male {
    --fa: "\f183";
}

.fa-sun {
    --fa: "\f185";
}

.fa-moon {
    --fa: "\f186";
}

.fa-box-archive {
    --fa: "\f187";
}

.fa-archive {
    --fa: "\f187";
}

.fa-bug {
    --fa: "\f188";
}

.fa-square-caret-left {
    --fa: "\f191";
}

.fa-caret-square-left {
    --fa: "\f191";
}

.fa-circle-dot {
    --fa: "\f192";
}

.fa-dot-circle {
    --fa: "\f192";
}

.fa-wheelchair {
    --fa: "\f193";
}

.fa-lira-sign {
    --fa: "\f195";
}

.fa-shuttle-space {
    --fa: "\f197";
}

.fa-space-shuttle {
    --fa: "\f197";
}

.fa-square-envelope {
    --fa: "\f199";
}

.fa-envelope-square {
    --fa: "\f199";
}

.fa-building-columns {
    --fa: "\f19c";
}

.fa-bank {
    --fa: "\f19c";
}

.fa-institution {
    --fa: "\f19c";
}

.fa-museum {
    --fa: "\f19c";
}

.fa-university {
    --fa: "\f19c";
}

.fa-graduation-cap {
    --fa: "\f19d";
}

.fa-mortar-board {
    --fa: "\f19d";
}

.fa-language {
    --fa: "\f1ab";
}

.fa-fax {
    --fa: "\f1ac";
}

.fa-building {
    --fa: "\f1ad";
}

.fa-child {
    --fa: "\f1ae";
}

.fa-paw {
    --fa: "\f1b0";
}

.fa-cube {
    --fa: "\f1b2";
}

.fa-cubes {
    --fa: "\f1b3";
}

.fa-recycle {
    --fa: "\f1b8";
}

.fa-car {
    --fa: "\f1b9";
}

.fa-automobile {
    --fa: "\f1b9";
}

.fa-taxi {
    --fa: "\f1ba";
}

.fa-cab {
    --fa: "\f1ba";
}

.fa-tree {
    --fa: "\f1bb";
}

.fa-database {
    --fa: "\f1c0";
}

.fa-file-pdf {
    --fa: "\f1c1";
}

.fa-file-word {
    --fa: "\f1c2";
}

.fa-file-excel {
    --fa: "\f1c3";
}

.fa-file-powerpoint {
    --fa: "\f1c4";
}

.fa-file-image {
    --fa: "\f1c5";
}

.fa-file-zipper {
    --fa: "\f1c6";
}

.fa-file-archive {
    --fa: "\f1c6";
}

.fa-file-audio {
    --fa: "\f1c7";
}

.fa-file-video {
    --fa: "\f1c8";
}

.fa-file-code {
    --fa: "\f1c9";
}

.fa-life-ring {
    --fa: "\f1cd";
}

.fa-circle-notch {
    --fa: "\f1ce";
}

.fa-paper-plane {
    --fa: "\f1d8";
}

.fa-clock-rotate-left {
    --fa: "\f1da";
}

.fa-history {
    --fa: "\f1da";
}

.fa-heading {
    --fa: "\f1dc";
}

.fa-header {
    --fa: "\f1dc";
}

.fa-paragraph {
    --fa: "\f1dd";
}

.fa-sliders {
    --fa: "\f1de";
}

.fa-sliders-h {
    --fa: "\f1de";
}

.fa-share-nodes {
    --fa: "\f1e0";
}

.fa-share-alt {
    --fa: "\f1e0";
}

.fa-square-share-nodes {
    --fa: "\f1e1";
}

.fa-share-alt-square {
    --fa: "\f1e1";
}

.fa-bomb {
    --fa: "\f1e2";
}

.fa-futbol {
    --fa: "\f1e3";
}

.fa-futbol-ball {
    --fa: "\f1e3";
}

.fa-soccer-ball {
    --fa: "\f1e3";
}

.fa-tty {
    --fa: "\f1e4";
}

.fa-teletype {
    --fa: "\f1e4";
}

.fa-binoculars {
    --fa: "\f1e5";
}

.fa-plug {
    --fa: "\f1e6";
}

.fa-newspaper {
    --fa: "\f1ea";
}

.fa-wifi {
    --fa: "\f1eb";
}

.fa-wifi-3 {
    --fa: "\f1eb";
}

.fa-wifi-strong {
    --fa: "\f1eb";
}

.fa-calculator {
    --fa: "\f1ec";
}

.fa-bell-slash {
    --fa: "\f1f6";
}

.fa-trash {
    --fa: "\f1f8";
}

.fa-copyright {
    --fa: "\f1f9";
}

.fa-eye-dropper {
    --fa: "\f1fb";
}

.fa-eye-dropper-empty {
    --fa: "\f1fb";
}

.fa-eyedropper {
    --fa: "\f1fb";
}

.fa-paintbrush {
    --fa: "\f1fc";
}

.fa-paint-brush {
    --fa: "\f1fc";
}

.fa-cake-candles {
    --fa: "\f1fd";
}

.fa-birthday-cake {
    --fa: "\f1fd";
}

.fa-cake {
    --fa: "\f1fd";
}

.fa-chart-area {
    --fa: "\f1fe";
}

.fa-area-chart {
    --fa: "\f1fe";
}

.fa-chart-pie {
    --fa: "\f200";
}

.fa-pie-chart {
    --fa: "\f200";
}

.fa-chart-line {
    --fa: "\f201";
}

.fa-line-chart {
    --fa: "\f201";
}

.fa-toggle-off {
    --fa: "\f204";
}

.fa-toggle-on {
    --fa: "\f205";
}

.fa-bicycle {
    --fa: "\f206";
}

.fa-bus {
    --fa: "\f207";
}

.fa-closed-captioning {
    --fa: "\f20a";
}

.fa-shekel-sign {
    --fa: "\f20b";
}

.fa-ils {
    --fa: "\f20b";
}

.fa-shekel {
    --fa: "\f20b";
}

.fa-sheqel {
    --fa: "\f20b";
}

.fa-sheqel-sign {
    --fa: "\f20b";
}

.fa-cart-plus {
    --fa: "\f217";
}

.fa-cart-arrow-down {
    --fa: "\f218";
}

.fa-diamond {
    --fa: "\f219";
}

.fa-ship {
    --fa: "\f21a";
}

.fa-user-secret {
    --fa: "\f21b";
}

.fa-motorcycle {
    --fa: "\f21c";
}

.fa-street-view {
    --fa: "\f21d";
}

.fa-heart-pulse {
    --fa: "\f21e";
}

.fa-heartbeat {
    --fa: "\f21e";
}

.fa-venus {
    --fa: "\f221";
}

.fa-mars {
    --fa: "\f222";
}

.fa-mercury {
    --fa: "\f223";
}

.fa-mars-and-venus {
    --fa: "\f224";
}

.fa-transgender {
    --fa: "\f225";
}

.fa-transgender-alt {
    --fa: "\f225";
}

.fa-venus-double {
    --fa: "\f226";
}

.fa-mars-double {
    --fa: "\f227";
}

.fa-venus-mars {
    --fa: "\f228";
}

.fa-mars-stroke {
    --fa: "\f229";
}

.fa-mars-stroke-up {
    --fa: "\f22a";
}

.fa-mars-stroke-v {
    --fa: "\f22a";
}

.fa-mars-stroke-right {
    --fa: "\f22b";
}

.fa-mars-stroke-h {
    --fa: "\f22b";
}

.fa-neuter {
    --fa: "\f22c";
}

.fa-genderless {
    --fa: "\f22d";
}

.fa-server {
    --fa: "\f233";
}

.fa-user-plus {
    --fa: "\f234";
}

.fa-user-xmark {
    --fa: "\f235";
}

.fa-user-times {
    --fa: "\f235";
}

.fa-bed {
    --fa: "\f236";
}

.fa-train {
    --fa: "\f238";
}

.fa-train-subway {
    --fa: "\f239";
}

.fa-subway {
    --fa: "\f239";
}

.fa-battery-full {
    --fa: "\f240";
}

.fa-battery {
    --fa: "\f240";
}

.fa-battery-5 {
    --fa: "\f240";
}

.fa-battery-three-quarters {
    --fa: "\f241";
}

.fa-battery-4 {
    --fa: "\f241";
}

.fa-battery-half {
    --fa: "\f242";
}

.fa-battery-3 {
    --fa: "\f242";
}

.fa-battery-quarter {
    --fa: "\f243";
}

.fa-battery-2 {
    --fa: "\f243";
}

.fa-battery-empty {
    --fa: "\f244";
}

.fa-battery-0 {
    --fa: "\f244";
}

.fa-arrow-pointer {
    --fa: "\f245";
}

.fa-mouse-pointer {
    --fa: "\f245";
}

.fa-i-cursor {
    --fa: "\f246";
}

.fa-object-group {
    --fa: "\f247";
}

.fa-object-ungroup {
    --fa: "\f248";
}

.fa-note-sticky {
    --fa: "\f249";
}

.fa-sticky-note {
    --fa: "\f249";
}

.fa-clone {
    --fa: "\f24d";
}

.fa-scale-balanced {
    --fa: "\f24e";
}

.fa-balance-scale {
    --fa: "\f24e";
}

.fa-hourglass-start {
    --fa: "\f251";
}

.fa-hourglass-1 {
    --fa: "\f251";
}

.fa-hourglass-half {
    --fa: "\f252";
}

.fa-hourglass-2 {
    --fa: "\f252";
}

.fa-hourglass-end {
    --fa: "\f253";
}

.fa-hourglass-3 {
    --fa: "\f253";
}

.fa-hourglass {
    --fa: "\f254";
}

.fa-hourglass-empty {
    --fa: "\f254";
}

.fa-hand-back-fist {
    --fa: "\f255";
}

.fa-hand-rock {
    --fa: "\f255";
}

.fa-hand {
    --fa: "\f256";
}

.fa-hand-paper {
    --fa: "\f256";
}

.fa-hand-scissors {
    --fa: "\f257";
}

.fa-hand-lizard {
    --fa: "\f258";
}

.fa-hand-spock {
    --fa: "\f259";
}

.fa-hand-pointer {
    --fa: "\f25a";
}

.fa-hand-peace {
    --fa: "\f25b";
}

.fa-trademark {
    --fa: "\f25c";
}

.fa-registered {
    --fa: "\f25d";
}

.fa-tv {
    --fa: "\f26c";
}

.fa-television {
    --fa: "\f26c";
}

.fa-tv-alt {
    --fa: "\f26c";
}

.fa-calendar-plus {
    --fa: "\f271";
}

.fa-calendar-minus {
    --fa: "\f272";
}

.fa-calendar-xmark {
    --fa: "\f273";
}

.fa-calendar-times {
    --fa: "\f273";
}

.fa-calendar-check {
    --fa: "\f274";
}

.fa-industry {
    --fa: "\f275";
}

.fa-map-pin {
    --fa: "\f276";
}

.fa-signs-post {
    --fa: "\f277";
}

.fa-map-signs {
    --fa: "\f277";
}

.fa-map {
    --fa: "\f279";
}

.fa-message {
    --fa: "\f27a";
}

.fa-comment-alt {
    --fa: "\f27a";
}

.fa-circle-pause {
    --fa: "\f28b";
}

.fa-pause-circle {
    --fa: "\f28b";
}

.fa-circle-stop {
    --fa: "\f28d";
}

.fa-stop-circle {
    --fa: "\f28d";
}

.fa-bag-shopping {
    --fa: "\f290";
}

.fa-shopping-bag {
    --fa: "\f290";
}

.fa-basket-shopping {
    --fa: "\f291";
}

.fa-shopping-basket {
    --fa: "\f291";
}

.fa-bluetooth {
    --fa: "\f293";
}

.fa-universal-access {
    --fa: "\f29a";
}

.fa-person-walking-with-cane {
    --fa: "\f29d";
}

.fa-blind {
    --fa: "\f29d";
}

.fa-audio-description {
    --fa: "\f29e";
}

.fa-phone-volume {
    --fa: "\f2a0";
}

.fa-volume-control-phone {
    --fa: "\f2a0";
}

.fa-braille {
    --fa: "\f2a1";
}

.fa-ear-listen {
    --fa: "\f2a2";
}

.fa-assistive-listening-systems {
    --fa: "\f2a2";
}

.fa-hands-asl-interpreting {
    --fa: "\f2a3";
}

.fa-american-sign-language-interpreting {
    --fa: "\f2a3";
}

.fa-asl-interpreting {
    --fa: "\f2a3";
}

.fa-hands-american-sign-language-interpreting {
    --fa: "\f2a3";
}

.fa-ear-deaf {
    --fa: "\f2a4";
}

.fa-deaf {
    --fa: "\f2a4";
}

.fa-deafness {
    --fa: "\f2a4";
}

.fa-hard-of-hearing {
    --fa: "\f2a4";
}

.fa-hands {
    --fa: "\f2a7";
}

.fa-sign-language {
    --fa: "\f2a7";
}

.fa-signing {
    --fa: "\f2a7";
}

.fa-eye-low-vision {
    --fa: "\f2a8";
}

.fa-low-vision {
    --fa: "\f2a8";
}

.fa-font-awesome {
    --fa: "\f2b4";
}

.fa-font-awesome-flag {
    --fa: "\f2b4";
}

.fa-font-awesome-logo-full {
    --fa: "\f2b4";
}

.fa-handshake {
    --fa: "\f2b5";
}

.fa-handshake-alt {
    --fa: "\f2b5";
}

.fa-handshake-simple {
    --fa: "\f2b5";
}

.fa-envelope-open {
    --fa: "\f2b6";
}

.fa-address-book {
    --fa: "\f2b9";
}

.fa-contact-book {
    --fa: "\f2b9";
}

.fa-address-card {
    --fa: "\f2bb";
}

.fa-contact-card {
    --fa: "\f2bb";
}

.fa-vcard {
    --fa: "\f2bb";
}

.fa-circle-user {
    --fa: "\f2bd";
}

.fa-user-circle {
    --fa: "\f2bd";
}

.fa-id-badge {
    --fa: "\f2c1";
}

.fa-id-card {
    --fa: "\f2c2";
}

.fa-drivers-license {
    --fa: "\f2c2";
}

.fa-temperature-full {
    --fa: "\f2c7";
}

.fa-temperature-4 {
    --fa: "\f2c7";
}

.fa-thermometer-4 {
    --fa: "\f2c7";
}

.fa-thermometer-full {
    --fa: "\f2c7";
}

.fa-temperature-three-quarters {
    --fa: "\f2c8";
}

.fa-temperature-3 {
    --fa: "\f2c8";
}

.fa-thermometer-3 {
    --fa: "\f2c8";
}

.fa-thermometer-three-quarters {
    --fa: "\f2c8";
}

.fa-temperature-half {
    --fa: "\f2c9";
}

.fa-temperature-2 {
    --fa: "\f2c9";
}

.fa-thermometer-2 {
    --fa: "\f2c9";
}

.fa-thermometer-half {
    --fa: "\f2c9";
}

.fa-temperature-quarter {
    --fa: "\f2ca";
}

.fa-temperature-1 {
    --fa: "\f2ca";
}

.fa-thermometer-1 {
    --fa: "\f2ca";
}

.fa-thermometer-quarter {
    --fa: "\f2ca";
}

.fa-temperature-empty {
    --fa: "\f2cb";
}

.fa-temperature-0 {
    --fa: "\f2cb";
}

.fa-thermometer-0 {
    --fa: "\f2cb";
}

.fa-thermometer-empty {
    --fa: "\f2cb";
}

.fa-shower {
    --fa: "\f2cc";
}

.fa-bath {
    --fa: "\f2cd";
}

.fa-bathtub {
    --fa: "\f2cd";
}

.fa-podcast {
    --fa: "\f2ce";
}

.fa-window-maximize {
    --fa: "\f2d0";
}

.fa-window-minimize {
    --fa: "\f2d1";
}

.fa-window-restore {
    --fa: "\f2d2";
}

.fa-square-xmark {
    --fa: "\f2d3";
}

.fa-times-square {
    --fa: "\f2d3";
}

.fa-xmark-square {
    --fa: "\f2d3";
}

.fa-microchip {
    --fa: "\f2db";
}

.fa-snowflake {
    --fa: "\f2dc";
}

.fa-watch {
    --fa: "\f2e1";
}

.fa-volume-slash {
    --fa: "\f2e2";
}

.fa-fork {
    --fa: "\f2e3";
}

.fa-utensil-fork {
    --fa: "\f2e3";
}

.fa-knife {
    --fa: "\f2e4";
}

.fa-utensil-knife {
    --fa: "\f2e4";
}

.fa-spoon {
    --fa: "\f2e5";
}

.fa-utensil-spoon {
    --fa: "\f2e5";
}

.fa-fork-knife {
    --fa: "\f2e6";
}

.fa-utensils-alt {
    --fa: "\f2e6";
}

.fa-utensils {
    --fa: "\f2e7";
}

.fa-cutlery {
    --fa: "\f2e7";
}

.fa-circle-dollar {
    --fa: "\f2e8";
}

.fa-dollar-circle {
    --fa: "\f2e8";
}

.fa-usd-circle {
    --fa: "\f2e8";
}

.fa-square-dollar {
    --fa: "\f2e9";
}

.fa-dollar-square {
    --fa: "\f2e9";
}

.fa-usd-square {
    --fa: "\f2e9";
}

.fa-rotate-left {
    --fa: "\f2ea";
}

.fa-rotate-back {
    --fa: "\f2ea";
}

.fa-rotate-backward {
    --fa: "\f2ea";
}

.fa-undo-alt {
    --fa: "\f2ea";
}

.fa-trophy-star {
    --fa: "\f2eb";
}

.fa-trophy-alt {
    --fa: "\f2eb";
}

.fa-triangle {
    --fa: "\f2ec";
}

.fa-trash-can {
    --fa: "\f2ed";
}

.fa-trash-alt {
    --fa: "\f2ed";
}

.fa-hexagon-xmark {
    --fa: "\f2ee";
}

.fa-times-hexagon {
    --fa: "\f2ee";
}

.fa-xmark-hexagon {
    --fa: "\f2ee";
}

.fa-octagon-xmark {
    --fa: "\f2f0";
}

.fa-times-octagon {
    --fa: "\f2f0";
}

.fa-xmark-octagon {
    --fa: "\f2f0";
}

.fa-rotate {
    --fa: "\f2f1";
}

.fa-sync-alt {
    --fa: "\f2f1";
}

.fa-stopwatch {
    --fa: "\f2f2";
}

.fa-star-exclamation {
    --fa: "\f2f3";
}

.fa-spade {
    --fa: "\f2f4";
}

.fa-right-from-bracket {
    --fa: "\f2f5";
}

.fa-sign-out-alt {
    --fa: "\f2f5";
}

.fa-right-to-bracket {
    --fa: "\f2f6";
}

.fa-sign-in-alt {
    --fa: "\f2f6";
}

.fa-shield-check {
    --fa: "\f2f7";
}

.fa-scrubber {
    --fa: "\f2f8";
}

.fa-rotate-right {
    --fa: "\f2f9";
}

.fa-redo-alt {
    --fa: "\f2f9";
}

.fa-rotate-forward {
    --fa: "\f2f9";
}

.fa-rectangle {
    --fa: "\f2fa";
}

.fa-rectangle-landscape {
    --fa: "\f2fa";
}

.fa-rectangle-vertical {
    --fa: "\f2fb";
}

.fa-rectangle-portrait {
    --fa: "\f2fb";
}

.fa-rectangle-wide {
    --fa: "\f2fc";
}

.fa-square-question {
    --fa: "\f2fd";
}

.fa-question-square {
    --fa: "\f2fd";
}

.fa-poo {
    --fa: "\f2fe";
}

.fa-hexagon-plus {
    --fa: "\f300";
}

.fa-plus-hexagon {
    --fa: "\f300";
}

.fa-octagon-plus {
    --fa: "\f301";
}

.fa-plus-octagon {
    --fa: "\f301";
}

.fa-images {
    --fa: "\f302";
}

.fa-pencil {
    --fa: "\f303";
}

.fa-pencil-alt {
    --fa: "\f303";
}

.fa-pen {
    --fa: "\f304";
}

.fa-pen-clip {
    --fa: "\f305";
}

.fa-pen-alt {
    --fa: "\f305";
}

.fa-octagon {
    --fa: "\f306";
}

.fa-hexagon-minus {
    --fa: "\f307";
}

.fa-minus-hexagon {
    --fa: "\f307";
}

.fa-octagon-minus {
    --fa: "\f308";
}

.fa-minus-octagon {
    --fa: "\f308";
}

.fa-down-long {
    --fa: "\f309";
}

.fa-long-arrow-alt-down {
    --fa: "\f309";
}

.fa-left-long {
    --fa: "\f30a";
}

.fa-long-arrow-alt-left {
    --fa: "\f30a";
}

.fa-right-long {
    --fa: "\f30b";
}

.fa-long-arrow-alt-right {
    --fa: "\f30b";
}

.fa-up-long {
    --fa: "\f30c";
}

.fa-long-arrow-alt-up {
    --fa: "\f30c";
}

.fa-lock-keyhole {
    --fa: "\f30d";
}

.fa-lock-alt {
    --fa: "\f30d";
}

.fa-jack-o-lantern {
    --fa: "\f30e";
}

.fa-square-info {
    --fa: "\f30f";
}

.fa-info-square {
    --fa: "\f30f";
}

.fa-inbox-in {
    --fa: "\f310";
}

.fa-inbox-arrow-down {
    --fa: "\f310";
}

.fa-inbox-out {
    --fa: "\f311";
}

.fa-inbox-arrow-up {
    --fa: "\f311";
}

.fa-hexagon {
    --fa: "\f312";
}

.fa-h1 {
    --fa: "\f313";
}

.fa-h2 {
    --fa: "\f314";
}

.fa-h3 {
    --fa: "\f315";
}

.fa-file-check {
    --fa: "\f316";
}

.fa-file-xmark {
    --fa: "\f317";
}

.fa-file-times {
    --fa: "\f317";
}

.fa-file-minus {
    --fa: "\f318";
}

.fa-file-plus {
    --fa: "\f319";
}

.fa-file-exclamation {
    --fa: "\f31a";
}

.fa-file-pen {
    --fa: "\f31c";
}

.fa-file-edit {
    --fa: "\f31c";
}

.fa-arrows-maximize {
    --fa: "\f31d";
}

.fa-expand-arrows {
    --fa: "\f31d";
}

.fa-maximize {
    --fa: "\f31e";
}

.fa-expand-arrows-alt {
    --fa: "\f31e";
}

.fa-expand-wide {
    --fa: "\f320";
}

.fa-square-exclamation {
    --fa: "\f321";
}

.fa-exclamation-square {
    --fa: "\f321";
}

.fa-chevrons-down {
    --fa: "\f322";
}

.fa-chevron-double-down {
    --fa: "\f322";
}

.fa-chevrons-left {
    --fa: "\f323";
}

.fa-chevron-double-left {
    --fa: "\f323";
}

.fa-chevrons-right {
    --fa: "\f324";
}

.fa-chevron-double-right {
    --fa: "\f324";
}

.fa-chevrons-up {
    --fa: "\f325";
}

.fa-chevron-double-up {
    --fa: "\f325";
}

.fa-compress-wide {
    --fa: "\f326";
}

.fa-club {
    --fa: "\f327";
}

.fa-clipboard {
    --fa: "\f328";
}

.fa-square-chevron-down {
    --fa: "\f329";
}

.fa-chevron-square-down {
    --fa: "\f329";
}

.fa-square-chevron-left {
    --fa: "\f32a";
}

.fa-chevron-square-left {
    --fa: "\f32a";
}

.fa-square-chevron-right {
    --fa: "\f32b";
}

.fa-chevron-square-right {
    --fa: "\f32b";
}

.fa-square-chevron-up {
    --fa: "\f32c";
}

.fa-chevron-square-up {
    --fa: "\f32c";
}

.fa-circle-caret-down {
    --fa: "\f32d";
}

.fa-caret-circle-down {
    --fa: "\f32d";
}

.fa-circle-caret-left {
    --fa: "\f32e";
}

.fa-caret-circle-left {
    --fa: "\f32e";
}

.fa-circle-caret-right {
    --fa: "\f330";
}

.fa-caret-circle-right {
    --fa: "\f330";
}

.fa-circle-caret-up {
    --fa: "\f331";
}

.fa-caret-circle-up {
    --fa: "\f331";
}

.fa-calendar-pen {
    --fa: "\f333";
}

.fa-calendar-edit {
    --fa: "\f333";
}

.fa-calendar-exclamation {
    --fa: "\f334";
}

.fa-badge {
    --fa: "\f335";
}

.fa-badge-check {
    --fa: "\f336";
}

.fa-left-right {
    --fa: "\f337";
}

.fa-arrows-alt-h {
    --fa: "\f337";
}

.fa-up-down {
    --fa: "\f338";
}

.fa-arrows-alt-v {
    --fa: "\f338";
}

.fa-square-arrow-down {
    --fa: "\f339";
}

.fa-arrow-square-down {
    --fa: "\f339";
}

.fa-square-arrow-left {
    --fa: "\f33a";
}

.fa-arrow-square-left {
    --fa: "\f33a";
}

.fa-square-arrow-right {
    --fa: "\f33b";
}

.fa-arrow-square-right {
    --fa: "\f33b";
}

.fa-square-arrow-up {
    --fa: "\f33c";
}

.fa-arrow-square-up {
    --fa: "\f33c";
}

.fa-arrow-down-to-line {
    --fa: "\f33d";
}

.fa-arrow-to-bottom {
    --fa: "\f33d";
}

.fa-arrow-left-to-line {
    --fa: "\f33e";
}

.fa-arrow-to-left {
    --fa: "\f33e";
}

.fa-arrow-right-to-line {
    --fa: "\f340";
}

.fa-arrow-to-right {
    --fa: "\f340";
}

.fa-arrow-up-to-line {
    --fa: "\f341";
}

.fa-arrow-to-top {
    --fa: "\f341";
}

.fa-arrow-up-from-line {
    --fa: "\f342";
}

.fa-arrow-from-bottom {
    --fa: "\f342";
}

.fa-arrow-right-from-line {
    --fa: "\f343";
}

.fa-arrow-from-left {
    --fa: "\f343";
}

.fa-arrow-left-from-line {
    --fa: "\f344";
}

.fa-arrow-from-right {
    --fa: "\f344";
}

.fa-arrow-down-from-line {
    --fa: "\f345";
}

.fa-arrow-from-top {
    --fa: "\f345";
}

.fa-up-from-line {
    --fa: "\f346";
}

.fa-arrow-alt-from-bottom {
    --fa: "\f346";
}

.fa-right-from-line {
    --fa: "\f347";
}

.fa-arrow-alt-from-left {
    --fa: "\f347";
}

.fa-left-from-line {
    --fa: "\f348";
}

.fa-arrow-alt-from-right {
    --fa: "\f348";
}

.fa-down-from-line {
    --fa: "\f349";
}

.fa-arrow-alt-from-top {
    --fa: "\f349";
}

.fa-down-to-line {
    --fa: "\f34a";
}

.fa-arrow-alt-to-bottom {
    --fa: "\f34a";
}

.fa-left-to-line {
    --fa: "\f34b";
}

.fa-arrow-alt-to-left {
    --fa: "\f34b";
}

.fa-right-to-line {
    --fa: "\f34c";
}

.fa-arrow-alt-to-right {
    --fa: "\f34c";
}

.fa-up-to-line {
    --fa: "\f34d";
}

.fa-arrow-alt-to-top {
    --fa: "\f34d";
}

.fa-alarm-clock {
    --fa: "\f34e";
}

.fa-square-down {
    --fa: "\f350";
}

.fa-arrow-alt-square-down {
    --fa: "\f350";
}

.fa-square-left {
    --fa: "\f351";
}

.fa-arrow-alt-square-left {
    --fa: "\f351";
}

.fa-square-right {
    --fa: "\f352";
}

.fa-arrow-alt-square-right {
    --fa: "\f352";
}

.fa-square-up {
    --fa: "\f353";
}

.fa-arrow-alt-square-up {
    --fa: "\f353";
}

.fa-down {
    --fa: "\f354";
}

.fa-arrow-alt-down {
    --fa: "\f354";
}

.fa-left {
    --fa: "\f355";
}

.fa-arrow-alt-left {
    --fa: "\f355";
}

.fa-right {
    --fa: "\f356";
}

.fa-arrow-alt-right {
    --fa: "\f356";
}

.fa-up {
    --fa: "\f357";
}

.fa-arrow-alt-up {
    --fa: "\f357";
}

.fa-circle-down {
    --fa: "\f358";
}

.fa-arrow-alt-circle-down {
    --fa: "\f358";
}

.fa-circle-left {
    --fa: "\f359";
}

.fa-arrow-alt-circle-left {
    --fa: "\f359";
}

.fa-circle-right {
    --fa: "\f35a";
}

.fa-arrow-alt-circle-right {
    --fa: "\f35a";
}

.fa-circle-up {
    --fa: "\f35b";
}

.fa-arrow-alt-circle-up {
    --fa: "\f35b";
}

.fa-up-right-from-square {
    --fa: "\f35d";
}

.fa-external-link-alt {
    --fa: "\f35d";
}

.fa-square-up-right {
    --fa: "\f360";
}

.fa-external-link-square-alt {
    --fa: "\f360";
}

.fa-arrows-retweet {
    --fa: "\f361";
}

.fa-retweet-alt {
    --fa: "\f361";
}

.fa-right-left {
    --fa: "\f362";
}

.fa-exchange-alt {
    --fa: "\f362";
}

.fa-repeat {
    --fa: "\f363";
}

.fa-arrows-repeat {
    --fa: "\f364";
}

.fa-repeat-alt {
    --fa: "\f364";
}

.fa-repeat-1 {
    --fa: "\f365";
}

.fa-arrows-repeat-1 {
    --fa: "\f366";
}

.fa-repeat-1-alt {
    --fa: "\f366";
}

.fa-share-all {
    --fa: "\f367";
}

.fa-battery-bolt {
    --fa: "\f376";
}

.fa-battery-slash {
    --fa: "\f377";
}

.fa-browser {
    --fa: "\f37e";
}

.fa-code-commit {
    --fa: "\f386";
}

.fa-code-merge {
    --fa: "\f387";
}

.fa-credit-card-blank {
    --fa: "\f389";
}

.fa-credit-card-front {
    --fa: "\f38a";
}

.fa-desktop {
    --fa: "\f390";
}

.fa-desktop-alt {
    --fa: "\f390";
}

.fa-ellipsis-stroke {
    --fa: "\f39b";
}

.fa-ellipsis-h-alt {
    --fa: "\f39b";
}

.fa-ellipsis-stroke-vertical {
    --fa: "\f39c";
}

.fa-ellipsis-v-alt {
    --fa: "\f39c";
}

.fa-gem {
    --fa: "\f3a5";
}

.fa-industry-windows {
    --fa: "\f3b3";
}

.fa-industry-alt {
    --fa: "\f3b3";
}

.fa-turn-down {
    --fa: "\f3be";
}

.fa-level-down-alt {
    --fa: "\f3be";
}

.fa-turn-up {
    --fa: "\f3bf";
}

.fa-level-up-alt {
    --fa: "\f3bf";
}

.fa-lock-open {
    --fa: "\f3c1";
}

.fa-lock-keyhole-open {
    --fa: "\f3c2";
}

.fa-lock-open-alt {
    --fa: "\f3c2";
}

.fa-location-dot {
    --fa: "\f3c5";
}

.fa-map-marker-alt {
    --fa: "\f3c5";
}

.fa-microphone-lines {
    --fa: "\f3c9";
}

.fa-microphone-alt {
    --fa: "\f3c9";
}

.fa-mobile-screen-button {
    --fa: "\f3cd";
}

.fa-mobile-alt {
    --fa: "\f3cd";
}

.fa-mobile {
    --fa: "\f3ce";
}

.fa-mobile-android {
    --fa: "\f3ce";
}

.fa-mobile-phone {
    --fa: "\f3ce";
}

.fa-mobile-screen {
    --fa: "\f3cf";
}

.fa-mobile-android-alt {
    --fa: "\f3cf";
}

.fa-money-bill-1 {
    --fa: "\f3d1";
}

.fa-money-bill-alt {
    --fa: "\f3d1";
}

.fa-phone-slash {
    --fa: "\f3dd";
}

.fa-plane-engines {
    --fa: "\f3de";
}

.fa-plane-alt {
    --fa: "\f3de";
}

.fa-image-portrait {
    --fa: "\f3e0";
}

.fa-portrait {
    --fa: "\f3e0";
}

.fa-reply {
    --fa: "\f3e5";
}

.fa-mail-reply {
    --fa: "\f3e5";
}

.fa-shield-halved {
    --fa: "\f3ed";
}

.fa-shield-alt {
    --fa: "\f3ed";
}

.fa-square-sliders {
    --fa: "\f3f0";
}

.fa-sliders-h-square {
    --fa: "\f3f0";
}

.fa-sliders-up {
    --fa: "\f3f1";
}

.fa-sliders-v {
    --fa: "\f3f1";
}

.fa-square-sliders-vertical {
    --fa: "\f3f2";
}

.fa-sliders-v-square {
    --fa: "\f3f2";
}

.fa-spinner-third {
    --fa: "\f3f4";
}

.fa-tablet-screen-button {
    --fa: "\f3fa";
}

.fa-tablet-alt {
    --fa: "\f3fa";
}

.fa-tablet {
    --fa: "\f3fb";
}

.fa-tablet-android {
    --fa: "\f3fb";
}

.fa-tablet-screen {
    --fa: "\f3fc";
}

.fa-tablet-android-alt {
    --fa: "\f3fc";
}

.fa-ticket-simple {
    --fa: "\f3ff";
}

.fa-ticket-alt {
    --fa: "\f3ff";
}

.fa-tree-deciduous {
    --fa: "\f400";
}

.fa-tree-alt {
    --fa: "\f400";
}

.fa-tv-retro {
    --fa: "\f401";
}

.fa-window {
    --fa: "\f40e";
}

.fa-window-flip {
    --fa: "\f40f";
}

.fa-window-alt {
    --fa: "\f40f";
}

.fa-rectangle-xmark {
    --fa: "\f410";
}

.fa-rectangle-times {
    --fa: "\f410";
}

.fa-times-rectangle {
    --fa: "\f410";
}

.fa-window-close {
    --fa: "\f410";
}

.fa-down-left-and-up-right-to-center {
    --fa: "\f422";
}

.fa-compress-alt {
    --fa: "\f422";
}

.fa-up-right-and-down-left-from-center {
    --fa: "\f424";
}

.fa-expand-alt {
    --fa: "\f424";
}

.fa-baseball-bat-ball {
    --fa: "\f432";
}

.fa-baseball {
    --fa: "\f433";
}

.fa-baseball-ball {
    --fa: "\f433";
}

.fa-basketball {
    --fa: "\f434";
}

.fa-basketball-ball {
    --fa: "\f434";
}

.fa-basketball-hoop {
    --fa: "\f435";
}

.fa-bowling-ball {
    --fa: "\f436";
}

.fa-bowling-pins {
    --fa: "\f437";
}

.fa-boxing-glove {
    --fa: "\f438";
}

.fa-glove-boxing {
    --fa: "\f438";
}

.fa-chess {
    --fa: "\f439";
}

.fa-chess-bishop {
    --fa: "\f43a";
}

.fa-chess-bishop-piece {
    --fa: "\f43b";
}

.fa-chess-bishop-alt {
    --fa: "\f43b";
}

.fa-chess-board {
    --fa: "\f43c";
}

.fa-chess-clock {
    --fa: "\f43d";
}

.fa-chess-clock-flip {
    --fa: "\f43e";
}

.fa-chess-clock-alt {
    --fa: "\f43e";
}

.fa-chess-king {
    --fa: "\f43f";
}

.fa-chess-king-piece {
    --fa: "\f440";
}

.fa-chess-king-alt {
    --fa: "\f440";
}

.fa-chess-knight {
    --fa: "\f441";
}

.fa-chess-knight-piece {
    --fa: "\f442";
}

.fa-chess-knight-alt {
    --fa: "\f442";
}

.fa-chess-pawn {
    --fa: "\f443";
}

.fa-chess-pawn-piece {
    --fa: "\f444";
}

.fa-chess-pawn-alt {
    --fa: "\f444";
}

.fa-chess-queen {
    --fa: "\f445";
}

.fa-chess-queen-piece {
    --fa: "\f446";
}

.fa-chess-queen-alt {
    --fa: "\f446";
}

.fa-chess-rook {
    --fa: "\f447";
}

.fa-chess-rook-piece {
    --fa: "\f448";
}

.fa-chess-rook-alt {
    --fa: "\f448";
}

.fa-cricket-bat-ball {
    --fa: "\f449";
}

.fa-cricket {
    --fa: "\f449";
}

.fa-curling-stone {
    --fa: "\f44a";
}

.fa-curling {
    --fa: "\f44a";
}

.fa-dumbbell {
    --fa: "\f44b";
}

.fa-field-hockey-stick-ball {
    --fa: "\f44c";
}

.fa-field-hockey {
    --fa: "\f44c";
}

.fa-football {
    --fa: "\f44e";
}

.fa-football-ball {
    --fa: "\f44e";
}

.fa-football-helmet {
    --fa: "\f44f";
}

.fa-golf-ball-tee {
    --fa: "\f450";
}

.fa-golf-ball {
    --fa: "\f450";
}

.fa-golf-club {
    --fa: "\f451";
}

.fa-hockey-puck {
    --fa: "\f453";
}

.fa-hockey-sticks {
    --fa: "\f454";
}

.fa-luchador-mask {
    --fa: "\f455";
}

.fa-luchador {
    --fa: "\f455";
}

.fa-mask-luchador {
    --fa: "\f455";
}

.fa-flag-pennant {
    --fa: "\f456";
}

.fa-pennant {
    --fa: "\f456";
}

.fa-broom-ball {
    --fa: "\f458";
}

.fa-quidditch {
    --fa: "\f458";
}

.fa-quidditch-broom-ball {
    --fa: "\f458";
}

.fa-racquet {
    --fa: "\f45a";
}

.fa-shuttlecock {
    --fa: "\f45b";
}

.fa-square-full {
    --fa: "\f45c";
}

.fa-table-tennis-paddle-ball {
    --fa: "\f45d";
}

.fa-ping-pong-paddle-ball {
    --fa: "\f45d";
}

.fa-table-tennis {
    --fa: "\f45d";
}

.fa-tennis-ball {
    --fa: "\f45e";
}

.fa-volleyball {
    --fa: "\f45f";
}

.fa-volleyball-ball {
    --fa: "\f45f";
}

.fa-whistle {
    --fa: "\f460";
}

.fa-hand-dots {
    --fa: "\f461";
}

.fa-allergies {
    --fa: "\f461";
}

.fa-bandage {
    --fa: "\f462";
}

.fa-band-aid {
    --fa: "\f462";
}

.fa-rectangle-barcode {
    --fa: "\f463";
}

.fa-barcode-alt {
    --fa: "\f463";
}

.fa-barcode-read {
    --fa: "\f464";
}

.fa-barcode-scan {
    --fa: "\f465";
}

.fa-box {
    --fa: "\f466";
}

.fa-box-check {
    --fa: "\f467";
}

.fa-boxes-stacked {
    --fa: "\f468";
}

.fa-boxes {
    --fa: "\f468";
}

.fa-boxes-alt {
    --fa: "\f468";
}

.fa-briefcase-medical {
    --fa: "\f469";
}

.fa-fire-flame-simple {
    --fa: "\f46a";
}

.fa-burn {
    --fa: "\f46a";
}

.fa-capsules {
    --fa: "\f46b";
}

.fa-clipboard-check {
    --fa: "\f46c";
}

.fa-clipboard-list {
    --fa: "\f46d";
}

.fa-conveyor-belt {
    --fa: "\f46e";
}

.fa-conveyor-belt-boxes {
    --fa: "\f46f";
}

.fa-conveyor-belt-alt {
    --fa: "\f46f";
}

.fa-person-dots-from-line {
    --fa: "\f470";
}

.fa-diagnoses {
    --fa: "\f470";
}

.fa-dna {
    --fa: "\f471";
}

.fa-dolly {
    --fa: "\f472";
}

.fa-dolly-box {
    --fa: "\f472";
}

.fa-dolly-empty {
    --fa: "\f473";
}

.fa-cart-flatbed {
    --fa: "\f474";
}

.fa-dolly-flatbed {
    --fa: "\f474";
}

.fa-cart-flatbed-boxes {
    --fa: "\f475";
}

.fa-dolly-flatbed-alt {
    --fa: "\f475";
}

.fa-cart-flatbed-empty {
    --fa: "\f476";
}

.fa-dolly-flatbed-empty {
    --fa: "\f476";
}

.fa-file-medical {
    --fa: "\f477";
}

.fa-file-waveform {
    --fa: "\f478";
}

.fa-file-medical-alt {
    --fa: "\f478";
}

.fa-kit-medical {
    --fa: "\f479";
}

.fa-first-aid {
    --fa: "\f479";
}

.fa-forklift {
    --fa: "\f47a";
}

.fa-hand-holding-box {
    --fa: "\f47b";
}

.fa-hands-holding-diamond {
    --fa: "\f47c";
}

.fa-hand-receiving {
    --fa: "\f47c";
}

.fa-circle-h {
    --fa: "\f47e";
}

.fa-hospital-symbol {
    --fa: "\f47e";
}

.fa-id-card-clip {
    --fa: "\f47f";
}

.fa-id-card-alt {
    --fa: "\f47f";
}

.fa-shelves {
    --fa: "\f480";
}

.fa-inventory {
    --fa: "\f480";
}

.fa-notes-medical {
    --fa: "\f481";
}

.fa-pallet {
    --fa: "\f482";
}

.fa-pallet-boxes {
    --fa: "\f483";
}

.fa-palette-boxes {
    --fa: "\f483";
}

.fa-pallet-alt {
    --fa: "\f483";
}

.fa-pills {
    --fa: "\f484";
}

.fa-prescription-bottle {
    --fa: "\f485";
}

.fa-prescription-bottle-medical {
    --fa: "\f486";
}

.fa-prescription-bottle-alt {
    --fa: "\f486";
}

.fa-bed-pulse {
    --fa: "\f487";
}

.fa-procedures {
    --fa: "\f487";
}

.fa-scanner-gun {
    --fa: "\f488";
}

.fa-scanner {
    --fa: "\f488";
}

.fa-scanner-keyboard {
    --fa: "\f489";
}

.fa-scanner-touchscreen {
    --fa: "\f48a";
}

.fa-truck-fast {
    --fa: "\f48b";
}

.fa-shipping-fast {
    --fa: "\f48b";
}

.fa-truck-clock {
    --fa: "\f48c";
}

.fa-shipping-timed {
    --fa: "\f48c";
}

.fa-smoking {
    --fa: "\f48d";
}

.fa-syringe {
    --fa: "\f48e";
}

.fa-tablet-rugged {
    --fa: "\f48f";
}

.fa-tablets {
    --fa: "\f490";
}

.fa-thermometer {
    --fa: "\f491";
}

.fa-vial {
    --fa: "\f492";
}

.fa-vials {
    --fa: "\f493";
}

.fa-warehouse {
    --fa: "\f494";
}

.fa-warehouse-full {
    --fa: "\f495";
}

.fa-warehouse-alt {
    --fa: "\f495";
}

.fa-weight-scale {
    --fa: "\f496";
}

.fa-weight {
    --fa: "\f496";
}

.fa-x-ray {
    --fa: "\f497";
}

.fa-blanket {
    --fa: "\f498";
}

.fa-book-heart {
    --fa: "\f499";
}

.fa-box-taped {
    --fa: "\f49a";
}

.fa-box-alt {
    --fa: "\f49a";
}

.fa-square-fragile {
    --fa: "\f49b";
}

.fa-box-fragile {
    --fa: "\f49b";
}

.fa-square-wine-glass-crack {
    --fa: "\f49b";
}

.fa-box-open-full {
    --fa: "\f49c";
}

.fa-box-full {
    --fa: "\f49c";
}

.fa-box-heart {
    --fa: "\f49d";
}

.fa-box-open {
    --fa: "\f49e";
}

.fa-square-this-way-up {
    --fa: "\f49f";
}

.fa-box-up {
    --fa: "\f49f";
}

.fa-box-dollar {
    --fa: "\f4a0";
}

.fa-box-usd {
    --fa: "\f4a0";
}

.fa-message-check {
    --fa: "\f4a2";
}

.fa-comment-alt-check {
    --fa: "\f4a2";
}

.fa-message-dots {
    --fa: "\f4a3";
}

.fa-comment-alt-dots {
    --fa: "\f4a3";
}

.fa-messaging {
    --fa: "\f4a3";
}

.fa-message-pen {
    --fa: "\f4a4";
}

.fa-comment-alt-edit {
    --fa: "\f4a4";
}

.fa-message-edit {
    --fa: "\f4a4";
}

.fa-message-exclamation {
    --fa: "\f4a5";
}

.fa-comment-alt-exclamation {
    --fa: "\f4a5";
}

.fa-message-lines {
    --fa: "\f4a6";
}

.fa-comment-alt-lines {
    --fa: "\f4a6";
}

.fa-message-minus {
    --fa: "\f4a7";
}

.fa-comment-alt-minus {
    --fa: "\f4a7";
}

.fa-message-plus {
    --fa: "\f4a8";
}

.fa-comment-alt-plus {
    --fa: "\f4a8";
}

.fa-message-slash {
    --fa: "\f4a9";
}

.fa-comment-alt-slash {
    --fa: "\f4a9";
}

.fa-message-smile {
    --fa: "\f4aa";
}

.fa-comment-alt-smile {
    --fa: "\f4aa";
}

.fa-message-xmark {
    --fa: "\f4ab";
}

.fa-comment-alt-times {
    --fa: "\f4ab";
}

.fa-message-times {
    --fa: "\f4ab";
}

.fa-comment-check {
    --fa: "\f4ac";
}

.fa-comment-dots {
    --fa: "\f4ad";
}

.fa-commenting {
    --fa: "\f4ad";
}

.fa-comment-pen {
    --fa: "\f4ae";
}

.fa-comment-edit {
    --fa: "\f4ae";
}

.fa-comment-exclamation {
    --fa: "\f4af";
}

.fa-comment-lines {
    --fa: "\f4b0";
}

.fa-comment-minus {
    --fa: "\f4b1";
}

.fa-comment-plus {
    --fa: "\f4b2";
}

.fa-comment-slash {
    --fa: "\f4b3";
}

.fa-comment-smile {
    --fa: "\f4b4";
}

.fa-comment-xmark {
    --fa: "\f4b5";
}

.fa-comment-times {
    --fa: "\f4b5";
}

.fa-messages {
    --fa: "\f4b6";
}

.fa-comments-alt {
    --fa: "\f4b6";
}

.fa-container-storage {
    --fa: "\f4b7";
}

.fa-couch {
    --fa: "\f4b8";
}

.fa-circle-dollar-to-slot {
    --fa: "\f4b9";
}

.fa-donate {
    --fa: "\f4b9";
}

.fa-dove {
    --fa: "\f4ba";
}

.fa-wine-glass-crack {
    --fa: "\f4bb";
}

.fa-fragile {
    --fa: "\f4bb";
}

.fa-hand-heart {
    --fa: "\f4bc";
}

.fa-hand-holding {
    --fa: "\f4bd";
}

.fa-hand-holding-heart {
    --fa: "\f4be";
}

.fa-hand-holding-seedling {
    --fa: "\f4bf";
}

.fa-hand-holding-dollar {
    --fa: "\f4c0";
}

.fa-hand-holding-usd {
    --fa: "\f4c0";
}

.fa-hand-holding-droplet {
    --fa: "\f4c1";
}

.fa-hand-holding-water {
    --fa: "\f4c1";
}

.fa-hands-holding {
    --fa: "\f4c2";
}

.fa-hands-holding-heart {
    --fa: "\f4c3";
}

.fa-hands-heart {
    --fa: "\f4c3";
}

.fa-handshake-angle {
    --fa: "\f4c4";
}

.fa-hands-helping {
    --fa: "\f4c4";
}

.fa-hands-holding-dollar {
    --fa: "\f4c5";
}

.fa-hands-usd {
    --fa: "\f4c5";
}

.fa-circle-heart {
    --fa: "\f4c7";
}

.fa-heart-circle {
    --fa: "\f4c7";
}

.fa-square-heart {
    --fa: "\f4c8";
}

.fa-heart-square {
    --fa: "\f4c8";
}

.fa-house-heart {
    --fa: "\f4c9";
}

.fa-home-heart {
    --fa: "\f4c9";
}

.fa-lamp {
    --fa: "\f4ca";
}

.fa-leaf-heart {
    --fa: "\f4cb";
}

.fa-loveseat {
    --fa: "\f4cc";
}

.fa-couch-small {
    --fa: "\f4cc";
}

.fa-parachute-box {
    --fa: "\f4cd";
}

.fa-people-carry-box {
    --fa: "\f4ce";
}

.fa-people-carry {
    --fa: "\f4ce";
}

.fa-person-carry-box {
    --fa: "\f4cf";
}

.fa-person-carry {
    --fa: "\f4cf";
}

.fa-person-dolly {
    --fa: "\f4d0";
}

.fa-person-dolly-empty {
    --fa: "\f4d1";
}

.fa-phone-plus {
    --fa: "\f4d2";
}

.fa-piggy-bank {
    --fa: "\f4d3";
}

.fa-ramp-loading {
    --fa: "\f4d4";
}

.fa-ribbon {
    --fa: "\f4d6";
}

.fa-route {
    --fa: "\f4d7";
}

.fa-seedling {
    --fa: "\f4d8";
}

.fa-sprout {
    --fa: "\f4d8";
}

.fa-sign-hanging {
    --fa: "\f4d9";
}

.fa-sign {
    --fa: "\f4d9";
}

.fa-face-smile-wink {
    --fa: "\f4da";
}

.fa-smile-wink {
    --fa: "\f4da";
}

.fa-tape {
    --fa: "\f4db";
}

.fa-truck-container {
    --fa: "\f4dc";
}

.fa-truck-ramp-couch {
    --fa: "\f4dd";
}

.fa-truck-couch {
    --fa: "\f4dd";
}

.fa-truck-ramp-box {
    --fa: "\f4de";
}

.fa-truck-loading {
    --fa: "\f4de";
}

.fa-truck-moving {
    --fa: "\f4df";
}

.fa-truck-ramp {
    --fa: "\f4e0";
}

.fa-video-plus {
    --fa: "\f4e1";
}

.fa-video-slash {
    --fa: "\f4e2";
}

.fa-wine-glass {
    --fa: "\f4e3";
}

.fa-user-astronaut {
    --fa: "\f4fb";
}

.fa-user-check {
    --fa: "\f4fc";
}

.fa-user-clock {
    --fa: "\f4fd";
}

.fa-user-gear {
    --fa: "\f4fe";
}

.fa-user-cog {
    --fa: "\f4fe";
}

.fa-user-pen {
    --fa: "\f4ff";
}

.fa-user-edit {
    --fa: "\f4ff";
}

.fa-user-group {
    --fa: "\f500";
}

.fa-user-friends {
    --fa: "\f500";
}

.fa-user-graduate {
    --fa: "\f501";
}

.fa-user-lock {
    --fa: "\f502";
}

.fa-user-minus {
    --fa: "\f503";
}

.fa-user-ninja {
    --fa: "\f504";
}

.fa-user-shield {
    --fa: "\f505";
}

.fa-user-slash {
    --fa: "\f506";
}

.fa-user-alt-slash {
    --fa: "\f506";
}

.fa-user-large-slash {
    --fa: "\f506";
}

.fa-user-tag {
    --fa: "\f507";
}

.fa-user-tie {
    --fa: "\f508";
}

.fa-users-gear {
    --fa: "\f509";
}

.fa-users-cog {
    --fa: "\f509";
}

.fa-scale-unbalanced {
    --fa: "\f515";
}

.fa-balance-scale-left {
    --fa: "\f515";
}

.fa-scale-unbalanced-flip {
    --fa: "\f516";
}

.fa-balance-scale-right {
    --fa: "\f516";
}

.fa-blender {
    --fa: "\f517";
}

.fa-book-open {
    --fa: "\f518";
}

.fa-tower-broadcast {
    --fa: "\f519";
}

.fa-broadcast-tower {
    --fa: "\f519";
}

.fa-broom {
    --fa: "\f51a";
}

.fa-chalkboard {
    --fa: "\f51b";
}

.fa-blackboard {
    --fa: "\f51b";
}

.fa-chalkboard-user {
    --fa: "\f51c";
}

.fa-chalkboard-teacher {
    --fa: "\f51c";
}

.fa-church {
    --fa: "\f51d";
}

.fa-coins {
    --fa: "\f51e";
}

.fa-compact-disc {
    --fa: "\f51f";
}

.fa-crow {
    --fa: "\f520";
}

.fa-crown {
    --fa: "\f521";
}

.fa-dice {
    --fa: "\f522";
}

.fa-dice-five {
    --fa: "\f523";
}

.fa-dice-four {
    --fa: "\f524";
}

.fa-dice-one {
    --fa: "\f525";
}

.fa-dice-six {
    --fa: "\f526";
}

.fa-dice-three {
    --fa: "\f527";
}

.fa-dice-two {
    --fa: "\f528";
}

.fa-divide {
    --fa: "\f529";
}

.fa-door-closed {
    --fa: "\f52a";
}

.fa-door-open {
    --fa: "\f52b";
}

.fa-feather {
    --fa: "\f52d";
}

.fa-frog {
    --fa: "\f52e";
}

.fa-gas-pump {
    --fa: "\f52f";
}

.fa-glasses {
    --fa: "\f530";
}

.fa-greater-than-equal {
    --fa: "\f532";
}

.fa-helicopter {
    --fa: "\f533";
}

.fa-infinity {
    --fa: "\f534";
}

.fa-kiwi-bird {
    --fa: "\f535";
}

.fa-less-than-equal {
    --fa: "\f537";
}

.fa-memory {
    --fa: "\f538";
}

.fa-microphone-lines-slash {
    --fa: "\f539";
}

.fa-microphone-alt-slash {
    --fa: "\f539";
}

.fa-money-bill-wave {
    --fa: "\f53a";
}

.fa-money-bill-1-wave {
    --fa: "\f53b";
}

.fa-money-bill-wave-alt {
    --fa: "\f53b";
}

.fa-money-check {
    --fa: "\f53c";
}

.fa-money-check-dollar {
    --fa: "\f53d";
}

.fa-money-check-alt {
    --fa: "\f53d";
}

.fa-not-equal {
    --fa: "\f53e";
}

.fa-palette {
    --fa: "\f53f";
}

.fa-square-parking {
    --fa: "\f540";
}

.fa-parking {
    --fa: "\f540";
}

.fa-diagram-project {
    --fa: "\f542";
}

.fa-project-diagram {
    --fa: "\f542";
}

.fa-receipt {
    --fa: "\f543";
}

.fa-robot {
    --fa: "\f544";
}

.fa-ruler {
    --fa: "\f545";
}

.fa-ruler-combined {
    --fa: "\f546";
}

.fa-ruler-horizontal {
    --fa: "\f547";
}

.fa-ruler-vertical {
    --fa: "\f548";
}

.fa-school {
    --fa: "\f549";
}

.fa-screwdriver {
    --fa: "\f54a";
}

.fa-shoe-prints {
    --fa: "\f54b";
}

.fa-skull {
    --fa: "\f54c";
}

.fa-ban-smoking {
    --fa: "\f54d";
}

.fa-smoking-ban {
    --fa: "\f54d";
}

.fa-store {
    --fa: "\f54e";
}

.fa-shop {
    --fa: "\f54f";
}

.fa-store-alt {
    --fa: "\f54f";
}

.fa-bars-staggered {
    --fa: "\f550";
}

.fa-reorder {
    --fa: "\f550";
}

.fa-stream {
    --fa: "\f550";
}

.fa-stroopwafel {
    --fa: "\f551";
}

.fa-toolbox {
    --fa: "\f552";
}

.fa-shirt {
    --fa: "\f553";
}

.fa-t-shirt {
    --fa: "\f553";
}

.fa-tshirt {
    --fa: "\f553";
}

.fa-person-walking {
    --fa: "\f554";
}

.fa-walking {
    --fa: "\f554";
}

.fa-wallet {
    --fa: "\f555";
}

.fa-face-angry {
    --fa: "\f556";
}

.fa-angry {
    --fa: "\f556";
}

.fa-archway {
    --fa: "\f557";
}

.fa-book-atlas {
    --fa: "\f558";
}

.fa-atlas {
    --fa: "\f558";
}

.fa-award {
    --fa: "\f559";
}

.fa-delete-left {
    --fa: "\f55a";
}

.fa-backspace {
    --fa: "\f55a";
}

.fa-bezier-curve {
    --fa: "\f55b";
}

.fa-bong {
    --fa: "\f55c";
}

.fa-brush {
    --fa: "\f55d";
}

.fa-bus-simple {
    --fa: "\f55e";
}

.fa-bus-alt {
    --fa: "\f55e";
}

.fa-cannabis {
    --fa: "\f55f";
}

.fa-check-double {
    --fa: "\f560";
}

.fa-martini-glass-citrus {
    --fa: "\f561";
}

.fa-cocktail {
    --fa: "\f561";
}

.fa-bell-concierge {
    --fa: "\f562";
}

.fa-concierge-bell {
    --fa: "\f562";
}

.fa-cookie {
    --fa: "\f563";
}

.fa-cookie-bite {
    --fa: "\f564";
}

.fa-crop-simple {
    --fa: "\f565";
}

.fa-crop-alt {
    --fa: "\f565";
}

.fa-tachograph-digital {
    --fa: "\f566";
}

.fa-digital-tachograph {
    --fa: "\f566";
}

.fa-face-dizzy {
    --fa: "\f567";
}

.fa-dizzy {
    --fa: "\f567";
}

.fa-compass-drafting {
    --fa: "\f568";
}

.fa-drafting-compass {
    --fa: "\f568";
}

.fa-drum {
    --fa: "\f569";
}

.fa-drum-steelpan {
    --fa: "\f56a";
}

.fa-feather-pointed {
    --fa: "\f56b";
}

.fa-feather-alt {
    --fa: "\f56b";
}

.fa-file-contract {
    --fa: "\f56c";
}

.fa-file-arrow-down {
    --fa: "\f56d";
}

.fa-file-download {
    --fa: "\f56d";
}

.fa-file-export {
    --fa: "\f56e";
}

.fa-arrow-right-from-file {
    --fa: "\f56e";
}

.fa-file-import {
    --fa: "\f56f";
}

.fa-arrow-right-to-file {
    --fa: "\f56f";
}

.fa-file-invoice {
    --fa: "\f570";
}

.fa-file-invoice-dollar {
    --fa: "\f571";
}

.fa-file-prescription {
    --fa: "\f572";
}

.fa-file-signature {
    --fa: "\f573";
}

.fa-file-arrow-up {
    --fa: "\f574";
}

.fa-file-upload {
    --fa: "\f574";
}

.fa-fill {
    --fa: "\f575";
}

.fa-fill-drip {
    --fa: "\f576";
}

.fa-fingerprint {
    --fa: "\f577";
}

.fa-fish {
    --fa: "\f578";
}

.fa-face-flushed {
    --fa: "\f579";
}

.fa-flushed {
    --fa: "\f579";
}

.fa-face-frown-open {
    --fa: "\f57a";
}

.fa-frown-open {
    --fa: "\f57a";
}

.fa-martini-glass {
    --fa: "\f57b";
}

.fa-glass-martini-alt {
    --fa: "\f57b";
}

.fa-earth-africa {
    --fa: "\f57c";
}

.fa-globe-africa {
    --fa: "\f57c";
}

.fa-earth-americas {
    --fa: "\f57d";
}

.fa-earth {
    --fa: "\f57d";
}

.fa-earth-america {
    --fa: "\f57d";
}

.fa-globe-americas {
    --fa: "\f57d";
}

.fa-earth-asia {
    --fa: "\f57e";
}

.fa-globe-asia {
    --fa: "\f57e";
}

.fa-face-grimace {
    --fa: "\f57f";
}

.fa-grimace {
    --fa: "\f57f";
}

.fa-face-grin {
    --fa: "\f580";
}

.fa-grin {
    --fa: "\f580";
}

.fa-face-grin-wide {
    --fa: "\f581";
}

.fa-grin-alt {
    --fa: "\f581";
}

.fa-face-grin-beam {
    --fa: "\f582";
}

.fa-grin-beam {
    --fa: "\f582";
}

.fa-face-grin-beam-sweat {
    --fa: "\f583";
}

.fa-grin-beam-sweat {
    --fa: "\f583";
}

.fa-face-grin-hearts {
    --fa: "\f584";
}

.fa-grin-hearts {
    --fa: "\f584";
}

.fa-face-grin-squint {
    --fa: "\f585";
}

.fa-grin-squint {
    --fa: "\f585";
}

.fa-face-grin-squint-tears {
    --fa: "\f586";
}

.fa-grin-squint-tears {
    --fa: "\f586";
}

.fa-face-grin-stars {
    --fa: "\f587";
}

.fa-grin-stars {
    --fa: "\f587";
}

.fa-face-grin-tears {
    --fa: "\f588";
}

.fa-grin-tears {
    --fa: "\f588";
}

.fa-face-grin-tongue {
    --fa: "\f589";
}

.fa-grin-tongue {
    --fa: "\f589";
}

.fa-face-grin-tongue-squint {
    --fa: "\f58a";
}

.fa-grin-tongue-squint {
    --fa: "\f58a";
}

.fa-face-grin-tongue-wink {
    --fa: "\f58b";
}

.fa-grin-tongue-wink {
    --fa: "\f58b";
}

.fa-face-grin-wink {
    --fa: "\f58c";
}

.fa-grin-wink {
    --fa: "\f58c";
}

.fa-grip {
    --fa: "\f58d";
}

.fa-grid-horizontal {
    --fa: "\f58d";
}

.fa-grip-horizontal {
    --fa: "\f58d";
}

.fa-grip-vertical {
    --fa: "\f58e";
}

.fa-grid-vertical {
    --fa: "\f58e";
}

.fa-headset {
    --fa: "\f590";
}

.fa-highlighter {
    --fa: "\f591";
}

.fa-hot-tub-person {
    --fa: "\f593";
}

.fa-hot-tub {
    --fa: "\f593";
}

.fa-hotel {
    --fa: "\f594";
}

.fa-joint {
    --fa: "\f595";
}

.fa-face-kiss {
    --fa: "\f596";
}

.fa-kiss {
    --fa: "\f596";
}

.fa-face-kiss-beam {
    --fa: "\f597";
}

.fa-kiss-beam {
    --fa: "\f597";
}

.fa-face-kiss-wink-heart {
    --fa: "\f598";
}

.fa-kiss-wink-heart {
    --fa: "\f598";
}

.fa-face-laugh {
    --fa: "\f599";
}

.fa-laugh {
    --fa: "\f599";
}

.fa-face-laugh-beam {
    --fa: "\f59a";
}

.fa-laugh-beam {
    --fa: "\f59a";
}

.fa-face-laugh-squint {
    --fa: "\f59b";
}

.fa-laugh-squint {
    --fa: "\f59b";
}

.fa-face-laugh-wink {
    --fa: "\f59c";
}

.fa-laugh-wink {
    --fa: "\f59c";
}

.fa-cart-flatbed-suitcase {
    --fa: "\f59d";
}

.fa-luggage-cart {
    --fa: "\f59d";
}

.fa-map-location {
    --fa: "\f59f";
}

.fa-map-marked {
    --fa: "\f59f";
}

.fa-map-location-dot {
    --fa: "\f5a0";
}

.fa-map-marked-alt {
    --fa: "\f5a0";
}

.fa-marker {
    --fa: "\f5a1";
}

.fa-medal {
    --fa: "\f5a2";
}

.fa-face-meh-blank {
    --fa: "\f5a4";
}

.fa-meh-blank {
    --fa: "\f5a4";
}

.fa-face-rolling-eyes {
    --fa: "\f5a5";
}

.fa-meh-rolling-eyes {
    --fa: "\f5a5";
}

.fa-monument {
    --fa: "\f5a6";
}

.fa-mortar-pestle {
    --fa: "\f5a7";
}

.fa-paintbrush-fine {
    --fa: "\f5a9";
}

.fa-paint-brush-alt {
    --fa: "\f5a9";
}

.fa-paint-brush-fine {
    --fa: "\f5a9";
}

.fa-paintbrush-alt {
    --fa: "\f5a9";
}

.fa-paint-roller {
    --fa: "\f5aa";
}

.fa-passport {
    --fa: "\f5ab";
}

.fa-pen-fancy {
    --fa: "\f5ac";
}

.fa-pen-nib {
    --fa: "\f5ad";
}

.fa-pen-ruler {
    --fa: "\f5ae";
}

.fa-pencil-ruler {
    --fa: "\f5ae";
}

.fa-plane-arrival {
    --fa: "\f5af";
}

.fa-plane-departure {
    --fa: "\f5b0";
}

.fa-prescription {
    --fa: "\f5b1";
}

.fa-face-sad-cry {
    --fa: "\f5b3";
}

.fa-sad-cry {
    --fa: "\f5b3";
}

.fa-face-sad-tear {
    --fa: "\f5b4";
}

.fa-sad-tear {
    --fa: "\f5b4";
}

.fa-van-shuttle {
    --fa: "\f5b6";
}

.fa-shuttle-van {
    --fa: "\f5b6";
}

.fa-signature {
    --fa: "\f5b7";
}

.fa-face-smile-beam {
    --fa: "\f5b8";
}

.fa-smile-beam {
    --fa: "\f5b8";
}

.fa-face-smile-plus {
    --fa: "\f5b9";
}

.fa-smile-plus {
    --fa: "\f5b9";
}

.fa-solar-panel {
    --fa: "\f5ba";
}

.fa-spa {
    --fa: "\f5bb";
}

.fa-splotch {
    --fa: "\f5bc";
}

.fa-spray-can {
    --fa: "\f5bd";
}

.fa-stamp {
    --fa: "\f5bf";
}

.fa-star-half-stroke {
    --fa: "\f5c0";
}

.fa-star-half-alt {
    --fa: "\f5c0";
}

.fa-suitcase-rolling {
    --fa: "\f5c1";
}

.fa-face-surprise {
    --fa: "\f5c2";
}

.fa-surprise {
    --fa: "\f5c2";
}

.fa-swatchbook {
    --fa: "\f5c3";
}

.fa-person-swimming {
    --fa: "\f5c4";
}

.fa-swimmer {
    --fa: "\f5c4";
}

.fa-water-ladder {
    --fa: "\f5c5";
}

.fa-ladder-water {
    --fa: "\f5c5";
}

.fa-swimming-pool {
    --fa: "\f5c5";
}

.fa-droplet-slash {
    --fa: "\f5c7";
}

.fa-tint-slash {
    --fa: "\f5c7";
}

.fa-face-tired {
    --fa: "\f5c8";
}

.fa-tired {
    --fa: "\f5c8";
}

.fa-tooth {
    --fa: "\f5c9";
}

.fa-umbrella-beach {
    --fa: "\f5ca";
}

.fa-weight-hanging {
    --fa: "\f5cd";
}

.fa-wine-glass-empty {
    --fa: "\f5ce";
}

.fa-wine-glass-alt {
    --fa: "\f5ce";
}

.fa-spray-can-sparkles {
    --fa: "\f5d0";
}

.fa-air-freshener {
    --fa: "\f5d0";
}

.fa-apple-whole {
    --fa: "\f5d1";
}

.fa-apple-alt {
    --fa: "\f5d1";
}

.fa-atom {
    --fa: "\f5d2";
}

.fa-atom-simple {
    --fa: "\f5d3";
}

.fa-atom-alt {
    --fa: "\f5d3";
}

.fa-backpack {
    --fa: "\f5d4";
}

.fa-bell-school {
    --fa: "\f5d5";
}

.fa-bell-school-slash {
    --fa: "\f5d6";
}

.fa-bone {
    --fa: "\f5d7";
}

.fa-bone-break {
    --fa: "\f5d8";
}

.fa-book-blank {
    --fa: "\f5d9";
}

.fa-book-alt {
    --fa: "\f5d9";
}

.fa-book-open-reader {
    --fa: "\f5da";
}

.fa-book-reader {
    --fa: "\f5da";
}

.fa-books {
    --fa: "\f5db";
}

.fa-brain {
    --fa: "\f5dc";
}

.fa-bus-school {
    --fa: "\f5dd";
}

.fa-car-rear {
    --fa: "\f5de";
}

.fa-car-alt {
    --fa: "\f5de";
}

.fa-car-battery {
    --fa: "\f5df";
}

.fa-battery-car {
    --fa: "\f5df";
}

.fa-car-bump {
    --fa: "\f5e0";
}

.fa-car-burst {
    --fa: "\f5e1";
}

.fa-car-crash {
    --fa: "\f5e1";
}

.fa-car-garage {
    --fa: "\f5e2";
}

.fa-car-wrench {
    --fa: "\f5e3";
}

.fa-car-mechanic {
    --fa: "\f5e3";
}

.fa-car-side {
    --fa: "\f5e4";
}

.fa-car-tilt {
    --fa: "\f5e5";
}

.fa-car-wash {
    --fa: "\f5e6";
}

.fa-charging-station {
    --fa: "\f5e7";
}

.fa-clipboard-prescription {
    --fa: "\f5e8";
}

.fa-compass-slash {
    --fa: "\f5e9";
}

.fa-diploma {
    --fa: "\f5ea";
}

.fa-scroll-ribbon {
    --fa: "\f5ea";
}

.fa-diamond-turn-right {
    --fa: "\f5eb";
}

.fa-directions {
    --fa: "\f5eb";
}

.fa-do-not-enter {
    --fa: "\f5ec";
}

.fa-draw-circle {
    --fa: "\f5ed";
}

.fa-vector-circle {
    --fa: "\f5ed";
}

.fa-draw-polygon {
    --fa: "\f5ee";
}

.fa-vector-polygon {
    --fa: "\f5ee";
}

.fa-draw-square {
    --fa: "\f5ef";
}

.fa-vector-square {
    --fa: "\f5ef";
}

.fa-ear {
    --fa: "\f5f0";
}

.fa-engine-warning {
    --fa: "\f5f2";
}

.fa-engine-exclamation {
    --fa: "\f5f2";
}

.fa-file-certificate {
    --fa: "\f5f3";
}

.fa-file-award {
    --fa: "\f5f3";
}

.fa-gas-pump-slash {
    --fa: "\f5f4";
}

.fa-glasses-round {
    --fa: "\f5f5";
}

.fa-glasses-alt {
    --fa: "\f5f5";
}

.fa-globe-stand {
    --fa: "\f5f6";
}

.fa-wave-pulse {
    --fa: "\f5f8";
}

.fa-heart-rate {
    --fa: "\f5f8";
}

.fa-inhaler {
    --fa: "\f5f9";
}

.fa-kidneys {
    --fa: "\f5fb";
}

.fa-laptop-code {
    --fa: "\f5fc";
}

.fa-layer-group {
    --fa: "\f5fd";
}

.fa-layer-minus {
    --fa: "\f5fe";
}

.fa-layer-group-minus {
    --fa: "\f5fe";
}

.fa-layer-plus {
    --fa: "\f5ff";
}

.fa-layer-group-plus {
    --fa: "\f5ff";
}

.fa-lips {
    --fa: "\f600";
}

.fa-location-crosshairs {
    --fa: "\f601";
}

.fa-location {
    --fa: "\f601";
}

.fa-circle-location-arrow {
    --fa: "\f602";
}

.fa-location-circle {
    --fa: "\f602";
}

.fa-location-crosshairs-slash {
    --fa: "\f603";
}

.fa-location-slash {
    --fa: "\f603";
}

.fa-lungs {
    --fa: "\f604";
}

.fa-location-dot-slash {
    --fa: "\f605";
}

.fa-map-marker-alt-slash {
    --fa: "\f605";
}

.fa-location-check {
    --fa: "\f606";
}

.fa-map-marker-check {
    --fa: "\f606";
}

.fa-location-pen {
    --fa: "\f607";
}

.fa-map-marker-edit {
    --fa: "\f607";
}

.fa-location-exclamation {
    --fa: "\f608";
}

.fa-map-marker-exclamation {
    --fa: "\f608";
}

.fa-location-minus {
    --fa: "\f609";
}

.fa-map-marker-minus {
    --fa: "\f609";
}

.fa-location-plus {
    --fa: "\f60a";
}

.fa-map-marker-plus {
    --fa: "\f60a";
}

.fa-location-question {
    --fa: "\f60b";
}

.fa-map-marker-question {
    --fa: "\f60b";
}

.fa-location-pin-slash {
    --fa: "\f60c";
}

.fa-map-marker-slash {
    --fa: "\f60c";
}

.fa-location-smile {
    --fa: "\f60d";
}

.fa-map-marker-smile {
    --fa: "\f60d";
}

.fa-location-xmark {
    --fa: "\f60e";
}

.fa-map-marker-times {
    --fa: "\f60e";
}

.fa-map-marker-xmark {
    --fa: "\f60e";
}

.fa-microscope {
    --fa: "\f610";
}

.fa-monitor-waveform {
    --fa: "\f611";
}

.fa-monitor-heart-rate {
    --fa: "\f611";
}

.fa-oil-can {
    --fa: "\f613";
}

.fa-oil-temperature {
    --fa: "\f614";
}

.fa-oil-temp {
    --fa: "\f614";
}

.fa-circle-parking {
    --fa: "\f615";
}

.fa-parking-circle {
    --fa: "\f615";
}

.fa-ban-parking {
    --fa: "\f616";
}

.fa-parking-circle-slash {
    --fa: "\f616";
}

.fa-square-parking-slash {
    --fa: "\f617";
}

.fa-parking-slash {
    --fa: "\f617";
}

.fa-pen-paintbrush {
    --fa: "\f618";
}

.fa-pencil-paintbrush {
    --fa: "\f618";
}

.fa-poop {
    --fa: "\f619";
}

.fa-route-highway {
    --fa: "\f61a";
}

.fa-route-interstate {
    --fa: "\f61b";
}

.fa-ruler-triangle {
    --fa: "\f61c";
}

.fa-scalpel {
    --fa: "\f61d";
}

.fa-scalpel-line-dashed {
    --fa: "\f61e";
}

.fa-scalpel-path {
    --fa: "\f61e";
}

.fa-shapes {
    --fa: "\f61f";
}

.fa-triangle-circle-square {
    --fa: "\f61f";
}

.fa-skeleton {
    --fa: "\f620";
}

.fa-star-of-life {
    --fa: "\f621";
}

.fa-steering-wheel {
    --fa: "\f622";
}

.fa-stomach {
    --fa: "\f623";
}

.fa-gauge {
    --fa: "\f624";
}

.fa-dashboard {
    --fa: "\f624";
}

.fa-gauge-med {
    --fa: "\f624";
}

.fa-tachometer-alt-average {
    --fa: "\f624";
}

.fa-gauge-high {
    --fa: "\f625";
}

.fa-tachometer-alt {
    --fa: "\f625";
}

.fa-tachometer-alt-fast {
    --fa: "\f625";
}

.fa-gauge-max {
    --fa: "\f626";
}

.fa-tachometer-alt-fastest {
    --fa: "\f626";
}

.fa-gauge-low {
    --fa: "\f627";
}

.fa-tachometer-alt-slow {
    --fa: "\f627";
}

.fa-gauge-min {
    --fa: "\f628";
}

.fa-tachometer-alt-slowest {
    --fa: "\f628";
}

.fa-gauge-simple {
    --fa: "\f629";
}

.fa-gauge-simple-med {
    --fa: "\f629";
}

.fa-tachometer-average {
    --fa: "\f629";
}

.fa-gauge-simple-high {
    --fa: "\f62a";
}

.fa-tachometer {
    --fa: "\f62a";
}

.fa-tachometer-fast {
    --fa: "\f62a";
}

.fa-gauge-simple-max {
    --fa: "\f62b";
}

.fa-tachometer-fastest {
    --fa: "\f62b";
}

.fa-gauge-simple-low {
    --fa: "\f62c";
}

.fa-tachometer-slow {
    --fa: "\f62c";
}

.fa-gauge-simple-min {
    --fa: "\f62d";
}

.fa-tachometer-slowest {
    --fa: "\f62d";
}

.fa-teeth {
    --fa: "\f62e";
}

.fa-teeth-open {
    --fa: "\f62f";
}

.fa-masks-theater {
    --fa: "\f630";
}

.fa-theater-masks {
    --fa: "\f630";
}

.fa-tire {
    --fa: "\f631";
}

.fa-tire-flat {
    --fa: "\f632";
}

.fa-tire-pressure-warning {
    --fa: "\f633";
}

.fa-tire-rugged {
    --fa: "\f634";
}

.fa-toothbrush {
    --fa: "\f635";
}

.fa-traffic-cone {
    --fa: "\f636";
}

.fa-traffic-light {
    --fa: "\f637";
}

.fa-traffic-light-go {
    --fa: "\f638";
}

.fa-traffic-light-slow {
    --fa: "\f639";
}

.fa-traffic-light-stop {
    --fa: "\f63a";
}

.fa-truck-monster {
    --fa: "\f63b";
}

.fa-truck-pickup {
    --fa: "\f63c";
}

.fa-screen-users {
    --fa: "\f63d";
}

.fa-users-class {
    --fa: "\f63d";
}

.fa-watch-fitness {
    --fa: "\f63e";
}

.fa-abacus {
    --fa: "\f640";
}

.fa-rectangle-ad {
    --fa: "\f641";
}

.fa-ad {
    --fa: "\f641";
}

.fa-chart-mixed {
    --fa: "\f643";
}

.fa-analytics {
    --fa: "\f643";
}

.fa-ankh {
    --fa: "\f644";
}

.fa-badge-dollar {
    --fa: "\f645";
}

.fa-badge-percent {
    --fa: "\f646";
}

.fa-book-bible {
    --fa: "\f647";
}

.fa-bible {
    --fa: "\f647";
}

.fa-bullseye-arrow {
    --fa: "\f648";
}

.fa-bullseye-pointer {
    --fa: "\f649";
}

.fa-business-time {
    --fa: "\f64a";
}

.fa-briefcase-clock {
    --fa: "\f64a";
}

.fa-cabinet-filing {
    --fa: "\f64b";
}

.fa-calculator-simple {
    --fa: "\f64c";
}

.fa-calculator-alt {
    --fa: "\f64c";
}

.fa-chart-line-down {
    --fa: "\f64d";
}

.fa-chart-pie-simple {
    --fa: "\f64e";
}

.fa-chart-pie-alt {
    --fa: "\f64e";
}

.fa-city {
    --fa: "\f64f";
}

.fa-message-dollar {
    --fa: "\f650";
}

.fa-comment-alt-dollar {
    --fa: "\f650";
}

.fa-comment-dollar {
    --fa: "\f651";
}

.fa-messages-dollar {
    --fa: "\f652";
}

.fa-comments-alt-dollar {
    --fa: "\f652";
}

.fa-comments-dollar {
    --fa: "\f653";
}

.fa-cross {
    --fa: "\f654";
}

.fa-dharmachakra {
    --fa: "\f655";
}

.fa-empty-set {
    --fa: "\f656";
}

.fa-envelope-open-dollar {
    --fa: "\f657";
}

.fa-envelope-open-text {
    --fa: "\f658";
}

.fa-file-chart-column {
    --fa: "\f659";
}

.fa-file-chart-line {
    --fa: "\f659";
}

.fa-file-chart-pie {
    --fa: "\f65a";
}

.fa-file-spreadsheet {
    --fa: "\f65b";
}

.fa-file-user {
    --fa: "\f65c";
}

.fa-folder-minus {
    --fa: "\f65d";
}

.fa-folder-plus {
    --fa: "\f65e";
}

.fa-folder-xmark {
    --fa: "\f65f";
}

.fa-folder-times {
    --fa: "\f65f";
}

.fa-folders {
    --fa: "\f660";
}

.fa-function {
    --fa: "\f661";
}

.fa-filter-circle-dollar {
    --fa: "\f662";
}

.fa-funnel-dollar {
    --fa: "\f662";
}

.fa-gift-card {
    --fa: "\f663";
}

.fa-gopuram {
    --fa: "\f664";
}

.fa-hamsa {
    --fa: "\f665";
}

.fa-bahai {
    --fa: "\f666";
}

.fa-haykal {
    --fa: "\f666";
}

.fa-integral {
    --fa: "\f667";
}

.fa-intersection {
    --fa: "\f668";
}

.fa-jedi {
    --fa: "\f669";
}

.fa-book-journal-whills {
    --fa: "\f66a";
}

.fa-journal-whills {
    --fa: "\f66a";
}

.fa-kaaba {
    --fa: "\f66b";
}

.fa-keynote {
    --fa: "\f66c";
}

.fa-khanda {
    --fa: "\f66d";
}

.fa-lambda {
    --fa: "\f66e";
}

.fa-landmark {
    --fa: "\f66f";
}

.fa-lightbulb-dollar {
    --fa: "\f670";
}

.fa-lightbulb-exclamation {
    --fa: "\f671";
}

.fa-lightbulb-on {
    --fa: "\f672";
}

.fa-lightbulb-slash {
    --fa: "\f673";
}

.fa-envelopes-bulk {
    --fa: "\f674";
}

.fa-mail-bulk {
    --fa: "\f674";
}

.fa-megaphone {
    --fa: "\f675";
}

.fa-menorah {
    --fa: "\f676";
}

.fa-brain-arrow-curved-right {
    --fa: "\f677";
}

.fa-mind-share {
    --fa: "\f677";
}

.fa-mosque {
    --fa: "\f678";
}

.fa-om {
    --fa: "\f679";
}

.fa-omega {
    --fa: "\f67a";
}

.fa-spaghetti-monster-flying {
    --fa: "\f67b";
}

.fa-pastafarianism {
    --fa: "\f67b";
}

.fa-peace {
    --fa: "\f67c";
}

.fa-phone-office {
    --fa: "\f67d";
}

.fa-pi {
    --fa: "\f67e";
}

.fa-place-of-worship {
    --fa: "\f67f";
}

.fa-podium {
    --fa: "\f680";
}

.fa-square-poll-vertical {
    --fa: "\f681";
}

.fa-poll {
    --fa: "\f681";
}

.fa-square-poll-horizontal {
    --fa: "\f682";
}

.fa-poll-h {
    --fa: "\f682";
}

.fa-person-praying {
    --fa: "\f683";
}

.fa-pray {
    --fa: "\f683";
}

.fa-hands-praying {
    --fa: "\f684";
}

.fa-praying-hands {
    --fa: "\f684";
}

.fa-presentation-screen {
    --fa: "\f685";
}

.fa-presentation {
    --fa: "\f685";
}

.fa-print-slash {
    --fa: "\f686";
}

.fa-book-quran {
    --fa: "\f687";
}

.fa-quran {
    --fa: "\f687";
}

.fa-magnifying-glass-dollar {
    --fa: "\f688";
}

.fa-search-dollar {
    --fa: "\f688";
}

.fa-magnifying-glass-location {
    --fa: "\f689";
}

.fa-search-location {
    --fa: "\f689";
}

.fa-shredder {
    --fa: "\f68a";
}

.fa-sigma {
    --fa: "\f68b";
}

.fa-signal-weak {
    --fa: "\f68c";
}

.fa-signal-1 {
    --fa: "\f68c";
}

.fa-signal-fair {
    --fa: "\f68d";
}

.fa-signal-2 {
    --fa: "\f68d";
}

.fa-signal-good {
    --fa: "\f68e";
}

.fa-signal-3 {
    --fa: "\f68e";
}

.fa-signal-strong {
    --fa: "\f68f";
}

.fa-signal-4 {
    --fa: "\f68f";
}

.fa-signal-bars {
    --fa: "\f690";
}

.fa-signal-alt {
    --fa: "\f690";
}

.fa-signal-alt-4 {
    --fa: "\f690";
}

.fa-signal-bars-strong {
    --fa: "\f690";
}

.fa-signal-bars-weak {
    --fa: "\f691";
}

.fa-signal-alt-1 {
    --fa: "\f691";
}

.fa-signal-bars-fair {
    --fa: "\f692";
}

.fa-signal-alt-2 {
    --fa: "\f692";
}

.fa-signal-bars-good {
    --fa: "\f693";
}

.fa-signal-alt-3 {
    --fa: "\f693";
}

.fa-signal-bars-slash {
    --fa: "\f694";
}

.fa-signal-alt-slash {
    --fa: "\f694";
}

.fa-signal-slash {
    --fa: "\f695";
}

.fa-socks {
    --fa: "\f696";
}

.fa-square-root {
    --fa: "\f697";
}

.fa-square-root-variable {
    --fa: "\f698";
}

.fa-square-root-alt {
    --fa: "\f698";
}

.fa-star-and-crescent {
    --fa: "\f699";
}

.fa-star-of-david {
    --fa: "\f69a";
}

.fa-synagogue {
    --fa: "\f69b";
}

.fa-tally {
    --fa: "\f69c";
}

.fa-tally-5 {
    --fa: "\f69c";
}

.fa-theta {
    --fa: "\f69e";
}

.fa-scroll-torah {
    --fa: "\f6a0";
}

.fa-torah {
    --fa: "\f6a0";
}

.fa-torii-gate {
    --fa: "\f6a1";
}

.fa-union {
    --fa: "\f6a2";
}

.fa-chart-user {
    --fa: "\f6a3";
}

.fa-user-chart {
    --fa: "\f6a3";
}

.fa-user-crown {
    --fa: "\f6a4";
}

.fa-user-group-crown {
    --fa: "\f6a5";
}

.fa-users-crown {
    --fa: "\f6a5";
}

.fa-value-absolute {
    --fa: "\f6a6";
}

.fa-vihara {
    --fa: "\f6a7";
}

.fa-volume {
    --fa: "\f6a8";
}

.fa-volume-medium {
    --fa: "\f6a8";
}

.fa-volume-xmark {
    --fa: "\f6a9";
}

.fa-volume-mute {
    --fa: "\f6a9";
}

.fa-volume-times {
    --fa: "\f6a9";
}

.fa-wifi-weak {
    --fa: "\f6aa";
}

.fa-wifi-1 {
    --fa: "\f6aa";
}

.fa-wifi-fair {
    --fa: "\f6ab";
}

.fa-wifi-2 {
    --fa: "\f6ab";
}

.fa-wifi-slash {
    --fa: "\f6ac";
}

.fa-yin-yang {
    --fa: "\f6ad";
}

.fa-acorn {
    --fa: "\f6ae";
}

.fa-alicorn {
    --fa: "\f6b0";
}

.fa-crate-apple {
    --fa: "\f6b1";
}

.fa-apple-crate {
    --fa: "\f6b1";
}

.fa-axe {
    --fa: "\f6b2";
}

.fa-axe-battle {
    --fa: "\f6b3";
}

.fa-badger-honey {
    --fa: "\f6b4";
}

.fa-bat {
    --fa: "\f6b5";
}

.fa-blender-phone {
    --fa: "\f6b6";
}

.fa-book-skull {
    --fa: "\f6b7";
}

.fa-book-dead {
    --fa: "\f6b7";
}

.fa-book-sparkles {
    --fa: "\f6b8";
}

.fa-book-spells {
    --fa: "\f6b8";
}

.fa-bow-arrow {
    --fa: "\f6b9";
}

.fa-campfire {
    --fa: "\f6ba";
}

.fa-campground {
    --fa: "\f6bb";
}

.fa-candle-holder {
    --fa: "\f6bc";
}

.fa-candy-corn {
    --fa: "\f6bd";
}

.fa-cat {
    --fa: "\f6be";
}

.fa-cauldron {
    --fa: "\f6bf";
}

.fa-chair {
    --fa: "\f6c0";
}

.fa-chair-office {
    --fa: "\f6c1";
}

.fa-claw-marks {
    --fa: "\f6c2";
}

.fa-cloud-moon {
    --fa: "\f6c3";
}

.fa-cloud-sun {
    --fa: "\f6c4";
}

.fa-cup-togo {
    --fa: "\f6c5";
}

.fa-coffee-togo {
    --fa: "\f6c5";
}

.fa-coffin {
    --fa: "\f6c6";
}

.fa-corn {
    --fa: "\f6c7";
}

.fa-cow {
    --fa: "\f6c8";
}

.fa-dagger {
    --fa: "\f6cb";
}

.fa-dice-d10 {
    --fa: "\f6cd";
}

.fa-dice-d12 {
    --fa: "\f6ce";
}

.fa-dice-d20 {
    --fa: "\f6cf";
}

.fa-dice-d4 {
    --fa: "\f6d0";
}

.fa-dice-d6 {
    --fa: "\f6d1";
}

.fa-dice-d8 {
    --fa: "\f6d2";
}

.fa-dog {
    --fa: "\f6d3";
}

.fa-dog-leashed {
    --fa: "\f6d4";
}

.fa-dragon {
    --fa: "\f6d5";
}

.fa-drumstick {
    --fa: "\f6d6";
}

.fa-drumstick-bite {
    --fa: "\f6d7";
}

.fa-duck {
    --fa: "\f6d8";
}

.fa-dungeon {
    --fa: "\f6d9";
}

.fa-elephant {
    --fa: "\f6da";
}

.fa-eye-evil {
    --fa: "\f6db";
}

.fa-file-csv {
    --fa: "\f6dd";
}

.fa-hand-fist {
    --fa: "\f6de";
}

.fa-fist-raised {
    --fa: "\f6de";
}

.fa-fire-flame {
    --fa: "\f6df";
}

.fa-flame {
    --fa: "\f6df";
}

.fa-flask-round-poison {
    --fa: "\f6e0";
}

.fa-flask-poison {
    --fa: "\f6e0";
}

.fa-flask-round-potion {
    --fa: "\f6e1";
}

.fa-flask-potion {
    --fa: "\f6e1";
}

.fa-ghost {
    --fa: "\f6e2";
}

.fa-hammer {
    --fa: "\f6e3";
}

.fa-hammer-war {
    --fa: "\f6e4";
}

.fa-hand-holding-magic {
    --fa: "\f6e5";
}

.fa-hanukiah {
    --fa: "\f6e6";
}

.fa-hat-witch {
    --fa: "\f6e7";
}

.fa-hat-wizard {
    --fa: "\f6e8";
}

.fa-head-side {
    --fa: "\f6e9";
}

.fa-head-side-goggles {
    --fa: "\f6ea";
}

.fa-head-vr {
    --fa: "\f6ea";
}

.fa-helmet-battle {
    --fa: "\f6eb";
}

.fa-person-hiking {
    --fa: "\f6ec";
}

.fa-hiking {
    --fa: "\f6ec";
}

.fa-hippo {
    --fa: "\f6ed";
}

.fa-hockey-mask {
    --fa: "\f6ee";
}

.fa-hood-cloak {
    --fa: "\f6ef";
}

.fa-horse {
    --fa: "\f6f0";
}

.fa-house-chimney-crack {
    --fa: "\f6f1";
}

.fa-house-damage {
    --fa: "\f6f1";
}

.fa-hryvnia-sign {
    --fa: "\f6f2";
}

.fa-hryvnia {
    --fa: "\f6f2";
}

.fa-key-skeleton {
    --fa: "\f6f3";
}

.fa-kite {
    --fa: "\f6f4";
}

.fa-knife-kitchen {
    --fa: "\f6f5";
}

.fa-leaf-maple {
    --fa: "\f6f6";
}

.fa-leaf-oak {
    --fa: "\f6f7";
}

.fa-mace {
    --fa: "\f6f8";
}

.fa-mandolin {
    --fa: "\f6f9";
}

.fa-mask {
    --fa: "\f6fa";
}

.fa-monkey {
    --fa: "\f6fb";
}

.fa-mountain {
    --fa: "\f6fc";
}

.fa-mountains {
    --fa: "\f6fd";
}

.fa-narwhal {
    --fa: "\f6fe";
}

.fa-network-wired {
    --fa: "\f6ff";
}

.fa-otter {
    --fa: "\f700";
}

.fa-paw-simple {
    --fa: "\f701";
}

.fa-paw-alt {
    --fa: "\f701";
}

.fa-paw-claws {
    --fa: "\f702";
}

.fa-pegasus {
    --fa: "\f703";
}

.fa-pie {
    --fa: "\f705";
}

.fa-pig {
    --fa: "\f706";
}

.fa-pumpkin {
    --fa: "\f707";
}

.fa-rabbit {
    --fa: "\f708";
}

.fa-rabbit-running {
    --fa: "\f709";
}

.fa-rabbit-fast {
    --fa: "\f709";
}

.fa-ram {
    --fa: "\f70a";
}

.fa-ring {
    --fa: "\f70b";
}

.fa-person-running {
    --fa: "\f70c";
}

.fa-running {
    --fa: "\f70c";
}

.fa-scarecrow {
    --fa: "\f70d";
}

.fa-scroll {
    --fa: "\f70e";
}

.fa-scroll-old {
    --fa: "\f70f";
}

.fa-scythe {
    --fa: "\f710";
}

.fa-sheep {
    --fa: "\f711";
}

.fa-shield-cross {
    --fa: "\f712";
}

.fa-shovel {
    --fa: "\f713";
}

.fa-skull-crossbones {
    --fa: "\f714";
}

.fa-slash {
    --fa: "\f715";
}

.fa-snake {
    --fa: "\f716";
}

.fa-spider {
    --fa: "\f717";
}

.fa-spider-black-widow {
    --fa: "\f718";
}

.fa-spider-web {
    --fa: "\f719";
}

.fa-squirrel {
    --fa: "\f71a";
}

.fa-staff {
    --fa: "\f71b";
}

.fa-sword {
    --fa: "\f71c";
}

.fa-swords {
    --fa: "\f71d";
}

.fa-toilet-paper {
    --fa: "\f71e";
}

.fa-toilet-paper-alt {
    --fa: "\f71e";
}

.fa-toilet-paper-blank {
    --fa: "\f71e";
}

.fa-tombstone {
    --fa: "\f720";
}

.fa-tombstone-blank {
    --fa: "\f721";
}

.fa-tombstone-alt {
    --fa: "\f721";
}

.fa-tractor {
    --fa: "\f722";
}

.fa-treasure-chest {
    --fa: "\f723";
}

.fa-trees {
    --fa: "\f724";
}

.fa-turkey {
    --fa: "\f725";
}

.fa-turtle {
    --fa: "\f726";
}

.fa-unicorn {
    --fa: "\f727";
}

.fa-user-injured {
    --fa: "\f728";
}

.fa-vr-cardboard {
    --fa: "\f729";
}

.fa-wand {
    --fa: "\f72a";
}

.fa-wand-sparkles {
    --fa: "\f72b";
}

.fa-whale {
    --fa: "\f72c";
}

.fa-wheat {
    --fa: "\f72d";
}

.fa-wind {
    --fa: "\f72e";
}

.fa-wine-bottle {
    --fa: "\f72f";
}

.fa-ballot {
    --fa: "\f732";
}

.fa-ballot-check {
    --fa: "\f733";
}

.fa-booth-curtain {
    --fa: "\f734";
}

.fa-box-ballot {
    --fa: "\f735";
}

.fa-calendar-star {
    --fa: "\f736";
}

.fa-clipboard-list-check {
    --fa: "\f737";
}

.fa-cloud-drizzle {
    --fa: "\f738";
}

.fa-cloud-hail {
    --fa: "\f739";
}

.fa-cloud-hail-mixed {
    --fa: "\f73a";
}

.fa-cloud-meatball {
    --fa: "\f73b";
}

.fa-cloud-moon-rain {
    --fa: "\f73c";
}

.fa-cloud-rain {
    --fa: "\f73d";
}

.fa-cloud-rainbow {
    --fa: "\f73e";
}

.fa-cloud-showers {
    --fa: "\f73f";
}

.fa-cloud-showers-heavy {
    --fa: "\f740";
}

.fa-cloud-sleet {
    --fa: "\f741";
}

.fa-cloud-snow {
    --fa: "\f742";
}

.fa-cloud-sun-rain {
    --fa: "\f743";
}

.fa-clouds {
    --fa: "\f744";
}

.fa-clouds-moon {
    --fa: "\f745";
}

.fa-clouds-sun {
    --fa: "\f746";
}

.fa-democrat {
    --fa: "\f747";
}

.fa-droplet-degree {
    --fa: "\f748";
}

.fa-dewpoint {
    --fa: "\f748";
}

.fa-eclipse {
    --fa: "\f749";
}

.fa-moon-over-sun {
    --fa: "\f74a";
}

.fa-eclipse-alt {
    --fa: "\f74a";
}

.fa-fire-smoke {
    --fa: "\f74b";
}

.fa-flag-swallowtail {
    --fa: "\f74c";
}

.fa-flag-alt {
    --fa: "\f74c";
}

.fa-flag-usa {
    --fa: "\f74d";
}

.fa-cloud-fog {
    --fa: "\f74e";
}

.fa-fog {
    --fa: "\f74e";
}

.fa-house-water {
    --fa: "\f74f";
}

.fa-house-flood {
    --fa: "\f74f";
}

.fa-droplet-percent {
    --fa: "\f750";
}

.fa-humidity {
    --fa: "\f750";
}

.fa-hurricane {
    --fa: "\f751";
}

.fa-landmark-dome {
    --fa: "\f752";
}

.fa-landmark-alt {
    --fa: "\f752";
}

.fa-meteor {
    --fa: "\f753";
}

.fa-moon-cloud {
    --fa: "\f754";
}

.fa-moon-stars {
    --fa: "\f755";
}

.fa-person-booth {
    --fa: "\f756";
}

.fa-person-sign {
    --fa: "\f757";
}

.fa-podium-star {
    --fa: "\f758";
}

.fa-poll-people {
    --fa: "\f759";
}

.fa-poo-storm {
    --fa: "\f75a";
}

.fa-poo-bolt {
    --fa: "\f75a";
}

.fa-rainbow {
    --fa: "\f75b";
}

.fa-raindrops {
    --fa: "\f75c";
}

.fa-republican {
    --fa: "\f75e";
}

.fa-smog {
    --fa: "\f75f";
}

.fa-smoke {
    --fa: "\f760";
}

.fa-snow-blowing {
    --fa: "\f761";
}

.fa-stars {
    --fa: "\f762";
}

.fa-sun-cloud {
    --fa: "\f763";
}

.fa-sun-dust {
    --fa: "\f764";
}

.fa-sun-haze {
    --fa: "\f765";
}

.fa-sunrise {
    --fa: "\f766";
}

.fa-sunset {
    --fa: "\f767";
}

.fa-temperature-snow {
    --fa: "\f768";
}

.fa-temperature-frigid {
    --fa: "\f768";
}

.fa-temperature-high {
    --fa: "\f769";
}

.fa-temperature-sun {
    --fa: "\f76a";
}

.fa-temperature-hot {
    --fa: "\f76a";
}

.fa-temperature-low {
    --fa: "\f76b";
}

.fa-cloud-bolt {
    --fa: "\f76c";
}

.fa-thunderstorm {
    --fa: "\f76c";
}

.fa-cloud-bolt-moon {
    --fa: "\f76d";
}

.fa-thunderstorm-moon {
    --fa: "\f76d";
}

.fa-cloud-bolt-sun {
    --fa: "\f76e";
}

.fa-thunderstorm-sun {
    --fa: "\f76e";
}

.fa-tornado {
    --fa: "\f76f";
}

.fa-volcano {
    --fa: "\f770";
}

.fa-xmark-to-slot {
    --fa: "\f771";
}

.fa-times-to-slot {
    --fa: "\f771";
}

.fa-vote-nay {
    --fa: "\f771";
}

.fa-check-to-slot {
    --fa: "\f772";
}

.fa-vote-yea {
    --fa: "\f772";
}

.fa-water {
    --fa: "\f773";
}

.fa-water-arrow-down {
    --fa: "\f774";
}

.fa-water-lower {
    --fa: "\f774";
}

.fa-water-arrow-up {
    --fa: "\f775";
}

.fa-water-rise {
    --fa: "\f775";
}

.fa-wind-warning {
    --fa: "\f776";
}

.fa-wind-circle-exclamation {
    --fa: "\f776";
}

.fa-windsock {
    --fa: "\f777";
}

.fa-angel {
    --fa: "\f779";
}

.fa-baby {
    --fa: "\f77c";
}

.fa-baby-carriage {
    --fa: "\f77d";
}

.fa-carriage-baby {
    --fa: "\f77d";
}

.fa-ball-pile {
    --fa: "\f77e";
}

.fa-bells {
    --fa: "\f77f";
}

.fa-biohazard {
    --fa: "\f780";
}

.fa-blog {
    --fa: "\f781";
}

.fa-boot {
    --fa: "\f782";
}

.fa-calendar-day {
    --fa: "\f783";
}

.fa-calendar-week {
    --fa: "\f784";
}

.fa-candy-cane {
    --fa: "\f786";
}

.fa-carrot {
    --fa: "\f787";
}

.fa-cash-register {
    --fa: "\f788";
}

.fa-chart-network {
    --fa: "\f78a";
}

.fa-chimney {
    --fa: "\f78b";
}

.fa-minimize {
    --fa: "\f78c";
}

.fa-compress-arrows-alt {
    --fa: "\f78c";
}

.fa-deer {
    --fa: "\f78e";
}

.fa-deer-rudolph {
    --fa: "\f78f";
}

.fa-dreidel {
    --fa: "\f792";
}

.fa-dumpster {
    --fa: "\f793";
}

.fa-dumpster-fire {
    --fa: "\f794";
}

.fa-ear-muffs {
    --fa: "\f795";
}

.fa-ethernet {
    --fa: "\f796";
}

.fa-fireplace {
    --fa: "\f79a";
}

.fa-snowman-head {
    --fa: "\f79b";
}

.fa-frosty-head {
    --fa: "\f79b";
}

.fa-gifts {
    --fa: "\f79c";
}

.fa-gingerbread-man {
    --fa: "\f79d";
}

.fa-champagne-glass {
    --fa: "\f79e";
}

.fa-glass-champagne {
    --fa: "\f79e";
}

.fa-champagne-glasses {
    --fa: "\f79f";
}

.fa-glass-cheers {
    --fa: "\f79f";
}

.fa-whiskey-glass {
    --fa: "\f7a0";
}

.fa-glass-whiskey {
    --fa: "\f7a0";
}

.fa-whiskey-glass-ice {
    --fa: "\f7a1";
}

.fa-glass-whiskey-rocks {
    --fa: "\f7a1";
}

.fa-earth-europe {
    --fa: "\f7a2";
}

.fa-globe-europe {
    --fa: "\f7a2";
}

.fa-globe-snow {
    --fa: "\f7a3";
}

.fa-grip-lines {
    --fa: "\f7a4";
}

.fa-grip-lines-vertical {
    --fa: "\f7a5";
}

.fa-guitar {
    --fa: "\f7a6";
}

.fa-hat-santa {
    --fa: "\f7a7";
}

.fa-hat-winter {
    --fa: "\f7a8";
}

.fa-heart-crack {
    --fa: "\f7a9";
}

.fa-heart-broken {
    --fa: "\f7a9";
}

.fa-holly-berry {
    --fa: "\f7aa";
}

.fa-horse-head {
    --fa: "\f7ab";
}

.fa-ice-skate {
    --fa: "\f7ac";
}

.fa-icicles {
    --fa: "\f7ad";
}

.fa-igloo {
    --fa: "\f7ae";
}

.fa-lights-holiday {
    --fa: "\f7b2";
}

.fa-mistletoe {
    --fa: "\f7b4";
}

.fa-mitten {
    --fa: "\f7b5";
}

.fa-mug-hot {
    --fa: "\f7b6";
}

.fa-mug-marshmallows {
    --fa: "\f7b7";
}

.fa-ornament {
    --fa: "\f7b8";
}

.fa-radiation {
    --fa: "\f7b9";
}

.fa-circle-radiation {
    --fa: "\f7ba";
}

.fa-radiation-alt {
    --fa: "\f7ba";
}

.fa-restroom {
    --fa: "\f7bd";
}

.fa-rv {
    --fa: "\f7be";
}

.fa-satellite {
    --fa: "\f7bf";
}

.fa-satellite-dish {
    --fa: "\f7c0";
}

.fa-scarf {
    --fa: "\f7c1";
}

.fa-sd-card {
    --fa: "\f7c2";
}

.fa-shovel-snow {
    --fa: "\f7c3";
}

.fa-sim-card {
    --fa: "\f7c4";
}

.fa-person-skating {
    --fa: "\f7c5";
}

.fa-skating {
    --fa: "\f7c5";
}

.fa-person-ski-jumping {
    --fa: "\f7c7";
}

.fa-ski-jump {
    --fa: "\f7c7";
}

.fa-person-ski-lift {
    --fa: "\f7c8";
}

.fa-ski-lift {
    --fa: "\f7c8";
}

.fa-person-skiing {
    --fa: "\f7c9";
}

.fa-skiing {
    --fa: "\f7c9";
}

.fa-person-skiing-nordic {
    --fa: "\f7ca";
}

.fa-skiing-nordic {
    --fa: "\f7ca";
}

.fa-person-sledding {
    --fa: "\f7cb";
}

.fa-sledding {
    --fa: "\f7cb";
}

.fa-sleigh {
    --fa: "\f7cc";
}

.fa-comment-sms {
    --fa: "\f7cd";
}

.fa-sms {
    --fa: "\f7cd";
}

.fa-person-snowboarding {
    --fa: "\f7ce";
}

.fa-snowboarding {
    --fa: "\f7ce";
}

.fa-snowflakes {
    --fa: "\f7cf";
}

.fa-snowman {
    --fa: "\f7d0";
}

.fa-person-snowmobiling {
    --fa: "\f7d1";
}

.fa-snowmobile {
    --fa: "\f7d1";
}

.fa-snowplow {
    --fa: "\f7d2";
}

.fa-star-christmas {
    --fa: "\f7d4";
}

.fa-stocking {
    --fa: "\f7d5";
}

.fa-tenge-sign {
    --fa: "\f7d7";
}

.fa-tenge {
    --fa: "\f7d7";
}

.fa-toilet {
    --fa: "\f7d8";
}

.fa-screwdriver-wrench {
    --fa: "\f7d9";
}

.fa-tools {
    --fa: "\f7d9";
}

.fa-cable-car {
    --fa: "\f7da";
}

.fa-tram {
    --fa: "\f7da";
}

.fa-tree-christmas {
    --fa: "\f7db";
}

.fa-tree-decorated {
    --fa: "\f7dc";
}

.fa-tree-large {
    --fa: "\f7dd";
}

.fa-truck-plow {
    --fa: "\f7de";
}

.fa-wreath {
    --fa: "\f7e2";
}

.fa-fire-flame-curved {
    --fa: "\f7e4";
}

.fa-fire-alt {
    --fa: "\f7e4";
}

.fa-bacon {
    --fa: "\f7e5";
}

.fa-book-medical {
    --fa: "\f7e6";
}

.fa-book-user {
    --fa: "\f7e7";
}

.fa-books-medical {
    --fa: "\f7e8";
}

.fa-brackets-square {
    --fa: "\f7e9";
}

.fa-brackets {
    --fa: "\f7e9";
}

.fa-brackets-curly {
    --fa: "\f7ea";
}

.fa-bread-loaf {
    --fa: "\f7eb";
}

.fa-bread-slice {
    --fa: "\f7ec";
}

.fa-burrito {
    --fa: "\f7ed";
}

.fa-chart-scatter {
    --fa: "\f7ee";
}

.fa-cheese {
    --fa: "\f7ef";
}

.fa-cheese-swiss {
    --fa: "\f7f0";
}

.fa-burger-cheese {
    --fa: "\f7f1";
}

.fa-cheeseburger {
    --fa: "\f7f1";
}

.fa-house-chimney-medical {
    --fa: "\f7f2";
}

.fa-clinic-medical {
    --fa: "\f7f2";
}

.fa-clipboard-user {
    --fa: "\f7f3";
}

.fa-message-medical {
    --fa: "\f7f4";
}

.fa-comment-alt-medical {
    --fa: "\f7f4";
}

.fa-comment-medical {
    --fa: "\f7f5";
}

.fa-croissant {
    --fa: "\f7f6";
}

.fa-crutch {
    --fa: "\f7f7";
}

.fa-crutches {
    --fa: "\f7f8";
}

.fa-ban-bug {
    --fa: "\f7f9";
}

.fa-debug {
    --fa: "\f7f9";
}

.fa-disease {
    --fa: "\f7fa";
}

.fa-egg {
    --fa: "\f7fb";
}

.fa-egg-fried {
    --fa: "\f7fc";
}

.fa-files-medical {
    --fa: "\f7fd";
}

.fa-fish-cooked {
    --fa: "\f7fe";
}

.fa-flower {
    --fa: "\f7ff";
}

.fa-flower-daffodil {
    --fa: "\f800";
}

.fa-flower-tulip {
    --fa: "\f801";
}

.fa-folder-tree {
    --fa: "\f802";
}

.fa-french-fries {
    --fa: "\f803";
}

.fa-glass {
    --fa: "\f804";
}

.fa-burger {
    --fa: "\f805";
}

.fa-hamburger {
    --fa: "\f805";
}

.fa-hand-middle-finger {
    --fa: "\f806";
}

.fa-helmet-safety {
    --fa: "\f807";
}

.fa-hard-hat {
    --fa: "\f807";
}

.fa-hat-hard {
    --fa: "\f807";
}

.fa-head-side-brain {
    --fa: "\f808";
}

.fa-head-side-medical {
    --fa: "\f809";
}

.fa-hospital-user {
    --fa: "\f80d";
}

.fa-hospitals {
    --fa: "\f80e";
}

.fa-hotdog {
    --fa: "\f80f";
}

.fa-ice-cream {
    --fa: "\f810";
}

.fa-island-tropical {
    --fa: "\f811";
}

.fa-island-tree-palm {
    --fa: "\f811";
}

.fa-laptop-medical {
    --fa: "\f812";
}

.fa-mailbox {
    --fa: "\f813";
}

.fa-meat {
    --fa: "\f814";
}

.fa-pager {
    --fa: "\f815";
}

.fa-pepper-hot {
    --fa: "\f816";
}

.fa-pizza {
    --fa: "\f817";
}

.fa-pizza-slice {
    --fa: "\f818";
}

.fa-popcorn {
    --fa: "\f819";
}

.fa-print-magnifying-glass {
    --fa: "\f81a";
}

.fa-print-search {
    --fa: "\f81a";
}

.fa-rings-wedding {
    --fa: "\f81b";
}

.fa-sack {
    --fa: "\f81c";
}

.fa-sack-dollar {
    --fa: "\f81d";
}

.fa-salad {
    --fa: "\f81e";
}

.fa-bowl-salad {
    --fa: "\f81e";
}

.fa-sandwich {
    --fa: "\f81f";
}

.fa-sausage {
    --fa: "\f820";
}

.fa-shish-kebab {
    --fa: "\f821";
}

.fa-sickle {
    --fa: "\f822";
}

.fa-bowl-hot {
    --fa: "\f823";
}

.fa-soup {
    --fa: "\f823";
}

.fa-steak {
    --fa: "\f824";
}

.fa-stretcher {
    --fa: "\f825";
}

.fa-taco {
    --fa: "\f826";
}

.fa-book-tanakh {
    --fa: "\f827";
}

.fa-tanakh {
    --fa: "\f827";
}

.fa-bars-progress {
    --fa: "\f828";
}

.fa-tasks-alt {
    --fa: "\f828";
}

.fa-trash-arrow-up {
    --fa: "\f829";
}

.fa-trash-restore {
    --fa: "\f829";
}

.fa-trash-can-arrow-up {
    --fa: "\f82a";
}

.fa-trash-restore-alt {
    --fa: "\f82a";
}

.fa-tree-palm {
    --fa: "\f82b";
}

.fa-user-helmet-safety {
    --fa: "\f82c";
}

.fa-user-construction {
    --fa: "\f82c";
}

.fa-user-hard-hat {
    --fa: "\f82c";
}

.fa-user-headset {
    --fa: "\f82d";
}

.fa-user-doctor-message {
    --fa: "\f82e";
}

.fa-user-md-chat {
    --fa: "\f82e";
}

.fa-user-nurse {
    --fa: "\f82f";
}

.fa-users-medical {
    --fa: "\f830";
}

.fa-walker {
    --fa: "\f831";
}

.fa-camera-web {
    --fa: "\f832";
}

.fa-webcam {
    --fa: "\f832";
}

.fa-camera-web-slash {
    --fa: "\f833";
}

.fa-webcam-slash {
    --fa: "\f833";
}

.fa-wave-square {
    --fa: "\f83e";
}

.fa-alarm-exclamation {
    --fa: "\f843";
}

.fa-alarm-plus {
    --fa: "\f844";
}

.fa-alarm-snooze {
    --fa: "\f845";
}

.fa-align-slash {
    --fa: "\f846";
}

.fa-bags-shopping {
    --fa: "\f847";
}

.fa-bell-exclamation {
    --fa: "\f848";
}

.fa-bell-plus {
    --fa: "\f849";
}

.fa-person-biking {
    --fa: "\f84a";
}

.fa-biking {
    --fa: "\f84a";
}

.fa-person-biking-mountain {
    --fa: "\f84b";
}

.fa-biking-mountain {
    --fa: "\f84b";
}

.fa-border-all {
    --fa: "\f84c";
}

.fa-border-bottom {
    --fa: "\f84d";
}

.fa-border-inner {
    --fa: "\f84e";
}

.fa-border-left {
    --fa: "\f84f";
}

.fa-border-none {
    --fa: "\f850";
}

.fa-border-outer {
    --fa: "\f851";
}

.fa-border-right {
    --fa: "\f852";
}

.fa-border-top-left {
    --fa: "\f853";
}

.fa-border-style {
    --fa: "\f853";
}

.fa-border-bottom-right {
    --fa: "\f854";
}

.fa-border-style-alt {
    --fa: "\f854";
}

.fa-border-top {
    --fa: "\f855";
}

.fa-bring-forward {
    --fa: "\f856";
}

.fa-bring-front {
    --fa: "\f857";
}

.fa-burger-soda {
    --fa: "\f858";
}

.fa-car-building {
    --fa: "\f859";
}

.fa-car-bus {
    --fa: "\f85a";
}

.fa-cars {
    --fa: "\f85b";
}

.fa-coin {
    --fa: "\f85c";
}

.fa-triangle-person-digging {
    --fa: "\f85d";
}

.fa-construction {
    --fa: "\f85d";
}

.fa-person-digging {
    --fa: "\f85e";
}

.fa-digging {
    --fa: "\f85e";
}

.fa-drone {
    --fa: "\f85f";
}

.fa-drone-front {
    --fa: "\f860";
}

.fa-drone-alt {
    --fa: "\f860";
}

.fa-dryer {
    --fa: "\f861";
}

.fa-dryer-heat {
    --fa: "\f862";
}

.fa-dryer-alt {
    --fa: "\f862";
}

.fa-fan {
    --fa: "\f863";
}

.fa-farm {
    --fa: "\f864";
}

.fa-barn-silo {
    --fa: "\f864";
}

.fa-file-magnifying-glass {
    --fa: "\f865";
}

.fa-file-search {
    --fa: "\f865";
}

.fa-font-case {
    --fa: "\f866";
}

.fa-game-board {
    --fa: "\f867";
}

.fa-game-board-simple {
    --fa: "\f868";
}

.fa-game-board-alt {
    --fa: "\f868";
}

.fa-glass-citrus {
    --fa: "\f869";
}

.fa-h4 {
    --fa: "\f86a";
}

.fa-hat-chef {
    --fa: "\f86b";
}

.fa-horizontal-rule {
    --fa: "\f86c";
}

.fa-icons {
    --fa: "\f86d";
}

.fa-heart-music-camera-bolt {
    --fa: "\f86d";
}

.fa-symbols {
    --fa: "\f86e";
}

.fa-icons-alt {
    --fa: "\f86e";
}

.fa-kerning {
    --fa: "\f86f";
}

.fa-line-columns {
    --fa: "\f870";
}

.fa-line-height {
    --fa: "\f871";
}

.fa-money-check-pen {
    --fa: "\f872";
}

.fa-money-check-edit {
    --fa: "\f872";
}

.fa-money-check-dollar-pen {
    --fa: "\f873";
}

.fa-money-check-edit-alt {
    --fa: "\f873";
}

.fa-mug {
    --fa: "\f874";
}

.fa-mug-tea {
    --fa: "\f875";
}

.fa-overline {
    --fa: "\f876";
}

.fa-file-dashed-line {
    --fa: "\f877";
}

.fa-page-break {
    --fa: "\f877";
}

.fa-paragraph-left {
    --fa: "\f878";
}

.fa-paragraph-rtl {
    --fa: "\f878";
}

.fa-phone-flip {
    --fa: "\f879";
}

.fa-phone-alt {
    --fa: "\f879";
}

.fa-laptop-mobile {
    --fa: "\f87a";
}

.fa-phone-laptop {
    --fa: "\f87a";
}

.fa-square-phone-flip {
    --fa: "\f87b";
}

.fa-phone-square-alt {
    --fa: "\f87b";
}

.fa-photo-film {
    --fa: "\f87c";
}

.fa-photo-video {
    --fa: "\f87c";
}

.fa-text-slash {
    --fa: "\f87d";
}

.fa-remove-format {
    --fa: "\f87d";
}

.fa-send-back {
    --fa: "\f87e";
}

.fa-send-backward {
    --fa: "\f87f";
}

.fa-snooze {
    --fa: "\f880";
}

.fa-zzz {
    --fa: "\f880";
}

.fa-arrow-down-z-a {
    --fa: "\f881";
}

.fa-sort-alpha-desc {
    --fa: "\f881";
}

.fa-sort-alpha-down-alt {
    --fa: "\f881";
}

.fa-arrow-up-z-a {
    --fa: "\f882";
}

.fa-sort-alpha-up-alt {
    --fa: "\f882";
}

.fa-arrow-down-arrow-up {
    --fa: "\f883";
}

.fa-sort-alt {
    --fa: "\f883";
}

.fa-arrow-down-short-wide {
    --fa: "\f884";
}

.fa-sort-amount-desc {
    --fa: "\f884";
}

.fa-sort-amount-down-alt {
    --fa: "\f884";
}

.fa-arrow-up-short-wide {
    --fa: "\f885";
}

.fa-sort-amount-up-alt {
    --fa: "\f885";
}

.fa-arrow-down-9-1 {
    --fa: "\f886";
}

.fa-sort-numeric-desc {
    --fa: "\f886";
}

.fa-sort-numeric-down-alt {
    --fa: "\f886";
}

.fa-arrow-up-9-1 {
    --fa: "\f887";
}

.fa-sort-numeric-up-alt {
    --fa: "\f887";
}

.fa-arrow-down-triangle-square {
    --fa: "\f888";
}

.fa-sort-shapes-down {
    --fa: "\f888";
}

.fa-arrow-down-square-triangle {
    --fa: "\f889";
}

.fa-sort-shapes-down-alt {
    --fa: "\f889";
}

.fa-arrow-up-triangle-square {
    --fa: "\f88a";
}

.fa-sort-shapes-up {
    --fa: "\f88a";
}

.fa-arrow-up-square-triangle {
    --fa: "\f88b";
}

.fa-sort-shapes-up-alt {
    --fa: "\f88b";
}

.fa-arrow-down-big-small {
    --fa: "\f88c";
}

.fa-sort-size-down {
    --fa: "\f88c";
}

.fa-arrow-down-small-big {
    --fa: "\f88d";
}

.fa-sort-size-down-alt {
    --fa: "\f88d";
}

.fa-arrow-up-big-small {
    --fa: "\f88e";
}

.fa-sort-size-up {
    --fa: "\f88e";
}

.fa-arrow-up-small-big {
    --fa: "\f88f";
}

.fa-sort-size-up-alt {
    --fa: "\f88f";
}

.fa-sparkles {
    --fa: "\f890";
}

.fa-spell-check {
    --fa: "\f891";
}

.fa-sunglasses {
    --fa: "\f892";
}

.fa-text {
    --fa: "\f893";
}

.fa-text-size {
    --fa: "\f894";
}

.fa-trash-undo {
    --fa: "\f895";
}

.fa-trash-arrow-turn-left {
    --fa: "\f895";
}

.fa-trash-can-undo {
    --fa: "\f896";
}

.fa-trash-can-arrow-turn-left {
    --fa: "\f896";
}

.fa-trash-undo-alt {
    --fa: "\f896";
}

.fa-voicemail {
    --fa: "\f897";
}

.fa-washing-machine {
    --fa: "\f898";
}

.fa-washer {
    --fa: "\f898";
}

.fa-wave-sine {
    --fa: "\f899";
}

.fa-wave-triangle {
    --fa: "\f89a";
}

.fa-wind-turbine {
    --fa: "\f89b";
}

.fa-border-center-h {
    --fa: "\f89c";
}

.fa-border-center-v {
    --fa: "\f89d";
}

.fa-album {
    --fa: "\f89f";
}

.fa-album-collection {
    --fa: "\f8a0";
}

.fa-amp-guitar {
    --fa: "\f8a1";
}

.fa-badge-sheriff {
    --fa: "\f8a2";
}

.fa-banjo {
    --fa: "\f8a3";
}

.fa-cassette-betamax {
    --fa: "\f8a4";
}

.fa-betamax {
    --fa: "\f8a4";
}

.fa-boombox {
    --fa: "\f8a5";
}

.fa-cactus {
    --fa: "\f8a7";
}

.fa-camcorder {
    --fa: "\f8a8";
}

.fa-video-handheld {
    --fa: "\f8a8";
}

.fa-camera-movie {
    --fa: "\f8a9";
}

.fa-camera-polaroid {
    --fa: "\f8aa";
}

.fa-cassette-tape {
    --fa: "\f8ab";
}

.fa-camera-cctv {
    --fa: "\f8ac";
}

.fa-cctv {
    --fa: "\f8ac";
}

.fa-clarinet {
    --fa: "\f8ad";
}

.fa-cloud-music {
    --fa: "\f8ae";
}

.fa-message-music {
    --fa: "\f8af";
}

.fa-comment-alt-music {
    --fa: "\f8af";
}

.fa-comment-music {
    --fa: "\f8b0";
}

.fa-computer-classic {
    --fa: "\f8b1";
}

.fa-computer-speaker {
    --fa: "\f8b2";
}

.fa-cowbell {
    --fa: "\f8b3";
}

.fa-cowbell-circle-plus {
    --fa: "\f8b4";
}

.fa-cowbell-more {
    --fa: "\f8b4";
}

.fa-disc-drive {
    --fa: "\f8b5";
}

.fa-file-music {
    --fa: "\f8b6";
}

.fa-film-canister {
    --fa: "\f8b7";
}

.fa-film-cannister {
    --fa: "\f8b7";
}

.fa-flashlight {
    --fa: "\f8b8";
}

.fa-flute {
    --fa: "\f8b9";
}

.fa-flux-capacitor {
    --fa: "\f8ba";
}

.fa-game-console-handheld {
    --fa: "\f8bb";
}

.fa-gramophone {
    --fa: "\f8bd";
}

.fa-guitar-electric {
    --fa: "\f8be";
}

.fa-guitars {
    --fa: "\f8bf";
}

.fa-hat-cowboy {
    --fa: "\f8c0";
}

.fa-hat-cowboy-side {
    --fa: "\f8c1";
}

.fa-head-side-headphones {
    --fa: "\f8c2";
}

.fa-horse-saddle {
    --fa: "\f8c3";
}

.fa-image-polaroid {
    --fa: "\f8c4";
}

.fa-joystick {
    --fa: "\f8c5";
}

.fa-jug {
    --fa: "\f8c6";
}

.fa-kazoo {
    --fa: "\f8c7";
}

.fa-lasso {
    --fa: "\f8c8";
}

.fa-list-music {
    --fa: "\f8c9";
}

.fa-microphone-stand {
    --fa: "\f8cb";
}

.fa-computer-mouse {
    --fa: "\f8cc";
}

.fa-mouse {
    --fa: "\f8cc";
}

.fa-computer-mouse-scrollwheel {
    --fa: "\f8cd";
}

.fa-mouse-alt {
    --fa: "\f8cd";
}

.fa-mp3-player {
    --fa: "\f8ce";
}

.fa-music-note {
    --fa: "\f8cf";
}

.fa-music-alt {
    --fa: "\f8cf";
}

.fa-music-note-slash {
    --fa: "\f8d0";
}

.fa-music-alt-slash {
    --fa: "\f8d0";
}

.fa-music-slash {
    --fa: "\f8d1";
}

.fa-phone-rotary {
    --fa: "\f8d3";
}

.fa-piano {
    --fa: "\f8d4";
}

.fa-piano-keyboard {
    --fa: "\f8d5";
}

.fa-projector {
    --fa: "\f8d6";
}

.fa-radio {
    --fa: "\f8d7";
}

.fa-radio-tuner {
    --fa: "\f8d8";
}

.fa-radio-alt {
    --fa: "\f8d8";
}

.fa-record-vinyl {
    --fa: "\f8d9";
}

.fa-router {
    --fa: "\f8da";
}

.fa-saxophone-fire {
    --fa: "\f8db";
}

.fa-sax-hot {
    --fa: "\f8db";
}

.fa-saxophone {
    --fa: "\f8dc";
}

.fa-signal-stream {
    --fa: "\f8dd";
}

.fa-skull-cow {
    --fa: "\f8de";
}

.fa-speaker {
    --fa: "\f8df";
}

.fa-speakers {
    --fa: "\f8e0";
}

.fa-triangle-instrument {
    --fa: "\f8e2";
}

.fa-triangle-music {
    --fa: "\f8e2";
}

.fa-trumpet {
    --fa: "\f8e3";
}

.fa-turntable {
    --fa: "\f8e4";
}

.fa-tv-music {
    --fa: "\f8e6";
}

.fa-typewriter {
    --fa: "\f8e7";
}

.fa-usb-drive {
    --fa: "\f8e9";
}

.fa-user-cowboy {
    --fa: "\f8ea";
}

.fa-user-music {
    --fa: "\f8eb";
}

.fa-cassette-vhs {
    --fa: "\f8ec";
}

.fa-vhs {
    --fa: "\f8ec";
}

.fa-violin {
    --fa: "\f8ed";
}

.fa-wagon-covered {
    --fa: "\f8ee";
}

.fa-walkie-talkie {
    --fa: "\f8ef";
}

.fa-watch-calculator {
    --fa: "\f8f0";
}

.fa-waveform {
    --fa: "\f8f1";
}

.fa-waveform-lines {
    --fa: "\f8f2";
}

.fa-waveform-path {
    --fa: "\f8f2";
}

.fa-scanner-image {
    --fa: "\f8f3";
}

.fa-air-conditioner {
    --fa: "\f8f4";
}

.fa-alien {
    --fa: "\f8f5";
}

.fa-alien-8bit {
    --fa: "\f8f6";
}

.fa-alien-monster {
    --fa: "\f8f6";
}

.fa-bed-front {
    --fa: "\f8f7";
}

.fa-bed-alt {
    --fa: "\f8f7";
}

.fa-bed-bunk {
    --fa: "\f8f8";
}

.fa-bed-empty {
    --fa: "\f8f9";
}

.fa-bell-on {
    --fa: "\f8fa";
}

.fa-blinds {
    --fa: "\f8fb";
}

.fa-blinds-open {
    --fa: "\f8fc";
}

.fa-blinds-raised {
    --fa: "\f8fd";
}

.fa-camera-security {
    --fa: "\f8fe";
}

.fa-camera-home {
    --fa: "\f8fe";
}

.fa-caravan {
    --fa: "\f8ff";
}
:root,
:host {
    --fa-family-brands: "Font Awesome 7 Brands";
    --fa-font-brands: normal 400 1em/1 var(--fa-family-brands);
}

@font-face {
    font-family: "Font Awesome 7 Brands";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('fa-brands-400.020da233619d91be.woff2');
}
.fab,
.fa-brands,
.fa-classic.fa-brands {
    --fa-family: var(--fa-family-brands);
    --fa-style: 400;
}

.fa-firefox-browser {
    --fa: "\e007";
}

.fa-ideal {
    --fa: "\e013";
}

.fa-microblog {
    --fa: "\e01a";
}

.fa-square-pied-piper {
    --fa: "\e01e";
}

.fa-pied-piper-square {
    --fa: "\e01e";
}

.fa-unity {
    --fa: "\e049";
}

.fa-dailymotion {
    --fa: "\e052";
}

.fa-square-instagram {
    --fa: "\e055";
}

.fa-instagram-square {
    --fa: "\e055";
}

.fa-mixer {
    --fa: "\e056";
}

.fa-shopify {
    --fa: "\e057";
}

.fa-deezer {
    --fa: "\e077";
}

.fa-edge-legacy {
    --fa: "\e078";
}

.fa-google-pay {
    --fa: "\e079";
}

.fa-rust {
    --fa: "\e07a";
}

.fa-tiktok {
    --fa: "\e07b";
}

.fa-unsplash {
    --fa: "\e07c";
}

.fa-cloudflare {
    --fa: "\e07d";
}

.fa-guilded {
    --fa: "\e07e";
}

.fa-hive {
    --fa: "\e07f";
}

.fa-42-group {
    --fa: "\e080";
}

.fa-innosoft {
    --fa: "\e080";
}

.fa-instalod {
    --fa: "\e081";
}

.fa-octopus-deploy {
    --fa: "\e082";
}

.fa-perbyte {
    --fa: "\e083";
}

.fa-uncharted {
    --fa: "\e084";
}

.fa-watchman-monitoring {
    --fa: "\e087";
}

.fa-wodu {
    --fa: "\e088";
}

.fa-wirsindhandwerk {
    --fa: "\e2d0";
}

.fa-wsh {
    --fa: "\e2d0";
}

.fa-bots {
    --fa: "\e340";
}

.fa-cmplid {
    --fa: "\e360";
}

.fa-bilibili {
    --fa: "\e3d9";
}

.fa-golang {
    --fa: "\e40f";
}

.fa-pix {
    --fa: "\e43a";
}

.fa-sitrox {
    --fa: "\e44a";
}

.fa-hashnode {
    --fa: "\e499";
}

.fa-meta {
    --fa: "\e49b";
}

.fa-padlet {
    --fa: "\e4a0";
}

.fa-nfc-directional {
    --fa: "\e530";
}

.fa-nfc-symbol {
    --fa: "\e531";
}

.fa-screenpal {
    --fa: "\e570";
}

.fa-space-awesome {
    --fa: "\e5ac";
}

.fa-square-font-awesome {
    --fa: "\e5ad";
}

.fa-square-gitlab {
    --fa: "\e5ae";
}

.fa-gitlab-square {
    --fa: "\e5ae";
}

.fa-odysee {
    --fa: "\e5c6";
}

.fa-stubber {
    --fa: "\e5c7";
}

.fa-debian {
    --fa: "\e60b";
}

.fa-shoelace {
    --fa: "\e60c";
}

.fa-threads {
    --fa: "\e618";
}

.fa-square-threads {
    --fa: "\e619";
}

.fa-square-x-twitter {
    --fa: "\e61a";
}

.fa-x-twitter {
    --fa: "\e61b";
}

.fa-opensuse {
    --fa: "\e62b";
}

.fa-letterboxd {
    --fa: "\e62d";
}

.fa-square-letterboxd {
    --fa: "\e62e";
}

.fa-mintbit {
    --fa: "\e62f";
}

.fa-google-scholar {
    --fa: "\e63b";
}

.fa-brave {
    --fa: "\e63c";
}

.fa-brave-reverse {
    --fa: "\e63d";
}

.fa-pixiv {
    --fa: "\e640";
}

.fa-upwork {
    --fa: "\e641";
}

.fa-webflow {
    --fa: "\e65c";
}

.fa-signal-messenger {
    --fa: "\e663";
}

.fa-bluesky {
    --fa: "\e671";
}

.fa-jxl {
    --fa: "\e67b";
}

.fa-square-upwork {
    --fa: "\e67c";
}

.fa-web-awesome {
    --fa: "\e682";
}

.fa-square-web-awesome {
    --fa: "\e683";
}

.fa-square-web-awesome-stroke {
    --fa: "\e684";
}

.fa-dart-lang {
    --fa: "\e693";
}

.fa-flutter {
    --fa: "\e694";
}

.fa-files-pinwheel {
    --fa: "\e69f";
}

.fa-css {
    --fa: "\e6a2";
}

.fa-square-bluesky {
    --fa: "\e6a3";
}

.fa-openai {
    --fa: "\e7cf";
}

.fa-square-linkedin {
    --fa: "\e7d0";
}

.fa-cash-app {
    --fa: "\e7d4";
}

.fa-disqus {
    --fa: "\e7d5";
}

.fa-eleventy {
    --fa: "\e7d6";
}

.fa-11ty {
    --fa: "\e7d6";
}

.fa-kakao-talk {
    --fa: "\e7d7";
}

.fa-linktree {
    --fa: "\e7d8";
}

.fa-notion {
    --fa: "\e7d9";
}

.fa-pandora {
    --fa: "\e7da";
}

.fa-pixelfed {
    --fa: "\e7db";
}

.fa-tidal {
    --fa: "\e7dc";
}

.fa-vsco {
    --fa: "\e7dd";
}

.fa-w3c {
    --fa: "\e7de";
}

.fa-lumon {
    --fa: "\e7e2";
}

.fa-lumon-drop {
    --fa: "\e7e3";
}

.fa-square-figma {
    --fa: "\e7e4";
}

.fa-tex {
    --fa: "\e7ff";
}

.fa-duolingo {
    --fa: "\e812";
}

.fa-supportnow {
    --fa: "\e833";
}

.fa-tor-browser {
    --fa: "\e838";
}

.fa-typescript {
    --fa: "\e840";
}

.fa-square-deskpro {
    --fa: "\e844";
}

.fa-circle-zulip {
    --fa: "\e851";
}

.fa-julia {
    --fa: "\e852";
}

.fa-zulip {
    --fa: "\e853";
}

.fa-unison {
    --fa: "\e854";
}

.fa-board-game-geek {
    --fa: "\e855";
}

.fa-bgg {
    --fa: "\e855";
}

.fa-ko-fi {
    --fa: "\e856";
}

.fa-kubernetes {
    --fa: "\e857";
}

.fa-postgresql {
    --fa: "\e858";
}

.fa-scaleway {
    --fa: "\e859";
}

.fa-venmo {
    --fa: "\e85a";
}

.fa-venmo-v {
    --fa: "\e85b";
}

.fa-unreal-engine {
    --fa: "\e85c";
}

.fa-globaleaks {
    --fa: "\e85d";
}

.fa-solana {
    --fa: "\e85e";
}

.fa-threema {
    --fa: "\e85f";
}

.fa-forgejo {
    --fa: "\e860";
}

.fa-claude {
    --fa: "\e861";
}

.fa-gitee {
    --fa: "\e863";
}

.fa-xmpp {
    --fa: "\e864";
}

.fa-fediverse {
    --fa: "\e865";
}

.fa-tailwind-css {
    --fa: "\e866";
}

.fa-arch-linux {
    --fa: "\e867";
}

.fa-svelte {
    --fa: "\e868";
}

.fa-hugging-face {
    --fa: "\e869";
}

.fa-leetcode {
    --fa: "\e86a";
}

.fa-openstreetmap {
    --fa: "\e86b";
}

.fa-ultralytics {
    --fa: "\e86d";
}

.fa-ultralytics-hub {
    --fa: "\e86e";
}

.fa-ultralytics-yolo {
    --fa: "\e86f";
}

.fa-obsidian {
    --fa: "\e879";
}

.fa-zoom {
    --fa: "\e87b";
}

.fa-vim {
    --fa: "\e88a";
}

.fa-symfonycasts {
    --fa: "\e8ab";
}

.fa-square-twitter {
    --fa: "\f081";
}

.fa-twitter-square {
    --fa: "\f081";
}

.fa-square-facebook {
    --fa: "\f082";
}

.fa-facebook-square {
    --fa: "\f082";
}

.fa-linkedin {
    --fa: "\f08c";
}

.fa-square-github {
    --fa: "\f092";
}

.fa-github-square {
    --fa: "\f092";
}

.fa-twitter {
    --fa: "\f099";
}

.fa-facebook {
    --fa: "\f09a";
}

.fa-github {
    --fa: "\f09b";
}

.fa-pinterest {
    --fa: "\f0d2";
}

.fa-square-pinterest {
    --fa: "\f0d3";
}

.fa-pinterest-square {
    --fa: "\f0d3";
}

.fa-square-google-plus {
    --fa: "\f0d4";
}

.fa-google-plus-square {
    --fa: "\f0d4";
}

.fa-google-plus-g {
    --fa: "\f0d5";
}

.fa-linkedin-in {
    --fa: "\f0e1";
}

.fa-github-alt {
    --fa: "\f113";
}

.fa-maxcdn {
    --fa: "\f136";
}

.fa-html5 {
    --fa: "\f13b";
}

.fa-css3 {
    --fa: "\f13c";
}

.fa-btc {
    --fa: "\f15a";
}

.fa-youtube {
    --fa: "\f167";
}

.fa-xing {
    --fa: "\f168";
}

.fa-square-xing {
    --fa: "\f169";
}

.fa-xing-square {
    --fa: "\f169";
}

.fa-dropbox {
    --fa: "\f16b";
}

.fa-stack-overflow {
    --fa: "\f16c";
}

.fa-instagram {
    --fa: "\f16d";
}

.fa-flickr {
    --fa: "\f16e";
}

.fa-adn {
    --fa: "\f170";
}

.fa-bitbucket {
    --fa: "\f171";
}

.fa-tumblr {
    --fa: "\f173";
}

.fa-square-tumblr {
    --fa: "\f174";
}

.fa-tumblr-square {
    --fa: "\f174";
}

.fa-apple {
    --fa: "\f179";
}

.fa-windows {
    --fa: "\f17a";
}

.fa-android {
    --fa: "\f17b";
}

.fa-linux {
    --fa: "\f17c";
}

.fa-dribbble {
    --fa: "\f17d";
}

.fa-skype {
    --fa: "\f17e";
}

.fa-foursquare {
    --fa: "\f180";
}

.fa-trello {
    --fa: "\f181";
}

.fa-gratipay {
    --fa: "\f184";
}

.fa-vk {
    --fa: "\f189";
}

.fa-weibo {
    --fa: "\f18a";
}

.fa-renren {
    --fa: "\f18b";
}

.fa-pagelines {
    --fa: "\f18c";
}

.fa-stack-exchange {
    --fa: "\f18d";
}

.fa-square-vimeo {
    --fa: "\f194";
}

.fa-vimeo-square {
    --fa: "\f194";
}

.fa-slack {
    --fa: "\f198";
}

.fa-slack-hash {
    --fa: "\f198";
}

.fa-wordpress {
    --fa: "\f19a";
}

.fa-openid {
    --fa: "\f19b";
}

.fa-yahoo {
    --fa: "\f19e";
}

.fa-google {
    --fa: "\f1a0";
}

.fa-reddit {
    --fa: "\f1a1";
}

.fa-square-reddit {
    --fa: "\f1a2";
}

.fa-reddit-square {
    --fa: "\f1a2";
}

.fa-stumbleupon-circle {
    --fa: "\f1a3";
}

.fa-stumbleupon {
    --fa: "\f1a4";
}

.fa-delicious {
    --fa: "\f1a5";
}

.fa-digg {
    --fa: "\f1a6";
}

.fa-pied-piper-pp {
    --fa: "\f1a7";
}

.fa-pied-piper-alt {
    --fa: "\f1a8";
}

.fa-drupal {
    --fa: "\f1a9";
}

.fa-joomla {
    --fa: "\f1aa";
}

.fa-behance {
    --fa: "\f1b4";
}

.fa-square-behance {
    --fa: "\f1b5";
}

.fa-behance-square {
    --fa: "\f1b5";
}

.fa-steam {
    --fa: "\f1b6";
}

.fa-square-steam {
    --fa: "\f1b7";
}

.fa-steam-square {
    --fa: "\f1b7";
}

.fa-spotify {
    --fa: "\f1bc";
}

.fa-deviantart {
    --fa: "\f1bd";
}

.fa-soundcloud {
    --fa: "\f1be";
}

.fa-vine {
    --fa: "\f1ca";
}

.fa-codepen {
    --fa: "\f1cb";
}

.fa-jsfiddle {
    --fa: "\f1cc";
}

.fa-rebel {
    --fa: "\f1d0";
}

.fa-empire {
    --fa: "\f1d1";
}

.fa-square-git {
    --fa: "\f1d2";
}

.fa-git-square {
    --fa: "\f1d2";
}

.fa-git {
    --fa: "\f1d3";
}

.fa-hacker-news {
    --fa: "\f1d4";
}

.fa-tencent-weibo {
    --fa: "\f1d5";
}

.fa-qq {
    --fa: "\f1d6";
}

.fa-weixin {
    --fa: "\f1d7";
}

.fa-slideshare {
    --fa: "\f1e7";
}

.fa-twitch {
    --fa: "\f1e8";
}

.fa-yelp {
    --fa: "\f1e9";
}

.fa-paypal {
    --fa: "\f1ed";
}

.fa-google-wallet {
    --fa: "\f1ee";
}

.fa-cc-visa {
    --fa: "\f1f0";
}

.fa-cc-mastercard {
    --fa: "\f1f1";
}

.fa-cc-discover {
    --fa: "\f1f2";
}

.fa-cc-amex {
    --fa: "\f1f3";
}

.fa-cc-paypal {
    --fa: "\f1f4";
}

.fa-cc-stripe {
    --fa: "\f1f5";
}

.fa-lastfm {
    --fa: "\f202";
}

.fa-square-lastfm {
    --fa: "\f203";
}

.fa-lastfm-square {
    --fa: "\f203";
}

.fa-ioxhost {
    --fa: "\f208";
}

.fa-angellist {
    --fa: "\f209";
}

.fa-buysellads {
    --fa: "\f20d";
}

.fa-connectdevelop {
    --fa: "\f20e";
}

.fa-dashcube {
    --fa: "\f210";
}

.fa-forumbee {
    --fa: "\f211";
}

.fa-leanpub {
    --fa: "\f212";
}

.fa-sellsy {
    --fa: "\f213";
}

.fa-shirtsinbulk {
    --fa: "\f214";
}

.fa-simplybuilt {
    --fa: "\f215";
}

.fa-skyatlas {
    --fa: "\f216";
}

.fa-pinterest-p {
    --fa: "\f231";
}

.fa-whatsapp {
    --fa: "\f232";
}

.fa-viacoin {
    --fa: "\f237";
}

.fa-medium {
    --fa: "\f23a";
}

.fa-medium-m {
    --fa: "\f23a";
}

.fa-y-combinator {
    --fa: "\f23b";
}

.fa-optin-monster {
    --fa: "\f23c";
}

.fa-opencart {
    --fa: "\f23d";
}

.fa-expeditedssl {
    --fa: "\f23e";
}

.fa-cc-jcb {
    --fa: "\f24b";
}

.fa-cc-diners-club {
    --fa: "\f24c";
}

.fa-creative-commons {
    --fa: "\f25e";
}

.fa-gg {
    --fa: "\f260";
}

.fa-gg-circle {
    --fa: "\f261";
}

.fa-odnoklassniki {
    --fa: "\f263";
}

.fa-square-odnoklassniki {
    --fa: "\f264";
}

.fa-odnoklassniki-square {
    --fa: "\f264";
}

.fa-get-pocket {
    --fa: "\f265";
}

.fa-wikipedia-w {
    --fa: "\f266";
}

.fa-safari {
    --fa: "\f267";
}

.fa-chrome {
    --fa: "\f268";
}

.fa-firefox {
    --fa: "\f269";
}

.fa-opera {
    --fa: "\f26a";
}

.fa-internet-explorer {
    --fa: "\f26b";
}

.fa-contao {
    --fa: "\f26d";
}

.fa-500px {
    --fa: "\f26e";
}

.fa-amazon {
    --fa: "\f270";
}

.fa-houzz {
    --fa: "\f27c";
}

.fa-vimeo-v {
    --fa: "\f27d";
}

.fa-black-tie {
    --fa: "\f27e";
}

.fa-fonticons {
    --fa: "\f280";
}

.fa-reddit-alien {
    --fa: "\f281";
}

.fa-edge {
    --fa: "\f282";
}

.fa-codiepie {
    --fa: "\f284";
}

.fa-modx {
    --fa: "\f285";
}

.fa-fort-awesome {
    --fa: "\f286";
}

.fa-usb {
    --fa: "\f287";
}

.fa-product-hunt {
    --fa: "\f288";
}

.fa-mixcloud {
    --fa: "\f289";
}

.fa-scribd {
    --fa: "\f28a";
}

.fa-bluetooth {
    --fa: "\f293";
}

.fa-bluetooth-b {
    --fa: "\f294";
}

.fa-gitlab {
    --fa: "\f296";
}

.fa-wpbeginner {
    --fa: "\f297";
}

.fa-wpforms {
    --fa: "\f298";
}

.fa-envira {
    --fa: "\f299";
}

.fa-glide {
    --fa: "\f2a5";
}

.fa-glide-g {
    --fa: "\f2a6";
}

.fa-viadeo {
    --fa: "\f2a9";
}

.fa-square-viadeo {
    --fa: "\f2aa";
}

.fa-viadeo-square {
    --fa: "\f2aa";
}

.fa-snapchat {
    --fa: "\f2ab";
}

.fa-snapchat-ghost {
    --fa: "\f2ab";
}

.fa-square-snapchat {
    --fa: "\f2ad";
}

.fa-snapchat-square {
    --fa: "\f2ad";
}

.fa-pied-piper {
    --fa: "\f2ae";
}

.fa-first-order {
    --fa: "\f2b0";
}

.fa-yoast {
    --fa: "\f2b1";
}

.fa-themeisle {
    --fa: "\f2b2";
}

.fa-google-plus {
    --fa: "\f2b3";
}

.fa-font-awesome {
    --fa: "\f2b4";
}

.fa-font-awesome-flag {
    --fa: "\f2b4";
}

.fa-font-awesome-logo-full {
    --fa: "\f2b4";
}

.fa-linode {
    --fa: "\f2b8";
}

.fa-quora {
    --fa: "\f2c4";
}

.fa-free-code-camp {
    --fa: "\f2c5";
}

.fa-telegram {
    --fa: "\f2c6";
}

.fa-telegram-plane {
    --fa: "\f2c6";
}

.fa-bandcamp {
    --fa: "\f2d5";
}

.fa-grav {
    --fa: "\f2d6";
}

.fa-etsy {
    --fa: "\f2d7";
}

.fa-imdb {
    --fa: "\f2d8";
}

.fa-ravelry {
    --fa: "\f2d9";
}

.fa-sellcast {
    --fa: "\f2da";
}

.fa-superpowers {
    --fa: "\f2dd";
}

.fa-wpexplorer {
    --fa: "\f2de";
}

.fa-meetup {
    --fa: "\f2e0";
}

.fa-square-font-awesome-stroke {
    --fa: "\f35c";
}

.fa-font-awesome-alt {
    --fa: "\f35c";
}

.fa-accessible-icon {
    --fa: "\f368";
}

.fa-accusoft {
    --fa: "\f369";
}

.fa-adversal {
    --fa: "\f36a";
}

.fa-affiliatetheme {
    --fa: "\f36b";
}

.fa-algolia {
    --fa: "\f36c";
}

.fa-amilia {
    --fa: "\f36d";
}

.fa-angrycreative {
    --fa: "\f36e";
}

.fa-app-store {
    --fa: "\f36f";
}

.fa-app-store-ios {
    --fa: "\f370";
}

.fa-apper {
    --fa: "\f371";
}

.fa-asymmetrik {
    --fa: "\f372";
}

.fa-audible {
    --fa: "\f373";
}

.fa-avianex {
    --fa: "\f374";
}

.fa-aws {
    --fa: "\f375";
}

.fa-bimobject {
    --fa: "\f378";
}

.fa-bitcoin {
    --fa: "\f379";
}

.fa-bity {
    --fa: "\f37a";
}

.fa-blackberry {
    --fa: "\f37b";
}

.fa-blogger {
    --fa: "\f37c";
}

.fa-blogger-b {
    --fa: "\f37d";
}

.fa-buromobelexperte {
    --fa: "\f37f";
}

.fa-centercode {
    --fa: "\f380";
}

.fa-cloudscale {
    --fa: "\f383";
}

.fa-cloudsmith {
    --fa: "\f384";
}

.fa-cloudversify {
    --fa: "\f385";
}

.fa-cpanel {
    --fa: "\f388";
}

.fa-css3-alt {
    --fa: "\f38b";
}

.fa-cuttlefish {
    --fa: "\f38c";
}

.fa-d-and-d {
    --fa: "\f38d";
}

.fa-deploydog {
    --fa: "\f38e";
}

.fa-deskpro {
    --fa: "\f38f";
}

.fa-digital-ocean {
    --fa: "\f391";
}

.fa-discord {
    --fa: "\f392";
}

.fa-discourse {
    --fa: "\f393";
}

.fa-dochub {
    --fa: "\f394";
}

.fa-docker {
    --fa: "\f395";
}

.fa-draft2digital {
    --fa: "\f396";
}

.fa-square-dribbble {
    --fa: "\f397";
}

.fa-dribbble-square {
    --fa: "\f397";
}

.fa-dyalog {
    --fa: "\f399";
}

.fa-earlybirds {
    --fa: "\f39a";
}

.fa-erlang {
    --fa: "\f39d";
}

.fa-facebook-f {
    --fa: "\f39e";
}

.fa-facebook-messenger {
    --fa: "\f39f";
}

.fa-firstdraft {
    --fa: "\f3a1";
}

.fa-fonticons-fi {
    --fa: "\f3a2";
}

.fa-fort-awesome-alt {
    --fa: "\f3a3";
}

.fa-freebsd {
    --fa: "\f3a4";
}

.fa-gitkraken {
    --fa: "\f3a6";
}

.fa-gofore {
    --fa: "\f3a7";
}

.fa-goodreads {
    --fa: "\f3a8";
}

.fa-goodreads-g {
    --fa: "\f3a9";
}

.fa-google-drive {
    --fa: "\f3aa";
}

.fa-google-play {
    --fa: "\f3ab";
}

.fa-gripfire {
    --fa: "\f3ac";
}

.fa-grunt {
    --fa: "\f3ad";
}

.fa-gulp {
    --fa: "\f3ae";
}

.fa-square-hacker-news {
    --fa: "\f3af";
}

.fa-hacker-news-square {
    --fa: "\f3af";
}

.fa-hire-a-helper {
    --fa: "\f3b0";
}

.fa-hotjar {
    --fa: "\f3b1";
}

.fa-hubspot {
    --fa: "\f3b2";
}

.fa-itunes {
    --fa: "\f3b4";
}

.fa-itunes-note {
    --fa: "\f3b5";
}

.fa-jenkins {
    --fa: "\f3b6";
}

.fa-joget {
    --fa: "\f3b7";
}

.fa-js {
    --fa: "\f3b8";
}

.fa-square-js {
    --fa: "\f3b9";
}

.fa-js-square {
    --fa: "\f3b9";
}

.fa-keycdn {
    --fa: "\f3ba";
}

.fa-kickstarter {
    --fa: "\f3bb";
}

.fa-square-kickstarter {
    --fa: "\f3bb";
}

.fa-kickstarter-k {
    --fa: "\f3bc";
}

.fa-laravel {
    --fa: "\f3bd";
}

.fa-line {
    --fa: "\f3c0";
}

.fa-lyft {
    --fa: "\f3c3";
}

.fa-magento {
    --fa: "\f3c4";
}

.fa-medapps {
    --fa: "\f3c6";
}

.fa-medrt {
    --fa: "\f3c8";
}

.fa-microsoft {
    --fa: "\f3ca";
}

.fa-mix {
    --fa: "\f3cb";
}

.fa-mizuni {
    --fa: "\f3cc";
}

.fa-monero {
    --fa: "\f3d0";
}

.fa-napster {
    --fa: "\f3d2";
}

.fa-node-js {
    --fa: "\f3d3";
}

.fa-npm {
    --fa: "\f3d4";
}

.fa-ns8 {
    --fa: "\f3d5";
}

.fa-nutritionix {
    --fa: "\f3d6";
}

.fa-page4 {
    --fa: "\f3d7";
}

.fa-palfed {
    --fa: "\f3d8";
}

.fa-patreon {
    --fa: "\f3d9";
}

.fa-periscope {
    --fa: "\f3da";
}

.fa-phabricator {
    --fa: "\f3db";
}

.fa-phoenix-framework {
    --fa: "\f3dc";
}

.fa-playstation {
    --fa: "\f3df";
}

.fa-pushed {
    --fa: "\f3e1";
}

.fa-python {
    --fa: "\f3e2";
}

.fa-red-river {
    --fa: "\f3e3";
}

.fa-wpressr {
    --fa: "\f3e4";
}

.fa-rendact {
    --fa: "\f3e4";
}

.fa-replyd {
    --fa: "\f3e6";
}

.fa-resolving {
    --fa: "\f3e7";
}

.fa-rocketchat {
    --fa: "\f3e8";
}

.fa-rockrms {
    --fa: "\f3e9";
}

.fa-schlix {
    --fa: "\f3ea";
}

.fa-searchengin {
    --fa: "\f3eb";
}

.fa-servicestack {
    --fa: "\f3ec";
}

.fa-sistrix {
    --fa: "\f3ee";
}

.fa-speakap {
    --fa: "\f3f3";
}

.fa-staylinked {
    --fa: "\f3f5";
}

.fa-steam-symbol {
    --fa: "\f3f6";
}

.fa-sticker-mule {
    --fa: "\f3f7";
}

.fa-studiovinari {
    --fa: "\f3f8";
}

.fa-supple {
    --fa: "\f3f9";
}

.fa-uber {
    --fa: "\f402";
}

.fa-uikit {
    --fa: "\f403";
}

.fa-uniregistry {
    --fa: "\f404";
}

.fa-untappd {
    --fa: "\f405";
}

.fa-ussunnah {
    --fa: "\f407";
}

.fa-vaadin {
    --fa: "\f408";
}

.fa-viber {
    --fa: "\f409";
}

.fa-vimeo {
    --fa: "\f40a";
}

.fa-vnv {
    --fa: "\f40b";
}

.fa-square-whatsapp {
    --fa: "\f40c";
}

.fa-whatsapp-square {
    --fa: "\f40c";
}

.fa-whmcs {
    --fa: "\f40d";
}

.fa-wordpress-simple {
    --fa: "\f411";
}

.fa-xbox {
    --fa: "\f412";
}

.fa-yandex {
    --fa: "\f413";
}

.fa-yandex-international {
    --fa: "\f414";
}

.fa-apple-pay {
    --fa: "\f415";
}

.fa-cc-apple-pay {
    --fa: "\f416";
}

.fa-fly {
    --fa: "\f417";
}

.fa-node {
    --fa: "\f419";
}

.fa-osi {
    --fa: "\f41a";
}

.fa-react {
    --fa: "\f41b";
}

.fa-autoprefixer {
    --fa: "\f41c";
}

.fa-less {
    --fa: "\f41d";
}

.fa-sass {
    --fa: "\f41e";
}

.fa-vuejs {
    --fa: "\f41f";
}

.fa-angular {
    --fa: "\f420";
}

.fa-aviato {
    --fa: "\f421";
}

.fa-ember {
    --fa: "\f423";
}

.fa-gitter {
    --fa: "\f426";
}

.fa-hooli {
    --fa: "\f427";
}

.fa-strava {
    --fa: "\f428";
}

.fa-stripe {
    --fa: "\f429";
}

.fa-stripe-s {
    --fa: "\f42a";
}

.fa-typo3 {
    --fa: "\f42b";
}

.fa-amazon-pay {
    --fa: "\f42c";
}

.fa-cc-amazon-pay {
    --fa: "\f42d";
}

.fa-ethereum {
    --fa: "\f42e";
}

.fa-korvue {
    --fa: "\f42f";
}

.fa-elementor {
    --fa: "\f430";
}

.fa-square-youtube {
    --fa: "\f431";
}

.fa-youtube-square {
    --fa: "\f431";
}

.fa-flipboard {
    --fa: "\f44d";
}

.fa-hips {
    --fa: "\f452";
}

.fa-php {
    --fa: "\f457";
}

.fa-quinscape {
    --fa: "\f459";
}

.fa-readme {
    --fa: "\f4d5";
}

.fa-java {
    --fa: "\f4e4";
}

.fa-pied-piper-hat {
    --fa: "\f4e5";
}

.fa-creative-commons-by {
    --fa: "\f4e7";
}

.fa-creative-commons-nc {
    --fa: "\f4e8";
}

.fa-creative-commons-nc-eu {
    --fa: "\f4e9";
}

.fa-creative-commons-nc-jp {
    --fa: "\f4ea";
}

.fa-creative-commons-nd {
    --fa: "\f4eb";
}

.fa-creative-commons-pd {
    --fa: "\f4ec";
}

.fa-creative-commons-pd-alt {
    --fa: "\f4ed";
}

.fa-creative-commons-remix {
    --fa: "\f4ee";
}

.fa-creative-commons-sa {
    --fa: "\f4ef";
}

.fa-creative-commons-sampling {
    --fa: "\f4f0";
}

.fa-creative-commons-sampling-plus {
    --fa: "\f4f1";
}

.fa-creative-commons-share {
    --fa: "\f4f2";
}

.fa-creative-commons-zero {
    --fa: "\f4f3";
}

.fa-ebay {
    --fa: "\f4f4";
}

.fa-keybase {
    --fa: "\f4f5";
}

.fa-mastodon {
    --fa: "\f4f6";
}

.fa-r-project {
    --fa: "\f4f7";
}

.fa-researchgate {
    --fa: "\f4f8";
}

.fa-teamspeak {
    --fa: "\f4f9";
}

.fa-first-order-alt {
    --fa: "\f50a";
}

.fa-fulcrum {
    --fa: "\f50b";
}

.fa-galactic-republic {
    --fa: "\f50c";
}

.fa-galactic-senate {
    --fa: "\f50d";
}

.fa-jedi-order {
    --fa: "\f50e";
}

.fa-mandalorian {
    --fa: "\f50f";
}

.fa-old-republic {
    --fa: "\f510";
}

.fa-phoenix-squadron {
    --fa: "\f511";
}

.fa-sith {
    --fa: "\f512";
}

.fa-trade-federation {
    --fa: "\f513";
}

.fa-wolf-pack-battalion {
    --fa: "\f514";
}

.fa-hornbill {
    --fa: "\f592";
}

.fa-mailchimp {
    --fa: "\f59e";
}

.fa-megaport {
    --fa: "\f5a3";
}

.fa-nimblr {
    --fa: "\f5a8";
}

.fa-rev {
    --fa: "\f5b2";
}

.fa-shopware {
    --fa: "\f5b5";
}

.fa-squarespace {
    --fa: "\f5be";
}

.fa-themeco {
    --fa: "\f5c6";
}

.fa-weebly {
    --fa: "\f5cc";
}

.fa-wix {
    --fa: "\f5cf";
}

.fa-ello {
    --fa: "\f5f1";
}

.fa-hackerrank {
    --fa: "\f5f7";
}

.fa-kaggle {
    --fa: "\f5fa";
}

.fa-markdown {
    --fa: "\f60f";
}

.fa-neos {
    --fa: "\f612";
}

.fa-zhihu {
    --fa: "\f63f";
}

.fa-alipay {
    --fa: "\f642";
}

.fa-the-red-yeti {
    --fa: "\f69d";
}

.fa-critical-role {
    --fa: "\f6c9";
}

.fa-d-and-d-beyond {
    --fa: "\f6ca";
}

.fa-dev {
    --fa: "\f6cc";
}

.fa-fantasy-flight-games {
    --fa: "\f6dc";
}

.fa-wizards-of-the-coast {
    --fa: "\f730";
}

.fa-think-peaks {
    --fa: "\f731";
}

.fa-reacteurope {
    --fa: "\f75d";
}

.fa-artstation {
    --fa: "\f77a";
}

.fa-atlassian {
    --fa: "\f77b";
}

.fa-canadian-maple-leaf {
    --fa: "\f785";
}

.fa-centos {
    --fa: "\f789";
}

.fa-confluence {
    --fa: "\f78d";
}

.fa-dhl {
    --fa: "\f790";
}

.fa-diaspora {
    --fa: "\f791";
}

.fa-fedex {
    --fa: "\f797";
}

.fa-fedora {
    --fa: "\f798";
}

.fa-figma {
    --fa: "\f799";
}

.fa-intercom {
    --fa: "\f7af";
}

.fa-invision {
    --fa: "\f7b0";
}

.fa-jira {
    --fa: "\f7b1";
}

.fa-mendeley {
    --fa: "\f7b3";
}

.fa-raspberry-pi {
    --fa: "\f7bb";
}

.fa-redhat {
    --fa: "\f7bc";
}

.fa-sketch {
    --fa: "\f7c6";
}

.fa-sourcetree {
    --fa: "\f7d3";
}

.fa-suse {
    --fa: "\f7d6";
}

.fa-ubuntu {
    --fa: "\f7df";
}

.fa-ups {
    --fa: "\f7e0";
}

.fa-usps {
    --fa: "\f7e1";
}

.fa-yarn {
    --fa: "\f7e3";
}

.fa-airbnb {
    --fa: "\f834";
}

.fa-battle-net {
    --fa: "\f835";
}

.fa-bootstrap {
    --fa: "\f836";
}

.fa-buffer {
    --fa: "\f837";
}

.fa-chromecast {
    --fa: "\f838";
}

.fa-evernote {
    --fa: "\f839";
}

.fa-itch-io {
    --fa: "\f83a";
}

.fa-salesforce {
    --fa: "\f83b";
}

.fa-speaker-deck {
    --fa: "\f83c";
}

.fa-symfony {
    --fa: "\f83d";
}

.fa-waze {
    --fa: "\f83f";
}

.fa-yammer {
    --fa: "\f840";
}

.fa-git-alt {
    --fa: "\f841";
}

.fa-stackpath {
    --fa: "\f842";
}

.fa-cotton-bureau {
    --fa: "\f89e";
}

.fa-buy-n-large {
    --fa: "\f8a6";
}

.fa-mdb {
    --fa: "\f8ca";
}

.fa-orcid {
    --fa: "\f8d2";
}

.fa-swift {
    --fa: "\f8e1";
}

.fa-umbraco {
    --fa: "\f8e8";
}
:root,
:host {
    --fa-family-duotone: "Font Awesome 7 Duotone";
    --fa-font-duotone: normal 900 1em/1 var(--fa-family-duotone);
    /* deprecated: this older custom property will be removed next major release */
    --fa-style-family-duotone: var(--fa-family-duotone);
}

@font-face {
    font-family: "Font Awesome 7 Duotone";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('fa-duotone-900.4116ca0e874fe45b.woff2');
}
.fad,
.fa-duotone {
    --fa-family: var(--fa-family-duotone);
    --fa-style: 900;
    position: relative;
    letter-spacing: normal;
}

.fad::before,
.fa-duotone::before {
    position: absolute;
    color: var(--fa-primary-color, currentColor);
    opacity: var(--fa-primary-opacity, 1);
}

.fad::after,
.fa-duotone::after {
    color: var(--fa-secondary-color, currentColor);
    opacity: var(--fa-secondary-opacity, 0.4);
}

.fa-swap-opacity .fad::before,
.fa-swap-opacity .fa-duotone::before,
.fad.fa-swap-opacity::before,
.fa-duotone.fa-swap-opacity::before {
    opacity: var(--fa-secondary-opacity, 0.4);
}

.fa-swap-opacity .fad::after,
.fa-swap-opacity .fa-duotone::after,
.fad.fa-swap-opacity::after,
.fa-duotone.fa-swap-opacity::after {
    opacity: var(--fa-primary-opacity, 1);
}

.fad.fa-li,
.fa-duotone.fa-li,
.fad.fa-stack-1x,
.fa-duotone.fa-stack-1x,
.fad.fa-stack-2x,
.fa-duotone.fa-stack-2x {
    position: absolute;
}
:root,
:host {
    --fa-family-classic: "Font Awesome 7 Pro";
    --fa-font-light: normal 300 1em/1 var(--fa-family-classic);
    /* deprecated: this older custom property will be removed next major release */
    --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-weight: 300;
    font-display: block;
    src: url('fa-light-300.420aa3f297ea749b.woff2');
}
.fal {
    --fa-family: var(--fa-family-classic);
    --fa-style: 300;
}

.fa-classic {
    --fa-family: var(--fa-family-classic);
}

.fa-light {
    --fa-style: 300;
}
:root,
:host {
    --fa-family-classic: "Font Awesome 7 Pro";
    --fa-font-regular: normal 400 1em/1 var(--fa-family-classic);
    /* deprecated: this older custom property will be removed next major release */
    --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-weight: 400;
    font-display: block;
    src: url('fa-regular-400.06359b45dde2f19e.woff2');
}
.far {
    --fa-family: var(--fa-family-classic);
    --fa-style: 400;
}

.fa-classic {
    --fa-family: var(--fa-family-classic);
}

.fa-regular {
    --fa-style: 400;
}
:root,
:host {
    --fa-family-classic: "Font Awesome 7 Pro";
    --fa-font-solid: normal 900 1em/1 var(--fa-family-classic);
    /* deprecated: this older custom property will be removed next major release */
    --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-weight: 900;
    font-display: block;
    src: url('fa-solid-900.1c6fcab2e1f5b6e8.woff2');
}
.fas {
    --fa-family: var(--fa-family-classic);
    --fa-style: 900;
}

.fa-classic {
    --fa-family: var(--fa-family-classic);
}

.fa-solid {
    --fa-style: 900;
}
:root,
:host {
    --fa-family-classic: "Font Awesome 7 Pro";
    --fa-font-thin: normal 100 1em/1 var(--fa-family-classic);
    /* deprecated: this older custom property will be removed next major release */
    --fa-style-family-classic: var(--fa-family-classic);
}

@font-face {
    font-family: "Font Awesome 7 Pro";
    font-style: normal;
    font-weight: 100;
    font-display: block;
    src: url('fa-thin-100.8875da47ca3513f5.woff2');
}
.fat {
    --fa-family: var(--fa-family-classic);
    --fa-style: 100;
}

.fa-classic {
    --fa-family: var(--fa-family-classic);
}

.fa-thin {
    --fa-style: 100;
}
@font-face {
    font-family: "Font Awesome 5 Brands";
    font-display: block;
    font-weight: 400;
    src: url('fa-brands-400.020da233619d91be.woff2') format("woff2");
}
@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 900;
    src: url('fa-solid-900.1c6fcab2e1f5b6e8.woff2') format("woff2");
}
@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 400;
    src: url('fa-regular-400.06359b45dde2f19e.woff2') format("woff2");
}
@font-face {
    font-family: "Font Awesome 5 Pro";
    font-display: block;
    font-weight: 300;
    src: url('fa-light-300.420aa3f297ea749b.woff2') format("woff2");
}
@font-face {
    font-family: "Font Awesome 5 Duotone";
    font-display: block;
    font-weight: 900;
    src: url('fa-duotone-900.4116ca0e874fe45b.woff2') format("woff2");
}
@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url('fa-solid-900.1c6fcab2e1f5b6e8.woff2') format("woff2");
}
@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url('fa-brands-400.020da233619d91be.woff2') format("woff2");
}
@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url('fa-regular-400.06359b45dde2f19e.woff2') format("woff2");
    unicode-range:
        U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E,
        U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7,
        U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E,
        U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7,
        U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E,
        U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}
@font-face {
    font-family: "FontAwesome";
    font-display: block;
    src: url('fa-v4compatibility.cfb49e4e0ebc3260.woff2') format("woff2");
    unicode-range:
        U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2,
        U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161,
        U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}

/*
 *  Fieldforce UI Framework
 */
/*
 *  Fieldforce UI Framework
 */
/* New Colors */
/* Design Lib Color */
/* Assets Page */
/*
 *  Generic Typography
 */
h1.lighter {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

.assets-table-ui tbody tr td, .assets-table-ui thead tr th .column-selector, .gray-table.attchment-list tbody tr td .filename .name-content h6, .gray-table.fixed-header-asset thead tr th .column-selector, .hierarchical-table tbody .field-table .field-row td .add-section, .hierarchical-table tbody .field-table .field-row td .simple-text, .hierarchical-table tbody .field-table .field-row td .row-count, .hierarchical-table tbody .field-table .field-row td input[type=text], .hierarchical-table tbody .subsection-table .subsection-row td .add-section, .hierarchical-table tbody .section-table .section-row td .add-section, .hierarchical-table tbody .section-table .section-row td input[type=text]::placeholder, table.user-table.newUI.attchment-list tbody tr td .filename .name-content h6, .field-style-btn, .mat-button, .mat-stroked-button, .mat-flat-button, .calender-table .wo-pill-container .wo-pills p, .projects-table-list li .inner-table .gray-table tr.subsec-rows td .count, .projects-table-list li .inner-table .gray-table tr.subsec-rows td.value-text, .projects-table-list li .inner-table .gray-table tr td .drawer-trigger, .new-search-style .search-results-sorting .results-text .simple-link, .new-search-style .search-results-sorting .results-text .result-count, .section-seprator span, .asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .grid-select-all .mat-checkbox-layout .mat-checkbox-label, .asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text .simple-link, .asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text .result-count, .asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li a, .asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li a span, .asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li a, .asset-results-table .result-counter .simple-link, .asset-results-table .result-counter .search-count, .bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li .remove, .bigger-search-bar-secondary .search-bar .asset-search-suggestions-history h6, .bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li .remove, .bigger-search-bar-secondary .search-bar .asset-search-suggestions h6, .asset-stats-btns.task-stats-btns a .content h3, .mat-dialog-content .mat-checkbox-layout .mat-checkbox-label, .mat-dialog-content ul li,
.mat-dialog-content ol li, .mat-dialog-content p, .project-sections-main-panel.updated-ui .project-sections-left-panel ul li a, .mat-chip-list-wrapper .mat-standard-chip.mat-chip.light-font, .quick-filter-tab .tabs-group .mat-tab, .tabs-group.skyblue .mat-tab, .mat-drawer .sliderHeader h3 small .smaller, .mat-drawer .sliderHeader h3, .editable-title-container .editable-title, .badges, input,
textarea,
select, .daterangepicker th,
.daterangepicker td, body, .heading-new small, .heading-new, h2.regular, h2.bigger-light, h2 small, h1.regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
}

.alternet-gray-table tbody tr td, .gray-table.event-table thead tr th, .gray-table.attchment-list tbody tr td .filename .name-content h5, .gray-table tbody tr td .two-fields .field-left input[type=text], .hierarchical-table tbody .subsection-table .subsection-row td .simple-text, .hierarchical-table tbody .subsection-table .subsection-row td .row-count, .hierarchical-table tbody .subsection-table .subsection-row td input[type=text], .hierarchical-table tbody .section-table .section-row td .simple-text, .hierarchical-table tbody .section-table .section-row td .row-count, .hierarchical-table tbody .section-table .section-row td input[type=text], .pagination-nav .pagination-text, table.user-table.newUI.attchment-list tbody tr td .filename .name-content h5, table.user-table.newUI tbody tr td .two-fields .field-left input[type=text], .squre-btns p .area-unit, .calender-table .wo-pill-container .wo-pills h4, .map-value-list tbody tr td .list-tab li a.active, .map-value-list tbody tr td .list-tab li a.completed, .projects-table-list li .inner-table .gray-table tr td.value-text, .projects-table-list li .inner-table .gray-table tr td .count, .images-thumb .item .more, .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details .item-tags .tag, .asset-results-table .result-counter .search-word, .asset-stats-btns a .content h4, .asset-stats-btns a .content h3, .font-weight-medium, .bulk-fields-form .field-label, .bulk-fields-form .field-header, .project-sections-main-panel .project-sections-left-panel ul li a.active, .project-sections-main-panel .project-sections-left-panel ul li a.completed, .uploaded-file-box .progressbar h5, .uploaded-file-box h4, .soreted-task-title .upper-layer .date-accrodian strong, .tabs-group.skyblue .mat-tab.active, .tabs-group .mat-tab, .mat-drawer .sliderHeader h3 small, .bold-td-text, .dl-pills, .badges.round, h4.dialog, h4.new-light, h4, h3,
.h3-style, h2.updated, h2.bigger {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
}

.switch-buttons button, h1.semibold {
  font-family: "Roboto", sans-serif;
  font-weight: 600;
}

.alternet-gray-table thead tr th, .assets-table-ui thead tr th, .gray-table thead.skyBlue-head tr th,
.gray-table thead.skyBlue-head tr td,
.gray-table .gray-head-style.skyBlue-head tr th,
.gray-table .gray-head-style.skyBlue-head tr td, .gray-table thead tr th,
.gray-table thead tr td,
.gray-table .gray-head-style tr th,
.gray-table .gray-head-style tr td, .squre-btns p, .new-search-style .search-results-sorting .results-text, .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details .item-name, .asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text, .bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li .link .highlight, .bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li .link .highlight, .mat-menu-content .menu-title, .comments-area .comment-bar .comment-top-bar .name, .selectize-dropdown .optgroup-header, h4.new, h2 {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  color: #12202b;
}

h1.lighter {
  font-size: 30px;
  font-size: 2.1428571429rem;
  opacity: 0.8;
}
h1.regular {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
h1.semibold {
  font-size: 24px;
  font-size: 1.7142857143rem;
}

h2 {
  font-size: 20px;
  font-size: 1.4285714286rem;
}
h2 small {
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: block;
}
h2.bigger {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
h2.bigger-light {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
h2.updated {
  font-size: 18px;
  font-size: 1.2857142857rem;
}
h3,
.h3-style {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
h3.input-style,
.h3-style.input-style {
  padding: 2px 2px 2px 0;
  border: 1px solid transparent;
}
h3.input-style:focus,
.h3-style.input-style:focus {
  outline: none;
  border-color: #e8e8e8;
}

h4 {
  font-size: 14px;
  font-size: 1rem;
}
h4.new {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
h4.new-light {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
h4.dialog {
  font-size: 20px;
  font-size: 1.4285714286rem;
}

.heading-new {
  font-size: 20px;
  font-size: 1.4285714286rem;
  color: #000000;
  line-height: 1;
}
.heading-new.fifty-chr {
  max-width: 50ch;
  max-width: 42ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-height: 22px;
  vertical-align: top;
}
.heading-new small {
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: block;
}
.heading-new small.lighter {
  color: #727a80;
}
.heading-new small.inline {
  display: inline-block;
  vertical-align: top;
  margin-top: 4px;
}
.heading-new.input-style {
  padding: 2px 2px 2px 0;
  border: 1px solid transparent;
  margin-top: -5px;
}
.heading-new.input-style:focus {
  outline: none;
  border-color: #e8e8e8;
}

p.bigger-text {
  font-size: 18px;
  font-size: 1.2857142857rem;
}
p.medium-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
p.small-text {
  font-size: 12px;
  font-size: 0.8571428571rem;
}

html,
body {
  width: 100%;
  height: 100%;
}

html {
  font-size: 14px;
  overflow-x: hidden;
}

body {
  /*background-color: $pri-charcoal-dark;*/
  background-color: #ffffff;
  color: #12202b;
}

#ui {
  width: 100%;
  min-width: 320px;
  height: auto;
  min-height: 100%;
  padding-top: 65px;
  position: relative;
}

body.slider-open .project-sections-main-panel.inactive-view {
  opacity: 1;
}

.white-box {
  background-color: #ffffff;
}

.daterangepicker th,
.daterangepicker td {
  font-size: 12px;
  font-size: 0.8571428571rem;
}

.scrollX {
  width: 100%;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 10px;
}
.scrollX::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 10px;
  background-color: transparent;
  border: 1px solid #b1b4b6;
}
.scrollX::-webkit-scrollbar {
  height: 8px;
  background-color: #ffffff;
}
.scrollX::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #12202b;
}
.scrollX .scroll-list {
  width: max-content;
}
.scrollX .scroll-list .list-container {
  min-width: 325px;
  display: inline-block;
  vertical-align: top;
}
.scrollX.lighter::-webkit-scrollbar-track {
  border: none;
}
.scrollX.lighter::-webkit-scrollbar {
  height: 4px;
}
.scrollX.lighter::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.scrollX.lighter.scroll-visible::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}
.scrollX.lighter_updated::-webkit-scrollbar-track {
  border: none;
}
.scrollX.lighter_updated::-webkit-scrollbar {
  height: 6px;
}
.scrollX.lighter_updated::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.scrollX.lighter_updated.scroll-visible::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
}
.scrollX:hover.lighter::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}
.scrollX:hover.lighter_updated::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
}

.stop-overflow-y {
  overflow-y: hidden !important;
}

.scrollY {
  overflow-x: hidden;
  padding-right: 10px;
  overflow-y: auto;
}
.scrollY::-webkit-scrollbar-track {
  -webkit-box-shadow: none;
  border-radius: 10px;
  background-color: transparent;
  border: 1px solid #b1b4b6;
}
.scrollY::-webkit-scrollbar {
  width: 8px;
  background-color: #ffffff;
}
.scrollY::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #12202b;
}
.scrollY.scrollX {
  overflow-x: auto;
}
.scrollY.lighter::-webkit-scrollbar-track {
  border: none;
}
.scrollY.lighter::-webkit-scrollbar {
  width: 4px;
}
.scrollY.lighter::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.scrollY.lighter.scroll-visible::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}
.scrollY.lighter.faded {
  mask-image: linear-gradient(to top, transparent, #000000), linear-gradient(to left, transparent 4px, #000000 4px);
  mask-size: 100% 20000px;
  mask-position: left bottom;
  -webkit-mask-image: linear-gradient(to top, transparent, #000000), linear-gradient(to left, transparent 4px, #000000 4px);
  -webkit-mask-size: 100% 20000px;
  -webkit-mask-position: left bottom;
  transition: mask-position 0.6s ease-in-out;
}
.scrollY.lighter.faded::-webkit-scrollbar-thumb {
  background-color: #cccccc !important;
}
.scrollY.lighter_updated::-webkit-scrollbar-track {
  border: none;
}
.scrollY.lighter_updated::-webkit-scrollbar {
  width: 6px;
}
.scrollY.lighter_updated::-webkit-scrollbar-thumb {
  -webkit-box-shadow: none;
  background-color: #ffffff;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.scrollY.lighter_updated.scroll-visible::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
}
.scrollY:hover.lighter::-webkit-scrollbar-thumb {
  background-color: #cccccc;
}
.scrollY:hover.lighter.faded {
  -webkit-mask-position: left top;
}
.scrollY:hover.lighter_updated::-webkit-scrollbar-thumb {
  background-color: #aaaaaa;
}

.full-width-search .new-search-records {
  width: 100%;
}

.new-search-records {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 250px);
}
.new-search-records input[type=text] {
  border-radius: 4px;
  border: 1px solid #a1acb4;
  width: calc(100% - 250px);
  height: 46px;
  padding: 10px 50px 10px 40px;
}
.new-search-records input[type=text]:focus {
  border-color: #0077c0;
  outline: none;
}
.new-search-records .material-icons {
  position: absolute;
  left: -20px;
  color: #999da5;
  /* for search icon */
}
.new-search-records .material-icons:not(.search-cross) {
  left: 11px;
  top: 11px;
}
.new-search-records span:not(.mat-button-wrapper) {
  color: #999da5;
  display: inline-block;
  vertical-align: middle;
}
.new-search-records .simple-link {
  position: relative;
  transition: all 0.3s ease-in-out;
}
.new-search-records .simple-link:after {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  bottom: 2px;
  left: 0;
  height: 1px;
  width: 0;
  opacity: 0;
  background-color: #0077c0;
}
.new-search-records .simple-link:hover {
  text-decoration: none;
}
.new-search-records .simple-link:hover:after {
  width: 100%;
  opacity: 1;
}
.new-search-records .show-advance-filters {
  border-radius: 3px !important;
  margin-left: -42px;
  top: 1px;
  height: 36px;
  width: 36px;
  overflow: hidden;
  margin-right: 10px;
  position: relative;
  background-color: rgba(201, 201, 201, 0.2);
  color: #b2b5bb;
  transition: background-color 0.3s ease-in-out;
}
.new-search-records .show-advance-filters mat-icon {
  transition: color 0.3s ease-in-out;
}
.new-search-records .show-advance-filters:hover {
  background-color: #0077c0;
}
.new-search-records .show-advance-filters:hover mat-icon {
  color: #ffffff;
}

.table-tabs-container .mat-tab-label-active .mat-tab-label-content {
  color: #0093ff !important;
}
.table-tabs-container .mat-tab-group.mat-primary .mat-ink-bar {
  background-color: #0093ff !important;
}
.table-tabs-container .mat-tab-group .mat-tab-label-container .mat-tab-label-active {
  opacity: 1;
}
.table-tabs-container .task-search-bar {
  margin-top: 15px;
}
.table-tabs-container .new-search-records {
  width: calc(100% - 150px) !important;
}

.search-clear-icon .new-search-records {
  width: calc(100% - 300px);
}
.search-clear-icon .new-search-records input[type=text] {
  width: calc(100% - 186px);
}
.search-clear-icon .new-search-records .simple-link {
  font-family: "Font Awesome 5 Pro";
  font-weight: 400;
  font-size: 0px;
  font-size: 0rem;
}
.search-clear-icon .new-search-records .simple-link:before {
  content: "\f2ed";
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.search-clear-icon .new-search-records .simple-link:after {
  display: none;
}

.full-search-bar .new-search-records {
  width: 100%;
}
.full-search-bar .new-search-records input[type=text] {
  width: calc(100% - 190px);
}
.small-search-bar .new-search-records {
  width: calc(100% - 350px);
}

.exclamation-notify {
  display: inline-block;
  vertical-align: top;
  margin-top: -8px;
}

.blue-bg {
  background-color: #f3f7fa;
}

.border-line {
  position: relative;
  margin-top: 15px;
}
.border-line:after {
  content: "";
  width: 106px;
  height: 1px;
  background-color: #000;
  position: absolute;
  bottom: 28px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.btn-dropdown {
  margin-top: 6px;
}

.searchable-select .selectize-input {
  border-color: #b1b4b6;
  border-radius: 0;
  padding: 5px;
  font-size: 13px;
  font-size: 0.9285714286rem;
  box-shadow: none;
  line-height: 16px;
  vertical-align: middle;
  background: #ffffff url('search-icon.8f72dd01d3305799.svg') no-repeat calc(100% - 6px) 6px;
  background-size: 15px;
  padding-right: 26px !important;
}
.searchable-select .selectize-input.disabled {
  cursor: not-allowed !important;
  background-color: #e5e5e5;
  border: 1px solid rgba(0, 0, 0, 0.15);
  opacity: 1;
}
.searchable-select .selectize-input.input-active {
  background: #ffffff url('search-icon.8f72dd01d3305799.svg') no-repeat calc(100% - 6px) 6px !important;
  background-size: 15px !important;
}
.searchable-select .selectize-input:after {
  display: none !important;
}

.searchable-select-clear {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  right: 10px;
  top: 1px;
  z-index: 2;
  cursor: pointer;
  background-color: #ffffff;
  width: 30px;
  height: 30px;
  text-align: center;
}
.searchable-select-clear .material-icons {
  color: #b1b4b6;
  font-size: 19px;
  font-size: 1.3571428571rem;
  line-height: 32px;
}
.searchable-select-clear.active {
  opacity: 1;
  visibility: visible;
}

.simple-list li {
  display: list-item !important;
}

.app-selection {
  color: #b1b4b6;
  cursor: pointer;
}
.app-selection.active {
  color: #0077c0;
}

.email-selection {
  color: #b1b4b6;
  cursor: pointer;
}
.email-selection.active {
  color: #0077c0;
}

.favorite-selection {
  color: #b1b4b6;
  cursor: pointer;
}
.favorite-selection.active {
  color: #f8d43f;
}

.scroll-top-btn {
  position: fixed;
  padding: 6px;
  background-color: #0077c0;
  color: #ffffff;
  right: -60px;
  bottom: 10px;
  height: 36px;
  z-index: 100;
  opacity: 0;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0);
  transition: all 0.2s ease-in-out;
}
.scroll-top-btn.show {
  opacity: 0.7;
  right: 8px;
}
.scroll-top-btn:hover, .scroll-top-btn:focus {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  opacity: 1;
  color: #ffffff;
}

.scroll-top-btn2 {
  position: fixed;
  padding: 6px;
  background-color: #0077c0;
  color: #ffffff;
  right: -60px;
  bottom: 31px;
  height: 36px;
  z-index: 100;
  opacity: 0;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0);
  transition: opacity 0.3s ease-in-out;
}
.scroll-top-btn2.show {
  opacity: 0.7;
  right: 276px;
}
.scroll-top-btn2:hover, .scroll-top-btn2:focus {
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
  opacity: 1;
  color: #ffffff;
}

.required-field {
  position: relative;
}
.required-field:after {
  content: "warning";
  font-family: "Material Icons";
  color: #f8d43f;
  position: absolute;
  right: 10px;
  top: 5px;
  font-size: 21px;
  font-size: 1.5rem;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.required-field .not-saved {
  position: absolute;
  padding: 8px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  top: -100%;
  right: 0;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  background-color: #ffffff;
  color: #12202b;
  border: 1px solid #e5e5e5;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.3);
}
.required-field .not-saved:after {
  content: "";
  position: absolute;
  bottom: -5px;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  transform: rotate(45deg);
  left: 6px;
  width: 10px;
  height: 10px;
  background-color: #ffffff;
}
.required-field.active input[type=text] {
  /*border-color: $color-red !important;*/
}
.required-field.active:after {
  opacity: 1;
}
.required-field.active .not-saved {
  opacity: 1;
}

.notices {
  padding: 10px;
  border: 1px solid #0077c0;
  background-color: #f3f7fa;
}
.notices .icon {
  width: 24px;
  display: inline-block;
  vertical-align: top;
  margin-right: 4px;
}
.notices .icon .material-icons {
  color: #0077c0;
}
.notices .content {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 32px);
}
.notices .content h4,
.notices .content p {
  margin-bottom: 0;
}

.col-xxl-4 {
  padding-right: 8px;
  padding-left: 8px;
  position: relative;
  width: 100%;
  min-height: 1px;
}
@media only screen and (min-width: 1600px) {
  .col-xxl-4 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}
@media only screen and (max-width: 1400px) {
  .col-xxl-4 {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

.switch {
  font-size: 1rem;
  position: relative;
}
.switch input {
  position: absolute;
  height: 1px;
  width: 1px;
  background: none;
  border: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  overflow: hidden;
  padding: 0;
}
.switch input + label {
  position: relative;
  min-width: calc(calc(2.375rem * 0.8) * 2);
  border-radius: calc(2.375rem * 0.8);
  height: calc(2.375rem * 0.8);
  line-height: calc(2.375rem * 0.8);
  display: inline-block;
  cursor: pointer;
  outline: none;
  -webkit-user-select: none;
          user-select: none;
  vertical-align: middle;
  text-indent: calc((calc(2.375rem * 0.8) * 2) + 0.5rem);
}
.switch input + label::before,
.switch input + label::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(calc(2.375rem * 0.8) * 2);
  bottom: 0;
  display: block;
}
.switch input + label::before {
  right: 0;
  background-color: #dee2e6;
  border-radius: calc(2.375rem * 0.8);
  transition: 0.2s all;
}
.switch input + label::after {
  top: 2px;
  left: 2px;
  width: calc(calc(2.375rem * 0.8) - calc(2px * 2));
  height: calc(calc(2.375rem * 0.8) - calc(2px * 2));
  border-radius: 50%;
  background-color: white;
  transition: 0.2s all;
}
.switch input:checked + label::before {
  background-color: #08d;
}
.switch input:checked + label::after {
  margin-left: calc(2.375rem * 0.8);
}
.switch input:focus + label::before {
  outline: none;
  /*box-shadow: $switch-focus-box-shadow;*/
}
.switch input:disabled + label {
  color: #868e96;
  cursor: not-allowed;
}
.switch input:disabled + label::before {
  background-color: #e9ecef;
}
.switch input:disabled:checked + label {
  color: rgba(0, 136, 221, 0.5);
}
.switch input:disabled:checked + label::before {
  background-color: rgba(0, 136, 221, 0.5);
}
.switch.switch-sm {
  font-size: 0.875rem;
}
.switch.switch-sm input + label {
  min-width: calc(calc(1.9375rem * 0.8) * 2);
  height: calc(1.9375rem * 0.8);
  line-height: calc(1.9375rem * 0.8);
  text-indent: calc((calc(1.9375rem * 0.8) * 2) + 0.5rem);
}
.switch.switch-sm input + label::before {
  width: calc(calc(1.9375rem * 0.8) * 2);
}
.switch.switch-sm input + label::after {
  width: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
  height: calc(calc(1.9375rem * 0.8) - calc(2px * 2));
}
.switch.switch-sm input:checked + label::after {
  margin-left: calc(1.9375rem * 0.8);
}
.switch.switch-lg {
  font-size: 1.25rem;
}
.switch.switch-lg input + label {
  min-width: calc(calc(3rem * 0.8) * 2);
  height: calc(3rem * 0.8);
  line-height: calc(3rem * 0.8);
  text-indent: calc((calc(3rem * 0.8) * 2) + 0.5rem);
}
.switch.switch-lg input + label::before {
  width: calc(calc(3rem * 0.8) * 2);
}
.switch.switch-lg input + label::after {
  width: calc(calc(3rem * 0.8) - calc(2px * 2));
  height: calc(calc(3rem * 0.8) - calc(2px * 2));
}
.switch.switch-lg input:checked + label::after {
  margin-left: calc(3rem * 0.8);
}
.switch + .switch {
  margin-left: 1rem;
}

.notification-bubble {
  background-color: #ffffff;
  position: fixed;
  max-width: 250px;
  z-index: 99;
  box-shadow: 4px 4px 8px 0px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease-in-out;
}
.notification-bubble.left {
  left: -100%;
}
.notification-bubble.left.active {
  left: 0;
}
.notification-bubble.bottom {
  top: 88vh;
}
.notification-bubble .header-strip {
  width: 100%;
  height: 6px;
  background: #7c94a4; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #7c94a4 0%, #377db8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7c94a4", endColorstr="#377db8", GradientType=1); /* IE6-9 */
}
.notification-bubble .close-bubble {
  position: absolute;
  right: 6px;
  top: 14px;
}
.notification-bubble .close-bubble .material-icons {
  color: #b1b4b6;
  font-size: 19px;
  font-size: 1.3571428571rem;
}
.notification-bubble p {
  padding: 10px 30px 10px 10px;
  margin-bottom: 0;
  font-size: 12px;
  font-size: 0.8571428571rem;
  /*color: $color-text;*/
}

.tab-list-text {
  border-bottom: 1px solid #e5e5e5;
}
.tab-list-text ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.tab-list-text ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 6px;
}
.tab-list-text ul li:first-child {
  margin-left: 0;
}
.tab-list-text ul li a {
  display: inline-block;
  position: relative;
  padding-bottom: 10px;
  color: #b1b4b6;
  font-size: 13px;
  font-size: 0.9285714286rem;
  font-weight: 500;
}
.tab-list-text ul li a:after {
  content: "";
  background-color: #e5e5e5;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
}
.tab-list-text ul li a:hover, .tab-list-text ul li a:focus {
  text-decoration: none;
  color: #7f7f7f;
}
.tab-list-text ul li a:hover:after, .tab-list-text ul li a:focus:after {
  opacity: 1;
}
.tab-list-text ul li a.active {
  color: #0077c0;
}
.tab-list-text ul li a.active:after {
  background-color: #0077c0;
  opacity: 1;
}

.tooltip-inner {
  text-align: left;
  max-width: 300px;
}

.top-bordered {
  border-top: 1px solid #e5e5e5;
}

.export-link {
  color: #ffffff;
}
.export-link .material-icons {
  vertical-align: bottom !important;
}
.export-link.invert-icon .material-icons {
  margin-right: 0 !important;
  transform: rotateY(180deg);
}
.export-link:hover, .export-link:focus {
  color: #ffffff;
}

.saving-icons {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.saving-icons .saving {
  display: inline-block;
  vertical-align: top;
  color: #0077c0;
}
.saving-icons .saving .saving-anim {
  display: inline-block;
  vertical-align: middle;
  margin-top: -2px;
}
.saving-icons .saving .saving-anim img {
  width: 26px;
}
.saving-icons .saved {
  display: inline-block;
  vertical-align: top;
  color: #5ab78a;
}
.saving-icons .saved .material-icons {
  font-size: 19px;
  font-size: 1.3571428571rem;
  color: #5ab78a;
  vertical-align: sub;
}

.vertical-bottom {
  align-items: flex-end;
  display: flex;
}

.input-tags + .selectize-control.multi .selectize-input .item {
  text-shadow: 0 1px 0 rgba(0, 51, 83, 0.3);
  background-image: linear-gradient(to bottom, #1da7ee, #178ee9);
  background-repeat: repeat-x;
  border-radius: 3px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff1da7ee", endColorstr="#ff178ee9", GradientType=0);
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), inset 0 1px rgba(255, 255, 255, 0.03);
  padding: 2px 6px;
  margin: 0 3px 3px 0;
  color: #ffffff;
  cursor: pointer;
  background: #1da7ee;
  border: 1px solid #0073bb;
}
.input-tags + .selectize-control.multi .selectize-input .item.active {
  background-color: #0085d4;
  background-image: linear-gradient(to bottom, #008fd8, #0075cf);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ff008fd8", endColorstr="#ff0075cf", GradientType=0);
}

.multiple-select + .btn-group {
  width: 100%;
}
.multiple-select + .btn-group .multiselect {
  width: 100%;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #b1b4b6;
  color: #464a4c;
}
.multiple-select + .btn-group .multiselect:after {
  position: absolute;
  right: 10px;
  top: 14px;
}
.multiple-select + .btn-group .multiselect-container {
  width: 100%;
}
.multiple-select + .btn-group .multiselect-container li a label {
  width: 100%;
  padding: 4px 10px;
  justify-content: flex-start;
  color: #464a4c;
}
.multiple-select + .btn-group .multiselect-container li a label input[type=checkbox] {
  margin-left: 0;
  margin-bottom: 0;
  margin-right: 4px;
}
.multiple-select + .btn-group .multiselect-container li a:hover {
  text-decoration: none;
}

.text-blue {
  color: #0077c0;
}

.no-document-icon {
  display: block;
}
.no-document-icon img {
  width: 60px;
}

.access-right-icons .material-icons {
  vertical-align: middle;
}
.access-right-icons.gray-icon {
  color: #a1acb4 !important;
}
.access-right-icons.green-icon {
  color: #5ab78a !important;
}

.refresh-msg {
  color: #35393c;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.refresh-msg .material-icons {
  vertical-align: top;
}

.no-bid-container {
  text-align: center;
  padding: 100px 50px;
}
.no-bid-container img {
  margin-bottom: 20px;
}
.no-bid-container h3 {
  font-size: 24px;
  color: #727a80;
}

/* Text Colors */
.white-text {
  color: #ffffff !important;
}

.green-text {
  color: #5ab78a !important;
}

.blue-text {
  color: #0077c0 !important;
}

.skyblue-text {
  color: #0093ff !important;
}

.red-text {
  color: #df6b51 !important;
}

.error-text {
  color: #eb2f2f !important;
}

.gray-text {
  color: #b1b4b6 !important;
}

.as-gray-text {
  color: #444444 !important;
}

.lighterGray-text {
  color: #999da5 !important;
}

.darkgray-text {
  color: #676c79 !important;
}

.lightGray-text {
  color: #707070 !important;
}

.black-text {
  color: #000000 !important;
}

.orange-text {
  color: #ff8300 !important;
}

.deactive-bg {
  background-color: #e2e2ea;
}

.info-tip {
  padding: 10px;
  border-bottom: 2px solid #b1b4b6;
}
.info-tip.yellow {
  background-color: #fcfbed;
}

.no-user-msg {
  width: 40%;
  margin: 0 auto;
  padding: 2% 0;
}
.no-user-msg .material-icons {
  font-size: 50px;
  font-size: 3.5714285714rem;
}

.characters-number {
  margin-bottom: 0;
  position: relative;
  top: -18px;
  color: #a4a4a4;
}

.gray-links {
  color: #b1b4b6;
  transition: color 0.3s ease-in-out;
}
.gray-links:hover {
  color: #0077c0;
  text-decoration: none;
}

.sort-new {
  cursor: pointer;
  display: inline-block;
  font-size: 18px;
  font-size: 1.2857142857rem;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.sort-new.asc {
  vertical-align: sub;
}
.sort-new.desc {
  vertical-align: middle;
}
.sort-new.sorted {
  opacity: 1;
}

.badges {
  display: inline-block;
  font-size: 14px;
  font-size: 1rem;
  padding: 2px 10px;
  border-radius: 16px;
  color: #ffffff;
  /*cursor: pointer;*/
}
.badges.smaller {
  padding: 0 6px;
  font-size: 10px;
  font-size: 0.7142857143rem;
}
.badges.pointer {
  cursor: pointer;
}
.badges.round {
  border-radius: 50%;
  height: 30px;
  width: 30px;
  line-height: 32px;
  padding: 0;
  text-align: center;
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.badges.round.bigger {
  height: 34px;
  width: 34px;
  line-height: 34px;
  font-size: 14px;
  font-size: 1rem;
}
.badges.round.tiny {
  height: 12px;
  width: 12px;
  line-height: 12px;
  font-size: 8px;
  font-size: 0.5714285714rem;
}
.badges.round.smaller {
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 11px;
  font-size: 0.7857142857rem;
}
.badges.green {
  background-color: #5ab78a;
}
.badges.blue {
  background-color: #0077c0;
}
.badges.red {
  background-color: #df6b51;
}
.badges.orange {
  background-color: #ff8300;
}
.badges.yellow {
  background-color: #f8d43f;
}
.badges.pink {
  background-color: #ec6591;
}
.badges.gray {
  background-color: #7c94a4;
}
.badges.gray-lighter {
  background-color: #a8bece;
}
.badges.cyan {
  background-color: #64cddb;
}
.badges.purple {
  background-color: #c27aeb;
}
.badges.sky-blue {
  background-color: #0093ff;
}
.badges.peach {
  background-color: #ffc7c0;
}
.badges.black {
  background-color: #1a2235;
}
.badges.weeks-style {
  background-color: #f7f8fc;
  border: 1px solid #ccced2;
  color: #596174;
}
.badges.outline {
  background-color: transparent;
  border: 1px solid transparent;
}
.badges.outline.green {
  border-color: #5ab78a;
  color: #5ab78a;
}
.badges.outline.blue {
  border-color: #0077c0;
  color: #0077c0;
}
.badges.outline.red {
  border-color: #df6b51;
  color: #df6b51;
}
.badges.outline.orange {
  border-color: #ff8300;
  color: #ff8300;
}
.badges.outline.yellow {
  border-color: #f8d43f;
  color: #f8d43f;
}
.badges.outline.pink {
  border-color: #ec6591;
  color: #ec6591;
}
.badges.outline.gray {
  border-color: #7c94a4;
  color: #7c94a4;
}
.badges.outline.cyan {
  border-color: #64cddb;
  color: #64cddb;
}
.badges.outline.purple {
  border-color: #9eb9de;
  color: #9eb9de;
}
.badges:hover {
  text-decoration: none;
  color: #ffffff !important;
}
.badges:hover.weeks-style {
  color: #596174 !important;
}
.badges:hover.outline.green {
  color: #5ab78a !important;
}
.badges:hover.outline.blue {
  color: #0077c0 !important;
}
.badges:hover.outline.red {
  color: #df6b51 !important;
}
.badges:hover.outline.orange {
  color: #ff8300 !important;
}
.badges:hover.outline.gray {
  color: #7c94a4 !important;
}
.badges:hover.outline.cyan {
  color: #64cddb !important;
}
.badges:hover.outline.purple {
  color: #9eb9de !important;
}

.dl-pills {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1;
  color: #ffffff;
  border-radius: 23px;
  background-color: #0077c0;
  min-width: 118px;
  padding: 15px 24px;
  text-align: center;
}
.dl-pills.medium {
  border-radius: 18px;
  padding: 10px 24px;
}
.dl-pills.small {
  min-width: 85px;
  font-size: 14px;
  font-size: 1rem;
  border-radius: 14px;
  padding: 7px 14px;
}
.dl-pills.smaller {
  min-width: 70px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  border-radius: 14px;
  padding: 6px 14px;
}
.dl-pills.sky-blue {
  background-color: #0093ff;
}
.dl-pills.gray {
  background-color: #a8bece;
}
.dl-pills.blue {
  background-color: #0077c0;
}
.dl-pills.green {
  background-color: #5ab78a;
}
.dl-pills.red {
  background-color: #ff4a56;
}
.dl-pills.outline {
  background-color: transparent;
  border: 1px solid #0077c0;
  padding: 13px 24px;
  color: #0077c0;
}
.dl-pills.outline.medium {
  padding: 8px 24px;
}
.dl-pills.outline.small {
  padding: 5px 14px;
}
.dl-pills.outline.smaller {
  padding: 4px 14px;
}
.dl-pills.outline.sky-blue {
  border-color: #0093ff;
  color: #0093ff;
}
.dl-pills.outline.gray {
  border-color: #a8bece;
  color: #a8bece;
}
.dl-pills.outline.green {
  border-color: #5ab78a;
  color: #5ab78a;
}
.dl-pills.outline.red {
  border-color: #ff4a56;
  color: #ff4a56;
}

.no-style-font {
  font-style: normal;
}

.no-data-table {
  padding: 50px 0;
  text-align: center;
  color: #b1b4b6;
}
.no-data-table .main-icon {
  font-size: 56px;
  font-size: 4rem;
}
.no-data-table p {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.no-data-table.small-msg p {
  font-size: 20px;
  font-size: 1.4285714286rem;
}

.btn-option-container {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-option-container .btn-option-list {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  top: 60px;
  left: 0;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.btn-option-container .btn-option-list.set-right {
  left: auto;
  right: 0;
}
.btn-option-container .btn-option-list.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  top: 40px;
}
.btn-option-container .btn-option-list ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.btn-option-container .btn-option-list ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.btn-option-container .btn-option-list ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #c7c8ca;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c7c8ca;
}
.btn-option-container .btn-option-list ul li a:hover {
  background-color: #0077c0;
  color: #ffffff;
  text-decoration: none;
}
.btn-option-container .btn-option-list ul li:last-child a.disabled {
  border-bottom: none;
}

.section-options-container {
  position: relative;
}
.section-options-container .section-options-btn {
  transition: all 0.3s ease-in-out;
  color: #0077c0;
  width: 28px;
  height: 28px;
  line-height: 28px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  background-color: #ffffff;
  text-align: center;
}
.section-options-container .section-options-btn .material-icons {
  vertical-align: middle;
}
.section-options-container .section-options-btn:hover {
  color: #ffffff;
  background-color: #0077c0;
}
.section-options-container .section-options-list {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  top: 60px;
  right: 0;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.section-options-container .section-options-list.set-left {
  left: 0;
  right: auto;
}
.section-options-container .section-options-list.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  top: 40px;
}
.section-options-container .section-options-list ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.section-options-container .section-options-list ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.section-options-container .section-options-list ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #c7c8ca;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c7c8ca;
}
.section-options-container .section-options-list ul li a:hover {
  background-color: #0077c0;
  color: #ffffff;
  text-decoration: none;
}
.section-options-container .section-options-list ul li:last-child a.disabled {
  border-bottom: none;
}

.section-list-container {
  position: relative;
}
.section-list-container .section-list-trigger {
  cursor: pointer;
}
.section-list-container + .section-list-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  border-radius: 3px;
  position: absolute;
  left: 0px;
  top: 80px;
  min-width: 275px;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.section-list-container + .section-list-options.active {
  opacity: 1;
  z-index: 2;
  top: 40px;
  visibility: visible;
}
.section-list-container + .section-list-options .green-text {
  color: #6bb739;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.section-list-container + .section-list-options .search-text {
  position: relative;
}
.section-list-container + .section-list-options .search-text input {
  background: url('search-icon.8f72dd01d3305799.svg') no-repeat 96% 7px;
  border-color: #b1b4b6;
  border-radius: 0;
  padding-right: 36px;
  background-size: 16px;
}
.section-list-container + .section-list-options .search-text input:focus {
  border-color: #0077c0;
}
.section-list-container + .section-list-options .search-text .clear-search-btn {
  display: none;
  position: absolute;
  right: 20px;
  top: 7px;
  background-color: #ffffff;
}
.section-list-container + .section-list-options .search-text .clear-search-btn .material-icons {
  font-size: 19px;
  font-size: 1.3571428571rem;
  color: #b1b4b6;
}
.section-list-container + .section-list-options .results-box {
  border-bottom: 2px solid #377db8;
  padding: 5px 10px;
  font-weight: 700;
}
.section-list-container + .section-list-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.section-list-container + .section-list-options ul li {
  margin-bottom: 0;
}
.section-list-container + .section-list-options ul li a {
  padding: 14px 15px;
  display: block;
  color: #12202b;
  background-color: transparent;
  border-bottom: 1px solid #b1b4b6;
  transition: all 0.3s ease-in-out;
}
.section-list-container + .section-list-options ul li a i {
  font-size: 16px;
  float: right;
  position: relative;
  top: 1px;
  opacity: 0;
  visibility: hidden;
  display: none;
  /*@include transition(all 0.3s ease-in-out);*/
}
.section-list-container + .section-list-options ul li a:hover, .section-list-container + .section-list-options ul li a.active {
  background-color: #0077c0;
  color: #ffffff;
  text-decoration: none;
}
.section-list-container + .section-list-options ul li a:hover i, .section-list-container + .section-list-options ul li a.active i {
  opacity: 1;
  visibility: visible;
}
.section-list-container + .section-list-options ul li a:focus {
  text-decoration: none;
}
.section-list-container + .section-list-options ul li:last-child a {
  border-bottom: none;
}
.section-list-container + .section-list-options.with-icons ul li a i {
  float: none;
  vertical-align: text-top;
  opacity: 1;
  visibility: visible;
}

.ellipsis-container {
  position: relative;
}
.ellipsis-container:before {
  content: "&nbsp;";
  visibility: hidden;
}
.ellipsis-container .ellipsis-text {
  position: absolute;
  left: 0;
  right: 0;
  max-width: max-content;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.archive-icon {
  background: url('archive.ae0f65bcec4a98be.svg') no-repeat center;
  background-size: cover;
  width: 19px;
  height: 19px;
  margin-top: -2px !important;
}
.archive-icon.un-archive {
  background-image: url('un-archive.6d546d3830f1f3ce.svg');
}

.table-containing {
  margin-top: 132px;
}
.table-containing.full-pg-bg {
  min-height: calc(100vh - 132px);
}
.table-containing.only-nav {
  margin-top: 0;
  padding-top: 65px;
  min-height: 100vh;
}
.table-containing.only-heading-bar {
  padding-top: 90px;
}
.table-containing.only-heading-bar .user-table.newUI.fixed-header.with-new-header thead th {
  top: 156px;
}
.table-containing.only-heading-bar.no-buttons {
  padding-top: 77px;
}
.table-containing.only-heading-bar.no-buttons .user-table.newUI.fixed-header.with-new-header thead th {
  top: 143px;
}
.table-containing.filter-opened {
  padding-top: 396px;
}
.table-containing.filter-opened .user-table.newUI.fixed-header.with-new-header thead th {
  top: 462px;
}

.filter-adjusment.filter-opened .user-table.newUI.fixed-header.with-new-header thead th {
  top: 505px !important;
}
.filter-adjusment.filter-opened .user-table.newUI.sticky-table-head thead th {
  top: 505px !important;
}

.green-checks {
  color: #b2b5bb;
  display: inline-block;
  vertical-align: middle;
  height: 18px;
  font-size: 18px;
  font-size: 1.2857142857rem;
  cursor: pointer;
}
.green-checks .fal,
.green-checks .fas {
  vertical-align: top;
}
.green-checks:hover, .green-checks.checked {
  color: #5aba8a;
}

.editable-title-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.editable-title-container .check-btns {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  top: 12px;
}
.editable-title-container .check-btns.red {
  right: 8px;
}
.editable-title-container .check-btns.green {
  right: 32px;
}
.editable-title-container .editable-title {
  border: 1px solid transparent;
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #000000;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  padding: 2px;
  width: 286px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editable-title-container .editable-title:hover {
  border-color: #a1acb4;
}
.editable-title-container .editable-title:focus {
  outline: none;
  border-color: #a1acb4;
  background-color: #efefef;
  padding-right: 60px;
}
.editable-title-container.active {
  position: absolute;
}
.editable-title-container.active .check-btns {
  opacity: 1;
  visibility: visible;
}

.underlined-link {
  position: relative;
  display: inline-block;
  text-decoration: none !important;
  color: #35393c;
  transition: all 0.3s ease-in-out;
}
.underlined-link:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  height: 1px;
  width: 0;
  transition: all 0.3s ease-in-out;
}
.underlined-link.blue-line:after {
  background-color: #0077c0;
}
.underlined-link.black-line:after {
  background-color: #000000;
}
.underlined-link.with-icon:after {
  display: none;
}
.underlined-link.with-icon span {
  position: relative;
}
.underlined-link.with-icon span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  transition: all 0.3s ease-in-out;
}
.underlined-link.with-icon.blue-line span:after {
  background-color: #0077c0;
}
.underlined-link.with-icon.black-line span:after {
  background-color: #000000;
}
.underlined-link:hover {
  text-decoration: none !important;
}
.underlined-link:hover.blue-line {
  color: #0077c0 !important;
}
.underlined-link:hover.black-line {
  color: #000000 !important;
}
.underlined-link:hover:after {
  width: 100%;
}
.underlined-link:hover.with-icon span:after {
  width: 100%;
}
.underlined-link:focus {
  text-decoration: none !important;
}

.hover-blue:hover {
  color: #0077c0 !important;
  text-decoration: none;
}

.yellow-text {
  color: #ffdd00;
}

.max-para {
  color: #989b9e;
  font-size: 16px;
  font-size: 1.1428571429rem;
}

.mat-checkbox-frame {
  border-color: #b1b4b6;
}

.mat-checkbox-layout {
  margin-bottom: 0;
}
.mat-checkbox-layout .mat-checkbox-label {
  color: #020a20;
  line-height: 23px;
}

.mat-checkbox-checkmark-path {
  stroke: #ffffff !important;
}

.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background,
.mat-checkbox-checked.mat-accent .mat-checkbox-background {
  background-color: #0077c0;
}
.mat-checkbox-indeterminate.mat-green .mat-checkbox-background,
.mat-checkbox-checked.mat-green .mat-checkbox-background {
  background-color: #5ab78a;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-accent .mat-ripple-element {
  background: #0077c0;
}

.mat-checkbox-checked:not(.mat-checkbox-disabled).mat-green .mat-ripple-element,
.mat-checkbox:active:not(.mat-checkbox-disabled).mat-green .mat-ripple-element {
  background: #5ab78a;
}

.mat-checkbox.align-text .mat-checkbox-layout .mat-checkbox-label {
  line-height: 21px;
}
.mat-checkbox.mat-checkbox-disabled .mat-checkbox-layout .mat-checkbox-frame {
  z-index: 2;
}
.mat-checkbox.mat-checkbox-disabled .mat-checkbox-layout .mat-checkbox-background {
  background-color: rgba(178, 181, 187, 0.5);
  z-index: 1;
}
.mat-checkbox.mat-checkbox-disabled .mat-checkbox-layout .mat-checkbox-label {
  color: #b2b5bb;
}
.mat-checkbox.mat-checkbox-disabled.mat-checkbox-checked .mat-checkbox-background {
  background-color: #b2b5bb;
}

.mat-drawer-container {
  z-index: 999 !important;
}

.mat-drawer-backdrop.mat-drawer-shown {
  position: fixed;
  background-color: rgba(114, 122, 128, 0.8);
}

.mat-drawer {
  position: fixed !important;
  width: 70%;
}
.mat-drawer .sliderHeader {
  padding: 20px 0;
  margin: 0 20px;
  border-bottom: 2px solid rgba(0, 119, 192, 0.6);
}
.mat-drawer .sliderHeader .close-btn {
  display: inline-block;
  vertical-align: middle;
  color: #12202b;
  font-size: 18px;
  font-size: 1.2857142857rem;
  margin-top: -4px;
}
.mat-drawer .sliderHeader h3 {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.mat-drawer .sliderHeader h3 small {
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: block;
  color: #0077c0;
  line-height: 1;
}
.mat-drawer .sliderHeader h3 small .smaller {
  font-size: 12px;
  font-size: 0.8571428571rem;
  color: #676c79;
}
.mat-drawer .sliderBody {
  padding: 10px 0;
  margin: 0 20px;
}
.mat-drawer.full-width {
  width: calc(100% - 50px);
}

.field-group {
  position: relative;
}
.field-group.inline-fields {
  vertical-align: top;
  display: inline-block;
}
.field-group.inline-fields.button-adjusted {
  margin-top: -4px;
}
.field-group .mat-form-field {
  display: block;
}
.field-group .mat-form-field.no-error-space .mat-form-field-wrapper {
  padding-bottom: 0;
}
.field-group .mat-form-field.mat-focused .mat-form-field-required-marker {
  color: #ff4a56;
}
.field-group .mat-form-field.mat-focused .mat-form-field-label {
  color: #0077c0;
}
.field-group .mat-form-field.mat-focused.mat-primary .mat-select-arrow {
  color: #0077c0;
}
.field-group .mat-form-field.mat-focused.mat-primary .mat-select-arrow:before {
  color: #0077c0;
}
.field-group .mat-form-field.mat-focused.mat-form-field-invalid .mat-form-field-label {
  color: #f44336;
}
.field-group .mat-select {
  padding: 1px 0;
}
.field-group .mat-select.no-error-space .mat-form-field-wrapper {
  padding-bottom: 0;
}
.field-group .mat-select.search-icon .mat-select-arrow {
  font-family: "Font Awesome 5 Pro";
  font-weight: 300;
  font-size: 20px;
  font-size: 1.4285714286rem;
  border: none;
  position: relative;
}
.field-group .mat-select.search-icon .mat-select-arrow:before {
  content: "\f002";
  position: absolute;
  left: -20px;
  top: -10px;
}
.field-group .mat-form-field-label {
  color: #a1acb4;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.field-group .mat-form-field-appearance-outline .mat-form-field-outline {
  color: #a1acb4;
}
.field-group .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: #0077c0;
}
.field-group .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 14px 0 14px 0;
  border-top-width: 4px;
}
.field-group .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-end,
.field-group .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-start,
.field-group .mat-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline-gap {
  border-color: rgba(161, 172, 180, 0.4);
}
.field-group .mat-form-field-appearance-outline.mat-form-field-disabled.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label mat-label {
  background-color: #ffffff;
}
.field-group .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-22px) scale(0.75);
}
.field-group .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label {
  transform: translateY(-22px) scale(0.75);
}
.field-group .mat-form-field-appearance-outline .mat-select-arrow-wrapper {
  transform: translateY(0);
}
.field-group .mat-form-field-appearance-outline .mat-form-field-prefix,
.field-group .mat-form-field-appearance-outline .mat-form-field-suffix {
  top: 5px;
}
.field-group .mat-input-element {
  font-size: 16px;
  font-size: 1.1428571429rem;
  resize: none;
}
.field-group .field-edit-icon {
  position: absolute;
  top: 8px;
  right: 30px;
}

.mat-primary .mat-option.mat-selected:not(.mat-option-disabled) {
  color: #0077c0;
}

.mat-datepicker-toggle-active {
  color: #0077c0;
}

.mat-calendar-body-selected {
  background-color: #0077c0;
}

.breadcrumb-tabs-heading {
  padding: 10px 20px;
  border-bottom: 1px solid #dee1e2;
  position: fixed;
  top: 65px;
  height: 68px;
  z-index: 10;
  width: 100%;
  background-color: #ffffff;
}
.breadcrumb-tabs-heading.no-border {
  border-bottom: none;
}
.breadcrumb-tabs-heading.no-border:has(+ .project-templating-tabs) .project-templating-topbar.oldViews {
  padding-bottom: 0 !important;
  min-height: 75px;
}
.breadcrumb-tabs-heading.no-border:has(+ .project-templating-tabs) .project-templating-topbar.oldViews.no-buttons {
  min-height: 72px;
}

.tabs-group {
  margin-top: 22px;
}
.tabs-group.bordred {
  border-bottom: 1px solid #dee1e2;
  padding-bottom: 6px;
  margin-top: 0;
}
.tabs-group.bordred.extra-height {
  border-bottom-width: 2px;
  padding-bottom: 4px;
}
.tabs-group .mat-tab {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #727a80;
  line-height: 30px !important;
  height: 30px;
  position: relative;
  min-width: 64px !important;
}
.tabs-group .mat-tab:focus, .tabs-group .mat-tab:hover {
  text-decoration: none;
}
.tabs-group .mat-tab:after {
  content: "";
  width: 0;
  height: 3px;
  background-color: #0077c0;
  position: absolute;
  bottom: -6px;
  left: 0;
}
.tabs-group .mat-tab.active {
  color: #0077c0;
}
.tabs-group .mat-tab.active:after {
  width: 100%;
}
.tabs-group.skyblue .mat-tab:after {
  background-color: #0093ff;
}
.tabs-group.skyblue .mat-tab.active {
  color: #0093ff;
}

.quick-filter-tab .tabs-group {
  border: 1px solid #e5e6e8;
  border-radius: 6px;
  padding: 4px;
}
.quick-filter-tab .tabs-group .mat-tab {
  padding: 0 10px;
  margin: 0 3px;
}
.quick-filter-tab .tabs-group .mat-tab:after {
  display: none;
}
.quick-filter-tab .tabs-group .mat-tab.active .mat-button-focus-overlay {
  background-color: #0077c0;
  opacity: 0.1;
}

.tab-content {
  opacity: 0;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  transition: opacity 0.3s ease-in-out;
}
.tab-content.active {
  opacity: 1;
  visibility: visible;
  height: auto;
  overflow: visible;
}

.darg-n-drop {
  position: relative;
  width: 100%;
  border: 1px dashed rgba(0, 0, 0, 0.48);
  height: 200px;
  padding: 70px 0;
  text-align: center;
  border-radius: 4px;
  background-color: #f8f8f8;
}
.darg-n-drop input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.darg-n-drop p {
  color: rgba(0, 0, 0, 0.48);
  font-size: 16px;
  margin-bottom: 6px;
}
.darg-n-drop p i {
  color: rgba(0, 0, 0, 0.48);
  position: relative;
  top: 8px;
  padding-right: 5px;
}
.darg-n-drop p .skyblue-icon {
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #0093ff;
}
.darg-n-drop .uploaded-file-box {
  max-width: 50%;
  margin: 0 auto;
}
.darg-n-drop .uploaded-file-box .progressbar i.fa-file-alt {
  line-height: 2.2;
}
.darg-n-drop .uploaded-file-box .progressbar .progressbar-container {
  flex: 0 0 88%;
}
.darg-n-drop .uploaded-file-box .progressbar .progressbar-container .progressbar-line {
  height: 10px;
}
.darg-n-drop.one-line {
  height: 46px;
  padding: 4px 0;
}
.darg-n-drop.one-line p {
  font-size: 14px;
  font-size: 1rem;
}
.darg-n-drop.small-height {
  height: 80px;
  padding: 20px 0;
}
.darg-n-drop.height-auto {
  height: auto;
  padding: 20px 0;
}
.darg-n-drop.bigger-style {
  height: 350px;
  padding: 60px 0;
  background-color: #ffffff;
  border: 1px solid #707070;
  transition: all 0.3s ease-in-out;
}
.darg-n-drop.bigger-style p {
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #676c79;
  max-width: 30%;
  margin: 0 auto;
}
.darg-n-drop.bigger-style p i {
  font-size: 60px;
  font-size: 4.2857142857rem;
  color: #676c79;
  margin-bottom: 40px;
  top: 0;
  transition: all 0.3s ease-in-out;
}
.darg-n-drop.bigger-style small {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #676c79;
  max-width: 50%;
  margin: 0 auto;
  display: block;
}
.darg-n-drop.bigger-style:hover {
  border-color: #0077c0;
}
.darg-n-drop.bigger-style:hover p i {
  color: #0077c0;
  top: 10px;
}
.darg-n-drop.disabled {
  opacity: 0.5;
  pointer-events: none;
}

.assign-list-box .mat-standard-chip.mat-chip {
  border: 2px solid #ffffff;
  margin-right: -10px !important;
}

.mat-chip-list-wrapper {
  display: inline-flex !important;
  margin-left: 0 !important;
}
.mat-chip-list-wrapper .mat-standard-chip {
  min-height: 26px;
}
.mat-chip-list-wrapper .mat-standard-chip:hover:after, .mat-chip-list-wrapper .mat-standard-chip:focus:after {
  opacity: 0;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip {
  transition: all 0.3s ease-in-out;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.pointered {
  cursor: pointer;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.round {
  justify-content: center;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  overflow: hidden;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.hidden {
  border-color: transparent !important;
  color: transparent !important;
  background: transparent !important;
  pointer-events: none;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline {
  border: 2px solid #676c79;
  color: #676c79;
  background-color: transparent;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-blue {
  border-color: #0077c0;
  color: #0077c0;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-red {
  border-color: #ff4a56;
  color: #ff4a56;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-green {
  border-color: #5ab78a;
  color: #5ab78a;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-sky {
  border-color: #0093ff;
  color: #0093ff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-orange {
  border-color: #ff8300;
  color: #ff8300;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.outline:hover.mat-yellow {
  border-color: #f8d63f;
  color: #f8d63f;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-blue {
  background-color: #0077c0;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-red {
  background-color: #ff4a56;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-green {
  background-color: #5ab78a;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky {
  background-color: #0093ff;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-cyan {
  background-color: #64cddb;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-orange {
  background-color: #ff8300;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-yellow {
  background-color: #ffdd00;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-purple {
  background-color: #c27aeb;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-pink {
  background-color: #eb8686;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-blue-light {
  background-color: #b3c5e7;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-red-light {
  background-color: #e07673;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-green-light {
  background-color: #7ec784;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky-light {
  background-color: #73aff4;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-cyan-light {
  background-color: #9ed9d2;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-orange-light {
  background-color: #f3a683;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-purple-light {
  background-color: #9eb9de;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-pink-light {
  background-color: #f4bfbb;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-inactive {
  background-color: #f6bd23;
  color: #ffffff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-cyan-text {
  background-color: #ecfffc;
  color: #00bf9d;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-gray-text {
  background-color: #ededed;
  color: #696969;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-yellow-text {
  background-color: #fff4e3;
  color: #b46e06;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-green-text {
  background-color: #ecffec;
  color: #078f04;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-red-text {
  background-color: #ffeaea;
  color: #b80f0f;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky-task {
  background-color: rgba(0, 147, 255, 0.08);
  color: #0093ff;
  border: 1px solid rgba(0, 147, 255, 0.3);
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky-task .mat-chip-remove {
  color: #ff4a56;
  opacity: 1;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-red-task {
  background-color: rgba(224, 118, 115, 0.08);
  color: #e07673;
  border: 1px solid rgba(224, 118, 115, 0.3);
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-red-task .mat-chip-remove {
  color: #ff4a56;
  opacity: 1;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky-green {
  background-color: rgba(90, 183, 138, 0.1);
  color: #5ab78a;
  border: 1px solid rgba(90, 183, 138, 0.3);
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.mat-sky-green:hover {
  background-color: rgba(90, 183, 138, 0.2);
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline {
  border: 2px solid #d6d6d6;
  color: #d6d6d6;
  background-color: transparent;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.small {
  border-width: 1px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  min-height: 24px;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-blue {
  border-color: #0077c0;
  color: #0077c0;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-red {
  border-color: #ff4a56;
  color: #ff4a56;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-green {
  border-color: #5ab78a;
  color: #5ab78a;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-sky {
  border-color: #0093ff;
  color: #0093ff;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-gray {
  border-color: #676c79;
  color: #676c79;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-gray-light {
  border-color: #b7bac2;
  color: #b7bac2;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-cyan {
  border-color: #64cddb;
  color: #64cddb;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-orange {
  border-color: #ff8300;
  color: #ff8300;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-purple {
  border-color: #c27aeb;
  color: #c27aeb;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-pink {
  border-color: #eb8686;
  color: #eb8686;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-yellow {
  border-color: #ffdd00;
  color: #ffdd00;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-blue-light {
  border-color: #b3c5e7;
  color: #b3c5e7;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-red-light {
  border-color: #e07673;
  color: #e07673;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-green-light {
  border-color: #7ec784;
  color: #7ec784;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-sky-light {
  border-color: #73aff4;
  color: #73aff4;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-cyan-light {
  border-color: #9ed9d2;
  color: #9ed9d2;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-orange-light {
  border-color: #f3a683;
  color: #f3a683;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-purple-light {
  border-color: #9eb9de;
  color: #9eb9de;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-pink-light {
  border-color: #f4bfbb;
  color: #f4bfbb;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-inactive {
  border-color: #f6bd23;
  color: #f6bd23;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-filled-blue {
  border-color: #0077c0;
  background-color: rgba(0, 119, 192, 0.1);
  color: #0077c0;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-filled-green {
  background-color: rgba(90, 183, 138, 0.1);
  border-color: #5ab78a;
  color: #5ab78a;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-filled-red {
  border-color: #df6b51;
  background-color: rgba(223, 107, 81, 0.1);
  color: #df6b51;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.mat-chip-selected.outline.mat-filled-gray {
  border-color: #747780;
  background-color: rgba(116, 119, 128, 0.1);
  color: #747780;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip.adjusted-inline {
  top: -2px;
}
.mat-chip-list-wrapper .mat-standard-chip.mat-chip .ellipses-text {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.outside-fileds-chips .mat-chip-list-wrapper {
  display: flex !important;
}

.mat-menu-item .mat-icon {
  line-height: 24px;
}
.mat-menu-item:hover {
  text-decoration: none;
}
.mat-menu-item:hover .mat-icon {
  color: #ffffff !important;
}
.mat-menu-item:hover.mat-menu-item-submenu-trigger:after {
  color: #ffffff;
}

.hide-element {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
}
.hide-element * {
  display: none;
}

.show-element {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 2000px;
}

.hide-text {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  overflow: hidden;
  width: 0 !important;
  height: 0 !important;
  display: none;
}

.show-text {
  transition: opacity 0.3s ease-in-out;
  opacity: 1;
  overflow: visible;
  width: auto !important;
  height: auto !important;
  display: inline-block;
}

.notice-new {
  background-color: rgba(0, 147, 255, 0.06);
  border: 1px solid rgba(0, 147, 255, 0.08);
  border-radius: 8px;
  padding: 16px 28px;
  position: relative;
}
.notice-new span {
  display: inline-block;
  vertical-align: top;
  margin-left: 12px;
  width: calc(100% - 42px);
}
.notice-new > .far,
.notice-new > .fas,
.notice-new > .fal {
  vertical-align: middle;
  color: #0093ff;
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.notice-new .summary {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.notice-new .summary li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
}
.notice-new .close-icon {
  position: absolute;
  right: 6px;
  top: 12px;
}
.notice-new .close-icon span {
  width: auto;
  margin: 0;
}
.notice-new.red {
  background-color: rgba(255, 74, 86, 0.06);
  border: 1px solid rgba(255, 74, 86, 0.06);
}
.notice-new.red > .far,
.notice-new.red > .fas,
.notice-new.red > .fal {
  color: #ff4a56;
}
.notice-new.orange {
  background-color: rgba(255, 158, 20, 0.06);
  border: 1px solid rgba(255, 158, 20, 0.06);
}
.notice-new.orange > .far,
.notice-new.orange > .fas,
.notice-new.orange > .fal {
  color: #ff9e14;
}

.user-assign-list ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.user-assign-list ul li {
  border-bottom: 1px solid #ccced2;
  padding: 8px 20px;
  transition: all 0.3s ease-in-out;
}
.user-assign-list ul li .check-assign {
  color: #b2b5bb;
  display: inline-block;
  vertical-align: middle;
  margin-top: 6px;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.user-assign-list ul li .check-assign:hover, .user-assign-list ul li .check-assign.checked {
  color: #5aba8a;
}
.user-assign-list ul li .check-assign.blue:hover, .user-assign-list ul li .check-assign.blue.checked {
  color: #0077c0;
}
.user-assign-list ul li .move-button {
  font-size: 16px;
  font-size: 1.1428571429rem;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.user-assign-list ul li h4 small {
  color: #b2b5bb;
  font-weight: 500;
  display: block;
  font-size: 14px;
  font-size: 1rem;
  margin-top: 6px;
}
.user-assign-list ul li .wo-date {
  color: #999da5;
  display: inline-block;
  vertical-align: middle;
  margin-top: 4px;
}
.user-assign-list ul li .wo-date i {
  color: #676c79;
}
.user-assign-list ul li .linked-date {
  color: #676c79;
  transition: color 0.3s ease-in-out;
  text-decoration: underline;
}
.user-assign-list ul li .linked-date:hover {
  color: #0093ff;
}
.user-assign-list ul li .wo-list {
  text-decoration: none;
  color: #676c79;
  transition: color 0.3s ease-in-out;
}
.user-assign-list ul li .wo-list:hover {
  color: #0093ff;
}
.user-assign-list ul li.current {
  background-color: #0093ff;
}
.user-assign-list ul li.current h4,
.user-assign-list ul li.current .wo-date,
.user-assign-list ul li.current .linked-date,
.user-assign-list ul li.current .wo-list,
.user-assign-list ul li.current .mat-icon-button {
  color: #ffffff !important;
}
.user-assign-list ul li .mat-hover-blue {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.user-assign-list ul li:hover, .user-assign-list ul li.active {
  background-color: #f7f8fc;
}
.user-assign-list ul li:hover .mat-hover-blue,
.user-assign-list ul li:hover .move-button, .user-assign-list ul li.active .mat-hover-blue,
.user-assign-list ul li.active .move-button {
  opacity: 1;
}
.user-assign-list ul li:hover .mat-icon-button.mat-gray-green, .user-assign-list ul li.active .mat-icon-button.mat-gray-green {
  color: #5aba8a;
}
.user-assign-list ul li:hover.current, .user-assign-list ul li.active.current {
  background-color: #0093ff;
}
.user-assign-list ul li:hover.current h4,
.user-assign-list ul li:hover.current .wo-date,
.user-assign-list ul li:hover.current .linked-date,
.user-assign-list ul li:hover.current .wo-list,
.user-assign-list ul li:hover.current .mat-icon-button, .user-assign-list ul li.active.current h4,
.user-assign-list ul li.active.current .wo-date,
.user-assign-list ul li.active.current .linked-date,
.user-assign-list ul li.active.current .wo-list,
.user-assign-list ul li.active.current .mat-icon-button {
  color: #ffffff !important;
}

.soreted-task-title {
  position: relative;
  margin-bottom: 10px;
}
.soreted-task-title .upper-layer {
  padding: 0 20px 4px;
  border-bottom: 2px solid #0077c0;
}
.soreted-task-title .upper-layer .text {
  font-size: 14px;
  font-size: 1rem;
  color: #676c79;
}
.soreted-task-title .upper-layer .date-accrodian {
  cursor: pointer;
  transition: color 0.3s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1rem;
  color: #676c79;
}
.soreted-task-title .upper-layer .date-accrodian .fal {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
  margin-top: -2px;
  width: 20px;
  height: 20px;
  background-color: #f7f8fc;
  text-align: center;
  border-radius: 50%;
  line-height: 20px;
}
.soreted-task-title .upper-layer .date-accrodian strong {
  transition: color 0.3s ease-in-out;
  color: #1a2235;
}
.soreted-task-title .upper-layer .date-accrodian.active {
  color: #0077c0;
}
.soreted-task-title .upper-layer .date-accrodian.active strong {
  color: #0077c0;
}
.soreted-task-title .upper-layer .date-accrodian.active .fal {
  transform: rotate(90deg);
}
.soreted-task-title .upper-layer .date-accrodian:hover {
  color: #0077c0;
}
.soreted-task-title .upper-layer .date-accrodian:hover strong {
  color: #0077c0;
}
.soreted-task-title .upper-layer .check-assign {
  color: #b2b5bb;
  display: inline-block;
  vertical-align: top;
  height: 18px;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.soreted-task-title .upper-layer .check-assign .fal,
.soreted-task-title .upper-layer .check-assign .fas {
  vertical-align: top;
}
.soreted-task-title .upper-layer .check-assign:hover, .soreted-task-title .upper-layer .check-assign.checked {
  color: #5aba8a;
}
.soreted-task-title .upper-layer .check-assign.blue:hover, .soreted-task-title .upper-layer .check-assign.blue.checked {
  color: #0077c0;
}
.soreted-task-title .upper-layer.active .mat-icon-button.mat-gray-green {
  color: #5aba8a;
}
.soreted-task-title .bottom-layer {
  display: none;
  padding: 0 30px;
  background-color: #f8fbfe;
}
.soreted-task-title .bottom-layer table tr td {
  border: none;
  padding: 10px;
}
.soreted-task-title .bottom-layer table tr:hover {
  background-color: transparent;
}
.soreted-task-title.green .upper-layer {
  border-bottom-color: #5aba8a;
}
.soreted-task-title.green .upper-layer .text,
.soreted-task-title.green .upper-layer .date-accrodian {
  color: #5aba8a;
}
.soreted-task-title.green .upper-layer .text strong,
.soreted-task-title.green .upper-layer .date-accrodian strong {
  color: #5aba8a;
}
.soreted-task-title.green .bottom-layer {
  background-color: rgba(90, 186, 138, 0.16);
}
.soreted-task-title.blue .upper-layer {
  border-bottom-color: #0077c0;
}
.soreted-task-title.blue .upper-layer .text,
.soreted-task-title.blue .upper-layer .date-accrodian {
  color: #0077c0;
}
.soreted-task-title.blue .upper-layer .text strong,
.soreted-task-title.blue .upper-layer .date-accrodian strong {
  color: #0077c0;
}
.soreted-task-title.blue .bottom-layer {
  background-color: rgba(0, 119, 192, 0.16);
}
.soreted-task-title.red .upper-layer {
  border-bottom-color: #ff4a56;
}
.soreted-task-title.red .upper-layer .text,
.soreted-task-title.red .upper-layer .date-accrodian {
  color: #ff4a56;
}
.soreted-task-title.red .upper-layer .text strong,
.soreted-task-title.red .upper-layer .date-accrodian strong {
  color: #ff4a56;
}
.soreted-task-title.red .bottom-layer {
  background-color: rgba(255, 74, 86, 0.16);
}

.bulk-upload-form p {
  color: #989b9e;
  font-size: 16px;
  padding-left: 20px;
}
.bulk-upload-form p span {
  color: #ff4a56;
}
.bulk-upload-form ul {
  display: flex;
  justify-content: space-around;
  padding-left: 0;
}
.bulk-upload-form ul li {
  display: flex;
  width: 290px;
  height: 180px;
  position: relative;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.bulk-upload-form ul li img {
  margin-bottom: 5px;
}
.bulk-upload-form ul li input {
  width: 100%;
  height: 100%;
  position: absolute;
  border: 2px solid #e8e8e8;
  outline: none;
  cursor: pointer;
  border-radius: 2px;
  background-color: rgba(0, 147, 255, 0.01);
  appearance: none;
}
.bulk-upload-form ul li input[type=radio]:checked {
  border: 2px solid #0093ff;
}
.bulk-upload-form.upload-box p {
  padding-left: 0;
}
.bulk-upload-form.upload-box .browse-btn {
  border: none;
  background-color: transparent;
  color: #0093ff;
  text-decoration: underline;
}
.bulk-upload-form.upload-box input[type=text] {
  background-color: transparent;
  width: 100%;
  font-size: 16px;
  text-align: center;
  padding: 1rem 2rem;
  border: 0;
}
.bulk-upload-form.upload-box label.file {
  position: relative;
  display: block;
  width: 100%;
  font-size: 16px;
  color: #000;
  text-align: center;
  /* text-transform: uppercase; */
  border: 2px dashed #ccc;
  margin: 1rem 0;
  padding: 2rem 4rem;
  background-color: rgba(204, 206, 210, 0.2);
}
.bulk-upload-form.upload-box label.file i {
  /* display: block; */
  color: #0093ff;
  font-size: 30px;
  vertical-align: bottom;
  /* 	margin-bottom: 20px; */
}
.bulk-upload-form.upload-box label.file:hover {
  background-color: rgba(204, 206, 210, 0.3);
}
.bulk-upload-form.upload-box label.file:active,
.bulk-upload-form.upload-box label.file.focus {
  border-color: #09f;
}
.bulk-upload-form.upload-box input[type=file] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  outline: 0;
  border: 1px solid red;
  cursor: pointer;
}

.uploaded-file-box {
  margin-top: 50px;
}
.uploaded-file-box h4 {
  font-size: 14px;
  color: #44444f;
}
.uploaded-file-box .progressbar {
  display: flex;
  justify-content: space-between;
  margin: 15px 0;
}
.uploaded-file-box .progressbar i.fa-file-csv,
.uploaded-file-box .progressbar i.fa-file-alt {
  color: #0093ff;
  font-size: 24px;
}
.uploaded-file-box .progressbar i.fa-file-alt {
  color: #707070;
  font-size: 24px;
}
.uploaded-file-box .progressbar h5 {
  font-size: 12px;
  text-align: left;
  color: #44444f;
}
.uploaded-file-box .progressbar h5.medium {
  font-size: 14px;
  font-size: 1rem;
}
.uploaded-file-box .progressbar .progressbar-container {
  flex: 0 0 85%;
  position: relative;
}
.uploaded-file-box .progressbar .progressbar-container .progressbar-line {
  width: 100%;
  background-color: #e5e6e8;
  height: 4px;
  border-radius: 5px;
  overflow: hidden;
}
.uploaded-file-box .progressbar .progressbar-container .progressbar-line .file-progress {
  position: absolute;
  right: 0;
  top: 2px;
}
.uploaded-file-box .progressbar .progressbar-container .progressbar-line .file-progress span {
  font-size: 10px;
  font-size: 0.7142857143rem;
  color: #676c79;
}
.uploaded-file-box .progressbar .progressbar-container .progressbar-line .status-line {
  transition: all 0.3s ease-in-out;
  height: 100%;
  background-color: #0093ff;
}
.uploaded-file-box .progressbar .progressbar-container .progressbar-line .status-line.darkblue {
  background-color: #0077c0;
}
.uploaded-file-box .progressbar .remove-file {
  display: inline-block;
  vertical-align: top;
  position: relative;
  top: 18px;
}
.uploaded-file-box .progressbar .fas,
.uploaded-file-box .progressbar .fal,
.uploaded-file-box .progressbar .far {
  display: inline-block;
  vertical-align: middle;
}
.uploaded-file-box .progressbar.has-error .progressbar-container .progressbar-line .status-line {
  background-color: #ff4a56;
}
.uploaded-file-box .progressbar.has-error .fas,
.uploaded-file-box .progressbar.has-error .fal,
.uploaded-file-box .progressbar.has-error .far {
  display: inline-block;
  vertical-align: middle;
}

.select-assignee {
  color: #b2b5bb !important;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1rem;
}
.select-assignee .round {
  transition: border-color 0.3s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
  border: 1px dotted #b2b5bb !important;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  line-height: 24px;
  text-align: center;
}
.select-assignee .round i {
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.select-assignee:hover, .select-assignee:focus {
  text-decoration: none;
  color: #0077c0 !important;
}
.select-assignee:hover .round, .select-assignee:focus .round {
  border-color: #0077c0 !important;
}

.big-icon {
  font-size: 56px;
  font-size: 4rem;
}
.big-icon.skyblue {
  color: #0093ff;
}
.big-icon.blue {
  color: #0077c0;
}
.big-icon.green {
  color: #5ab78a;
}

.project-sections-main-panel {
  position: relative;
  top: 132px;
  padding-top: 16px;
}
.project-sections-main-panel.inactive-view {
  opacity: 0.6;
}
.project-sections-main-panel .project-sections-left-panel {
  display: inline-block;
  vertical-align: top;
  width: 250px;
  padding-left: 10px;
  padding-right: 40px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel.sticky-panel {
  position: sticky;
  left: 0;
  top: 148px;
}
.project-sections-main-panel .project-sections-left-panel .category-search {
  position: relative;
}
.project-sections-main-panel .project-sections-left-panel .category-search input {
  border-radius: 4px;
  border: 2px solid #e9ebf2;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel .category-search input::placeholder {
  color: #7d7d7d;
}
.project-sections-main-panel .project-sections-left-panel .category-search input:focus {
  border-color: #0077c0;
  outline: none;
}
.project-sections-main-panel .project-sections-left-panel .category-search .search-btn {
  position: absolute;
  right: 2px;
  top: 1px;
  background-color: #f7f8fc;
  min-width: 40px !important;
  height: 41px;
  color: #4d4f5c;
  padding: 0;
  border-radius: 0 4px 4px 0 !important;
}
.project-sections-main-panel .project-sections-left-panel h2 {
  border-bottom: 2px solid #e9ebf2;
  padding-bottom: 12px;
}
.project-sections-main-panel .project-sections-left-panel .heading-container {
  border-bottom: 2px solid #e9ebf2;
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.project-sections-main-panel .project-sections-left-panel .heading-container h2 {
  border-bottom: none;
  padding-bottom: 0;
}
.project-sections-main-panel .project-sections-left-panel .heading-container.no-border {
  border-bottom: none;
}
.project-sections-main-panel .project-sections-left-panel .panel-button {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  transform: rotate(0);
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel .panel-button .mat-icon:before {
  background-color: #ffffff;
}
.project-sections-main-panel .project-sections-left-panel .panel-stick-button {
  position: absolute;
  right: 0;
  top: 40px;
  z-index: 2;
  transform: rotate(0);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel .panel-stick-button .mat-icon {
  position: relative;
}
.project-sections-main-panel .project-sections-left-panel .panel-stick-button .mat-icon:before {
  background-color: #ffffff;
}
.project-sections-main-panel .project-sections-left-panel .panel-stick-button .mat-icon:after {
  content: "\f08d";
  font-weight: 900;
  transform: rotate(45deg);
  display: block;
  font-size: 11px;
  font-size: 0.7857142857rem;
  position: absolute;
  left: 7px;
  top: 6px;
  width: 10px;
  height: 10px;
  z-index: 2;
  background-color: #ffffff;
  line-height: 1;
}
.project-sections-main-panel .project-sections-left-panel .panel-stick-button.active {
  opacity: 1;
}
.project-sections-main-panel .project-sections-left-panel .panel-stick-button:hover .mat-icon:before, .project-sections-main-panel .project-sections-left-panel .panel-stick-button:hover .mat-icon:after, .project-sections-main-panel .project-sections-left-panel .panel-stick-button.active .mat-icon:before, .project-sections-main-panel .project-sections-left-panel .panel-stick-button.active .mat-icon:after {
  color: #0077c0;
}
.project-sections-main-panel .project-sections-left-panel:after {
  content: "";
  position: absolute;
  right: 20px;
  top: -16px;
  background-color: #ecf0f1;
  height: calc(100vh - 132px);
  width: 1px;
}
.project-sections-main-panel .project-sections-left-panel ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel ul li a {
  color: rgba(103, 108, 121, 0.7);
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 10px;
  display: block;
  line-height: 1.3;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel ul li a.completed {
  color: #000000;
}
.project-sections-main-panel .project-sections-left-panel ul li a.completed i {
  color: #5ab78a;
}
.project-sections-main-panel .project-sections-left-panel ul li a.active {
  background-color: #f7f8fc;
  color: #0077c0;
}
.project-sections-main-panel .project-sections-left-panel ul li a:hover {
  background-color: #f7f8fc;
  text-decoration: none;
}
.project-sections-main-panel .project-sections-left-panel ul .child-list {
  padding-left: 20px;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-left-panel .left-info i {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.project-sections-main-panel .project-sections-left-panel .left-info .smaller-text {
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.project-sections-main-panel .project-sections-left-panel.collapsed {
  width: 0 !important;
  padding-left: 0 !important;
}
.project-sections-main-panel .project-sections-left-panel.collapsed .panel-button {
  transform: rotate(180deg);
}
.project-sections-main-panel .project-sections-left-panel.collapsed .panel-button.mat-icon-button .mat-icon:before {
  background-color: #ffffff;
}
.project-sections-main-panel .project-sections-left-panel.collapsed ul,
.project-sections-main-panel .project-sections-left-panel.collapsed h2,
.project-sections-main-panel .project-sections-left-panel.collapsed .category-search,
.project-sections-main-panel .project-sections-left-panel.collapsed .simple-link {
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
}
.project-sections-main-panel .project-sections-left-panel.collapsed .left-info {
  opacity: 0;
  pointer-events: none;
  white-space: nowrap;
}
.project-sections-main-panel .project-sections-left-panel.collapsed .scrollY {
  overflow-y: hidden;
}
.project-sections-main-panel .project-sections-left-panel.collapsed .panel-stick-button {
  opacity: 0;
}
.project-sections-main-panel .project-sections-left-panel.collapsed:hover .panel-stick-button {
  opacity: 0;
}
.project-sections-main-panel .project-sections-left-panel:hover .panel-stick-button {
  opacity: 1;
}
.project-sections-main-panel .project-sections-right-panel {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 250px);
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel .project-sections-right-panel.collapsed {
  width: calc(100% - 40px) !important;
}
.project-sections-main-panel .project-sections-right-panel .new-search-style {
  position: sticky;
  padding: 14px 0px;
  margin-top: -16px;
}
.project-sections-main-panel .project-sections-right-panel .new-search-style + .search-filter-container {
  top: 247px;
}
.project-sections-main-panel .project-sections-right-panel .new-search-style + .search-filter-container + .table-containing .gray-table.fixed-header thead tr th {
  top: 247px;
}
.project-sections-main-panel.with-full-panel-search {
  padding-top: 140px;
}
.project-sections-main-panel.with-full-panel-search .project-sections-left-panel:after {
  top: -140px;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel {
  width: 280px;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li {
  position: relative;
  margin-bottom: 6px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li a {
  padding: 10px;
  white-space: nowrap;
  color: #444444;
  text-overflow: ellipsis;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.current {
  background-color: #0077c0;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.current a {
  color: #ffffff;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.current .list-opts {
  color: #ffffff;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.current:hover {
  background-color: #0077c0;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.current:hover a {
  color: #ffffff;
  background-color: transparent;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.has-alert:after {
  content: "";
  background-color: #ff9e14;
  width: 6px;
  height: 6px;
  position: absolute;
  right: 6px;
  top: 18px;
  border-radius: 50%;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li .list-opts {
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li .list-opts.always-visible {
  opacity: 1;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li .error-tooltip {
  position: absolute;
  top: 0;
  right: 40px;
  color: #eb2f2f;
  font-size: 18px;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li .error-tooltip .mat-icon {
  transform: translateY(-2px);
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.opts-clicked {
  background-color: #e5f1f9;
  text-decoration: none;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.opts-clicked a {
  background-color: transparent;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.opts-clicked .list-opts {
  opacity: 1;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.opts-clicked.current {
  background-color: #0077c0;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.has-child .fa-angle-down {
  margin-right: 6px;
  pointer-events: none;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.has-child > a:hover {
  background-color: #e5f1f9;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.has-child .child-list {
  transition: all 0.3s ease-in-out;
  max-height: 1000px;
  opacity: 1;
  overflow: visible;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.has-child.collapsed .fa-angle-down {
  transform: rotate(180deg);
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.has-child.collapsed .child-list {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.with-icons a {
  padding-right: 34px;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.with-icons.move-icon .list-opts {
  cursor: move;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.with-icons.left-icon a {
  padding-right: 10px;
  padding-left: 34px;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li.with-icons.left-icon .list-opts {
  left: 0;
  right: auto;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover {
  background-color: #e5f1f9;
  text-decoration: none;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover a {
  background-color: transparent;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover .list-opts {
  opacity: 1;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover.has-child {
  background-color: transparent;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover.has-child .list-opts {
  opacity: 0;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover.has-child .list-opts.always-visible {
  opacity: 1;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul li:hover .child-list li:hover .list-opts {
  opacity: 1;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul.lighter-bordered li {
  border-bottom: 1px solid #ecf0f1;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul.lighter-bordered li.current {
  background-color: transparent;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul.lighter-bordered li.current a {
  color: #0077c0;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul.lighter-bordered li:hover {
  background-color: transparent;
}
.project-sections-main-panel.updated-ui .project-sections-left-panel ul.lighter-bordered li:hover a {
  color: #0077c0;
}
.project-sections-main-panel.updated-ui .project-sections-right-panel {
  width: calc(100% - 280px);
}

.mt--8 {
  margin-top: -10px !important;
}

.mat-slide-toggle.mat-blue.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(0, 119, 192, 0.54);
}
.mat-slide-toggle.mat-blue.mat-checked .mat-slide-toggle-thumb,
.mat-slide-toggle.mat-blue.mat-checked .mat-ripple-element {
  background-color: #0077c0;
}
.mat-slide-toggle.mat-green.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(90, 183, 138, 0.54);
}
.mat-slide-toggle.mat-green.mat-checked .mat-slide-toggle-thumb,
.mat-slide-toggle.mat-green.mat-checked .mat-ripple-element {
  background-color: #5ab78a;
}
.mat-slide-toggle.mat-red.mat-checked .mat-slide-toggle-bar {
  background-color: rgba(255, 74, 86, 0.54);
}
.mat-slide-toggle.mat-red.mat-checked .mat-slide-toggle-thumb,
.mat-slide-toggle.mat-red.mat-checked .mat-ripple-element {
  background-color: #ff4a56;
}

.fw-slash {
  position: relative;
}
.fw-slash:after {
  content: "/";
  position: absolute;
  color: #0077c0;
  left: 1px;
  top: -1px;
  font-size: 28px;
  font-size: 2rem;
  font-weight: 300;
  width: 100%;
  transform: rotate(25deg);
}

.list-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  border-radius: 3px;
  position: absolute;
  left: 0px;
  top: 80px;
  min-width: 275px;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.list-options.active {
  opacity: 1;
  z-index: 2;
  top: 50px;
  visibility: visible;
}
.list-options .green-text {
  color: #6bb739;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.list-options .search-text {
  position: relative;
}
.list-options .search-text input {
  background: url('search-icon.8f72dd01d3305799.svg') no-repeat 96% 7px;
  border-color: #b1b4b6;
  border-radius: 0;
  padding-right: 36px;
  background-size: 16px;
}
.list-options .search-text input:focus {
  border-color: #0077c0;
}
.list-options .search-text .clear-search-btn {
  display: none;
  position: absolute;
  right: 20px;
  top: 7px;
  background-color: #ffffff;
}
.list-options .search-text .clear-search-btn .material-icons {
  font-size: 19px;
  font-size: 1.3571428571rem;
  color: #b1b4b6;
}
.list-options .results-box {
  border-bottom: 2px solid #377db8;
  padding: 5px 10px;
  font-weight: 700;
}
.list-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.list-options ul li {
  margin-bottom: 0;
}
.list-options ul li a {
  padding: 14px 15px;
  display: block;
  color: #12202b;
  background-color: transparent;
  border-bottom: 1px solid #b1b4b6;
  transition: all 0.3s ease-in-out;
}
.list-options ul li a i {
  font-size: 16px;
  float: right;
  position: relative;
  top: 1px;
  opacity: 0;
  visibility: hidden;
  display: none;
}
.list-options ul li a:hover, .list-options ul li a.active {
  background-color: #0077c0;
  color: #ffffff;
  text-decoration: none;
}
.list-options ul li a:hover i, .list-options ul li a.active i {
  opacity: 1;
  visibility: visible;
}
.list-options ul li a:focus {
  text-decoration: none;
}
.list-options ul li:last-child a {
  border-bottom: none;
}
.list-options.with-icons ul li a i {
  float: none;
  vertical-align: text-top;
  opacity: 1;
  visibility: visible;
}

.rotate-arrow {
  transform: rotate(180deg);
}

.dialog-icon {
  text-align: center;
  color: #5ab78a;
}
.dialog-icon.red {
  color: #ff4a56;
}
.dialog-icon.blue {
  color: #0077c0;
}
.dialog-icon i {
  font-size: 46px;
  font-size: 3.2857142857rem;
}
.dialog-icon.small-icon i {
  font-size: 36px;
  font-size: 2.5714285714rem;
}

.mat-dialog-title {
  font-size: 24px;
  font-size: 1.7142857143rem;
  text-align: center;
  color: #020a20;
  margin: 10px 0 20px !important;
}
.mat-dialog-title.medium {
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1.5;
}
.mat-dialog-title.bordered {
  border-bottom: 1px solid #ccced2;
  padding-bottom: 14px;
}

.mat-dialog-content {
  border-bottom: 1px solid #ccced2;
  margin: 0 !important;
}
.mat-dialog-content.big-height {
  height: 300px;
}
.mat-dialog-content p {
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 0 20px;
  text-align: center;
  margin-bottom: 20px;
}
.mat-dialog-content p.black-color {
  color: #020a20;
}
.mat-dialog-content ul li,
.mat-dialog-content ol li {
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 12px;
}
.mat-dialog-content ul.black-color li,
.mat-dialog-content ol.black-color li {
  color: #020a20;
}
.mat-dialog-content .mat-checkbox-layout .mat-checkbox-label {
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.mat-dialog-content.no-border {
  border-bottom: none;
}

.mat-dialog-actions {
  padding: 30px 0 !important;
}

.search-filter-container {
  background-color: #ffffff;
  position: sticky;
  top: 132px;
  left: 0;
  z-index: 5;
  width: 100%;
  padding-top: 0;
}
.search-filter-container .filter-second-wrapper {
  padding: 10px !important;
}

.bulk-fields-form .field-header {
  border-bottom: 2px solid #0077c0;
  padding: 10px 0;
  color: #020a20;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 15px;
}
.bulk-fields-form .field-label {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #35393c;
  margin-bottom: 0;
}
.bulk-fields-form .field-label + p {
  font-size: 14px;
  font-size: 1rem;
  color: rgba(103, 108, 121, 0.8);
}

.form-link-right {
  position: absolute !important;
  left: 100%;
  width: max-content;
  font-size: 16px;
  font-size: 1.1428571429rem;
  top: 4px;
}
.form-link-right.top0 {
  top: 0;
}

.hidden-opts {
  display: inline-block;
}
.hidden-opts .hover-opts {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.hidden-opts .hover-opts[aria-controls] {
  opacity: 1;
}
.hidden-opts:hover .hover-opts {
  opacity: 1;
}

.pt-18 {
  padding-top: 18px;
}

.mt--3 {
  margin-top: -3px;
}

.mt-18 {
  margin-top: 18px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-40 {
  margin-top: 40px;
}

.mt-16 {
  margin-top: 16px;
}

.fields-title {
  border-bottom: 2px solid #0077c0;
}
.fields-title .mat-icon-button {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.fields-title .mat-icon-button.visible-icon {
  opacity: 1;
}
.fields-title .mat-icon-button .smaller {
  margin-top: -4px;
}
.fields-title .mat-icon-button.collapsed {
  transform: rotate(180deg);
}
.fields-title .section-error-msg {
  display: none;
  font-size: 12px;
  font-size: 0.8571428571rem;
  color: #ff4a56;
}
.fields-title.with-error {
  border-bottom-color: #ff4a56;
}
.fields-title.with-error .section-error-msg {
  display: inline-block;
}
.fields-title:hover .mat-icon-button {
  opacity: 1;
}
.fields-title.left-button .mat-icon-button {
  transform: translateY(-1px);
}
.fields-title.left-button .mat-icon-button.collapsed {
  transform: rotate(180deg) translateY(-1px);
}

.fields-container {
  overflow: hidden;
}
.fields-container .field-set {
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  padding-top: 1.34375em;
}
.fields-container .field-set .move-cursor,
.fields-container .field-set .float-right {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.fields-container .field-set:hover, .fields-container .field-set.current {
  background-color: rgba(177, 180, 182, 0.1);
}
.fields-container .field-set:hover .move-cursor,
.fields-container .field-set:hover .float-right, .fields-container .field-set.current .move-cursor,
.fields-container .field-set.current .float-right {
  opacity: 1;
}

.align-sub {
  vertical-align: sub !important;
}

.move-cursor {
  cursor: move !important;
}
.move-cursor:disabled {
  cursor: auto !important;
}

.mat-snack-bar-container .mat-simple-snackbar {
  font-size: 14px;
  font-size: 1rem;
}
.mat-snack-bar-container .mat-simple-snackbar-action button {
  min-width: 100px !important;
  line-height: 36px !important;
  font-size: 14px;
  font-size: 1rem;
}
.mat-snack-bar-container.green {
  background-color: #5aba8a;
  color: #ffffff;
}
.mat-snack-bar-container.green .mat-simple-snackbar-action button {
  background-color: rgba(255, 255, 255, 0.16);
  max-height: none;
  color: #ffffff;
}
.mat-snack-bar-container.yellow-bar {
  background-color: #d0d312;
  color: #ffffff;
}
.mat-snack-bar-container.yellow-bar .mat-simple-snackbar-action button {
  background-color: rgba(255, 255, 255, 0.16);
  max-height: none;
  color: #ffffff;
}

.gallery-view .gallery-img {
  display: inline-block;
  vertical-align: top;
  width: 110px;
  height: 110px;
  border-radius: 16px;
  overflow: hidden;
}
.gallery-view .gallery-img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.gallery-view .gallery-img.overlay {
  position: relative;
}
.gallery-view .gallery-img.overlay::before {
  content: "";
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
}
.gallery-view .gallery-img.overlay p {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #ffffff;
  margin-bottom: 0;
  position: absolute;
  text-align: center;
  line-height: 1.1;
  width: 100%;
  height: 100%;
  top: 36px;
  left: 0;
}
.gallery-view .gallery-img.overlay p span {
  display: block;
}

.uploaded-imgs .img-box {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.uploaded-imgs .img-box .img-container {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  overflow: hidden;
}
.uploaded-imgs .img-box .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.uploaded-imgs .img-box .img-container.bordered {
  border: 1px solid #e2e2ea;
}
.uploaded-imgs .img-box .delete-icon {
  position: absolute;
  top: -12px;
  right: -12px;
  color: #ff4a56;
}
.uploaded-imgs .img-box .delete-icon mat-icon:before {
  border: 2px solid #ffffff;
  border-radius: 50%;
  background-color: #ffffff;
}

.last-update {
  font-size: 12px;
  font-size: 0.8571428571rem;
  color: #b2b5bb;
  font-style: italic;
}

.comments-area .comment-bar {
  border-bottom: 1px solid rgba(0, 119, 192, 0.2);
  margin-left: 40px;
  padding-top: 8px;
  padding-bottom: 12px;
  margin-bottom: 10px;
}
.comments-area .comment-bar .comment-top-bar {
  padding-right: 40px;
  position: relative;
}
.comments-area .comment-bar .comment-top-bar .badges.round {
  margin-left: -40px;
  width: 36px;
  height: 36px;
  line-height: 36px;
}
.comments-area .comment-bar .comment-top-bar .name {
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 4px;
}
.comments-area .comment-bar .comment-top-bar .date {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #747780;
  display: inline-block;
  vertical-align: middle;
  margin: 0 6px;
}
.comments-area .comment-bar .comment-top-bar .reply {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #747780;
  vertical-align: middle;
  margin-right: 6px;
  transition: all 0.3s ease-in-out;
}
.comments-area .comment-bar .comment-top-bar .reply:hover {
  color: #0077c0;
  text-decoration: none;
}
.comments-area .comment-bar .comment-top-bar .comments-options {
  color: #0077c0;
  position: absolute;
  right: 12px;
  top: 6px;
}
.comments-area .comment-bar .comment-top-bar .comments-options .material-icons {
  vertical-align: middle;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  top: 50px;
  right: 12px;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  top: 30px;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #c7c8ca;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c7c8ca;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list ul li a:hover {
  background-color: #0077c0;
  color: #ffffff;
  text-decoration: none;
}
.comments-area .comment-bar .comment-top-bar .comments-options-list ul li:last-child a.disabled {
  border-bottom: none;
}
.comments-area .comment-bar .comments-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #747780;
  margin: 6px 0;
  margin-left: 4px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.comments-area .comment-bar .comments-text .ellipses-text {
  display: inline-block;
  vertical-align: middle;
  width: 90%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.comments-area .comment-bar .field-group {
  margin: 8px 0;
}
.comments-area .comment-bar .field-group .mat-input-element {
  padding-right: 70px;
}
.comments-area .comment-bar .field-group .attachement-link {
  position: absolute;
  right: 40px;
  top: 3px;
}
.comments-area .comment-bar .field-group .submit-link {
  position: absolute;
  right: 8px;
  top: 3px;
}
.comments-area .comment-bar .field-group .submit-link.bottom-set {
  top: auto;
  bottom: 30px;
}
.comments-area .comment-bar .field-group .error-red {
  color: #df6b51;
}
.comments-area .comment-bar.secrond-level {
  margin-left: 80px;
}
.comments-area .comment-bar.third-level {
  margin-left: 120px;
}
.comments-area .comment-bar.first-comment-bar {
  border-bottom: none;
  margin-left: 0;
  padding-top: 0;
}
.comments-area .comment-bar:last-child {
  border-bottom: none;
}

.column-selector {
  position: absolute;
  min-width: 250px;
  right: 10px;
  top: 44px;
  text-transform: capitalize;
  line-height: 1;
  box-shadow: 0px 3px 12px 0px rgba(0, 0, 0, 0.16);
  visibility: hidden;
  opacity: 0;
  z-index: 100;
  transition: all 0.3s ease-in-out;
}
.column-selector .selector-header {
  border-radius: 6px 6px 0 0;
  background-color: #0077c0;
  color: #ffffff;
  padding: 16px 14px 13px 14px;
}
.column-selector .selector-header:before {
  content: "";
  position: absolute;
  right: 10px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #0077c0;
}
.column-selector .selector-header h4 {
  color: #ffffff;
  margin: 0;
}
.column-selector .selector-body {
  background-color: #ffffff;
  padding: 14px 14px 60px 14px;
  border-radius: 0 0 6px 6px;
}
.column-selector .selector-body .column-search {
  position: relative;
  margin-top: 8px;
}
.column-selector .selector-body .column-search i {
  position: absolute;
  left: 10px;
  top: 8px;
  color: #b2b5bb;
}
.column-selector .selector-body .column-search input {
  border: 1px solid #b2b5bb;
  border-radius: 4px;
  width: 100%;
  padding: 6px 6px 6px 28px;
  transition: border-color 0.3s ease-in-out;
}
.column-selector .selector-body .column-search input::placeholder {
  color: #b2b5bb;
}
.column-selector .selector-body .column-search input:focus {
  outline: none;
  border-color: #0077c0;
}
.column-selector .selector-body .column-list {
  max-height: 200px;
  padding: 14px;
  margin-left: -14px;
}
.column-selector .selector-body .column-list ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.column-selector .selector-body .column-list ul li {
  margin-bottom: 10px;
}
.column-selector .selector-footer {
  position: absolute;
  bottom: 4px;
  left: 4px;
  width: calc(100% - 8px);
  background-color: #f7f8fc;
  padding: 10px;
  border-radius: 0 0 6px 6px;
}
.column-selector.opened {
  visibility: visible;
  opacity: 1;
}

.mat-menu-content .menu-title {
  font-size: 12px;
  font-size: 0.8571428571rem;
  text-transform: uppercase;
  color: #b2b5bb;
  padding: 6px 16px;
  display: block;
  border-bottom: 1px solid #b2b5bb;
  position: relative;
}

.width-set.mat-menu-panel {
  min-width: 230px;
  /* &:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid $color-white;
  } */
}

.checked-list {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.checked-list li {
  margin-bottom: 4px;
}
.checked-list li a {
  color: #000000;
}
.checked-list li a span {
  text-decoration: underline;
  margin-left: 0;
  width: auto;
}
.checked-list li span {
  margin-left: 0;
  width: auto;
}
.checked-list li .check-icon {
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
}

hr {
  margin: 0;
  height: 2px;
}
hr.blue {
  border-top: 2px solid #0077c0;
}
hr.gray {
  border-top: 2px solid #e5e6e8;
}

.error-icon {
  display: inline-block;
  font-size: 20px;
  font-size: 1.4285714286rem;
}

::ng-deep .mat-tooltip {
  background-color: #ffffff !important;
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.16);
  padding: 10px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  margin: 6px !important;
  color: #1a2235 !important;
  word-break: normal !important;
  white-space: normal !important;
  /* &:before {
    content: '';
    position: absolute;
    top: -6px;
    left: calc(50% - 3px);
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid $color-white;
  } */
}

.thumb-imgs {
  display: inline-block;
  vertical-align: middle;
}
.thumb-imgs a {
  display: inline-block;
  vertical-align: middle;
  width: 90px;
  height: 50px;
  border-radius: 4px;
  margin: 0 5px;
  overflow: hidden;
  position: relative;
}
.thumb-imgs a img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.thumb-imgs a .more {
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 50px;
  font-size: 14px;
  font-size: 1rem;
}
.thumb-imgs a:last-child {
  margin-right: 0;
}
.thumb-imgs a:first-child {
  margin-left: 0;
}

.field-option-box .field-select-box {
  border: 1px solid #a1acb4;
  border-radius: 6px;
  padding: 14px 20px;
  height: 100%;
  cursor: pointer;
}
.field-option-box .field-select-box .title-area {
  pointer-events: none;
}
.field-option-box .field-select-box .title-area .left {
  display: inline-block;
  vertical-align: top;
  margin-right: 8px;
}
.field-option-box .field-select-box .title-area .left i {
  color: #596174;
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.field-option-box .field-select-box .title-area .right {
  display: inline-block;
  vertical-align: top;
}
.field-option-box .field-select-box .title-area .right h3 {
  color: #1a2235;
  margin-bottom: 2px;
}
.field-option-box .field-select-box .title-area .right p {
  color: #596174;
  margin-bottom: 0;
}
.field-option-box .field-select-box .list-area {
  pointer-events: none;
  margin-top: 6px;
}
.field-option-box .field-select-box .list-area ul li {
  color: #596174;
}
.field-option-box .field-select-box.active {
  border-color: #0093ff;
}
.field-option-box .field-select-box.active .title-area .left i {
  color: #0093ff;
}
.field-option-box .field-select-box.active .title-area .right h3 {
  color: #0093ff;
}

.permission-list {
  border: 1px solid #e8e8e8;
  border-radius: 8px;
  overflow: hidden;
}
.permission-list .mat-icon-button.collapsed {
  transform: rotate(180deg);
}
.permission-list .permission-header {
  padding: 14px 20px 14px 14px;
  background-color: #f7f8fc;
}
.permission-list .permission-body {
  border-top: 1px solid #e8e8e8;
  padding: 0 20px;
}
.permission-list .permission-body ul {
  list-style: none outside none;
  margin: 8px 0;
  padding: 0;
}
.permission-list .permission-body ul li {
  border-bottom: 1px solid #e8e8e8;
  padding: 0 10px;
}
.permission-list .permission-body ul li .field-group .mat-form-field-wrapper {
  padding-bottom: 0;
}
.permission-list .permission-body ul li .field-group .mat-form-field-appearance-outline .mat-form-field-outline-start,
.permission-list .permission-body ul li .field-group .mat-form-field-appearance-outline .mat-form-field-outline-gap,
.permission-list .permission-body ul li .field-group .mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: none;
}
.permission-list .permission-body ul li:last-child {
  border-bottom: none;
}
.permission-list .permission-body ul li.has-child > .row {
  border-bottom: 1px solid #e8e8e8;
}
.permission-list .permission-body ul li.has-child > .row + ul li {
  margin: 0 -10px;
}
.permission-list .permission-body ul li.has-child > .row + ul li .my-auto {
  padding-left: 39px;
}
.permission-list .permission-body ul li.has-sub-child > .row {
  border-bottom: 1px solid #e8e8e8;
}
.permission-list .permission-body ul li.has-sub-child > .row + ul li {
  margin: 0 -10px;
}
.permission-list .permission-body ul li.has-sub-child > .row + ul li .my-auto {
  padding-left: 69px;
}

.disbaled-text {
  color: #c7c8ca !important;
}

.download-disabled-bulkwo {
  border-radius: 4px;
  background: #f7f7f7;
  color: #c7c8ca;
  text-align: center;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-top: 90px;
}
@media only screen and (min-width: 1600px) {
  .download-disabled-bulkwo {
    margin-top: 70px;
  }
}
.download-disabled-bulkwo p {
  position: relative;
  top: 0;
}
.download-disabled-bulkwo mat-icon {
  font-size: 48px;
  font-size: 3.4285714286rem;
  width: 48px;
  height: 48px;
  position: relative;
  top: -40px;
}
.download-disabled-bulkwo .file-loader {
  position: absolute;
  background-color: rgba(247, 247, 247, 0.7);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.download-disabled-bulkwo .file-loader p {
  color: #1a2235;
}
.download-disabled-bulkwo .file-loader img {
  width: 100px;
}

.download-box-bulkwo {
  border-radius: 4px;
  border: 1px solid #707070;
  color: #1a2235;
  text-align: center;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-top: 90px;
}
@media only screen and (min-width: 1600px) {
  .download-box-bulkwo {
    margin-top: 70px;
  }
}
.download-box-bulkwo p {
  position: relative;
  top: -20px;
}
.download-box-bulkwo mat-icon {
  font-size: 48px;
  font-size: 3.4285714286rem;
  width: 48px;
  height: 48px;
  position: relative;
  top: -60px;
  color: #5ab78a;
  transition: all 0.3s ease-in-out;
}
.download-box-bulkwo button {
  position: absolute;
  bottom: 20px;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.download-box-bulkwo:hover {
  border-color: #0077c0;
  text-decoration: none;
}
.download-box-bulkwo:hover button {
  opacity: 1;
}
.download-box-bulkwo:hover p {
  color: #1a2235;
}
.download-box-bulkwo:hover mat-icon {
  top: -50px;
}

.upload-disabled-bulkwo {
  border-radius: 4px;
  background: #f7f7f7;
  color: #c7c8ca;
  text-align: center;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-top: 90px;
}
@media only screen and (min-width: 1600px) {
  .upload-disabled-bulkwo {
    margin-top: 70px;
  }
}
.upload-disabled-bulkwo p {
  position: relative;
  top: 0;
}
@media only screen and (min-width: 1600px) {
  .upload-disabled-bulkwo p {
    top: 10px;
  }
}
.upload-disabled-bulkwo mat-icon {
  font-size: 48px;
  font-size: 3.4285714286rem;
  width: 48px;
  height: 48px;
  position: relative;
  top: -40px;
}
@media only screen and (min-width: 1600px) {
  .upload-disabled-bulkwo mat-icon {
    top: -30px;
  }
}
.upload-disabled-bulkwo .file-loader {
  position: absolute;
  background-color: rgba(247, 247, 247, 0.7);
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.upload-disabled-bulkwo .file-loader p {
  color: #1a2235;
}
.upload-disabled-bulkwo .file-loader img {
  width: 100px;
}

/* .upload-disabled-bulkwo {
  border-radius: 20px;
  background: $dl-offwhite;
  color: $color-btn-gray;
  text-align: center;
  border-radius: 20px;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 90px;

  mat-icon {
    @include font-size(60);
    width: 60px;
    height: 60px;
  }

  .padded {
    padding: 0 10px;
    margin-bottom: 0;
    position: relative;
    top: 26px;
  }

  small {
    @include font-size(12);
    position: absolute;
    bottom: 20px;
  }

  .simple-link {
    pointer-events: none;
    @include font-size(14);
    &.skyBlue {
      color: $color-btn-gray !important;
    }
  }
} */
.upload-box-bulkwo {
  border-radius: 4px;
  border: 1px solid #707070;
  color: #676c79;
  text-align: center;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  overflow: hidden;
  margin-top: 90px;
}
@media only screen and (min-width: 1600px) {
  .upload-box-bulkwo {
    margin-top: 70px;
  }
}
.upload-box-bulkwo p {
  position: relative;
  top: -15px;
  color: #1a2235;
}
.upload-box-bulkwo small {
  color: #676c79;
  font-size: 12px;
  font-size: 0.8571428571rem;
  position: absolute;
  bottom: 20px;
  padding: 0 20px;
}
.upload-box-bulkwo mat-icon {
  font-size: 48px;
  font-size: 3.4285714286rem;
  width: 48px;
  height: 48px;
  position: relative;
  top: -49px;
  color: #0077c0;
  transition: all 0.3s ease-in-out;
}
.upload-box-bulkwo .mat-flat-button {
  position: absolute;
  bottom: 20px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.upload-box-bulkwo .mat-flat-button .btn-dropdown {
  width: 24px;
  height: 24px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #ffffff;
  top: auto;
}
.upload-box-bulkwo:hover {
  border-color: #0077c0;
  text-decoration: none;
}
.upload-box-bulkwo:hover .mat-flat-button {
  opacity: 1;
}
.upload-box-bulkwo:hover p {
  color: #1a2235;
}
.upload-box-bulkwo:hover mat-icon {
  top: -39px;
}

/* .upload-box-bulkwo {
  border: 1px dashed $dl-gray-lighter;
  border-radius: 20px;
  color: $dl-gray-lighter;
  text-align: center;
  border-radius: 20px;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 90px;

  .padded {
    padding: 0;
    margin-bottom: 0;
    position: relative;
    top: -4px;
  }

  small {
    color: $dl-gray-lighter;
    @include font-size(12);
    position: absolute;
    bottom: 20px;
  }

  mat-icon {
    @include font-size(60);
    width: 60px;
    height: 60px;

    &.btn-dropdown {
      width: 24px;
      height: 24px;
      @include font-size(16);
    }
  }

  .mat-flat-button {
    position: absolute;
    bottom: 20px;
    transition: box-shadow 0.3s ease-in-out;

    &:hover {
      box-shadow: 0px 4px 6px #00000029;
    }
  }
} */
.upload-success-bulkwo {
  border: 1px solid #676c79;
  border-radius: 20px;
  color: #676c79;
  text-align: center;
  border-radius: 20px;
  height: 85%;
  padding: 0 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  position: relative;
  margin-top: 90px;
}
@media only screen and (min-width: 1600px) {
  .upload-success-bulkwo {
    margin-top: 70px;
  }
}
.upload-success-bulkwo .padded {
  padding: 0 20px;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.upload-success-bulkwo small {
  color: #676c79;
  font-size: 12px;
  font-size: 0.8571428571rem;
  position: absolute;
  bottom: 20px;
}
.upload-success-bulkwo mat-icon {
  font-size: 60px;
  font-size: 4.2857142857rem;
  width: 60px;
  height: 60px;
  color: #5ab78a;
}

.wo-btns {
  border: 1px solid #b2b5bb;
  border-radius: 4px;
  padding: 20px;
  display: inline-block;
  vertical-align: top;
  min-height: 210px;
  width: calc(50% - 20px);
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.wo-btns:first-child {
  margin-right: 20px;
}
.wo-btns .icon {
  /* display: inline-block;
  vertical-align: middle; */
  display: block;
  /* max-width: 60px;
  margin-right: 30px; */
}
.wo-btns .icon i {
  font-size: 36px;
  font-size: 2.5714285714rem;
  color: #b2b5bb;
  transition: all 0.3s ease-in-out;
  position: relative;
  top: 0;
}
.wo-btns .content {
  /* width: calc(100% - 80px);
  display: inline-block;
  vertical-align: middle; */
  display: block;
}
.wo-btns .content h3 {
  transition: all 0.3s ease-in-out;
  color: #1a2235;
  margin-top: 20px;
}
.wo-btns .content p {
  font-size: 14px;
  font-size: 1rem;
  padding: 0;
  margin: 0;
  color: #1a2235;
}
.wo-btns:hover {
  text-decoration: none;
  border-color: #0077c0;
}
.wo-btns:hover .icon i {
  color: #0077c0;
  top: 10px;
}

.wo-steps .wo-state {
  width: 33.3333%;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  position: relative;
}
.wo-steps .wo-state:after {
  content: "";
  position: absolute;
  left: 50%;
  top: 18px;
  height: 1px;
  width: 100%;
  border: 1px dashed #c7d2d9;
  z-index: 1;
}
.wo-steps .wo-state .number {
  position: relative;
  z-index: 5;
  color: #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  display: block;
  line-height: 34px;
  background-color: #b2b5bb;
  text-align: center;
  margin: 0 auto;
  border: 4px solid #ffffff;
}
.wo-steps .wo-state .icon {
  position: relative;
  z-index: 5;
  color: #ffffff;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  line-height: 34px;
  background-color: #0077c0;
  text-align: center;
  margin: 0 auto;
  border: 4px solid #ffffff;
  display: none;
}
.wo-steps .wo-state .text {
  margin-top: 10px;
  color: #b2b5bb;
}
.wo-steps .wo-state:last-child:after {
  display: none;
}
.wo-steps .wo-state.current .number {
  background-color: #0077c0;
}
.wo-steps .wo-state.current .text {
  color: #0077c0;
}
.wo-steps .wo-state.done .number {
  display: none;
}
.wo-steps .wo-state.done .icon {
  display: block;
}
.wo-steps .wo-state.done .text {
  color: #0077c0;
}
.wo-steps .wo-state.done:after {
  border-color: #0077c0;
}

.view-fields {
  min-height: 348px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}

.file-error {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #ff4a56;
}

.asset-stats-btns {
  max-width: 1304px;
  margin: 0 auto;
}
.asset-stats-btns a {
  display: inline-flex;
  justify-content: flex-start;
  /* flex-direction: column; */
  align-items: flex-start;
  border-radius: 4px;
  border: 1px solid #e5e6e8;
  padding: 36px 16px;
  box-shadow: 0px 6px 6px rgba(78, 125, 150, 0.1);
  transition: all 0.3s ease-in-out;
  min-width: 306px;
  margin: 0 10px 20px 10px;
}
.asset-stats-btns a .round-icon {
  width: 68px;
  height: 68px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.asset-stats-btns a .round-icon i {
  color: rgba(52, 59, 76, 0.8);
  font-size: 24px;
  font-size: 1.7142857143rem;
  line-height: 66px;
}
.asset-stats-btns a .round-icon.cyan {
  background-color: rgba(0, 119, 192, 0.1);
}
.asset-stats-btns a .round-icon.purple {
  background-color: rgba(194, 122, 235, 0.1);
}
.asset-stats-btns a .round-icon.yellow {
  background-color: rgba(243, 166, 131, 0.1);
}
.asset-stats-btns a .round-icon.sky {
  background-color: rgba(3, 196, 198, 0.1);
}
.asset-stats-btns a .round-icon.green {
  background-color: rgba(0, 255, 60, 0.1);
}
.asset-stats-btns a .round-icon.red {
  background-color: rgba(255, 0, 0, 0.1);
}
.asset-stats-btns a .round-icon.orange {
  background-color: rgba(255, 77, 0, 0.1);
}
.asset-stats-btns a .content {
  text-align: left;
  max-width: calc(100% - 82px);
  display: inline-block;
  vertical-align: middle;
  margin-top: 8px;
}
.asset-stats-btns a .content h3 {
  color: #7d7d7d;
  font-size: 18px;
  font-size: 1.2857142857rem;
  transition: all 0.3s ease-in-out;
  pointer-events: none;
  margin-bottom: 0;
  max-width: 190px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.asset-stats-btns a .content h4 {
  color: #4d4f5c;
  font-size: 30px;
  font-size: 2.1428571429rem;
  margin-bottom: 0;
  pointer-events: none;
  max-width: 190px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.asset-stats-btns a:hover {
  text-decoration: none;
  border-color: #0077c0;
}
.asset-stats-btns a.selected {
  text-decoration: none;
  border-color: #0077c0;
  background-color: rgba(0, 119, 192, 0.05);
}
.asset-stats-btns a.selected .content h3 {
  color: #0077c0;
}
.asset-stats-btns.task-stats-btns a {
  padding: 23px 16px;
}
.asset-stats-btns.task-stats-btns a .round-icon {
  border-radius: 8px;
  width: 60px;
  height: 60px;
  text-align: center;
}
.asset-stats-btns.task-stats-btns a .round-icon i {
  color: inherit;
  line-height: 60px;
}
.asset-stats-btns.task-stats-btns a .round-icon.yellow {
  background-color: rgba(255, 221, 0, 0.16);
  color: #ffdd00;
}
.asset-stats-btns.task-stats-btns a .round-icon.green {
  background-color: rgba(27, 188, 114, 0.16);
  color: #1bbc72;
}
.asset-stats-btns.task-stats-btns a .round-icon.green-light {
  background-color: rgba(0, 255, 60, 0.16);
  color: #00ff3c;
}
.asset-stats-btns.task-stats-btns a .round-icon.red {
  background-color: rgba(255, 74, 86, 0.16);
  color: #ff4a56;
}
.asset-stats-btns.task-stats-btns a .round-icon.purple {
  background-color: rgba(194, 122, 235, 0.16);
  color: #c27aeb;
}
.asset-stats-btns.task-stats-btns a .round-icon.blue {
  background-color: rgba(0, 119, 192, 0.16);
  color: #0077c0;
}
.asset-stats-btns.task-stats-btns a .round-icon.blue-light {
  background-color: rgba(46, 176, 255, 0.16);
  color: #2eb0ff;
}
.asset-stats-btns.task-stats-btns a .round-icon.orange {
  background-color: rgba(255, 158, 20, 0.16);
  color: #ff9e14;
}
.asset-stats-btns.task-stats-btns a .content {
  margin-top: 3px;
}
.asset-stats-btns.billing-btns {
  margin-top: 20vh;
}
.asset-stats-btns.billing-btns a {
  border-radius: 6px;
  box-shadow: none;
  height: 120px;
  justify-content: center;
  align-items: stretch;
}

.bigger-search-bar {
  border: 1px solid #e5e6e8;
  border-radius: 4px;
  background-color: #ffffff;
  padding: 5px 10px;
  box-shadow: 0px 6px 6px rgba(78, 125, 150, 0.1);
  transition: all 0.3s ease-in-out;
  max-width: 1284px;
  margin: 0 auto;
}
.bigger-search-bar:hover, .bigger-search-bar:focus-within {
  border-color: #0077c0;
}

.bigger-search-bar-secondary .search-bar {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 75.6%;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions {
  position: absolute;
  box-shadow: 0px 3px 3px rgba(78, 125, 150, 0.1);
  border-radius: 3px;
  background-color: #ffffff;
  width: calc(100% + 10px);
  left: -10px;
  top: 55px;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions h6 {
  color: #999da5;
  font-size: 12px;
  font-size: 0.8571428571rem;
  margin-bottom: 0;
  margin-top: 12px;
  padding-left: 30px;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li {
  position: relative;
  padding: 6px 12px 6px 30px;
  line-height: 1;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li:before {
  content: "\f002";
  position: absolute;
  left: 6px;
  top: 5px;
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-family: "Font Awesome 5 Pro";
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li .link {
  color: #1a2235;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 20px);
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li .link:hover {
  text-decoration: none;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li .remove {
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions ul li:hover {
  background-color: rgba(0, 119, 192, 0.1);
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions.active {
  max-height: 200px;
  visibility: visible;
  overflow: auto;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history {
  position: absolute;
  box-shadow: 0px 3px 3px rgba(78, 125, 150, 0.1);
  border-radius: 3px;
  background-color: #ffffff;
  width: calc(100% + 10px);
  left: -10px;
  top: 55px;
  visibility: hidden;
  max-height: 0;
  overflow: hidden;
  transition: all 0.3s ease-in-out;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history h6 {
  color: #999da5;
  font-size: 12px;
  font-size: 0.8571428571rem;
  margin-bottom: 0;
  margin-top: 12px;
  padding-left: 30px;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li {
  position: relative;
  padding: 6px 12px 6px 30px;
  line-height: 1;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li:before {
  content: "\f017";
  position: absolute;
  left: 6px;
  top: 6px;
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-family: "Font Awesome 5 Pro";
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li .link {
  color: #1a2235;
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 20px);
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li .link:hover {
  text-decoration: none;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li .remove {
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history ul li:hover {
  background-color: rgba(0, 119, 192, 0.1);
}
.bigger-search-bar-secondary .search-bar .asset-search-suggestions-history.active {
  max-height: 200px;
  visibility: visible;
  overflow: auto;
}
.bigger-search-bar-secondary .search-bar input {
  height: 48px;
  padding: 6px 40px 6px 30px;
  width: 100%;
  border: none;
  text-align: left;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.bigger-search-bar-secondary .search-bar input::placeholder {
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.bigger-search-bar-secondary .search-bar input:focus {
  outline: none;
  /* ~ .asset-search-suggestions-history {
    max-height:200px;
    visibility: visible;
    overflow: auto;
  } */
}
.bigger-search-bar-secondary .search-bar .clear-search {
  position: absolute;
  color: #343b4c;
  right: 16px;
  top: 15px;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.bigger-search-bar-secondary .search-bar .clear-search:hover {
  text-decoration: none;
}
.bigger-search-bar-secondary .search-bar .search-icon {
  position: absolute;
  color: #999da5;
  left: 0;
  top: 15px;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.bigger-search-bar-secondary .search-bar.without-category {
  width: 92.6%;
  border-right: 1px solid rgba(125, 125, 125, 0.2);
}
.bigger-search-bar-secondary .search-category {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid rgba(125, 125, 125, 0.2);
  border-left: 1px solid rgba(125, 125, 125, 0.2);
  padding: 0 6px;
}
.bigger-search-bar-secondary .search-category .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.bigger-search-bar-secondary .search-category .mat-form-field-appearance-outline .mat-form-field-outline,
.bigger-search-bar-secondary .search-category .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: transparent;
}
.bigger-search-bar-secondary .search-category .mat-form-field-appearance-outline .mat-select-placeholder {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.bigger-search-bar-secondary .search-category .mat-form-field-appearance-outline:hover {
  background-color: rgba(0, 119, 192, 0.05);
}
.bigger-search-bar-secondary .search-category .mat-form-field-appearance-outline:hover .mat-select-placeholder {
  color: #0077c0;
}
.bigger-search-bar-secondary .go-button {
  display: inline-block;
  vertical-align: top;
  padding-top: 2px;
  padding-left: 10px;
}
.bigger-search-bar-secondary.no-go-btn .search-category {
  border-right: none;
}

.asset-landing-container {
  padding: 0 20px;
}

.asset-results-table .result-counter .search-word {
  color: #676c79;
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: inline-block;
  vertical-align: middle;
}
.asset-results-table .result-counter .result-sep {
  display: inline-block;
  vertical-align: middle;
  position: relative;
}
.asset-results-table .result-counter .result-sep:after {
  content: "";
  position: absolute;
  left: 0;
  top: -10px;
  background-color: rgba(103, 108, 121, 0.5);
  width: 1px;
  height: 22px;
}
.asset-results-table .result-counter .search-count {
  color: #676c79;
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: inline-block;
  vertical-align: middle;
}
.asset-results-table .result-counter .simple-link {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
}

.bg-light-gray {
  background-color: #fbfafa;
}

/* Asset Updated View */
.asset-filter-listing-panel {
  position: relative;
  padding: 0 20px 20px;
}
.asset-filter-listing-panel .filter-btn {
  position: fixed;
  left: 20px;
  top: 140px;
  z-index: 10;
}
.asset-filter-listing-panel .filter-btn .btn-dropdown {
  /* @include transition(all 0.3s ease-in-out); */
}
.asset-filter-listing-panel .asset-filter-panel {
  padding: 20px 0 0 20px;
  position: fixed;
  width: 300px;
  left: 0;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container {
  padding-top: 78px;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .category-search {
  position: relative;
  margin-top: -18px;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .category-search input {
  border-radius: 4px;
  border: 2px solid #e9ebf2;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .category-search input::placeholder {
  color: #7d7d7d;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .category-search input:focus {
  border-color: #0077c0;
  outline: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .category-search .search-btn {
  position: absolute;
  right: 2px;
  top: 1px;
  background-color: #f7f8fc;
  min-width: 40px !important;
  height: 41px;
  color: #4d4f5c;
  padding: 0;
  border-radius: 0 4px 4px 0 !important;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list h2 {
  border-bottom: 2px solid #e9ebf2;
  padding-bottom: 12px;
  margin-top: 26px;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list h2:first-child {
  margin-top: 0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  max-height: 225px;
  overflow: hidden;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul.expanded {
  max-height: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li {
  border-bottom: 1px solid #e9ebf2;
  padding: 10px 4px;
  position: relative;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li a {
  /* @extend %roboto-medium; */
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #1a2235;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li a span {
  display: inline-block;
  text-decoration: underline;
  color: #7d7d7d;
  font-size: 14px;
  font-size: 1rem;
  pointer-events: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li .mat-icon-button {
  position: absolute;
  top: 2px;
  right: -4px;
  visibility: hidden;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li.no-border {
  border-bottom: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li .field-group .mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li .field-group .mat-form-field-appearance-outline .mat-icon-button {
  visibility: visible;
  position: relative;
  top: auto;
  right: auto;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li.selected a {
  color: #0077c0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li.selected a span {
  color: #0077c0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .filters-list ul li.selected .mat-icon-button {
  visibility: visible;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list {
  list-style: none outside none;
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li {
  position: relative;
  margin-bottom: 6px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li a {
  padding: 10px;
  white-space: nowrap;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #444444;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
  line-height: 1.3;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li a:hover {
  text-decoration: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.current {
  background-color: #0077c0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.current a {
  color: #ffffff;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.current .list-opts {
  color: #ffffff;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.current:hover {
  background-color: #0077c0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.current:hover a {
  color: #ffffff;
  background-color: transparent;
  text-decoration: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.has-alert:after {
  content: "";
  background-color: #ff9e14;
  width: 6px;
  height: 6px;
  position: absolute;
  right: 6px;
  top: 18px;
  border-radius: 50%;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li .list-opts {
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.3s ease-in-out;
  opacity: 0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li .list-opts.always-visible {
  opacity: 1;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.opts-clicked {
  background-color: #e5f1f9;
  text-decoration: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.opts-clicked a {
  background-color: transparent;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.opts-clicked .list-opts {
  opacity: 1;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.opts-clicked.current {
  background-color: #0077c0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.has-child .fa-angle-down {
  margin-right: 6px;
  pointer-events: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.has-child > a:hover {
  background-color: #e5f1f9;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.has-child .child-list {
  transition: all 0.3s ease-in-out;
  max-height: 1000px;
  opacity: 1;
  overflow: visible;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.has-child.collapsed .fa-angle-down {
  transform: rotate(180deg);
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.has-child.collapsed .child-list {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.with-icons a {
  padding-right: 34px;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.with-icons.move-icon .list-opts {
  cursor: move;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.with-icons.left-icon a {
  padding-right: 10px;
  padding-left: 34px;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li.with-icons.left-icon .list-opts {
  left: 0;
  right: auto;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover {
  background-color: #e5f1f9;
  text-decoration: none;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover a {
  background-color: transparent;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover .list-opts {
  opacity: 1;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover.has-child {
  background-color: transparent;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover.has-child .list-opts {
  opacity: 0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover.has-child .list-opts.always-visible {
  opacity: 1;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list li:hover .child-list li:hover .list-opts {
  opacity: 1;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list.lighter-bordered li {
  border-bottom: 1px solid #ecf0f1;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list.lighter-bordered li.current {
  background-color: transparent;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list.lighter-bordered li.current a {
  color: #0077c0;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list.lighter-bordered li:hover {
  background-color: transparent;
}
.asset-filter-listing-panel .asset-filter-panel .filter-list-container .tabs-list.lighter-bordered li:hover a {
  color: #0077c0;
}
.asset-filter-listing-panel .asset-listing-panel {
  width: calc(100% - 300px);
  left: 300px;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.asset-filter-listing-panel .asset-listing-panel .top-container {
  position: fixed;
  width: calc(100% - 340px);
  left: 310px;
  top: 132px;
  z-index: 5;
  transition: all 0.3s ease-in-out;
  padding-top: 8px;
  background-color: #ffffff;
  text-align: right;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar {
  padding: 0 4px 0 12px;
  display: inline-block;
  max-width: none;
  vertical-align: top;
  width: calc(100% - 126px);
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .search-icon,
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .clear-search {
  top: 12px;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .search-bar {
  margin-top: 2px;
  width: calc(100% - 288px);
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .search-bar input {
  height: 42px;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .search-category .field-group .mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 12px 0 12px 0;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .go-button {
  padding-top: 4px;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .go-button .mat-flat-button {
  line-height: 38px !important;
}
.asset-filter-listing-panel .asset-listing-panel .top-container .bigger-search-bar .go-button .mat-flat-button.small-width {
  min-width: 60px !important;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container {
  padding: 8px 0;
  background-color: #ffffff;
  position: fixed;
  width: calc(100% - 340px);
  left: 318px;
  top: 186px;
  z-index: 4;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-top: 15px;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text .search-for {
  color: #676c79;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text .result-count {
  color: #676c79;
  display: inline-block;
  padding: 0 16px;
  margin: 0 6px;
  border-left: 1px solid rgba(103, 108, 121, 0.4);
  border-right: 1px solid rgba(103, 108, 121, 0.4);
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .results-text .result-count.no-left-border {
  border-left: none;
  padding-left: 10px;
  margin-left: 0;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .grid-select-all {
  display: inline-block;
  vertical-align: middle;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .grid-select-all .mat-checkbox-layout .mat-checkbox-label {
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-title {
  color: #999da5;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd {
  display: inline-block;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline .mat-form-field-outline,
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: transparent;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline .mat-select-placeholder,
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline .mat-select-value-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline:hover {
  background-color: rgba(0, 119, 192, 0.05);
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-dd .mat-form-field-appearance-outline:hover .mat-select-placeholder {
  color: #0077c0;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-switch {
  display: inline-block;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-switch .mat-icon-button {
  border: 1px solid #e5e6e8;
  width: 40px;
  height: 40px;
  line-height: 38px;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-switch .mat-icon-button:hover {
  background-color: #f6f6f6;
  color: #0077c0;
}
.asset-filter-listing-panel .asset-listing-panel .middle-sorting-container .sorting-switch .mat-icon-button.current {
  color: #0077c0;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  top: 118px;
  /* justify-content: space-between; */
  column-gap: 20px;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block {
  flex: 0 0 31.9%;
  width: 31.9%;
  border: 1px solid #e8e8e8;
  border-radius: 4px;
  margin-bottom: 20px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 1600px) {
  .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block {
    flex: 0 0 24%;
    width: 24%;
  }
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .item-img {
  border-radius: 4px;
  overflow: hidden;
  position: relative;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .item-img .mat-checkbox {
  position: absolute;
  top: 12px;
  right: 15px;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  z-index: 2;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .item-img .mat-checkbox .mat-checkbox-background {
  background-color: #ffffff;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .item-img .mat-checkbox .mat-checkbox-background .mat-checkbox-checkmark-path {
  stroke: #0077c0 !important;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .item-img img {
  width: 100%;
  height: 280px;
  object-fit: cover;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details {
  padding: 16px;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details .item-category .mat-icon-button {
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details .item-name {
  color: #1a2235;
  font-size: 18px;
  font-size: 1.2857142857rem;
  margin-bottom: 10px;
  display: block;
  transition: all 0.3s ease-in-out;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details .item-number {
  color: #343b4c;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block .grid-details .item-tags .tag {
  border-radius: 4px;
  border: 1px solid rgba(0, 119, 192, 0.4);
  color: #1a2235;
  display: inline-block;
  padding: 6px 16px;
  line-height: 1;
  margin-right: 8px;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.inactive {
  background-color: #e2e2ea;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.inactive .item-img img {
  opacity: 0.5;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.transit {
  background-color: rgba(246, 189, 35, 0.1);
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.transit .in-transit {
  display: inline-block;
  vertical-align: middle;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.transit .in-transit .origin {
  width: 7px;
  height: 7px;
  background-color: #f6bd23;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 12px;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.transit .in-transit .origin:after {
  content: "";
  background-color: #ccced2;
  height: 1px;
  width: 8px;
  position: absolute;
  right: -10px;
  top: 3px;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.transit .in-transit .destination {
  width: 7px;
  height: 7px;
  background-color: #1bbc72;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block:hover, .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.current {
  border-color: #0077c0;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block:hover .item-img .mat-checkbox, .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.current .item-img .mat-checkbox {
  opacity: 1;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block:hover .grid-details .item-category .mat-icon-button, .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.current .grid-details .item-category .mat-icon-button {
  opacity: 1;
}
.asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block:hover .grid-details .item-name, .asset-filter-listing-panel .asset-listing-panel .grid-view-container .grid-block.current .grid-details .item-name {
  color: #0077c0;
}
.asset-filter-listing-panel .asset-listing-panel .list-view-container {
  position: relative;
  top: 118px;
}
.asset-filter-listing-panel.hide-filters .filter-btn .btn-dropdown {
  transform: rotate(180deg);
  margin-top: -9px;
}
.asset-filter-listing-panel.hide-filters .asset-filter-panel {
  left: -300px;
}
.asset-filter-listing-panel.hide-filters .asset-listing-panel {
  left: 0;
  width: 100%;
}
.asset-filter-listing-panel.hide-filters .asset-listing-panel .top-container {
  width: calc(100% - 40px);
  left: 20px;
}
.asset-filter-listing-panel.hide-filters .asset-listing-panel .top-container .bigger-search-bar {
  width: calc(100% - 260px);
}
.asset-filter-listing-panel.hide-filters .asset-listing-panel .middle-sorting-container {
  width: calc(100% - 40px);
  left: 20px;
}
.asset-filter-listing-panel.hide-filters .asset-listing-panel .grid-view-container {
  column-gap: 17px;
}
@media only screen and (min-width: 1600px) {
  .asset-filter-listing-panel.hide-filters .asset-listing-panel .grid-view-container {
    column-gap: 23px;
  }
}
.asset-filter-listing-panel.hide-filters .asset-listing-panel .grid-view-container .grid-block {
  flex: 0 0 24%;
  width: 24%;
}
@media only screen and (min-width: 1600px) {
  .asset-filter-listing-panel.hide-filters .asset-listing-panel .grid-view-container .grid-block {
    flex: 0 0 19%;
    width: 19%;
  }
}
.asset-filter-listing-panel.with-border-button .filter-btn {
  position: absolute;
  right: -20px;
  left: auto;
  top: 10px;
}
.asset-filter-listing-panel.with-border-button .filter-btn mat-icon {
  font-size: 20px;
  font-size: 1.4285714286rem;
  margin-top: 0;
}
.asset-filter-listing-panel.with-border-button .asset-filter-panel {
  padding-right: 20px;
}
.asset-filter-listing-panel.with-border-button .asset-filter-panel:after {
  content: "";
  background-color: #ecf0f1;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}
.asset-filter-listing-panel.with-border-button .asset-filter-panel .filter-list-container {
  padding-top: 0;
}
.asset-filter-listing-panel.with-border-button .asset-filter-panel .filter-list-container .category-search {
  margin-top: 20px;
}
.asset-filter-listing-panel.with-border-button .asset-filter-panel .filter-list-container .hint-text {
  font-size: 11.8px;
  font-size: 0.8428571429rem;
  margin-bottom: 0;
  color: #7d7d7d;
}
.asset-filter-listing-panel.with-border-button.hide-filters .filter-btn .btn-dropdown {
  transform: rotate(180deg);
  margin-top: 0;
}
.asset-filter-listing-panel.with-border-button.hide-filters .asset-filter-panel {
  left: -280px;
}
.asset-filter-listing-panel.with-border-button.hide-filters .asset-listing-panel {
  left: 20px;
  width: calc(100% - 20px);
}
.asset-filter-listing-panel.with-border-button.hide-filters .asset-listing-panel .top-container {
  width: calc(100% - 60px);
  left: 40px;
}
.asset-filter-listing-panel.with-border-button.hide-filters .asset-listing-panel .top-container .bigger-search-bar {
  width: calc(100% - 130px);
}
.asset-filter-listing-panel.with-border-button.hide-filters .asset-listing-panel .middle-sorting-container {
  width: calc(100% - 60px);
  left: 40px;
}

.owl-dt-container .owl-dt-control-period-button .owl-dt-control-button-content {
  font-size: 16px;
  font-size: 1.1428571429rem;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.87);
}
.owl-dt-container .owl-dt-control-period-button .owl-dt-control-button-arrow {
  fill: rgba(0, 0, 0, 0.54);
}
.owl-dt-container .owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th {
  font-size: 11px;
  font-size: 0.7857142857rem;
}
.owl-dt-container .owl-dt-calendar-table .owl-dt-calendar-cell-content {
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.owl-dt-container .owl-dt-calendar-table .owl-dt-calendar-cell-selected {
  color: #ffffff;
  background-color: #0077c0;
}
.owl-dt-container .owl-dt-container-buttons {
  color: #0077c0;
}
.owl-dt-container .owl-dt-timer-hour12 {
  color: #0077c0;
}
.owl-dt-container .owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content, .owl-dt-container .owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content {
  background-color: #0077c0;
}

.owl-dt-container-disabled,
.owl-dt-trigger-disabled {
  opacity: 1;
  pointer-events: none;
}

.asset-details-container {
  padding: 20px 20px 0 20px;
}
.asset-details-container .asset-details-imgs {
  border-radius: 4px;
  overflow: hidden;
  max-height: 550px;
  position: relative;
}
.asset-details-container .asset-details-imgs img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-height: 550px;
}
.asset-details-container .asset-details-imgs .img-actions {
  position: absolute;
  right: 20px;
  bottom: 20px;
}
.asset-details-container .asset-details-imgs .img-actions .view-gallery {
  vertical-align: top;
  color: #ffffff;
  background-color: #000000;
  transition: all 0.3s ease-in-out;
}
.asset-details-container .asset-details-imgs .img-actions .view-gallery:hover {
  background-color: #0077c0;
  text-decoration: none;
}
.asset-details-container .asset-details-imgs .img-actions .download-gallery {
  vertical-align: top;
  color: #ffffff;
  background-color: #000000;
  font-size: 24px;
  font-size: 1.7142857143rem;
  transition: all 0.3s ease-in-out;
}
.asset-details-container .asset-details-imgs .img-actions .download-gallery .mat-icon,
.asset-details-container .asset-details-imgs .img-actions .download-gallery i {
  line-height: 22px;
}
.asset-details-container .asset-details-imgs .img-actions .download-gallery:hover {
  background-color: #0077c0;
  text-decoration: none;
}
.asset-loading {
  position: fixed;
  width: 100vw;
  height: 100vh;
  left: 0;
  top: 0;
  background-color: rgba(255, 255, 255, 0.9);
  z-index: 999;
}
.asset-loading .fetching-container {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  flex-direction: column;
}
.asset-loading .fetching-container .fetching-img {
  -webkit-animation: continuous-rotation 2s infinite linear;
  display: inline-block;
  margin-bottom: 20px;
}

.no-border-dd {
  display: inline-block;
}
.no-border-dd .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.no-border-dd .mat-form-field-appearance-outline .mat-form-field-outline,
.no-border-dd .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: transparent;
}
.no-border-dd .mat-form-field-appearance-outline .mat-select-placeholder,
.no-border-dd .mat-form-field-appearance-outline .mat-select-value-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.no-border-dd .mat-form-field-appearance-outline.medium .mat-form-field-infix {
  padding: 8px 0 8px 0;
}
.no-border-dd .mat-form-field-appearance-outline:hover {
  background-color: rgba(0, 119, 192, 0.05);
}
.no-border-dd .mat-form-field-appearance-outline:hover .mat-select-placeholder {
  color: #0077c0;
}
.centered-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: calc(100vh - 300px);
}
.centered-content.with-only-header {
  height: calc(100vh - 132px);
}
.centered-content.doubble-header {
  height: calc(100vh - 316px);
}

.transit-origin {
  position: relative;
  padding-left: 16px;
  padding-right: 60px;
  display: inline-block;
  vertical-align: top;
  max-width: 196px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.transit-origin:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #f6bd23;
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 100%;
  overflow: hidden;
}
.transit-origin:after {
  content: "";
  width: 40px;
  height: 1px;
  background-color: #ccced2;
  position: absolute;
  right: 13px;
  top: 11px;
}

.transit-destination {
  position: relative;
  padding-left: 16px;
  padding-right: 12px;
  display: inline-block;
  vertical-align: top;
  max-width: 148px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.transit-destination:before {
  content: "";
  width: 7px;
  height: 7px;
  background-color: #1bbc72;
  position: absolute;
  left: 0;
  top: 7px;
  border-radius: 100%;
  overflow: hidden;
}

.images-thumb .item {
  display: inline-block;
  vertical-align: middle;
  max-width: 328px;
  height: 186px;
  border-radius: 4px;
  margin: 0 5px 10px;
  overflow: hidden;
  position: relative;
}
.images-thumb .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.images-thumb .item .more {
  background-color: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 186px;
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.images-thumb .item:last-child {
  margin-right: 0;
}
.images-thumb .item:first-child {
  margin-left: 0;
}

.notice-info {
  background-color: #ffffff;
  box-shadow: 0px 2px 14px rgba(0, 0, 0, 0.04);
  border-radius: 8px;
  padding: 18px 38px 18px 18px;
  position: relative;
}
.notice-info p {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.notice-info p .icons {
  font-size: 20px;
  font-size: 1.4285714286rem;
  margin-right: 10px;
  vertical-align: top;
  margin-top: 2px;
}
.notice-info:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
  border-radius: 8px 0 0 8px;
}
.notice-info.blue:before {
  background-color: #0077c0;
}
.notice-info.blue p .icons {
  color: #0077c0;
}
.notice-info.light-blue:before {
  background-color: #0093ff;
}
.notice-info.light-blue p .icons {
  color: #0093ff;
}
.notice-info .clear-msg {
  position: absolute;
  right: 20px;
  top: 20px;
}
.notice-info .clear-msg i {
  color: #b2b5bb;
  font-size: 20px;
  font-size: 1.4285714286rem;
  pointer-events: none;
}

.section-seprator {
  position: relative;
}
.section-seprator span {
  color: #676c79;
  font-size: 16px;
  font-size: 1.1428571429rem;
  background-color: #fbfafa;
  z-index: 2;
  position: relative;
  padding-right: 10px;
}
.section-seprator:after {
  content: "";
  background-color: #e5e6e8;
  height: 1px;
  width: 100%;
  position: absolute;
  top: 13px;
  left: 0;
}

.customize-page-button {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  padding: 10px 16px;
  display: inline-block;
  background-color: rgba(0, 119, 192, 0.1);
  position: fixed;
  right: 20px;
  bottom: 20px;
  transition: all 0.3s ease-in-out;
  overflow: hidden;
}
.customize-page-button span {
  color: #0077c0;
  font-size: 16px;
  font-size: 1.1428571429rem;
  white-space: nowrap;
  position: absolute;
  right: 48px;
  top: 12px;
}
.customize-page-button i {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #0077c0;
  position: absolute;
  right: 16px;
  top: 16px;
}
.customize-page-button:hover {
  width: 180px;
  border-radius: 6px;
}
.new-search-style {
  position: fixed;
  top: 132px;
  padding: 10px 20px;
  width: 100%;
  background-color: #ffffff;
  z-index: 5;
}
.new-search-style .full-width-search {
  margin-bottom: 10px;
}
.new-search-style .full-width-search .new-search-records {
  width: calc(100% - 118px);
}
.new-search-style .full-width-search .new-search-records .show-advance-filters {
  top: 0;
}
.new-search-style .full-width-search .new-search-records input[type=text] {
  width: calc(100% - 12px);
  border-color: #e5e6e8;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.new-search-style .full-width-search .new-search-records input[type=text]:focus {
  border-color: #0077c0;
}
.new-search-style .full-width-search .new-search-records .record-count,
.new-search-style .full-width-search .new-search-records .seprator,
.new-search-style .full-width-search .new-search-records .clear-filter {
  display: none;
}
.new-search-style .full-width-search.no-buttons .new-search-records {
  width: 100%;
}
.new-search-style .search-results-sorting .results-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-top: 15px;
}
.new-search-style .search-results-sorting .results-text .search-for {
  color: #676c79;
}
.new-search-style .search-results-sorting .results-text .result-count {
  color: #676c79;
  display: inline-block;
  padding: 0 16px;
  margin: 0 6px;
  border-left: 1px solid rgba(103, 108, 121, 0.4);
  border-right: 1px solid rgba(103, 108, 121, 0.4);
}
.new-search-style .search-results-sorting .sorting-dd {
  display: inline-block;
}
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
}
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline .mat-form-field-outline,
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline .mat-form-field-outline-thick {
  color: transparent;
}
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline .mat-select-placeholder,
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline .mat-select-value-text {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline:hover {
  background-color: rgba(0, 119, 192, 0.05);
}
.new-search-style .search-results-sorting .sorting-dd .mat-form-field-appearance-outline:hover .mat-select-placeholder {
  color: #0077c0;
}
.new-search-style + .search-filter-container {
  top: 257px;
}
.new-search-style + .search-filter-container + .table-containing {
  margin-top: 257px;
}
.new-search-style + .search-filter-container + .table-containing .gray-table.fixed-header thead tr th {
  top: 257px;
}

.hierarchy-icons {
  margin-right: 10px;
}
.hierarchy-icons.parent {
  color: #73d500;
}
.hierarchy-icons.child {
  color: #2eb0ff;
}
.hierarchy-icons.neutral {
  color: #9e9e9e;
}

.fa-diagram-subtask {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDE2IDE0Ij4NCiAgPHBhdGggaWQ9ImRpYWdyYW0tc3VidGFzayIgZD0iTTAsMi41YTEuOTk0LDEuOTk0LDAsMCwxLDItMkgxNGEyLjAxNCwyLjAxNCwwLDAsMSwyLDJ2MmExLjk5NCwxLjk5NCwwLDAsMS0yLDJINC43NXYzQTEuMjE1LDEuMjE1LDAsMCwwLDYsMTAuNzVIN1YxMC41YTEuOTk0LDEuOTk0LDAsMCwxLDItMmg1YTIuMDE0LDIuMDE0LDAsMCwxLDIsMnYyYTEuOTk0LDEuOTk0LDAsMCwxLTIsMkg5YTEuOTc0LDEuOTc0LDAsMCwxLTItMnYtLjI1SDZBMi43MzQsMi43MzQsMCwwLDEsMy4yNSw5LjV2LTNIMmExLjk3NCwxLjk3NCwwLDAsMS0yLTJaTTE0LDEwSDlhLjUxNC41MTQsMCwwLDAtLjUuNXYyQS40OTQuNDk0LDAsMCwwLDksMTNoNWEuNTE0LjUxNCwwLDAsMCwuNS0uNXYtMkEuNTM4LjUzOCwwLDAsMCwxNCwxMFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgLTAuNSkiIGZpbGw9IiMyZWIwZmYiLz4NCjwvc3ZnPg0K) no-repeat scroll 0 0;
  width: 16px;
  height: 14px;
  display: inline-block;
  margin-top: 4px;
  vertical-align: top;
}

.projects-table-list {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.projects-table-list li {
  padding: 12px;
  border: 1px solid #b2b5bb;
  border-radius: 4px;
  margin-bottom: 10px;
}
.projects-table-list li .top-area .left-sec {
  display: inline-block;
  vertical-align: middle;
  width: 68%;
}
.projects-table-list li .top-area .left-sec .exp-arrow {
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #0077c0;
  display: inline-block;
  vertical-align: middle;
  padding: 0 8px 0 8px;
}
.projects-table-list li .top-area .left-sec .exp-arrow i {
  pointer-events: none;
}
.projects-table-list li .top-area .left-sec .count {
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #0077c0;
  display: inline-block;
  vertical-align: middle;
  padding: 0 10px;
}
.projects-table-list li .top-area .left-sec .heading {
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: inline-block;
  vertical-align: middle;
}
.projects-table-list li .top-area .right-sec {
  display: inline-block;
  vertical-align: middle;
  width: calc(32% - 4px);
  text-align: right;
}
.projects-table-list li .top-area .right-sec .saving-chip.saved {
  background-color: rgba(90, 183, 138, 0.3) !important;
}
.projects-table-list li .top-area .right-sec .saving-chip.mat-chip-disabled {
  pointer-events: none;
  filter: grayscale(1);
}
.projects-table-list li .top-area .right-sec .list-opt {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.projects-table-list li .inner-table {
  margin: 10px;
  border: 1px solid rgba(0, 147, 255, 0.5);
  background-color: rgba(0, 147, 255, 0.08);
  border-radius: 4px;
  display: none;
}
.projects-table-list li .inner-table .gray-table tr td .exp-arrow {
  font-size: 18px;
  font-size: 1.2857142857rem;
  padding-left: 8px;
  display: inline-block;
  vertical-align: middle;
}
.projects-table-list li .inner-table .gray-table tr td .exp-arrow i {
  pointer-events: none;
}
.projects-table-list li .inner-table .gray-table tr td .count {
  padding: 0 20px;
  width: calc(100% - 16px);
  display: inline-block;
  vertical-align: middle;
  text-align: right;
}
.projects-table-list li .inner-table .gray-table tr td .drawer-trigger {
  position: absolute;
  right: 10px;
  color: #0077c0;
  font-size: 14px;
  font-size: 1rem;
  top: 14px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.projects-table-list li .inner-table .gray-table tr td .table-opt {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.projects-table-list li .inner-table .gray-table tr td .table-opt mat-icon {
  color: #0077c0;
}
.projects-table-list li .inner-table .gray-table tr.sec-rows.expanded .exp-arrow {
  transform: rotate(90deg);
}
.projects-table-list li .inner-table .gray-table tr.sec-rows.expanded + .subsec-rows {
  display: table-row;
}
.projects-table-list li .inner-table .gray-table tr.subsec-rows {
  display: none;
}
.projects-table-list li .inner-table .gray-table tr.subsec-rows > td {
  border-bottom: none;
}
.projects-table-list li .inner-table .gray-table tr.subsec-rows td .count {
  width: 100%;
}
.projects-table-list li .inner-table .gray-table tr:hover td {
  background-color: transparent;
}
.projects-table-list li .inner-table .gray-table tr:hover td .drawer-trigger {
  opacity: 1;
}
.projects-table-list li.expanded .top-area .left-sec .exp-arrow {
  transform: rotate(90deg);
}
.projects-table-list li.expanded .inner-table {
  display: block;
}

.dependency-drawer .add-dropdown {
  cursor: pointer;
}

.underline {
  text-decoration: underline;
}

.map-value-list tbody tr td {
  border-bottom: 0 !important;
}
.map-value-list tbody tr td .list-tab {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  height: 100%;
  padding-left: 0;
  width: 100%;
}
.map-value-list tbody tr td .list-tab li {
  list-style: none !important;
}
.map-value-list tbody tr td .list-tab li a {
  color: rgba(103, 108, 121, 0.7);
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 10px;
  display: block;
  line-height: 1.3;
  white-space: nowrap;
  transition: all 0.3s ease-in-out;
}
.map-value-list tbody tr td .list-tab li a.completed {
  color: #000000;
}
.map-value-list tbody tr td .list-tab li a.completed i {
  color: #5ab78a;
}
.map-value-list tbody tr td .list-tab li a.active {
  background-color: #f7f8fc;
  color: #0077c0;
}
.map-value-list tbody tr td .list-tab li a:hover {
  background-color: #f7f8fc;
  text-decoration: none;
}
.map-value-list tbody tr td .checkboxList {
  padding-left: 0;
}
.map-value-list tbody tr td .checkboxList li {
  list-style: none;
}
.map-value-list tbody tr td .checkboxList li .mat-checkbox {
  padding: 10px;
  display: block;
}
.map-value-list tbody tr td .checkboxList li .mat-checkbox.mat-checkbox-checked {
  background-color: #f8f8f8;
}
.map-value-list tbody tr td .checkboxList li .mat-checkbox.mat-checkbox-checked .mat-checkbox-label {
  color: #0077c0;
}
.map-value-list tbody tr td.left-td {
  height: 100vh;
}
.map-value-list tbody tr:hover td {
  background-color: white !important;
}

.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder {
  color: #0077c0;
}
.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow {
  color: #0077c0;
}

.selected-filters-pills .mat-chip .text {
  /* white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 12ch; */
}
.selected-filters-pills .more-filters {
  position: relative;
  padding-right: 11px;
}
.selected-filters-pills .more-filters .hidden-filters {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.selected-filters-pills .more-filters .text {
  margin-top: -6px;
}
.selected-filters-pills .more-filters:hover .hidden-filters {
  opacity: 1;
  visibility: visible;
}

.hidden-filters {
  position: absolute;
  background-color: white;
  border-radius: 8px;
  box-shadow: 0 0 14px rgba(0, 0, 0, 0.1);
  padding: 10px;
  top: 30px;
  right: calc(50% - 150px);
  width: 350px;
}
.hidden-filters .mat-chip .text {
  white-space: normal;
  text-overflow: initial;
  overflow: auto;
  max-width: none;
  margin-top: 0;
}
.hidden-filters:before {
  content: "";
  position: absolute;
  height: 10px;
  top: -7px;
  left: 0;
  width: 100%;
}
.hidden-filters.right-zero {
  right: 0;
}

.selected-filters-pills .more-filters {
  position: relative;
  padding-right: 11px;
}

.asset-filter-listing-panel.with-border-button .asset-filter-panel {
  padding-right: 20px;
}

.asset-filter-listing-panel.with-border-button .asset-filter-panel:after {
  content: "";
  background-color: #ecf0f1;
  width: 1px;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

.table-containing-listing-panel {
  margin-top: 67px;
}

.asset-filter-listing-panel.with-border-button.hide-filters .asset-listing-panel .top-container .bigger-search-bar {
  width: calc(100% - 130px);
}

.all-rules {
  position: relative;
  padding-left: 40px;
}
.all-rules .arrow-top,
.all-rules .arrow-down {
  display: none;
  position: absolute;
  left: 20px;
  font-size: 20px;
  font-size: 1.4285714286rem;
  color: rgba(125, 125, 125, 0.6);
}
.all-rules.show-arrows::before {
  content: "";
  border-left: 1px dashed rgba(125, 125, 125, 0.6);
  width: 1px;
  height: 100%;
  position: absolute;
  top: 44px;
  left: 20px;
}
.all-rules.show-arrows .arrow-top {
  top: 34px;
  display: block;
}
.all-rules.show-arrows .arrow-down {
  bottom: -56px;
  display: block;
}
.all-rules .rules-block {
  background-color: rgba(0, 119, 192, 0.02);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 48px;
  white-space: nowrap;
}
.all-rules .rules-block ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.all-rules .rules-block ul li {
  display: inline-block;
  vertical-align: middle;
  width: 250px;
  margin-right: 14px;
}
.all-rules .rules-block ul li .mat-icon-button * {
  pointer-events: none;
}
.all-rules .rules-block ul li.auto-width {
  width: auto;
}
.all-rules .rules-block .field-group .mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
}
.all-rules .sub-block {
  position: relative;
}
.all-rules .sub-block::before {
  content: "";
  border-left: 1px dashed rgba(125, 125, 125, 0.6);
  width: 1px;
  height: 40px;
  position: absolute;
  top: -44px;
  left: 9.5%;
}
.all-rules .sub-block .condition-text {
  position: absolute;
  color: #7d7d7d;
  text-transform: uppercase;
  margin-bottom: 0;
  left: calc(9.5% + 20px);
  top: -34px;
}
.all-rules .sub-block.center-line::before {
  left: 50%;
}
.all-rules .sub-block.center-line .condition-text {
  left: calc(50.5% + 10px);
}

.wo-details-widget {
  background-color: #fcfcfc;
  border-radius: 8px;
  padding: 12px 16px;
  margin-top: 8px;
  transition: background-color 0.3s ease-in-out;
}
.wo-details-widget:hover {
  background-color: #f9f9f9;
}
.wo-details-widget .msg-button {
  color: #a1acb4;
  font-size: 16px;
  font-size: 1.1428571429rem;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.wo-details-widget .msg-button .notify {
  position: absolute;
  right: 8px;
  top: 8px;
  border: 2px solid #fcfcfc;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #df6b51;
}
.wo-details-widget .msg-button:hover {
  color: #0077c0;
}
.wo-details-widget .all-imges {
  display: inline-block;
  vertical-align: middle;
}
.wo-details-widget .all-imges img {
  border-radius: 4px;
  width: 30px;
  height: 30px;
  object-fit: cover;
  margin-right: 4px;
}
.wo-details-widget .all-imges .more-images {
  display: inline-block;
  vertical-align: top;
  border-radius: 4px;
  width: 30px;
  text-align: center;
  line-height: 30px;
  height: 30px;
  background-color: #efefef;
  color: #747780;
  font-size: 14px;
  font-size: 1rem;
}
.wo-details-widget .mat-stroked-button.small .btn-dropdown {
  margin-top: 0;
  line-height: 24px;
}
.wo-details-widget .description {
  padding-left: 60px;
}
.wo-details-widget .description p {
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 10px;
}
.wo-details-widget .description p .light-gray {
  color: #a1acb4;
}
.wo-details-widget.slider-widget .upper-bar-left {
  cursor: pointer;
}
.wo-details-widget.slider-widget .upper-bar-left * {
  pointer-events: none;
}
.wo-details-widget.slider-widget .expandable-block {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  max-height: 0;
}
.wo-details-widget.slider-widget.active {
  background-color: #f9f9f9;
}
.wo-details-widget.slider-widget.active .expandable-block {
  opacity: 1;
  visibility: visible;
  overflow: visible;
  max-height: 1000px;
}

.table-style-list {
  padding: 0;
  margin: 0;
  list-style: none outside none;
  position: relative;
}
.table-style-list:after {
  content: "";
  position: absolute;
  background-color: #ccced2;
  height: 1px;
  width: 100%;
  left: 0;
  bottom: 0;
}
.table-style-list li {
  padding: 10px;
  border-bottom: 1px solid #ccced2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.table-style-list li .mat-chip-list-wrapper {
  margin: -6px;
}
.table-style-list li .mat-chip-list-wrapper .mat-standard-chip.mat-chip.round {
  width: 30px;
  height: 30px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  margin: 2px;
}
.table-style-list.two-cols li {
  width: calc(50% - 4px);
  display: inline-block;
  vertical-align: middle;
}
.table-style-list.four-cols li {
  width: calc(25% - 4px);
  display: inline-block;
  vertical-align: middle;
}
.table-style-list.four-cols.small-left li {
  width: calc(34% - 4px);
}
.table-style-list.four-cols.small-left li:nth-child(odd) {
  width: calc(16% - 4px);
}

.calculation-bar {
  background-color: rgba(0, 119, 192, 0.02);
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 48px;
}
.calculation-bar .field-group .mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
}

.formulas-bar {
  background-color: #f7f8fc;
  border-radius: 8px;
  padding: 20px;
}
.formulas-bar .field-group .mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding-bottom: 0;
}

.gray-box {
  border: 1px solid #727a80;
  border-radius: 4px;
  padding: 14px 14px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-right: 10px;
  font-size: 16px;
  line-height: 1;
  background: transparent;
  height: 46px;
}
.gray-box.text-input {
  max-width: 100px;
}
.gray-box.text-input:focus {
  border-color: #0077c0;
  outline: none;
}

.gray-round {
  border: 1px solid #727a80;
  border-radius: 50%;
  width: 46px;
  height: 46px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin-right: 10px;
  font-size: 16px;
  line-height: 46px;
  background: transparent;
}

.searchable-select-panel .search-field {
  width: 100%;
  padding: 14px 14px 0 14px;
}
.searchable-select-panel .search-field.mat-focused .mat-form-field-label {
  color: #0077c0;
}
.searchable-select-panel .search-field.mat-focused .mat-form-field-ripple {
  background-color: #0077c0;
}
.searchable-select-panel .mat-optgroup-label {
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 12px !important;
  margin-top: 10px;
}
.searchable-select-panel .mat-option .mat-pseudo-checkbox-checked,
.searchable-select-panel .mat-option .mat-pseudo-checkbox-indeterminate {
  background: #0077c0;
}

.billing-block {
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  padding: 18px 14px;
  background-color: #ffffff;
  margin-top: 16px;
}
.billing-block .add-loc {
  color: #0077c0;
  margin-left: 8px;
  vertical-align: middle;
}
.billing-block .add-loc:hover {
  text-decoration: none;
}
.billing-block .status-icon {
  margin-left: 8px;
}
.billing-block .status-icon.orange {
  color: #e99212;
}
.billing-block .status-icon.green {
  color: #0fd10a;
}
.billing-block .status-icon.red {
  color: #fe0f0f;
}

.invoice-block {
  border: 1px solid #e3e3e3;
  border-radius: 16px;
  padding: 18px 14px;
  background-color: #ffffff;
  margin-top: 16px;
}
.invoice-block .main-stats h4 {
  display: inline-block;
  vertical-align: middle;
  margin-right: 20px;
  color: #555555;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.invoice-block .main-stats h4 i {
  color: #b2b5bb;
}
.invoice-block .details-row {
  max-height: 500px;
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
.invoice-block .invoice-stats {
  border-top: 1px solid #e7e7e7;
  margin-top: 14px;
}
.invoice-block .invoice-stats .inner-stats {
  margin-top: 14px;
}
.invoice-block .invoice-stats .inner-stats h3 {
  color: #778080;
  font-size: 18px;
  font-weight: 400;
  margin-bottom: 10px;
}
.invoice-block .invoice-stats .inner-stats h3 i {
  color: #b2b5bb;
}
.invoice-block .invoice-stats .inner-stats h4 {
  color: #555555;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
}
.invoice-block .invoice-expand-btn {
  font-size: 24px;
  vertical-align: middle;
}
.invoice-block .invoice-expand-btn .mat-icon {
  pointer-events: none;
  transform: rotate(180deg);
  transition: all 0.3s ease-in-out;
}
.invoice-block.hide-details .main-stats h4 {
  opacity: 1;
  visibility: visible;
}
.invoice-block.hide-details .details-row {
  max-height: 0;
  opacity: 0;
  overflow: hidden;
}
.invoice-block.hide-details .invoice-expand-btn .mat-icon {
  transform: rotate(0deg);
}

.mat-slider.mat-primary .mat-slider-track-fill,
.mat-slider.mat-primary .mat-slider-thumb,
.mat-slider.mat-primary .mat-slider-thumb-label {
  background-color: #22be7d;
}
.mat-slider.mat-primary .mat-slider-track-background {
  background-color: #cfebfc;
}
.mat-slider.mat-primary.mat-slider-horizontal .mat-slider-track-wrapper {
  height: 6px;
  border-radius: 4px;
}
.mat-slider.mat-primary.mat-slider-horizontal .mat-slider-track-wrapper .mat-slider-track-background,
.mat-slider.mat-primary.mat-slider-horizontal .mat-slider-track-wrapper .mat-slider-track-fill {
  height: 6px;
}
.mat-slider.mat-primary .mat-slider-thumb {
  width: 30px;
  height: 30px;
  bottom: -15px;
}
.mat-slider.mat-primary:hover .mat-slider-track-background,
.mat-slider.mat-primary .cdk-focused .mat-slider-track-background {
  background-color: #cfebfc;
}

.custom-slider {
  position: relative;
  height: 16px;
  width: 100%;
}
.custom-slider .slider-base {
  position: absolute;
  left: 0;
  height: 16px;
  border-radius: 12px;
  width: 100%;
  background-color: red;
}
.custom-slider .slider-base .white-round {
  position: absolute;
  background-color: #ffffff;
  transform: translateX(-14px);
  height: 100%;
  border-radius: 16px;
  width: 20px;
  z-index: 1;
}
.custom-slider .slider-base .slider-value {
  position: absolute;
  left: 0;
  height: 16px;
  border-radius: 12px;
  width: 20%;
  z-index: 2;
  background-color: rgb(255, 220, 220);
}
.custom-slider .slider-base .slider-value span {
  position: absolute;
  right: -3px;
  bottom: -10px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid red;
}
.custom-slider.green .slider-base {
  background-color: #22be7d;
}
.custom-slider.green .slider-base .slider-value {
  background-color: #b9f3db;
}
.custom-slider.green .slider-base .slider-value span {
  border-bottom-color: #22be7d;
}
.custom-slider.blue .slider-base {
  background-color: #0077c0;
}
.custom-slider.blue .slider-base .slider-value {
  background-color: #8dd4ff;
}
.custom-slider.blue .slider-base .slider-value span {
  border-bottom-color: #0077c0;
}

.mat-form-field.searchable-select.mat-form-field-hide-placeholder .mat-select-placeholder {
  transition: color 400ms 133.3333333333ms cubic-bezier(0.25, 0.8, 0.25, 1);
  color: rgba(0, 0, 0, 0.42);
  -webkit-text-fill-color: inherit;
}

.inpage-search {
  position: relative;
  margin-bottom: 16px;
  width: 100%;
  background-color: #ffffff;
}
.inpage-search .material-icons {
  position: absolute;
  top: 10px;
  left: 10px;
  color: #999da5;
}
.inpage-search input[type=text] {
  width: 100%;
  border: 1px solid #e5e6e8;
  border-radius: 4px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  height: 46px;
  padding: 10px 150px 10px 40px;
  transition: border 0.3s ease-in-out;
}
.inpage-search input[type=text]:focus {
  border-color: #0077c0;
  outline: none;
}
.inpage-search .count-arrows {
  position: absolute;
  right: 0;
  top: 3px;
}
.inpage-search .count-arrows .arrows .mat-icon-button:first-child {
  margin-right: -14px;
}
.inpage-search .count-arrows .mat-icon-button {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.inpage-search .count-arrows .mat-icon-button .mat-icon {
  color: #a1acb4;
}
.inpage-search .count-arrows .mat-icon-button:hover .mat-icon {
  color: #0077c0;
}
.inpage-search .count-arrows .count {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #666666;
}

.highlight {
  background-color: #fefe00;
}
.highlight.orange {
  background-color: #ff9632;
}

.field-style-data {
  margin-top: 0.25em;
  margin-bottom: 1.34375em;
  padding-top: 22px;
  height: 46px;
  position: relative;
}
.field-style-data label {
  transform: scale(0.75);
  transform-origin: left;
  position: absolute;
  top: 0;
  left: 0;
}

.calender-table {
  padding-bottom: 52px;
}
.calender-table .category-search {
  position: relative;
}
.calender-table .category-search input {
  border-radius: 4px;
  border: 2px solid #e9ebf2;
  padding: 10px;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  transition: all 0.3s ease-in-out;
}
.calender-table .category-search input::placeholder {
  color: #7d7d7d;
}
.calender-table .category-search input:focus {
  border-color: #0077c0;
  outline: none;
}
.calender-table .category-search .search-btn {
  position: absolute;
  right: 2px;
  top: 1px;
  background-color: #f7f8fc;
  min-width: 40px !important;
  height: 39px;
  color: #4d4f5c;
  padding: 0;
  border-radius: 0 4px 4px 0 !important;
}
.calender-table table {
  table-layout: fixed;
}
.calender-table table thead tr:first-child th:first-child {
  min-width: 240px;
}
.calender-table table thead tr th {
  border-bottom: 1px solid #dee1e2;
  border-right: 1px solid #dee1e2;
  font-weight: normal;
  padding: 12px 14px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #444444;
  line-height: 1;
}
.calender-table table thead tr th:last-child {
  border-right: none;
}
.calender-table table thead tr th h2 {
  color: #12202b;
  font-weight: 500;
  margin-bottom: 0;
}
.calender-table table thead tr th.table-legends {
  font-size: 14px;
  font-size: 1rem;
  padding: 10px 14px;
}
.calender-table table thead tr th.table-legends .orange {
  margin-left: 20px;
  margin-right: 10px;
  color: #ffcf96;
}
.calender-table table thead tr th.table-legends .blue {
  margin-left: 20px;
  margin-right: 10px;
  color: #c2e2ff;
}
.calender-table table tbody tr td {
  border-bottom: 1px solid #dee1e2;
  border-right: 1px solid #dee1e2;
  font-weight: normal;
  padding: 8px 6px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #444444;
  line-height: 1;
}
.calender-table table tbody tr td:first-child {
  padding: 8px 14px;
}
.calender-table table tbody tr td:last-child {
  border-right: none;
}
.calender-table .wo-pill-container {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.calender-table .wo-pill-container .wo-pills {
  border-radius: 8px;
  padding: 6px;
  display: inline-flex;
  flex-direction: column;
  min-height: 48px;
  margin-right: 3px;
  justify-content: center;
}
.calender-table .wo-pill-container .wo-pills h4 {
  font-size: 14px;
  font-size: 1rem;
  margin-bottom: 2px;
}
.calender-table .wo-pill-container .wo-pills p {
  font-size: 11px;
  font-size: 0.7857142857rem;
  margin-bottom: 0;
  max-width: 75%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  color: #666666;
}
.calender-table .wo-pill-container .wo-pills:last-child {
  margin-right: 0;
}
.calender-table .wo-pill-container .wo-pills:not(.gray) {
  flex-grow: 1;
}
.calender-table .wo-pill-container .wo-pills.orange {
  background-color: #ffe7c2;
}
.calender-table .wo-pill-container .wo-pills.blue {
  background-color: #c2e2ff;
}
.calender-table .wo-pill-container .wo-pills.gray {
  background-color: #f1f1f1;
  margin-right: 0;
  cursor: pointer;
}
.calender-table .wo-pill-container .wo-pills.gray p {
  font-size: 9px;
  font-size: 0.6428571429rem;
  max-width: 100%;
}
.calender-table .wo-pill-container .wo-pills.gray h4,
.calender-table .wo-pill-container .wo-pills.gray p {
  pointer-events: none;
}
@media only screen and (max-width: 1400px) {
  .calender-table .wo-pill-container .wo-pills p {
    max-width: 106px;
  }
}
.calender-table .wo-pill-container .more-pills-block {
  position: absolute;
  width: 100%;
  top: 100%;
  right: 0;
  background-color: #ffffff;
  padding: 8px;
  border-radius: 8px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.calender-table .wo-pill-container .more-pills-block .wo-pills {
  display: block;
  margin-right: 0;
  margin-bottom: 4px;
}
.calender-table .wo-pill-container .more-pills-block .wo-pills:last-child {
  margin-bottom: 0;
}
.calender-table .wo-pill-container .more-pills-block.opened {
  opacity: 1;
  visibility: visible;
}
.calender-table .wo-filter {
  position: fixed;
  bottom: -196px;
  transition: bottom 0.3s ease-in-out;
  left: 0;
  width: 100%;
  background-color: #ffffff;
  box-shadow: 0px -14px 30px 30px rgba(148, 148, 148, 0.1);
  z-index: 8;
}
.calender-table .wo-filter.opend-filters {
  bottom: -372px;
}
.calender-table .wo-filter .title-bar {
  padding-top: 16px;
  text-align: center;
}
.calender-table .wo-filter .title-bar i {
  transition: transform 0.3s ease-in-out;
  margin-right: 6px;
  vertical-align: middle;
  transform: rotate(180deg);
  position: relative;
  top: -2px;
  cursor: pointer;
}
.calender-table .wo-filter.opened {
  bottom: 0;
}
.calender-table .wo-filter.opened .title-bar i {
  transform: rotate(0);
}
.calender-table .wo-filter .action-bar {
  padding-top: 16px;
  padding-right: 24px;
  padding-left: 24px;
}
.calender-table .wo-filter .filter-bar {
  border-top: 1px solid #d6d6d6;
  padding: 0 24px;
  position: relative;
  overflow: hidden;
  max-height: 0;
  transition: all 0.3s ease-in-out;
}
.calender-table .wo-filter .filter-bar:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #d6d6d6;
}
.calender-table .wo-filter .filter-bar h3 {
  margin-bottom: 10px;
}
.calender-table .wo-filter .filter-bar .mat-checkbox {
  margin-right: 30px;
}
.calender-table .wo-filter .filter-bar.opened {
  padding: 20px 24px;
  max-height: 1000px;
}
.calender-table .wo-filter .wo-bars {
  padding: 16px 24px;
}
.calender-table .wo-filter .wo-bars .wo-pill-container .wo-pills {
  min-width: 146px;
  margin-right: 3px;
  margin-bottom: 3px;
}
.calender-table .wo-filter .wo-bars .wo-pill-container .wo-pills.gray p {
  font-size: 12px;
  font-size: 0.8571428571rem;
  max-width: 75%;
}

.calculating-area {
  background-color: #f3f3fe;
  border-radius: 8px;
  padding: 8px;
  height: 100%;
}
.calculating-area .calculation-box {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 8px;
}
.calculating-area .calculation-box .field-style-box {
  display: flex;
  background-color: #3199ff;
  color: white;
  font-weight: 500;
  border-radius: 8px;
  padding: 8px;
  font-size: 14px;
  height: 40px;
  align-items: center;
}
.calculating-area .calculation-box .button-style-box {
  background-color: #474e80;
  border-radius: 8px;
  color: white;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
}

.calculator-box {
  background-color: #f3f3fe;
  border-radius: 8px;
  padding: 8px;
}
.calculator-box .calculator {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.calculator-box .calculator .add-field-btn {
  background-color: #3199ff;
  color: white;
  font-weight: 500;
  text-transform: uppercase;
  padding: 8px;
  border-radius: 8px;
  width: 100%;
  text-align: center;
  cursor: pointer;
  position: relative;
  line-height: 1 !important;
  height: 40px;
  /* overflow-y: hidden; */
}
.calculator-box .calculator .add-field-btn .mat-select {
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: -1;
}
.calculator-box .calculator .add-field-btn:hover {
  background-color: #60afff;
}
.calculator-box .calculator .number-buttons {
  display: grid;
  gap: 8px;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
}
.calculator-box .calculator .calc-buttons {
  background-color: #474e80;
  border-radius: 8px;
  color: white;
  padding: 8px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 40px;
  cursor: pointer;
}
.calculator-box .calculator .calc-buttons:hover {
  background-color: #565b83;
}
.calculator-box .calculator .calc-buttons.zero-box {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 5;
  grid-row-end: 5;
}
.calculator-box .calculator .calc-buttons.backspace-box {
  grid-column-start: 1;
  grid-column-end: 3;
  grid-row-start: 2;
  grid-row-end: 1;
}

.mat-progress-bar {
  border-radius: 6px;
}
.mat-progress-bar.increased-height {
  height: 6px;
}
.mat-progress-bar.mat-green .mat-progress-bar-buffer {
  background-color: #e5e5e5;
}
.mat-progress-bar.mat-green .mat-progress-bar-fill:after {
  background-color: #5ab78a;
}
.mat-progress-bar.mat-blue .mat-progress-bar-buffer {
  background-color: #e5e5e5;
}
.mat-progress-bar.mat-blue .mat-progress-bar-fill:after {
  background-color: #0077c0;
}

.tile-container {
  gap: 16px;
  row-gap: 16px;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  padding: 6px;
}
.tile-container .tile-box {
  border: 1px solid transparent;
  box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.1);
  border-radius: 8px;
  padding: 12px;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.tile-container .tile-box .action-items {
  position: absolute;
  transition: all 0.3s ease-in-out;
  opacity: 0;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 12px;
}
.tile-container .tile-box .action-items .material-dots button {
  color: #7a7289;
}
.tile-container .tile-box .icon {
  position: relative;
}
.tile-container .tile-box .icon .file-count {
  position: absolute;
  bottom: 14px;
  left: calc(50% - 22px);
  line-height: 1;
  font-size: 12px;
  color: #9d6b15;
}
.tile-container .tile-box .icon img {
  width: 64px;
}
.tile-container .tile-box .name-date {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.tile-container .tile-box .name-date .name {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.tile-container .tile-box .name-date .name .fav-icon {
  color: #7a7289;
  font-size: 14px;
}
.tile-container .tile-box .name-date .name a {
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 222px;
}
.tile-container .tile-box .name-date .date {
  display: flex;
  flex-direction: row;
  gap: 8px;
  align-items: center;
}
.tile-container .tile-box .name-date .date .shared-icon {
  color: #7a7289;
  font-size: 14px;
}
.tile-container .tile-box .name-date .date .date-text {
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 222px;
  font-size: 12px;
  color: #7a7289;
}
.tile-container .tile-box:hover, .tile-container .tile-box.current {
  border-color: #e5e6e8;
  box-shadow: 0 0 8px 1px rgba(0, 0, 0, 0.1);
}
.tile-container .tile-box:hover .action-items, .tile-container .tile-box.current .action-items {
  opacity: 1;
}
@media only screen and (max-width: 1450px) {
  .tile-container {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (max-width: 1370px) {
  .tile-container {
    grid-template-columns: repeat(3, 1fr);
  }
}

.tab-container {
  display: inline-flex;
  background-color: #e7e7e7;
  border-radius: 8px;
  padding: 5px;
  margin-left: 10px;
  width: -moz-fit-content;
  width: fit-content;
}

.tab-button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px 18px;
  border: none;
  background: transparent;
  border-radius: 4px;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  color: #666;
  transition: background-color 0.3s, color 0.3s;
}
.tab-button .icon {
  font-size: 16px;
}
.tab-button:hover {
  color: #0077c0;
}
.tab-button.active {
  background-color: #ffffff;
  color: #0077c0;
}

.d-block {
  display: block !important;
}

.no-padding-dialog .mat-dialog-container {
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.filter-chip .mat-chip {
  cursor: pointer;
}
.filter-chip .mat-chip .text {
  margin-top: 2px;
}
.filter-chip .mat-chip .file-icon {
  font-size: 16px;
  margin-right: 4px;
}
.filter-chip .mat-chip .file-icon.blue {
  color: #0077c0;
}
.filter-chip .mat-chip .file-icon.orange {
  color: #ff4d00;
}
.filter-chip .mat-chip .file-icon.green {
  color: #5ab78a;
}
.filter-chip .mat-chip .file-icon.red {
  color: #df6b51;
}
.filter-chip .mat-chip .file-icon.yellow {
  color: #f8d43f;
}
.filter-chip .mat-chip.mat-chip-selected .file-icon {
  color: #ffffff !important;
}

.views-buttons {
  gap: 8px;
}
.views-buttons .sorting-title {
  color: #999da5;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
}
.views-buttons .sorting-dd {
  display: inline-block;
}
.views-buttons .sorting-dd .mat-form-field-appearance-outline ::ng-deep .mat-form-field-infix {
  padding: 8px 0px;
}
.views-buttons .sorting-dd .mat-form-field-appearance-outline ::ng-deep .mat-form-field-wrapper {
  margin: 0;
  padding: 0;
  border-radius: 4px;
}
.views-buttons .sorting-dd .mat-form-field-appearance-outline ::ng-deep .mat-form-field-wrapper:hover {
  background-color: rgba(0, 119, 192, 0.05);
}
.views-buttons .sorting-dd .mat-form-field-appearance-outline ::ng-deep .mat-form-field-outline,
.views-buttons .sorting-dd .mat-form-field-appearance-outline ::ng-deep .mat-form-field-outline-thick {
  color: transparent;
}
.views-buttons .sorting-dd .mat-form-field-appearance-outline ::ng-deep .mat-select-placeholder,
.views-buttons .sorting-dd .mat-form-field-appearance-outline ::ng-deep .mat-select-value-text {
  font-size: 14px;
}
.views-buttons .sorting-dd .mat-form-field-appearance-outline ::ng-deep:hover .mat-select-placeholder {
  color: #0077c0;
}
.views-buttons .mat-flat-button {
  padding: 0 10px;
  line-height: 36px !important;
  color: #0077c0;
}
.views-buttons .mat-flat-button ::ng-deep * {
  pointer-events: none;
}
.views-buttons .mat-flat-button .mat-icon {
  height: 16px;
  width: 16px;
}
.views-buttons .mat-flat-button.selected {
  color: #ffffff;
  background-color: #0077c0;
}

apx-chart .apexcharts-bar-series .apexcharts-data-labels text {
  font-family: "Roboto", sans-serif !important;
  font-size: 12px !important;
}
apx-chart .apexcharts-datalabels text {
  font-family: "Roboto", sans-serif !important;
}
apx-chart .apexcharts-datalabels-group text {
  font-family: "Roboto", sans-serif !important;
}
apx-chart .apexcharts-legend .apexcharts-legend-text {
  font-family: "Roboto", sans-serif !important;
}
apx-chart .apexcharts-tooltip .apexcharts-tooltip-title {
  font-family: "Roboto", sans-serif !important;
}
apx-chart .apexcharts-tooltip .apexcharts-tooltip-text {
  font-family: "Roboto", sans-serif !important;
}

.apextooltip-custom .apexcustom-tooltip-title {
  padding: 6px;
  font-size: 12px;
  margin-bottom: 4px;
}
.apextooltip-custom .apexcustom-tooltip-content {
  font-size: 12px;
  padding: 6px;
  font-family: "Roboto", sans-serif !important;
}

.mat-flat-button {
  border-radius: 4px !important;
  line-height: 46px !important;
  min-width: 118px !important;
  font-size: 16px;
  font-size: 1.1428571429rem;
  vertical-align: middle !important;
}
.mat-flat-button.full-width {
  width: 100%;
}
.mat-flat-button.small-width {
  min-width: 80px !important;
}
.mat-flat-button.auto-width {
  min-width: auto !important;
}
.mat-flat-button.medium {
  min-width: 100px !important;
  line-height: 36px !important;
}
.mat-flat-button.medium .mat-icon {
  height: 20px;
}
.mat-flat-button.medium-lg {
  min-width: 80px !important;
  line-height: 42px !important;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.mat-flat-button.medium-lg .mat-icon {
  height: 18px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.mat-flat-button.small {
  min-width: 84px !important;
  line-height: 28px !important;
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.mat-flat-button.small .mat-icon {
  width: 18px;
  height: 14px;
}
.mat-flat-button:focus {
  outline: none;
}
.mat-flat-button.mat-blue {
  background-color: #0077c0;
  color: #ffffff;
}
.mat-flat-button.mat-Skyblue {
  background-color: rgba(0, 119, 192, 0.08);
  color: #ffffff;
}
.mat-flat-button.mat-white {
  background-color: #ffffff;
  color: #0077c0;
}
.mat-flat-button.mat-red {
  background-color: #ff4a56;
  color: #ffffff;
}
.mat-flat-button.mat-green {
  background-color: #5aba8a;
  color: #ffffff !important;
}
.mat-flat-button.mat-gray {
  background-color: #f5f5f5;
  color: #727a80;
}
.mat-flat-button.mat-transparent {
  background-color: transparent;
  color: #000000;
}
.mat-flat-button.mat-Skylink {
  color: #0093ff;
  background-color: transparent;
}
.mat-flat-button:disabled {
  background-color: #f6f6f6 !important;
  color: #727a80 !important;
}
.mat-flat-button:hover {
  text-decoration: none;
}
.mat-flat-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0 !important;
}

.mat-stroked-button {
  border-radius: 4px !important;
  line-height: 42px !important;
  min-width: 118px !important;
  font-size: 16px;
  font-size: 1.1428571429rem;
  vertical-align: middle !important;
  border-width: 2px !important;
}
.mat-stroked-button i {
  margin-right: 4px;
  margin-top: 2px;
  vertical-align: text-top;
}
.mat-stroked-button.full-width {
  width: 100%;
}
.mat-stroked-button.large {
  min-width: 141px !important;
  line-height: 42px !important;
}
.mat-stroked-button.medium {
  min-width: 100px !important;
  line-height: 36px !important;
}
.mat-stroked-button.small {
  min-width: 84px !important;
  line-height: 28px !important;
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.mat-stroked-button:focus {
  outline: none;
}
.mat-stroked-button.mat-blue {
  border-color: #0077c0;
  color: #0077c0;
}
.mat-stroked-button.mat-white {
  border-color: #ffffff;
  color: #ffffff;
}
.mat-stroked-button.mat-red {
  border-color: #ff4a56;
  color: #ff4a56;
}
.mat-stroked-button.mat-green {
  border-color: #5aba8a;
  color: #5aba8a;
}
.mat-stroked-button.mat-gray {
  border-color: #f5f5f5;
  color: #f5f5f5;
}
.mat-stroked-button.mat-orange {
  border-color: #ff9e14;
  color: #ff9e14;
}
.mat-stroked-button.mat-darkgray {
  border-color: #707070;
  color: #707070;
}
.mat-stroked-button.mat-darkgray-blue {
  border-color: #707070;
  color: #707070;
}
.mat-stroked-button.mat-lightgray {
  border-color: #cdcdcd;
  color: #cdcdcd;
}
.mat-stroked-button.mat-transparent {
  border-color: transparent;
  color: #000000;
}
.mat-stroked-button:disabled {
  background-color: #f6f6f6 !important;
  color: #727a80 !important;
  border-color: #727a80 !important;
}
.mat-stroked-button:hover {
  text-decoration: none;
}
.mat-stroked-button:hover.mat-darkgray-blue {
  border-color: #0077c0;
  color: #0077c0;
}
.mat-stroked-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0 !important;
}

.mat-button {
  border-radius: 4px !important;
  line-height: 46px !important;
  min-width: 118px !important;
  font-size: 16px;
  font-size: 1.1428571429rem;
  vertical-align: middle !important;
}
.mat-button i {
  margin-right: 4px;
  margin-top: 2px;
  vertical-align: text-top;
}
.mat-button.full-width {
  width: 100%;
}
.mat-button.medium {
  min-width: 100px !important;
  line-height: 36px !important;
}
.mat-button.small {
  min-width: 84px !important;
  line-height: 28px !important;
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.mat-button:focus {
  outline: none;
}
.mat-button.mat-blue {
  color: #0077c0;
}
.mat-button.mat-red {
  color: #ff4a56;
}
.mat-button.mat-green {
  color: #5aba8a;
}
.mat-button.mat-gray {
  color: #c7c8ca;
}
.mat-button.mat-white {
  background-color: #c7c8ca;
  color: #ffffff;
}
.mat-button.mat-transparent {
  color: #000000;
}
.mat-button:disabled {
  background-color: #f6f6f6 !important;
  color: #727a80 !important;
}
.mat-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0 !important;
}

.mat-icon-button {
  border-radius: 50% !important;
}
.mat-icon-button.left-arrow {
  margin-right: 14px;
}
.mat-icon-button.right-arrow {
  margin-left: 14px;
}
.mat-icon-button:focus {
  outline: none;
}
.mat-icon-button.mat-blue {
  color: #0077c0;
}
.mat-icon-button.mat-skyblue {
  color: #0093ff;
}
.mat-icon-button.mat-red {
  color: #ff4a56;
}
.mat-icon-button.mat-green {
  color: #2ed573;
}
.mat-icon-button.mat-gray {
  color: #b2b5bb;
}
.mat-icon-button.mat-light-gray {
  color: #707070;
}
.mat-icon-button.mat-transparent {
  color: #000000;
}
.mat-icon-button.mat-gray-green {
  color: #b2b5bb;
}
.mat-icon-button.mat-gray-green:hover {
  color: #2ed573;
}
.mat-icon-button.mat-hover-blue {
  color: #000000;
}
.mat-icon-button.mat-hover-blue:hover {
  color: #1e90ff;
}
.mat-icon-button.mat-hover-green {
  color: #000000;
}
.mat-icon-button.mat-hover-green:hover {
  color: #5ab78a;
}
.mat-icon-button.mat-hover-red {
  color: #000000;
}
.mat-icon-button.mat-hover-red:hover {
  color: #ff0008;
}
.mat-icon-button.mat-bg-blue {
  background-color: #1e90ff;
  color: #ffffff;
}
.mat-icon-button:disabled {
  background-color: #f6f6f6 !important;
  color: #727a80 !important;
}
.mat-icon-button:disabled.trnasparent {
  background-color: transparent !important;
}
.mat-icon-button.bigger .mat-icon {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.mat-icon-button.large {
  width: 46px;
  height: 46px;
  line-height: 46px;
}
.mat-icon-button.large .mat-icon {
  font-size: 30px;
  font-size: 2.1428571429rem;
  width: 40px;
  height: 40px;
  line-height: 36px;
}
.mat-icon-button.medium .mat-icon {
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.mat-icon-button.medium.title-adjust {
  margin-top: -8px;
}
.mat-icon-button.smaller {
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.mat-icon-button.smaller .mat-icon {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.mat-icon-button.smaller.title-adjust {
  /* margin-top: -3px; */
  transform: translateY(-5px);
}
.mat-icon-button.smallest {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-icon-button.smallest .mat-icon {
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.mat-icon-button.field-adjust {
  margin-top: 7px;
}
.mat-icon-button.heading-adjust {
  margin-top: -9px;
}
.mat-icon-button.border-text {
  border: 2px solid transparent;
  border-radius: 50%;
  font-size: 16px;
  line-height: 20px;
}
.mat-icon-button.border-text mat-icon {
  font-size: 16px;
}
.mat-icon-button.border-text.mat-blue {
  border-color: #0077c0;
}
.mat-icon-button.border-text.mat-red {
  border-color: #ff4a56;
}
.mat-icon-button.bordered .mat-icon {
  border-radius: 50%;
  border: 2px solid transparent;
}
.mat-icon-button.bordered.mat-gray .mat-icon {
  border-color: #b2b5bb;
}
.mat-icon-button.bordered.mat-blue .mat-icon {
  border-color: #0077c0;
}
.mat-icon-button.cdk-program-focused .mat-button-focus-overlay {
  opacity: 0 !important;
}

.simple-link {
  display: inline-block;
  vertical-align: top;
  color: #1e90ff;
}
.simple-link.black {
  color: #12202b;
}
.simple-link.black:hover {
  color: #1e90ff;
}
.simple-link.gray {
  color: #596174;
}
.simple-link.gray:hover {
  color: #1e90ff;
}
.simple-link.skyBlue {
  color: #0093ff !important;
}
.simple-link.green {
  color: #5ab78a !important;
}
.simple-link .material-icons {
  font-size: 19px;
  font-size: 1.3571428571rem;
  vertical-align: inherit;
}
.simple-link small {
  font-size: 12px;
  font-size: 0.8571428571rem;
  pointer-events: none;
}
.simple-link.bigger-size {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.simple-link.bigger-size .material-icons {
  margin-top: -1px;
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.simple-link.bigger-size .far,
.simple-link.bigger-size .fas,
.simple-link.bigger-size .fal {
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.simple-link.underlined {
  text-decoration: underline;
}
.simple-link.disabled {
  color: #b2b5bb !important;
  cursor: auto;
  text-decoration: none;
}
.simple-link .small-icons {
  font-size: 12px;
  font-size: 0.8571428571rem;
  vertical-align: middle;
  margin-top: 2px;
  pointer-events: none;
}
.simple-link:hover {
  text-decoration: underline;
}
.simple-link:focus {
  color: #0077c0;
}
.simple-link:focus.black {
  color: #12202b;
}
.simple-link:focus.skyBlue {
  color: #0093ff !important;
}
.simple-link:focus.green {
  color: #5ab78a !important;
}

.custom-btn {
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.custom-btn .far,
.custom-btn .fas,
.custom-btn .fal {
  margin-right: 4px;
}

.mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle {
  border-color: #0077c0;
}
.mat-radio-button.mat-primary .mat-radio-inner-circle {
  background-color: #0077c0;
}
.mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element {
  background-color: #0077c0 !important;
}
.mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle {
  border-color: #5aba8a;
}
.mat-radio-button.mat-accent .mat-radio-inner-circle {
  background-color: #5aba8a;
}
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element {
  background-color: #5aba8a !important;
}
.mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle {
  border-color: #ff4a56;
}
.mat-radio-button.mat-warn .mat-radio-inner-circle {
  background-color: #ff4a56;
}
.mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element {
  background-color: #ff4a56 !important;
}

.squre-btns {
  border: 1px solid #999da5;
  border-radius: 8px;
  padding: 16px;
  min-height: 80px;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
  transition: border 0.3s ease-in-out;
}
.squre-btns p {
  font-size: 26px;
  font-size: 1.8571428571rem;
  color: #0093ff;
  margin-bottom: 0;
  line-height: 1;
}
.squre-btns p .area-unit {
  font-size: 12px;
  font-size: 0.8571428571rem;
  color: #000000;
}
.squre-btns i {
  color: #0077c0;
}
.squre-btns span {
  color: #000000;
}
.squre-btns:hover, .squre-btns:focus {
  text-decoration: none;
  border-color: #0077c0;
}

.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  left: calc(100% - 10px);
  right: auto;
  border: 2px solid #ffffff;
  top: -18px;
  font-weight: normal;
  width: auto;
  padding: 0px 7px;
  height: auto;
  line-height: 22px;
  min-width: 26px;
  min-height: 26px;
}

.field-style-btn {
  height: 46px;
  border: 1px solid #a1acb4;
  border-radius: 4px;
  background-color: #ffffff;
  color: #a1acb4;
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 8px 12px;
  text-align: left;
  width: 100%;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.field-style-btn .btn-dropdown {
  position: absolute;
  right: 12px;
  top: 10px;
}
.field-style-btn:hover {
  border-color: #0077c0;
  color: #0077c0;
}
.field-style-btn:hover:disabled {
  border-color: rgba(161, 172, 180, 0.4);
  color: #a1acb4;
}
.field-style-btn:disabled {
  border-color: rgba(161, 172, 180, 0.4);
  background-color: rgba(177, 180, 182, 0.2);
}

.hint-style-text {
  color: rgba(0, 0, 0, 0.6);
  font-size: 75%;
  padding: 6px 11px 0;
  margin-bottom: 0;
}

.chat-btn {
  background-color: #0077c0;
  width: 52px;
  height: 52px;
  border-radius: 50%;
  position: fixed;
  right: 10px;
  bottom: 10px;
  text-align: center;
  font-size: 20px;
  font-size: 1.4285714286rem;
  z-index: 10;
  line-height: 52px;
}
.chat-btn i {
  color: #ffffff;
}

.switch-buttons {
  background-color: #0077c0;
  padding: 12px;
  border-radius: 100px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.switch-buttons button {
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1rem;
  color: #ffffff;
  background-color: transparent;
  border: none;
  z-index: 3;
  position: relative;
  transition: color 0.3s ease-in-out;
}
.switch-buttons button.current-button {
  color: #000000;
}
.switch-buttons button:last-child {
  margin-left: 12px;
}
.switch-buttons .active-button-bg {
  background-color: #ffffff;
  position: absolute;
  padding: 10px 12px;
  border-radius: 24px;
  width: 94px;
  left: 6px;
  height: calc(100% - 12px);
  top: 6px;
  z-index: 2;
  transition: all 0.3s ease-in-out;
}

.project-templating-topbar {
  background-color: #ffffff;
}
.project-templating-topbar.sticky-bar {
  position: fixed;
  top: 132px;
  left: 0;
  z-index: 4;
  width: 100%;
  padding-top: 0;
  min-height: 60px;
  padding: 16px 20px;
}

table {
  border-spacing: 0;
  border-collapse: separate;
  background-color: transparent;
  width: 100%;
  border: 0;
}
table.user-table.fixed-header {
  position: relative;
  border-collapse: collapse;
}
table.user-table.fixed-header thead th {
  position: sticky !important;
  top: 0;
  z-index: 1;
}
table.user-table.fixed-header.with-new-header thead th {
  top: 210px;
}
table.user-table.newUI thead tr th {
  background-color: #e5f1f9;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #c7d2d9;
  border-bottom: 1px solid #c7d2d9;
  color: #35393c;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 10px;
  height: 40px;
}
table.user-table.newUI thead tr th:last-child {
  border-right: none;
}
table.user-table.newUI thead tr th:hover .sort-new {
  opacity: 1;
}
table.user-table.newUI tbody tr td {
  position: relative;
  padding: 10px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  border-right: 1px dashed #c7d2d9;
  border-bottom: 1px solid #c7d2d9;
  color: #35393c;
}
table.user-table.newUI tbody tr td:last-child {
  border-right: none;
}
table.user-table.newUI tbody tr td.ellipsis-container .ellipsis-text {
  left: 10px;
  right: 10px;
}
table.user-table.newUI tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline {
  margin: -10px;
}
table.user-table.newUI tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start,
table.user-table.newUI tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end,
table.user-table.newUI tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-gap {
  border: none;
}
table.user-table.newUI tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding: 0;
  margin: 0;
}
table.user-table.newUI tbody tr td a {
  color: #35393c;
}
table.user-table.newUI tbody tr td .two-fields {
  height: 100%;
  border: 1px solid transparent;
}
table.user-table.newUI tbody tr td .two-fields .field-left {
  display: inline-block;
  vertical-align: top;
  width: calc(30% - 4px);
  height: 100%;
}
table.user-table.newUI tbody tr td .two-fields .field-left input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  padding-right: 70% !important;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  color: #000000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table.user-table.newUI tbody tr td .two-fields .field-left input[type=text]:hover, table.user-table.newUI tbody tr td .two-fields .field-left input[type=text]:focus {
  border-color: #0077c0;
  outline: none;
}
table.user-table.newUI tbody tr td .two-fields .field-right {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  height: 100%;
  position: relative;
}
table.user-table.newUI tbody tr td .two-fields .field-right .custom-dd-material:hover, table.user-table.newUI tbody tr td .two-fields .field-right .custom-dd-material:focus {
  border-color: transparent !important;
}
table.user-table.newUI tbody tr td .two-fields input[type=text]:focus {
  border-color: transparent;
}
table.user-table.newUI tbody tr td .two-fields.field-focus {
  border-color: #0077c0;
}
table.user-table.newUI tbody tr td.edit-field {
  padding: 0;
}
table.user-table.newUI tbody tr td.edit-field input:not([type=checkbox]):not([type=radio]) {
  color: #35393c;
  background-color: transparent;
  padding: 10px;
  width: 100%;
  border: 1px solid transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table.user-table.newUI tbody tr td.edit-field input:not([type=checkbox]):not([type=radio]):focus {
  background-color: #ffffff;
  outline: none;
  border: 1px solid #0077c0;
}
table.user-table.newUI tbody tr.total-count td {
  border-bottom: none;
  border-right: none;
}
table.user-table.newUI tbody tr.total-count td.gray-border {
  border-bottom: 2px solid #596174;
}
table.user-table.newUI tbody tr.total-count:hover {
  background-color: transparent;
}
table.user-table.newUI tbody tr.error-row td {
  border-bottom-color: #e06c52;
}
table.user-table.newUI tbody tr.error-row td.error-field {
  color: #e06c52;
}
table.user-table.newUI tbody tr.error-row td.error-field input:not([type=checkbox]):not([type=radio]) {
  color: #e06c52;
}
table.user-table.newUI.disabled {
  opacity: 0.5;
  pointer-events: none;
}
table.user-table.newUI.attchment-list tbody tr td {
  border-right: none;
}
table.user-table.newUI.attchment-list tbody tr td .no-attachment-icon img {
  width: 60px;
}
table.user-table.newUI.attchment-list tbody tr td .filename .file-icon {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
}
table.user-table.newUI.attchment-list tbody tr td .filename .name-content {
  width: calc(100% - 34px);
  display: inline-block;
  vertical-align: middle;
}
table.user-table.newUI.attchment-list tbody tr td .filename .name-content h5 {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
table.user-table.newUI.attchment-list tbody tr td .filename .name-content h6 {
  font-size: 14px;
  font-size: 1rem;
  color: #b1b4b6;
  margin-bottom: 0;
}
.pagination-nav {
  padding: 8px 12px;
  background-color: #f3f7fa;
}
.pagination-nav .col-sm-6 {
  float: left;
}
.pagination-nav .pagination {
  margin-bottom: 0;
}
.pagination-nav nav {
  display: inline-block;
}
.pagination-nav .pagination-text {
  margin-bottom: 0;
  margin-top: 6px;
  color: #5f616c;
}
.pagination-nav .page-rows {
  display: inline-block;
  vertical-align: middle;
}
.pagination-nav .page-rows .form-control {
  display: inline-block;
  vertical-align: middle;
  width: auto;
  border-radius: 0;
  margin-left: 4px;
  padding: 4px 6px;
  height: auto !important;
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.pagination-nav .page-rows .searchable-select {
  display: inline-block;
}
.pagination-nav .page-rows .searchable-select .selectize-input {
  background: none;
  padding: 4px 6px;
  padding-right: 6px !important;
  min-width: 50px;
  text-align: center;
}
.pagination-nav .page-rows .searchable-select .selectize-input.input-active {
  background: none !important;
}
.pagination-nav .page-rows .searchable-select .selectize-dropdown {
  bottom: 26px !important;
  top: auto !important;
  border-radius: 0;
  border-top: 1px solid #d0d0d0;
}
.pagination-nav .total-records {
  display: inline-block;
  vertical-align: middle;
  margin: 0 30px;
}
.pagination-nav .page-navigation {
  display: inline-block;
  vertical-align: middle;
}
.pagination-nav .page-navigation a {
  display: inline-block;
  vertical-align: middle;
}
.pagination-nav .page-navigation a i {
  color: #12202b;
  vertical-align: middle;
  font-size: 28px;
  font-size: 2rem;
}
.pagination-nav .page-navigation a.left-arrow {
  margin-right: 14px;
}
.pagination-nav .page-navigation a.right-arrow {
  margin-left: 14px;
}
.pagination-nav.sticky {
  position: sticky;
  left: 0;
}

.more-opt {
  width: 28px !important;
  height: 28px !important;
  line-height: 26px !important;
}
.more-opt mat-icon {
  color: #0077c0;
}
.more-opt:hover {
  background-color: #0077c0;
}
.more-opt:hover mat-icon {
  color: #ffffff;
}

.table-opt {
  width: 28px !important;
  height: 28px !important;
  line-height: 26px !important;
}
.table-opt mat-icon {
  color: transparent;
  transition: all 0.3s ease-in-out;
}
.table-opt:hover mat-icon {
  color: #0077c0;
}

.mat-menu-item:hover:not([disabled]) {
  background-color: #0077c0;
  color: #ffffff;
}
.mat-menu-item:focus {
  outline: none;
}

.hierarchical-table {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  border: 0;
}
.hierarchical-table tbody tr td {
  border-bottom: none;
  padding: 0;
  position: relative;
}
.hierarchical-table tbody tr td .more-opt {
  padding-top: 0;
  color: #0077c0;
  transition: all 0.3s ease-in-out;
}
.hierarchical-table tbody tr td .more-opt:hover, .hierarchical-table tbody tr td .more-opt:focus, .hierarchical-table tbody tr td .more-opt.current {
  color: #ffffff;
  background-color: #0077c0;
}
.hierarchical-table tbody tr td .more-opt:hover mat-icon, .hierarchical-table tbody tr td .more-opt:focus mat-icon, .hierarchical-table tbody tr td .more-opt.current mat-icon {
  color: #ffffff;
}
.hierarchical-table tbody tr td .table-options {
  min-width: 200px;
  padding: 12px;
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: 150%;
  top: 10px;
  width: max-content;
  max-height: 0;
  overflow: hidden;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.hierarchical-table tbody tr td .table-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.hierarchical-table tbody tr td .table-options ul li a {
  color: #35393c;
  padding: 8px 30px;
  border-bottom: 1px solid #b1b4b6;
  display: block;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.hierarchical-table tbody tr td .table-options ul li a:hover, .hierarchical-table tbody tr td .table-options ul li a:focus {
  background-color: #377db8;
  color: #ffffff;
  text-decoration: none;
}
.hierarchical-table tbody tr td .table-options ul li:last-child a {
  border-bottom: none;
}
.hierarchical-table tbody tr td .table-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  right: calc(100% - 22px);
  max-height: 1000px;
  overflow: visible;
}
.hierarchical-table tbody tr td .custom-dd-material {
  font-size: 16px !important;
  font-weight: 400 !important;
}
.hierarchical-table tbody tr td .two-fields {
  height: 100%;
  border: 1px solid transparent;
}
.hierarchical-table tbody tr td .two-fields .field-left {
  display: inline-block;
  vertical-align: top;
  width: calc(30% - 4px);
  height: 100%;
}
.hierarchical-table tbody tr td .two-fields .field-left input {
  padding-right: 70% !important;
}
.hierarchical-table tbody tr td .two-fields .field-right {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  height: 100%;
  position: relative;
}
.hierarchical-table tbody tr td .two-fields .field-right .custom-dd-material:hover, .hierarchical-table tbody tr td .two-fields .field-right .custom-dd-material:focus {
  border-color: transparent !important;
}
.hierarchical-table tbody tr td .two-fields input[type=text]:focus {
  border-color: transparent;
}
.hierarchical-table tbody tr td .two-fields.field-focus {
  border-color: #0077c0;
}
.hierarchical-table tbody tr td .switch {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #b1b4b6;
}
.hierarchical-table tbody tr td .sliderOptions {
  position: absolute;
  right: 1px;
  color: #0077c0;
  top: 1px;
  height: calc(100% - 2px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background-color: #f5f8fb;
  padding: 13px 10px 14px 10px;
}
.hierarchical-table tbody tr td .sliderOptions i {
  margin-left: 6px;
}
.hierarchical-table tbody tr td .sliderOptions:hover {
  text-decoration: none;
}
.hierarchical-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline {
  margin: -11px;
}
.hierarchical-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start,
.hierarchical-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end,
.hierarchical-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-gap {
  border: none;
}
.hierarchical-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding: 0;
  margin: 0;
}
.hierarchical-table tbody tr:hover {
  background-color: transparent;
}
.hierarchical-table tbody .section-table .section-row td {
  border-right: none;
  border-bottom: 2px solid #0077c0;
  padding: 10px;
}
.hierarchical-table tbody .section-table .section-row td input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hierarchical-table tbody .section-table .section-row td input[type=text]::placeholder {
  color: #b1b4b6;
}
.hierarchical-table tbody .section-table .section-row td input[type=text]:hover, .hierarchical-table tbody .section-table .section-row td input[type=text]:focus {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .section-table .section-row td .row-count {
  display: inline-block;
  vertical-align: middle;
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.hierarchical-table tbody .section-table .section-row td .simple-text {
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: inline-block;
  vertical-align: middle;
}
.hierarchical-table tbody .section-table .section-row td .add-section {
  color: #0077c0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .section-table .section-row td .add-section .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
  margin-right: 4px;
}
.hierarchical-table tbody .section-table .section-row td .add-section span {
  display: inline-block;
  vertical-align: text-top;
}
.hierarchical-table tbody .section-table .section-row td .add-section:hover, .hierarchical-table tbody .section-table .section-row td .add-section:focus {
  text-decoration: none;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps {
  color: #0077c0;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps i {
  vertical-align: middle;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps:hover, .hierarchical-table tbody .section-table .section-row td .expand-collaps:focus {
  text-decoration: none;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps.collapsed {
  transform: rotate(-90deg);
}
.hierarchical-table tbody .section-table .section-row td:last-child {
  border-right: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td {
  border-right: 1px dashed #b1b4b6;
  border-bottom: 2px solid #727a80;
  padding: 10px;
}
.hierarchical-table tbody .subsection-table .subsection-row td input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  color: #000000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hierarchical-table tbody .subsection-table .subsection-row td input[type=text]:hover, .hierarchical-table tbody .subsection-table .subsection-row td input[type=text]:focus {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .row-count {
  display: inline-block;
  vertical-align: middle;
  color: #000000;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.hierarchical-table tbody .subsection-table .subsection-row td .simple-text {
  color: #000000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: inline-block;
  vertical-align: middle;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section {
  color: #0077c0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section span {
  display: inline-block;
  vertical-align: text-top;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section:hover, .hierarchical-table tbody .subsection-table .subsection-row td .add-section:focus {
  text-decoration: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps {
  color: #000000;
  display: inline-block;
  width: 24px;
  height: 24px;
  text-align: center;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps i {
  vertical-align: middle;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps:hover, .hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps:focus {
  text-decoration: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps.collapsed {
  transform: rotate(-90deg);
}
.hierarchical-table tbody .subsection-table .subsection-row td.row-option {
  width: 5%;
}
.hierarchical-table tbody .subsection-table .subsection-row td.row-first-col {
  width: 25%;
}
.hierarchical-table tbody .subsection-table .subsection-row td:last-child, .hierarchical-table tbody .subsection-table .subsection-row td:first-child {
  border-right: none;
}
.hierarchical-table tbody .subsection-table .subsection-row.selected {
  background-color: #f5f8fb;
}
.hierarchical-table tbody .subsection-table .subsection-row:hover .sliderOptions {
  opacity: 1;
}
.hierarchical-table tbody .subsection-table .subsection-row:hover td input:focus + .sliderOptions {
  opacity: 0;
}
.hierarchical-table tbody .field-table .field-row td {
  border-right: 1px dashed #b1b4b6;
  border-bottom: 1px solid #727a80;
  padding: 10px;
}
.hierarchical-table tbody .field-table .field-row td input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  color: #000000;
  font-size: 16px;
  font-size: 1.1428571429rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hierarchical-table tbody .field-table .field-row td input[type=text]:hover, .hierarchical-table tbody .field-table .field-row td input[type=text]:focus {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .field-table .field-row td .row-count {
  display: inline-block;
  vertical-align: middle;
  color: #000000;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .field-table .field-row td .simple-text {
  color: #000000;
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: inline-block;
  vertical-align: middle;
}
.hierarchical-table tbody .field-table .field-row td .add-section {
  color: #0077c0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .field-table .field-row td .add-section .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
}
.hierarchical-table tbody .field-table .field-row td .add-section span {
  display: inline-block;
  vertical-align: text-top;
}
.hierarchical-table tbody .field-table .field-row td .add-section:hover, .hierarchical-table tbody .field-table .field-row td .add-section:focus {
  text-decoration: none;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps {
  color: #000000;
  display: inline-block;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps .material-icons {
  vertical-align: middle;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps:hover, .hierarchical-table tbody .field-table .field-row td .expand-collaps:focus {
  text-decoration: none;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps.collapsed {
  transform: rotate(-90deg);
}
.hierarchical-table tbody .field-table .field-row td:last-child, .hierarchical-table tbody .field-table .field-row td:first-child {
  border-right: none;
}
.hierarchical-table tbody .field-table .field-row.selected {
  background-color: #f5f8fb;
}
.hierarchical-table tbody .field-table .field-row:hover .sliderOptions {
  opacity: 1;
}
.hierarchical-table tbody .field-table .field-row:hover td input:focus + .sliderOptions {
  opacity: 0;
}
.hierarchical-table tbody .field-table .field-row:last-child td {
  border-bottom-color: transparent;
}

.gray-table {
  border-spacing: 0;
  border-collapse: separate;
  background-color: transparent;
  width: 100%;
  border: 0;
}
.gray-table thead tr th,
.gray-table thead tr td,
.gray-table .gray-head-style tr th,
.gray-table .gray-head-style tr td {
  background-color: #f7f8fc;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #c7d2d9;
  border-bottom: 1px solid #c7d2d9;
  color: #35393c;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 10px;
  height: 40px;
}
.gray-table thead tr th .mat-badge,
.gray-table thead tr td .mat-badge,
.gray-table .gray-head-style tr th .mat-badge,
.gray-table .gray-head-style tr td .mat-badge {
  position: absolute;
  right: 10px;
  top: 9px;
}
.gray-table thead tr th .mat-badge.mat-badge-medium .mat-badge-content,
.gray-table thead tr td .mat-badge.mat-badge-medium .mat-badge-content,
.gray-table .gray-head-style tr th .mat-badge.mat-badge-medium .mat-badge-content,
.gray-table .gray-head-style tr td .mat-badge.mat-badge-medium .mat-badge-content {
  font-weight: normal;
  width: auto;
  height: auto;
  padding: 0px 7px;
  line-height: 22px;
  min-width: 22px;
  min-height: 22px;
  top: 0;
  right: 0;
}
.gray-table thead tr th:last-child,
.gray-table thead tr td:last-child,
.gray-table .gray-head-style tr th:last-child,
.gray-table .gray-head-style tr td:last-child {
  border-right: none;
}
.gray-table thead tr th:hover .sort-new,
.gray-table thead tr td:hover .sort-new,
.gray-table .gray-head-style tr th:hover .sort-new,
.gray-table .gray-head-style tr td:hover .sort-new {
  opacity: 1;
}
.gray-table thead.skyBlue-head tr th,
.gray-table thead.skyBlue-head tr td,
.gray-table .gray-head-style.skyBlue-head tr th,
.gray-table .gray-head-style.skyBlue-head tr td {
  background-color: rgba(0, 147, 255, 0.08);
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #c7d2d9;
  border-bottom: 1px solid #c7d2d9;
  color: #0093ff;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 10px;
  height: 40px;
}
.gray-table tbody tr td {
  position: relative;
  padding: 10px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  border-right: 1px dashed #ccced2;
  border-bottom: 1px solid #ccced2;
  color: #35393c;
}
.gray-table tbody tr td:last-child {
  border-right: none;
}
.gray-table tbody tr td .more-desp {
  width: calc(100% - 6ch);
  display: inline-block;
  white-space: nowrap;
}
.gray-table tbody tr td .more-link {
  text-decoration: underline;
  color: #0093ff;
  display: inline-block;
  vertical-align: top;
}
.gray-table tbody tr td.ellipsis-container .ellipsis-text {
  left: 10px;
  right: 10px;
}
.gray-table tbody tr td.ellipsis-container .ellipsis-text .underlined-link {
  display: inline;
}
.gray-table tbody tr td.asset-img-td {
  padding: 4px 10px;
}
.gray-table tbody tr td.asset-img-td img {
  width: 58px;
  height: 40px;
  border-radius: 4px;
  object-fit: cover;
}
.gray-table tbody tr td .table-style-list:after {
  display: none;
}
.gray-table tbody tr td .gray-box {
  background-color: rgba(232, 232, 232, 0.6);
  padding: 20px;
  border-radius: 8px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.gray-table tbody tr td .gray-box p:last-child {
  margin-bottom: 0;
}
.gray-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline {
  margin: -10px;
}
.gray-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start,
.gray-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end,
.gray-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-gap {
  border: none;
}
.gray-table tbody tr td .field-group .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding: 0;
  margin: 0;
}
.gray-table tbody tr td .field-group.normal {
  margin: 10px 0;
}
.gray-table tbody tr td .field-group.normal .mat-form-field .mat-form-field-label {
  font-size: 14px;
  font-size: 1rem;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline {
  margin: -6px 0;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 8px 0 8px 0;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-start {
  border: 1px solid #a1acb4;
  border-right-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-gap {
  border: 1px solid #a1acb4;
  border-left-style: none;
  border-right-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline .mat-form-field-outline-end {
  border: 1px solid #a1acb4;
  border-left-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-start {
  border: 2px solid #0077c0;
  border-right-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border: 2px solid #0077c0;
  border-left-style: none;
  border-right-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-end {
  border: 2px solid #0077c0;
  border-left-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline .mat-form-field-wrapper {
  padding: 0;
  margin: 0;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-outline-gap {
  border-top-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float:not(.mat-form-field-disabled) .mat-form-field-flex .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-top-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float:not(.mat-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick .mat-form-field-outline-gap {
  border-top-style: none;
}
.gray-table tbody tr td .field-group.normal .mat-form-field.mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label {
  transform: translateY(-14px) scale(0.75);
}
.gray-table tbody tr td .field-group.normal.input-field .mat-form-field.mat-form-field-appearance-outline .mat-form-field-infix {
  padding: 9px 0 9px 0;
}
.gray-table tbody tr td .simple-text-field {
  border: 1px solid #a1acb4;
  padding: 6px;
  transition: color 0.3s ease-in-out;
  border-radius: 4px;
  outline: none;
}
.gray-table tbody tr td .simple-text-field:focus {
  border-color: #0077c0;
}
.gray-table tbody tr td a {
  color: #35393c;
}
.gray-table tbody tr td a.blue-link {
  color: #0077c0;
}
.gray-table tbody tr td a.medium-text {
  font-weight: 500;
}
.gray-table tbody tr td .two-fields {
  height: 100%;
  border: 1px solid transparent;
}
.gray-table tbody tr td .two-fields .field-left {
  display: inline-block;
  vertical-align: top;
  width: calc(30% - 4px);
  height: 100%;
}
.gray-table tbody tr td .two-fields .field-left input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  padding-right: 70% !important;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #ffffff;
  color: #000000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.gray-table tbody tr td .two-fields .field-left input[type=text]:hover, .gray-table tbody tr td .two-fields .field-left input[type=text]:focus {
  border-color: #0077c0;
  outline: none;
}
.gray-table tbody tr td .two-fields .field-right {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  height: 100%;
  position: relative;
}
.gray-table tbody tr td .two-fields .field-right .custom-dd-material:hover, .gray-table tbody tr td .two-fields .field-right .custom-dd-material:focus {
  border-color: transparent !important;
}
.gray-table tbody tr td .two-fields input[type=text]:focus {
  border-color: transparent;
}
.gray-table tbody tr td .two-fields.field-focus {
  border-color: #0077c0;
}
.gray-table tbody tr td.edit-field {
  padding: 0;
}
.gray-table tbody tr td.edit-field input:not([type=checkbox]):not([type=radio]) {
  color: #35393c;
  background-color: transparent;
  padding: 10px;
  width: 100%;
  border: 1px solid transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.gray-table tbody tr td.edit-field input:not([type=checkbox]):not([type=radio]):focus {
  background-color: #ffffff;
  outline: none;
  border: 1px solid #0077c0;
}
.gray-table tbody tr td .expanded-btn {
  transition: all 0.3s ease-in-out;
}
.gray-table tbody tr td .expanded-btn.expanded {
  transform: rotate(180deg);
}
.gray-table tbody tr.total-count td {
  border-bottom: none;
  border-right: none;
}
.gray-table tbody tr.total-count td.gray-border {
  border-bottom: 2px solid #596174;
}
.gray-table tbody tr.total-count:hover {
  background-color: transparent;
}
.gray-table tbody tr.error-row td {
  border-bottom-color: #e06c52;
}
.gray-table tbody tr.error-row td.error-field {
  color: #e06c52;
}
.gray-table tbody tr.error-row td.error-field input:not([type=checkbox]):not([type=radio]) {
  color: #e06c52;
}
.gray-table tbody tr.red-highlited td {
  border-bottom-color: #e06c52;
  border-top: 1px solid #e06c52;
}
.gray-table tbody tr.red-highlited td:first-child {
  border-left: 1px solid #e06c52;
}
.gray-table tbody tr.red-highlited td:last-child {
  border-right: 1px solid #e06c52;
}
.gray-table tbody tr.red-highlited td.error-field {
  color: #e06c52;
}
.gray-table tbody tr.red-highlited td.error-field input:not([type=checkbox]):not([type=radio]) {
  color: #e06c52;
}
.gray-table tbody tr.inactive td {
  background-color: #e2e2ea;
}
.gray-table tbody tr.inactive td img {
  opacity: 0.5;
}
.gray-table tbody tr:hover td:not(.no-hover), .gray-table tbody tr.current td:not(.no-hover) {
  background-color: #f7f8fc;
}
.gray-table tbody tr:hover td .table-opt mat-icon, .gray-table tbody tr.current td .table-opt mat-icon {
  color: #0077c0;
}
.gray-table tbody tr:hover.inactive td, .gray-table tbody tr.current.inactive td {
  background-color: #e2e2ea;
}
.gray-table tbody tr.no-hover td {
  background-color: #ffffff !important;
}
.gray-table tbody tr.inner-table td {
  padding: 0 10px;
}
.gray-table tbody tr.inner-table td.fifty-padded {
  padding: 0 50px;
}
.gray-table tbody tr.inner-table td .blue-line-table thead tr th {
  background-color: transparent;
  border-right: none;
}
.gray-table tbody tr.inner-table td .blue-line-table tbody tr td {
  padding: 4px 10px;
  border-bottom: 1px solid #ccced2;
}
.gray-table tbody tr.inner-table td .blue-line-table tbody tr td:first-child {
  border-left: 1px dashed #ccced2;
}
.gray-table tbody tr.inner-table td .blue-line-table tbody tr td:last-child {
  border-right: 1px dashed #ccced2;
}
.gray-table tbody tr.inner-table td .blue-line-table tbody tr:last-child td {
  border-bottom: none;
}
.gray-table tbody tr.inner-table:hover td {
  background-color: transparent;
}
.gray-table.no-last-border thead tr th:nth-last-child(1) {
  border-right: none;
}
.gray-table.no-last-border tbody tr td:nth-last-child(1) {
  border-right: none;
}
.gray-table.fixed-header thead tr th {
  position: sticky;
  top: 132px;
  z-index: 2;
}
.gray-table.fixed-header-top-0 thead tr th {
  position: sticky;
  top: 0px;
  z-index: 2;
}
.gray-table.fixed-header-asset thead tr th {
  position: sticky;
  top: 279px;
  z-index: 2;
}
.gray-table.fixed-header-asset thead tr th .column-selector {
  min-width: 282px;
  right: 60px;
  top: 2px;
}
.gray-table.fixed-header-asset thead tr th .column-selector .selector-header:before {
  right: -15px;
  transform: rotate(90deg);
  top: 14px;
}
.gray-table.fixed-header-asset thead tr th .column-selector .selector-body .notice-new {
  padding: 10px;
}
.gray-table.fixed-header-asset thead tr th .column-selector .selector-body .notice-new > .far,
.gray-table.fixed-header-asset thead tr th .column-selector .selector-body .notice-new > .fas,
.gray-table.fixed-header-asset thead tr th .column-selector .selector-body .notice-new > .fal {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.gray-table.fixed-header-asset thead tr th .column-selector .selector-body .notice-new span {
  margin-left: 8px;
  width: calc(100% - 24px);
  font-size: 12px;
  font-size: 0.8571428571rem;
  vertical-align: middle;
}
@media only screen and (max-width: 1400px) {
  .gray-table.fixed-header-asset thead tr th .column-selector .selector-body .column-list {
    max-height: 100px;
  }
}
@media only screen and (max-width: 1280px) {
  .gray-table.fixed-header-asset thead tr th .column-selector .selector-body .column-list {
    max-height: 100px;
  }
}
.gray-table.fixed-header-asset.top-zero thead tr th {
  top: 0;
}
.gray-table.fixed-header-asset.fixed-first-last thead tr th:first-child {
  position: sticky;
  left: 0;
  z-index: 5;
  background-color: #f7f8fc;
}
.gray-table.fixed-header-asset.fixed-first-last thead tr th:last-child {
  position: sticky;
  right: 0;
  z-index: 5;
  background-color: #f7f8fc;
}
.gray-table.fixed-header-asset.fixed-first-last tbody tr td:first-child {
  position: sticky;
  left: 0;
  z-index: 3;
  background-color: #ffffff;
}
.gray-table.fixed-header-asset.fixed-first-last tbody tr td:last-child {
  position: sticky;
  right: 0;
  z-index: 3;
  background-color: #ffffff;
}
.gray-table.fixed-header-asset.fixed-first-last tbody tr:hover td {
  background-color: #f7f8fc;
}
.gray-table.fixed-header-asset.fixed-first-last tbody tr.transit-row td {
  background-color: #fef8e9;
}
.gray-table.fixed-header-asset.fixed-first-last tbody tr.inactive td {
  background-color: #e2e2ea;
}
.gray-table.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.gray-table.attchment-list tbody tr td {
  border-right: none;
}
.gray-table.attchment-list tbody tr td .no-attachment-icon img {
  width: 60px;
}
.gray-table.attchment-list tbody tr td .filename .file-icon {
  display: inline-block;
  vertical-align: middle;
  width: 30px;
}
.gray-table.attchment-list tbody tr td .filename .name-content {
  width: calc(100% - 34px);
  display: inline-block;
  vertical-align: middle;
}
.gray-table.attchment-list tbody tr td .filename .name-content h5 {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.gray-table.attchment-list tbody tr td .filename .name-content h6 {
  font-size: 14px;
  font-size: 1rem;
  color: #b1b4b6;
  margin-bottom: 0;
}
.gray-table.attchment-list tbody tr td .mat-icon-button .mat-icon {
  color: #b1b4b6;
}
.gray-table.event-table thead tr th {
  font-size: 14px;
  font-size: 1rem;
}
.gray-table.event-table tbody tr td {
  font-size: 14px;
  font-size: 1rem;
}
.gray-table.event-table tbody tr td .badges.tiny {
  vertical-align: top;
  margin-top: 4px;
  margin-right: 6px;
}
.gray-table.event-table tbody tr td .badges.with-arrow {
  margin-top: 5px;
}
.gray-table.event-table tbody tr td .badges.without-arrow {
  margin-left: 30px;
}
.gray-table.event-table tbody tr td .row-trigger {
  margin-left: -8px;
  margin-right: 2px;
}
.gray-table.event-table tbody tr.unread td {
  background-color: #f3f3f3;
}
.gray-table.event-table tbody tr.sibling-list td {
  background-color: #f7f8fc;
}
.gray-table.event-table tbody tr.expanded td {
  background-color: #f7f8fc;
}
.gray-table.event-table tbody tr.expanded td .row-trigger {
  transform: rotate(90deg);
}
.gray-table.event-table tbody tr.disbaled-row {
  pointer-events: none;
}
.gray-table.event-table tbody tr.disbaled-row td {
  color: #a1acb4 !important;
}
.gray-table.event-table tbody tr.disbaled-row td .badges {
  background-color: #a1acb4;
}
.gray-table.event-table tbody tr.disbaled-row td a,
.gray-table.event-table tbody tr.disbaled-row td span {
  color: #a1acb4 !important;
}
.gray-table.for-gray-box tr {
  height: 1px;
}
.gray-table.for-gray-box tr td {
  height: inherit;
}
.gray-table.double-line-header thead th {
  padding: 10px;
  line-height: 24px;
  vertical-align: middle;
}
.gray-table.multi-line-list tbody tr:hover td {
  background-color: #ffffff !important;
}
.gray-table.multi-line-list tbody tr:nth-child(even) td {
  background-color: #f5fbff !important;
}
.gray-table.multi-line-list tbody tr:nth-child(even):hover td {
  background-color: #f5fbff !important;
}
.gray-table.multi-line-list tbody tr.DisableField td {
  background-color: #f9f9f9 !important;
}
.gray-table.multi-line-list tbody tr.DisableField:hover td {
  background-color: #f9f9f9 !important;
}
.gray-table.multi-line-list tbody tr td .table-style-list {
  list-style: none outside none;
  padding: 0;
  margin: -10px;
}
.gray-table.multi-line-list tbody tr td .table-style-list li {
  padding: 10px;
  border-bottom: 1px solid #ccced2;
}
.gray-table.multi-line-list tbody tr td .table-style-list li:last-child {
  border-bottom: none;
}
.gray-table.no-word-wrap * {
  white-space: nowrap;
}
.gray-table.rounded-table {
  border: 1px solid #e2e2ea;
  border-radius: 8px;
}
.gray-table.rounded-table thead tr th {
  border-right: none;
}
.gray-table.rounded-table tbody tr td {
  border-right: none;
  border-bottom-color: #e2e2ea;
}
.gray-table.rounded-table tbody tr:last-child td {
  border-bottom: none;
}

.assignie-list-table {
  background-color: #f7f8fc;
  margin: 10px -20px -10px;
}
.assignie-list-table table tbody tr td {
  padding: 10px 6px;
  border-bottom: 1px solid rgba(204, 206, 210, 0.8);
}
.assignie-list-table table tbody tr td:first-child {
  padding-left: 50px;
}
.assignie-list-table table tbody tr:last-child td {
  border-bottom: none;
}
.assignie-list-table table tbody tr:hover {
  background-color: transparent;
}
.assignie-list-table table tbody tr:hover td {
  border-color: rgba(204, 206, 210, 0.8);
}

.blue-line-table {
  border-spacing: 0;
  border-collapse: separate;
  background-color: transparent;
  width: 100%;
  border: 0;
}
.blue-line-table thead tr th {
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-bottom: 2px solid #0077c0;
  color: #000000;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 10px;
  height: 40px;
}
.blue-line-table thead tr th:last-child {
  border-right: none;
}
.blue-line-table thead tr th:hover .sort-new {
  opacity: 1;
}
.blue-line-table tbody tr td {
  position: relative;
  padding: 10px;
  font-size: 14px;
  font-size: 1rem;
  border-bottom: 1px solid #ccced2;
  color: #000000;
}
.blue-line-table tbody tr td:last-child {
  border-right: none;
}
.blue-line-table tbody tr td.ellipsis-container .ellipsis-text {
  left: 10px;
  right: 10px;
}
.blue-line-table tbody tr td .hover-opts {
  width: 0 !important;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.blue-line-table tbody tr:hover td, .blue-line-table tbody tr.current td {
  background-color: #f7f8fc;
}
.blue-line-table tbody tr:hover td .table-opt.hover-opts, .blue-line-table tbody tr.current td .table-opt.hover-opts {
  width: 28px !important;
  visibility: visible;
}
.blue-line-table tbody tr:hover td .table-opt mat-icon, .blue-line-table tbody tr.current td .table-opt mat-icon {
  color: #596174;
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.blue-line-table tbody tr:hover td .table-opt mat-icon:hover, .blue-line-table tbody tr.current td .table-opt mat-icon:hover {
  color: #0077c0;
}
.blue-line-table.fixed-header thead th {
  position: sticky;
  top: 0;
  background-color: #ffffff;
  z-index: 1;
}
.blue-line-table.with-right-borders tbody tr td {
  border-right: 1px solid #ccced2;
}
.blue-line-table.with-right-borders tbody tr td:last-child {
  border-right: none;
}
.blue-line-table.with-right-borders.dashed tbody tr td {
  border-right-style: dashed;
}
.blue-line-table.with-right-borders.dashed tbody tr td:last-child {
  border-right: none;
}
.blue-line-table.bigger-font thead tr th {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.blue-line-table.bigger-font tbody tr td {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.blue-line-table.no-wrap tbody tr td {
  white-space: nowrap;
}

.assets-table-ui {
  border-collapse: separate;
  border-spacing: 0 15px;
  width: 100%;
}
.assets-table-ui thead tr th {
  background-color: #e9ebf2;
  text-transform: uppercase;
  padding: 2px 10px;
  color: #020a20;
  font-size: 14px;
  font-size: 1rem;
  position: relative;
}
.assets-table-ui thead tr th:first-child {
  border-radius: 6px 0 0 6px;
  padding-left: 20px;
}
.assets-table-ui thead tr th:last-child {
  border-radius: 0 6px 6px 0;
  padding-right: 20px;
}
.assets-table-ui thead tr th .column-selector {
  min-width: 300px;
  right: 20px;
}
.assets-table-ui thead tr th .column-selector .selector-body .notice-new {
  padding: 10px;
}
.assets-table-ui thead tr th .column-selector .selector-body .notice-new > .far,
.assets-table-ui thead tr th .column-selector .selector-body .notice-new > .fas,
.assets-table-ui thead tr th .column-selector .selector-body .notice-new > .fal {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.assets-table-ui thead tr th .column-selector .selector-body .notice-new span {
  margin-left: 8px;
  width: calc(100% - 24px);
  font-size: 12px;
  font-size: 0.8571428571rem;
  vertical-align: middle;
}
.assets-table-ui tbody tr {
  transition: all 0.3s ease-in-out;
}
.assets-table-ui tbody tr td {
  background-color: #ffffff;
  border-top: 1px solid #e2e2ea;
  border-bottom: 1px solid #e2e2ea;
  padding: 4px 10px;
  color: #343b4c;
  font-size: 16px;
  font-size: 1.1428571429rem;
  transition: all 0.3s ease-in-out;
}
.assets-table-ui tbody tr td:first-child {
  border-radius: 6px 0 0 6px;
  border-left: 1px solid #e2e2ea;
  padding-left: 20px;
}
.assets-table-ui tbody tr td:last-child {
  border-radius: 0 6px 6px 0;
  border-right: 1px solid #e2e2ea;
  padding-right: 20px;
}
.assets-table-ui tbody tr td .asset-imgs {
  width: 70px;
  height: 50px;
  object-fit: cover;
  border-radius: 6px;
}
.assets-table-ui tbody tr:hover, .assets-table-ui tbody tr.current {
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.14);
}
.assets-table-ui tbody tr:hover td, .assets-table-ui tbody tr.current td {
  border-color: #0077c0;
}

.gray-table-no-border-body {
  border-spacing: 0;
  border-collapse: separate;
  background-color: transparent;
  width: 100%;
  border: 0;
}
.gray-table-no-border-body thead tr th {
  background-color: #f7f8fc;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #c7d2d9;
  color: #35393c;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 10px;
  height: 40px;
}
.gray-table-no-border-body thead tr th:last-child {
  border-right: none;
}
.gray-table-no-border-body thead tr th.no-right-border {
  border-right: none;
}
.gray-table-no-border-body thead tr th:hover .sort-new {
  opacity: 1;
}
.gray-table-no-border-body tbody tr td {
  position: relative;
  padding: 10px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #35393c;
}
.gray-table-no-border-body tbody tr td .field-group .mat-form-field-label-wrapper {
  top: -0.64375em;
}
.gray-table-no-border-body tbody tr td:last-child {
  border-right: none;
}
.gray-table-no-border-body tbody tr td.no-right-border {
  border-right: none;
}
.gray-table-no-border-body tbody tr.align-baseline td {
  vertical-align: baseline;
}
.gray-table-no-border-body.less-padded tbody tr td {
  padding: 2px 10px;
}
.gray-table-no-border-body.no-head-bg thead tr th {
  border-right: none;
  border-bottom: 1px solid #c7d2d9;
  background-color: transparent;
}

.gray-table-solid {
  border-spacing: 0;
  border-collapse: separate;
  background-color: transparent;
  width: 100%;
  border: 0;
}
.gray-table-solid thead tr th {
  background-color: #f7f8fc;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #c7d2d9;
  color: #35393c;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 20px;
  height: 40px;
}
.gray-table-solid thead tr th:last-child {
  border-right: none;
}
.gray-table-solid thead tr th.no-right-border {
  border-right: none;
}
.gray-table-solid thead tr th:hover .sort-new {
  opacity: 1;
}
.gray-table-solid tbody tr td {
  position: relative;
  padding: 20px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #35393c;
  border-right: 1px solid #c7d2d9;
  border-bottom: 1px solid #c7d2d9;
}
.gray-table-solid tbody tr td .field-group .mat-form-field-label-wrapper {
  top: -0.64375em;
}
.gray-table-solid tbody tr td .field-group .mat-form-field-wrapper {
  padding-bottom: 0;
}
.gray-table-solid tbody tr td:last-child {
  border-right: none;
}
.gray-table-solid tbody tr td.no-right-border {
  border-right: none;
}
.gray-table-solid.fixed-header thead tr th {
  position: sticky;
  z-index: 2;
  top: 0;
}

.five-rows {
  overflow: hidden;
  max-height: 250px;
  transition: max-height 0.3s ease-in-out;
}
.five-rows.bigger-cells {
  max-height: 316px;
}
.five-rows.show-all {
  max-height: 1000px;
}

.transit-row td {
  background-color: #fef8e9;
}
.transit-row .in-transit {
  display: inline-block;
  vertical-align: middle;
}
.transit-row .in-transit .origin {
  width: 7px;
  height: 7px;
  background-color: #f6bd23;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
  position: relative;
  margin-right: 12px;
}
.transit-row .in-transit .origin:after {
  content: "";
  background-color: #ccced2;
  height: 1px;
  width: 8px;
  position: absolute;
  right: -10px;
  top: 3px;
}
.transit-row .in-transit .destination {
  width: 7px;
  height: 7px;
  background-color: #1bbc72;
  border-radius: 100%;
  display: inline-block;
  vertical-align: middle;
}
.transit-row.current td, .transit-row:hover td {
  background-color: #fef8e9 !important;
}

.alternet-gray-table {
  border-spacing: 0;
  border-collapse: separate;
  background-color: transparent;
  width: 100%;
  border: 0;
}
.alternet-gray-table thead tr th {
  background-color: #f7f8fc;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #c7d2d9;
  border-bottom: 1px solid #c7d2d9;
  color: #35393c;
  position: relative;
  line-height: 36px;
  vertical-align: bottom;
  padding: 0 10px;
  height: 40px;
}
.alternet-gray-table thead tr th:last-child {
  border-right: none;
}
.alternet-gray-table tbody tr:nth-child(odd) td {
  background-color: #fafafa;
}
.alternet-gray-table tbody tr td {
  position: relative;
  padding: 16px 10px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #35393c;
  background-color: #ffffff;
}
.alternet-gray-table tbody tr td:first-child {
  color: #778080;
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.alternet-gray-table tbody tr td:last-child {
  border-right: none;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}

/*
  Mat Datepicker Calendar Styles
*/
.mat-calendar {
  font-size: 13px;
}

.mat-calendar-table-header th {
  color: rgba(0, 0, 0, 0.5411764706);
  font-size: 11px;
  font-weight: 400;
}
.mat-calendar-table-header th:not(.mat-calendar-table-header-divider) {
  padding: 8px 0 !important;
}

.mat-calendar-table-header-divider {
  background-color: transparent;
  padding: 0 !important;
}
.mat-calendar-table-header-divider:after {
  background-color: rgba(0, 0, 0, 0.1215686275);
}

.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.5411764706);
  font-size: 14px;
  font-weight: 500;
}

.mat-calendar-body-cell-content {
  color: rgba(0, 0, 0, 0.8705882353);
  border-color: rgba(0, 0, 0, 0);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.3803921569);
}

.mat-calendar-body-selected {
  background-color: #2196f3;
  color: white;
}

.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(33, 150, 243, 0.3);
}

.mat-calendar-body-selected.mat-calendar-body-today {
  box-shadow: inset 0 0 0 1px white;
}

.ngx-mat-timepicker-table .ngx-mat-timepicker-tbody .mat-mdc-form-field-subscript-wrapper {
  display: none;
}

.time-container:before {
  top: 1px;
}

.button.bigger.blue-btn {
  font-size: 16px;
  padding: 11px 18px !important;
  border-radius: 4px;
}

.project-templating-main-panel.no-buttons {
  top: 62px;
}

.show-advance-filters-custom {
  background-color: hsla(0, 0%, 78.8%, 0.2);
  color: #b2b5bb;
}
.show-advance-filters-custom:hover {
  top: 0;
  margin-right: 0;
}

.mat-button,
.mat-raised-button,
.mat-icon-button,
.mat-stroked-button,
.mat-flat-button,
.mat-fab,
.mat-mini-fab {
  font-size: 14px;
  font-weight: 500;
}

.form-link-right,
.mat-flat-button {
  font-size: 16px;
}

.mat-form-field-subscript-wrapper {
  font-size: 70%;
  top: 100%;
  position: relative !important;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: 1.1;
}

.cdk-global-overlay-wrapper,
.cdk-overlay-backdrop,
.cdk-overlay-container,
.cdk-overlay-connected-position-bounding-box,
.cdk-overlay-pane {
  z-index: 1200;
}

.cdk-overlay-container {
  z-index: 1250;
}

.notice-new > .far,
.notice-new > .fas,
.notice-new > .fal {
  color: #0077c0;
}

.mat-drawer-container {
  z-index: 1211 !important;
}

.lg-backdrop {
  z-index: 1211;
}
.lg-backdrop.in {
  opacity: 0.8;
}

.lg-outer {
  z-index: 1250;
}

bs-datepicker-container,
bs-daterangepicker-container {
  z-index: 1211;
}

.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick {
  color: #0077c0;
}
.mat-form-field-appearance-outline.mat-focused:not(.mat-form-field-invalid) .mat-form-field-label {
  color: #0077c0;
}

.login-content .material-style-form .mat-form-field-appearance-outline .mat-form-field-infix .mat-input-element {
  margin-top: -2px;
}

.gm-style .gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect {
  width: 30px !important;
  height: 30px !important;
}
.gm-style .gm-style-iw-c .gm-style-iw-chr .gm-ui-hover-effect span {
  width: 20px !important;
  height: 20px !important;
  margin: 5px !important;
}
.gm-style .gm-style-iw-c .gm-style-iw-d {
  margin-top: -22px;
}
.gm-style .gm-style-iw-c .gm-style-iw-d .agm-info-window-content h4 {
  max-width: calc(100% - 24px);
}
.gm-style .gm-style-iw-c .gm-style-iw-d .agm-info-window-content .blue-line-table tbody tr td {
  white-space: nowrap;
}

.rules-block .dp-value .mat-form-field-subscript-wrapper {
  font-size: 11px;
  position: absolute !important;
}
.rules-block .dp-value .mat-form-field-subscript-wrapper .price-error {
  background-color: transparent !important;
}

.column-selector .selector-body .mat-ripple-element {
  opacity: 0;
}

/* Hide Number Arrows */
/*input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}*/
/* Hide Number Arrows */
.asset-loading .fetching-container .fetching-img img {
  margin-bottom: 0;
}

a {
  color: #0275d8;
  text-decoration: none;
}

.loaderHolder {
  background-color: #fff;
  bottom: 0;
  height: 100%;
  left: 0;
  opacity: 0.95;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 1201;
}

input {
  font-weight: 400;
}

.loaderHolder {
  background-repeat: no-repeat;
  background-position: center;
  background-image: url('all-loader.47b2c6ada1e312ef.gif');
}

.static-slider-open-secondary .loaderHolder,
.static-slider-open .loaderHolder,
.static-slider-open-config .loaderHolder {
  z-index: 1220;
}

.static-slider-open app-task-config-main,
.static-slider-open app-gis-poc,
.static-slider-open-config app-task-config-main,
.static-slider-open-config app-gis-poc {
  position: relative;
  z-index: 1211;
}

.hidden {
  display: none !important;
}

@keyframes blink {
  from, to {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
}
.new-header {
  background-color: #0077c0;
  position: fixed;
  top: 0;
  /*z-index: 1051;*/
  z-index: 1210;
  width: 100%;
  height: 65px;
  padding: 0 8px;
  border-bottom: 1px solid #046fb1;
  display: block;
}
.new-header .client-logo {
  max-width: 100px !important;
  margin-top: -3px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 50px;
}
.new-header .client-logo img {
  width: 100%;
}
@media only screen and (min-width: 1600px) {
  .new-header .client-logo {
    max-width: 118px !important;
  }
}
.new-header.white-header {
  background-color: #ffffff;
  border-bottom: none;
}
.new-header.white-header:after {
  content: "";
  position: absolute;
  left: 16px;
  bottom: 0;
  width: calc(100% - 32px);
  height: 1px;
  background-color: rgba(0, 119, 192, 0.3);
}
.new-header.white-header .top-nav {
  display: inline-block;
  vertical-align: middle;
  min-height: 66px;
}
.new-header.white-header .top-nav.with-client-logo {
  max-width: none;
}
.new-header.white-header .top-nav ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.new-header.white-header .top-nav ul li {
  padding: 18px 0 12px;
  position: relative;
  margin: 0 6px;
  font-variant: JIS04;
  display: inline-block;
  vertical-align: middle;
}
.new-header.white-header .top-nav ul li:after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 1px;
  transform-origin: center;
  height: 3px;
  opacity: 0;
  width: 0;
  background-color: #0077c0;
  transition: all 0.3s ease-in-out;
}
.new-header.white-header .top-nav ul li a {
  color: #676c79;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  padding: 10px;
  font-size: 15px;
  transition: all 0.3s ease-in-out;
  border-radius: 4px;
  display: block;
  line-height: 1;
}
.new-header.white-header .top-nav ul li a:focus {
  text-decoration: none;
}
.new-header.white-header .top-nav ul li:hover > a {
  background-color: rgba(0, 119, 192, 0.1);
  text-decoration: none;
}
.new-header.white-header .top-nav ul li.has-sub-menu > a .arrow {
  transition: transform 0.3s ease-in-out;
  transform: rotate(0);
  margin-left: 2px;
  position: relative;
  top: 0;
  font-size: 14px;
}
.new-header.white-header .top-nav ul li.has-sub-menu:hover > a {
  background-color: transparent;
  color: #0077c0;
}
.new-header.white-header .top-nav ul li.has-sub-menu:hover > a .arrow {
  color: #676c79;
  transform: rotate(180deg);
}
.new-header.white-header .top-nav ul li .menu-options {
  z-index: 1;
  visibility: hidden;
  overflow: visible;
  position: absolute;
  left: 0;
  top: 62px;
  transition: max-height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0.2s, opacity 0.2s ease-in-out;
  opacity: 0;
  max-height: 0;
  width: max-content;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.16);
}
.new-header.white-header .top-nav ul li .menu-options h4.main-level {
  color: #7a7289;
  text-transform: uppercase;
  font-size: 14px;
  margin: 26px 16px 10px;
  line-height: 20px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  opacity: 0;
  transition: opacity 0.2s ease-in-out 0.3s;
}
.new-header.white-header .top-nav ul li .menu-options.right-set {
  left: auto;
  right: 0;
}
.new-header.white-header .top-nav ul li .menu-options.tow-cols {
  min-width: 606px;
}
.new-header.white-header .top-nav ul li .menu-options.tow-cols .col-sm-6:last-child :before {
  content: "";
  background-color: #efefef;
  height: calc(100% - 16px);
  width: 1px;
  position: absolute;
  left: 0;
  top: 8px;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu {
  padding: 8px 0;
  opacity: 0;
  transition: opacity 0.2s ease-in-out 0.3s;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu li {
  margin: 0;
  padding: 0;
  display: block;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu li a {
  padding: 18px 16px;
  border-radius: 0;
  text-transform: capitalize;
  color: #676c79;
  font-size: 16px;
  line-height: 20px;
  min-width: 230px;
  text-align: left;
  white-space: nowrap;
  display: block;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu li.third-level-menu > a {
  padding-right: 30px !important;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu li.third-level-menu > a .arrow-right {
  position: absolute;
  right: 10px;
  top: 20px;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu li.third-level-menu .menu-option {
  position: absolute;
  left: 96%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  background-color: #fff;
  width: max-content;
  border-radius: 4px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.16);
  transition: left 0.3s ease-in-out, opacity 0.2s ease-in-out;
  z-index: -1;
}
.new-header.white-header .top-nav ul li .menu-options .sub-menu li.third-level-menu:hover .menu-option {
  left: 100%;
  opacity: 1;
  visibility: visible;
}
.new-header.white-header .top-nav ul li:hover .menu-options {
  visibility: visible;
}
.new-header.white-header .top-nav ul li:hover .menu-options .main-level {
  opacity: 1;
}
.new-header.white-header .top-nav ul li:hover .menu-options.active {
  opacity: 1;
  max-height: 100vh;
}
.new-header.white-header .top-nav ul li:hover .menu-options .sub-menu {
  opacity: 1;
}
.new-header.white-header .top-nav ul li.active:after {
  width: 100%;
  opacity: 1;
}
.new-header .right-actions .action-items {
  display: inline-block;
  vertical-align: middle;
}
.new-header .right-actions .action-items .knowledge-base,
.new-header .right-actions .action-items .notification-area {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.new-header .right-actions .action-items .knowledge-base .knowledge,
.new-header .right-actions .action-items .knowledge-base .notification,
.new-header .right-actions .action-items .notification-area .knowledge,
.new-header .right-actions .action-items .notification-area .notification {
  color: #676c79;
  font-size: 22px;
  width: 36px;
  height: 36px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}
.new-header .right-actions .action-items .knowledge-base .notification.new-items,
.new-header .right-actions .action-items .notification-area .notification.new-items {
  position: relative;
}
.new-header .right-actions .action-items .knowledge-base .notification.new-items:before,
.new-header .right-actions .action-items .notification-area .notification.new-items:before {
  content: "";
  position: absolute;
  background-color: #f8cdac;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  left: 0;
  top: 0;
  z-index: -1;
  animation: blink 3s ease-in-out infinite;
}
.new-header .right-actions .action-items .knowledge-base .notification.new-items:after,
.new-header .right-actions .action-items .notification-area .notification.new-items:after {
  content: "";
  position: absolute;
  border: 1px solid #fff;
  background-color: #dc362e;
  width: 10px;
  height: 10px;
  right: 7px;
  top: 8px;
  border-radius: 50%;
}
.new-header .right-actions .action-items .user-area {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding: 15px 0;
}
.new-header .right-actions .action-items .user-area .user-avatar {
  display: inline-block;
  vertical-align: middle;
  width: 36px;
  height: 36px;
  border: 1px solid #676c79;
  padding: 1px;
  border-radius: 12px;
  margin-right: 20px;
}
.new-header .right-actions .action-items .user-area .user-avatar span {
  background-color: #676c79;
  border-radius: 10px;
  color: #fff;
  font-size: 14px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  display: inline-block;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: center;
  line-height: 34px;
  font-weight: 700;
}
.new-header .right-actions .action-items .user-area .user-avatar:after {
  content: "\f107";
  font-family: "Font Awesome 5 Pro";
  position: absolute;
  right: 0;
  top: 22px;
  color: #676c79;
  font-size: 16px;
  transition: transform 0.3s ease-in-out;
}
.new-header .right-actions .action-items .user-area .user-profile-box {
  width: 360px;
  border-radius: 25px;
  background-color: #f9f9f9;
  text-align: left;
  padding: 8px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 1px 3px 1px rgba(0, 0, 0, 0.15);
  z-index: 2;
  visibility: hidden;
  position: absolute;
  overflow: hidden;
  transition: max-height 0.4s cubic-bezier(0.25, 0.8, 0.25, 1) 0.2s, opacity 0.2s ease-in-out;
  right: 0;
  top: 62px;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area {
  background-color: #fff;
  border-radius: 25px;
  padding: 10px 0 20px;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info {
  padding: 16px;
  border-bottom: 1px solid #cac4d0;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .img-area {
  display: inline-block;
  vertical-align: middle;
  margin-right: 16px;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .img-area .profile-avatar {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: #0077c0;
  line-height: 64px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .img-area .profile-avatar span {
  color: #fff;
  font-size: 20px;
  font-size: 1.4285714286rem;
  text-transform: uppercase;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .info-area {
  width: calc(100% - 84px);
  display: inline-block;
  vertical-align: middle;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .info-area .role {
  color: #1c1b1f;
  font-size: 12px;
  font-size: 0.8571428571rem;
  border-radius: 36px;
  border: 1px solid #0077c0;
  padding: 4px 10px;
  line-height: 16px;
  display: inline-block;
  vertical-align: top;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .info-area h4 {
  color: #1c1b1f;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 24px;
  margin: 8px 0 2px;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .info-area a {
  color: #79747e;
  font-size: 16px;
  font-size: 1.1428571429rem;
  text-decoration: none;
  line-height: 24px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 100%;
  transition: color 0.3s ease-in-out;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .img-user-info .info-area a:hover {
  color: #0077c0;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .profile-links {
  padding: 18px 24px;
  color: #1d192b;
  font-size: 14px;
  font-size: 1rem;
  line-height: 20px;
  display: block;
  margin-top: 8px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  transition: background-color 0.3s ease-in-out;
}
.new-header .right-actions .action-items .user-area .user-profile-box .white-area .profile-links:hover {
  text-decoration: none;
  background-color: rgba(0, 119, 192, 0.1);
}
.new-header .right-actions .action-items .user-area .user-profile-box .gary-area-link {
  padding: 18px 40px;
  color: #6c6c6c;
  font-size: 14px;
  font-size: 1rem;
  line-height: 20px;
  display: block;
  margin-top: 8px;
  transition: color 0.3s ease-in-out;
}
.new-header .right-actions .action-items .user-area .user-profile-box .gary-area-link:hover {
  text-decoration: none;
  color: #dc362e;
}
.new-header .right-actions .action-items .user-area .user-profile-box .footer-block {
  padding: 24px 30px 14px;
  width: 96%;
  margin: 0 auto;
  border-top: 1px solid #e6e6e6;
}
.new-header .right-actions .action-items .user-area .user-profile-box .footer-block a,
.new-header .right-actions .action-items .user-area .user-profile-box .footer-block p {
  font-size: 14px;
  font-size: 1rem;
  line-height: 16px;
  color: #747474;
  display: block;
  margin: 0;
  transition: color 0.3s ease-in-out;
}
.new-header .right-actions .action-items .user-area .user-profile-box .footer-block a:hover {
  text-decoration: none;
  color: #0077c0;
}
.new-header .right-actions .action-items .user-area:hover .user-avatar:after {
  transform: rotate(180deg);
}
.new-header .right-actions .action-items .user-area:hover .user-profile-box {
  visibility: visible;
  opacity: 1;
  max-height: 100vh;
}
@media screen and (max-width: 1350px) {
  .new-header .client-logo {
    margin-right: 10px;
  }
  .new-header .row [class*=col-] {
    padding: 0 8px;
  }
  .new-header.white-header .top-nav ul li {
    margin: 0 2px;
  }
}
@media screen and (max-width: 1100px) {
  .new-header .row [class*=col-] {
    padding: 0 6px;
  }
  .new-header.white-header .top-nav ul li a {
    padding: 10px 4px;
  }
  .new-header .right-actions .action-items .knowledge-base,
  .new-header .right-actions .action-items .notification-area,
  .new-header .right-actions .action-items .helpdesk-icon-styling {
    margin-right: 6px;
  }
}

a:focus,
a:hover {
  color: #014c8c;
  text-decoration: underline;
}

.dashboard-list-container {
  background-color: #f8fbfe;
  padding: 30px 20px;
  border-radius: 4px;
  border-top: 10px solid transparent;
  height: 100%;
}
.dashboard-list-container.yellow {
  border-top-color: #f7d794;
}
.dashboard-list-container.orange {
  border-top-color: #f3a683;
}
.dashboard-list-container.cyan {
  border-top-color: #64cddb;
}
.dashboard-list-container h5 {
  color: #020a20;
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}
.dashboard-list-container h5 small {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #35393c;
}
.dashboard-list-container .view-all {
  color: #0093ff;
  font-size: 16px;
  font-size: 1.1428571429rem;
  text-decoration: underline;
}
.dashboard-list-container .view-all:hover {
  text-decoration: none;
}
.dashboard-list-container ul {
  margin: 0;
  padding: 0;
  list-style: none outside none;
}
.dashboard-list-container ul li {
  margin-bottom: 10px;
}
.dashboard-list-container ul li a {
  display: block;
  background-color: #fff;
  padding: 8px 16px;
  font-family: Roboto, sans-serif;
  font-weight: 500;
}
.dashboard-list-container ul li a:hover {
  text-decoration: none;
}
.dashboard-list-container ul li a .icon-block {
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  border: 1px solid #b2b5bb;
  text-align: center;
  line-height: 48px;
}
.dashboard-list-container ul li a .icon-block .material-icons {
  vertical-align: middle;
  color: #4d5362;
}
.dashboard-list-container ul li a .content-block {
  display: inline-block;
  vertical-align: middle;
  margin-left: 10px;
  width: calc(100% - 64px);
}
.dashboard-list-container ul li a .content-block h6 {
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #4d5362;
  margin-bottom: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
}
.dashboard-list-container ul li a .content-block small {
  display: block;
  font-size: 14px;
  font-size: 1rem;
  color: #999da5;
}
.dashboard-list-container ul li:last-child {
  margin-bottom: 0;
}

.button {
  padding: 6px 18px;
  text-transform: capitalize;
  text-decoration: none;
  display: inline-block;
  vertical-align: top;
  color: #fff;
  border: none;
  text-align: center;
  transition: all 0.3s ease-in-out;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.button.bigger {
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 11px 18px !important;
  border-radius: 4px;
}
.button.bigger .material-icons {
  font-size: 24px !important;
}

.blue-btn {
  min-width: 100px;
  background-color: #0077c0;
  text-decoration: none;
  font-weight: 700;
  border-radius: 3px;
  color: #fff;
  font-size: 14px;
  font-size: 1rem;
  transition: all 0.3s ease-in-out;
  box-shadow: 3px 3px 10px 0 transparent;
}
.blue-btn.disabled {
  pointer-events: none;
  background-color: #a1acb4;
}
.blue-btn:focus, .blue-btn:hover {
  color: #fff;
  text-decoration: none;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
}

.green-btn {
  min-width: 100px;
  background-color: #5ab78a !important;
  font-weight: 700;
  border-radius: 3px !important;
  color: #fff !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  box-shadow: 3px 3px 10px 0 transparent;
}
.green-btn .material-icons {
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.green-btn:focus, .green-btn:hover {
  color: #fff;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none !important;
}
.green-btn.disabled {
  background-color: #c7c8ca;
  cursor: not-allowed;
}
.green-btn.disabled.active {
  background-color: #5ab78a;
  cursor: pointer;
}

.black-btn {
  min-width: 100px;
  background-color: #000;
  font-weight: 700;
  border-radius: 3px;
  font-size: 14px;
  /* font-size: 1rem; */
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  box-shadow: 3px 3px 10px 0 transparent;
}
.black-btn:focus, .black-btn:hover {
  color: #fff;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
}

.gray-btn {
  min-width: 100px;
  background-color: #b1b4b6;
  font-weight: 700;
  border-radius: 3px;
  font-size: 14px;
  font-size: 1rem;
  color: #fff;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
.gray-btn:focus, .gray-btn:hover {
  color: #fff;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none;
}

.border-btn {
  font-size: 16px;
  font-size: 1.1428571429rem;
  transition: all 0.3s ease-in-out;
  min-width: 110px;
  padding: 4px;
  border: 2px solid #999da5;
  color: #999da5;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
}
.border-btn:focus, .border-btn:hover {
  color: #0077c0;
  border-color: #0077c0;
  text-decoration: none;
}

.filters-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.filters-container .filter-options {
  left: 0 !important;
}

.action-filter {
  background-color: #c7c8ca !important;
  pointer-events: none;
  color: #fff !important;
}
.action-filter .material-icons {
  vertical-align: middle;
}
.action-filter.active {
  pointer-events: auto;
}
.action-filter.active.green {
  background-color: #5ab78a !important;
}
.action-filter.active.blue {
  background-color: #0077c0 !important;
}

.tooltip-text {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 160px;
}
.tooltip-text.responsive {
  max-width: 160px;
}
.tooltip-text.less-words {
  max-width: 130px;
}
.tooltip-text.less-words.more-lessword {
  max-width: 110px;
}
.tooltip-text.two-fifty {
  max-width: 240px;
}
.tooltip-text.more-words {
  max-width: 300px;
}
.tooltip-text.five-hundred-width {
  max-width: 500px;
}
.tooltip-text.six-eighty {
  max-width: 680px;
}
.tooltip-text.maximum {
  max-width: 90%;
}

@media only screen and (min-width: 1600px) {
  .tooltip-text.responsive {
    max-width: 250px;
  }
  .tooltip-text.two-fifty {
    max-width: 400px;
  }
}
.form-inline .form-group {
  width: 100%;
  margin-bottom: 14px;
}
.form-inline .form-group .switch input + label {
  width: auto;
}
.form-inline .form-group label {
  width: 30%;
  justify-content: left;
}
.form-inline .form-group label sup {
  color: #df6b51;
  top: -2px;
  margin-left: 3px;
  font-size: 14px;
  font-size: 1rem;
}
.form-inline .form-group .multiple-select + .btn-group {
  width: 60%;
}
.form-inline .form-group .form-control {
  width: 60%;
  border-color: #b1b4b6;
}
.form-inline .form-group .form-control:focus {
  border-color: #0077c0;
}
.form-inline .form-group .form-control.search {
  padding-right: 30px;
  background-size: 16px;
}
.form-inline .form-group .form-control.search.box-style {
  border-radius: 0;
}
.form-inline .form-group .form-control.date-single {
  padding-right: 30px;
  background-size: 16px;
}
.form-inline .form-group .form-control.attachment {
  padding-right: 30px;
  background-size: 15px;
}
.form-inline .form-group .searchable-select.selectize-control {
  width: 60%;
}
.form-inline .form-group .searchable-select .selectize-input {
  line-height: 1.25;
  padding: 0.5rem 0.75rem;
  background-position: 98.6% 7px;
  border-radius: 0.25rem;
}
.form-inline .form-group .searchable-select .selectize-input.input-active {
  background-position: 98.6% 7px !important;
}
.form-inline .form-group .right-content {
  margin-left: 30%;
  width: 60%;
}
.form-inline .form-group .right-content .pure-material-checkbox {
  width: 100%;
  padding-right: 0 !important;
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.4;
}
.form-inline .form-group .right-content .form-control {
  width: 100%;
}
.form-inline .form-group .checkbox-options .pure-material-checkbox {
  width: auto;
  display: inline-block;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.form-inline .form-group .search-results {
  width: 60%;
  left: 30%;
}
.form-inline .form-group .search-results .select-behavior label {
  width: 100%;
  justify-content: flex-start;
}
.form-inline .form-group .search-results .select-behavior .form-control {
  width: 100%;
}
.form-inline .form-group .search-results .select-behavior .modal-options {
  left: 0;
  width: 100%;
  top: 80px;
}
.form-inline .form-group .search-results .select-behavior .modal-options.active {
  top: 60px;
}
.form-inline .form-group .error-msg {
  color: #df6b51;
  font-size: 12px;
  font-size: 0.8571428571rem;
  width: 100%;
  margin-left: 30%;
  margin-bottom: 0;
}
.form-inline .form-group.search-icon input {
  background-size: 16px;
  padding-right: 36px;
}
.form-inline .form-group.select-behavior {
  position: relative;
}
.form-inline .form-group.select-behavior input {
  padding-right: 20px;
  cursor: pointer;
  z-index: 1;
}
.form-inline .form-group.select-behavior .modal-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  border-radius: 3px;
  position: absolute;
  right: 12%;
  top: 14px;
  width: 58%;
  z-index: -1;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}
.form-inline .form-group.select-behavior .modal-options p {
  color: #6bb739;
  margin-bottom: 4px;
}
.form-inline .form-group.select-behavior .modal-options .search-text {
  margin-bottom: 10px;
}
.form-inline .form-group.select-behavior .modal-options .search-text input {
  border-color: #b1b4b6;
  border-radius: 0;
  padding-right: 36px;
  background-size: 16px;
  width: 100%;
}
.form-inline .form-group.select-behavior .modal-options .search-text input:focus {
  border-color: #0077c0;
}
.form-inline .form-group.select-behavior .modal-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.form-inline .form-group.select-behavior .modal-options ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.form-inline .form-group.select-behavior .modal-options ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
.form-inline .form-group.select-behavior .modal-options.active {
  opacity: 1;
  z-index: 2;
  top: 40px;
}
.form-inline .form-group.at-risk label {
  color: #df6b51;
}
.form-inline .form-group.view-only .form-control {
  background-color: #e5e5e5;
  border-color: #c7c8ca;
  pointer-events: none;
}
.form-inline .form-group.view-only .multiple-select + .btn-group .multiselect {
  background-color: #e5e5e5;
  border-color: #c7c8ca;
  pointer-events: none;
}
.form-inline .form-filter-btns {
  margin-left: 16px;
}
.form-inline .form-filter-btns .filter-btn {
  padding: 6px 18px;
  max-height: 33px;
}
.form-inline .form-filter-btns .filter-btn img {
  height: 22px;
}
.form-inline .form-filter-btns .clear-filter {
  margin: 7px;
}
.form-inline .form-filter-btns .simple-filter-btn {
  margin: 0 4px;
}
.form-inline.label-right .form-group label {
  justify-content: flex-end;
  padding-right: 20px;
}
.form-inline.half-fields .form-group label {
  width: 13%;
}
.form-inline.half-fields .form-group label + .pure-material-checkbox {
  width: auto;
  padding-right: 0 !important;
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.4;
}
.form-inline.half-fields .form-group .form-control {
  width: 30%;
}
.form-inline.half-fields .form-group .searchable-select.selectize-control {
  width: 30%;
}
.form-inline.half-fields .form-group .search-results {
  width: 30%;
  left: 13%;
}
.form-inline.half-fields .form-group .search-results .select-behavior label {
  width: 100%;
  justify-content: flex-start;
}
.form-inline.half-fields .form-group .search-results .select-behavior .form-control {
  width: 100%;
}
.form-inline.half-fields .form-group .search-results .select-behavior .modal-options {
  left: 0;
  width: 100%;
  top: 80px;
}
.form-inline.half-fields .form-group .search-results .select-behavior .modal-options.active {
  top: 60px;
}
.form-inline.half-fields .form-group .error-msg {
  margin-left: 13%;
}
.form-inline.half-fields .form-group.select-behavior .modal-options {
  right: 0;
  left: 13%;
  width: 30%;
}
.form-inline.half-fields .right-content {
  margin-left: 13%;
}
.form-inline.half-fields .right-content .pure-material-checkbox {
  width: 100%;
  padding-right: 0 !important;
  font-size: 13px;
  font-size: 0.9285714286rem;
  line-height: 1.4;
}
.form-inline.quarter-fields .form-group label {
  width: 16%;
}
.form-inline.quarter-fields .form-group .form-control {
  width: 40%;
}
.form-inline.quarter-fields .form-group .searchable-select.selectize-control {
  width: 40%;
}
.form-inline.quarter-fields .form-group .search-results {
  width: 40%;
  left: 16%;
}
.form-inline.quarter-fields .form-group .search-results .select-behavior label {
  width: 100%;
  justify-content: flex-start;
}
.form-inline.quarter-fields .form-group .search-results .select-behavior .form-control {
  width: 100%;
}
.form-inline.quarter-fields .form-group .search-results .select-behavior .modal-options {
  left: 0;
  width: 100%;
  top: 80px;
}
.form-inline.quarter-fields .form-group .search-results .select-behavior .modal-options.active {
  top: 60px;
}
.form-inline.quarter-fields .form-group .error-msg {
  margin-left: 16%;
}
.form-inline.quarter-fields .form-group.select-behavior .modal-options {
  right: 0;
  left: 13%;
  width: 30%;
}
.form-inline.quarter-fields .right-content {
  margin-left: 16%;
}

table {
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  border: 0;
}
table thead tr th {
  background-color: #f3f7fa;
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 10px;
}
table thead tr th .sorting {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
  margin-right: 4px;
}
table tbody tr {
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
table tbody tr td {
  padding: 10px;
  border-bottom: 1px solid #c8dbeb;
}
table tbody tr:hover {
  background-color: #eceef1;
}
table tbody tr.selected {
  background-color: #0077c0;
  color: #fff;
}
table tbody tr.selected td a {
  color: #fff;
}
table tbody tr.selected td .barcode-icon img {
  filter: invert(1);
}
table tbody tr.selected .snapshoot {
  color: #fff;
  border-color: #fff;
}
table tbody tr.selected .snapshoot:hover {
  color: #0077c0;
  background-color: #fff;
}
table tbody tr.selected.updated {
  background-color: #0077c0;
  color: #fff;
}
table tbody tr.selected.updated td a {
  color: #fff;
}
table tbody tr.selected.updated .snapshoot {
  color: #fff;
  border-color: #fff;
}
table tbody tr.selected.updated .snapshoot:hover {
  color: #0077c0;
  background-color: #fff;
}
table tbody tr.archived {
  background-color: transparent;
  color: #b1b4b6;
}
table tbody tr.archived td a {
  color: #b1b4b6;
}
table tbody tr.archived .snapshoot {
  color: #fff;
  border-color: #fff;
}
table tbody tr.archived .snapshoot:hover {
  color: #0077c0;
  background-color: #fff;
}
table tbody tr.updated {
  background-color: transparent;
  color: #5ab78a;
}
table tbody tr.updated td a {
  color: #5ab78a;
}
table tbody tr.updated .snapshoot {
  color: #fff;
  border-color: #fff;
}
table tbody tr.updated .snapshoot:hover {
  color: #0077c0;
  background-color: #fff;
}
table.full-width {
  width: max-content;
}
table.no-hover tbody tr:hover {
  background-color: transparent;
}
table.user-table tbody tr.blue-row {
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-weight: 500;
}
table.user-table tbody tr.blue-row td {
  color: #0077c0 !important;
  border-bottom: 2px solid #0077c0 !important;
}
table.user-table tbody tr.blue-row td .arrow {
  color: #0077c0 !important;
}
table.user-table tbody tr.blue-row td .arrow:focus {
  text-decoration: none;
}
table.user-table tbody tr.blue-row td .arrow:hover {
  text-decoration: none;
}
table.user-table tbody tr.blue-row td .arrow.collapsed {
  transform: rotate(-90deg);
}
table.user-table tbody tr.black-row td {
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-weight: 500;
}
table.user-table tbody tr.black-row td .arrow {
  color: #000 !important;
}
table.user-table tbody tr.black-row td .arrow:focus {
  text-decoration: none;
}
table.user-table tbody tr.black-row td .arrow:hover {
  text-decoration: none;
}
table.user-table tbody tr.black-row td .arrow.collapsed {
  transform: rotate(-90deg);
}
table.user-table tbody tr.black-row td:first-child {
  padding-left: 30px;
}
table.user-table tbody tr.light-black-row td:first-child {
  padding-left: 58px;
}
table.user-table tbody tr.newDisable-row {
  background-color: #fff;
}
table.user-table tbody tr.newDisable-row td {
  color: rgba(53, 57, 60, 0.6) !important;
}
table.user-table tbody tr.newDisable-row td input {
  cursor: not-allowed;
  pointer-events: none;
}
table.user-table tbody tr.newDisable-row td select {
  cursor: not-allowed;
  pointer-events: none;
}
table.user-table tbody tr.newDisable-row td textarea {
  cursor: not-allowed;
  pointer-events: none;
}
table.user-table tbody tr.newDisable-row td a {
  color: rgba(53, 57, 60, 0.3) !important;
}
table.user-table tbody tr.newDisable-row td .custom-dd-material {
  opacity: 0.64;
}
table.user-table tbody tr.newDisable-row:hover {
  background-color: #fff !important;
}
table.user-table tr td .table-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: calc(100% - 22px) !important;
  top: 10px;
  width: max-content;
  max-height: 0;
  overflow: hidden;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  min-width: 200px;
}
table.user-table tr td .table-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
table.user-table tr td .table-options ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
table.user-table tr td .table-options ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #c7c8ca;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c7c8ca;
}
table.user-table tr td .table-options ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
table.user-table tr td .table-options ul li:last-child a {
  border-bottom: none;
}
table.user-table tr td .table-options ul li:last-child a.disabled {
  border-bottom: none;
}
table.user-table tr td .table-options.bottom-set {
  bottom: 10px;
  top: auto;
}
table.user-table tr td .table-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  right: 100%;
  max-height: 1000px;
  overflow: visible;
}
table.user-table tr td .drag-icon {
  opacity: 0;
  cursor: grab;
  transition: opacity 0.3s ease-in-out;
}
table.user-table tr td .drag-icon img {
  width: 80%;
}
table.user-table tr td .drag-icon.no-visible {
  visibility: hidden;
  pointer-events: none;
}
table.user-table tr td .table-hover-icon {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  display: block;
}
table.user-table tr td .table-hover-icon .material-icons {
  font-size: 19px;
  font-size: 1.3571428571rem;
  vertical-align: sub;
}
table.user-table tr td .table-hover-icon:hover {
  text-decoration: none;
  color: #0077c0;
}
table.user-table tr td .table-hover-icon:hover .material-icons {
  color: #0077c0;
}
table.user-table tr td .pure-material-checkbox {
  font-size: 14px;
  font-size: 1rem;
  margin-top: 3px;
  margin-bottom: 0;
}
table.user-table tr td .pure-material-checkbox > span:before {
  margin: 0;
}
table.user-table tr td .pure-material-checkbox > span:after {
  top: 2px;
  left: 1px;
}
table.user-table tr td a {
  transition: all 0.3s ease-in-out;
  color: #12202b;
}
table.user-table tr:hover .drag-icon,
table.user-table tr:hover .table-hover-icon {
  opacity: 1;
}
table.user-table.no-borders thead tr th {
  padding: 4px;
  font-size: 13px;
  font-size: 0.9285714286rem;
  color: #7f7f7f;
}
table.user-table.no-borders tbody tr td {
  border-bottom: none;
  font-size: 12px;
  font-size: 0.8571428571rem;
  padding: 2px 4px;
}
table.user-table.no-borders tbody tr td .editable-fields {
  width: 100%;
  min-width: 100px;
  color: #12202b;
  padding: 2px 6px;
  border: 1px solid transparent;
}
table.user-table.no-borders tbody tr td .editable-fields::placeholder {
  color: #b1b4b6;
}
table.user-table.no-borders tbody tr td .editable-fields:focus {
  border-color: #e5e5e5;
  outline: none;
}
table.user-table.no-borders tbody tr td .error-highlighted {
  border-color: #df6b51;
}
table.user-table.no-borders tbody tr td .error-highlighted:hover {
  border-color: #df6b51 !important;
}
table.user-table.no-borders tbody tr td .editable-select {
  width: 100%;
  min-width: 140px;
  color: #12202b;
  padding: 2px 6px;
  border: 1px solid transparent;
}
table.user-table.no-borders tbody tr td .editable-select::placeholder {
  color: #b1b4b6;
}
table.user-table.no-borders tbody tr td .editable-select:focus {
  border-color: #e5e5e5;
  outline: none;
}
table.user-table.no-borders tbody tr td .delete-icon {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
}
table.user-table.no-borders tbody tr td .delete-icon .material-icons {
  font-size: 19px;
  font-size: 1.3571428571rem;
  color: #b1b4b6;
}
table.user-table.no-borders tbody tr td.dropdown-caret {
  position: relative;
}
table.user-table.no-borders tbody tr td.dropdown-caret:after {
  position: absolute;
  content: "expand_more";
  font-family: Material Icons;
  right: 8px;
  top: 6px;
  color: #b1b4b6;
  pointer-events: none;
}
table.user-table.no-borders tbody tr td.required-field .not-saved {
  opacity: 1;
  min-width: max-content;
  bottom: 100%;
  top: auto;
}
table.user-table.no-borders tbody tr td.required-field .not-saved:after {
  right: 6px;
  left: auto;
}
table.user-table.no-borders tbody tr td.required-field:after {
  opacity: 1;
  top: 0;
}
table.user-table.no-borders tbody tr:hover td .editable-fields {
  border-color: #e5e5e5;
}
table.user-table.no-borders tbody tr:hover td .editable-select {
  border-color: #e5e5e5;
}
table.user-table.no-borders tbody tr:hover td .error-highlighted {
  border-color: #df6b51;
}
table.user-table.no-borders tbody tr:hover td .delete-icon {
  opacity: 1;
}
table.user-table.no-borders.normal-fonts thead tr th {
  font-size: 14px;
  font-size: 1rem;
}
table.user-table.no-borders.normal-fonts tbody tr td {
  border-bottom: none;
  font-size: 14px;
  font-size: 1rem;
}
table.user-table.no-borders.extra-padded tbody tr td {
  padding: 8px 4px;
}
table.user-table.newUI.attchment-list tbody tr td, table.user-table.newUI.no-action-border tbody tr td:nth-last-child(2), table.user-table.newUI.no-action-border thead tr th:nth-last-child(2), table.user-table.newUI.no-first-border tbody tr td:first-child, table.user-table.newUI.no-first-border thead tr th:first-child, table.user-table.newUI.readonly-view tbody tr td, table.user-table.newUI.readonly-view thead tr th {
  border-right: none;
}
table.user-table.newUI .mat-form-field-type-mat-select .mat-form-field-infix {
  padding: 8px 10px !important;
  /*border: 1px solid transparent !important;*/
}
table.user-table.newUI .mat-form-field-type-mat-select .mat-form-field-wrapper {
  padding-bottom: 0 !important;
}
table.user-table.newUI .mat-form-field-type-mat-select.mat-focused .mat-form-field-infix {
  border-color: #377db8 !important;
}
table.user-table.newUI .mat-form-field-type-mat-select.mat-form-field-invalid .mat-form-field-infix {
  border-color: red !important;
}
table.user-table.newUI .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 11px;
}
table.user-table.newUI .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  z-index: 0;
}
table.user-table.newUI .ng-select {
  height: 46px;
}
table.user-table.newUI .ng-select .ng-select-container {
  height: 100%;
  border-radius: 0;
  border: none;
  background-color: transparent;
}
table.user-table.newUI .ng-select .ng-select-container .ng-value-container .ng-input > input {
  box-sizing: border-box;
  padding: 0px;
  border: none;
}
table.user-table.newUI .ng-select .ng-select-container .ng-value-container .ng-input > input:focus {
  border: none;
  background: transparent;
}
table.user-table.newUI tbody tr {
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
table.user-table.newUI tbody tr td.no-right-border {
  border-right: none;
}
table.user-table.newUI tbody tr td .table-options ul li a {
  padding: 8px 30px;
  border-bottom: 1px solid #b1b4b6;
}
table.user-table.newUI tbody tr td .table-options ul li:last-child a {
  border-bottom: none;
}
table.user-table.newUI tbody tr td .table-options ul li:last-child a.disabled {
  border-bottom: none;
}
table.user-table.newUI tbody tr td .align-middle {
  vertical-align: middle !important;
}
table.user-table.newUI tbody tr td .notify-btn {
  color: #747780;
}
table.user-table.newUI tbody tr td .notify-btn:hover {
  text-decoration: none;
  color: #0077c0;
}
table.user-table.newUI tbody tr td.error-hint .edit-field {
  padding-right: 0;
}
table.user-table.newUI tbody tr td.error-hint .show-hint {
  color: #e06c52;
  position: absolute;
  right: 10px;
  cursor: pointer;
  top: 10px;
}
table.user-table.newUI tbody tr td.edit-field input:not([type=checkbox]):not([type=radio]) {
  color: #35393c;
  background-color: transparent;
  padding: 10px;
  width: 100%;
  border: 1px solid transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
table.user-table.newUI tbody tr td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]) {
  border-color: #e06c52;
}
table.user-table.newUI tbody tr td.edit-field .on-field {
  opacity: 0;
  position: absolute;
  right: 30px;
  top: 10px;
}
table.user-table.newUI tbody tr td.edit-field:hover .on-field {
  opacity: 1;
}
table.user-table.newUI tbody tr td .blue-link {
  color: #0077c0;
  display: inline-block;
  vertical-align: middle;
}
table.user-table.newUI tbody tr td .blue-link .material-icons {
  vertical-align: middle;
}
table.user-table.newUI tbody tr td .black-link {
  color: #35393c;
  display: inline-block;
  vertical-align: middle;
}
table.user-table.newUI tbody tr td .black-link .material-icons {
  vertical-align: middle;
}
table.user-table.newUI tbody tr td .icon-option {
  transition: all 0.3s ease-in-out;
  min-width: 282px;
  box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.16);
  background-color: #fff;
  position: absolute;
  left: calc(100% - 30px);
  top: calc(100% - 30px);
  padding: 20px 20px 10px;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
}
table.user-table.newUI tbody tr td .icon-option.active {
  top: calc(100% - 10px);
  visibility: visible;
  z-index: 10;
  opacity: 1;
}
table.user-table.newUI tbody tr td .icon-option ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
  text-align: left;
}
table.user-table.newUI tbody tr td .icon-option ul li {
  width: 50px;
  height: 50px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  margin-bottom: 10px;
}
table.user-table.newUI tbody tr td .icon-option ul li a {
  transition: all 0.3s ease-in-out;
  border: 1px solid #c7d2d9;
  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  text-align: center;
  line-height: 46px;
  border-radius: 50%;
}
table.user-table.newUI tbody tr td .icon-option ul li a .material-icons {
  vertical-align: middle;
}
table.user-table.newUI tbody tr td .icon-option ul li a:hover {
  border-color: #727a80;
}
table.user-table.newUI tbody tr td .more-opt {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  text-align: center;
  padding-top: 0;
  color: #0077c0;
  transition: all 0.3s ease-in-out;
}
table.user-table.newUI tbody tr td .more-opt .material-icons {
  vertical-align: text-top;
}
table.user-table.newUI tbody tr td .drag-icon img {
  width: auto;
}
table.user-table.newUI tbody tr td a.simple-link {
  color: #0077c0;
}
table.user-table.newUI tbody tr:hover, table.user-table.newUI tbody tr.selected {
  background-color: rgba(243, 247, 250, 0.6);
  color: #35393c;
}
table.user-table.newUI tbody tr:hover td .blue-link, table.user-table.newUI tbody tr.selected td .blue-link {
  color: #0077c0;
}
table.user-table.newUI tbody tr:hover td a.simple-link, table.user-table.newUI tbody tr.selected td a.simple-link {
  color: #0077c0;
}
table.user-table.newUI tbody tr:hover td .more-opt, table.user-table.newUI tbody tr.selected td .more-opt {
  color: #fff;
  background-color: #0077c0;
}

.info-tooltip {
  display: inline-block;
}
.info-tooltip.blue {
  color: #0077c0;
}

.breadcrumb-bar {
  padding: 10px 16px 0;
  padding-left: -14px;
  position: fixed;
  top: 63px;
  z-index: 10;
  width: 100%;
  background-color: #fff;
}
.breadcrumb-bar.upgraded {
  margin-top: 2px;
  margin-bottom: 5px;
  position: relative;
  padding: 0;
  top: 0;
  white-space: nowrap;
}
.breadcrumb-bar span a {
  transition: all 0.3s ease-in-out;
  display: inline-block;
  vertical-align: top;
  padding-left: 14px;
  position: relative;
  color: #727a80;
  max-width: 20ch;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.breadcrumb-bar span a:before {
  cursor: default;
  content: "/";
  position: absolute;
  left: 3px;
  top: 0;
}
.breadcrumb-bar span a:after {
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  background-color: #0077c0;
  left: 14px;
  bottom: 2px;
  height: 1px;
  width: 0;
  opacity: 0;
}
.breadcrumb-bar span a:last-child:focus {
  text-decoration: none;
}
.breadcrumb-bar span a:last-child:hover {
  text-decoration: none;
}
.breadcrumb-bar span a:hover {
  text-decoration: none;
  color: #0077c0;
}
.breadcrumb-bar span a:hover:after {
  width: calc(100% - 14px);
  opacity: 1;
}
.breadcrumb-bar span a:hover:last-child {
  color: #727a80;
}
.breadcrumb-bar span a:hover:last-child:after {
  display: none;
}
.breadcrumb-bar span a:focus {
  text-decoration: none;
}
.breadcrumb-bar span a.no-link-anchor:hover {
  text-decoration: none;
  color: #727a80;
}
.breadcrumb-bar span a.no-link-anchor:after {
  transition: all 0.3s ease-in-out;
  display: none;
  position: absolute;
  color: #727a80;
  left: 14px;
  bottom: 2px;
  height: 1px;
  width: 0;
  opacity: 0;
}
.breadcrumb-bar span a.home {
  padding-left: 0;
}
.breadcrumb-bar span a.home img {
  vertical-align: text-top;
}
.breadcrumb-bar span a.home:before {
  display: none;
}
.breadcrumb-bar span a.home:after {
  left: 0;
}
.breadcrumb-bar span a.home:hover:after {
  width: 100%;
}

.check-btns {
  display: inline-block;
  vertical-align: middle;
}
.check-btns .fal {
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.check-btns .far {
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.check-btns .fas {
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.check-btns.red {
  color: #ff4a56;
}
.check-btns.green {
  color: #5aba8a;
}
.check-btns.blue {
  color: #0077c0;
}
.check-btns.gray {
  color: #a1acb4;
}

.editable-title-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.editable-title-container .check-btns {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
  position: absolute;
  top: 12px;
}
.editable-title-container .check-btns.red {
  right: 8px;
}
.editable-title-container .check-btns.green {
  right: 32px;
}
.editable-title-container .editable-title {
  border: 1px solid transparent;
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #000;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
  padding: 2px;
  width: 286px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.editable-title-container .editable-title:hover {
  border-color: #a1acb4;
}
.editable-title-container .editable-title:focus {
  outline: none;
  border-color: #a1acb4;
  background-color: #efefef;
  padding-right: 60px;
}
.editable-title-container.active {
  position: absolute;
}
.editable-title-container.active .check-btns {
  opacity: 1;
  visibility: visible;
}

.project-templating-topbar .project-table-action .project-expand-collapse {
  display: inline-block;
  color: #0077c0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.project-templating-topbar .project-table-action .project-expand-collapse .material-icons {
  vertical-align: bottom;
  margin-right: -4px;
}
.project-templating-topbar.sticky-bar {
  position: fixed;
  top: 96px;
  left: 16px;
  z-index: 4;
  width: calc(100% - 32px);
  padding-top: 0;
  min-height: 60px;
}
.project-templating-topbar.sticky-bar.oldViews {
  top: 73px;
  padding-left: 0;
}
.project-templating-topbar.sticky-bar.no-buttons {
  min-height: auto;
}
.project-templating-topbar .projects-list-filter {
  display: inline-block;
  vertical-align: top;
  padding: 10px;
  position: relative;
}
.project-templating-topbar .projects-list-filter .selected-opt {
  color: #000;
  font-size: 24px;
  font-size: 1.7142857143rem;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 42ch;
  display: inline-block;
}
.project-templating-topbar .projects-list-filter .selected-opt.no-bg {
  background: none;
  padding-left: 0 !important;
}
.project-templating-topbar .projects-list-filter .selected-opt .arrow {
  color: #000;
  vertical-align: middle;
  font-size: 24px;
  font-size: 1.7142857143rem;
  transition: all 0.3s ease-in-out;
}
.project-templating-topbar .projects-list-filter .selected-opt:hover {
  text-decoration: none;
}
.project-templating-topbar .projects-list-filter .list-options ul li a {
  margin-bottom: 1px;
  display: inline-block;
  width: 315px;
  white-space: nowrap;
  overflow: hidden !important;
  text-overflow: ellipsis;
  padding: 6px 10px;
}
.project-templating-topbar .templating-options {
  display: inline-block;
  vertical-align: top;
}
.project-templating-topbar .templating-options a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 4px;
}
.project-templating-topbar .templating-options a .far {
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}

.project-templating-tabs.sticky-tabs {
  background-color: #fff;
  z-index: 3;
  position: fixed;
  left: 16px;
  width: calc(100% - 32px);
  top: 148px;
}
.project-templating-tabs.sticky-tabs.no-buttons {
  top: 136px;
}
.project-templating-tabs.bordered ul {
  border-bottom: 1px solid #c7d2d9;
}
.project-templating-tabs ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.project-templating-tabs ul li {
  display: inline-block;
  vertical-align: top;
  margin: 0 10px;
}
.project-templating-tabs ul li:first-child {
  margin-left: 0;
}
.project-templating-tabs ul li:last-child {
  margin-right: 0;
}
.project-templating-tabs ul li a {
  text-transform: capitalize;
  position: relative;
  padding: 4px 8px;
  display: inline-block;
  vertical-align: top;
  color: #b2b5bb;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.project-templating-tabs ul li a:after {
  content: "";
  opacity: 0;
  left: 0;
  z-index: 1;
  position: absolute;
  bottom: 0;
  height: 2px;
  width: 100%;
  background-color: #c7d2d9;
}
.project-templating-tabs ul li a:hover {
  text-decoration: none;
}
.project-templating-tabs ul li a:hover:after {
  opacity: 1;
}
.project-templating-tabs ul li a.active {
  color: #0077c0;
  font-weight: 700;
}
.project-templating-tabs ul li a.active:after {
  background-color: #0077c0;
  opacity: 1;
}

.applied-filters .filter-search {
  vertical-align: middle !important;
}
.applied-filters .simple-text {
  display: inline-block;
  vertical-align: middle;
}
.applied-filters .filter-accordian .filter-cat {
  position: relative;
  padding-left: 16px;
  cursor: pointer;
}
.applied-filters .filter-accordian .filter-cat:before {
  content: "";
  transition: transform 0.3s ease-in-out;
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 20px;
}
.applied-filters .filter-accordian .filter-cat .pure-material-checkbox {
  color: #0077c0;
}
.applied-filters .filter-accordian .filter-cat .pure-material-checkbox > span {
  font-size: 14px;
  font-size: 1rem;
}
.applied-filters .filter-accordian .filter-cat .pure-material-checkbox > span:after {
  top: 10px;
}
.applied-filters .filter-accordian .filter-cat.collapsed:before {
  transform: rotate(180deg);
}
.applied-filters .filter-accordian .applied-list {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.applied-filters .filter-accordian .applied-list li {
  display: inline-block;
  vertical-align: top;
  margin-right: 12px;
}
.applied-filters .filter-accordian .applied-list li .pure-material-checkbox {
  color: #12202b;
}
.applied-filters .filter-accordian .applied-list li .pure-material-checkbox > span {
  font-size: 14px;
  font-size: 1rem;
}
.applied-filters .filter-accordian .applied-list li .pure-material-checkbox > span:after {
  top: 10px;
}

.icon-btn.active, .icon-btn:hover {
  color: #0077c0;
  text-decoration: none;
}

.material-advance-search {
  display: none;
  position: relative;
  width: 94%;
  margin: 20px auto 0;
  padding: 20px;
  border: 1px solid #e5e5e5;
}
.material-advance-search .loading-filters {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: hsla(0, 0%, 100%, 0.6);
  z-index: 1;
  text-align: center;
}
.material-advance-search .loading-filters .loading-anim {
  position: absolute;
  top: calc(50% - 40px);
  left: calc(50% - 66px);
}
.material-advance-search .loading-filters .loading-anim img {
  width: 80px;
}
.material-advance-search .loading-filters .loading-anim span {
  color: #747780;
}
.material-advance-search.full {
  margin: 0;
  width: 100%;
}
.material-advance-search .close-btn {
  position: absolute;
  right: 10px;
  top: 4px;
  z-index: 2;
}
.material-advance-search .close-btn.new {
  right: 34px;
  top: 28px;
}
.material-advance-search .list-container {
  margin-top: 20px;
}
.material-advance-search .list-container:last-child {
  border-right: 0;
}
.material-advance-search .list-container:first-child .check-list {
  margin-left: 0;
}
.material-advance-search .list-container .check-list {
  margin-left: 20px;
}
.material-advance-search .check-list {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.material-advance-search .check-list li {
  width: 100%;
  margin: 4px 0;
}
.material-advance-search .check-list li .pure-material-checkbox {
  display: inline-block;
  width: auto !important;
  margin-bottom: 0;
}
.material-advance-search .check-list li .pure-material-checkbox input {
  top: -8px;
  background: none;
  background-size: auto;
  padding-right: 0;
  background-color: hsla(204, 3%, 70%, 0.6);
}
.material-advance-search .check-list li .pure-material-checkbox input.checked + span {
  color: #0077c0;
}
.material-advance-search .check-list li .pure-material-checkbox > span {
  font-size: 14px;
  font-size: 1rem;
  line-height: 1.4;
  color: #7f7f7f;
}
.material-advance-search .check-list li .pure-material-checkbox > span:before {
  margin-right: 6px;
}
.material-advance-search .check-list li .pure-material-checkbox > span:after {
  top: 5px;
}
.material-advance-search.top-level {
  width: 100%;
  margin: 0 auto 20px;
}
.material-advance-search.top-level .filter-search {
  width: 70%;
  display: inline-block;
  vertical-align: top;
}

.full-width {
  width: 100% !important;
}

.mat-icon-button.show-advance-filters-custom {
  border-radius: 3px !important;
  top: 0px;
  height: 45px;
  width: 45px;
  overflow: hidden;
  margin-right: 0;
  background-color: hsla(0, 0%, 78.8%, 0.2);
  transition: background-color 0.3s ease-in-out;
  color: #b2b5bb;
  line-height: 36px;
}
.mat-icon-button.show-advance-filters-custom:hover {
  background-color: #0077c0;
}

.site-list-panel .site-list-pagination {
  padding-left: 8px;
}
.site-list-panel .site-list-pagination.new .results {
  color: #b1b4b6;
  font-size: 16px;
  font-size: 1.1428571429rem;
}

.sliderPopup {
  transition: all 0.3s ease-in-out;
  padding: 0 20px;
  background-color: #fff;
  box-shadow: -10px 0 10px 0 rgba(0, 0, 0, 0.1);
  right: -100%;
  top: 0;
  position: fixed;
  width: 70%;
  height: 100vh;
  z-index: 1211;
}
.sliderPopup .sliderHeader {
  border-bottom: 2px solid #0077c0;
  padding: 16px 0;
}
.sliderPopup .sliderHeader .blue-link {
  color: #0077c0;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-size: 1.4285714286rem;
}
.sliderPopup .sliderHeader .blue-link:hover {
  text-decoration: none;
}
.sliderPopup .sliderHeader .blue-link .material-icons {
  vertical-align: middle;
}
.sliderPopup .sliderHeader.sticky-header {
  position: sticky;
  background-color: #fff;
  top: 0;
  z-index: 3;
}
.sliderPopup .sliderHeader .slider-heading {
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;
  font-size: 24px;
  font-size: 1.7142857143rem;
  font-family: Roboto, sans-serif;
  font-weight: 400;
}
.sliderPopup .sliderHeader .slider-heading small {
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: block;
  color: #0077c0;
  font-weight: 500;
}
.sliderPopup .sliderHeader .slider-heading span {
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: inline-block;
  color: #727a80;
  vertical-align: top;
  margin-top: 4px;
}
.sliderPopup .sliderHeader .back-btn {
  display: inline-block;
  vertical-align: bottom;
  color: #12202b;
}
.sliderPopup .sliderHeader .close-btn {
  display: inline-block;
  vertical-align: middle;
  color: #12202b;
}
.sliderPopup .sliderHeader .close-btn.new-btns:hover {
  color: #fff;
}
.sliderPopup .sliderBody {
  padding: 20px 0;
}
.sliderPopup .sliderBody.scrollY {
  margin-bottom: 20px;
  max-height: calc(100vh - 106px);
}
.sliderPopup .sliderBody .drawer-tabs {
  border-bottom: 1px solid #ccced2;
}
.sliderPopup .sliderBody .drawer-tabs a {
  transition: color 0.3s ease-in-out;
  color: #b2b5bb;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 8px 16px;
}
.sliderPopup .sliderBody .drawer-tabs a:after {
  content: "";
  opacity: 0;
  height: 4px;
  background-color: #0077c0;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
}
.sliderPopup .sliderBody .drawer-tabs a:focus {
  color: #0077c0;
  text-decoration: none;
}
.sliderPopup .sliderBody .drawer-tabs a:hover {
  color: #0077c0;
  text-decoration: none;
}
.sliderPopup .sliderBody .drawer-tabs a.active {
  color: #0077c0;
}
.sliderPopup .sliderBody .drawer-tabs a.active:after {
  opacity: 1;
}
.sliderPopup .sliderBody h4 {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.sliderPopup .sliderBody h4.inline {
  display: inline-block;
  vertical-align: text-top;
}
.sliderPopup .sliderBody .tabs-section-data .question-content h4 {
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.sliderPopup .sliderBody .blue-link {
  color: #0077c0;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.sliderPopup .sliderBody .blue-link .material-icons {
  vertical-align: middle;
}
.sliderPopup .sliderBody .blue-link:focus {
  text-decoration: none;
}
.sliderPopup .sliderBody .blue-link:hover {
  text-decoration: none;
}
.sliderPopup .sliderBody .blue-link.on-field {
  position: absolute;
  right: 30px;
  top: 8px;
}
.sliderPopup .sliderBody .red-link {
  color: #e06c52;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.sliderPopup .sliderBody .red-link .material-icons {
  vertical-align: middle;
}
.sliderPopup .sliderBody .red-link:focus {
  text-decoration: none;
}
.sliderPopup .sliderBody .red-link:hover {
  text-decoration: none;
}
.sliderPopup .sliderBody .red-link.on-field {
  position: absolute;
  right: 10px;
  top: 8px;
}
.sliderPopup .sliderBody .search-box {
  position: relative;
}
.sliderPopup .sliderBody .search-box:after {
  content: "";
  width: 32px;
  height: 31px;
  position: absolute;
  border-radius: 0 0.25rem 0.25rem 0;
  right: 1px;
  top: 1px;
  background-size: 15px;
  z-index: 1;
}
.sliderPopup .sliderBody .search-box .clear-search {
  position: absolute;
  display: none;
  right: 4px;
  top: 4px;
  background-color: #f3f7fa;
  z-index: 2;
}
.sliderPopup .sliderBody .search-box .clear-search .material-icons {
  color: #c7c8ca;
  vertical-align: middle;
}
.sliderPopup .sliderBody .search-box input {
  border-color: #b1b4b6;
  padding-right: 36px;
  background-size: 16px;
  position: relative;
}
.sliderPopup .sliderBody .search-box input:focus {
  border-color: #0077c0;
}
.sliderPopup.opened {
  right: 0;
}
.sliderPopup.sliderView {
  width: 60%;
  height: calc(100% - 66px);
  top: 66px;
  box-shadow: none;
  overflow-y: auto;
}
.sliderPopup.sliderViewTop {
  height: calc(100% - 0px);
  top: 0;
}
.sliderPopup.sliderView, .sliderPopup.sliderView .sticky-header {
  background-color: #f7f8fc;
}

.sliderBg {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  background-color: #727a80;
  opacity: 0.5;
  top: 0;
  z-index: 1210;
  display: none;
}

.user-list h2 {
  padding: 10px 8px;
  border-bottom: 1px dotted #0077c0;
}
.user-list .user-table-filter {
  padding: 10px 16px 0;
}
.user-list .user-table-filter .user-filter-bar {
  padding-bottom: 20px;
}
.user-list .user-table-filter .user-filter-bar .search-text {
  position: relative;
}
.user-list .user-table-filter .user-filter-bar .search-text .close-search {
  position: absolute;
  display: none;
  z-index: 2;
  right: 12px;
  top: 4px;
  background-color: #f3f7fa;
}
.user-list .user-table-filter .user-filter-bar .search-text .close-search .material-icons {
  color: #c7c8ca;
  vertical-align: middle;
}
.user-list .user-table-filter .user-filter-bar .search-text:after {
  content: "";
  width: 32px;
  height: 31px;
  position: absolute;
  right: 10px;
  top: 1px;
  background-size: 15px;
  z-index: 1;
}
.user-list .user-table-filter .user-filter-bar .search-text input {
  border-color: #b1b4b6;
  padding-right: 36px;
  background-size: 16px;
  position: relative;
}
.user-list .user-table-filter .user-filter-bar .search-text input:focus {
  border-color: #0077c0;
}
.user-list .user-table-filter .user-filter-bar .search-text .clear-search-btn {
  display: none;
  position: absolute;
  right: 20px;
  top: 7px;
  background-color: #fff;
}
.user-list .user-table-filter .user-filter-bar .search-text .clear-search-btn .material-icons {
  font-size: 19px;
  color: #b1b4b6;
}
.user-list .user-table-filter .user-filter-bar .simple-field input {
  border-color: #b1b4b6;
  border-radius: 0;
}
.user-list .user-table-filter .user-filter-bar .simple-field input:focus {
  border-color: #0077c0;
}
.user-list .user-table-filter .user-filter-bar .select-option input {
  padding-right: 20px;
  cursor: pointer;
  z-index: 1;
  border-color: #b1b4b6;
  border-radius: 0;
}
.user-list .user-table-filter .user-filter-bar .select-option input:focus {
  border-color: #0077c0;
}
.user-list .user-table-filter .user-filter-bar .filter-btn {
  padding: 6px 18px;
  max-height: 33px;
}
.user-list .user-table-filter .user-filter-bar .filter-btn img {
  height: 22px;
}
.user-list .user-table-filter .user-filter-bar .filter-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  border-radius: 3px;
  position: absolute;
  width: max-content;
  left: 7px;
  top: 80px;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.user-list .user-table-filter .user-filter-bar .filter-options .pure-material-checkbox {
  font-size: 14px;
  font-size: 1rem;
}
.user-list .user-table-filter .user-filter-bar .filter-options .search-text {
  margin-bottom: 10px;
}
.user-list .user-table-filter .user-filter-bar .filter-options.active {
  opacity: 1;
  z-index: 2;
  top: 47px;
  visibility: visible;
}
.user-list .user-table-filter .user-filter-bar .filter-options .green-text {
  color: #6bb739;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.user-list .user-table-filter .user-filter-bar .filter-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.user-list .user-table-filter .user-filter-bar .filter-options ul li {
  margin-bottom: 1px;
}
.user-list .user-table-filter .user-filter-bar .filter-options ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
  position: relative;
}
.user-list .user-table-filter .user-filter-bar .filter-options ul li a i {
  position: absolute;
  color: #fff;
  right: 10px;
  top: 10px;
  font-size: 14px;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
}
.user-list .user-table-filter .user-filter-bar .filter-options ul li a.active i {
  opacity: 1;
  visibility: visible;
  color: #fff;
}
.user-list .user-table-filter .user-filter-bar .filter-options ul li a:focus {
  text-decoration: none;
}
.user-list .user-table-filter .user-filter-bar .filter-options.action-opts {
  min-width: 150px;
  left: 150px;
}
.user-list .user-table-filter .user-filter-bar .clear-filter {
  margin: 7px;
}
.user-list .user-table-filter .user-filter-bar .action-filter .material-icons {
  color: #fff;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.user-list .user-table-filter .user-filter-bar .simple-filter-btn {
  margin: 0 4px;
}
.user-list .user-table-filter .user-filter-bar .searchable-select .selectize-input {
  padding: 0.5rem 0.75rem;
  line-height: 1.25;
}
.user-list .user-table-filter .user-filter-bar.sticky-bar {
  padding-top: 10px;
  position: sticky;
  top: 192px;
  z-index: 2;
  background-color: #fff;
}
.user-list .heading-action {
  border-bottom: 1px dotted #0077c0;
  padding: 10px 8px 0;
}
.user-list .heading-action h2 {
  padding: 0;
  border-bottom: 0;
}

.user-list .user-table-filter .user-filter-bar .filter-options ul li a.active,
.user-list .user-table-filter .user-filter-bar .filter-options ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}

.no-decor {
  text-decoration: none !important;
}

.form-control.search {
  background: #fff url('search-icon.8f72dd01d3305799.svg') no-repeat 96% 6px;
  background-size: 15px;
  padding-right: 26px !important;
}

.project-templating-main-panel {
  position: relative;
  top: 126px;
}
.project-templating-main-panel.no-tabs {
  top: 90px;
}
.project-templating-main-panel.no-buttons {
  top: 102px;
}
.project-templating-main-panel.no-buttons .project-templating-right-panel .user-filter-bar.sticky-bar {
  top: 170px;
}
.project-templating-main-panel.no-buttons .project-templating-right-panel .newUI.sticky-table-head thead tr th {
  top: 246px;
}
.project-templating-main-panel.with-header-btns .project-templating-right-panel .newUI.sticky-table-head thead tr th {
  top: 269px;
}
.project-templating-main-panel.with-header-btns .project-templating-right-panel .filter-adjusment.filter-opened .user-table.newUI.sticky-table-head thead tr th {
  top: 530px !important;
}
.project-templating-main-panel .project-templating-left-panel {
  width: 220px;
  display: inline-block;
  vertical-align: top;
  padding-right: 10px;
  margin-right: 10px;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.project-templating-main-panel .project-templating-left-panel .search-box {
  position: relative;
  border-bottom: 1px solid #b1b4b6;
  padding-bottom: 10px;
}
.project-templating-main-panel .project-templating-left-panel .search-box:after {
  content: "";
  width: 32px;
  height: 31px;
  background: #f3f7fa url('search-icon.8f72dd01d3305799.svg') no-repeat 10px 8px;
  position: absolute;
  border-radius: 0 0.25rem 0.25rem 0;
  right: 1px;
  top: 1px;
  background-size: 15px;
  z-index: 1;
}
.project-templating-main-panel .project-templating-left-panel .search-box.no-border {
  border-bottom: none;
}
.project-templating-main-panel .project-templating-left-panel .search-box .clear-search {
  position: absolute;
  display: none;
  right: 4px;
  top: 4px;
  background-color: #f3f7fa;
  z-index: 2;
}
.project-templating-main-panel .project-templating-left-panel .search-box .clear-search .material-icons {
  color: #c7c8ca;
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-left-panel.sticky-panel {
  position: fixed;
  top: 192px;
  left: 16px;
}
.project-templating-main-panel .project-templating-left-panel .panel-exp-col {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #fff;
  font-size: 16px;
  border: 1px solid #676c79;
  line-height: 20px;
  text-align: center;
  right: -10px;
  top: 40px;
  z-index: 3;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.with-option-right li > a {
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li {
  margin: 5px 0;
  position: relative;
  transition: background-color 0.3s ease-in-out;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li a {
  color: #12202b;
  font-size: 15px;
  font-size: 1.0714285714rem;
  display: block;
  padding: 6px 8px;
  transition: color 0.3s ease-in-out;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li a:hover {
  text-decoration: none;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions {
  position: absolute;
  right: 6px;
  top: 7px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions > a {
  display: inline-block;
  vertical-align: middle;
  padding: 0 !important;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions .action-opts {
  position: absolute;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease-in-out;
  top: 20px;
  right: 0;
  z-index: 10;
  padding: 4px;
  background-color: #fff;
  border-radius: 5px;
  border: 1px solid #e5e5e5;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions .action-opts ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions .action-opts ul li {
  margin: 0;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions .action-opts ul li a {
  width: 100%;
  overflow: visible;
  text-overflow: unset;
  font-size: 14px;
  font-size: 1rem;
  display: block;
  padding: 4px 10px !important;
  transition: all 0.3s ease-in-out;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions .action-opts ul li a:hover {
  background-color: #f5f5f5;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li .list-actions .action-opts.active {
  opacity: 1;
  visibility: visible;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li:hover {
  background-color: #f3f7fa;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li:hover a {
  text-decoration: none;
  color: #000;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li:hover a .drag-icon {
  opacity: 1;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li:hover .list-actions {
  opacity: 1;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list li.active {
  background-color: #f3f7fa;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style.multiple li ul {
  list-style: none outside none;
  padding-left: 12px;
  margin: 0;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style.multiple li ul li a {
  color: #12202b;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style.multiple li:hover {
  background-color: transparent;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style.multiple li:hover a {
  color: #12202b;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style.multiple li:hover a:hover {
  background-color: #0077c0;
  color: #fff;
  border-radius: 5px;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style.multiple li.active > a {
  background-color: #0077c0;
  color: #fff;
  border-radius: 5px;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style li {
  border-radius: 5px;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style li.active, .project-templating-main-panel .project-templating-left-panel .project-section-list.new-style li:hover {
  background-color: #0077c0;
}
.project-templating-main-panel .project-templating-left-panel .project-section-list.new-style li.active a, .project-templating-main-panel .project-templating-left-panel .project-section-list.new-style li:hover a {
  color: #fff;
}
.project-templating-main-panel .project-templating-left-panel .project-sections-title {
  border-bottom: 1px solid #c7d2d9;
}
.project-templating-main-panel .project-templating-left-panel .project-sections-title h5 {
  font-size: 18px;
  font-size: 1.2857142857rem;
  display: inline-block;
  color: #35393c;
  width: calc(100% - 30px);
}
.project-templating-main-panel .project-templating-left-panel .project-sections-title h5 .material-icons {
  transition: transform 0.3s ease-in-out;
  cursor: pointer;
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-left-panel .project-sections-title h5 .material-icons.collapsed {
  transform: rotate(-90deg);
}
.project-templating-main-panel .project-templating-left-panel .project-sections-title .add-new-section {
  display: inline-block;
}
.project-templating-main-panel .project-templating-left-panel .project-sections-title .add-new-section .material-icons {
  color: #0077c0;
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-left-panel:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 1px;
  min-height: calc(100vh - 152px);
  height: 100%;
  background-color: #c7d2d9;
}
.project-templating-main-panel .project-templating-left-panel.withtabs:after {
  min-height: calc(100vh - 200px);
}
.project-templating-main-panel .project-templating-right-panel {
  width: calc(100% - 245px);
  display: inline-block;
  vertical-align: top;
  position: relative;
  left: 230px;
  transition: all 0.3s ease-in-out;
}
@media only screen and (min-width: 1600px) {
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel.middle-set-large {
    width: calc(100% - 752px);
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(3) {
    width: 14.15%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(4) {
    width: 14.15%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(5) {
    width: 16.1%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(6) {
    width: 12.1%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(3) {
    width: 14.15%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(4) {
    width: 14.15%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(5) {
    width: 16.1%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(6) {
    width: 12.1%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(7) {
    width: 12.1%;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:nth-child(2) {
    left: 183px;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:nth-last-child(2) {
    right: 142px;
    text-align: right;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td:nth-child(2) {
    left: 222px;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td:nth-last-child(2) {
    right: 139px;
    text-align: right;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:nth-child(2) {
    left: 223px;
  }
  .project-templating-main-panel .project-templating-right-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row.total-count td:nth-child(2) {
    left: 223px;
  }
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td {
  padding: 0;
  border: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td .show-hint {
  color: #e06c52;
  position: absolute;
  left: 0;
  cursor: pointer;
  top: 13px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td .show-warning {
  color: #f8d63f;
  position: absolute;
  left: 0;
  cursor: pointer;
  top: 13px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td .delete-field {
  transition: all 0.3s ease-in-out;
  position: absolute;
  left: 30px;
  top: 13px;
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td .drag-icon {
  display: inline-block;
  vertical-align: top;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td .drag-icon img {
  width: 20px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table {
  width: 100%;
  table-layout: fixed;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td {
  border-right: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td .arrow {
  display: inline-block;
  color: #0077c0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td .arrow .material-icons {
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td .arrow.collapsed {
  transform: rotate(-90deg);
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td .sec-count {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  color: #377db8;
  font-size: 18px;
  font-size: 1.2857142857rem;
  max-width: 26px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td:first-child {
  padding-right: 0;
  width: 7%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td:last-child {
  width: 8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td:nth-child(2) {
  width: 27.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.add-row-link {
  text-align: right;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.add-row-link .blue-link {
  min-width: 140px;
  text-align: left;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.edit-field {
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.edit-field input:not([type=checkbox]):not([type=radio]) {
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.edit-field .static-value {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 94%;
  display: block;
  text-align: left;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.edit-field.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]) {
  border: 1px solid #e06c52;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]):focus {
  border-color: #e06c52;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row td.noclick {
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row:hover .delete-field {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sec-row:hover .drag-icon {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td {
  border-right: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .addmore {
  transition: opacity 0.3s ease-in-out;
  opacity: 0;
  background-color: #fff;
  position: absolute;
  padding: 9px 10px;
  white-space: nowrap;
  right: 1px;
  top: 1px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .arrow {
  display: inline-block;
  color: #000;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .arrow .material-icons {
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .arrow.collapsed {
  transform: rotate(-90deg);
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .sec-count {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  max-width: 26px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .simple-td-text {
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .sliderOptions {
  position: absolute;
  right: 1px;
  color: #0077c0;
  top: 1px;
  height: calc(100% - 2px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background-color: #f5f8fb;
  padding: 14px 10px;
  line-height: 1;
  font-weight: 400;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td .sliderOptions .material-icons {
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td:first-child {
  padding-right: 0;
  width: 10%;
  padding-left: 30px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td:last-child {
  width: 8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td:nth-child(2) {
  width: 24.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.add-row-link {
  text-align: right;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.add-row-link .blue-link {
  min-width: 140px;
  text-align: left;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.edit-field {
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.edit-field input:not([type=checkbox]):not([type=radio]) {
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-weight: 500;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.edit-field .static-value {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 94%;
  display: block;
  text-align: left;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.edit-field.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]) {
  border: 1px solid #e06c52;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]):focus {
  border-color: #e06c52;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row td.noclick {
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row .delete-field .addmore {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row .delete-field .drag-icon {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row .delete-field td.edit-field input:not([type=checkbox]):focus + .addmore {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row .delete-field td.edit-field input:not([type=radio]):focus + .addmore {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row .delete-field td .sliderOptions {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row:hover .addmore {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row:hover .drag-icon {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row:hover td.edit-field input:not([type=checkbox]):focus + .addmore {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row:hover td.edit-field input:not([type=radio]):focus + .addmore {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .sub-sec-row:hover td .sliderOptions {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td {
  height: 50px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .sec-count {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
  max-width: 56px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  font-weight: 400;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .simple-td-text {
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
  vertical-align: middle;
  display: inline-block;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .sliderOptions {
  position: absolute;
  right: 1px;
  color: #0077c0;
  top: 1px;
  height: calc(100% - 2px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background-color: #f5f8fb;
  padding: 14px 10px;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .sliderOptions .material-icons {
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .access-right-icons .material-icons {
  vertical-align: middle;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .access-right-icons.gray-icon {
  color: #a1acb4;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .access-right-icons.green-icon {
  color: #5ab78a;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td .access-right-icons.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:first-child {
  padding-right: 0;
  width: 11%;
  padding-left: 58px;
  border-right: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(2) {
  width: 23.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(3) {
  width: 14.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(4) {
  width: 14.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(5) {
  width: 16%;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:nth-child(6) {
  width: 12.2%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td:last-child {
  width: 10%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field {
  color: #000;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field input:not([type=checkbox]):not([type=radio]) {
  height: 100%;
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-weight: 400;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field .static-value {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 94%;
  display: block;
  text-align: left;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field.ellipsis {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field.ellipsis input {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]) {
  border: 1px solid #e06c52;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field.error-highlighted input:not([type=checkbox]):not([type=radio]):focus {
  border-color: #e06c52;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field.noclick {
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.edit-field.noclick input {
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.noclick {
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row td.noclick input {
  pointer-events: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row:hover .delete-field {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row:hover .drag-icon {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row:hover td .sliderOptions {
  opacity: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row:hover td.edit-field input:not([type=checkbox]):focus + .sliderOptions {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row:hover td.edit-field input:not([type=radio]):focus + .sliderOptions {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected {
  background-color: #0077c0;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .sec-count {
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .show-hint {
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .show-warning {
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .drag-icon {
  filter: brightness(10);
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .edit-field input {
  color: #fff !important;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .edit-field input:focus {
  background-color: transparent !important;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .edit-field:hover {
  background-color: transparent !important;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected a {
  color: #fff !important;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.selected .sliderOptions {
  opacity: 0 !important;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .fields-row.total-count:hover .drag-icon {
  opacity: 0;
  cursor: auto;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables > td table .changed-highlight td {
  background-color: #eaf0f4 !important;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables:hover {
  background-color: transparent;
}
.project-templating-main-panel .project-templating-right-panel .newUI tbody tr.sub-tables:hover .drag-icon {
  opacity: 0;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col {
  table-layout: fixed;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col thead th {
  width: 25%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col thead th:first-child {
  width: 50%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .sec-row td {
  width: 20%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .sec-row td:first-child {
  width: 4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .sub-sec-row td {
  width: 20%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .sub-sec-row td:first-child {
  width: 5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .fields-row td {
  width: 14.8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .fields-row td:first-child {
  width: 8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .fields-row td:nth-child(2) {
  width: 21.6%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .fields-row td:last-child {
  width: 14.8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .fields-row td:nth-child(3) {
  width: 14.8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .popup-row td {
  width: 14.8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .popup-row td:first-child {
  width: 52%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .popup-row td:nth-child(2) {
  width: 26%;
  border-left: 1px dashed #c7d2d9;
}
.project-templating-main-panel .project-templating-right-panel .newUI.three-col tbody .sub-tables .popup-row td:nth-child(3) {
  width: 26%;
  text-align: left;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col {
  table-layout: fixed;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col thead th:first-child {
  width: 34%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col thead th:nth-child(2) {
  width: 14%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col thead th:nth-child(3) {
  width: 14%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col thead th:nth-child(4) {
  width: 16%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col thead th:nth-child(5) {
  width: 12%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.six-col thead th:last-child {
  width: 10%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col {
  table-layout: fixed;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:first-child {
  width: 34%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:nth-child(2) {
  width: 14%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:nth-child(3) {
  width: 14%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:nth-child(4) {
  width: 16%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:nth-child(5) {
  width: 12%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:nth-child(6) {
  width: 12%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col thead th:last-child {
  width: 5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables:hover td .more-opt {
  background-color: transparent;
  color: #0077c0;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .sec-row td:last-child {
  width: 5%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .sec-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .sub-sec-row td:last-child {
  width: 5%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .sub-sec-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td .drag-icon {
  position: absolute;
  left: 30px;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:first-child {
  padding-right: 0;
  width: 11%;
  padding-left: 58px;
  border-right: none;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(2) {
  width: 23.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(3) {
  width: 14.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(4) {
  width: 14.2%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(5) {
  width: 16%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(6) {
  width: 12.2%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:nth-child(7) {
  width: 12.2%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row td:last-child {
  width: 5%;
  text-align: center;
}
.project-templating-main-panel .project-templating-right-panel .newUI.seven-col tbody tr.sub-tables > td table .fields-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col {
  table-layout: fixed;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col thead th {
  width: 10%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col thead th:first-child {
  width: 34%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sec-row td:first-child {
  width: 5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sec-row td:nth-child(2) {
  width: 24.4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sec-row td:nth-child(3) {
  width: 65%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sec-row td:last-child {
  width: 4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sub-sec-row td:first-child {
  width: 7%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sub-sec-row td:nth-child(2) {
  width: 22.4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sub-sec-row td:nth-child(3) {
  width: 65%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .sub-sec-row td:last-child {
  width: 4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .fields-row td {
  width: 12%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .fields-row td:first-child {
  width: 10%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.nine-col tbody tr.sub-tables > td table .fields-row td:nth-child(2) {
  width: 30.8%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols {
  table-layout: fixed;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols thead th {
  width: 6%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols thead th:first-child {
  width: 24%;
  position: sticky;
  left: 0;
  z-index: 3;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols thead th:nth-child(3) {
  width: 6.5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols thead th:nth-child(4) {
  width: 6.5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols thead th:last-child {
  width: 4.88%;
  position: sticky;
  right: -10px;
  z-index: 5;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables:hover td .more-opt {
  background-color: transparent;
  color: #0077c0;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td {
  width: 5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:first-child {
  width: 4%;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:first-child .arrow {
  margin-left: 20px;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:nth-child(2) {
  width: 12.9%;
  position: sticky;
  left: 119px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:nth-last-child(2) {
  position: sticky;
  right: 89px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row td:last-child {
  width: 3.36%;
  position: sticky;
  right: -10px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sec-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td {
  width: 6%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td:first-child {
  width: 5%;
  padding-left: 50px;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td:nth-child(2) {
  width: 12.4%;
  position: sticky;
  left: 144px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td:nth-last-child(2) {
  position: sticky;
  right: 87px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row td:last-child {
  width: 3.38%;
  position: sticky;
  right: -10px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .sub-sec-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td {
  width: 5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:first-child {
  width: 6%;
  padding-left: 60px;
  position: sticky;
  left: 0;
  background-color: #fff;
  z-index: 2;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:nth-child(2) {
  width: 13.9%;
  position: sticky;
  left: 140x;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:nth-child(3) {
  width: 5%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:nth-child(4) {
  width: 5.4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:nth-child(5) {
  width: 5.4%;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row td:last-child {
  width: 4%;
  position: sticky;
  right: -10px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row.total-count td:nth-child(2) {
  position: sticky;
  left: 154px;
  background-color: #fff;
  z-index: 1;
}
.project-templating-main-panel .project-templating-right-panel .newUI.ten-cols tbody tr.sub-tables > td table .fields-row.total-count td:last-child {
  position: relative;
}
.project-templating-main-panel .project-templating-right-panel .newUI.row-btn-hover tbody tr.sub-tables:hover td .more-opt {
  background-color: transparent;
  color: #0077c0;
}
.project-templating-main-panel .project-templating-right-panel .newUI.row-btn-hover tbody tr.sub-tables > td table .fields-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.row-btn-hover tbody tr.sub-tables > td table .sec-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.row-btn-hover tbody tr.sub-tables > td table .sub-sec-row:hover td .more-opt {
  background-color: #0077c0;
  color: #fff;
}
.project-templating-main-panel .project-templating-right-panel .newUI.sticky-table-head thead tr th {
  position: sticky;
  top: 184px;
  z-index: 2;
}
.project-templating-main-panel .project-templating-right-panel .newUI.sticky-table-head.top-zero thead tr th {
  top: 0;
}
.project-templating-main-panel .project-templating-right-panel.expanded {
  width: calc(100% - 20px);
  left: 20px;
}
.project-templating-main-panel .project-templating-right-panel.middle-set {
  width: calc(100% - 468px);
}
.project-templating-main-panel .project-templating-right-panel.middle-set-large {
  width: calc(100% - 596px);
}
.project-templating-main-panel .project-templating-right-panel.popup-full-width {
  width: 100%;
}
.project-templating-main-panel .project-templating-right-panel.full-width {
  left: 0;
  width: 100%;
}

.project-templating-main-panel.no-tabs .project-templating-left-panel.sticky-panel,
.project-templating-main-panel.no-tabs .project-templating-right-panel .user-filter-bar.sticky-bar {
  top: 156px;
}

@keyframes continuous-rotation {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}
.custom-new-loader {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: hsla(0, 0%, 100%, 0.9);
}
.custom-new-loader .fetching-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  align-content: space-evenly;
  justify-content: center;
  height: calc(100% - 65px);
}
.custom-new-loader .fetching-container .fetching-img {
  animation: continuous-rotation 2s linear infinite;
  display: inline-block;
  margin-bottom: 20px;
}

.material-style-form .field-group .ng-select.ng-select-disabled > .ng-select-container .ng-placeholder {
  background-color: #f9f9f9;
}

.ticket-chat-bubble {
  cursor: pointer;
  background-color: #0077c0;
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: fixed;
  right: 10px;
  bottom: 10px;
  text-align: center;
  line-height: 60px;
}
.ticket-chat-bubble .material-icons {
  color: #fff;
  vertical-align: middle;
}

.comments-popup .modal-header {
  padding: 12px 20px !important;
  background-color: #0077c0;
}
.comments-popup .modal-header .modal-title {
  font-size: 1.1428571429rem;
  color: #fff !important;
  font-weight: 400;
}
.comments-popup .modal-header .close {
  color: #fff !important;
  opacity: 1;
  text-shadow: none;
}
.comments-popup .bordered {
  position: relative;
}
.comments-popup .bordered:after {
  content: "";
  height: calc(100% + 30px);
  width: 1px;
  background-color: #b1b4b6;
  position: absolute;
  right: 2px;
  top: -15px;
}

.gis-container .location-details-panel {
  position: absolute;
  right: -100%;
  top: 15px;
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  width: 430px;
}
.gis-container .location-details-panel.opened {
  right: 0;
}
.gis-container .location-details-panel .back-arrow {
  position: absolute;
  top: 40px;
  left: -24px;
  width: 24px;
  text-align: center;
  padding: 4px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 4px 0 0 4px;
}
.gis-container .location-details-panel .back-arrow i {
  color: rgb(53, 57, 60);
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.gis-container .location-details-panel .back-arrow:hover i {
  opacity: 1;
}
.gis-container .location-details-panel .img-block a {
  display: block;
  position: relative;
}
.gis-container .location-details-panel .img-block a span {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  line-height: 81px;
  color: #fff;
  font-size: 20px;
  font-size: 1.4285714286rem;
  background-color: rgba(0, 0, 0, 0.7);
}
.gis-container .location-details-panel .img-block a.width-50 {
  width: 100%;
}
.gis-container .location-details-panel .img-block a.width-50 img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.gis-container .location-details-panel .img-block a.height-50 {
  width: 100%;
  height: 80.5px;
  overflow: hidden;
}
.gis-container .location-details-panel .img-block a.height-50 img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.gis-container .location-details-panel .header-block {
  border-bottom: 1px solid #b2b5bb;
  padding: 20px 0 10px;
  margin: 0 20px;
  margin-bottom: 20px;
}
.gis-container .location-details-panel .header-block h4 {
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 0;
}
.gis-container .location-details-panel .header-block small {
  color: #b2b5bb;
  font-size: 14px;
  font-size: 1rem;
}
.gis-container .location-details-panel .header-block a {
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #0077c0;
  display: inline-block;
  vertical-align: middle;
}
.gis-container .location-details-panel .header-block a.toggle-link {
  color: #000;
}
.gis-container .location-details-panel .header-block a.toggle-link.active {
  color: #0077c0;
}
.gis-container .location-details-panel .header-block a.disabled {
  color: #b2b5bb;
}
.gis-container .location-details-panel .basic-details-block {
  padding: 0 10px 0 20px;
  margin-right: 10px;
}
.gis-container .location-details-panel .basic-details-block .location-latlong {
  border-bottom: 1px solid #b2b5bb;
  padding-bottom: 20px;
}
.gis-container .location-details-panel .basic-details-block .location-latlong h6 {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.gis-container .location-details-panel .basic-details-block .location-latlong h6 .far {
  width: 20px;
  margin-right: 6px;
  color: #b2b5bb;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr:nth-child(n+6) {
  display: none;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td {
  border-bottom: 1px solid #b2b5bb;
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding: 6px 10px;
  text-align: right;
  vertical-align: top;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td a {
  color: #000;
  text-decoration: none;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td a.show-more {
  color: #0093ff;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td a.show-more .far {
  margin-right: 4px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td a.show-more.show-less .far {
  transform: rotate(180deg);
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td .badges {
  cursor: pointer;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td .badges.blue {
  color: #0077c0;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td:first-child {
  text-align: left;
  color: #b2b5bb;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td:first-child a {
  color: #b2b5bb;
  text-decoration: none;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td:first-child a.show-more {
  color: #0093ff;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td:first-child a.show-more .far {
  margin-right: 4px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr td:first-child a.show-more.show-less .far {
  transform: rotate(180deg);
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr:last-child {
  display: table-row;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr:last-child td {
  border-bottom: none;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr:hover {
  background-color: transparent;
}
.gis-container .location-details-panel .basic-details-block .simple-stats tr.show-border td {
  border-bottom: 1px solid #b2b5bb;
}
.gis-container .location-details-panel .basic-details-block .simple-stats.single-col tr td {
  text-align: left;
}
.gis-container .location-details-panel .basic-details-block .simple-stats.eight-row tr:nth-child(n+6) {
  display: table-row;
}
.gis-container .location-details-panel .basic-details-block .simple-stats.eight-row tr:nth-child(n+8) {
  display: none;
}
.gis-container .location-details-panel .basic-details-block .simple-stats.eight-row tr:last-child {
  display: table-row;
}
.gis-container .location-details-panel .basic-details-block .simple-stats.extended.eight-row tr:nth-child(n+8) {
  display: table-row;
}
.gis-container .location-details-panel .basic-details-block .simple-stats.extended tr:nth-child(n+6) {
  display: table-row;
}
.gis-container .location-details-panel .basic-details-block h4.table-title {
  margin: 30px 0 10px;
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.gis-container .location-details-panel .basic-details-block h4.table-title .far {
  margin-right: 4px;
  color: #b2b5bb;
  top: auto;
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.gis-container .location-details-panel .basic-details-block .icon-links {
  margin-top: 28px;
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-size: 1.4285714286rem;
  color: #0077c0;
}
.gis-container .location-details-panel .basic-details-block .icon-links.toggle-link {
  color: #000;
}
.gis-container .location-details-panel .basic-details-block .icon-links.toggle-link.active {
  color: #0077c0;
}
.gis-container .location-details-panel .basic-details-block .icon-links.disabled {
  pointer-events: none;
  color: #b2b5bb;
}
.gis-container .search-filter-container {
  border-radius: 4px;
  overflow: hidden;
  display: inline-block;
  margin: 34px 0 0 14px;
  position: relative;
  z-index: 2;
  background-color: transparent !important;
}
.gis-container .search-filter-container .search-field {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.gis-container .search-filter-container .search-field input {
  color: #4d5362;
  background-color: #fff;
  border: none;
  padding: 17px;
  padding-left: 32px;
  min-width: 320px;
}
.gis-container .search-filter-container .search-field .search-icon {
  position: absolute;
  left: 16px;
  right: auto;
  top: 20px;
  color: #999da5;
}
.gis-container .search-filter-container.search-active .search-field input {
  padding-top: 16px;
  padding-bottom: 16px;
  border: 1px solid #596174;
  border-radius: 4px;
  border-right: 0;
}
.gis-container .search-filter-container .gis-filter-btn {
  margin-left: 0px;
  padding: 17px 0px;
  width: 56px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background-color: #0093ff;
}
.gis-container .search-filter-container .gis-filter-btn .fas {
  color: #fff;
}
.gis-container .create-ticket-btn {
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  box-shadow: 3px 3px 60px 0 rgba(0, 0, 0, 0.2);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  position: absolute;
  bottom: 20px;
  right: 30px;
  text-align: center;
  font-size: 24px;
  font-size: 1.7142857143rem;
  line-height: 60px;
  color: #000;
}
.gis-container .create-ticket-btn.moved {
  right: 450px;
}

.pure-material-checkbox {
  z-index: 0;
  position: relative;
  display: inline-block;
  color: rgba(var(#b1b4b6, 0, 0, 0), 0.87);
  font-size: 16px;
  line-height: 1.5;
}

.pure-material-checkbox.centered-text {
  line-height: 1.2;
}

.pure-material-checkbox.smaller {
  font-size: 12px !important;
}

.pure-material-checkbox.smaller > input {
  left: -8px !important;
  top: -8px !important;
  width: 30px;
  height: 30px;
}

.pure-material-checkbox.smaller > span:before {
  width: 14px !important;
  height: 14px !important;
}

.pure-material-checkbox.smaller > span:after {
  top: 1px !important;
  left: 0 !important;
  width: 8px;
  height: 4px;
}

.pure-material-checkbox > input {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  z-index: -1;
  position: absolute;
  left: -11px;
  top: -11px;
  display: block;
  margin: 0;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  background-color: hsla(204, 3%, 70%, 0.6);
  box-shadow: none;
  outline: none;
  opacity: 0;
  transform: scale(1);
  pointer-events: none;
  transition: opacity 0.3s, transform 0.2s;
}

.pure-material-checkbox > span {
  display: inline-block;
  width: 100%;
  cursor: pointer;
}

.pure-material-checkbox > span:before {
  content: "";
  display: inline-block;
  box-sizing: border-box;
  margin: 0 11px 0 1px;
  border: 2px solid;
  border-color: #b1b4b6;
  background-color: #fff;
  border-radius: 2px;
  width: 18px;
  height: 18px;
  vertical-align: top;
  transition: border-color 0.2s, background-color 0.2s;
}

.pure-material-checkbox > span:after {
  height: 5px;
  transform: translate(3px, 4px) rotate(-45deg);
}

.pure-material-checkbox.partial > span:after,
.pure-material-checkbox > span:after {
  content: "";
  display: block;
  position: absolute;
  top: 2px;
  left: 2px;
  width: 10px;
  border: 2px solid transparent;
  border-right: none;
  border-top: none;
}

.pure-material-checkbox.partial > span:after {
  height: 2px;
  transform: translate(3px, 6px) rotate(0deg);
}

.pure-material-checkbox > input.checked + span:before,
.pure-material-checkbox > input:indeterminate + span:before {
  border-color: #0077c0;
}

.pure-material-checkbox > input.checked + span:after,
.pure-material-checkbox > input:indeterminate + span:after {
  border-color: #0077c0;
}

.pure-material-checkbox > input:indeterminate + span:after {
  border-left: none;
  transform: translate(4px, 3px);
}

.pure-material-checkbox:hover > input {
  opacity: 0.4;
}

.pure-material-checkbox:hover > input:focus,
.pure-material-checkbox > input:focus {
  opacity: 0;
}

.pure-material-checkbox > input:active {
  opacity: 1;
  transform: scale(0);
  transition: transform 0s, opacity 0s;
}

.pure-material-checkbox > input:active + span:before {
  border-color: #2196f3;
}

.pure-material-checkbox > input.checked:active + span:before {
  border-color: transparent;
  background-color: rgba(var(#b1b4b6, 0, 0, 0), 0.6);
}

.pure-material-checkbox > input:disabled {
  opacity: 0;
}

.pure-material-checkbox > input:disabled + span {
  color: #b7b8b9;
  cursor: auto;
}

.pure-material-checkbox > input:disabled + span:before {
  border-color: currentColor;
  background-color: #b7b8b9;
}

.pure-material-checkbox > input.checked:disabled + span:before,
.pure-material-checkbox > input:indeterminate:disabled + span:before {
  border-color: transparent;
  background-color: currentColor;
}

.pure-material-checkbox.minus > span:after {
  border-width: 1px;
  height: 1px;
  transform: rotate(0);
  top: 8px;
  left: 5px;
}

.not-found-box h1 {
  margin-bottom: 10px;
  font-family: Roboto, sans-serif;
  font-weight: 400;
  font-size: 30px;
  font-size: 2.1428571429rem;
}

.notice-new span {
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  width: calc(100% - 36px);
  color: #0077c0;
  vertical-align: middle;
}
.notice-new .far,
.notice-new .fas {
  color: #0077c0;
  vertical-align: top;
  font-size: 20px;
  font-size: 1.4285714286rem;
  margin-top: 2px;
}

.mat-form-field-wrapper {
  padding-bottom: 0;
}

.new-btns {
  transition: all 0.3s ease-in-out;
  font-size: 16px;
  font-size: 1.1428571429rem;
  line-height: 1;
  color: #596174;
  min-width: 118px;
  text-align: center;
  padding: 15px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: middle;
  font-family: Roboto, sans-serif;
  font-weight: 700;
}
.new-btns.full-width {
  width: 100%;
}
.new-btns.medium {
  min-width: 100px;
  padding: 10px;
}
.new-btns.small {
  min-width: 84px;
  border-radius: 4px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  padding: 8px;
}
.new-btns.white {
  background-color: #fff;
  color: #0077c0;
}
.new-btns.red {
  background-color: #ff4a56;
  color: #fff;
}
.new-btns.blue {
  background-color: #0077c0;
  color: #fff;
}
.new-btns.blue.close-btn {
  color: #fff !important;
}
.new-btns.green {
  background-color: #5aba8a;
  color: #fff;
}
.new-btns.gray {
  background-color: #f5f5f5;
  color: #727a80;
}
.new-btns.transparent {
  background-color: transparent;
  color: #000;
}
.new-btns.transparent:hover {
  background-color: #000;
  color: #fff;
}
.new-btns.back-btn {
  color: #fff !important;
}
.new-btns.border {
  border: 2px solid transparent;
  background-color: transparent;
  padding: 13px;
}
.new-btns.border.small {
  padding: 6px;
}
.new-btns.border.medium {
  padding: 8px;
}
.new-btns.border.white {
  border-color: #fff;
  color: #fff;
}
.new-btns.border.white:hover {
  background-color: #fff;
  color: #0077c0;
}
.new-btns.border.blue {
  border-color: #0077c0;
  color: #0077c0;
}
.new-btns.border.blue:hover {
  background-color: #0077c0;
  color: #fff;
}
.new-btns.border.red {
  border-color: #ff4a56;
  color: #ff4a56;
}
.new-btns.border.red:hover {
  background-color: #ff4a56;
  color: #fff;
}
.new-btns.border.green {
  border-color: #5ab78a;
  color: #5ab78a;
}
.new-btns.border.green:hover {
  background-color: #5ab78a;
  color: #fff;
}
.new-btns:focus, .new-btns:hover {
  text-decoration: none;
}

.floting-label {
  pointer-events: none;
  left: 10px;
  top: 8px;
  color: #858c90;
  position: absolute;
  background-color: #fff;
  padding: 0 6px;
  font-size: 16px;
  transform: translateY(0) scale(1);
  transform-origin: left top;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}

.field-group.pb-0 {
  padding-bottom: 0 !important;
}

.mat-select-value {
  position: relative;
  top: 2px;
}

.ui-header-new .notify-icon {
  position: relative;
}
.ui-header-new .notify-icon .notification-popup-list {
  max-width: 400px;
  position: absolute;
  background-color: #fff;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.16);
  min-width: 400px;
  right: -20px;
  top: calc(100% + 30px);
  opacity: 0;
  visibility: hidden;
  text-align: left;
  border-radius: 5px;
  z-index: 0;
  transition: all 0.3s ease-in-out;
}
.ui-header-new .notify-icon .notification-popup-list:before {
  content: "";
  position: absolute;
  right: 20px;
  top: -10px;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #fff;
}
.ui-header-new .notify-icon .notification-popup-list .popup-header-pin {
  padding: 8px 16px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-header-pin h4 {
  font-size: 13px;
  font-size: 0.9285714286rem;
  margin-bottom: 0;
  margin-top: 4px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-header-pin a {
  color: #0077c0;
  font-size: 12px;
  font-size: 0.8571428571rem;
}
.ui-header-new .notify-icon .notification-popup-list .popup-section-header {
  border-top: 1px solid #c7d2d9;
  border-bottom: 1px solid #c7d2d9;
  background-color: #f7f8fc;
  padding: 8px 16px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-section-header h5 {
  margin-bottom: 0;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body {
  padding: 0 8px;
  max-height: 462px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li {
  border-bottom: 1px solid #c8dbeb;
  padding: 8px 4px;
  transition: background-color 0.3s ease-in-out;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .notification-category {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  font-size: 11px;
  font-size: 0.7857142857rem;
  padding: 4px 8px 3px;
  line-height: 1;
  margin-bottom: 3px;
  border-radius: 12px;
  margin-right: 3px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .notification-category.blue {
  background-color: #55b4aa;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .notification-category.blue-lite {
  background-color: #55b4aa;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .notification-category.green {
  background-color: #55b4aa;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .notification-category.red {
  background-color: #55b4aa;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .notification-category.yellow {
  background-color: #55b4aa;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li .date-time {
  font-size: 11px;
  font-size: 0.7857142857rem;
  display: block;
  color: #4d5362;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li a {
  display: block;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li a p {
  font-size: 13px;
  font-size: 0.9285714286rem;
  color: #35393c;
  margin-bottom: 6px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li a:focus {
  text-decoration: none;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li a:hover {
  text-decoration: none;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li:last-child {
  border-bottom: none;
}
.ui-header-new .notify-icon .notification-popup-list .popup-body ul li.unread {
  background-color: #f3f7fa;
}
.ui-header-new .notify-icon .notification-popup-list .popup-footer {
  border-top: 1px solid #c7d2d9;
  background-color: #f7f8fc;
  padding: 8px 16px;
}
.ui-header-new .notify-icon .notification-popup-list .popup-footer a {
  color: #0077c0;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.ui-header-new .notify-icon .notification-popup-list.active {
  top: calc(100% + 12px);
  opacity: 1;
  visibility: visible;
  z-index: 1;
}

.notifications-list {
  margin-top: 5px;
}
.notifications-list ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.notifications-list ul li {
  border-bottom: 1px solid #c8dbeb;
  padding: 8px 16px;
  transition: background-color 0.3s ease-in-out;
}
.notifications-list ul li .checkbox-area {
  display: inline-block;
  vertical-align: top;
  width: 38px;
  padding-top: 4px;
}
.notifications-list ul li .checkbox-area .pure-material-checkbox {
  margin-bottom: 0;
}
.notifications-list ul li .notify-content-area {
  width: calc(100% - 42px);
  display: inline-block;
  vertical-align: middle;
}
.notifications-list ul li .notify-content-area .top-area .date-time {
  color: #a1acb4;
  margin-left: 8px;
}
.notifications-list ul li .notify-content-area .bottom-area {
  margin-top: 4px;
}
.notifications-list ul li .notify-content-area .bottom-area a {
  display: block;
  color: #35393c;
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 0;
}
.notifications-list ul li .notify-content-area .bottom-area a:focus {
  text-decoration: none;
}
.notifications-list ul li .notify-content-area .bottom-area a:hover {
  text-decoration: none;
}
.notifications-list ul li .notify-content-area .bottom-area .date-time {
  display: block;
  color: #a1acb4;
  margin-top: 6px;
}
.notifications-list ul li .left-area {
  display: inline-block;
  vertical-align: middle;
  width: calc(80% - 4px);
}
.notifications-list ul li .left-area .favicon-area {
  display: inline-block;
  vertical-align: middle;
  margin-right: 6px;
}
.notifications-list ul li .left-area .favicon-area .fav-icon {
  color: #b1b4b6;
}
.notifications-list ul li .left-area .favicon-area .fav-icon.active {
  color: #f8d43f;
}
.notifications-list ul li .left-area .favicon-area .material-icons {
  vertical-align: middle;
}
.notifications-list ul li .left-area .content-area {
  width: calc(100% - 34px);
  display: inline-block;
  vertical-align: middle;
}
.notifications-list ul li .left-area .notification-category {
  display: inline-block;
  vertical-align: middle;
  font-size: 12px;
  font-size: 0.8571428571rem;
  color: #fff;
  padding: 6px 16px 5px;
  line-height: 1;
  margin-bottom: 4px;
  border-radius: 16px;
  margin-right: 4px;
}
.notifications-list ul li .left-area .notification-category.blue {
  background-color: #55b4aa;
}
.notifications-list ul li .left-area .notification-category.blue-lite {
  background-color: #55b4aa;
}
.notifications-list ul li .left-area .notification-category.green {
  background-color: #55b4aa;
}
.notifications-list ul li .left-area .notification-category.red {
  background-color: #55b4aa;
}
.notifications-list ul li .left-area .notification-category.yellow {
  background-color: #55b4aa;
}
.notifications-list ul li .left-area a p {
  color: #35393c;
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 6px;
}
.notifications-list ul li .left-area a .date-time {
  color: #a1acb4;
}
.notifications-list ul li .left-area a:focus {
  text-decoration: none;
}
.notifications-list ul li .left-area a:hover {
  text-decoration: none;
}
.notifications-list ul li .right-actions {
  display: inline-block;
  vertical-align: middle;
  width: 20%;
}
.notifications-list ul li .right-actions a {
  display: inline-block;
  vertical-align: top;
}
.notifications-list ul li .right-actions a .material-icons {
  color: #c7d2d9;
}
.notifications-list ul li .right-actions a:focus {
  text-decoration: none;
}
.notifications-list ul li .right-actions a:focus .material-icons {
  color: #0077c0;
}
.notifications-list ul li .right-actions a:hover {
  text-decoration: none;
}
.notifications-list ul li .right-actions a:hover .material-icons {
  color: #0077c0;
}
.notifications-list ul li .right-actions .bell-icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.notifications-list ul li .right-actions .bell-icon a {
  display: block;
  text-align: center;
}
.notifications-list ul li .right-actions .bell-icon a .material-icons {
  vertical-align: middle;
  transition: color 0.3s ease-in-out;
}
.notifications-list ul li .right-actions .bell-icon a:hover .material-icons {
  color: #0077c0;
}
.notifications-list ul li .right-actions .bell-icon a.unread-icon .material-icons {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.notifications-list ul li .right-actions .bell-icon .notification-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: 150%;
  top: 10px;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.notifications-list ul li .right-actions .bell-icon .notification-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.notifications-list ul li .right-actions .bell-icon .notification-options ul li {
  padding: 0;
}
.notifications-list ul li .right-actions .bell-icon .notification-options ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.notifications-list ul li .right-actions .bell-icon .notification-options ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
.notifications-list ul li .right-actions .bell-icon .notification-options ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #c7c8ca;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c7c8ca;
}
.notifications-list ul li .right-actions .bell-icon .notification-options ul li:last-child a.disabled {
  border-bottom: none;
}
.notifications-list ul li .right-actions .bell-icon .notification-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  right: 100%;
}
.notifications-list ul li .right-actions .read-icon {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.notifications-list ul li .right-actions .read-icon a {
  display: block;
  text-align: center;
}
.notifications-list ul li .right-actions .read-icon a .material-icons {
  vertical-align: middle;
  transition: color 0.3s ease-in-out;
}
.notifications-list ul li .right-actions .read-icon a:hover .material-icons {
  color: #0077c0;
}
.notifications-list ul li .right-actions .read-icon a.unread-icon .material-icons {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.notifications-list ul li .right-actions .read-icon .notification-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: 150%;
  top: 10px;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.notifications-list ul li .right-actions .read-icon .notification-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.notifications-list ul li .right-actions .read-icon .notification-options ul li {
  padding: 0;
}
.notifications-list ul li .right-actions .read-icon .notification-options ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.notifications-list ul li .right-actions .read-icon .notification-options ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
.notifications-list ul li .right-actions .read-icon .notification-options ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #c7c8ca;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c7c8ca;
}
.notifications-list ul li .right-actions .read-icon .notification-options ul li:last-child a.disabled {
  border-bottom: none;
}
.notifications-list ul li .right-actions .read-icon .notification-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  right: 100%;
}
.notifications-list ul li .right-actions .fav-toggle.active .material-icons {
  color: #f8d43f;
}
.notifications-list ul li .right-actions .mail-toggle.active .material-icons {
  color: #0077c0;
}
.notifications-list ul li .right-actions .mute-toggle.active .material-icons {
  color: #0077c0;
}
.notifications-list ul li:last-child {
  border-bottom: none;
}
.notifications-list ul li.header-style {
  background-color: #e0e9f0;
  border-bottom: none;
}
.notifications-list ul li.header-style .checkbox-area {
  padding-top: 2px;
}
.notifications-list ul li.header-style .left-area {
  text-transform: uppercase;
  font-family: Roboto, sans-serif;
  font-weight: 700;
}
.notifications-list ul li.header-style:hover {
  background-color: #e0e9f0;
}
.notifications-list ul li.header-style.fixed-top {
  position: sticky;
  top: 232px;
  z-index: 2;
}
.notifications-list ul li.unread {
  background-color: #f3f7fa;
}

.material-style-form .field-group {
  position: relative;
  margin-bottom: 20px;
}
.material-style-form .field-group .mat-chip-list-wrapper {
  margin: 0 !important;
  align-content: center;
  justify-content: flex-start;
}
.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-opened .ng-select-container {
  border-color: #377db8;
}
.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-opened .ng-select-container .ng-arrow {
  border-bottom-color: #377db8;
}
.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-opened .ng-select-container .ng-placeholder {
  color: #377db8;
  transform: translateY(-90%) scale(0.75);
}
.material-style-form .field-group .ng-select.ng-select-searchable .ng-select-container {
  overflow: visible;
}
.material-style-form .field-group .ng-select.ng-select-searchable .ng-select-container .ng-placeholder {
  left: 10px;
  position: absolute;
  display: block;
  background-color: #fff;
  padding: 0 6px;
  transform: translateY(0) scale(1);
  transform-origin: left top;
  transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1), color 150ms cubic-bezier(0.4, 0, 0.2, 1);
}
.material-style-form .field-group .ng-select.ng-select-searchable .ng-select-container.ng-has-value .ng-placeholder {
  transform: translateY(-90%) scale(0.75);
  display: block;
}
.material-style-form .field-group .form-control.hasvalue + .floting-label {
  transform: translateY(-75%) scale(0.75);
}
.material-style-form .field-group .form-control:focus {
  border-color: #377db8;
  box-shadow: none;
}
.material-style-form .field-group .form-control:focus + .floting-label {
  transform: translateY(-75%) scale(0.75);
}
.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-focused .ng-select-container {
  border-color: #377db8;
  box-shadow: none;
}
.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-focused .ng-select-container .ng-placeholder {
  color: #377db8;
}
.material-style-form .field-group .ng-select.ng-select-searchable.ng-select-opened.ng-select-focused .ng-select-container {
  border-color: #377db8;
  box-shadow: none;
}
.material-style-form .field-group .ng-select.ng-select-disabled > .ng-select-container .ng-placeholder {
  background-color: #f9f9f9;
}
.material-style-form .field-group .ng-select.ng-select-single .ng-select-container {
  height: 42px;
}
.material-style-form .field-group .mdc-link {
  position: absolute;
  right: 16px;
  top: 11px;
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #676c79;
  transition: all 0.3s ease-in-out;
}
.material-style-form .field-group .mdc-link:hover {
  color: #0077c0;
}
.material-style-form .field-group .field-error-list {
  padding: 20px;
  background-color: #fff;
  box-shadow: 0 0 20px 0 rgba(0, 119, 192, 0.18);
  position: absolute;
  top: 0;
  left: calc(100% + 20px);
  width: -moz-fit-content;
  width: max-content;
}
.material-style-form .field-group .field-error-list:before {
  content: "";
  position: absolute;
  left: -10px;
  top: 20px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #fff;
}
.material-style-form .field-group .field-error-list ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.material-style-form .field-group .field-error-list ul li {
  margin-bottom: 10px;
  color: #a1acb4;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.material-style-form .field-group .field-error-list ul li .material-icons {
  vertical-align: middle;
  margin-right: 10px;
}
.material-style-form .field-group .field-error-list ul li:last-child {
  margin-bottom: 0;
}
.material-style-form .field-group .field-error-list ul li.valid-green {
  color: #5ab78a;
}
.material-style-form .field-group .form-link-right {
  position: absolute;
  left: calc(100% + 10px);
  width: max-content;
  font-size: 16px;
  top: 10px;
  color: #0077c0;
}
.material-style-form .field-group .form-link-right .material-icons {
  vertical-align: top;
  margin-top: -3px;
}
.material-style-form .field-group .form-link-right .far {
  font-size: 22px;
  font-size: 1.5714285714rem;
}
.material-style-form .field-group .selectize-input {
  border-color: rgba(0, 0, 0, 0.38);
  box-shadow: none;
  background-color: transparent;
}
.material-style-form .field-group .selectize-input:hover {
  border-color: #000;
}
.material-style-form .field-group .selectize-input.focus {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-text-field {
  width: 100%;
  height: auto;
}
.material-style-form .field-group .mdc-text-field .mdc-text-field__input {
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding-top: 16px;
}
.material-style-form .field-group .mdc-text-field .mdc-text-field__input:-webkit-autofill ~ .mdc-notched-outline .mdc-floating-label.mdc-floating-label--float-above {
  transform: translateY(-25.75px) scale(0.75);
}
.material-style-form .field-group .mdc-text-field .mdc-floating-label {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.material-style-form .field-group .mdc-text-field .mdc-floating-label .asterisk {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
}
.material-style-form .field-group .mdc-text-field .mdc-floating-label.mdc-floating-label--float-above {
  transform: translateY(-25.75px) scale(0.75);
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-notched-outline__leading {
  border-color: #eb2f2f;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-notched-outline__notch {
  border-color: #eb2f2f;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-notched-outline__trailing {
  border-color: #eb2f2f;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  color: #eb2f2f;
}
.material-style-form .field-group .mdc-text-field:not(.mdc-text-field--disabled).mdc-text-field--invalid .mdc-floating-label {
  color: #eb2f2f;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--focused .mdc-floating-label .asterisk {
  color: #e06c52;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #0077c0;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea {
  height: auto;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea .mdc-text-field__input {
  resize: none;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea .mdc-floating-label--float-above {
  transform: translateY(-140%) scale(0.75);
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea.note-style .mdc-notched-outline {
  z-index: -1;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea.note-style .mdc-notched-outline .mdc-notched-outline__leading {
  background-color: #fcfbed;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea.note-style .mdc-notched-outline .mdc-notched-outline__notch {
  background-color: #fcfbed;
}
.material-style-form .field-group .mdc-text-field.mdc-text-field--textarea.note-style .mdc-notched-outline .mdc-notched-outline__trailing {
  background-color: #fcfbed;
}
.material-style-form .field-group .mdc-select .mdc-menu-surface {
  width: 100%;
}
.material-style-form .field-group .mdc-select .mdc-menu-surface .mdc-list {
  padding: 0;
}
.material-style-form .field-group .mdc-select .mdc-select__anchor {
  width: 100%;
  height: 46px;
}
.material-style-form .field-group .mdc-select .mdc-select__anchor .mdc-select__dropdown-icon {
  bottom: 11px;
}
.material-style-form .field-group .mdc-select .mdc-select__anchor .mdc-select__selected-text {
  padding-top: 13px;
  height: 40px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.material-style-form .field-group .mdc-select .mdc-select__anchor .mdc-floating-label--float-above {
  transform: translateY(-110%) scale(0.75);
}
.material-style-form .field-group .mdc-select .mdc-floating-label {
  top: 14px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.material-style-form .field-group .mdc-select .mdc-floating-label .asterisk {
  display: inline-block;
  vertical-align: top;
  margin-top: -2px;
}
.material-style-form .field-group .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label {
  color: #0077c0;
}
.material-style-form .field-group .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__leading {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__notch {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: #0077c0;
}
.material-style-form .field-group .mdc-select.mdc-select--focused .mdc-floating-label .asterisk {
  color: #e06c52;
}
.material-style-form .field-group .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__focus-ring {
  background-color: #0077c0;
}
.material-style-form .field-group .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__pin {
  background-color: #0077c0;
}
.material-style-form .field-group .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track {
  background-color: #0077c0;
}
.material-style-form .field-group .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__track-container:after {
  background-color: #0077c0;
}
.material-style-form .field-group .mdc-slider:not(.mdc-slider--disabled) .mdc-slider__thumb {
  fill: #0077c0;
  stroke: #0077c0;
}
.material-style-form .field-group .multiple-select + .btn-group .multiselect {
  height: 40px;
}
.material-style-form .field-group .multiple-select + .btn-group .multiselect:after {
  top: 18px;
}
.material-style-form hr {
  border-color: #727a80;
  margin: 2rem 0;
}
.material-style-form .simple-link {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.material-style-form .mdc-text-field--with-leading-icon .mdc-text-field__icon {
  left: 16px;
  right: auto;
  color: rgba(0, 0, 0, 0.54);
}
.material-style-form .mdc-text-field--with-leading-icon .mdc-text-field__icon.clickable-icon {
  pointer-events: auto;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.material-style-form .mdc-text-field--with-leading-icon .mdc-text-field__icon.clickable-icon:focus {
  text-decoration: none;
}
.material-style-form .mdc-text-field--with-leading-icon .mdc-text-field__icon.clickable-icon:hover {
  text-decoration: none;
}
.material-style-form .mdc-text-field--with-leading-icon:hover .mdc-text-field__icon.clickable-icon {
  opacity: 1;
}
.material-style-form .mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  left: auto;
  right: 16px;
  color: rgba(0, 0, 0, 0.54);
}
.material-style-form .mdc-text-field--with-trailing-icon .mdc-text-field__icon.clickable-icon {
  pointer-events: auto;
  cursor: pointer;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.material-style-form .mdc-text-field--with-trailing-icon .mdc-text-field__icon.clickable-icon:focus {
  text-decoration: none;
}
.material-style-form .mdc-text-field--with-trailing-icon .mdc-text-field__icon.clickable-icon:hover {
  text-decoration: none;
}
.material-style-form .mdc-text-field--with-trailing-icon:hover .mdc-text-field__icon.clickable-icon {
  opacity: 1;
}

app-wm-crud .material-style-form .field-group .ng-select.ng-invalid.ng-touched .ng-select-container {
  border: 2px solid #f44336;
}
app-wm-crud .material-style-form .field-group .ng-select.ng-invalid.ng-touched .ng-select-container .ng-value-container .ng-placeholder {
  color: #f44336;
}

.black-btn-transparent {
  min-width: 100px;
  background-color: transparent !important;
  font-weight: 700;
  border-radius: 3px !important;
  font-size: 14px !important;
  font-size: 1rem !important;
  color: #000 !important;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  box-shadow: 3px 3px 10px 0 transparent;
}
.black-btn-transparent:focus, .black-btn-transparent:hover {
  background-color: #000 !important;
  color: #fff !important;
  box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.25);
  text-decoration: none !important;
}

.custom-btn {
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-weight: 500;
}
.custom-btn:hover {
  color: #999da5;
}
.custom-btn:focus {
  color: #999da5;
  text-decoration: none;
}
.custom-btn .material-icons {
  vertical-align: middle;
  font-size: 19px;
  font-size: 1.3571428571rem;
}

.header-btn-options .mat-chip-list {
  margin-right: 4px;
}

.modal {
  z-index: 1250;
}

.modal-backdrop {
  background-color: #12202b;
  z-index: 1210;
}
.modal-backdrop.show {
  opacity: 0.85;
}

.side-right-panel {
  position: fixed;
  width: calc(16.6666666667% - 38px);
  background-color: #edf1f5;
  transition: all 0.3s ease-in-out;
  z-index: 1;
  right: 0;
}
.side-right-panel .side-header {
  position: relative;
  padding: 8px;
  padding-bottom: 15px;
  font-size: 12px;
  font-size: 0.8571428571rem;
  text-align: center;
  margin-bottom: 14px;
}
.side-right-panel .side-header:after {
  content: "";
  height: 2px;
  width: 90%;
  position: absolute;
  left: 5%;
  bottom: 0;
  background-color: #cdd0d6;
}
.side-right-panel .side-header span {
  color: #676a6f;
  font-family: MuseoSans-Semibold, Arial, Helvetica, sans-serif;
}
.side-right-panel .side-header a {
  color: #0096d4;
  font-family: MuseoSans-Semibold, Arial, Helvetica, sans-serif;
  margin-left: 8px;
}
.side-right-panel .side-header a:focus {
  text-decoration: none;
}
.side-right-panel .side-header a:hover {
  text-decoration: none;
}
.side-right-panel .side-header a.active {
  padding: 3px 12px;
  border-radius: 15px;
  background-color: #0096d4;
  color: #fff;
}
.side-right-panel .side-content ul {
  padding: 0;
}
.side-right-panel .side-content ul li {
  display: block;
  border-bottom: 1px solid #c0c7d0;
  transition: all 0.3s ease-in-out;
}
.side-right-panel .side-content ul li a {
  display: block;
  padding: 6px 10px;
  color: #676a6f;
  font-size: 16px;
  font-family: MuseoSans-Semibold, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-size: 0.8571428571rem;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
}
.side-right-panel .side-content ul li:focus a {
  color: #0096d4;
}
.side-right-panel .side-content ul li:hover a {
  color: #0096d4;
}
.side-right-panel .side-content ul li:last-child {
  border-bottom: none;
}
.side-right-panel .side-content ul li.active a {
  color: #0096d4;
  background-color: #fff;
  font-family: MuseoSans-Bold, Arial, Helvetica, sans-serif;
}
.side-right-panel .chat-bubble {
  position: absolute;
  right: 10px;
  bottom: 20px;
  opacity: 0.6;
  transition: all 0.3s ease-in-out;
}
.side-right-panel .chat-bubble img {
  width: 60px;
  height: 60px;
}
.side-right-panel .chat-bubble:hover {
  opacity: 1;
}

.side-right-panel.access-page {
  width: calc(16.6666666667% - 49px);
}

.side-right-panel.with-menu {
  width: calc(16.6666666667% - 58px);
}

@media screen and (min-width: 1600px) {
  .side-right-panel.access-page {
    width: calc(16.6666666667% - 16px);
  }
}
.updated-comment-side ul li a {
  font-size: 14px !important;
  display: block;
  padding: 6px 10px;
  transition: all 0.3s ease-in-out;
}
.updated-comment-side ul li.active a {
  color: #377db8 !important;
  background-color: #f3f7fa !important;
  text-decoration: none !important;
}

.all-filters-container {
  position: absolute;
  left: -425px;
  top: 21px;
  background-color: #fff;
  width: 414px;
  z-index: 3;
  transition: all 0.3s ease-in-out;
}
.all-filters-container.opened {
  left: 0;
}
.all-filters-container .filter-search-bar {
  background-color: #0093ff;
  padding: 0 20px;
}
.all-filters-container .filter-search-bar input {
  padding: 18px 0;
  color: #fff;
  font-size: 16px;
  font-size: 1.1428571429rem;
  background-color: transparent;
  border: none;
  width: 85%;
}
.all-filters-container .filter-search-bar input:focus {
  outline: none;
}
.all-filters-container .filter-search-bar input::placeholder {
  color: #fff;
}
.all-filters-container .filter-search-bar .back-arrow {
  color: #fff;
  font-size: 18px;
  font-size: 1.2857142857rem;
  margin-right: 10px;
  vertical-align: middle;
}
.all-filters-container .filter-search-bar .clear-search {
  color: #fff;
  font-size: 18px;
  font-size: 1.2857142857rem;
  margin-left: 10px;
  vertical-align: middle;
  opacity: 0.6;
  transition: all 0.3s ease-in-out;
}
.all-filters-container .filter-search-bar .clear-search:hover {
  opacity: 1;
}
.all-filters-container .filter-title-bar {
  padding: 10px 20px 0;
  position: relative;
}
.all-filters-container .filter-title-bar h4 {
  margin-top: 3px;
  color: #596174;
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-bottom: 0;
  font-weight: 700;
}
.all-filters-container .filter-title-bar a {
  display: inline-block;
  vertical-align: middle;
  color: #0093ff;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.all-filters-container .filter-title-bar span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #596174;
  margin: 0 6px;
}
.all-filters-container .filter-title-bar .back-arrow {
  position: absolute;
  top: 0;
  right: -24px;
  width: 24px;
  text-align: center;
  padding: 4px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 0 4px 4px 0;
}
.all-filters-container .filter-title-bar .back-arrow .far {
  color: #596174;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.all-filters-container .filter-title-bar .back-arrow:hover .far {
  opacity: 1;
}
.all-filters-container .filter-check-list {
  padding: 0 20px;
}
.all-filters-container .filter-check-list .main-list {
  border-bottom: 1px solid #b2b5bb;
  padding-bottom: 10px;
  padding-top: 20px;
  width: 90%;
  margin: 0 auto;
  margin-bottom: 12px;
  font-weight: 700;
}
.all-filters-container .filter-check-list .main-list .pure-material-checkbox {
  margin-bottom: 0;
  line-height: 1.2;
}
.all-filters-container .filter-check-list .main-list .pure-material-checkbox span {
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-weight: 500;
}
.all-filters-container .filter-check-list .main-list .pure-material-checkbox span:before {
  margin-right: 3px;
}
.all-filters-container .filter-check-list .main-list .total-records {
  display: inline-block;
  vertical-align: middle;
  color: #b2b5bb;
  margin-right: 10px;
}
.all-filters-container .filter-check-list .main-list .main-list-arrow {
  display: inline-block;
  vertical-align: middle;
  color: #596174;
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-right: 6px;
}
.all-filters-container .filter-check-list .main-list .main-list-arrow .far {
  transition: all 0.3s ease-in-out;
}
.all-filters-container .filter-check-list .main-list .main-list-arrow.collapsed .far {
  transform: rotate(180deg);
}
.all-filters-container .filter-check-list .sub-list {
  margin-top: 12px;
  padding-left: 20px;
}
.all-filters-container .filter-check-list .sub-list .sub-list-header {
  border-bottom: 1px solid #b2b5bb;
  padding-bottom: 8px;
  margin-bottom: 8px;
}
.all-filters-container .filter-check-list .sub-list .pure-material-checkbox {
  margin-bottom: 0;
  line-height: 1.2;
}
.all-filters-container .filter-check-list .sub-list .pure-material-checkbox span {
  color: #596174;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.all-filters-container .filter-check-list .sub-list .pure-material-checkbox span:before {
  margin-right: 3px;
}
.all-filters-container .filter-check-list .sub-list .sub-list-arrow {
  display: inline-block;
  vertical-align: middle;
  color: #596174;
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-right: 6px;
}
.all-filters-container .filter-check-list .sub-list .sub-list-arrow .far {
  transition: all 0.3s ease-in-out;
}
.all-filters-container .filter-check-list .sub-list .sub-list-arrow.collapsed .far {
  transform: rotate(180deg);
}
.all-filters-container .filter-check-list .sub-list .inner-list {
  list-style: none outside none;
  padding-left: 0;
}
.all-filters-container .filter-check-list .sub-list .inner-list li {
  cursor: pointer;
  margin-bottom: 6px;
}
.all-filters-container .filter-check-list .sub-list .inner-list li .list-selection {
  background-color: #fff;
  padding: 6px 20px;
}
.all-filters-container .filter-check-list .sub-list .inner-list li .list-selection h6 {
  margin-bottom: 0;
  display: inline-block;
  vertical-align: middle;
  color: #596174;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-weight: 400;
}
.all-filters-container .filter-check-list .sub-list .inner-list li .list-selection .cancel-selection {
  transition: all 0.3s ease-in-out;
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #b2b5bb;
  opacity: 1;
}
.all-filters-container .filter-check-list .sub-list .inner-list li.selected .list-selection {
  background-color: #f7f8fc;
}
.all-filters-container .filter-check-list .sub-list .inner-list li.selected .list-selection h6 {
  color: #0077c0;
}
.all-filters-container .filter-check-list .sub-list .inner-list li.selected .list-selection .cancel-selection {
  color: #5ab78a;
}

.mapboxgl-ctrl-bottom-left {
  z-index: 1;
  bottom: 0;
  left: 0;
}

.search-left-panel-container {
  position: absolute;
  padding-top: 100px;
  left: -445px;
  top: 0px;
  background-color: #fff;
  width: 420px;
  z-index: 1;
  transition: all 0.3s ease-in-out;
}
.search-left-panel-container.opened {
  left: 0;
}
.search-left-panel-container .back-arrow {
  position: absolute;
  top: 70px;
  right: -24px;
  width: 24px;
  text-align: center;
  padding: 4px;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  border-radius: 0 4px 4px 0;
}
.search-left-panel-container .back-arrow .far {
  color: #596174;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}
.search-left-panel-container .back-arrow:hover .far {
  opacity: 1;
}
.search-left-panel-container .list-container {
  padding: 0 20px;
  margin-top: 20px;
}
.search-left-panel-container .list-container .list-header {
  padding: 0 6px 8px;
  border-bottom: 1px solid #b2b5bb;
  margin-bottom: 8px;
}
.search-left-panel-container .list-container .list-header h4 {
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #000;
  margin-bottom: 0;
  font-weight: 400;
}
.search-left-panel-container .list-container .list-header h5 {
  font-size: 14px;
  font-size: 1rem;
  color: #b2b5bb;
  margin-bottom: 0;
  font-weight: 400;
}
.search-left-panel-container .list-container .list-items {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}
.search-left-panel-container .list-container .list-items li {
  margin-bottom: 8px;
  transition: all 0.3s ease-in-out;
  cursor: pointer;
  padding: 8px 16px;
  background-color: #fff;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.search-left-panel-container .list-container .list-items li strong {
  font-weight: 700;
}
.search-left-panel-container .list-container .list-items li .badges {
  width: 36px;
  height: 36px;
  line-height: 38px;
  margin-right: 6px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-weight: 500;
}
.search-left-panel-container .list-container .list-items li .workforce-content {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 46px);
}
.search-left-panel-container .list-container .list-items li .workforce-content h4 {
  margin-bottom: 0;
  font-size: 16px;
  font-size: 1.1428571429rem;
  font-weight: 400;
}
.search-left-panel-container .list-container .list-items li .workforce-content small {
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: block;
  color: #b2b5bb;
}
.search-left-panel-container .list-container .list-items li:hover {
  background-color: #f7f8fc;
}
.search-left-panel-container .list-container .list-items li.selected {
  background-color: #f7f8fc;
}

.simple-filter-btn {
  transition: all 0.3s ease-in-out;
  background-color: #fff;
  color: #0077c0;
}
.simple-filter-btn:focus, .simple-filter-btn:hover, .simple-filter-btn.active {
  color: #0077c0;
  background-color: #f3f7fa;
  text-decoration: none;
}
.simple-filter-btn.small-btn {
  padding: 6px 10px;
}
.simple-filter-btn:hover {
  color: #0077c0;
  background-color: #f3f7fa;
  text-decoration: none;
}
.simple-filter-btn.black {
  color: #12202b;
}
.simple-filter-btn.black.active {
  color: #12202b;
}
.simple-filter-btn.block {
  display: block;
}
.simple-filter-btn.orange {
  color: #12202b;
}
.simple-filter-btn.orange:hover, .simple-filter-btn.orange.active, .simple-filter-btn.orange:focus {
  color: #df6b51;
}

.select-all-checks a {
  display: inline-block;
  vertical-align: middle;
  color: #5ab78a;
  font-size: 12px;
  font-size: 0.8571428571rem;
  text-decoration: underline;
}

.task-list-panel {
  background-color: #f7f8fc;
  border: 1px solid #e5e6e8;
  padding: 8px 14px 0;
  border-radius: 4px;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
}
.task-list-panel.checked {
  background-color: rgba(90, 186, 138, 0.2);
  border-color: #cfeadd;
}
.task-list-panel .top-layer {
  padding-top: 5px;
  padding-bottom: 8px;
}
.task-list-panel .top-layer .check-uncheck {
  display: inline-block;
  vertical-align: middle;
  color: #b2b5bb;
  margin-top: -2px;
}
.task-list-panel .top-layer .check-uncheck .fal {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
}
.task-list-panel .top-layer .check-uncheck .fas {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
}
.task-list-panel .top-layer .check-uncheck:hover {
  color: #5aba8a;
}
.task-list-panel .top-layer .check-uncheck.checked {
  color: #5aba8a;
}
.task-list-panel .top-layer .title {
  transition: all 0.3s ease-in-out;
  margin: 0 8px;
  display: inline-block;
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.2857142857rem;
  cursor: pointer;
}
.task-list-panel .top-layer .title:hover {
  color: #0077c0;
}
.task-list-panel .top-layer .dl-pills {
  cursor: pointer;
}
.task-list-panel .top-layer .assign {
  font-style: italic;
  display: inline-block;
  vertical-align: middle;
  color: #676c79;
  font-size: 14px;
  font-size: 1rem;
}
.task-list-panel .top-layer .date-accrodian {
  display: inline-block;
  vertical-align: middle;
  color: #676c79;
  font-size: 14px;
  font-size: 1rem;
  min-width: 192px;
  text-align: center;
  cursor: pointer;
  transition: color 0.3s ease-in-out;
}
.task-list-panel .top-layer .date-accrodian .fal {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
  margin-top: -2px;
  width: 20px;
  height: 20px;
  background-color: transparent;
  text-align: center;
  border-radius: 50%;
  line-height: 20px;
}
.task-list-panel .top-layer .date-accrodian strong {
  transition: color 0.3s ease-in-out;
  color: #1a2235;
}
.task-list-panel .top-layer .date-accrodian:hover {
  color: #0077c0;
}
.task-list-panel .top-layer .date-accrodian:hover strong {
  color: #0077c0;
}
.task-list-panel .top-layer .date-accrodian.active {
  color: #0077c0;
}
.task-list-panel .top-layer .date-accrodian.active strong {
  color: #0077c0;
}
.task-list-panel .top-layer .date-accrodian.active .fal {
  transform: rotate(90deg);
}
.task-list-panel .top-layer .up-down-progress {
  min-width: 90px;
  text-align: center;
  margin: 0 20px;
  display: inline-block;
  vertical-align: middle;
  font-size: 14px;
  font-size: 1rem;
}
.task-list-panel .top-layer .up-down-progress .far {
  vertical-align: middle;
}
.task-list-panel .top-layer .up-down-progress.red {
  color: #ff4a56;
}
.task-list-panel .top-layer .up-down-progress.green {
  color: #5aba8a;
}
.task-list-panel .top-layer .notification-bell {
  margin-right: 10px;
  transition: color 0.3s ease-in-out;
  color: #b2b5bb;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  min-width: 23px;
  text-align: center;
}
.task-list-panel .top-layer .notification-bell .far {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
}
.task-list-panel .top-layer .notification-bell:hover {
  color: #0077c0;
}
.task-list-panel .top-layer .notification-bell.active {
  color: #0077c0;
}
.task-list-panel .top-layer .comments {
  transition: color 0.3s ease-in-out;
  position: relative;
  color: #b2b5bb;
  margin-left: 10px;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
}
.task-list-panel .top-layer .comments:hover {
  color: #0077c0;
}
.task-list-panel .top-layer .comments .counts {
  display: none;
  position: absolute;
  width: 14px;
  height: 14px;
  right: -6px;
  top: -6px;
  border-radius: 50%;
  line-height: 14px;
  text-align: center;
  font-size: 10px;
  font-size: 0.7142857143rem;
  color: #fff;
  background-color: #ff4a56;
}
.task-list-panel .top-layer .comments .far {
  font-size: 18px;
  font-size: 1.2857142857rem;
  vertical-align: middle;
}
.task-list-panel .top-layer .comments.has-comments {
  color: #0077c0;
}
.task-list-panel .top-layer .comments.has-comments .counts {
  display: block;
}
.task-list-panel .top-layer .not-applicable .red {
  color: #ff4a56 !important;
}
.task-list-panel .top-layer .not-applicable .grey {
  color: #b2b5bb !important;
}
.task-list-panel .bottom-layer {
  display: none;
  padding-left: 20px;
}
.task-list-panel .bottom-layer table tr td {
  border-bottom: none;
  border-top: 1px solid #e5e6e8;
  border-right: 1px solid #e5e6e8;
  color: #676c79;
  font-size: 14px;
  font-size: 1rem;
}
.task-list-panel .bottom-layer table tr td .title {
  display: inline-block;
  vertical-align: middle;
}
.task-list-panel .bottom-layer table tr td .field {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
}
.task-list-panel .bottom-layer table tr td .field input {
  border: 1px solid transparent;
  background-color: transparent;
  width: 100%;
}
.task-list-panel .bottom-layer table tr td .field input:focus {
  border-color: #0077c0;
  outline: none;
}
.task-list-panel .bottom-layer table tr td:last-child {
  border-right: none;
}
.task-list-panel .bottom-layer table tr:hover {
  background-color: transparent;
}
.task-list-panel:hover {
  border-color: #0077c0;
}
.task-list-panel:hover.checked {
  border-color: #cfeadd;
}
.task-list-panel:hover .top-layer .date-accrodian .fal {
  background-color: #fff;
}

app-create-project-new .custom-ng-select-label .ng-select.ng-select-opened .ng-select-container {
  z-index: 0;
}

.tabs-main-setion {
  border-bottom: 2px solid #0077c0;
  padding-bottom: 6px;
}
.tabs-main-setion .section-name {
  margin-top: 10px;
  vertical-align: middle;
  display: inline-block;
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  font-weight: 500;
}
.tabs-main-setion .section-name .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
}

.tabs-section-level {
  border-bottom: 1px solid #a1acb4;
  padding-top: 6px;
}
.tabs-section-level .tabs-list.inner-with-btn {
  max-width: calc(100% - 100px);
  display: inline-block;
  vertical-align: middle;
}
.tabs-section-level .tabs-list a {
  color: #999da5;
  font-size: 16px;
  font-size: 1.1428571429rem;
  display: inline-block;
  vertical-align: middle;
  padding: 6px 0 12px;
  margin-right: 30px;
  position: relative;
}
.tabs-section-level .tabs-list a:focus {
  color: #0077c0;
  text-decoration: none;
}
.tabs-section-level .tabs-list a:hover {
  color: #0077c0;
  text-decoration: none;
}
.tabs-section-level .tabs-list a.active {
  color: #0077c0;
  font-weight: 700;
}
.tabs-section-level .tabs-list a.active:after {
  content: "";
  background-color: #0077c0;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.tabs-section-data {
  padding: 16px 0;
  border-bottom: 1px solid #a1acb4;
}
.tabs-section-data .border-bottom {
  border-bottom: 1px solid #a1acb4;
}
.tabs-section-data.no-border {
  border-bottom: none;
}
.tabs-section-data .user-circle {
  display: inline-block;
  vertical-align: top;
  margin-right: 10px;
  margin-left: 16px;
}
.tabs-section-data .question-content {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 60px);
}
.tabs-section-data .question-content .items-strip {
  margin-top: 6px;
}
.tabs-section-data .question-content .items-strip .item {
  display: inline-block;
  vertical-align: middle;
  margin-right: 12px;
  color: #12202b;
  transition: all 0.3s ease-in-out;
}
.tabs-section-data .question-content .items-strip .item .material-icons {
  transition: all 0.3s ease-in-out;
  color: #a1acb4;
  vertical-align: middle;
  margin-right: 4px;
}
.tabs-section-data .question-content .items-strip .item .fal {
  transition: all 0.3s ease-in-out;
  color: #a1acb4;
  vertical-align: text-top;
  margin-right: 4px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.tabs-section-data .question-content .items-strip .item .far {
  transition: all 0.3s ease-in-out;
  color: #a1acb4;
  vertical-align: text-top;
  margin-right: 4px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.tabs-section-data .question-content .items-strip .item .fas {
  transition: all 0.3s ease-in-out;
  color: #a1acb4;
  vertical-align: text-top;
  margin-right: 4px;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.tabs-section-data .question-content .items-strip .item:hover {
  text-decoration: none;
  color: #0077c0;
}
.tabs-section-data .question-content .items-strip .item:hover .fal {
  color: #0077c0;
}
.tabs-section-data .question-content .items-strip .item:hover .far {
  color: #0077c0;
}
.tabs-section-data .question-content .items-strip .item:hover .fas {
  color: #0077c0;
}
.tabs-section-data .question-content .items-strip .item:hover .material-icons {
  color: #0077c0;
}
.tabs-section-data .question-content .value-comments {
  margin-top: 16px;
  color: #a1acb4;
}
.tabs-section-data .question-content .value-comments .value {
  margin-bottom: 4px;
}
.tabs-section-data .question-content .value-comments .comments {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  width: 100%;
}
.tabs-section-data .question-content .value-comments .comments .material-icons {
  vertical-align: middle;
  margin-right: 6px;
}
.tabs-section-data .comments-bubble {
  margin-top: 10px;
  color: #747780;
}
.tabs-section-data .comments-bubble .badges {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  right: -4px;
  top: -10px;
}
.tabs-section-data .question-fields {
  display: none;
}
.tabs-section-data .show-fields {
  cursor: pointer;
}

.exclamation-info-box {
  padding: 14px 14px 0;
  position: absolute;
  left: 0;
  min-width: 200px;
  z-index: 6;
  top: 40px;
  width: max-content;
  max-width: 300px;
  background-color: #f3f7fa;
  opacity: 0;
  visibility: hidden;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  transition: all 0.3s ease-in-out;
}
.exclamation-info-box.active {
  opacity: 1;
  visibility: visible;
}
.exclamation-info-box .icon {
  margin-bottom: 15px;
}
.exclamation-info-box h4 {
  margin-bottom: 4px;
  font-size: 14px;
  font-size: 1rem;
  color: #173753;
}
.exclamation-info-box p {
  font-size: 14px;
  font-size: 1rem;
  color: #173753;
}
.exclamation-info-box .all-tags {
  margin-bottom: 15px;
}
.exclamation-info-box .all-tags span {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
  font-size: 14px;
  font-size: 1rem;
  color: #173753;
  border: 1px solid #b1b4b6;
  padding: 2px 6px;
  border-radius: 8px;
  margin-right: 5px;
}

.profile-block {
  margin-bottom: 10px;
}
.profile-block .left-img {
  width: 160px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
  position: relative;
}
.profile-block .left-img .user-titles {
  position: relative;
  width: 134px;
  height: 134px;
  border-radius: 50%;
  border: 1px solid #0077c0;
  color: #0077c0;
  font-size: 60px;
  text-align: center;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-block .left-img .user-titles img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profile-block .left-img .user-titles .edit {
  transition: all 0.3s ease-in-out;
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  opacity: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.profile-block .left-img .user-titles .edit .material-icons {
  color: #fff;
  font-size: 21px;
  font-size: 1.5rem;
}
.profile-block .left-img .user-titles:focus {
  text-decoration: none;
}
.profile-block .left-img .user-titles:focus .edit {
  opacity: 1;
}
.profile-block .left-img .user-titles:hover {
  text-decoration: none;
}
.profile-block .left-img .user-titles:hover .edit {
  opacity: 1;
}
.profile-block .left-img .upload-dropdown {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: 0;
  top: 115px;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.profile-block .left-img .upload-dropdown ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.profile-block .left-img .upload-dropdown ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.profile-block .left-img .upload-dropdown ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
.profile-block .left-img .upload-dropdown ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #c7c8ca;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c7c8ca;
}
.profile-block .left-img .upload-dropdown ul li:last-child a.disabled {
  border-bottom: none;
}
.profile-block .left-img .upload-dropdown.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  right: -49px;
  top: 115px;
}
.profile-block .right-content {
  width: calc(100% - 174px);
  display: inline-block;
  vertical-align: middle;
}
.profile-block .right-content h3 {
  color: #0077c0;
  font-size: 1.75rem;
}
.profile-block .right-content .contact-details {
  color: #0077c0;
  display: inline-block;
  vertical-align: middle;
}
.profile-block .right-content .contact-details .material-icons {
  vertical-align: middle;
  font-size: 19px;
  font-size: 1.3571428571rem;
  color: #0077c0;
}
.profile-block .right-content .profile-details {
  border-top: 1px solid #c7c8ca;
  margin-top: 14px;
  padding-top: 14px;
  margin-bottom: 14px;
}
.profile-block .right-content .profile-details .description {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.profile-block .right-content .profile-details .description li {
  display: inline-block;
  vertical-align: top;
  border-right: 1px solid #c7c8ca;
  padding-right: 14px;
  margin-right: 14px;
}
.profile-block .right-content .profile-details .description li h5 {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.profile-block .right-content .profile-details .description li h6 {
  color: #b1b4b6;
}
.profile-block .right-content .profile-details .description li:last-child {
  border-right: none;
  padding-right: 0;
  margin-right: 0;
}

.no-event-trigger {
  cursor: not-allowed !important;
  pointer-events: none !important;
}

.padding-all-10 {
  padding: 10px;
}

.mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
  background-color: #fff !important;
}

.hierarchical-table {
  table-layout: fixed;
  border-spacing: 0;
  border-collapse: separate;
  width: 100%;
  border: 0;
}
.hierarchical-table tbody tr td {
  border-bottom: none;
  padding: 0;
  position: relative;
}
.hierarchical-table tbody tr td .more-opt {
  padding-top: 0;
  color: #0077c0;
  transition: all 0.3s ease-in-out;
}
.hierarchical-table tbody tr td .more-opt .material-icons {
  vertical-align: text-top;
}
.hierarchical-table tbody tr td .more-opt:focus {
  color: #fff;
  background-color: #0077c0;
}
.hierarchical-table tbody tr td .more-opt:hover {
  color: #fff;
  background-color: #0077c0;
}
.hierarchical-table tbody tr td .more-opt.current {
  color: #fff;
  background-color: #0077c0;
}
.hierarchical-table tbody tr td .table-options {
  min-width: 200px;
  padding: 12px;
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: 150%;
  top: 10px;
  width: max-content;
  max-height: 0;
  overflow: hidden;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.hierarchical-table tbody tr td .table-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.hierarchical-table tbody tr td .table-options ul li a {
  color: #35393c;
  padding: 8px 30px;
  border-bottom: 1px solid #b1b4b6;
  display: block;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.hierarchical-table tbody tr td .table-options ul li a:focus {
  background-color: #377db8;
  color: #fff;
  text-decoration: none;
}
.hierarchical-table tbody tr td .table-options ul li a:hover {
  background-color: #377db8;
  color: #fff;
  text-decoration: none;
}
.hierarchical-table tbody tr td .table-options ul li:last-child a {
  border-bottom: none;
}
.hierarchical-table tbody tr td .table-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  right: calc(100% - 22px);
  max-height: 1000px;
  overflow: visible;
}
.hierarchical-table tbody tr td .custom-dd-material {
  font-size: 16px !important;
  font-weight: 400 !important;
}
.hierarchical-table tbody tr td .two-fields {
  height: 100%;
  border: 1px solid transparent;
}
.hierarchical-table tbody tr td .two-fields .field-left {
  display: inline-block;
  vertical-align: top;
  width: calc(30% - 4px);
  height: 100%;
}
.hierarchical-table tbody tr td .two-fields .field-right {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  height: 100%;
  position: relative;
}
.hierarchical-table tbody tr td .two-fields .field-right .custom-dd-material:focus {
  border-color: transparent !important;
}
.hierarchical-table tbody tr td .two-fields .field-right .custom-dd-material:hover {
  border-color: transparent !important;
}
.hierarchical-table tbody tr td .two-fields input[type=text]:focus {
  border-color: transparent;
}
.hierarchical-table tbody tr td .two-fields.field-focus {
  border-color: #0077c0;
}
.hierarchical-table tbody tr td .switch {
  font-size: 16px !important;
  font-weight: 400 !important;
  color: #b1b4b6;
}
.hierarchical-table tbody tr td .sliderOptions {
  position: absolute;
  right: 1px;
  color: #0077c0;
  top: 1px;
  height: calc(100% - 2px);
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  background-color: #f5f8fb;
  padding: 13px 10px 14px;
}
.hierarchical-table tbody tr td .sliderOptions .material-icons {
  vertical-align: middle;
}
.hierarchical-table tbody tr:hover {
  background-color: transparent;
}
.hierarchical-table tbody .section-table .section-row td {
  border-right: none;
  border-bottom: 2px solid #0077c0;
  padding: 10px;
}
.hierarchical-table tbody .section-table .section-row td input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hierarchical-table tbody .section-table .section-row td input[type=text]::placeholder {
  color: #b1b4b6;
}
.hierarchical-table tbody .section-table .section-row td input[type=text]:focus {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .section-table .section-row td input[type=text]:hover {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .section-table .section-row td .row-count {
  display: inline-block;
  vertical-align: middle;
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.hierarchical-table tbody .section-table .section-row td .simple-text {
  display: inline-block;
  vertical-align: middle;
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.hierarchical-table tbody .section-table .section-row td .add-section {
  color: #0077c0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .section-table .section-row td .add-section .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
}
.hierarchical-table tbody .section-table .section-row td .add-section span {
  display: inline-block;
  vertical-align: text-top;
}
.hierarchical-table tbody .section-table .section-row td .add-section:focus {
  text-decoration: none;
}
.hierarchical-table tbody .section-table .section-row td .add-section:hover {
  text-decoration: none;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps {
  color: #0077c0;
  display: inline-block;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps .material-icons {
  vertical-align: middle;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps:focus {
  text-decoration: none;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps:hover {
  text-decoration: none;
}
.hierarchical-table tbody .section-table .section-row td .expand-collaps.collapsed {
  transform: rotate(-90deg);
}
.hierarchical-table tbody .section-table .section-row td:last-child {
  border-right: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td {
  border-right: 1px dashed #b1b4b6;
  border-bottom: 2px solid #727a80;
  padding: 10px;
}
.hierarchical-table tbody .subsection-table .subsection-row td input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hierarchical-table tbody .subsection-table .subsection-row td input[type=text]:focus {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td input[type=text]:hover {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .row-count {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.hierarchical-table tbody .subsection-table .subsection-row td .simple-text {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section {
  color: #0077c0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section span {
  display: inline-block;
  vertical-align: text-top;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section:focus {
  text-decoration: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .add-section:hover {
  text-decoration: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps {
  color: #000;
  display: inline-block;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps .material-icons {
  vertical-align: middle;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps:focus {
  text-decoration: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps:hover {
  text-decoration: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td .expand-collaps.collapsed {
  transform: rotate(-90deg);
}
.hierarchical-table tbody .subsection-table .subsection-row td:first-child {
  border-right: none;
}
.hierarchical-table tbody .subsection-table .subsection-row td:last-child {
  border-right: none;
}
.hierarchical-table tbody .subsection-table .subsection-row:hover .sliderOptions {
  opacity: 1;
}
.hierarchical-table tbody .subsection-table .subsection-row:hover td input:focus + .sliderOptions {
  opacity: 0;
}
.hierarchical-table tbody .subsection-table .subsection-row.selected {
  background-color: #f5f8fb;
}
.hierarchical-table tbody .field-table .field-row td {
  border-right: 1px dashed #b1b4b6;
  border-bottom: 1px solid #727a80;
  padding: 10px;
}
.hierarchical-table tbody .field-table .field-row td input[type=text] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 10px;
  border: 1px solid transparent;
  display: inline-block;
  vertical-align: middle;
  background-color: #fff;
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.hierarchical-table tbody .field-table .field-row td input[type=text]:focus {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .field-table .field-row td input[type=text]:hover {
  border-color: #0077c0;
  outline: none;
}
.hierarchical-table tbody .field-table .field-row td .row-count {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .field-table .field-row td .simple-text {
  display: inline-block;
  vertical-align: middle;
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .field-table .field-row td .add-section {
  color: #0077c0;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.hierarchical-table tbody .field-table .field-row td .add-section .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  vertical-align: middle;
}
.hierarchical-table tbody .field-table .field-row td .add-section span {
  display: inline-block;
  vertical-align: text-top;
}
.hierarchical-table tbody .field-table .field-row td .add-section:focus {
  text-decoration: none;
}
.hierarchical-table tbody .field-table .field-row td .add-section:hover {
  text-decoration: none;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps {
  color: #000;
  display: inline-block;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps .material-icons {
  vertical-align: middle;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps:focus {
  text-decoration: none;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps:hover {
  text-decoration: none;
}
.hierarchical-table tbody .field-table .field-row td .expand-collaps.collapsed {
  transform: rotate(-90deg);
}
.hierarchical-table tbody .field-table .field-row td:first-child {
  border-right: none;
}
.hierarchical-table tbody .field-table .field-row td:last-child {
  border-right: none;
}
.hierarchical-table tbody .field-table .field-row:hover .sliderOptions {
  opacity: 1;
}
.hierarchical-table tbody .field-table .field-row:hover td input:focus + .sliderOptions {
  opacity: 0;
}
.hierarchical-table tbody .field-table .field-row:last-child td {
  border-bottom-color: transparent;
}
.hierarchical-table tbody .field-table .field-row.selected {
  background-color: #f5f8fb;
}

.dropzone.dz-clickable .dz-message {
  font-size: 10px;
  vertical-align: -webkit-baseline-middle;
  /* * {
      font-size: 10px;
      vertical-align: -webkit-baseline-middle;
  } */
}

.dropzone .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  animation: slide-in 3s cubic-bezier(0.77, 0, 0.175, 1);
}

.darg-n-drop {
  position: relative;
  width: 100%;
  padding: 10px;
  border: 1px dashed rgba(0, 0, 0, 0.48);
  background-color: rgba(243, 247, 250, 0.6);
}
.darg-n-drop input {
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  opacity: 0;
}
.darg-n-drop p {
  color: rgba(0, 0, 0, 0.48);
  font-size: 16px;
  margin-bottom: 6px;
}
.darg-n-drop p i {
  color: rgba(0, 0, 0, 0.48);
  position: relative;
  top: 8px;
  padding-right: 5px;
}
.darg-n-drop.new-style {
  height: 200px;
  padding: 70px 0;
  text-align: center;
  border-radius: 4px;
  background-color: #f8f8f8;
}

.mat-snack-bar-container {
  background-color: #4d5363;
  color: #ffffff;
}
.mat-snack-bar-container .mat-simple-snackbar > span {
  padding-right: 10px;
}
.mat-snack-bar-container .mat-simple-snackbar .mat-simple-snackbar-action {
  color: #ffffff;
}
.mat-snack-bar-container .mat-simple-snackbar .mat-simple-snackbar-action .mat-button {
  border: 2px solid #ffffff;
  max-height: 30px;
  line-height: 28px;
}
.mat-snack-bar-container.red-bar {
  background-color: #ff4955;
}
.mat-snack-bar-container.green-bar {
  background-color: #5aba8a;
}
.mat-snack-bar-container.blue-bar {
  background-color: #0077c0;
}
.mat-snack-bar-container.gray-bar {
  background-color: #6c757d;
}

.listed-values {
  margin: 5px 0;
  margin-left: 230px;
  float: left;
  width: 100%;
}
.listed-values i {
  font-size: 16px;
  color: #ccc;
  margin-right: 10px;
  position: relative;
  top: 3px;
}

.ticket-details-images {
  height: 200px;
  display: block;
  overflow: hidden;
  border-radius: 5px;
}
.ticket-details-images img {
  width: 100%;
}

.ticket-gallery-images .hover-options {
  transition: all 0.3s ease-in-out;
  opacity: 0;
  position: absolute;
  left: 16px;
  top: 10px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background-color: #fff;
  line-height: 28px;
  text-align: center;
}
.ticket-gallery-images .hover-options .material-icons {
  color: #0077c0;
  vertical-align: middle;
}
.ticket-gallery-images .hover-list {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  position: absolute;
  top: 60px;
  left: 16px;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.ticket-gallery-images .hover-list ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.ticket-gallery-images .hover-list ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.ticket-gallery-images .hover-list ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
.ticket-gallery-images .hover-list ul li a.disabled {
  cursor: default;
  pointer-events: none;
  color: #c7c8ca;
  background-color: #e5e5e5;
  border-bottom: 1px solid #c7c8ca;
}
.ticket-gallery-images .hover-list ul li:last-child a.disabled {
  border-bottom: none;
}
.ticket-gallery-images .hover-list.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  top: 40px;
}
.ticket-gallery-images .more-images {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 28px;
  font-size: 2rem;
  position: absolute;
  top: 0;
  left: 8px;
  text-align: center;
  line-height: 200px;
  width: calc(100% - 16px);
  border-radius: 5px;
  height: 100%;
}
.ticket-gallery-images:hover .hover-options {
  opacity: 1;
}

.comments-search .form-control {
  /*background: url(../images/search-icon.svg) no-repeat 96% 7px;*/
  border-color: #b1b4b6;
  border-radius: 0;
  width: 60%;
  display: inline-block;
  padding-right: 36px;
  background-size: 16px;
  margin-right: 16px;
}
.comments-search .form-control:focus {
  border-color: #0077c0;
}
.comments-search .pure-material-checkbox {
  line-height: 1.2;
}

.comments-files {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.comments-files li .full-comments {
  display: inline-block;
  vertical-align: top;
  width: calc(100% - 52px);
}
.comments-files li .full-comments .name-time {
  position: relative;
  display: inline-block;
}
.comments-files li .full-comments .name-time span {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.comments-files li .full-comments .name-time span.name {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.comments-files li .full-comments .name-time span.date-time {
  color: #b1b4b6;
}
.comments-files li .full-comments .name-time span.modify-comment {
  cursor: pointer;
}
.comments-files li .full-comments .name-time .comment-options {
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  padding: 10px;
  border-radius: 3px;
  position: absolute;
  right: 100px;
  top: 10px;
  width: max-content;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.comments-files li .full-comments .name-time .comment-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.comments-files li .full-comments .name-time .comment-options ul li a {
  padding: 6px 10px;
  display: block;
  color: #12202b;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.comments-files li .full-comments .name-time .comment-options ul li a:hover {
  background-color: #0077c0;
  color: #fff;
  text-decoration: none;
}
.comments-files li .full-comments .name-time .comment-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 2;
  right: 40px;
}
.comments-files li .full-comments p {
  font-size: 16px;
  font-size: 1.1428571429rem;
  margin-top: 4px;
  color: #7f7f7f;
}
.comments-files li .full-comments .attached-file-name {
  margin-bottom: 6px;
  color: #b1b4b6;
}
.comments-files li .full-comments .attached-file-name .icon {
  display: inline-block;
  vertical-align: top;
  line-height: 1.2;
}
.comments-files li .full-comments .attached-file-name .icon img {
  width: 12px;
}
.comments-files li .user-tag {
  display: inline-block;
  vertical-align: top;
}
.comments-files li .comments-files {
  margin-left: 36px;
  margin-top: 8px;
}

.assign-to {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  text-align: center;
  display: inline-block;
  vertical-align: top;
  text-transform: uppercase;
  line-height: 36px;
  margin: 0 6px;
  text-decoration: none;
  color: #fff;
}
.assign-to:focus {
  text-decoration: none;
  color: #fff;
}
.assign-to:hover {
  text-decoration: none;
  color: #fff;
}
.assign-to.cyan {
  background-color: #9dd9d2;
}
.assign-to.green {
  background-color: #5ab78a;
}
.assign-to.yellow {
  background-color: #f8d43f;
}
.assign-to.blue {
  background-color: #0077c0;
}
.assign-to.red {
  background-color: #df6b51;
}

.licence-boxes label {
  color: #676c79;
  font-size: 14px;
  font-size: 1rem;
}
.licence-boxes label span {
  color: #df6b51;
}

.licence-option {
  border: 1px solid #cdcdcd;
  cursor: pointer;
  padding: 20px;
  border-radius: 6px;
  height: 100%;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 20px 0 transparent;
  transition: all 0.3s ease-in-out;
}
.licence-option .option-top {
  margin-bottom: 10px;
}
.licence-option .option-top .left {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.licence-option .option-top .left .fal {
  transition: all 0.3s ease-in-out;
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #cdcdcd;
}
.licence-option .option-top .left .far {
  transition: all 0.3s ease-in-out;
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #cdcdcd;
}
.licence-option .option-top .left .fas {
  transition: all 0.3s ease-in-out;
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #cdcdcd;
}
.licence-option .option-top .right {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 40px);
}
.licence-option .option-top .right h4 {
  color: #676c79;
  transition: all 0.3s ease-in-out;
  font-size: 18px;
  font-size: 1.2857142857rem;
  margin-bottom: 0;
}
.licence-option .option-top .right p {
  color: hsla(223, 8%, 44%, 0.5);
  font-size: 14px;
  font-size: 1rem;
  margin-bottom: 0;
}
.licence-option .option-list ul {
  list-style: none outside none;
  padding: 0;
  margin: 0;
}
.licence-option .option-list ul li {
  position: relative;
  padding-left: 37px;
  word-break: break-all;
  margin-bottom: 10px;
  color: #676c79;
  transition: all 0.3s ease-in-out;
}
.licence-option .option-list ul li:before {
  position: absolute;
  left: 5px;
  top: 2px;
  content: "\f00c";
  font-family: Font Awesome\5 Pro;
  font-weight: 400;
}
.licence-option:hover {
  box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.16);
  z-index: 5;
}
.licence-option.selected {
  border-color: #5ab78a;
}
.licence-option.selected .option-list ul li {
  color: #5ab78a;
}
.licence-option.selected .option-top .left .fal {
  color: #5ab78a;
}
.licence-option.selected .option-top .left .far {
  color: #5ab78a;
}
.licence-option.selected .option-top .left .fas {
  color: #5ab78a;
}
.licence-option.selected .option-top .right h4 {
  color: #5ab78a;
}

.field-management .collapse-all {
  line-height: 1.1;
  color: #0077c0;
  font-size: 12px;
  font-size: 0.8571428571rem;
  display: inline-block;
  vertical-align: top;
}
.field-management .collapse-all .material-icons {
  vertical-align: middle;
  font-size: 17px;
  font-size: 1.2142857143rem;
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
  transform: rotate(0deg);
}
.field-management .collapse-all:focus {
  text-decoration: none;
}
.field-management .collapse-all:hover {
  text-decoration: none;
}
.field-management .expand-all {
  line-height: 1.1;
  color: #0077c0;
  font-size: 12px;
  font-size: 0.8571428571rem;
  display: inline-block;
  vertical-align: top;
}
.field-management .expand-all .material-icons {
  vertical-align: middle;
  font-size: 17px;
  font-size: 1.2142857143rem;
  transform: rotate(90deg);
  transition: transform 0.3s ease-in-out;
}
.field-management .expand-all:focus {
  text-decoration: none;
}
.field-management .expand-all:hover {
  text-decoration: none;
}
.field-management .collapse-all.expanded .material-icons {
  transform: rotate(0deg);
  transform: rotate(90deg);
}
.field-management .expand-all.expanded .material-icons {
  transform: rotate(0deg);
}
.field-management .multiple-select + .btn-group .multiselect-container li a label input[type=checkbox] {
  vertical-align: top;
  margin-top: 4px;
}
.field-management thead tr th {
  background-color: transparent;
  color: #b1b4b6;
  font-size: 16px;
  font-size: 1.1428571429rem;
  padding-top: 14px;
  padding-bottom: 13px;
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px dashed #e5e5e5;
}
.field-management tbody tr td {
  border-bottom: 1px solid #e5e5e5;
  border-right: 1px dashed #e5e5e5;
}
.field-management tbody tr .asana-select {
  position: relative;
}
.field-management tbody tr .asana-select select {
  transition: border 0.3s ease-in-out;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-color: transparent;
  width: 100%;
  display: block;
  padding: 2px 4px;
  color: #12202b;
}
.field-management tbody tr .asana-select select:focus {
  outline: none;
}
.field-management tbody tr .asana-select:after {
  position: absolute;
  content: "expand_more";
  font-family: Material Icons;
  right: 6px;
  top: 4px;
  color: #b1b4b6;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}
.field-management tbody tr .asana-select.blue:after {
  color: #0077c0;
}
.field-management tbody tr .asana-select.blue select {
  color: #0077c0;
}
.field-management tbody tr:hover .asana-select select {
  border-color: #e5e5e5;
}
.field-management tbody tr:hover .asana-select:after {
  opacity: 1;
}
.field-management tbody tr.section-row td {
  padding-top: 36px;
  border-bottom-color: #0077c0;
}
.field-management tbody tr.section-row td .arrow {
  display: inline-block;
  transition: transform 0.3s ease-in-out;
}
.field-management tbody tr.section-row td .arrow .material-icons {
  color: #0077c0;
  font-size: 19px;
  font-size: 1.3571428571rem;
  vertical-align: sub;
}
.field-management tbody tr.section-row td .arrow.collapsed {
  transform: rotate(-90deg);
}
.field-management tbody tr.section-row td h4 {
  margin-bottom: 0;
  font-size: 18px;
  font-size: 1.2857142857rem;
  color: #0077c0;
  display: inline-block;
}
.field-management tbody tr.section-row td .asana-select select {
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.field-management tbody tr.section-row:hover {
  background-color: transparent;
}
.field-management tbody tr.subsection-row td .arrow {
  display: inline-block;
}
.field-management tbody tr.subsection-row td .arrow .material-icons {
  color: #12202b;
  font-size: 17px;
  font-size: 1.2142857143rem;
  vertical-align: sub;
}
.field-management tbody tr.subsection-row td .arrow.collapsed {
  transform: rotate(-90deg);
}
.field-management tbody tr.subsection-row td h5 {
  margin-bottom: 0;
  font-size: 15px;
  font-size: 1.0714285714rem;
  color: #12202b;
  display: inline-block;
}
.field-management tbody tr.subsection-row td:first-child {
  padding-left: 20px;
}
.field-management tbody tr.subsection-row:hover {
  background-color: transparent;
}
.field-management tbody tr.field-row td {
  padding-top: 6px;
  padding-bottom: 6px;
  color: #b1b4b6;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.field-management tbody tr.field-row td .asana-select select {
  color: #b1b4b6;
  font-size: 13px;
  font-size: 0.9285714286rem;
}
.field-management tbody tr.field-row td:first-child {
  padding-left: 40px;
}
.field-management tbody tr.field-row:hover {
  background-color: #f5f5f5;
}
.field-management.role-permission .pure-material-checkbox {
  line-height: 1.4;
  font-size: 14px;
  font-size: 1rem;
  margin-bottom: 0;
}
.field-management.role-permission .pure-material-checkbox.right-align {
  float: right;
  margin-top: 2px;
}
.field-management.role-permission .pure-material-checkbox.right-align > span:before {
  margin-right: 0;
}
.field-management.role-permission thead tr th {
  background-color: #f3f7fa;
  font-size: 14px;
  font-size: 1rem;
  text-transform: uppercase;
  border-right: 1px solid #c7d2d9;
  border-bottom: 1px solid #c7d2d9;
  color: #35393c;
  position: relative;
  padding-top: 12px;
}
.field-management.role-permission thead tr th:last-child {
  border-right: none;
}
.field-management.role-permission thead tr th .asterick {
  display: inline-block;
  vertical-align: top;
  color: #e06c52;
}
.field-management.role-permission thead tr th .sorting {
  position: absolute;
  right: 10px;
  top: 8px;
  margin: 0;
}
.field-management.role-permission thead tr th .sorting a {
  color: #a1acb4;
  position: relative;
}
.field-management.role-permission thead tr th .sorting a .material-icons {
  vertical-align: middle;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.field-management.role-permission thead tr th .sorting a:focus {
  text-decoration: none;
  color: #727a80;
}
.field-management.role-permission thead tr th .sorting a:hover {
  text-decoration: none;
  color: #727a80;
}
.field-management.role-permission thead tr th .sorting a.sorted {
  color: #727a80;
}
.field-management.role-permission thead tr th .sorting a.asc {
  right: -26px;
}
.field-management.role-permission thead tr th .sorting a.desc {
  top: 11px;
}
.field-management.role-permission thead tr.no-wrap th {
  white-space: nowrap;
}
.field-management.role-permission tbody tr td {
  font-size: 16px;
  font-size: 1.1428571429rem;
  border-right: 1px dashed #c7d2d9;
  border-bottom: 1px solid #c7d2d9;
  color: #35393c;
  height: 47px;
}
.field-management.role-permission tbody tr td:last-child {
  border-right: none;
}
.field-management.role-permission tbody tr:hover {
  background-color: rgba(243, 247, 250, 0.6);
  color: #35393c;
}
.field-management.role-permission tbody tr.section-row td {
  padding-top: 12px;
  border-bottom-width: 2px;
  border-bottom-color: #0077c0;
}
.field-management.role-permission tbody tr.section-row td .arrow .material-icons {
  font-size: 24px;
  font-size: 1.7142857143rem;
  color: #0077c0;
  vertical-align: middle;
}
.field-management.role-permission tbody tr.section-row td h4 {
  color: #0077c0;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.field-management.role-permission tbody tr.section-row.disbaled td .green-checks {
  pointer-events: none;
  cursor: not-allowed;
}
.field-management.role-permission tbody tr.section-row.disbaled td .pure-material-checkbox {
  pointer-events: none;
  cursor: not-allowed;
}
.field-management.role-permission tbody tr.section-row.disbaled td .pure-material-checkbox > input.checked + span:after {
  border-color: #676c79;
}
.field-management.role-permission tbody tr.section-row.disbaled td .pure-material-checkbox > input.checked + span:before {
  border-color: #676c79;
}
.field-management.role-permission tbody tr.section-row.disbaled td .arrow .material-icons {
  color: #676c79;
}
.field-management.role-permission tbody tr.section-row.disbaled td h4 {
  color: #676c79;
}
.field-management.role-permission tbody tr.subsection-row td {
  border-bottom-width: 2px;
  border-bottom-color: #b1b4b6;
}
.field-management.role-permission tbody tr.subsection-row td .arrow .material-icons {
  vertical-align: middle;
  color: #000;
  font-size: 24px;
  font-size: 1.7142857143rem;
}
.field-management.role-permission tbody tr.subsection-row td h5 {
  color: #000;
  font-size: 18px;
  font-size: 1.2857142857rem;
}
.field-management.role-permission tbody tr.subsection-row td:first-child {
  padding-left: 40px;
  position: relative;
}
.field-management.role-permission tbody tr.subsection-row td:first-child:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 30px;
  height: 2px;
  background-color: #fff;
}
.field-management.role-permission tbody tr.subsection-row.disbaled td .material-icons {
  color: #676c79;
}
.field-management.role-permission tbody tr.subsection-row.disbaled td h5 {
  color: #676c79;
}
.field-management.role-permission tbody tr.subsection-row.disbaled td .green-checks {
  pointer-events: none;
  cursor: not-allowed;
  color: #cdcdcd;
}
.field-management.role-permission tbody tr.subsection-row.disbaled td .pure-material-checkbox {
  pointer-events: none;
  cursor: not-allowed;
}
.field-management.role-permission tbody tr.subsection-row.disbaled td .pure-material-checkbox > input.checked + span:after {
  border-color: #676c79;
}
.field-management.role-permission tbody tr.subsection-row.disbaled td .pure-material-checkbox > input.checked + span:before {
  border-color: #676c79;
}
.field-management.role-permission tbody tr.field-row td {
  color: #000;
  font-size: 16px;
  font-size: 1.1428571429rem;
}
.field-management.role-permission tbody tr.field-row td:first-child {
  padding-left: 66px;
  position: relative;
}
.field-management.role-permission tbody tr.field-row td:first-child:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 56px;
  height: calc(100% + 1px);
  background-color: #fff;
}
.field-management.role-permission tbody tr.field-row td.edit-field {
  padding: 0;
}
.field-management.role-permission tbody tr.field-row td.edit-field input:not([type=checkbox]):not([type=radio]) {
  color: #35393c;
  background-color: transparent;
  padding: 10px;
  width: 100%;
  border: 1px solid transparent;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.field-management.role-permission tbody tr.field-row td.edit-field input:not([type=checkbox]):not([type=radio]):focus {
  background-color: #fff;
  outline: none;
  border: 1px solid #0077c0;
}
.field-management.role-permission tbody tr.field-row td.edit-field .multiple-select + .btn-group .multiselect {
  border: 1px solid transparent;
  background-color: transparent;
  border-radius: 0;
  line-height: 30px;
  font-size: 16px;
  font-size: 1.1428571429rem;
  color: #35393c;
}
.field-management.role-permission tbody tr.field-row td.edit-field .multiple-select + .btn-group .multiselect:focus {
  background-color: #fff;
  outline: none;
  box-shadow: none;
  border: 1px solid #0077c0;
}
.field-management.role-permission tbody tr.field-row td.edit-field .multiple-select + .btn-group .multiselect:after {
  top: 20px;
}
.field-management.role-permission tbody tr.field-row td.edit-field .multiple-select + .btn-group.show .multiselect:after {
  transform: rotate(180deg);
}
.field-management.role-permission tbody tr.field-row td.edit-field .selectize-control .selectize-input {
  display: block;
  height: 46px;
  border-color: transparent;
  border-radius: 0;
  box-shadow: none;
}
.field-management.role-permission tbody tr.field-row td.edit-field .selectize-control .selectize-input .item {
  margin: 5px 3px 0 0;
}
.field-management.role-permission tbody tr.field-row td.edit-field .selectize-control .selectize-input.focus {
  border-color: #0077c0;
}
.field-management.role-permission tbody tr.field-row td.edit-field .custom-dd-list input[type=text] {
  background-color: transparent;
}
.field-management.role-permission tbody tr.field-row td.edit-field .two-fields {
  height: 100%;
  border: 1px solid transparent;
}
.field-management.role-permission tbody tr.field-row td.edit-field .two-fields .field-left {
  display: inline-block;
  vertical-align: top;
  width: calc(30% - 4px);
  height: 100%;
}
.field-management.role-permission tbody tr.field-row td.edit-field .two-fields .field-right {
  display: inline-block;
  vertical-align: top;
  width: 70%;
  height: 100%;
}
.field-management.role-permission tbody tr.field-row td.edit-field .two-fields input[type=text]:focus {
  border-color: transparent;
}
.field-management.role-permission tbody tr.field-row td.edit-field .two-fields.field-focus {
  border-color: #0077c0;
}
.field-management.role-permission tbody tr.field-row.disbaled td {
  color: #676c79;
}
.field-management.role-permission tbody tr.field-row.disbaled td .green-checks {
  pointer-events: none;
  cursor: not-allowed;
  color: #cdcdcd;
}
.field-management.role-permission tbody tr.field-row.disbaled td .pure-material-checkbox {
  pointer-events: none;
  cursor: not-allowed;
}
.field-management.role-permission tbody tr.field-row.disbaled td .pure-material-checkbox > input.checked + span:after {
  border-color: #676c79;
}
.field-management.role-permission tbody tr.field-row.disbaled td .pure-material-checkbox > input.checked + span:before {
  border-color: #676c79;
}
.field-management.role-permission tbody tr.field-row.disbaled td.edit-field .form-control {
  color: #676c79;
  pointer-events: none;
  cursor: not-allowed;
}
.field-management.role-permission tbody tr.field-row.disbaled td.edit-field .multiple-select + .btn-group .multiselect {
  color: #676c79;
  pointer-events: none;
  cursor: not-allowed;
}
.field-management.role-permission tbody tr.selected {
  background-color: rgba(243, 247, 250, 0.6);
  color: #35393c;
}
.field-management.role-permission.full-borders tbody tr.field-row td:first-child:before {
  display: none;
}
.field-management.role-permission.full-borders tbody tr.section-row td:first-child:before {
  display: none;
}
.field-management.role-permission.full-borders tbody tr.subsection-row td:first-child:before {
  display: none;
}
.field-management.role-permission.no-hierarchy tbody tr.field-row td:first-child {
  padding-left: 10px;
}
.field-management.role-permission.no-hierarchy tbody tr.field-row td:first-child:before {
  display: none;
}
.field-management.role-permission.no-hierarchy tbody tr.section-row td:first-child {
  padding-left: 10px;
}
.field-management.role-permission.no-hierarchy tbody tr.section-row td:first-child:before {
  display: none;
}
.field-management.role-permission.no-hierarchy tbody tr.subsection-row td:first-child {
  padding-left: 10px;
}
.field-management.role-permission.no-hierarchy tbody tr.subsection-row td:first-child:before {
  display: none;
}

.scrolling-hover {
  overflow: auto;
  color: transparent;
  transition: color 0.3s;
}
.scrolling-hover::-webkit-scrollbar {
  width: 6px;
}
.scrolling-hover::-webkit-scrollbar-thumb {
  background-clip: content-box;
  border: 1px solid transparent;
  border-radius: 8px;
  box-shadow: inset 0 0 0 6px;
}
.scrolling-hover::-webkit-scrollbar-button {
  width: 0;
  height: 0;
  display: none;
}
.scrolling-hover::-webkit-scrollbar-corner {
  background-color: transparent;
}
.scrolling-hover:hover {
  color: #c7c7c7;
}

.notifications-popup {
  background-color: #0077c0;
  position: fixed;
  top: 10px;
  color: #fff;
  z-index: 1210;
  width: 500px;
  padding: 20px 10px 10px;
  left: calc(50% - 250px);
  display: none;
}
.notifications-popup .icon {
  float: left;
  width: 40px;
  margin-right: 10px;
}
.notifications-popup .icon img {
  width: 100%;
}
.notifications-popup .close {
  cursor: pointer;
  font-weight: 400;
  color: #fff;
  margin-top: -14px;
  text-shadow: none;
  opacity: 0.8;
  line-height: 1;
  font-size: 16px;
  font-size: 1.1428571429rem;
  float: right;
}
.notifications-popup .close:hover {
  opacity: 1;
}
.notifications-popup .content-area {
  float: left;
  width: calc(100% - 60px);
}
.notifications-popup .content-area h4 {
  color: #fff;
  margin-bottom: 0;
}
.notifications-popup .content-area p {
  color: #fff;
  margin-bottom: 0;
}
.notifications-popup .content-area p a {
  color: #fff;
  text-decoration: underline;
}
.notifications-popup .content-area ul {
  padding: 0;
  margin-top: 30px;
  margin-left: 50px;
}
.notifications-popup .content-area ul li {
  display: block;
  font-size: 16px;
  margin: 10px 0;
}
.notifications-popup .action-area {
  margin-top: 20px;
  text-align: right;
  padding-right: 30px;
  float: left;
  width: 100%;
}
.notifications-popup .action-area .button {
  margin: 0 10px;
}
.notifications-popup.confirm {
  padding: 10px;
}
.notifications-popup.big {
  width: 675px;
  left: calc(50% - 337px);
  padding: 40px;
}
.notifications-popup.big .content-area p {
  font-size: 20px;
}
.notifications-popup.big .action-area {
  text-align: center;
}
.notifications-popup.center-popup {
  top: calc(50vh - 100px);
}

.notification-background {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  left: 0;
  z-index: -1;
  transition: opacity 0.15s linear;
  background-color: #fff;
}
.notification-background.active {
  opacity: 0.85;
  z-index: 1040;
}

.more-opt {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-block;
  vertical-align: top;
  background-color: #fff;
  text-align: center;
  padding-top: 3px;
}
.more-opt.white img {
  filter: brightness(5);
}
.more-opt.transparent {
  background-color: transparent;
}
.more-opt.disabled {
  pointer-events: none;
}
.more-opt.disabled img {
  filter: brightness(5) invert(1) opacity(0.3);
}

.plus-icon {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: inline-block;
  text-align: center;
}
.plus-icon i {
  font-size: 20px;
  font-size: 1.4285714286rem;
  color: #fff;
  line-height: 32px;
}
.plus-icon.blue {
  background-color: #0077c0;
}
.plus-icon.disabled {
  pointer-events: none;
  background-color: #8d8d8d;
  filter: grayscale(1);
}

.option-container {
  display: inline-block;
  vertical-align: top;
  position: relative;
}
.option-container .more-opt {
  color: #999da5;
  transition: all 0.3s ease-in-out;
}
.option-container .more-opt:hover {
  color: #0077c0;
}
.option-container .more-opt:hover i {
  color: white;
}
.option-container .table-options {
  min-width: 200px;
  padding: 12px;
  background-color: #f3f7fa;
  box-shadow: 2px 2px 6px 0 rgba(0, 0, 0, 0.14);
  text-align: left;
  border-radius: 3px;
  position: absolute;
  right: 0;
  top: 50px;
  width: max-content;
  max-height: 0;
  overflow: hidden;
  z-index: 0;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}
.option-container .table-options ul {
  padding: 0;
  margin: 0;
  list-style: none outside none;
}
.option-container .table-options ul li a {
  color: #35393c;
  padding: 8px 30px;
  border-bottom: 1px solid #b1b4b6;
  display: block;
  text-decoration: none;
  background-color: transparent;
  transition: all 0.3s ease-in-out;
}
.option-container .table-options ul li a:focus {
  background-color: #377db8;
  color: #fff;
  text-decoration: none;
}
.option-container .table-options ul li a:hover {
  background-color: #377db8;
  color: #fff;
  text-decoration: none;
}
.option-container .table-options ul li:last-child a {
  border-bottom: none;
}
.option-container .table-options.active {
  visibility: visible;
  opacity: 1;
  z-index: 3;
  top: 30px;
  max-height: 1000px;
  overflow: visible;
}
.option-container.disabled {
  pointer-events: none;
  filter: grayscale(1);
  opacity: 0.6;
}

.switch-buttons.multiple-buttons button {
  margin: 0 12px;
}
.switch-buttons.multiple-buttons button:first-of-type, .switch-buttons.multiple-buttons button:last-child {
  margin: 0;
}

.ng-select .ng-clear-wrapper .ng-clear {
  font-size: 20px !important;
}

[class*=ag-theme-] {
  font-family: "Roboto", sans-serif !important;
  --ag-font-family: "Roboto", sans-serif !important;
}

.ff-ag-grid-style {
  --ag-foreground-color: #333;
  --ag-background-color: #fff;
  /* --ag-odd-row-background-color: #f8f9fa; */
  --ag-odd-row-background-color: #ffffff !important;
  --ag-row-hover-color: #f7f8fc !important;
  /* --ag-selected-row-background-color: #e3f2fd; */
  --ag-selected-row-background-color: #2196f31a !important;
  --ag-cell-horizontal-border: 1px solid #dee2e6;
  --ag-row-height: 50px !important;
  --ag-header-height: 40px !important;
  --ag-border-color: #c7d2d9 !important;
  --ag-header-background-color: #f7f8fc !important;
  --ag-header-column-resize-handle-color: #c7d2d9 !important;
  --ag-row-border-color: #ccced2 !important;
  --ag-font-family: "Roboto", sans-serif !important;
  --ag-control-panel-background-color: #ffffff !important;
  --ag-row-hover-color: #f7f8fc !important;
  --ag-selected-row-background-color: #f7f8fc !important;
  /* .ag-row-hover {
      &:not(.ag-full-width-row) {
          &:before {
              background-color: #f7f8fc;
          }
      }
      &.ag-full-width-row{
          &.ag-row-group{
              &:before {
                  background-color: #f7f8fc;
              }
          }
      }
  }     */
}
.ff-ag-grid-style .ag-theme-alpine .ag-menu,
.ff-ag-grid-style .ag-theme-alpine .ag-menu-header {
  background-color: #ffffff !important;
}
.ff-ag-grid-style .ag-root-wrapper {
  border: 1px solid #ccced2;
  border-radius: 8px;
}
.ff-ag-grid-style .ag-cell-label-container .ag-header-icon.ag-header-cell-menu-button .ag-icon.ag-icon-menu::before {
  content: "\f138";
}
.ff-ag-grid-style .ag-header-label-icon.ag-filter-icon .ag-icon.ag-icon-filter {
  /* background-image: url("../../../assets/static-images/filter-keep.svg");
  background-image: url("../../../assets/static-images/filter-tick.avg"); */
  mask-image: url('filter-keep.a0cc5c6c4f63b7b2.svg');
  background-color: var(--ag-foreground-color);
  mask-size: 13px;
  mask-repeat: no-repeat;
  mask-position: center;
  /* background-size: 16px;
  background-position: center;
  background-repeat: no-repeat; */
  width: 16px;
  height: 16px;
}
.ff-ag-grid-style .ag-header-label-icon.ag-filter-icon .ag-icon.ag-icon-filter::before, .ff-ag-grid-style .ag-header-label-icon.ag-filter-icon .ag-icon.ag-icon-filter::after {
  display: none;
}
.ff-ag-grid-style .ag-header-cell,
.ff-ag-grid-style .ag-header-group-cell {
  font-size: 14px;
  text-transform: uppercase;
  font-family: "Roboto", sans-serif;
  border-top-color: #c7d2d9 !important;
}
.ff-ag-grid-style .ag-header-cell .ag-header-cell-resize::after,
.ff-ag-grid-style .ag-header-group-cell .ag-header-cell-resize::after {
  height: 100%;
  width: 1px;
  top: 0;
  background-color: #c7d2d9;
}
.ff-ag-grid-style .ag-header-cell.ag-header-span-height .ag-header-cell-resize::after,
.ff-ag-grid-style .ag-header-group-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: 100%;
  width: 1px;
  top: 0;
  background-color: #c7d2d9;
}
.ff-ag-grid-style .ag-header-cell.required-field-header .ag-header-cell-label::after,
.ff-ag-grid-style .ag-header-group-cell.required-field-header .ag-header-cell-label::after {
  content: "*";
  color: #dc3545 !important;
  font-weight: bold !important;
  margin-left: 4px;
  flex-shrink: 0;
}
.ff-ag-grid-style .ag-filter-toolpanel-search {
  position: sticky;
  width: 100%;
  top: 0;
  z-index: 2;
  margin-top: -1px;
  background: white;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ff-ag-grid-style .ag-filter-toolpanel {
  height: min-content;
}
.ff-ag-grid-style .ag-ltr .ag-header-cell-resize {
  right: -5px;
}
.ff-ag-grid-style .ag-pinned-left-header .ag-header-cell-resize {
  right: -5px;
}
.ff-ag-grid-style .ag-pinned-right-header {
  border-left: none;
}
.ff-ag-grid-style .ag-pinned-right-header .ag-header-cell-resize {
  transform: translateX(-1px);
}
.ff-ag-grid-style .ag-header-viewport .ag-header-row-column-group .ag-header-group-cell {
  /* background-color: rgba(0, 147, 255, 0.08); */
  /* color: #0077c0; */
  background-color: #e5e5e5;
  color: #121212;
}
.ff-ag-grid-style .ag-header-viewport .ag-header-row-column-group .ag-header-group-cell:hover {
  /* background-color: rgba(0, 147, 255, 0.08) !important; */
  background-color: #e5e5e5 !important;
}
.ff-ag-grid-style .ag-ltr .ag-header-cell-resize {
  right: -5px;
}
.ff-ag-grid-style .ag-header-group-cell {
  /* background-color: rgba(0, 147, 255, 0.08);
  color: #0093ff; */
}
.ff-ag-grid-style .ag-header-group-cell[aria-colspan] {
  justify-content: center;
}
.ff-ag-grid-style .ag-cell-highlight,
.ff-ag-grid-style .ag-cell-highlight-animation {
  animation: none !important;
  background: inherit !important;
  transition: none !important;
}
.ff-ag-grid-style .red-cell {
  background-color: #ffebee !important;
  border-radius: 6px;
}
.ff-ag-grid-style .green-cell {
  background-color: #e8f5e9 !important;
  border-radius: 6px;
}
.ff-ag-grid-style .ag-body .ag-row {
  font-size: 16px !important;
  font-family: "Roboto", sans-serif;
  border-bottom-color: #ccced2;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell {
  border-right-style: dashed;
  border-right-color: #ccced2;
  transition: border 0.3s ease-in-out;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .underlined-link:after {
  bottom: 0;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .action-btn,
.ff-ag-grid-style .ag-body .ag-row .ag-cell .grid-action-menu-btn {
  opacity: 0;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .action-btn .mat-icon,
.ff-ag-grid-style .ag-body .ag-row .ag-cell .grid-action-menu-btn .mat-icon {
  font-size: 18px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .action-btn:hover,
.ff-ag-grid-style .ag-body .ag-row .ag-cell .grid-action-menu-btn:hover {
  color: #0077c0 !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .document-cell-container {
  padding: 0;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .document-cell-container .document-count {
  background-color: transparent;
  border: none;
  width: 100%;
  height: 100%;
  gap: 2px;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .document-cell-container .document-count .count {
  line-height: 16px;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .document-cell-container .document-count:hover {
  transform: translateY(0) !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right-style: dashed;
  border-right-color: #ccced2;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.ag-cell-range-single-cell {
  border-right-style: solid;
  border-right-color: #2196f3;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.ag-cell-range-single-cell.ag-cell-range-handle {
  border-right-style: solid;
  border-right-color: #2196f3;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-disabled {
  background-color: #e3e3e3 !important;
  color: #666 !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-disabled .ag-cell-wrapper,
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-disabled .ag-cell-value,
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-disabled input,
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-disabled select,
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-disabled textarea {
  background-color: #e3e3e3 !important;
  color: #666 !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-disabled.ag-cell-focus {
  border-color: #2196f3 !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-dependency-disabled {
  background-color: #fff9e8 !important;
  color: #856404 !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-dependency-disabled .ag-cell-wrapper,
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-dependency-disabled .ag-cell-value,
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-dependency-disabled input,
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-dependency-disabled select,
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-dependency-disabled textarea {
  background-color: #fff3cd !important;
  color: #856404 !important;
  cursor: not-allowed !important;
  opacity: 0.8 !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-dependency-disabled .dependency-cell-content .dependency-icon {
  transition: all 0.3s ease-in-out !important;
  opacity: 0;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-dependency-disabled .dependency-cell-content .dependency-icon:hover {
  color: #664308 !important;
  transform: scale(1.1) !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-dependency-disabled.ag-cell-focus {
  border-color: #2196f3 !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-dependency-disabled:hover .dependency-cell-content .dependency-icon {
  opacity: 1;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-automation-disabled {
  background-color: #e8f4f8 !important;
  color: #0056b3 !important;
  cursor: not-allowed !important;
  opacity: 0.9 !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-automation-disabled .ag-cell-wrapper,
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-automation-disabled .ag-cell-value,
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-automation-disabled input,
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-automation-disabled select,
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-automation-disabled textarea {
  background-color: #e8f4f8 !important;
  color: #0056b3 !important;
  cursor: not-allowed !important;
  opacity: 0.9 !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.cell-automation-disabled.ag-cell-focus {
  border-color: #2196f3 !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell.not-editable-cell-in-edit-mode:focus-within {
  border-right: 1px dashed #ccced2 !important;
  border-color: transparent;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell:hover:not(.not-editable-cell-in-edit-mode) {
  border: 1px solid #2196f3 !important;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell:hover .remove-all-icon,
.ff-ag-grid-style .ag-body .ag-row .ag-cell:hover .dropdown-icon {
  opacity: 1;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .custom-user-chips-container {
  display: flex;
  align-items: center;
  gap: 4px;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .custom-user-chips-container .custom-user-chip-content {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: 500;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .custom-user-chips-container .custom-user-chip-content.blue-light {
  background-color: #b3c5e7;
  color: #ffffff;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .custom-user-chips-container .custom-user-chip-content.red-light {
  background-color: #e07673;
  color: #ffffff;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .custom-user-chips-container .custom-user-chip-content.green-light {
  background-color: #7ec784;
  color: #ffffff;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .custom-user-chips-container .custom-user-chip-content.sky-light {
  background-color: #73aff4;
  color: #ffffff;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .custom-user-chips-container .custom-user-chip-content.cyan-light {
  background-color: #9ed9d2;
  color: #ffffff;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .custom-user-chips-container .custom-user-chip-content.orange-light {
  background-color: #f3a683;
  color: #ffffff;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .custom-user-chips-container .custom-user-chip-content.purple-light {
  background-color: #9eb9de;
  color: #ffffff;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .custom-user-chips-container .custom-user-chip-content.pink-light {
  background-color: #f4bfbb;
  color: #ffffff;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .custom-user-chips-container .custom-user-chip-content.blueberry-soda {
  background-color: #7f8fa6;
  color: #ffffff;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .custom-user-chips-container .custom-user-chip-content.jade-dust {
  background-color: #00d8d6;
  color: #ffffff;
}
.ff-ag-grid-style .ag-body .ag-row .ag-cell .custom-user-chips-container .custom-user-chip-content.black-pearl {
  background-color: #1e272e;
  color: #fff;
}
.ff-ag-grid-style .ag-body .ag-row.ag-row-hover .ag-cell .action-btn,
.ff-ag-grid-style .ag-body .ag-row.ag-row-hover .ag-cell .grid-action-menu-btn {
  opacity: 1;
}
.ff-ag-grid-style .ag-body .ag-body-viewport .ag-center-cols-viewport .ag-center-cols-container {
  min-width: 100%;
}
.ff-ag-grid-style .ag-paging-panel {
  background-color: #f3f7fa;
}
.ff-ag-grid-style ff-header-checkbox-renderer .ag-checkbox-wrapper,
.ff-ag-grid-style ff-row-checkbox-renderer .ag-checkbox-wrapper,
.ff-ag-grid-style ff-asset-header-checkbox-renderer .ag-checkbox-wrapper,
.ff-ag-grid-style ff-asset-row-checkbox-renderer .ag-checkbox-wrapper {
  margin-bottom: 0;
  position: relative;
  width: 16px;
  height: 16px;
  font-size: 16px;
  line-height: 16px;
  background-color: #fff;
  display: inline-block;
  vertical-align: middle;
  font-weight: normal;
}
.ff-ag-grid-style ff-header-checkbox-renderer .ag-checkbox-wrapper:before,
.ff-ag-grid-style ff-row-checkbox-renderer .ag-checkbox-wrapper:before,
.ff-ag-grid-style ff-asset-header-checkbox-renderer .ag-checkbox-wrapper:before,
.ff-ag-grid-style ff-asset-row-checkbox-renderer .ag-checkbox-wrapper:before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ff-ag-grid-style ff-header-checkbox-renderer .ag-checkbox-wrapper input[type=checkbox],
.ff-ag-grid-style ff-row-checkbox-renderer .ag-checkbox-wrapper input[type=checkbox],
.ff-ag-grid-style ff-asset-header-checkbox-renderer .ag-checkbox-wrapper input[type=checkbox],
.ff-ag-grid-style ff-asset-row-checkbox-renderer .ag-checkbox-wrapper input[type=checkbox] {
  appearance: none;
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ff-ag-grid-style ff-header-checkbox-renderer .ag-checkbox-wrapper::after,
.ff-ag-grid-style ff-row-checkbox-renderer .ag-checkbox-wrapper::after,
.ff-ag-grid-style ff-asset-header-checkbox-renderer .ag-checkbox-wrapper::after,
.ff-ag-grid-style ff-asset-row-checkbox-renderer .ag-checkbox-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: "agGridAlpine";
  color: #999999;
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ff-ag-grid-style ff-header-checkbox-renderer .ag-checkbox-wrapper:has(input[type=checkbox]:checked)::before,
.ff-ag-grid-style ff-row-checkbox-renderer .ag-checkbox-wrapper:has(input[type=checkbox]:checked)::before,
.ff-ag-grid-style ff-asset-header-checkbox-renderer .ag-checkbox-wrapper:has(input[type=checkbox]:checked)::before,
.ff-ag-grid-style ff-asset-row-checkbox-renderer .ag-checkbox-wrapper:has(input[type=checkbox]:checked)::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ff-ag-grid-style ff-header-checkbox-renderer .ag-checkbox-wrapper:has(input[type=checkbox]:checked)::after,
.ff-ag-grid-style ff-row-checkbox-renderer .ag-checkbox-wrapper:has(input[type=checkbox]:checked)::after,
.ff-ag-grid-style ff-asset-header-checkbox-renderer .ag-checkbox-wrapper:has(input[type=checkbox]:checked)::after,
.ff-ag-grid-style ff-asset-row-checkbox-renderer .ag-checkbox-wrapper:has(input[type=checkbox]:checked)::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: #2196f3;
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}
.ff-ag-grid-style.ag-three-row-header .ag-pinned-left-header {
  background-color: #eff6ff;
}
.ff-ag-grid-style.ag-three-row-header .ag-header-viewport .ag-header-row-column-group:first-child .ag-header-group-cell {
  background-color: #d1d1d1;
}
.ff-ag-grid-style.ag-three-row-header .ag-header-viewport .ag-header-row-column-group:first-child .ag-header-group-cell:hover {
  background-color: #d1d1d1 !important;
}
.ff-ag-grid-style.ag-three-row-header .ag-header-viewport .ag-header-row-column-group .ag-header-group-cell {
  background-color: #e5e5e5;
}
.ff-ag-grid-style.ff-ag-grid-non-editable {
  /* .ag-pinned-left-cols-container {
      .ag-row {
          background-color: #eff2ff;
      }
  }
  .ag-pinned-right-cols-container {
      .ag-row {
          background-color: #eff2ff;
      }
  } */
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell {
  border: none !important;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell:hover {
  border: none !important;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-header-cell-resize,
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-header-icon {
  opacity: 0;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-header:hover .ag-header-cell-resize {
  opacity: 1;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-header-cell.ag-header-active .ag-header-icon, .ff-ag-grid-style.ff-ag-grid-non-editable .ag-header-cell.ag-column-menu-visible .ag-header-icon {
  opacity: 1;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-header-cell.ag-header-cell-filtered .ag-header-cell-filter-button {
  opacity: 1;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-pinned-left-header {
  border-right: none;
  /* background-color: #eff2ff; */
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-pinned-left-header .ag-header-cell:first-child {
  border-right: none;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-pinned-left-header .ag-header-cell-resize {
  right: -4px;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-pinned-right-header {
  border-left: none;
  /* background-color: #eff2ff; */
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-pinned-right-header .ag-header-cell-resize {
  right: -4px;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-header-cell-resize::after {
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell {
  /* &.ag-cell-focus {
      app-project-actions-cell-renderer{
          .mat-icon-button {
              opacity: 1;
              color: #0077C0 !important;
          }
      }
  } */
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .mat-icon-button {
  opacity: 0;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .mat-icon-button .mat-icon {
  font-size: 18px !important;
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .mat-icon-button:hover {
  color: #0077c0 !important;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .underlined-link {
  display: inline;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .underlined-link.font-weight-medium {
  font-weight: 400 !important;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .owner-container .avatar {
  width: 30px;
  height: 30px;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .owner-container .avatar.small {
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .owner-container .avatar .avatar-initials {
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .owner-container .avatar-group {
  gap: 4px;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .owner-container .avatar-group .avatar {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 30px;
  height: 30px;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .owner-container .avatar-group .avatar.small {
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .owner-container .owner-name {
  display: none;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .single-user .avatar {
  width: 30px;
  height: 30px;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .single-user .avatar.small {
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .single-user .avatar .avatar-initials {
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .single-user .user-name {
  display: none;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .user-container .avatar-group {
  gap: 4px;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .user-container .avatar-group .avatar {
  width: 30px;
  height: 30px;
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .user-container .avatar-group .avatar.small {
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .user-container .avatar-group .avatar .avatar-initials {
  line-height: 30px;
  font-size: 12px;
  font-weight: 500;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row .ag-cell .dl-pills.outline {
  border-width: 2px;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row.ag-row-hover .ag-cell .mat-icon-button {
  opacity: 1;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row.archived-row {
  color: #b6b9ba;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row.archived-row .underlined-link {
  color: #b6b9ba;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row.archived-row .underlined-link:after {
  background-color: #b6b9ba;
}
.ff-ag-grid-style.ff-ag-grid-non-editable .ag-body .ag-row.archived-row .underlined-link:hover {
  color: #b6b9ba;
}

.ag-grid-no-cell-border .ag-body .ag-row .ag-cell:hover {
  border: none !important;
}
.ag-grid-no-cell-border .ag-body .ag-row .ag-cell.ag-cell-focus {
  border: none !important;
}

.ag-menu:has(.lease-status-filter-container) {
  overflow: visible !important;
}

.lease-status-filter-container .mat-form-field-appearance-outline .mat-form-field-subscript-wrapper {
  margin: 0 !important;
}
.lease-status-filter-container .mat-input-element[type=datetime-local]::after {
  display: none !important;
}

.op-05 {
  opacity: 0.5;
}

.ff-ag-grid-compact {
  --ag-row-height: 32px !important;
  --ag-header-height: 36px !important;
}
.ff-ag-grid-compact .ag-row {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}
.ff-ag-grid-compact .ag-header {
  height: 36px !important;
  min-height: 36px !important;
  max-height: 36px !important;
}
.ff-ag-grid-compact .ag-cell {
  padding: 4px 8px !important;
  line-height: 1.2 !important;
  height: 32px !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.ff-ag-grid-compact .ag-header-cell {
  padding: 6px 8px !important;
  height: 36px !important;
  min-height: 36px !important;
  display: flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.ff-ag-grid-compact .ag-body-viewport .ag-row {
  height: 32px !important;
  min-height: 32px !important;
}
.ff-ag-grid-compact .ag-body-viewport .ag-row .ag-cell {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0px !important;
  display: flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.ff-ag-grid-compact .ag-body-viewport .ag-row .ag-cell.ag-cell-not-inline-editing {
  padding: 0px 8px !important;
}
.ff-ag-grid-compact .ag-checkbox-input-wrapper {
  margin: 0;
  padding: 0;
  width: 16px !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ff-ag-grid-compact ff-header-checkbox-renderer .ag-checkbox-wrapper,
.ff-ag-grid-compact ff-row-checkbox-renderer .ag-checkbox-wrapper,
.ff-ag-grid-compact ff-asset-header-checkbox-renderer .ag-checkbox-wrapper,
.ff-ag-grid-compact ff-asset-row-checkbox-renderer .ag-checkbox-wrapper {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ff-ag-grid-compact ff-header-checkbox-renderer .ag-checkbox-wrapper::before,
.ff-ag-grid-compact ff-row-checkbox-renderer .ag-checkbox-wrapper::before,
.ff-ag-grid-compact ff-asset-header-checkbox-renderer .ag-checkbox-wrapper::before,
.ff-ag-grid-compact ff-asset-row-checkbox-renderer .ag-checkbox-wrapper::before {
  width: 16px !important;
  height: 16px !important;
}
.ff-ag-grid-compact ff-header-checkbox-renderer .ag-checkbox-wrapper::after,
.ff-ag-grid-compact ff-row-checkbox-renderer .ag-checkbox-wrapper::after,
.ff-ag-grid-compact ff-asset-header-checkbox-renderer .ag-checkbox-wrapper::after,
.ff-ag-grid-compact ff-asset-row-checkbox-renderer .ag-checkbox-wrapper::after {
  font-size: 12px !important;
  line-height: 16px !important;
}
.ff-ag-grid-compact .ag-cell {
  font-size: 14px !important;
}
.ff-ag-grid-compact .ag-cell .ag-cell-value {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.ff-ag-grid-compact .ag-header-cell {
  font-size: 13px !important;
}
.ff-ag-grid-compact .ag-header-cell .ag-header-cell-label {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.ff-ag-grid-compact .mat-icon-button {
  width: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
}
.ff-ag-grid-compact .mat-icon-button .mat-icon {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
}

.ff-ag-grid-compact-three-headers {
  --ag-row-height: 32px !important;
}
.ff-ag-grid-compact-three-headers .ag-row {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}
.ff-ag-grid-compact-three-headers .ag-header-cell {
  padding: 0 5px !important;
  font-size: 12px !important;
}
.ff-ag-grid-compact-three-headers .ag-header-cell .ag-header-cell-label {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  justify-content: center !important;
}
.ff-ag-grid-compact-three-headers .ag-header-group-cell {
  padding: 0 5px !important;
  font-size: 12px !important;
}
.ff-ag-grid-compact-three-headers .ag-header-group-cell .ag-header-group-cell-label {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  justify-content: center !important;
}
.ff-ag-grid-compact-three-headers .ag-header-row-column-group {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}
.ff-ag-grid-compact-three-headers .ag-header-row-column-group[aria-rowindex="1"] {
  top: 0px !important;
}
.ff-ag-grid-compact-three-headers .ag-header-row-column-group[aria-rowindex="2"] {
  top: 32px !important;
}
.ff-ag-grid-compact-three-headers .ag-header-row-column {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}
.ff-ag-grid-compact-three-headers .ag-header-row-column[aria-rowindex="3"] {
  top: 64px !important;
}
.ff-ag-grid-compact-three-headers .ag-header-viewport {
  height: 96px !important;
  min-height: 96px !important;
}
.ff-ag-grid-compact-three-headers .ag-header-container {
  height: 96px !important;
  min-height: 96px !important;
}
.ff-ag-grid-compact-three-headers .ag-pinned-left-header,
.ff-ag-grid-compact-three-headers .ag-pinned-right-header {
  height: 96px !important;
  min-height: 96px !important;
}
.ff-ag-grid-compact-three-headers .ag-header {
  height: 96px !important;
  min-height: 96px !important;
  max-height: 96px !important;
}
.ff-ag-grid-compact-three-headers .ag-header {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.ff-ag-grid-compact-three-headers .ag-body-viewport {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.ff-ag-grid-compact-three-headers .ag-cell {
  line-height: 1.2 !important;
  height: 32px !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.ff-ag-grid-compact-three-headers .ag-cell ff-document-cell-renderer,
.ff-ag-grid-compact-three-headers .ag-cell app-hyperlink-cell-editor {
  width: 100% !important;
  height: 100% !important;
}
.ff-ag-grid-compact-three-headers .ag-body-viewport .ag-row {
  height: 32px !important;
  min-height: 32px !important;
}
.ff-ag-grid-compact-three-headers .ag-body-viewport .ag-row .ag-cell {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0px !important;
  display: flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.ff-ag-grid-compact-three-headers .ag-body-viewport .ag-row .ag-cell.ag-cell-not-inline-editing {
  padding: 0px 8px !important;
}
.ff-ag-grid-compact-three-headers .ag-checkbox-input-wrapper {
  margin: 0;
  padding: 0;
  width: 16px !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ff-ag-grid-compact-three-headers ff-header-checkbox-renderer .ag-checkbox-wrapper,
.ff-ag-grid-compact-three-headers ff-row-checkbox-renderer .ag-checkbox-wrapper,
.ff-ag-grid-compact-three-headers ff-asset-header-checkbox-renderer .ag-checkbox-wrapper,
.ff-ag-grid-compact-three-headers ff-asset-row-checkbox-renderer .ag-checkbox-wrapper {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ff-ag-grid-compact-three-headers ff-header-checkbox-renderer .ag-checkbox-wrapper::before,
.ff-ag-grid-compact-three-headers ff-row-checkbox-renderer .ag-checkbox-wrapper::before,
.ff-ag-grid-compact-three-headers ff-asset-header-checkbox-renderer .ag-checkbox-wrapper::before,
.ff-ag-grid-compact-three-headers ff-asset-row-checkbox-renderer .ag-checkbox-wrapper::before {
  width: 16px !important;
  height: 16px !important;
}
.ff-ag-grid-compact-three-headers ff-header-checkbox-renderer .ag-checkbox-wrapper::after,
.ff-ag-grid-compact-three-headers ff-row-checkbox-renderer .ag-checkbox-wrapper::after,
.ff-ag-grid-compact-three-headers ff-asset-header-checkbox-renderer .ag-checkbox-wrapper::after,
.ff-ag-grid-compact-three-headers ff-asset-row-checkbox-renderer .ag-checkbox-wrapper::after {
  font-size: 12px !important;
  line-height: 16px !important;
}
.ff-ag-grid-compact-three-headers .ag-cell {
  font-size: 14px !important;
}
.ff-ag-grid-compact-three-headers .ag-cell .ag-cell-value {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.ff-ag-grid-compact-three-headers .mat-icon-button {
  width: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
}
.ff-ag-grid-compact-three-headers .mat-icon-button .mat-icon {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
}

.ff-ag-grid-compact-two-headers {
  --ag-row-height: 32px !important;
}
.ff-ag-grid-compact-two-headers .ag-row {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}
.ff-ag-grid-compact-two-headers .ag-header-cell {
  padding: 0 5px !important;
  font-size: 12px !important;
}
.ff-ag-grid-compact-two-headers .ag-header-cell .ag-header-cell-label {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  justify-content: center !important;
}
.ff-ag-grid-compact-two-headers .ag-header-group-cell {
  padding: 0 5px !important;
  font-size: 12px !important;
}
.ff-ag-grid-compact-two-headers .ag-header-group-cell .ag-header-group-cell-label {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
  justify-content: center !important;
}
.ff-ag-grid-compact-two-headers .ag-header-row-column-group {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}
.ff-ag-grid-compact-two-headers .ag-header-row-column-group[aria-rowindex="1"] {
  top: 0px !important;
}
.ff-ag-grid-compact-two-headers .ag-header-row-column-group[aria-rowindex="2"] {
  top: 32px !important;
}
.ff-ag-grid-compact-two-headers .ag-header-row-column {
  height: 32px !important;
  min-height: 32px !important;
  max-height: 32px !important;
}
.ff-ag-grid-compact-two-headers .ag-header-row-column[aria-rowindex="1"] {
  top: 0px !important;
}
.ff-ag-grid-compact-two-headers .ag-header-row-column[aria-rowindex="2"] {
  top: 32px !important;
}
.ff-ag-grid-compact-two-headers .ag-header-viewport {
  height: 64px !important;
  min-height: 64px !important;
}
.ff-ag-grid-compact-two-headers .ag-header-container {
  height: 64px !important;
  min-height: 64px !important;
}
.ff-ag-grid-compact-two-headers .ag-pinned-left-header,
.ff-ag-grid-compact-two-headers .ag-pinned-right-header {
  height: 64px !important;
  min-height: 64px !important;
}
.ff-ag-grid-compact-two-headers .ag-header {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
}
.ff-ag-grid-compact-two-headers .ag-header {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.ff-ag-grid-compact-two-headers .ag-body-viewport {
  border-top: none !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}
.ff-ag-grid-compact-two-headers .ag-cell {
  line-height: 1.2 !important;
  height: 32px !important;
  min-height: 32px !important;
  display: flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.ff-ag-grid-compact-two-headers .ag-cell ff-document-cell-renderer,
.ff-ag-grid-compact-two-headers .ag-cell app-hyperlink-cell-editor,
.ff-ag-grid-compact-two-headers .ag-cell app-alpha-document-renderer {
  width: 100% !important;
  height: 100% !important;
}
.ff-ag-grid-compact-two-headers .ag-body-viewport .ag-row {
  height: 32px !important;
  min-height: 32px !important;
}
.ff-ag-grid-compact-two-headers .ag-body-viewport .ag-row .ag-cell {
  height: 32px !important;
  min-height: 32px !important;
  padding: 0px !important;
  display: flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}
.ff-ag-grid-compact-two-headers .ag-body-viewport .ag-row .ag-cell.ag-cell-not-inline-editing {
  padding: 0px 8px !important;
}
.ff-ag-grid-compact-two-headers .ag-checkbox-input-wrapper {
  margin: 0;
  padding: 0;
  width: 16px !important;
  height: 16px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ff-ag-grid-compact-two-headers ff-header-checkbox-renderer .ag-checkbox-wrapper,
.ff-ag-grid-compact-two-headers ff-row-checkbox-renderer .ag-checkbox-wrapper,
.ff-ag-grid-compact-two-headers ff-asset-header-checkbox-renderer .ag-checkbox-wrapper,
.ff-ag-grid-compact-two-headers ff-asset-row-checkbox-renderer .ag-checkbox-wrapper {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}
.ff-ag-grid-compact-two-headers ff-header-checkbox-renderer .ag-checkbox-wrapper::before,
.ff-ag-grid-compact-two-headers ff-row-checkbox-renderer .ag-checkbox-wrapper::before,
.ff-ag-grid-compact-two-headers ff-asset-header-checkbox-renderer .ag-checkbox-wrapper::before,
.ff-ag-grid-compact-two-headers ff-asset-row-checkbox-renderer .ag-checkbox-wrapper::before {
  width: 16px !important;
  height: 16px !important;
}
.ff-ag-grid-compact-two-headers ff-header-checkbox-renderer .ag-checkbox-wrapper::after,
.ff-ag-grid-compact-two-headers ff-row-checkbox-renderer .ag-checkbox-wrapper::after,
.ff-ag-grid-compact-two-headers ff-asset-header-checkbox-renderer .ag-checkbox-wrapper::after,
.ff-ag-grid-compact-two-headers ff-asset-row-checkbox-renderer .ag-checkbox-wrapper::after {
  font-size: 12px !important;
  line-height: 16px !important;
}
.ff-ag-grid-compact-two-headers .ag-cell {
  font-size: 14px !important;
}
.ff-ag-grid-compact-two-headers .ag-cell .ag-cell-value {
  display: flex !important;
  align-items: center !important;
  height: 100% !important;
}
.ff-ag-grid-compact-two-headers .mat-icon-button {
  width: 24px !important;
  height: 24px !important;
  line-height: 24px !important;
}
.ff-ag-grid-compact-two-headers .mat-icon-button .mat-icon {
  font-size: 16px !important;
  width: 16px !important;
  height: 16px !important;
  line-height: 16px !important;
}

.phoenix-dashboard {
  /* transform: translateY(65px);
  padding: 24px 20px; */
  transform: translateY(20px) !important;
  padding: 0 20px 20px 20px !important;
}
.phoenix-dashboard [class*=col-] {
  padding-right: 8px;
  padding-left: 8px;
}
.phoenix-dashboard .row {
  margin-right: -8px;
  margin-left: -8px;
}
.phoenix-dashboard.with-breadcrumbs {
  transform: translateY(132px);
}
.phoenix-dashboard h1.level2 {
  font-size: 22px;
}
.phoenix-dashboard .searchable-select .mat-form-field-infix {
  padding: 12px 0 11px 0 !important;
}
.phoenix-dashboard .searchable-select .mat-form-field-wrapper {
  margin: 0;
  padding-bottom: 0;
}

.phoenix-card {
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  padding: 16px;
  height: 100%;
  /* border: 1px solid #ececec; */
  background-color: #fafafa;
}
.phoenix-card.white-bg {
  background-color: #fff;
  position: relative;
}
.phoenix-card.dir-column {
  flex-direction: column;
  align-items: flex-start;
}
@media (max-width: 1750px) {
  .phoenix-card.column-small-screen {
    flex-direction: column;
  }
  .phoenix-card.column-small-screen .card-content {
    flex-direction: row;
    align-items: center;
  }
  .phoenix-card.column-small-screen .analytics-donut-chart {
    margin: -5px 0 -14px 20px;
  }
}
.phoenix-card.auto-height {
  height: auto;
}
.phoenix-card .full-title {
  border-bottom: 1px solid #dddddd;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  line-height: 1;
  margin: 0 -16px;
  padding: 0 16px 16px 16px;
  width: calc(100% + 32px);
}
.phoenix-card .status-bar {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: calc(100% + 32px);
  background-color: #e5f1f9;
  margin: -10px -16px 0 -16px;
  padding: 0 2px;
}
.phoenix-card .status-bar .status-bar-item {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.phoenix-card .status-bar .status-bar-item .status-bar-contnet {
  font-size: 14px;
  color: #444444;
  line-height: 1;
}
.phoenix-card .chat-options {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}
.phoenix-card .chat-options .row {
  flex-grow: 1;
}
.phoenix-card .chat-options .field-group .mat-form-field {
  background-color: #fff;
}
.phoenix-card .chat-options .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked {
  background-color: #0077c0;
  color: #fff;
}
.phoenix-card .chat-options .mat-button-toggle-group .mat-button-toggle ::ng-deep .mat-button-toggle-label-content {
  line-height: 40px;
}
.phoenix-card .full-content {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.phoenix-card .full-content.auto-height {
  height: auto;
}
.phoenix-card .full-content img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.phoenix-card .full-content .not-found-box img {
  width: 70px;
}
.phoenix-card .full-content .apexcharts-text tspan {
  font-size: 14px;
  font-weight: 500;
  font-family: Roboto, sans-serif !important;
  color: #000000 !important;
}
.phoenix-card .full-content .apexcharts-legend-text {
  font-size: 14px !important;
  font-weight: 500 !important;
  font-family: Roboto, sans-serif !important;
  color: #000000 !important;
}
.phoenix-card .full-content.table-content {
  margin: -10px -16px 0 -16px;
  width: calc(100% + 32px);
}
.phoenix-card .phoenix-progress {
  height: 24px;
  border-radius: 12px;
}
.phoenix-card .progress-details {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
  transform: translateY(2px);
}
.phoenix-card .progress-details p {
  font-size: 16px;
  color: #6c737f;
  margin-bottom: 0;
  line-height: 1;
}
@media (max-width: 1610px) {
  .phoenix-card .progress-details p {
    font-size: 14px;
  }
}
@media (max-width: 1370px) {
  .phoenix-card .progress-details p {
    font-size: 13px;
  }
}
.phoenix-card .card-icon {
  width: 48px;
  height: 48px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.phoenix-card .card-icon i {
  color: #fff;
  font-size: 22px;
}
.phoenix-card .card-icon.blue {
  background-color: #0077c0;
}
.phoenix-card .card-icon.green {
  background-color: #5ab78a;
}
.phoenix-card .card-icon.red {
  background-color: #df6b51;
}
.phoenix-card .card-icon.orange {
  background-color: #ff8300;
}
.phoenix-card .card-icon.yellow {
  background-color: #ffba39;
}
.phoenix-card .card-icon.pink {
  background-color: #ef5777;
}
.phoenix-card .card-icon.black {
  background-color: #1e272e;
}
.phoenix-card .card-icon.berry {
  background-color: rgb(181, 52, 113);
}
.phoenix-card .card-icon.lavender {
  background-color: rgb(217, 128, 250);
}
.phoenix-card .card-icon.gray {
  background-color: gray;
}
.phoenix-card .card-icon.no-bg {
  background-color: transparent;
}
.phoenix-card .card-icon.no-bg i {
  color: #0077c0;
}
.phoenix-card .card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.phoenix-card .card-content .title {
  font-size: 16px;
  font-weight: 600;
  color: #6c737f;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  max-width: 12ch;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 1800px) {
  .phoenix-card .card-content .title {
    max-width: 15ch;
  }
}
@media screen and (max-width: 1600px) {
  .phoenix-card .card-content .title {
    max-width: 13ch;
  }
}
@media screen and (max-width: 1450px) {
  .phoenix-card .card-content .title {
    max-width: 18ch;
  }
}
@media screen and (max-width: 1380px) {
  .phoenix-card .card-content .title {
    max-width: 13ch;
  }
}
.phoenix-card .card-content .value {
  font-size: 20px;
  font-weight: 600;
  color: #000;
  line-height: 1;
}
.phoenix-card .flex-title-action {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 1500px) {
  .phoenix-card .flex-title-action .title {
    max-width: 75%;
  }
}
.phoenix-card .flex-title-action .actions {
  display: flex;
  gap: 8px;
}
.phoenix-card .flex-title-action .actions .field-group .mat-form-field {
  font-size: 14px;
}
.phoenix-card .flex-title-action .actions .field-group .mat-form-field-subscript-wrapper {
  margin-top: 0;
}
.phoenix-card .flex-title-action .actions .widget-reload {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  margin-right: 6px;
  color: #ababab;
}
.phoenix-card .flex-title-action .actions .widget-reload .move-icon {
  cursor: grab;
}
.phoenix-card .flex-title-action .actions .widget-reload .mat-icon-button {
  font-size: 16px;
  border: none;
}
.phoenix-card .status-widget {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  margin-top: 6px;
  height: 100%;
  width: 100%;
  justify-content: space-between;
}
.phoenix-card .status-widget.grid-3-cols {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
@media (max-width: 1800px) {
  .phoenix-card .status-widget.grid-3-cols {
    grid-template-columns: 1fr 1fr;
  }
}
.phoenix-card .status-widget.auto-height {
  height: auto;
}
.phoenix-card .status-widget .phoenix-card {
  flex-grow: 1;
}
@media (max-width: 1800px) {
  .phoenix-card .status-widget {
    grid-template-columns: 1fr 1fr;
    height: auto;
  }
}
.phoenix-card .refresh-time {
  color: #ababab;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: center;
}
.phoenix-card .refresh-time .mat-icon {
  text-align: center;
  line-height: 24px;
}
.phoenix-card .chart-toggle {
  display: flex;
  flex-direction: row;
  justify-content: flex-end;
  width: 100%;
  margin-top: 6px;
}
.phoenix-card .chart-toggle .mat-button-toggle-group .mat-button-toggle {
  min-width: 75px;
}
.phoenix-card .chart-toggle .mat-button-toggle-group .mat-button-toggle.mat-button-toggle-checked {
  background-color: #0077c0;
  color: #fff;
}
.phoenix-card .chart-toggle .mat-button-toggle-group .mat-button-toggle ::ng-deep .mat-button-toggle-label-content {
  line-height: 40px;
}
.phoenix-card .table-tabs-container {
  width: 100%;
}
.phoenix-card .table-tabs-container .mat-tab-label,
.phoenix-card .table-tabs-container .mat-tab-link {
  font-size: 16px;
}
.phoenix-card .table-tabs-container .chart-toggle {
  margin-top: 12px;
}
.phoenix-card .table-tabs-container ::ng-deep .mat-tab-body-content {
  gap: 10px;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.phoenix-card:hover .refresh-time {
  opacity: 1;
}
.phoenix-card:hover .flex-title-action .actions .widget-reload {
  opacity: 1;
}

app-project-dashboard ff-dashboard-integration-projects .phoenix-dashboard {
  transform: translateY(-5px) !important;
  padding: 0 0 20px 0 !important;
}

.project-sections-right-panel.collapsed .project-progress-chart {
  margin: -30px -16px -70px 0;
}

ff-location-demo-dashboard ff-dashboard-integration-location .phoenix-dashboard {
  padding: 0 0 20px 0 !important;
}

/* @import "../AggregatedAssets/styles/all-v5.css"; */