/* Icon system (local SVG masks)
 * Generated by generate-icons.js from requirements.json
 * To add a new icon: drop the SVG in ../img/icons/ and add a rule below.
 */

.cnm-icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  background-color: currentColor;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: contain;
  mask-size: contain;
  vertical-align: -0.125em;
  pointer-events: none;
}

.icon-android                 { -webkit-mask-image: url("../img/icons/icon-android.svg");                 mask-image: url("../img/icons/icon-android.svg"); }
.icon-angle-down              { -webkit-mask-image: url("../img/icons/icon-angle-down.svg");              mask-image: url("../img/icons/icon-angle-down.svg"); }
.icon-angle-right-solid       { -webkit-mask-image: url("../img/icons/icon-angle-right-solid.svg");       mask-image: url("../img/icons/icon-angle-right-solid.svg"); }
.icon-apple                   { -webkit-mask-image: url("../img/icons/icon-apple.svg");                   mask-image: url("../img/icons/icon-apple.svg"); }
.icon-arrow-right             { -webkit-mask-image: url("../img/icons/icon-arrow-right.svg");             mask-image: url("../img/icons/icon-arrow-right.svg"); }
.icon-award                   { -webkit-mask-image: url("../img/icons/icon-award.svg");                   mask-image: url("../img/icons/icon-award.svg"); }
.icon-bank                    { -webkit-mask-image: url("../img/icons/icon-bank.svg");                    mask-image: url("../img/icons/icon-bank.svg"); }
.icon-calendar                { -webkit-mask-image: url("../img/icons/icon-calendar.svg");                mask-image: url("../img/icons/icon-calendar.svg"); }
.icon-calendar-check          { -webkit-mask-image: url("../img/icons/icon-calendar-check.svg");          mask-image: url("../img/icons/icon-calendar-check.svg"); }
.icon-calendar-range          { -webkit-mask-image: url("../img/icons/icon-calendar-range.svg");          mask-image: url("../img/icons/icon-calendar-range.svg"); }
.icon-calendar-solid          { -webkit-mask-image: url("../img/icons/icon-calendar-solid.svg");          mask-image: url("../img/icons/icon-calendar-solid.svg"); }
.icon-calendar-thin           { -webkit-mask-image: url("../img/icons/icon-calendar-thin.svg");           mask-image: url("../img/icons/icon-calendar-thin.svg"); }
.icon-camera-retro            { -webkit-mask-image: url("../img/icons/icon-camera-retro.svg");            mask-image: url("../img/icons/icon-camera-retro.svg"); }
.icon-caret-down              { -webkit-mask-image: url("../img/icons/icon-caret-down.svg");              mask-image: url("../img/icons/icon-caret-down.svg"); }
.icon-caret-right             { -webkit-mask-image: url("../img/icons/icon-caret-right.svg");             mask-image: url("../img/icons/icon-caret-right.svg"); }
.icon-chart-line-up           { -webkit-mask-image: url("../img/icons/icon-chart-line-up.svg");           mask-image: url("../img/icons/icon-chart-line-up.svg"); }
.icon-check                   { -webkit-mask-image: url("../img/icons/icon-check.svg");                   mask-image: url("../img/icons/icon-check.svg"); }
.icon-chevron-left            { -webkit-mask-image: url("../img/icons/icon-chevron-left.svg");            mask-image: url("../img/icons/icon-chevron-left.svg"); }
.icon-chevron-right           { -webkit-mask-image: url("../img/icons/icon-chevron-right.svg");           mask-image: url("../img/icons/icon-chevron-right.svg"); }
.icon-child                   { -webkit-mask-image: url("../img/icons/icon-child.svg");                   mask-image: url("../img/icons/icon-child.svg"); }
.icon-church                  { -webkit-mask-image: url("../img/icons/icon-church.svg");                  mask-image: url("../img/icons/icon-church.svg"); }
.icon-clock                   { -webkit-mask-image: url("../img/icons/icon-clock.svg");                   mask-image: url("../img/icons/icon-clock.svg"); }
.icon-clock-rotate-left       { -webkit-mask-image: url("../img/icons/icon-clock-rotate-left.svg");       mask-image: url("../img/icons/icon-clock-rotate-left.svg"); }
.icon-comments                { -webkit-mask-image: url("../img/icons/icon-comments.svg");                mask-image: url("../img/icons/icon-comments.svg"); }
.icon-credit-card             { -webkit-mask-image: url("../img/icons/icon-credit-card.svg");             mask-image: url("../img/icons/icon-credit-card.svg"); }
.icon-d                       { -webkit-mask-image: url("../img/icons/icon-d.svg");                       mask-image: url("../img/icons/icon-d.svg"); }
.icon-delivery-logistics      { -webkit-mask-image: url("../img/icons/icon-delivery-logistics.svg");      mask-image: url("../img/icons/icon-delivery-logistics.svg"); }
.icon-donate                  { -webkit-mask-image: url("../img/icons/icon-donate.svg");                  mask-image: url("../img/icons/icon-donate.svg"); }
.icon-envelope                { -webkit-mask-image: url("../img/icons/icon-envelope.svg");                mask-image: url("../img/icons/icon-envelope.svg"); }
.icon-eye-slash               { -webkit-mask-image: url("../img/icons/icon-eye-slash.svg");               mask-image: url("../img/icons/icon-eye-slash.svg"); }
.icon-facebook                { -webkit-mask-image: url("../img/icons/icon-facebook.svg");                mask-image: url("../img/icons/icon-facebook.svg"); }
.icon-fax                     { -webkit-mask-image: url("../img/icons/icon-fax.svg");                     mask-image: url("../img/icons/icon-fax.svg"); }
.icon-files                   { -webkit-mask-image: url("../img/icons/icon-files.svg");                   mask-image: url("../img/icons/icon-files.svg"); }
.icon-flag                    { -webkit-mask-image: url("../img/icons/icon-flag.svg");                    mask-image: url("../img/icons/icon-flag.svg"); }
.icon-fleet                   { -webkit-mask-image: url("../img/icons/icon-fleet.svg");                   mask-image: url("../img/icons/icon-fleet.svg"); }
.icon-folder                  { -webkit-mask-image: url("../img/icons/icon-folder.svg");                  mask-image: url("../img/icons/icon-folder.svg"); }
.icon-gear                    { -webkit-mask-image: url("../img/icons/icon-gear.svg");                    mask-image: url("../img/icons/icon-gear.svg"); }
.icon-hand-holding-dollar     { -webkit-mask-image: url("../img/icons/icon-hand-holding-dollar.svg");     mask-image: url("../img/icons/icon-hand-holding-dollar.svg"); }
.icon-handshake               { -webkit-mask-image: url("../img/icons/icon-handshake.svg");               mask-image: url("../img/icons/icon-handshake.svg"); }
.icon-hard-hat                { -webkit-mask-image: url("../img/icons/icon-hard-hat.svg");                mask-image: url("../img/icons/icon-hard-hat.svg"); }
.icon-head-side-gear          { -webkit-mask-image: url("../img/icons/icon-head-side-gear.svg");          mask-image: url("../img/icons/icon-head-side-gear.svg"); }
.icon-heart                   { -webkit-mask-image: url("../img/icons/icon-heart.svg");                   mask-image: url("../img/icons/icon-heart.svg"); }
.icon-instagram               { -webkit-mask-image: url("../img/icons/icon-instagram.svg");               mask-image: url("../img/icons/icon-instagram.svg"); }
.icon-lightbulb               { -webkit-mask-image: url("../img/icons/icon-lightbulb.svg");               mask-image: url("../img/icons/icon-lightbulb.svg"); }
.icon-linkedin                { -webkit-mask-image: url("../img/icons/icon-linkedin.svg");                mask-image: url("../img/icons/icon-linkedin.svg"); }
.icon-loc-pin                 { -webkit-mask-image: url("../img/icons/icon-loc-pin.svg");                 mask-image: url("../img/icons/icon-loc-pin.svg"); }
.icon-long-arrow-left         { -webkit-mask-image: url("../img/icons/icon-long-arrow-left.svg");         mask-image: url("../img/icons/icon-long-arrow-left.svg"); }
.icon-long-arrow-right        { -webkit-mask-image: url("../img/icons/icon-long-arrow-right.svg");        mask-image: url("../img/icons/icon-long-arrow-right.svg"); }
.icon-map-marker-alt          { -webkit-mask-image: url("../img/icons/icon-map-marker-alt.svg");          mask-image: url("../img/icons/icon-map-marker-alt.svg"); }
.icon-megaphone               { -webkit-mask-image: url("../img/icons/icon-megaphone.svg");               mask-image: url("../img/icons/icon-megaphone.svg"); }
.icon-modern-fleet            { -webkit-mask-image: url("../img/icons/icon-modern-fleet.svg");            mask-image: url("../img/icons/icon-modern-fleet.svg"); }
.icon-money-bill              { -webkit-mask-image: url("../img/icons/icon-money-bill.svg");              mask-image: url("../img/icons/icon-money-bill.svg"); }
.icon-music                   { -webkit-mask-image: url("../img/icons/icon-music.svg");                   mask-image: url("../img/icons/icon-music.svg"); }
.icon-on-time                 { -webkit-mask-image: url("../img/icons/icon-on-time.svg");                 mask-image: url("../img/icons/icon-on-time.svg"); }
.icon-ops-team                { -webkit-mask-image: url("../img/icons/icon-ops-team.svg");                mask-image: url("../img/icons/icon-ops-team.svg"); }
.icon-paintbrush              { -webkit-mask-image: url("../img/icons/icon-paintbrush.svg");              mask-image: url("../img/icons/icon-paintbrush.svg"); }
.icon-pdf-icon                { -webkit-mask-image: url("../img/icons/icon-pdf-icon.svg");                mask-image: url("../img/icons/icon-pdf-icon.svg"); }
.icon-people-group            { -webkit-mask-image: url("../img/icons/icon-people-group.svg");            mask-image: url("../img/icons/icon-people-group.svg"); }
.icon-person-chalkboard       { -webkit-mask-image: url("../img/icons/icon-person-chalkboard.svg");       mask-image: url("../img/icons/icon-person-chalkboard.svg"); }
.icon-phone                   { -webkit-mask-image: url("../img/icons/icon-phone.svg");                   mask-image: url("../img/icons/icon-phone.svg"); }
.icon-piggy-bank              { -webkit-mask-image: url("../img/icons/icon-piggy-bank.svg");              mask-image: url("../img/icons/icon-piggy-bank.svg"); }
.icon-play                    { -webkit-mask-image: url("../img/icons/icon-play.svg");                    mask-image: url("../img/icons/icon-play.svg"); }
.icon-play-circle             { -webkit-mask-image: url("../img/icons/icon-play-circle.svg");             mask-image: url("../img/icons/icon-play-circle.svg"); }
.icon-play-icon               { -webkit-mask-image: url("../img/icons/icon-play-icon.svg");               mask-image: url("../img/icons/icon-play-icon.svg"); }
.icon-play-triangle           { -webkit-mask-image: url("../img/icons/icon-play-triangle.svg");           mask-image: url("../img/icons/icon-play-triangle.svg"); }
.icon-play-video              { -webkit-mask-image: url("../img/icons/icon-play-video.svg");              mask-image: url("../img/icons/icon-play-video.svg"); }
.icon-plus                    { -webkit-mask-image: url("../img/icons/icon-plus.svg");                    mask-image: url("../img/icons/icon-plus.svg"); }
.icon-process-complete        { -webkit-mask-image: url("../img/icons/icon-process-complete.svg");        mask-image: url("../img/icons/icon-process-complete.svg"); }
.icon-process-crush           { -webkit-mask-image: url("../img/icons/icon-process-crush.svg");           mask-image: url("../img/icons/icon-process-crush.svg"); }
.icon-process-deliver         { -webkit-mask-image: url("../img/icons/icon-process-deliver.svg");         mask-image: url("../img/icons/icon-process-deliver.svg"); }
.icon-process-deliver-trucking{ -webkit-mask-image: url("../img/icons/icon-process-deliver-trucking.svg");mask-image: url("../img/icons/icon-process-deliver-trucking.svg"); }
.icon-process-haul            { -webkit-mask-image: url("../img/icons/icon-process-haul.svg");            mask-image: url("../img/icons/icon-process-haul.svg"); }
.icon-process-order           { -webkit-mask-image: url("../img/icons/icon-process-order.svg");           mask-image: url("../img/icons/icon-process-order.svg"); }
.icon-process-receive         { -webkit-mask-image: url("../img/icons/icon-process-receive.svg");         mask-image: url("../img/icons/icon-process-receive.svg"); }
.icon-process-schedule        { -webkit-mask-image: url("../img/icons/icon-process-schedule.svg");        mask-image: url("../img/icons/icon-process-schedule.svg"); }
.icon-process-screen          { -webkit-mask-image: url("../img/icons/icon-process-screen.svg");          mask-image: url("../img/icons/icon-process-screen.svg"); }
.icon-process-stockpile       { -webkit-mask-image: url("../img/icons/icon-process-stockpile.svg");       mask-image: url("../img/icons/icon-process-stockpile.svg"); }
.icon-projects-served         { -webkit-mask-image: url("../img/icons/icon-projects-served.svg");         mask-image: url("../img/icons/icon-projects-served.svg"); }
.icon-quality-materials       { -webkit-mask-image: url("../img/icons/icon-quality-materials.svg");       mask-image: url("../img/icons/icon-quality-materials.svg"); }
.icon-safe-production         { -webkit-mask-image: url("../img/icons/icon-safe-production.svg");         mask-image: url("../img/icons/icon-safe-production.svg"); }
.icon-safety-first            { -webkit-mask-image: url("../img/icons/icon-safety-first.svg");            mask-image: url("../img/icons/icon-safety-first.svg"); }
.icon-scdot-compliant         { -webkit-mask-image: url("../img/icons/icon-scdot-compliant.svg");         mask-image: url("../img/icons/icon-scdot-compliant.svg"); }
.icon-search                  { -webkit-mask-image: url("../img/icons/icon-search.svg");                  mask-image: url("../img/icons/icon-search.svg"); }
.icon-shield                  { -webkit-mask-image: url("../img/icons/icon-shield.svg");                  mask-image: url("../img/icons/icon-shield.svg"); }
.icon-shield-check            { -webkit-mask-image: url("../img/icons/icon-shield-check.svg");            mask-image: url("../img/icons/icon-shield-check.svg"); }
.icon-sign-in                 { -webkit-mask-image: url("../img/icons/icon-sign-in.svg");                 mask-image: url("../img/icons/icon-sign-in.svg"); }
.icon-slider-next                   { -webkit-mask-image: url("../img/icons/icon-slider-next.svg");                  mask-image: url("../img/icons/icon-slider-next.svg"); }
.icon-slider-prev                   { -webkit-mask-image: url("../img/icons/icon-slider-prev.svg");                  mask-image: url("../img/icons/icon-slider-prev.svg"); }
.icon-sliders-up              { -webkit-mask-image: url("../img/icons/icon-sliders-up.svg");              mask-image: url("../img/icons/icon-sliders-up.svg"); }
.icon-sparkles                { -webkit-mask-image: url("../img/icons/icon-sparkles.svg");                mask-image: url("../img/icons/icon-sparkles.svg"); }
.icon-speaker                 { -webkit-mask-image: url("../img/icons/icon-speaker.svg");                 mask-image: url("../img/icons/icon-speaker.svg"); }
.icon-square-arrow-right      { -webkit-mask-image: url("../img/icons/icon-square-arrow-right.svg");      mask-image: url("../img/icons/icon-square-arrow-right.svg"); }
.icon-star                    { -webkit-mask-image: url("../img/icons/icon-star.svg");                    mask-image: url("../img/icons/icon-star.svg"); }
.icon-team-members            { -webkit-mask-image: url("../img/icons/icon-team-members.svg");            mask-image: url("../img/icons/icon-team-members.svg"); }
.icon-ticket                  { -webkit-mask-image: url("../img/icons/icon-ticket.svg");                  mask-image: url("../img/icons/icon-ticket.svg"); }
.icon-user-area               { -webkit-mask-image: url("../img/icons/icon-user-area.svg");               mask-image: url("../img/icons/icon-user-area.svg"); }
.icon-user-circle             { -webkit-mask-image: url("../img/icons/icon-user-circle.svg");             mask-image: url("../img/icons/icon-user-circle.svg"); }
.icon-users                   { -webkit-mask-image: url("../img/icons/icon-users.svg");                   mask-image: url("../img/icons/icon-users.svg"); }
.icon-whatsapp                { -webkit-mask-image: url("../img/icons/icon-whatsapp.svg");                mask-image: url("../img/icons/icon-whatsapp.svg"); }
.icon-wrench                  { -webkit-mask-image: url("../img/icons/icon-wrench.svg");                  mask-image: url("../img/icons/icon-wrench.svg"); }
.icon-x                       { -webkit-mask-image: url("../img/icons/icon-x.svg");                       mask-image: url("../img/icons/icon-x.svg"); }
.icon-x-twitter               { -webkit-mask-image: url("../img/icons/icon-x-twitter.svg");               mask-image: url("../img/icons/icon-x-twitter.svg"); }
.icon-youtube                 { -webkit-mask-image: url("../img/icons/icon-youtube.svg");                 mask-image: url("../img/icons/icon-youtube.svg"); }