#portal {
  position: fixed;
  top: 0;
}

html {
  /* set base font size to 13px */
  font-size: 50.782% !important;
}

body {
  color: var(--mu-colors-foreground-text-neutral-plain) !important;
  overscroll-behavior-y: none;
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.hide-scrollbar {
  scrollbar-width: none;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@keyframes pulse {
  from {
    transform: scale(1);
  }
  to {
    transform: scale(1.2);
  }
}

.animate-copy {
  animation: pulse 0.2s;
  transition: all 0.2s;
}

.remove-icon-background svg {
  background: none !important;
}

[id*="ScrollableDialog"] .infinite-scroll-component {
  overflow: hidden !important;
}
/* -------------------------- Aside -------------------------- */
aside {
  background-color: #04497b !important;
}

aside .aside-box {
  flex-direction: column;
}

aside .aside-box .aside-logo {
  background-color: transparent;
}

aside .aside-box .aside-text {
  color: #8bba73 !important;
  padding-bottom: 0.5em;
  border-bottom: 1px solid #8bba73;
}

aside .aside-box .aside-text-dashboard {
  color: white !important;
  font-weight: bold;
  font-size: 20px;
}

aside .hide-scrollbar li:hover {
  background-color: #8bba73;
}
aside .hide-scrollbar li span {
  font-weight: bold;
}

aside span {
  color: white !important;
}

aside .hide-scrollbar li:hover a div span {
  color: white !important;
}

aside .hide-scrollbar a div svg {
  color: white !important;
}

aside .hide-scrollbar li._18fs8ps2pg {
  background-color: #8bba7330;
}

aside .hide-scrollbar li._18fs8ps2pg:hover span {
  color: #04497b;
}

aside .hide-scrollbar li button {
  border: 1px solid #8bba73;
  background-color: #04497b;
}

aside .hide-scrollbar li button [data-state="open"] {
  border: 1px solid #04497b;
  background-color: white;
}

aside .hide-scrollbar li:hover button {
  border: 1px solid #8bba73;
  background-color: #04497b;
}

span,
div,
td {
  color: #04497b !important;
}

body.defaultDark div,
body.defaultDark span,
body.defaultDark td {
  color: white !important;
}

input {
  outline: #04497b !important;
}

svg {
  color: #8bba73 !important;
}

.MuiTypography-root.MuiTypography-body1 {
  font-weight: bold !important;
}
.MuiTypography-root.jss33.MuiTypography-subtitle1 {
  font-weight: 600 !important;
}

._18fs8ps3._18fs8ps10._18fs8ps1l._18fs8ps264._18fs8ps1h0._18fs8ps1g3._18fs8ps1iu._18fs8ps1hx._18fs8ps153._18fs8ps17o._18fs8ps2sk {
  background-color: white;
  border: 1px solid #8bba73;
}
._18fs8ps3._18fs8ps10._18fs8ps1l._18fs8ps264._18fs8ps1h0._18fs8ps1g3._18fs8ps1iu._18fs8ps1hx._18fs8ps153._18fs8ps17o._18fs8ps2sk
  span {
  color: #04497b !important;
}

._18fs8ps1gf._18fs8ps1fi._18fs8ps1i9._18fs8ps1hc._18fs8ps2l._18fs8ps3._18fs8ps10._18fs8ps28s._18fs8ps16u._18fs8ps2wc._18fs8ps2os._18fs8ps2ph._18fs8ps2qn0._18fs8pspr._18fs8pss6._18fs8psmx._18fs8pspc
  input {
  border: none !important;
  outline: none !important;
}

div[data-test-id="page-header"] button span,
div[data-test-id="page-header"] a span,
button[data-test-id="button-bar-confirm"] span span {
  color: white !important;
}

div[data-test-id="page-header"] button,
div[data-test-id="page-header"] a[data-test-id="create-sale"],
a[data-test-id="create-attribute-button"],
button[data-test-id="button-bar-confirm"],
button[data-test-id="app-header-back-button"],
button[data-test-id="ignore-changes"] {
  color: white !important;
  background-color: #04497b !important;
}

div[data-test-id="page-header"] button span,
div[data-test-id="page-header"] a[data-test-id="create-sale"] span,
a[data-test-id="create-attribute-button"] span,
button[data-test-id="button-bar-confirm"] span,
button[data-test-id="app-header-back-button"] span,
button[data-test-id="ignore-changes"] span {
  color: white !important;
}

button[data-test-id="submit"],
button[type="submit"] {
  color: white !important;
  background-color: #8bba73 !important;
}

button[data-test-id="button-bar-delete"] span {
  color: white !important;
}

button[data-test-id="button-bar-delete"]:hover span {
  color: #b63755 !important;
}
