/* RTL Support Styles */
html.rtl {
  direction: rtl;
}

html.rtl .mr-1, 
html.rtl .mr-2, 
html.rtl .mr-3, 
html.rtl .mr-4 {
  margin-right: 0 !important;
}

html.rtl .ml-1 {
  margin-left: 0 !important;
  margin-right: 0.25rem !important;
}

html.rtl .ml-2 {
  margin-left: 0 !important;
  margin-right: 0.5rem !important;
}

html.rtl .mr-1 {
  margin-right: 0 !important;
  margin-left: 0.25rem !important;
}

html.rtl .mr-2 {
  margin-right: 0 !important;
  margin-left: 0.5rem !important;
}

html.rtl .text-right {
  text-align: left !important;
}

html.rtl .text-left {
  text-align: right !important;
}

html.rtl .justify-end {
  justify-content: flex-start !important;
}

html.rtl .justify-start {
  justify-content: flex-end !important;
}

/* Fix button icon placement in RTL */
html.rtl .flex.items-center svg + span {
  margin-right: 0.25rem;
  margin-left: 0;
}