@charset "UTF-8";

@font-face {
  font-family: "keypay-app";
  src:url("fonts/keypay-app.eot?v=1.1");
  src:url("fonts/keypay-app.eot?#iefix") format("embedded-opentype"),
    url("fonts/keypay-app.woff?v=1.1") format("woff"),
    url("fonts/keypay-app.ttf?v=1.1") format("truetype"),
    url("fonts/keypay-app.svg?v=1.1#keypay-app") format("svg");
  font-weight: normal;
  font-style: normal;

}

[data-icon]:before {
  font-family: "keypay-app" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

.kpi-add-leave:before {
  content: "\61";
}
.kpi-add-timesheet:before {
  content: "\62";
}
.kpi-alert:before {
  content: "\63";
}
.kpi-approval:before {
  content: "\64";
}
.kpi-bid:before {
  content: "\65";
}
.kpi-calendar:before {
  content: "\66";
}
.kpi-cmi:before {
  content: "\67";
}
.kpi-cmi-mini:before {
  content: "\68";
}
.kpi-ess:before {
  content: "\69";
}
.kpi-ess-mini:before {
  content: "\6a";
}
.kpi-arrow-left:before {
  content: "\6b";
}
.kpi-arrow-right:before {
  content: "\6c";
}
.kpi-arrow-up:before {
  content: "\6d";
}
.kpi-arrow-down:before {
  content: "\6e";
}
.kpi-icon-attachment:before {
  content: "\6f";
}
.kpi-icon-backward:before {
  content: "\70";
}
.kpi-bell:before {
  content: "\71";
}
.kpi-delete:before {
  content: "\72";
}
.kpi-budget:before {
  content: "\73";
}
.kpi-business:before {
  content: "\74";
}
.kpi-calculator:before {
  content: "\75";
}
.kpi-cancel:before {
  content: "\76";
}
.kpi-caret-down:before {
  content: "\77";
}
.kpi-caret-up:before {
  content: "\78";
}
.kpi-chat:before {
  content: "\79";
}
.kpi-check:before {
  content: "\7a";
}
.kpi-claim:before {
  content: "\41";
}
.kpi-icon-coffee:before {
  content: "\42";
}
.kpi-cross:before {
  content: "\43";
}
.kpi-duplicate:before {
  content: "\46";
}
.kpi-employee:before {
  content: "\47";
}
.kpi-icon-eye:before {
  content: "\48";
}
.kpi-backwardplus:before {
  content: "\49";
}
.kpi-filter:before {
  content: "\4a";
}
.kpi-folder:before {
  content: "\4b";
}
.kpi-forward:before {
  content: "\4c";
}
.kpi-forwardplus:before {
  content: "\4d";
}
.kpi-google:before {
  content: "\4e";
}
.kpi-help:before {
  content: "\4f";
}
.kpi-home:before {
  content: "\50";
}
.kpi-leave:before {
  content: "\51";
}
.kpi-listbullet:before {
  content: "\52";
}
.kpi-mailup:before {
  content: "\53";
}
.kpi-minus-round:before {
  content: "\54";
}
.kpi-moon:before {
  content: "\55";
}
.kpi-outlook:before {
  content: "\56";
}
.kpi-icon-pay:before {
  content: "\57";
}
.kpi-payment-sum:before {
  content: "\58";
}
.kpi-payslip:before {
  content: "\59";
}
.kpi-pencil:before {
  content: "\5a";
}
.kpi-add:before {
  content: "\30";
}
.kpi-plus-round:before {
  content: "\31";
}
.kpi-print:before {
  content: "\32";
}
.kpi-profile:before {
  content: "\33";
}
.kpi-refresh:before {
  content: "\34";
}
.kpi-report:before {
  content: "\35";
}
.kpi-search:before {
  content: "\36";
}
.kpi-icon-settings:before {
  content: "\37";
}
.kpi-share:before {
  content: "\38";
}
.kpi-smiley:before {
  content: "\39";
}
.kpi-sub:before {
  content: "\21";
}
.kpi-template:before {
  content: "\22";
}
.kpi-time:before {
  content: "\23";
}
.kpi-idcard:before {
  content: "\24";
}
.kpi-import:before {
  content: "\25";
}
.kpi-leave-calendar:before {
  content: "\26";
}
.kpi-payrun-task:before {
  content: "\28";
}
.kpi-pending-shift:before {
  content: "\29";
}
.kpi-recurring:before {
  content: "\2a";
}
.kpi-result:before {
  content: "\2b";
}
.kpi-shift-bidding:before {
  content: "\2c";
}
.kpi-swap:before {
  content: "\2d";
}
.kpi-swap-shift:before {
  content: "\2e";
}
.kpi-uk-claim:before {
  content: "\2f";
}
.kpi-text-doc:before {
  content: "\3a";
}
.kpi-uk-icon-bank:before {
  content: "\3b";
}
.kpi-uk-budget:before {
  content: "\3c";
}
.kpi-uk-icon-pay:before {
  content: "\3d";
}
.kpi-uk-payment-sum:before {
  content: "\3e";
}
.kpi-uk-payslip:before {
  content: "\3f";
}
.kpi-cloud-upload:before {
  content: "\40";
}
.kpi-cloud:before {
  content: "\5b";
}
.kpi-workzone:before {
  content: "\5d";
}
.kpi-employmentherowork-mini:before {
  content: "";
  display: inline-block;
  width: 1em;
  height: 1em;
  background: url('../keypay-icons/EmploymentHeroWork.svg') no-repeat center center;
  background-size: contain;
  margin-bottom: -0.1em;
}
.kpi-swag-mini:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background: url('../keypay-icons/Swag_Mauve.svg') no-repeat center center;
    background-size: contain;
    margin-bottom: -0.1em;
}
.kpi-workzone-mini:before {
  content: "\5e";
}
.kpi-wz-icon:before {
  content: "\5f";
}
.kpi-switch:before {
  content: "\60";
}
.kpi-plus:before {
  content: "\7b";
}
.kpi-exclamation-circle:before {
  content: "\7c";
}
.kpi-minus:before {
  content: "\7d";
}
.kpi-minimize:before {
  content: "\44";
}
.kpi-download:before {
  content: "\45";
}
.kpi-untitled-font-1:before {
  content: "\40";
}
.kpi-cloud-upload:before {
  content: "\40";
}
.kpi-cloud-success:before {
  content: "\5b";
}
.kpi-pin-location:before {
  content: "\27";
}
.kpi-switch-filter:before {
  content: "\7e";
}
.kpi-benefits-pay:before {
  content: "\5c";
}
.kpui-hand-heart:before {
  content: "\e016";
}