:root {
    --coBlueFilter: 
        brightness(0)
        saturate(100%)
        invert(35%)
        sepia(98%)
        saturate(648%)
        hue-rotate(168deg)
        brightness(93%)
        contrast(95%);

    --coLightRedFilter:
        invert(68%)
        sepia(30%)
        saturate(6893%)
        hue-rotate(336deg)
        brightness(100%)
        contrast(103%);

    --grayFilter:       /* --bsFieldDisabledGray */
        brightness(0)
        saturate(100%)
        invert(94%)
        sepia(5%)
        saturate(130%)
        hue-rotate(169deg)
        brightness(102%)
        contrast(89%);

    --yellowFilter:
        brightness(0)
        saturate(100%)
        invert(92%)
        sepia(15%)
        saturate(1399%)
        hue-rotate(339deg)
        brightness(102%)
        contrast(95%);

    --whiteFilter:
        invert(100%) 
        sepia(0%) 
        saturate(0%) 
        hue-rotate(125deg)
        brightness(104%)
        contrast(104%);
}

img.add {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/folder-plus.svg');
    filter: var(--coBlueFilter);
    height: 3rem;
    width: 3rem;
}

img.back {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/regular/arrow-left.svg');
    filter: var(--coBlueFilter);
    height: 2.1rem;
    width: 2.1rem;
}

img.camera {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/camera.svg');
    filter: var(--coBlueFilter);
    height: 2.75rem;
    width: 2.75rem;
}

img.check {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/check.svg');
    filter: var(--coBlueFilter);
    height: 2.0rem;
    width: 2.0rem;
}

img.clock {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/clock.svg');
    filter: var(--coBlueFilter);
    height: 2.65rem;
    width: 2.65rem;
}

img.clock-left {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/history.svg');
    filter: var(--coBlueFilter);
    height: 1.3rem;
    width: 1.3rem;
}

img.create {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/regular/plus.svg');
    filter: var(--coBlueFilter);
    height: 2.7rem;
    width: 2.7rem;
}

img.disabled {
    background-color: unset !important;
    cursor: default !important;
}

img.save.disabled,img.save-close.disabled {
    background-color: unset !important;
    filter: var(--grayFilter) !important;
    cursor: default !important;
}

img.error {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/exclamation-triangle.svg');
    filter: var(--yellowFilter);
    height: 1.5rem;
    width: 1.5rem;
}

img.folder-open {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/folder-open.svg');
    filter: var(--coBlueFilter);
    height: 2rem;
    width: 2rem;
}

img.hammer-crash {
    content: url('/lib/fontawesome-pro-6.5.1-web/svgs/solid/hammer-crash.svg');
    filter: var(--coBlueFilter);
    height: 3rem;
    width: 3rem;
}

img.image {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/image.svg');
    filter: var(--coBlueFilter);
    height: 3.15rem;
    width: 3.15rem;
}
img.info {
    content: url('/lib/fontawesome-pro-6.5.2-web/svgs/solid/square-info.svg');
    filter: var(--coBlueFilter);
    height: 2.075rem;
    width: 2.075rem;
}

img.link {
    content: url('/lib/fontawesome-pro-6.5.2-web/svgs/solid/link.svg');
    filter: var(--coBlueFilter);
    height: 3rem;
    width: 3rem;
}

img.meter-reading {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/tachometer-alt.svg');
    filter: var(--coBlueFilter);
    height: 3rem;
    width: 3rem;
}

img.minus {
    content: url('/lib/fontawesome-pro-6.5.1-web/svgs/solid/minus.svg');
    filter: var(--coBlueFilter);
    height: 2.0rem;
    width: 2.0rem;
}

img.pen {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/pen.svg');
    filter: var(--coBlueFilter);
    height: 1.6rem;
    width: 1.6rem;
}

img.plus {
    content: url('/lib/fontawesome-pro-6.5.1-web/svgs/solid/plus.svg');
    filter: var(--coBlueFilter);
    height: 2.0rem;
    width: 2.0rem;
}

img.qrcode {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/qrcode.svg');
    filter: var(--coBlueFilter);
    height: 2.65rem;
    width: 2.65rem;
}

img.right-left {
    content: url('/lib/fontawesome-pro-6.5.2-web/svgs/solid/right-left.svg');
    filter: var(--coBlueFilter);
    height: 2.2rem;
    width: 2.2rem;
}

img.save {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/save.svg');
    filter: var(--coBlueFilter);
    height: 2.5rem;
    width: 2.5rem;
}

img.save-close {
    content: url('/lib/fontawesome-pro-6.5.1-web/svgs/solid/floppy-disk-circle-xmark-solid.svg');
    filter: var(--coBlueFilter);
    height: 3.0rem;
    width: 3.0rem;
}

img.search {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/regular/search.svg');
    filter: var(--coBlueFilter);
    height: 1.94rem;
    width: 1.94rem;
}

img.shopping-cart {
    border-top: 0.3rem solid;
    border-right: 0.3rem solid transparent;
    border-bottom: 0;
    border-left: 0.3rem solid transparent;
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/shopping-cart.svg');
    cursor: pointer;
    filter: var(--coBlueFilter);
    height: 2.25rem;
    margin-right: 0.5rem;
    padding: 0 !important;
    width: 2.25rem;
}

img.spinner {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/regular/spinner.svg');
    filter: var(--coLightRedFilter);
    height: 2.2rem;
    width: 2.2rem;
}

img.times {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/times.svg');
    filter: var(--coBlueFilter);
    height: 1.75rem;
    width: 1.75rem;
}

img.trash {
    content: url('/lib/fontawesome-pro-5.15.4-web/svgs/solid/trash-alt.svg');
    filter: var(--coBlueFilter);
    height: 1.4rem;
    width: 1.4rem;
}