#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;
}

@font-face {
  font-family: "CurrencyAED";
  src: url("data:font/woff;base64,d09GRgABAAAAAAWcAAsAAAAABVAAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIFemNtYXAAAAFoAAAAVAAAAFQXVdKJZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAWQAAAFkwyWyLWhlYWQAAAMoAAAANgAAADYufS0RaGhlYQAAA2AAAAAkAAAAJAhgBGRobXR4AAADhAAAABQAAAAUCp4AAGxvY2EAAAOYAAAADAAAAAwAKADGbWF4cAAAA6QAAAAgAAAAIAAKAGxuYW1lAAADxAAAAbYAAAG2BxZ2lXBvc3QAAAV8AAAAIAAAACAAAwAAAAMDTwGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QEDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkB//3//wAAAAAAIOkB//3//wAB/+MXAwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAABAAA/8AEngPAAEoAVQBgAGkAAAEXNTQmKwEmJy4BJyYjKgEjMBYdASMiJi8BFRQWOwEVIyImLwEVFBY7ARUUBjEhMjc+ATc2NzMyFh8BNTQmKwE2NDU8ASczMhYXMQEzMhceARcWFyEREyMRIQYHDgEHBgcBHAEHITUhFhQElAo2JlAVLS6IWFlqiHCAM18OGQsJNSY/Xw0aCwk1Jj8zAXhuWVmHLC0Ubw4aCgo2JUEBAWAOGgr8oJ1QPj9cHh4O/fCfnwIPDBwcWUA/VAF8Af3mAhoBAd8JGiw+V0NDWxcXTWazCgoJGys+ZgoKCRosPrtjSBcYW0JDVwoKCRsrPgwaDQ0aDAoKAa4SEks6OlABM/xmATNIODlOFRUCAc0NGgxmDBoAAAABAAAAAQAA2Y2w718PPPUACwQAAAAAAOVf9EoAAAAA5V/0SgAA/8AEngPAAAAACAACAAAAAAAAAAEAAAPA/8AAAASeAAAAAASeAAEAAAAAAAAAAAAAAAAAAAAFBAAAAAAAAAAAAAAAAgAAAASeAAAAAAAAAAoAFAAeALIAAQAAAAUAagAEAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAsAAAABAAAAAAACAAcAhAABAAAAAAADAAsAQgABAAAAAAAEAAsAmQABAAAAAAAFAAsAIQABAAAAAAAGAAsAYwABAAAAAAAKABoAugADAAEECQABABYACwADAAEECQACAA4AiwADAAEECQADABYATQADAAEECQAEABYApAADAAEECQAFABYALAADAAEECQAGABYAbgADAAEECQAKADQA1GFlZC1SZWd1bGFyAGEAZQBkAC0AUgBlAGcAdQBsAGEAclZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMGFlZC1SZWd1bGFyAGEAZQBkAC0AUgBlAGcAdQBsAGEAcmFlZC1SZWd1bGFyAGEAZQBkAC0AUgBlAGcAdQBsAGEAclJlZ3VsYXIAUgBlAGcAdQBsAGEAcmFlZC1SZWd1bGFyAGEAZQBkAC0AUgBlAGcAdQBsAGEAckZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "CurrencySAR";
  src: url("data:font/woff;base64,d09GRgABAAAAAAUkAAsAAAAABNgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxIE9GNtYXAAAAFoAAAAVAAAAFQXVtKHZ2FzcAAAAbwAAAAIAAAACAAAABBnbHlmAAABxAAAAOwAAADs+QnbKWhlYWQAAAKwAAAANgAAADYtcK53aGhlYQAAAugAAAAkAAAAJAdWA8ZobXR4AAADDAAAABQAAAAUCZQAAGxvY2EAAAMgAAAADAAAAAwAKACKbWF4cAAAAywAAAAgAAAAIAAIADduYW1lAAADTAAAAbYAAAG2P06uzXBvc3QAAAUEAAAAIAAAACAAAwAAAAMCygGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA6QADwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEADgAAAAKAAgAAgACAAEAIOkA//3//wAAAAAAIOkA//3//wAB/+MXBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAA/8AAAAPAAAIAADc5AQAAAAABAAD/wAAAA8AAAgAANzkBAAAAAAEAAP/AAAADwAACAAA3OQEAAAAAAgAA/8ADlAPAAAgANAAAJTEOAQclPgE3Jz4BNwU1Nz4BNwURDgEHEQcRDgEHEQcOAQclFQUOAQclPgE/AT4BPQE3FSUCOgwQAwFaDBADHwwQA/7z7gwQA/7zHzcWbB82F/EMEAMBEP7cDBADATISHws4BAVsAVo1GzsfShs6H2gbOx86bzIbOx85AYwRLhv+txcB8BEuG/5TMxs7HzqLPhs7H0EEFQ9TBw8JehfdSgABAAAAAQAAA5fyqV8PPPUACwQAAAAAAOVetP0AAAAA5V60/QAA/8ADlAPAAAAACAACAAAAAAAAAAEAAAPA/8AAAAQAAAAAAAOUAAEAAAAAAAAAAAAAAAAAAAAFBAAAAAAAAAAAAAAAAgAAAAOUAAAAAAAAAAoAFAAeAHYAAQAAAAUANQACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAAsAAAABAAAAAAACAAcAhAABAAAAAAADAAsAQgABAAAAAAAEAAsAmQABAAAAAAAFAAsAIQABAAAAAAAGAAsAYwABAAAAAAAKABoAugADAAEECQABABYACwADAAEECQACAA4AiwADAAEECQADABYATQADAAEECQAEABYApAADAAEECQAFABYALAADAAEECQAGABYAbgADAAEECQAKADQA1HNhci1SZWd1bGFyAHMAYQByAC0AUgBlAGcAdQBsAGEAclZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMHNhci1SZWd1bGFyAHMAYQByAC0AUgBlAGcAdQBsAGEAcnNhci1SZWd1bGFyAHMAYQByAC0AUgBlAGcAdQBsAGEAclJlZ3VsYXIAUgBlAGcAdQBsAGEAcnNhci1SZWd1bGFyAHMAYQByAC0AUgBlAGcAdQBsAGEAckZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

.dirham-symbol {
  font-family: "CurrencyAED", sans-serif;
  font-size: 0.74em !important;
}

.riyal-symbol {
  font-family: "CurrencySAR", sans-serif;
  font-size: 0.77em !important;
}

.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;
}

.remove-content-padding-top .MuiCardContent-root {
  padding-top: 0 !important;
}

[id*="ScrollableDialog"] .infinite-scroll-component {
  overflow: hidden !important;
}

/* 
  TODO: Remove it when macaw will handle media queries in custom properties
  https://github.com/saleor/macaw-ui/issues/498
*/
@media screen and (max-width: 1024px) {
  .mobile-full-height {
    height: auto !important;
  }
}