@font-face {
  font-display: block;
  font-family: "naui-icon";
  src: url(".//naui-icon.ttf?8d301005eaf3a187b9b85a20fc4ccdf2") format("truetype"),
url(".//naui-icon.woff?8d301005eaf3a187b9b85a20fc4ccdf2") format("woff"),
url(".//naui-icon.woff2?8d301005eaf3a187b9b85a20fc4ccdf2") format("woff2");
}

i[class^="icon-"]::before, i[class*=" icon-"]::before {
  font-family: naui-icon !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root{
    --icon-accept: "\f101";
    --icon-air-temperature-overload-electric-consumption: "\f102";
    --icon-air-temperature-work-conditions: "\f103";
    --icon-arrow-down: "\f104";
    --icon-arrow-left: "\f105";
    --icon-arrow-right: "\f106";
    --icon-arrow-up: "\f107";
    --icon-arrows-angle-contract: "\f108";
    --icon-arrows-angle-expand: "\f109";
    --icon-ban: "\f10a";
    --icon-calendar: "\f10b";
    --icon-charts-bloxpot: "\f10c";
    --icon-charts-chart-icon: "\f10d";
    --icon-charts-charts: "\f10e";
    --icon-charts-extreme-events: "\f10f";
    --icon-charts-histogram: "\f110";
    --icon-charts-matrix: "\f111";
    --icon-charts-quality-control: "\f112";
    --icon-charts-rose-chart: "\f113";
    --icon-charts-scatter-plots: "\f114";
    --icon-charts-time-series: "\f115";
    --icon-charts-turbidity: "\f116";
    --icon-charts-turbulence: "\f117";
    --icon-charts-uptime: "\f118";
    --icon-chlorophill: "\f119";
    --icon-close: "\f11a";
    --icon-coordinates: "\f11b";
    --icon-delete: "\f11c";
    --icon-edit: "\f11d";
    --icon-fire-seaplane: "\f11e";
    --icon-fog-access-cut: "\f11f";
    --icon-fog-visibility-operations: "\f120";
    --icon-gear: "\f121";
    --icon-info-circle: "\f122";
    --icon-minus: "\f123";
    --icon-naui-arrow: "\f124";
    --icon-plus-slash-minus: "\f125";
    --icon-plus: "\f126";
    --icon-pointer-back: "\f127";
    --icon-rain-access-cut: "\f128";
    --icon-rain-access-railway: "\f129";
    --icon-rain-access-road: "\f12a";
    --icon-rain-flood-work-area: "\f12b";
    --icon-rain-hail: "\f12c";
    --icon-rain-snow: "\f12d";
    --icon-rain-visibility: "\f12e";
    --icon-revert: "\f12f";
    --icon-save: "\f130";
    --icon-sea-level-dock-flooding: "\f131";
    --icon-sea-level-docking: "\f132";
    --icon-sea-level-load-unload: "\f133";
    --icon-sea-temperature-cooling-efficiency-loss: "\f134";
    --icon-sliders: "\f135";
    --icon-stoplights: "\f136";
    --icon-user-circle: "\f137";
    --icon-var-airtemp: "\f138";
    --icon-var-bateas: "\f139";
    --icon-var-currents: "\f13a";
    --icon-var-fire: "\f13b";
    --icon-var-fog: "\f13c";
    --icon-var-freesurface: "\f13d";
    --icon-var-land-temperature: "\f13e";
    --icon-var-mhw: "\f13f";
    --icon-var-ol: "\f140";
    --icon-var-oxygen: "\f141";
    --icon-var-ph: "\f142";
    --icon-var-precipitation: "\f143";
    --icon-var-pressure: "\f144";
    --icon-var-production: "\f145";
    --icon-var-qriver: "\f146";
    --icon-var-salinity: "\f147";
    --icon-var-sea-level: "\f148";
    --icon-var-temperature: "\f149";
    --icon-var-water-temperature: "\f14a";
    --icon-var-waves: "\f14b";
    --icon-var-wind-waves: "\f14c";
    --icon-var-wind: "\f14d";
    --icon-waves-dock-flooding: "\f14e";
    --icon-waves-docking: "\f14f";
    --icon-waves-load-unload: "\f150";
    --icon-waves-navigation: "\f151";
    --icon-waves-overtaking: "\f152";
    --icon-waves-structural-damage: "\f153";
    --icon-wind-crane-operation: "\f154";
    --icon-wind-docking-system: "\f155";
    --icon-wind-environment: "\f156";
    --icon-wind-load-loss: "\f157";
    --icon-wind-pollutant-dispersion: "\f158";
}

.icon-accept::before {
  content: "\f101";
}
.icon-air-temperature-overload-electric-consumption::before {
  content: "\f102";
}
.icon-air-temperature-work-conditions::before {
  content: "\f103";
}
.icon-arrow-down::before {
  content: "\f104";
}
.icon-arrow-left::before {
  content: "\f105";
}
.icon-arrow-right::before {
  content: "\f106";
}
.icon-arrow-up::before {
  content: "\f107";
}
.icon-arrows-angle-contract::before {
  content: "\f108";
}
.icon-arrows-angle-expand::before {
  content: "\f109";
}
.icon-ban::before {
  content: "\f10a";
}
.icon-calendar::before {
  content: "\f10b";
}
.icon-charts-bloxpot::before {
  content: "\f10c";
}
.icon-charts-chart-icon::before {
  content: "\f10d";
}
.icon-charts-charts::before {
  content: "\f10e";
}
.icon-charts-extreme-events::before {
  content: "\f10f";
}
.icon-charts-histogram::before {
  content: "\f110";
}
.icon-charts-matrix::before {
  content: "\f111";
}
.icon-charts-quality-control::before {
  content: "\f112";
}
.icon-charts-rose-chart::before {
  content: "\f113";
}
.icon-charts-scatter-plots::before {
  content: "\f114";
}
.icon-charts-time-series::before {
  content: "\f115";
}
.icon-charts-turbidity::before {
  content: "\f116";
}
.icon-charts-turbulence::before {
  content: "\f117";
}
.icon-charts-uptime::before {
  content: "\f118";
}
.icon-chlorophill::before {
  content: "\f119";
}
.icon-close::before {
  content: "\f11a";
}
.icon-coordinates::before {
  content: "\f11b";
}
.icon-delete::before {
  content: "\f11c";
}
.icon-edit::before {
  content: "\f11d";
}
.icon-fire-seaplane::before {
  content: "\f11e";
}
.icon-fog-access-cut::before {
  content: "\f11f";
}
.icon-fog-visibility-operations::before {
  content: "\f120";
}
.icon-gear::before {
  content: "\f121";
}
.icon-info-circle::before {
  content: "\f122";
}
.icon-minus::before {
  content: "\f123";
}
.icon-naui-arrow::before {
  content: "\f124";
}
.icon-plus-slash-minus::before {
  content: "\f125";
}
.icon-plus::before {
  content: "\f126";
}
.icon-pointer-back::before {
  content: "\f127";
}
.icon-rain-access-cut::before {
  content: "\f128";
}
.icon-rain-access-railway::before {
  content: "\f129";
}
.icon-rain-access-road::before {
  content: "\f12a";
}
.icon-rain-flood-work-area::before {
  content: "\f12b";
}
.icon-rain-hail::before {
  content: "\f12c";
}
.icon-rain-snow::before {
  content: "\f12d";
}
.icon-rain-visibility::before {
  content: "\f12e";
}
.icon-revert::before {
  content: "\f12f";
}
.icon-save::before {
  content: "\f130";
}
.icon-sea-level-dock-flooding::before {
  content: "\f131";
}
.icon-sea-level-docking::before {
  content: "\f132";
}
.icon-sea-level-load-unload::before {
  content: "\f133";
}
.icon-sea-temperature-cooling-efficiency-loss::before {
  content: "\f134";
}
.icon-sliders::before {
  content: "\f135";
}
.icon-stoplights::before {
  content: "\f136";
}
.icon-user-circle::before {
  content: "\f137";
}
.icon-var-airtemp::before {
  content: "\f138";
}
.icon-var-bateas::before {
  content: "\f139";
}
.icon-var-currents::before {
  content: "\f13a";
}
.icon-var-fire::before {
  content: "\f13b";
}
.icon-var-fog::before {
  content: "\f13c";
}
.icon-var-freesurface::before {
  content: "\f13d";
}
.icon-var-land-temperature::before {
  content: "\f13e";
}
.icon-var-mhw::before {
  content: "\f13f";
}
.icon-var-ol::before {
  content: "\f140";
}
.icon-var-oxygen::before {
  content: "\f141";
}
.icon-var-ph::before {
  content: "\f142";
}
.icon-var-precipitation::before {
  content: "\f143";
}
.icon-var-pressure::before {
  content: "\f144";
}
.icon-var-production::before {
  content: "\f145";
}
.icon-var-qriver::before {
  content: "\f146";
}
.icon-var-salinity::before {
  content: "\f147";
}
.icon-var-sea-level::before {
  content: "\f148";
}
.icon-var-temperature::before {
  content: "\f149";
}
.icon-var-water-temperature::before {
  content: "\f14a";
}
.icon-var-waves::before {
  content: "\f14b";
}
.icon-var-wind-waves::before {
  content: "\f14c";
}
.icon-var-wind::before {
  content: "\f14d";
}
.icon-waves-dock-flooding::before {
  content: "\f14e";
}
.icon-waves-docking::before {
  content: "\f14f";
}
.icon-waves-load-unload::before {
  content: "\f150";
}
.icon-waves-navigation::before {
  content: "\f151";
}
.icon-waves-overtaking::before {
  content: "\f152";
}
.icon-waves-structural-damage::before {
  content: "\f153";
}
.icon-wind-crane-operation::before {
  content: "\f154";
}
.icon-wind-docking-system::before {
  content: "\f155";
}
.icon-wind-environment::before {
  content: "\f156";
}
.icon-wind-load-loss::before {
  content: "\f157";
}
.icon-wind-pollutant-dispersion::before {
  content: "\f158";
}