.navigation_icon {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    display: inline-block;
    margin-right: 5px;
    background: var(--navigation-icon-background);
    mask-size: 20px;
    -webkit-mask-size: 20px;
    mask-repeat: no-repeat;
    mask-position: center;
}



.navigation_icon.pageheader {
        width: 35px;
        height: 35px;
        background: var(--pageheader-icon-background);
        mask-size: 35px;
        -webkit-mask-size: 35px;
    }

.navigation_icon.icon_dashboard {
    -webkit-mask-image: url(/img/icons/icon_dashboard.svg);
    mask-image: url(/img/icons/icon_dashboard.svg);
}


    

    .navigation_icon.icon_projects {
        -webkit-mask-image: url(/img/icons/icon_project.svg) ;
        mask-image: url(/img/icons/icon_project.svg) ;
    }


    .navigation_icon.icon_assets {
        -webkit-mask-image: url(/img/icons/icon_assets.svg) ;
        mask-image: url(/img/icons/icon_assets.svg) ;
    }


    .navigation_icon.icon_employees {
        -webkit-mask-image: url(/img/icons/icon_employees.svg) ;
        mask-image: url(/img/icons/icon_employees.svg) ;
    }



    .navigation_icon.icon_machines {
        -webkit-mask-image: url(/img/icons/icon_machines.svg) ;
        mask-image: url(/img/icons/icon_machines.svg) ;
    }

    .navigation_icon.icon_vehicles {
        -webkit-mask-image: url(/img/icons/icon_vehicles.svg) ;
        mask-image: url(/img/icons/icon_vehicle.svg) ;
    }

    .navigation_icon.icon_tools {
        -webkit-mask-image: url(/img/icons/icon_tools.svg) ;
        mask-image: url(/img/icons/icon_tools.svg) ;
    }


    .navigation_icon.icon_materials {
        -webkit-mask-image: url(/img/icons/icon_materials.svg) ;
        mask-image: url(/img/icons/icon_materials.svg) ;
    }


    .navigation_icon.icon_contacts {
        -webkit-mask-image: url(/img/icons/icon_contacts.svg) ;
        mask-image: url(/img/icons/icon_contacts.svg) ;
    }


    .navigation_icon.icon_settings {
        -webkit-mask-image: url(/img/icons/icon_settings.svg) ;
        mask-image: url(/img/icons/icon_settings.svg) ;
    }


    .navigation_icon.icon_project_settings {
        -webkit-mask-image: url(/img/icons/icon_project_settings.svg) ;
        mask-image: url(/img/icons/icon_project_settings.svg) ;
    }


    .navigation_icon.icon_ticket_settings {
        -webkit-mask-image: url(/img/icons/icon_ticket_settings.svg) ;
        mask-image: url(/img/icons/icon_ticket_settings.svg) ;
    }


    .navigation_icon.icon_users_settings {
        -webkit-mask-image: url(/img/icons/icon_users_settings.svg) ;
        mask-image: url(/img/icons/icon_users_settings.svg) ;
    }

    .navigation_icon.icon_permission_settings {
        -webkit-mask-image: url(/img/icons/icon_permission_settings.svg);
        mask-image: url(/img/icons/icon_permission_settings.svg);
    }


.diaryIcon {
    padding-right: 10px;
    color: #04537d;
}