mekari-ui-toolkit/dist/css/components/mekari-ui-icons.css

Mekari ui toolkit

.ic {
  width: 24px;
  height: 24px;
  font-family: "Mekari-Icon-Regular", sans-serif;
  font-size: 24px;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  line-height: 1;
}

.ic {
  display: inline-block;
}

.ic.ic-small {
  width: 20px;
  height: 20px;
  font-size: 20px;
}

.ic.ic-medium {
  width: 32px;
  height: 32px;
  font-size: 32px;
}

.ic.ic-large {
  width: 60px;
  height: 60px;
  font-size: 60px;
}

.ic.ic-blankslate {
  width: 120px;
  height: 120px;
  padding: 10px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100px 100px;
}

.ic-input-prefix {
  position: absolute;
  top: 6px;
  left: 6px;
  z-index: 5;
  padding: 0;
  color: inherit;
  pointer-events: all;
  cursor: pointer;
}

.ic-input-prefix.ic-small {
  top: 8px;
  left: 10px;
}

.ic-input-suffix {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 5;
  padding: 0;
  color: inherit;
  pointer-events: all;
  cursor: pointer;
}

.ic-input-suffix.ic-input-double-suffix, .ic-input-suffix.ic-input-suffix--double {
  right: 36px;
  z-index: 5;
}

.ic-input-suffix.ic-small {
  top: 8px;
  right: 10px;
}

.ic-input-suffix.ic-small.ic-input-double-suffix, .ic-input-suffix.ic-small.ic-input-suffix--double {
  right: 38px;
}

.ic-activity {
  color: #777;
}

.ic-activity::before {
  color: inherit;
  content: "\e93a";
}

.ic-add {
  color: #777;
}

.ic-add::before {
  color: inherit;
  content: "\e800";
}

.ic-addons {
  color: #777;
}

.ic-addons::before {
  color: inherit;
  content: "\e93b";
}

.ic-add-fill {
  color: #777;
}

.ic-add-fill::before {
  color: inherit;
  content: "\e95e";
}

.ic-add-fill-light {
  color: #777;
}

.ic-add-fill-light::before {
  color: inherit;
  content: "\e992";
}

.ic-add-staff {
  color: #777;
}

.ic-add-staff::before {
  color: inherit;
  content: "\e956";
}

.ic-adjustment {
  color: #777;
}

.ic-adjustment::before {
  color: inherit;
  content: "\e947";
}

.ic-alarm {
  color: #777;
}

.ic-alarm::before {
  color: inherit;
  content: "\e93c";
}

.ic-approval {
  color: #777;
}

.ic-approval::before {
  color: inherit;
  content: "\e948";
}

.ic-arrow-down {
  color: #777;
}

.ic-arrow-down::before {
  color: inherit;
  content: "\e94b";
}

.ic-arrow-left {
  color: #777;
}

.ic-arrow-left::before {
  color: inherit;
  content: "\e94c";
}

.ic-arrow-right {
  color: #777;
}

.ic-arrow-right::before {
  color: inherit;
  content: "\e94d";
}

.ic-arrow-up {
  color: #777;
}

.ic-arrow-up::before {
  color: inherit;
  content: "\e94e";
}

.ic-article-fill {
  color: #777;
}

.ic-article-fill::before {
  color: inherit;
  content: "\e96c";
}

.ic-asset {
  color: #777;
}

.ic-asset::before {
  color: inherit;
  content: "\e949";
}

.ic-attachment {
  color: #777;
}

.ic-attachment::before {
  color: inherit;
  content: "\e88e";
}

.ic-bank {
  color: #777;
}

.ic-bank::before {
  color: inherit;
  content: "\e94a";
}

.ic-bank-fill {
  color: #777;
}

.ic-bank-fill::before {
  color: inherit;
  content: "\e96d";
}

.ic-billing {
  color: #777;
}

.ic-billing::before {
  color: inherit;
  content: "\e934";
}

.ic-billing-fill {
  color: #777;
}

.ic-billing-fill::before {
  color: inherit;
  content: "\e960";
}

.ic-blank-icon {
  color: #777;
}

.ic-blank-icon::before {
  color: inherit;
  content: "\e93d";
}

.ic-branch {
  color: #777;
}

.ic-branch::before {
  color: inherit;
  content: "\e935";
}

.ic-broadcast {
  color: #777;
}

.ic-broadcast::before {
  color: inherit;
  content: "\e936";
}

.ic-camera {
  color: #777;
}

.ic-camera::before {
  color: inherit;
  content: "\e89e";
}

.ic-camera-fill {
  color: #777;
}

.ic-camera-fill::before {
  color: inherit;
  content: "\e877";
}

.ic-calculator {
  color: #777;
}

.ic-calculator::before {
  color: inherit;
  content: "\e84c";
}

.ic-calendar {
  color: #777;
}

.ic-calendar::before {
  color: inherit;
  content: "\e938";
}

.ic-cart-fill {
  color: #777;
}

.ic-cart-fill::before {
  color: inherit;
  content: "\e96e";
}

.ic-celebration {
  color: #777;
}

.ic-celebration::before {
  color: inherit;
  content: "\e939";
}

.ic-certificate {
  color: #777;
}

.ic-certificate::before {
  color: inherit;
  content: "\e8a1";
}

.ic-chat {
  color: #777;
}

.ic-chat::before {
  color: inherit;
  content: "\e92e";
}

.ic-chevron-first {
  color: #777;
}

.ic-chevron-first::before {
  color: inherit;
  content: "\e942";
}

.ic-chevron-last {
  color: #777;
}

.ic-chevron-last::before {
  color: inherit;
  content: "\e943";
}

.ic-chevron-bottom {
  color: #777;
}

.ic-chevron-bottom::before {
  color: inherit;
  content: "\e88b";
}

.ic-chevron-left {
  color: #777;
}

.ic-chevron-left::before {
  color: inherit;
  content: "\e944";
}

.ic-chevron-right {
  color: #777;
}

.ic-chevron-right::before {
  color: inherit;
  content: "\e945";
}

.ic-chevron-up {
  color: #777;
}

.ic-chevron-up::before {
  color: inherit;
  content: "\e88c";
}

.ic-coa {
  color: #777;
}

.ic-coa::before {
  color: inherit;
  content: "\e92f";
}

.ic-copy {
  color: #777;
}

.ic-copy::before {
  color: inherit;
  content: "\e88a";
}

.ic-collapse {
  color: #777;
}

.ic-collapse::before {
  color: inherit;
  content: "\e89b";
}

.ic-column-settings {
  color: #777;
}

.ic-column-settings::before {
  color: inherit;
  content: "\e89c";
}

.ic-column-settings-small {
  color: #777;
}

.ic-column-settings-small::before {
  color: inherit;
  content: "\e801";
}

.ic-company {
  color: #777;
}

.ic-company::before {
  color: inherit;
  content: "\e930";
}

.ic-contact {
  color: #777;
}

.ic-contact::before {
  color: inherit;
  content: "\e931";
}

.ic-credit-card {
  color: #777;
}

.ic-credit-card::before {
  color: inherit;
  content: "\e932";
}

.ic-custom-slip {
  color: #777;
}

.ic-custom-slip::before {
  color: inherit;
  content: "\e933";
}

.ic-dashboard {
  color: #777;
}

.ic-dashboard::before {
  color: inherit;
  content: "\e928";
}

.ic-delete {
  color: #777;
}

.ic-delete::before {
  color: inherit;
  content: "\e900";
}

.ic-description {
  color: #777;
}

.ic-description::before {
  color: inherit;
  content: "\e929";
}

.ic-doc {
  color: #777;
}

.ic-doc::before {
  color: inherit;
  content: "\e92a";
}

.ic-document-pdf {
  color: #777;
}

.ic-document-pdf::before {
  color: inherit;
  content: "\e959";
}

.ic-dot {
  color: #777;
}

.ic-dot::before {
  color: inherit;
  content: "\e8f0";
}

.ic-drag {
  color: #777;
}

.ic-drag::before {
  color: inherit;
  content: "\e88d";
}

.ic-dropdown {
  color: #777;
}

.ic-dropdown::before {
  color: inherit;
  content: "\e8ef";
}

.ic-edit {
  color: #777;
}

.ic-edit::before {
  color: inherit;
  content: "\e887";
}

.ic-education {
  color: #777;
}

.ic-education::before {
  color: inherit;
  content: "\e8a0";
}

.ic-education-fill {
  color: #777;
}

.ic-education-fill::before {
  color: inherit;
  content: "\e970";
}

.ic-equal {
  color: #777;
}

.ic-equal::before {
  color: inherit;
  content: "\e886";
}

.ic-error {
  color: #777;
}

.ic-error::before {
  color: inherit;
  content: "\e93e";
}

.ic-error-fill {
  color: #777;
}

.ic-error-fill::before {
  color: inherit;
  content: "\e89a";
}

.ic-event {
  color: #777;
}

.ic-event::before {
  color: inherit;
  content: "\e958";
}

.ic-expand {
  color: #777;
}

.ic-expand::before {
  color: inherit;
  content: "\e899";
}

.ic-expense {
  color: #777;
}

.ic-expense::before {
  color: inherit;
  content: "\e92b";
}

.ic-expense-fill {
  color: #777;
}

.ic-expense-fill::before {
  color: inherit;
  content: "\e971";
}

.ic-family {
  color: #777;
}

.ic-family::before {
  color: inherit;
  content: "\e89f";
}

.ic-favorite {
  color: #777;
}

.ic-favorite::before {
  color: inherit;
  content: "\e977";
}

.ic-favorite-fill {
  color: #777;
}

.ic-favorite-fill::before {
  color: inherit;
  content: "\e978";
}

.ic-feature {
  color: #777;
}

.ic-feature::before {
  color: inherit;
  content: "\e972";
}

.ic-feedback-fill {
  color: #777;
}

.ic-feedback-fill::before {
  color: inherit;
  content: "\e973";
}

.ic-file-comment {
  color: #777;
}

.ic-file-comment::before {
  color: inherit;
  content: "\e953";
}

.ic-file-history {
  color: #777;
}

.ic-file-history::before {
  color: inherit;
  content: "\e952";
}

.ic-finance {
  color: #777;
}

.ic-finance::before {
  color: inherit;
  content: "\e92c";
}

.ic-finance-dollar {
  color: #777;
}

.ic-finance-dollar::before {
  color: inherit;
  content: "\e883";
}

.ic-finance-percentage {
  color: #777;
}

.ic-finance-percentage::before {
  color: inherit;
  content: "\e881";
}

.ic-finance-rupiah {
  color: #777;
}

.ic-finance-rupiah::before {
  color: inherit;
  content: "\e882";
}

.ic-file-download {
  color: #777;
}

.ic-file-download::before {
  color: inherit;
  content: "\e885";
}

.ic-file-upload {
  color: #777;
}

.ic-file-upload::before {
  color: inherit;
  content: "\e884";
}

.ic-filter {
  color: #777;
}

.ic-filter::before {
  color: inherit;
  content: "\e993";
}

.ic-fnb {
  color: #777;
}

.ic-fnb::before {
  color: inherit;
  content: "\e974";
}

.ic-help {
  color: #777;
}

.ic-help::before {
  color: inherit;
  content: "\e92d";
}

.ic-help-small {
  color: #777;
}

.ic-help-small::before {
  color: inherit;
  content: "\e880";
}

.ic-history {
  color: #777;
}

.ic-history::before {
  color: inherit;
  content: "\e922";
}

.ic-home {
  color: #777;
}

.ic-home::before {
  color: inherit;
  content: "\e923";
}

.ic-img {
  color: #777;
}

.ic-img::before {
  color: inherit;
  content: "\e924";
}

.ic-inbox {
  color: #777;
}

.ic-inbox::before {
  color: inherit;
  content: "\e925";
}

.ic-inbox-fill {
  color: #777;
}

.ic-inbox-fill::before {
  color: inherit;
  content: "\e902";
}

.ic-info {
  color: #777;
}

.ic-info::before {
  color: inherit;
  content: "\e898";
}

.ic-info-fill {
  color: #777;
}

.ic-info-fill::before {
  color: inherit;
  content: "\e903";
}

.ic-insurance {
  color: #777;
}

.ic-insurance::before {
  color: inherit;
  content: "\e926";
}

.ic-integrasi {
  color: #777;
}

.ic-integrasi::before {
  color: inherit;
  content: "\e927";
}

.ic-job-level {
  color: #777;
}

.ic-job-level::before {
  color: inherit;
  content: "\e91c";
}

.ic-job-title {
  color: #777;
}

.ic-job-title::before {
  color: inherit;
  content: "\e91d";
}

.ic-jurnal {
  color: #777;
}

.ic-jurnal::before {
  color: inherit;
  content: "\e84b";
}

.ic-klikpajak {
  color: #777;
}

.ic-klikpajak::before {
  color: inherit;
  content: "\e950";
}

.ic-lightbulb {
  color: #777;
}

.ic-lightbulb::before {
  color: inherit;
  content: "\e961";
}

.ic-list-fill {
  color: #777;
}

.ic-list-fill::before {
  color: inherit;
  content: "\e975";
}

.ic-loading {
  color: #777;
}

.ic-loading::before {
  color: inherit;
  content: "\e896";
}

.ic-loan {
  color: #777;
}

.ic-loan::before {
  color: inherit;
  content: "\e94f";
}

.ic-location {
  color: #777;
}

.ic-location::before {
  color: inherit;
  content: "\e91e";
}

.ic-lock {
  color: #777;
}

.ic-lock::before {
  color: inherit;
  content: "\e91f";
}

.ic-logout {
  color: #777;
}

.ic-logout::before {
  color: inherit;
  content: "\e920";
}

.ic-kebab {
  color: #777;
}

.ic-kebab::before {
  color: inherit;
  content: "\e897";
}

.ic-manufacture {
  color: #777;
}

.ic-manufacture::before {
  color: inherit;
  content: "\e976";
}

.ic-meatball {
  color: #777;
}

.ic-meatball::before {
  color: inherit;
  content: "\e895";
}

.ic-message {
  color: #777;
}

.ic-message::before {
  color: inherit;
  content: "\e957";
}

.ic-merge {
  color: #777;
}

.ic-merge::before {
  color: inherit;
  content: "\e87f";
}

.ic-migrate-fill {
  color: #777;
}

.ic-migrate-fill::before {
  color: inherit;
  content: "\e964";
}

.ic-migration {
  color: #777;
}

.ic-migration::before {
  color: inherit;
  content: "\e921";
}

.ic-m-download {
  color: #777;
}

.ic-m-download::before {
  color: inherit;
  content: "\e95d";
}

.ic-m-progress {
  color: #777;
}

.ic-m-progress::before {
  color: inherit;
  content: "\e95c";
}

.ic-m-remove {
  color: #777;
}

.ic-m-remove::before {
  color: inherit;
  content: "\e95b";
}

.ic-m-success {
  color: #777;
}

.ic-m-success::before {
  color: inherit;
  content: "\e95a";
}

.ic-notification {
  color: #777;
}

.ic-notification::before {
  color: inherit;
  content: "\e916";
}

.ic-offboarding {
  color: #777;
}

.ic-offboarding::before {
  color: inherit;
  content: "\e917";
}

.ic-onboarding {
  color: #777;
}

.ic-onboarding::before {
  color: inherit;
  content: "\e918";
}

.ic-organization {
  color: #777;
}

.ic-organization::before {
  color: inherit;
  content: "\e919";
}

.ic-other {
  color: #777;
}

.ic-other::before {
  color: inherit;
  content: "\e91b";
}

.ic-other-fill {
  color: #777;
}

.ic-other-fill::before {
  color: inherit;
  content: "\e965";
}

.ic-other-list {
  color: #777;
}

.ic-other-list::before {
  color: inherit;
  content: "\e91a";
}

.ic-outline-history {
  color: #777;
}

.ic-outline-history::before {
  color: inherit;
  content: "\e962";
}

.ic-overtime {
  color: #777;
}

.ic-overtime::before {
  color: inherit;
  content: "\e910";
}

.ic-on-process-fill {
  color: #777;
}

.ic-on-process-fill::before {
  color: inherit;
  content: "\e95f";
}

.ic-picker-calendar {
  color: #777;
}

.ic-picker-calendar::before {
  color: inherit;
  content: "\e87e";
}

.ic-picker-time {
  color: #777;
}

.ic-picker-time::before {
  color: inherit;
  content: "\e87d";
}

.ic-plans {
  color: #777;
}

.ic-plans::before {
  color: inherit;
  content: "\e955";
}

.ic-product {
  color: #777;
}

.ic-product::before {
  color: inherit;
  content: "\e911";
}

.ic-product-fill {
  color: #777;
}

.ic-product-fill::before {
  color: inherit;
  content: "\e966";
}

.ic-profile-pic {
  color: #777;
}

.ic-profile-pic::before {
  color: inherit;
  content: "\e912";
}

.ic-purchase {
  color: #777;
}

.ic-purchase::before {
  color: inherit;
  content: "\e913";
}

.ic-reload {
  color: #777;
}

.ic-reload::before {
  color: inherit;
  content: "\e914";
}

.ic-report {
  color: #777;
}

.ic-report::before {
  color: inherit;
  content: "\e915";
}

.ic-report-fill {
  color: #777;
}

.ic-report-fill::before {
  color: inherit;
  content: "\e967";
}

.ic-remove-line {
  color: #777;
}

.ic-remove-line::before {
  color: inherit;
  content: "\e87c";
}

.ic-remove-line-fill {
  color: #777;
}

.ic-remove-line-fill::before {
  color: inherit;
  content: "\e991";
}

.ic-reset {
  color: #777;
}

.ic-reset::before {
  color: inherit;
  content: "\e90a";
}

.ic-reset-fill {
  color: #777;
}

.ic-reset-fill::before {
  color: inherit;
  content: "\e87a";
}

.ic-resync {
  color: #777;
}

.ic-resync::before {
  color: inherit;
  content: "\e8f2";
}

.ic-retail {
  color: #777;
}

.ic-retail::before {
  color: inherit;
  content: "\e968";
}

.ic-rules {
  color: #777;
}

.ic-rules::before {
  color: inherit;
  content: "\e90b";
}

.ic-sale {
  color: #777;
}

.ic-sale::before {
  color: inherit;
  content: "\e90c";
}

.ic-sale-fill {
  color: #777;
}

.ic-sale-fill::before {
  color: inherit;
  content: "\e96f";
}

.ic-search {
  color: #777;
}

.ic-search::before {
  color: inherit;
  content: "\e893";
}

.ic-send {
  color: #777;
}

.ic-send::before {
  color: inherit;
  content: "\e892";
}

.ic-services {
  color: #777;
}

.ic-services::before {
  color: inherit;
  content: "\e969";
}

.ic-setting {
  color: #777;
}

.ic-setting::before {
  color: inherit;
  content: "\e90d";
}

.ic-setting-fill {
  color: #777;
}

.ic-setting-fill::before {
  color: inherit;
  content: "\e96a";
}

.ic-sort {
  color: #777;
}

.ic-sort::before {
  color: inherit;
  content: "\e879";
}

.ic-staff {
  color: #777;
}

.ic-staff::before {
  color: inherit;
  content: "\e90e";
}

.ic-stepper-error {
  color: #777;
}

.ic-stepper-error::before {
  color: inherit;
  content: "\e901";
}

.ic-stepper-finished {
  color: #777;
}

.ic-stepper-finished::before {
  color: inherit;
  content: "\e909";
}

.ic-success {
  color: #777;
}

.ic-success::before {
  color: inherit;
  content: "\e93f";
}

.ic-success-fill {
  color: #777;
}

.ic-success-fill::before {
  color: inherit;
  content: "\e891";
}

.ic-supplier {
  color: #777;
}

.ic-supplier::before {
  color: inherit;
  content: "\e90f";
}

.ic-sync {
  color: #777;
}

.ic-sync::before {
  color: inherit;
  content: "\e8f1";
}

.ic-tag {
  color: #777;
}

.ic-tag::before {
  color: inherit;
  content: "\e878";
}

.ic-talenta {
  color: #777;
}

.ic-talenta::before {
  color: inherit;
  content: "\e951";
}

.ic-task {
  color: #777;
}

.ic-task::before {
  color: inherit;
  content: "\e946";
}

.ic-tax-history {
  color: #777;
}

.ic-tax-history::before {
  color: inherit;
  content: "\e905";
}

.ic-team-goal {
  color: #777;
}

.ic-team-goal::before {
  color: inherit;
  content: "\e954";
}

.ic-time {
  color: #777;
}

.ic-time::before {
  color: inherit;
  content: "\e906";
}

.ic-transfer-account {
  color: #777;
}

.ic-transfer-account::before {
  color: inherit;
  content: "\e907";
}

.ic-trash {
  color: #777;
}

.ic-trash::before {
  color: inherit;
  content: "\e900";
}

.ic-tour-fill {
  color: #777;
}

.ic-tour-fill::before {
  color: inherit;
  content: "\e96b";
}

.ic-upload-file {
  color: #777;
}

.ic-upload-file::before {
  color: inherit;
  content: "\e908";
}

.ic-view-fill {
  color: #777;
}

.ic-view-fill::before {
  color: inherit;
  content: "\e890";
}

.ic-view-hide-fill {
  color: #777;
}

.ic-view-hide-fill::before {
  color: inherit;
  content: "\e88f";
}

.ic-warning-fill {
  color: #777;
}

.ic-warning-fill::before {
  color: inherit;
  content: "\e940";
}

.ic-warning {
  color: #777;
}

.ic-warning::before {
  color: inherit;
  content: "\e941";
}

.ic-zip {
  color: #777;
}

.ic-zip::before {
  color: inherit;
  content: "\e904";
}

.ic-blankslate-jurnal-calendar {
  background-image: url("../../webfonts/blankslate/jurnal/calendar.svg");
}

.ic-blankslate-jurnal-location {
  background-image: url("../../webfonts/blankslate/jurnal/location.svg");
}

.ic-blankslate-jurnal-not-found {
  background-image: url("../../webfonts/blankslate/jurnal/not-found.svg");
}

.ic-blankslate-jurnal-process {
  background-image: url("../../webfonts/blankslate/jurnal/process.svg");
}

.ic-blankslate-jurnal-default {
  background-image: url("../../webfonts/blankslate/jurnal/default.svg");
}

.ic-blankslate-klikpajak-calendar {
  background-image: url("../../webfonts/blankslate/klikpajak/calendar.svg");
}

.ic-blankslate-klikpajak-location {
  background-image: url("../../webfonts/blankslate/klikpajak/location.svg");
}

.ic-blankslate-klikpajak-not-found {
  background-image: url("../../webfonts/blankslate/klikpajak/not-found.svg");
}

.ic-blankslate-klikpajak-process {
  background-image: url("../../webfonts/blankslate/klikpajak/process.svg");
}

.ic-blankslate-klikpajak-default {
  background-image: url("../../webfonts/blankslate/klikpajak/default.svg");
}

.ic-blankslate-talenta-calendar {
  background-image: url("../../webfonts/blankslate/talenta/calendar.svg");
}

.ic-blankslate-talenta-location {
  background-image: url("../../webfonts/blankslate/talenta/location.svg");
}

.ic-blankslate-talenta-not-found {
  background-image: url("../../webfonts/blankslate/talenta/not-found.svg");
}

.ic-blankslate-talenta-process {
  background-image: url("../../webfonts/blankslate/talenta/process.svg");
}

.ic-blankslate-talenta-default {
  background-image: url("../../webfonts/blankslate/talenta/default.svg");
}
/*# sourceMappingURL=mekari-ui-icons.css.map */