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