@import url('../momentum/variables/momentum-variables.css');
@import url('variables/mudblazor-variables.css');

.mud-input {
  height: 40px !important;
}

.mud-drawer-overlay {
  top: var(--mud-appbar-height) !important;
  height: calc(100% - var(--mud-appbar-height)) !important;
}

.mud-drawer-fixed.mud-drawer-temporary.mud-drawer-clipped-always {
  top: var(--mud-appbar-height) !important;
  height: calc(100% - var(--mud-appbar-height)) !important;
}

.mud-alert .mud-alert-icon {
  align-self: center;
}

.mud-alert.mud-alert-text-info .mud-alert-close .mud-icon-root {
  fill: var(--mud-palette-info) !important;
}

.mud-alert.mud-alert-text-warning .mud-alert-close .mud-icon-root {
  fill: var(--mud-palette-warning) !important;
}

.mud-alert.mud-alert-text-success .mud-alert-close .mud-icon-root {
  fill: var(--mud-palette-success) !important;
}

.mud-alert.mud-alert-text-normal .mud-alert-close .mud-icon-root {
  fill: var(--mud-palette-normal) !important;
}

.mud-alert.mud-alert-text-error .mud-alert-close .mud-icon-root {
  fill: var(--mud-palette-error) !important;
}

.mud-appbar .mud-toolbar-appbar {
  height: var(--mud-appbar-height) !important;
}

.mud-main-content {
  padding-top: var(--mud-appbar-height) !important;
}

.mud-input-outlined-border {
  border-radius: 8px !important;
}

.mud-tabs-tabbar {
  background: transparent !important;
}

.mud-tabs-panels {
  margin-top: 8px !important;
}

.mud-button {
  border-radius: 8px !important;
  min-width: fit-content !important;
  border-color: var(--Colors-Border-border-primary) !important;
  background: var(--Colors-Background-bg-primary) !important;
  background-color: var(--Colors-Background-bg-primary) !important;
  height: 34px !important;
  padding: 7px 14px 7px 14px !important;
  color: var(--Colors-Text-text-secondary) !important;
  font-weight: var(--Font-weight-medium) !important;
  font-size: var(--Font-size-text-sm) !important;
  line-height: var(--Line-height-text-sm) !important;
  font-family: var(--Font-family-font-family-body) !important;
  box-shadow: none !important;
}

  .mud-button:hover {
    border-color: var(--Colors-Border-border-primary) !important;
    background: var(--Colors-Background-bg-active) !important;
    background-color: var(--Colors-Background-bg-active) !important;
    color: var(--Colors-Text-text-secondary_hover) !important;
  }

  .mud-button p {
    font-weight: var(--Font-weight-medium) !important;
    font-size: var(--Font-size-text-sm) !important;
    line-height: var(--Line-height-text-sm) !important;
    font-family: var(--Font-family-font-family-body) !important;
  }

  .mud-button .mud-button-label {
    font-weight: var(--Font-weight-medium) !important;
    font-size: var(--Font-size-text-sm) !important;
    line-height: var(--Line-height-text-sm) !important;
    font-family: var(--Font-family-font-family-body) !important;
    text-transform: none !important;
  }

  .mud-button.mud-button-filled-primary {
    background: var(--Colors-Background-bg-brand-solid) !important;
    background-color: var(--Colors-Background-bg-brand-solid) !important;
    border-color: var(--Colors-Background-bg-brand-solid) !important;
    color: var(--Colors-Text-text-white) !important;
  }

    .mud-button.mud-button-filled-primary:hover {
      background: var(--Colors-Background-bg-brand-solid_hover) !important;
      background-color: var(--Colors-Background-bg-brand-solid_hover) !important;
      border-color: var(--Colors-Background-bg-brand-solid_hover) !important;
      color: var(--Colors-Text-text-white) !important;
    }

  .mud-button.mud-button-text-primary {
    color: var(--Colors-Text-text-brand-secondary) !important;
  }

  .mud-button.mud-button-outlined-primary {
    color: var(--Colors-Text-text-brand-secondary) !important;
    border-color: var(--Colors-Background-bg-brand-solid) !important;
  }

    .mud-button.mud-button-outlined-primary:disabled {
      color: var(--mud-palette-action-disabled) !important;
      border-color: var(--mud-palette-action-disabled-background) !important;
    }