@font-face {
  font-family: 'memss';
  src:  url('fonts/memss.eot?r0r21t');
  src:  url('fonts/memss.eot?r0r21t#iefix') format('embedded-opentype'),
    url('fonts/memss.ttf?r0r21t') format('truetype'),
    url('fonts/memss.woff?r0r21t') format('woff'),
    url('fonts/memss.svg?r0r21t#memss') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="m-"], [class*=" m-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
     font-family: 'memss' !important;  
   speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.m-Asset-Admin-Approval:before {
  content: "\e910";
}
.m-Asset-Disposables-Approval:before {
  content: "\e911";
}
.m-Asset-LoanManager-Settings:before {
  content: "\e912";
}
.m-AssetManagerApproval:before {
  content: "\e913";
}
.m-AssetManufacturer:before {
  content: "\e914";
}
.m-AssetSettings:before {
  content: "\e915";
}
.m-Assets:before {
  content: "\e916";
}
.m-Client:before {
  content: "\e90a";
}
.m-Company:before {
  content: "\e917";
}
.m-CompanySettings:before {
  content: "\e90b";
}
.m-Consumable:before {
  content: "\e918";
}
.m-ConsumableSettings:before {
  content: "\e919";
}
.m-ContractSettings:before {
  content: "\e91b";
}
.m-Contracts:before {
  content: "\e91a";
}
.m-DocumentSettings:before {
  content: "\e91d";
}
.m-Documents:before {
  content: "\e91c";
}
.m-EndUser:before {
  content: "\e91f";
}
.m-EndUserAssetDispApproval:before {
  content: "\e921";
}
.m-EndUserAssetLoanManagers:before {
  content: "\e91e";
}
.m-EndUserQuoteApprovals:before {
  content: "\e933";
}
.m-EndUserWorkOrderEstApproval:before {
  content: "\e922";
}
.m-EnduserHtml:before {
  content: "\e920";
}
.m-EquipmentLibrary:before {
  content: "\e923";
}
.m-FinanceSettings:before {
  content: "\e90c";
}
.m-HomeAreaController:before {
  content: "\e924";
}
.m-Invoice:before {
  content: "\e934";
}
.m-MailServices:before {
  content: "\e90d";
}
.m-Manager:before {
  content: "\e925";
}
.m-Manufacturer:before {
  content: "\e926";
}
.m-ManufacturerSettings:before {
  content: "\e927";
}
.m-NotesSettings:before {
  content: "\e928";
}
.m-NotificationSettings:before {
  content: "\e900";
}
.m-Notifications:before {
  content: "\e929";
}
.m-Parties:before {
  content: "\e901";
}
.m-Parts:before {
  content: "\e92a";
}
.m-Product:before {
  content: "\e902";
}
.m-PurchaseOrder:before {
  content: "\e92b";
}
.m-Quote:before {
  content: "\e92c";
}
.m-Quote-Request:before {
  content: "\e90e";
}
.m-Reports:before {
  content: "\e92d";
}
.m-SalesOrder:before {
  content: "\e90f";
}
.m-SalesOrderSettings:before {
  content: "\e92e";
}
.m-ShipmentSettings:before {
  content: "\e92f";
}
.m-StickySettings:before {
  content: "\e904";
}
.m-SurgicalProcedure:before {
  content: "\e930";
}
.m-Training:before {
  content: "\e905";
}
.m-TrainingSettings:before {
  content: "\e906";
}
.m-WorkOrder:before {
  content: "\e909";
}
.m-WorkOrderAdminApproval:before {
  content: "\e907";
}
.m-WorkOrderManagerApproval:before {
  content: "\e903";
}
.m-WorkOrderSettings:before {
  content: "\e908";
}
.m-checklist:before {
  content: "\e931";
}
.m-work-order-admin:before {
  content: "\e932";
}

.icons_grid {
    display: grid;
    gap: 1rem;
    row-gap: 2rem;
    grid-template-columns: repeat(auto-fill, minmax(150px,1fr));

}
    .icons_grid .card {
        background-color: #2a74bb;
        color: white !important;
        cursor:pointer;
    }
        .icons_grid .card:hover {
            background-color: #4a5fac;
            color: white !important;
        }
    .icons_grid .card .card-header span{
        color: white !important;
    }