.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 */