/* Local Material Icons CSS */
.material-icon {
  display: inline-block;
  vertical-align: middle;
  fill: currentColor;
}

.material-icon-svg {
  font-family: inherit;
}

.material-icon-svg img {
  filter: brightness(0) saturate(100%);
  opacity: 0.87;
}

/* Ensure icons inherit button text color */
img.material-icon {
  filter: brightness(0) saturate(100%) invert(0);
}

/* White icons for buttons */
button img.material-icon,
.btn img.material-icon,
.btn-primary img.material-icon,
.btn-secondary img.material-icon,
.btn-danger img.material-icon,
.refresh-btn img.material-icon {
  filter: brightness(0) invert(1) !important;
}

/* Icon size variants */
.material-icon.small {
  width: 16px;
  height: 16px;
}

.material-icon.medium {
  width: 24px;
  height: 24px;
}

.material-icon.large {
  width: 32px;
  height: 32px;
}

/* Color variants */
.material-icon.primary {
  filter: brightness(0) saturate(100%) invert(27%) sepia(51%) saturate(2878%) hue-rotate(346deg) brightness(104%) contrast(97%);
}

.material-icon.secondary {
  filter: brightness(0) saturate(100%) invert(50%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.material-icon.success {
  filter: brightness(0) saturate(100%) invert(48%) sepia(79%) saturate(2476%) hue-rotate(86deg) brightness(118%) contrast(119%);
}

.material-icon.danger {
  filter: brightness(0) saturate(100%) invert(17%) sepia(83%) saturate(5081%) hue-rotate(3deg) brightness(99%) contrast(114%);
}

.material-icon.warning {
  filter: brightness(0) saturate(100%) invert(84%) sepia(78%) saturate(2503%) hue-rotate(7deg) brightness(105%) contrast(107%);
}

.material-icon.info {
  filter: brightness(0) saturate(100%) invert(54%) sepia(98%) saturate(1945%) hue-rotate(174deg) brightness(103%) contrast(101%);
}