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

.material-icons {
  font-family: "Material Icons";
  font-weight: normal;
  font-style: normal;
  font-size: 26px; /* Preferred icon size */
  display: inline-block;
  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";
}

/* Rules for sizing the icon. */
.material-icons.md-18 {
  font-size: 18px;
}
.material-icons.md-22 {
  font-size: 22px;
}
.material-icons.md-36 {
  font-size: 36px;
}
.material-icons.md-48 {
  font-size: 48px;
}
.material-icons.md-58 {
  font-size: 58px;
}

.ml-1 {
  margin-left: 10px !important;
}

.px-1 {
  padding: 0 10px 0 10px !important;
}

.px-2 {
  padding: 0 20px 0 20px !important;
}

.MuiIconButton-root {
  font: initial !important;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type="number"] {
  -moz-appearance: textfield;
}

.mdc-text-field .mdc-text-field__input {
  caret-color: #e61237 !important;
}

.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label,
.mdc-text-field--focused
  .mdc-text-field__input:required
  ~ .mdc-floating-label::after,
.mdc-text-field--focused
  .mdc-text-field__input:required
  ~ .mdc-notched-outline
  .mdc-floating-label::after,
.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-floating-label,
.mdc-button:not(:disabled) {
  color: #e61237 !important;
}

.mdc-menu-surface {
  z-index: 10 !important;
}

.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused
  .mdc-notched-outline
  .mdc-notched-outline__leading,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused
  .mdc-notched-outline
  .mdc-notched-outline__notch,
.mdc-select--outlined:not(.mdc-select--disabled).mdc-select--focused
  .mdc-notched-outline
  .mdc-notched-outline__trailing,
.mdc-button--outlined:not(:disabled),
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused
  .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused
  .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused
  .mdc-notched-outline__trailing {
  border-color: #e61237 !important;
}

.mdc-text-field--with-leading-icon .mdc-text-field__icon,
.mdc-text-field--with-trailing-icon .mdc-text-field__icon {
  bottom: 10px !important;
}

.mdc-select:not(.mdc-select--disabled).mdc-select--focused .mdc-line-ripple,
.mdc-button::before,
.mdc-button::after,
.mdc-text-field .mdc-line-ripple,
.mdc-button--raised:not(:disabled),
.mdc-button--unelevated:not(:disabled) {
  background-color: #e61237 !important;
}

.mdc-button.danger::before,
.mdc-button.danger::after,
.mdc-button--raised.danger:not(:disabled),
.mdc-button--unelevated.danger:not(:disabled) {
  background-color: #f44336 !important;
}

.mdc-button--raised .mdc-button__label,
.mdc-button--raised .mdc-button__icon {
  color: #fff !important;
}

.mdc-select--focused .mdc-select__dropdown-icon {
  background: url(data:image/svg+xml,%3Csvg%20width%3D%2210px%22%20height%3D%225px%22%20viewBox%3D%227%2010%2010%205%22%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%3E%0A%20%20%20%20%3Cpolygon%20id%3D%22Shape%22%20stroke%3D%22none%22%20fill%3D%22%23ff5722%22%20fill-rule%3D%22evenodd%22%20opacity%3D%221%22%20points%3D%227%2010%2012%2015%2017%2010%22%3E%3C%2Fpolygon%3E%0A%3C%2Fsvg%3E)
    no-repeat center !important;
}

.mdc-icon-button .material-icons {
  line-height: initial;
}