/* fallback */
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
	font-display: block;
    /* src: url(https://fonts.gstatic.com/s/materialicons/v121/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2'); */
    src: url(MaterialIcons-Regular.woff2) format('woff2');
  }
/*
---------------------------------------------------------------------
||||||||||| TO UPDATE MATERIAL ICONS WITH NEW ICONS |||||||||||||||||
---------------------------------------------------------------------

1) Go here:
	https://developers.google.com/fonts/docs/material_icons

2) Find this line on the webpage and copy the URL
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons"
      rel="stylesheet">

3) Browse to the copied URL. You should see something like the CSS code below. Copy the URL from the "src: url()" line.
	@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v121/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
	}

	.material-icons {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 24px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;
	}

4) Browse to the copied URL. This will trigger a download. Rename the downloaded file to MaterialIcons-Regular.woff2

5) Replace the current file in "application\static\css\libraries\" with the new file

*/

  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -moz-font-feature-settings: 'liga';
    -moz-osx-font-smoothing: grayscale;
  }