.menu-icon {
    width: 1rem;
    height: 1rem;
    min-width: 1rem;
    min-height: 1rem;
    background-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    background-position: center center;
    background-color: currentColor;
}

.menu-icon-home {
    mask-image: url("../images/Home.svg");
    -webkit-mask-image: url("../images/Home.svg");
}

.menu-icon-survey {
    mask-image: url("../images/survey_menu.svg");
    -webkit-mask-image: url("../images/survey_menu.svg");
}

.menu-icon-map {
    mask-image: url("../images/map_menu.svg");
    -webkit-mask-image: url("../images/map_menu.svg");
}

.menu-icon-companies {
    mask-image: url("../images/company.svg");
    -webkit-mask-image: url("../images/company.svg");
}

.menu-icon-user {
    mask-image: url("../images/user.svg");
    -webkit-mask-image: url("../images/user.svg");
}

.menu-icon-devices {
    mask-image: url("../images/desktop.svg");
    -webkit-mask-image: url("../images/desktop.svg");
}

.menu-icon-report {
    mask-image: url("../images/report.svg");
    -webkit-mask-image: url("../images/report.svg");
}

.menu-icon-purchase {
    mask-image: url("../images/purchase-order.svg");
    -webkit-mask-image: url("../images/purchase-order.svg");
    mask-size: 16px;
    -webkit-mask-size: 16px;
}

.menu-icon-settings {
    mask-image: url("../images/settings.svg");
    -webkit-mask-image: url("../images/settings.svg");
}

.menu-icon-dashboard {
    mask-image: url("../images/dashboard_menu.svg");
    -webkit-mask-image: url("../images/dashboard_menu.svg");
}

.menu-icon-plant {
    mask-image: url("../images/plant.svg");
    -webkit-mask-image: url("../images/plant.svg");
}

.toolbar-icon-draw {
    mask-image: url("../images/Draw.svg");
    -webkit-mask-image: url("../images/Devices.svg");
}

.main-menu .page-active {
    color: #3FA9F5;
    padding-bottom: 3px;
    border-bottom: 3px solid #3FA9F5;
}

.main-menu .page-active span.dxbl-menu-item-text {
    color: white !important;
}