:root {
    --emma-status-green: #28a745; /* Bootstrap success */
    --emma-status-yellow: #ffc107; /* Bootstrap warning */
    --emma-status-red: #dc3545; /* Bootstrap danger */
}
.emma-icon {
    display: inline-block;
    background-color: var(--bs-primary); /* eller currentColor */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
}
.emma-icon-grid {
    background-color: var(--emma-status-green) !important; /* Bootstrap blå */
    cursor: pointer;
}
.emma-icon-sm {
    width: 0.75rem;
    height: 0.75rem;
}

.emma-icon {
    width: 1rem;
    height: 1rem;
}
.emma-icon-ms {
    width: 1.2rem;
    height: 1.2rem;
}
.emma-icon-md {
    width: 1.5rem;
    height: 1.5rem;
}
.emma-icon-lg {
    width: 2rem;
    height: 2rem;
}
.emma-topmenu-icon {
    transition: background-color 0.2s ease-in-out;
}

    .emma-topmenu-icon:hover {
        background-color: currentColor;
        cursor: pointer;
    }
.emma-autofit {
    -webkit-mask-image: url("/images/emma/autofit.svg");
    mask-image: url("/images/emma/autofit.svg");
}
.emma-search {
    -webkit-mask-image: url("/images/emma/search.svg");
    mask-image: url("/images/emma/search.svg");
}
.emma-clear {
    -webkit-mask-image: url("/images/emma/clear.svg");
    mask-image: url("/images/emma/clear.svg");
}
.emma-new {
    -webkit-mask-image: url("/images/emma/new.svg");
    mask-image: url("/images/emma/new.svg");
}
.emma-edit {
    -webkit-mask-image: url("/images/emma/edit.svg");
    mask-image: url("/images/emma/edit.svg");
}
.emma-delete {
    -webkit-mask-image: url("/images/emma/delete.svg");
    mask-image: url("/images/emma/delete.svg");
}
.emma-export {
    -webkit-mask-image: url("/images/emma/export.svg");
    mask-image: url("/images/emma/export.svg");
}
.emma-column-chooser {
    -webkit-mask-image: url("/images/emma/column-chooser.svg");
    mask-image: url("/images/emma/column-chooser.svg");
}
.emma-grid-layout {
    -webkit-mask-image: url("/images/emma/layout.svg");
    mask-image: url("/images/emma/layout.svg");
}
.emma-notification {
    -webkit-mask-image: url("/images/emma/notification.svg");
    mask-image: url("/images/emma/notification.svg");
}
.emma-export-tocsv {
    -webkit-mask-image: url("/images/emma/export_tocsv.svg");
    mask-image: url("/images/emma/export_tocsv.svg");
}
.emma-export-toxlsx {
    -webkit-mask-image: url("/images/emma/export_toxlsx.svg");
    mask-image: url("/images/emma/export_toxlsx.svg");
}
.emma-export-toxls {
    -webkit-mask-image: url("/images/emma/export_toxls.svg");
    mask-image: url("/images/emma/export_toxls.svg");
}
.emma-export-topdf {
    -webkit-mask-image: url("/images/emma/export_topdf.svg");
    mask-image: url("/images/emma/export_topdf.svg");
}
.emma-profile {
    -webkit-mask-image: url("/images/emma/profile.svg");
    mask-image: url("/images/emma/profile.svg");
}
.emma-logout {
    -webkit-mask-image: url("/images/emma/logout.svg");
    mask-image: url("/images/emma/logout.svg");
}
.emma-home {
    -webkit-mask-image: url("/images/emma/home.svg");
    mask-image: url("/images/emma/home.svg");
}
.emma-size {
    -webkit-mask-image: url("/images/emma/size.svg");
    mask-image: url("/images/emma/size.svg");
}
.emma-chart-arrow {
    -webkit-mask-image: url("/images/emma/graph-up-arrow.svg");
    mask-image: url("/images/emma/graph-up-arrow.svg");
}
.emma-chart-bar {
    -webkit-mask-image: url("/images/emma/bar-chart.svg");
    mask-image: url("/images/emma/bar-chart.svg");
}
.emma-chart-pie {
    -webkit-mask-image: url("/images/emma/pie-chart.svg");
    mask-image: url("/images/emma/pie-chart.svg");
}
.emma-chart-diagram {
    -webkit-mask-image: url("/images/emma/diagram-3.svg");
    mask-image: url("/images/emma/diagram-3.svg");
}
.emma-docviewer {
    -webkit-mask-image: url("/images/emma/docviewer.svg");
    mask-image: url("/images/emma/docviewer.svg");
}
.emma-detail {
    -webkit-mask-image: url("/images/emma/detail.svg");
    mask-image: url("/images/emma/detail.svg");
}
.emma-reconciliation {
    -webkit-mask-image: url("/images/emma/reconciliation.svg");
    mask-image: url("/images/emma/reconciliation.svg");
}
.emma-mailbox {
    -webkit-mask-image: url("/images/emma/mailbox.svg");
    mask-image: url("/images/emma/mailbox.svg");
}
.emma-admin {
    -webkit-mask-image: url("/images/emma/shield-lock.svg");
    mask-image: url("/images/emma/shield-lock.svg");
}
.emma-hamburger {
    -webkit-mask-image: url("/images/emma/hamburger.svg");
    mask-image: url("/images/emma/hamburger.svg");
}
.emma-theme {
    -webkit-mask-image: url("/images/emma/theme.svg");
    mask-image: url("/images/emma/theme.svg");
}
.emma-mergeall {
    -webkit-mask-image: url("/images/emma/mergeall.svg");
    mask-image: url("/images/emma/mergeall.svg");
}
.emma-company {
    -webkit-mask-image: url("/images/emma/company.svg");
    mask-image: url("/images/emma/company.svg");
}
.emma-login {
    -webkit-mask-image: url("/images/emma/login.svg");
    mask-image: url("/images/emma/login.svg");
}
.emma-default {
    -webkit-mask-image: url("/images/emma/default.svg");
    mask-image: url("/images/emma/default.svg");
}
.emma-load {
    -webkit-mask-image: url("/images/emma/load.svg");
    mask-image: url("/images/emma/load.svg");
}
.emma-items {
    -webkit-mask-image: url("/images/emma/items.svg");
    mask-image: url("/images/emma/items.svg");
}
.emma-fileupload {
    -webkit-mask-image: url("/images/emma/fileupload.svg");
    mask-image: url("/images/emma/fileupload.svg");
}
.emma-selectfiles {
    -webkit-mask-image: url("/images/emma/selectfiles.svg");
    mask-image: url("/images/emma/selectfiles.svg");
}
.emma-close {
    -webkit-mask-image: url("/images/emma/close.svg");
    mask-image: url("/images/emma/close.svg");
}
.emma-saveposition {
    -webkit-mask-image: url("/images/emma/saveposition.svg");
    mask-image: url("/images/emma/saveposition.svg");
}
.emma-calendarcheck {
    -webkit-mask-image: url("/images/emma/calendarcheck.svg");
    mask-image: url("/images/emma/calendarcheck.svg");
}
.emma-lightmode {
    -webkit-mask-image: url("/images/emma/lightmode.svg");
    mask-image: url("/images/emma/lightmode.svg");
}
.emma-darkmode {
    -webkit-mask-image: url("/images/emma/darkmode.svg");
    mask-image: url("/images/emma/darkmode.svg");
}
.emma-dashboard {
    -webkit-mask-image: url("/images/emma/dashboard.svg");
    mask-image: url("/images/emma/dashboard.svg");
}
.emma-check {
    -webkit-mask-image: url("/images/emma/statusgreen.svg");
    mask-image: url("/images/emma/statusgreen.svg"); 
}
.emma-status-green {
    -webkit-mask-image: url("/images/emma/statusgreen.svg");
    mask-image: url("/images/emma/statusgreen.svg");
    background-color: var(--emma-status-green);
}
.emma-status-yellow {
    -webkit-mask-image: url("/images/emma/statusyellow.svg");
    mask-image: url("/images/emma/statusyellow.svg");
    background-color: var(--emma-status-yellow);
}
.emma-status-red {
    -webkit-mask-image: url("/images/emma/statusred.svg");
    mask-image: url("/images/emma/statusred.svg");
    background-color: var(--emma-status-red);
}
.emma-source-xml {
    -webkit-mask-image: url("/images/emma/sourcexml.svg");
    mask-image: url("/images/emma/sourcexml.svg");
    background-color: var(--emma-status-green);
}
.emma-source-pdf {
    -webkit-mask-image: url("/images/emma/sourcepdf.svg");
    mask-image: url("/images/emma/sourcepdf.svg");
    background-color: var(--emma-status-green);
}
.emma-source-customs {
    -webkit-mask-image: url("/images/emma/sourcecustoms.svg");
    mask-image: url("/images/emma/sourcecustoms.svg");
    background-color: var(--emma-status-red);
}
.emma-source-manual {
    -webkit-mask-image: url("/images/emma/sourcemanual.svg");
    mask-image: url("/images/emma/sourcemanual.svg");
    background-color: var(--emma-status-yellow);
}

.emma-dummy-drawer::before {
    content: url('/images/emma/dummy_drawer.svg');
}