.ef-icon {
    display: inline-block !important;
    width: 1em;
    height: 1em;
    vertical-align: middle !important;
    background-color: currentColor !important;
    -webkit-mask-size: 100% 100% !important;
    mask-size: 100% 100% !important;
    -webkit-mask-repeat: no-repeat !important;
    -webkit-mask-position: center !important;
    mask-repeat: no-repeat !important;
    mask-position: center !important;
}

.ef-icon-small {
    width: 24px !important;
    height: 24px !important;
}

.ef-icon-a {
    width: 16px;
    height: 16px;
}

.ef-icon-b {
    width: 15px;
    height: 25px;
}

.ef-icon-medium {
    width: 30px;
    height: 30px;
}

.ef-icon-large {
    width: 50px;
    height: 50px;
}

.ef-printer {
    -webkit-mask-image: url('printer.svg');
    mask-image: url('printer.svg');
}

.ef-add {
    -webkit-mask-image: url('add.svg');
    mask-image: url('add.svg');
}

.ef-chevron-down {
    -webkit-mask-image: url('chevron_down.svg');
    mask-image: url('chevron_down.svg');
}

.ef-location-dot {
    -webkit-mask-image: url('location_dot.svg');
    mask-image: url('location_dot.svg');
}

.ef-cake {
    -webkit-mask-image: url('cake.svg');
    mask-image: url('cake.svg');
}

.ef-filter-fill {
    -webkit-mask-image: url('filter_fill.svg');
    mask-image: url('filter_fill.svg');
}

.ef-chevron-forward {
    -webkit-mask-image: url('chevron_forward.svg');
    mask-image: url('chevron_forward.svg');
}

.ef-unfold-more {
    -webkit-mask-image: url('unfold_more.svg');
    mask-image: url('unfold_more.svg');
}

.ef-unfold-less {
    -webkit-mask-image: url('unfold_less.svg');
    mask-image: url('unfold_less.svg');
}

.ef-more-vert {
    -webkit-mask-image: url('more_vert.svg');
    mask-image: url('more_vert.svg');
}

.ef-restart-alt {
    -webkit-mask-image: url('restart_alt.svg');
    mask-image: url('restart_alt.svg');
}

.ef-swap-vert {
    -webkit-mask-image: url('swap_vert.svg');
    mask-image: url('swap_vert.svg');
}

.ef-swap-up {
    -webkit-mask-image: url('swap_up.svg');
    mask-image: url('swap_up.svg');
}

.ef-swap-down {
    -webkit-mask-image: url('swap_down.svg');
    mask-image: url('swap_down.svg');
}

.ef-keyboard-arrow-up {
    -webkit-mask-image: url('keyboard_arrow_up.svg');
    mask-image: url('keyboard_arrow_up.svg');
}

.ef-keyboard-arrow-down {
    -webkit-mask-image: url('keyboard_arrow_down.svg');
    mask-image: url('keyboard_arrow_down.svg');
}

.ef-notifications-fill {
    -webkit-mask-image: url('notifications_fill.svg');
    mask-image: url('notifications_fill.svg');
}

.ef-info-fill {
    -webkit-mask-image: url('info_fill.svg');
    mask-image: url('info_fill.svg');
}

.ef-warning-fill {
    -webkit-mask-image: url('warning_fill.svg');
    mask-image: url('warning_fill.svg');
}

.ef-contact_support-fill {
    -webkit-mask-image: url('contact_support_fill.svg');
    mask-image: url('contact_support_fill.svg');
}

.settings_b_roll_fill{
    -webkit-mask-image: url('settings_b_roll_fill.svg');
    mask-image: url('settings_b_roll_fill.svg');
}

.ef-dashboard-fill {
    -webkit-mask-image: url('dashboard_fill.svg');
    mask-image: url('dashboard_fill.svg');
}

.ef-school-fill {
    -webkit-mask-image: url('school_fill.svg');
    mask-image: url('school_fill.svg');
}

.ef-schedule-fill {
    -webkit-mask-image: url('schedule-fill.svg');
    mask-image: url('schedule-fill.svg');
}

.ef-category-fill {
    -webkit-mask-image: url('category-fill.svg');
    mask-image: url('category-fill.svg');
}

.ef-grading-fill {
    -webkit-mask-image: url('grading.svg');
    mask-image: url('grading.svg');
}

.ef-eucnat-fill {
    -webkit-mask-image: url('eucnat.svg');
    mask-image: url('eucnat.svg');
}

.ef-emoji-language-fill {
    -webkit-mask-image: url('emoji_language_fill.svg');
    mask-image: url('emoji_language_fill.svg');
}

.ef-mail-fill {
    -webkit-mask-image: url('mail_fill.svg');
    mask-image: url('mail_fill.svg');
}

.ef-finance {
    -webkit-mask-image: url('finance.svg');
    mask-image: url('finance.svg');
}

.ef-settings-fill {
    -webkit-mask-image: url('settings_fill.svg');
    mask-image: url('settings_fill.svg');
}

.ef-book-4-fill {
    -webkit-mask-image: url('book_4_fill.svg');
    mask-image: url('book_4_fill.svg');
}

.ef-globe {
    -webkit-mask-image: url('globe.svg');
    mask-image: url('globe.svg');
}

.ef-arrowhead-right {
    -webkit-mask-image: url('arrowhead_right.svg');
    mask-image: url('arrowhead_right.svg');
}

.ef-arrowhead-right-fill {
    -webkit-mask-image: url('arrowhead_right_fill.svg');
    mask-image: url('arrowhead_right_fill.svg');
}

.ef-visibility-fill {
    -webkit-mask-image: url('visibility_fill.svg');
    mask-image: url('visibility_fill.svg');
}

.ef-chat-bubble-fill {
    -webkit-mask-image: url('chat_bubble_fill.svg');
    mask-image: url('chat_bubble_fill.svg');
}

.ef-add-reaction-fill {
    -webkit-mask-image: url('add_reaction_fill.svg');
    mask-image: url('add_reaction_fill.svg');
}

.ef-three-points-vertical {
    -webkit-mask-image: url('three_points_vertical.svg');
    mask-image: url('three_points_vertical.svg');
}

.ef-article-fill {
    -webkit-mask-image: url('article_fill.svg');
    mask-image: url('article_fill.svg');
}

.ef-cloud-download-fill {
    -webkit-mask-image: url('cloud_download_fill.svg');
    mask-image: url('cloud_download_fill.svg');
}

.ef-cloud-download {
    -webkit-mask-image: url('cloud_download.svg');
    mask-image: url('cloud_download.svg');
}

.ef-calendar-month-fill {
    -webkit-mask-image: url('calendar_month_fill.svg');
    mask-image: url('calendar_month_fill.svg');
}

.ef-delete-fill {
    -webkit-mask-image: url('delete_fill.svg');
    mask-image: url('delete_fill.svg');
}

.ef-shield-fill {
    -webkit-mask-image: url('shield_fill.svg');
    mask-image: url('shield_fill.svg');
}

.ef-grid{
    -webkit-mask-image: url('grid.svg');
    mask-image: url('grid.svg');
}

.ef-bars{
    -webkit-mask-image: url('bars.svg');
    mask-image: url('bars.svg');
}

.ef-arrow-forward {
    -webkit-mask-image: url('arrow_forward.svg');
    mask-image: url('arrow_forward.svg');
}

.ef-arrow-backward {
    -webkit-mask-image: url('arrow_backward.svg');
    mask-image: url('arrow_backward.svg');
}

.ef-info {
    -webkit-mask-image: url('info.svg');
    mask-image: url('info.svg');
}

.ef-warning {
    -webkit-mask-image: url('warning.svg');
    mask-image: url('warning.svg');
}

.ef-check {
    -webkit-mask-image: url('check.svg');
    mask-image: url('check.svg');
}

.ef-chevron-backward {
    -webkit-mask-image: url('chevron_backward.svg');
    mask-image: url('chevron_backward.svg');
}

.ef-pellet-edit-fill {
    -webkit-mask-image: url('pellet_edit_fill.svg');
    mask-image: url('pellet_edit_fill.svg');
}
.ef-location-home {
    -webkit-mask-image: url('location_home.svg');
    mask-image: url('location_home.svg');
}
.ef-draft-fill {
    -webkit-mask-image: url('draft_fill.svg');
    mask-image: url('draft_fill.svg');
}

.ef-check {
    -webkit-mask-image: url('check.svg');
    mask-image: url('check.svg');
}

.ef-close {
    -webkit-mask-image: url('close.svg');
    mask-image: url('close.svg');
}

.ef-sync {
    -webkit-mask-image: url('sync.svg');
    mask-image: url('sync.svg');
}

.ef-add-box {
    -webkit-mask-image: url('add_box.svg');
    mask-image: url('add_box.svg');
}