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

i.ws-icon {
    display: inline-block;
    opacity: 1;
    margin: 0em 0.25rem 0em 0em;
    width: 1em;
    height: 1em;
    font-family: 'WaterSmartIcon';
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    text-align: center;
    speak: none;
}

    i.ws-icon:before {
        background: none !important;
    }

    i.ws-icon.outdoor:before {
        content: "\f058"
    }

    i.ws-icon.water-waves:before {
        content: "\f054"
    }

    i.ws-icon.close-save:before {
        content: "\f07b"
    }

    i.ws-icon.move:before {
        content: "\f01e"
    }

    i.ws-icon.meter:before {
        content: "\f006"
    }

    i.ws-icon.portal-nav-billing-global:before {
        content: "\f06d"
    }

    i.ws-icon.chart-trend:before {
        content: "\f008"
    }

    i.ws-icon.menu:before {
        content: "\f085"
    }

    i.ws-icon.occupants:before {
        content: "\f070"
    }

    i.ws-icon.send:before {
        content: "\f047"
    }

    i.ws-icon.list:before {
        content: "\f005"
    }

    i.ws-icon.meter-class-construction:before {
        content: "\f032"
    }

    i.ws-icon.water-report-none:before {
        content: "\f044"
    }

    i.ws-icon.indoor:before {
        content: "\f04b"
    }

    i.ws-icon.arrow-up-left:before {
        content: "\f012"
    }

    i.ws-icon.channel-digital:before {
        content: "\f00d"
    }

    i.ws-icon.stop:before {
        content: "\f039"
    }

    i.ws-icon.money-piggy-bank:before {
        content: "\f07a"
    }

    i.ws-icon.occupant:before {
        content: "\f017"
    }

    i.ws-icon.email-send:before {
        content: "\f04f"
    }

    i.ws-icon.report:before {
        content: "\f045"
    }

    i.ws-icon.money-euro-sign:before {
        content: "\f011"
    }

    i.ws-icon.meter-class-fire-sprinkler:before {
        content: "\f04d"
    }

    i.ws-icon.add-plus-start:before {
        content: "\f048"
    }

    i.ws-icon.edit:before {
        content: "\f057"
    }

    i.ws-icon.portal-nav-billing-euro:before {
        content: "\f065"
    }

    i.ws-icon.settings:before {
        content: "\f02c"
    }

    i.ws-icon.hose-leak:before {
        content: "\f056"
    }

    i.ws-icon.meter-class-trash:before {
        content: "\f053"
    }

    i.ws-icon.calendar-schedule-date:before {
        content: "\f06f"
    }

    i.ws-icon.chevron-down:before {
        content: "\f013"
    }

    i.ws-icon.credit-card:before {
        content: "\f05c"
    }

    i.ws-icon.meter-class-irrigation-only:before {
        content: "\f016"
    }

    i.ws-icon.arrow-down:before {
        content: "\f002"
    }

    i.ws-icon.meter-class-sewer:before {
        content: "\f01f"
    }

    i.ws-icon.instagram:before {
        content: "\f025"
    }

    i.ws-icon.portal-nav-forms:before {
        content: "\f02f"
    }

    i.ws-icon.search-preview:before {
        content: "\f04e"
    }

    i.ws-icon.twitter:before {
        content: "\f073"
    }

    i.ws-icon.arrow-down-left:before {
        content: "\f022"
    }

    i.ws-icon.water-drop:before {
        content: "\f01d"
    }

    i.ws-icon.video:before {
        content: "\f071"
    }

    i.ws-icon.arrow-left:before {
        content: "\f076"
    }

    i.ws-icon.channel-mobile-text:before {
        content: "\f030"
    }

    i.ws-icon.close:before {
        content: "\f03e"
    }

    i.ws-icon.newsletter:before {
        content: "\f02a"
    }

    i.ws-icon.geography-unmappable:before {
        content: "\f08a"
    }

    i.ws-icon.portal-nav-billing-pound:before {
        content: "\f07e"
    }

    i.ws-icon.leaf:before {
        content: "\f050"
    }

    i.ws-icon.drag-drop:before {
        content: "\f003"
    }

    i.ws-icon.channel-email:before {
        content: "\f019"
    }

    i.ws-icon.portal-nav-track:before {
        content: "\f068"
    }

    i.ws-icon.add-form:before {
        content: "\f03c"
    }

    i.ws-icon.dot-alert:before {
        content: "\f083"
    }

    i.ws-icon.file-upload:before {
        content: "\f081"
    }

    i.ws-icon.meter-class-other:before {
        content: "\f082"
    }

    i.ws-icon.expand-full-screen:before {
        content: "\f067"
    }

    i.ws-icon.print:before {
        content: "\f08c"
    }

    i.ws-icon.meter-class-hoa:before {
        content: "\f063"
    }

    i.ws-icon.static-circle:before {
        content: "\f04c"
    }

    i.ws-icon.meter-class-irrigation-non-residential:before {
        content: "\f029"
    }

    i.ws-icon.meter-class-wholesale:before {
        content: "\f03a"
    }

    i.ws-icon.dropdown:before {
        content: "\f066"
    }

    i.ws-icon.channel-phone-voice:before {
        content: "\f07f"
    }

    i.ws-icon.portal-unregistered:before {
        content: "\f01a"
    }

    i.ws-icon.meter-class-municipal:before {
        content: "\f046"
    }

    i.ws-icon.checkmark-action:before {
        content: "\f084"
    }

    i.ws-icon.earthquake:before {
        content: "\f043"
    }

    i.ws-icon.money-pound-sign:before {
        content: "\f052"
    }

    i.ws-icon.portal-nav-logout:before {
        content: "\f00f"
    }

    i.ws-icon.meter-class-residential:before {
        content: "\f00b"
    }

    i.ws-icon.arrow-trend-up:before {
        content: "\f075"
    }

    i.ws-icon.conversation:before {
        content: "\f069"
    }

    i.ws-icon.money-dollar-sign:before {
        content: "\f036"
    }

    i.ws-icon.arrow-right:before {
        content: "\f027"
    }

    i.ws-icon.meter-class-irrigation-residential:before {
        content: "\f033"
    }

    i.ws-icon.delete-forms:before {
        content: "\f03f"
    }

    i.ws-icon.dot-help:before {
        content: "\f062"
    }

    i.ws-icon.single-select:before {
        content: "\f089"
    }

    i.ws-icon.header:before {
        content: "\f087"
    }

    i.ws-icon.weather:before {
        content: "\f001"
    }

    i.ws-icon.single-texbox:before {
        content: "\f009"
    }

    i.ws-icon.reminder-save:before {
        content: "\f038"
    }

    i.ws-icon.channel-letter:before {
        content: "\f00a"
    }

    i.ws-icon.portal-nav-take-action:before {
        content: "\f06c"
    }

    i.ws-icon.meter-class-restaurant:before {
        content: "\f051"
    }

    i.ws-icon.arrow-up-right:before {
        content: "\f049"
    }

    i.ws-icon.search-look:before {
        content: "\f059"
    }

    i.ws-icon.meter-class-commercial:before {
        content: "\f023"
    }

    i.ws-icon.portal-nav-billing:before {
        content: "\f08d"
    }

    i.ws-icon.emergency-first-aid:before {
        content: "\f07d"
    }

    i.ws-icon.chevron-right:before {
        content: "\f024"
    }

    i.ws-icon.meter-class-unmetered:before {
        content: "\f064"
    }

    i.ws-icon.conversation-add:before {
        content: "\f05a"
    }

    i.ws-icon.meter-class-golf-course:before {
        content: "\f02d"
    }

    i.ws-icon.portal-nav-settings:before {
        content: "\f01c"
    }

    i.ws-icon.copy:before {
        content: "\f040"
    }

    i.ws-icon.checkmark-confirm:before {
        content: "\f078"
    }

    i.ws-icon.exclamation-point:before {
        content: "\f018"
    }

    i.ws-icon.clock-time:before {
        content: "\f010"
    }

    i.ws-icon.meter-class-hotel:before {
        content: "\f035"
    }

    i.ws-icon.chart-data:before {
        content: "\f03b"
    }

    i.ws-icon.arrow-down-right:before {
        content: "\f077"
    }

    i.ws-icon.meter-class-industrial:before {
        content: "\f06b"
    }

    i.ws-icon.tree:before {
        content: "\f072"
    }

    i.ws-icon.security-padlock-password:before {
        content: "\f088"
    }

    i.ws-icon.computer:before {
        content: "\f05e"
    }

    i.ws-icon.legend-precipitation:before {
        content: "\f026"
    }

    i.ws-icon.sidebar-toggle:before {
        content: "\f06e"
    }

    i.ws-icon.delete:before {
        content: "\f05f"
    }

    i.ws-icon.water-report-email:before {
        content: "\f079"
    }

    i.ws-icon.dot-star:before {
        content: "\f042"
    }

    i.ws-icon.arrow-up:before {
        content: "\f06a"
    }

    i.ws-icon.leak-pipe:before {
        content: "\f007"
    }

    i.ws-icon.meter-class-stormwater:before {
        content: "\f034"
    }

    i.ws-icon.file:before {
        content: "\f01b"
    }

    i.ws-icon.channel-mail:before {
        content: "\f07c"
    }

    i.ws-icon.linked:before {
        content: "\f060"
    }

    i.ws-icon.refresh-reset-update:before {
        content: "\f04a"
    }

    i.ws-icon.meter-class-agriculture:before {
        content: "\f041"
    }

    i.ws-icon.water-report:before {
        content: "\f014"
    }

    i.ws-icon.dynamic-auto-update:before {
        content: "\f03d"
    }

    i.ws-icon.dot-about-info:before {
        content: "\f028"
    }

    i.ws-icon.portal-nav-home:before {
        content: "\f00e"
    }

    i.ws-icon.question-mark:before {
        content: "\f061"
    }

    i.ws-icon.star:before {
        content: "\f055"
    }

    i.ws-icon.description:before {
        content: "\f074"
    }

    i.ws-icon.state-california:before {
        content: "\f00c"
    }

    i.ws-icon.chevron-left:before {
        content: "\f08b"
    }

    i.ws-icon.fix-wrench:before {
        content: "\f05d"
    }

    i.ws-icon.portal:before {
        content: "\f086"
    }

    i.ws-icon.arrow-trend-down:before {
        content: "\f08e"
    }

    i.ws-icon.geography-pin:before {
        content: "\f021"
    }

    i.ws-icon.meter-class-school:before {
        content: "\f015"
    }

    i.ws-icon.meter-class-unknown:before {
        content: "\f004"
    }

    i.ws-icon.facebookIcon:before {
        content: "\f080"
    }

    i.ws-icon.minimize:before {
        content: "\f02b"
    }

    i.ws-icon.youtube:before {
        content: "\f05b"
    }

    i.ws-icon.flag:before {
        content: "\f037"
    }

    i.ws-icon.chevron-up:before {
        content: "\f020"
    }

    i.ws-icon.meter-class-multi-tenant:before {
        content: "\f031"
    }

    i.ws-icon.geography-map:before {
        content: "\f02e"
    }