@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(/css/icon/MaterialIcons-Regular.eot);
src: local('Material Icons'), local('MaterialIcons-Regular'), url(/css/icon/MaterialIcons-Regular.woff2) format('woff2'), url(/css/icon/MaterialIcons-Regular.woff) format('woff'), url(/css/icon/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 20px;
top: 4px;
margin-right: 1px;
position: relative;
display: inline-block;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
-webkit-font-smoothing: antialiased;
text-rendering: optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
}

.small {
font-size: 17px;
}

@media screen and (max-width: 375px) { .material-icons { font-size: 16px; top: 2px; } .small { font-size: 14px; } }