@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Light.woff2') format('woff2'),
      url('../fonts/Roboto-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-BlackItalic.woff2') format('woff2'),
      url('../fonts/Roboto-BlackItalic.woff') format('woff');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-BoldItalic.woff2') format('woff2'),
      url('../fonts/Roboto-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Black.woff2') format('woff2'),
      url('../fonts/Roboto-Black.woff') format('woff');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-LightItalic.woff2') format('woff2'),
      url('../fonts/Roboto-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Bold.woff2') format('woff2'),
      url('../fonts/Roboto-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Italic.woff2') format('woff2'),
      url('../fonts/Roboto-Italic.woff') format('woff');
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Regular.woff2') format('woff2'),
      url('../fonts/Roboto-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Medium.woff2') format('woff2'),
      url('../fonts/Roboto-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-MediumItalic.woff2') format('woff2'),
      url('../fonts/Roboto-MediumItalic.woff') format('woff');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-ThinItalic.woff2') format('woff2'),
      url('../fonts/Roboto-ThinItalic.woff') format('woff');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Roboto';
  src: url('../fonts/Roboto-Thin.woff2') format('woff2'),
      url('../fonts/Roboto-Thin.woff') format('woff');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

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

.myicons {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'myicons' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  vertical-align:middle;
}
.add-alt:before {
  content: "\e900";
}
.add-filled:before {
  content: "\e901";
}
.add:before {
  content: "\e902";
}
.alarm:before {
  content: "\e903";
}
.book:before {
  content: "\e904";
}
.bookmark-add:before {
  content: "\e905";
}
.bookmark-filled:before {
  content: "\e906";
}
.calendar-settings:before {
  content: "\e907";
}
.calendar:before {
  content: "\e908";
}
.catalog-publishsvg:before {
  content: "\e909";
}
.catalog:before {
  content: "\e90a";
}
.change-catalog:before {
  content: "\e90b";
}
.chat:before {
  content: "\e90c";
}
.chevron-down:before {
  content: "\e90d";
}
.chevron-left-double:before {
  content: "\e90e";
}
.chevron-left:before {
  content: "\e90f";
}
.chevron-right-double:before {
  content: "\e910";
}
.chevron-right:before {
  content: "\e911";
}
.chevron-up:before {
  content: "\e912";
}
.close-filled:before {
  content: "\e913";
}
.close-outline:before {
  content: "\e914";
}
.close:before {
  content: "\e915";
}
.config:before {
  content: "\e916";
}
.content-view:before {
  content: "\e917";
}
.cookie:before {
  content: "\e918";
}
.copy:before {
  content: "\e919";
}
.dashboard:before {
  content: "\e91a";
}
.data-base-alt:before {
  content: "\e91b";
}
.data-protect:before {
  content: "\e91c";
}
.download:before {
  content: "\e91d";
}
.edit:before {
  content: "\e91e";
}
.email:before {
  content: "\e91f";
}
.enterprise:before {
  content: "\e920";
}
.event-schedule:before {
  content: "\e921";
}
.export:before {
  content: "\e922";
}
.filter-edit:before {
  content: "\e923";
}
.group-access:before {
  content: "\e924";
}
.group-presentation:before {
  content: "\e925";
}
.help:before {
  content: "\e926";
}
.home:before {
  content: "\e927";
}
.id-management:before {
  content: "\e928";
}
.identification:before {
  content: "\e929";
}
.information-square:before {
  content: "\e92a";
}
.knowledge-catalog:before {
  content: "\e92b";
}
.language:before {
  content: "\e92c";
}
.location:before {
  content: "\e92d";
}
.logo2:before {
  content: "\e92e";
}
.mail-all:before {
  content: "\e92f";
}
.notebook:before {
  content: "\e930";
}
.notification:before {
  content: "\e931";
}
.operations-record:before {
  content: "\e932";
}
.order-details:before {
  content: "\e933";
}
.overflow-menu-vertical:before {
  content: "\e934";
}
.password:before {
  content: "\e935";
}
.refresh:before {
  content: "\e936";
}
.report-data:before {
  content: "\e937";
}
.report:before {
  content: "\e938";
}
.request-quote:before {
  content: "\e939";
}
.reset:before {
  content: "\e93a";
}
.run:before {
  content: "\e93b";
}
.search:before {
  content: "\e93c";
}
.settings-view:before {
  content: "\e93d";
}
.settings:before {
  content: "\e93e";
}
.table1:before {
  content: "\e93f";
}
.tag:before {
  content: "\e940";
}
.task-tools:before {
  content: "\e941";
}
.text-scale:before {
  content: "\e942";
}
.ticket:before {
  content: "\e943";
}
.tools:before {
  content: "\e944";
}
.trash-can:before {
  content: "\e945";
}
.user-avatar:before {
  content: "\e946";
}
.user-filled:before {
  content: "\e947";
}
.user-multiple:before {
  content: "\e948";
}
.view-filled:before {
  content: "\e949";
}
.view-off-filled:before {
  content: "\e94a";
}
.view-off:before {
  content: "\e94b";
}
.view:before {
  content: "\e94c";
}
.trusted-advisor-logo:before {
  content: "\e94d";
}
.analytics:before {
  content: "\e94e";
}
.attachment:before {
  content: "\e94f";
}
.brightness-contrast:before {
  content: "\e950";
}
.code:before {
  content: "\e951";
}
.image:before {
  content: "\e952";
}
.launch:before {
  content: "\e953";
}
.logout:before {
  content: "\e954";
}
.arrow-down-left:before {
  content: "\e955";
}
.arrow-down-right:before {
  content: "\e956";
}
.arrow-down:before {
  content: "\e957";
}
.arrow-left:before {
  content: "\e958";
}
.arrow-right:before {
  content: "\e959";
}
.arrow-up-left:before {
  content: "\e95a";
}
.arrow-up-right:before {
  content: "\e95b";
}
.arrow-up:before {
  content: "\e95c";
}
.grid:before {
  content: "\e95d";
}
.security:before {
  content: "\e95e";
}
.search-advanced:before {
  content: "\e95f";
}
.link-analysis:before {
  content: "\e960";
}