@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(styles/custom_ui/fonts/Material-Font/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(styles/custom_ui/fonts/Material-Font/MaterialIcons-Regular.woff2) format('woff2'), url(styles/custom_ui/fonts/Material-Font/MaterialIcons-Regular.woff) format('woff'), url(styles/custom_ui/fonts/Material-Font/MaterialIcons-Regular.ttf) format('truetype');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: 'liga';
}

@font-face {
  font-family: 'Work Sans';
  font-style: normal;
  font-weight: 400;
  src: url(fonts/Material-Font/MaterialIcons-Regular.eot);
  /* For IE6-8 */
  src: local('Material Icons'), local('MaterialIcons-Regular'), url(fonts/Work_Sans/WorkSans-Regular.ttf) format('truetype');
}

div {
  font-family: 'Work Sans', sans-serif;
}

md-toolbar {
  box-sizing: border-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  z-index: 2;
  font-size: 20px;
  min-height: 64px;
  width: 100%;
}

md-toolbar,
.footer-content {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

md-toolbar.md-default-theme:not(.md-menu-toolbar),
md-toolbar:not(.md-menu-toolbar) {
  background-color: rgb(16, 108, 200);
  color: rgba(255, 255, 255, 0.87);
}

md-toolbar.md-table-toolbar.alternate .md-toolbar-tools {
  color: #1e88e5;
  font-size: 16px;
  background-color: #e3f2fd;
}

.md-button.mdq-background-light-green {
  background-color: mediumseagreen
}

.md-button.mdq-background-green:not([disabled]):hover {
  background-color: green
}

.md-button.mdq-green {
  color: green
}

.md-button.mdq-white {
  color: white
}

.mdq-white span {
  color: white
}

.md-button.mdq-red {
  color: red
}

md-toast.mdq-success-toast-theme .md-toast-content {
  background-color: green;
}

md-toast.mdq-error-toast-theme .md-toast-content {
  background-color: orangered;
  max-width: 100px;
}

md-toast.mdq-large-error-toast-theme .md-toast-content {
  background-color: orangered;
}