.left {
  float: right !important;
}

.right {
  float: left !important;
}

.logo-container.left {
  float: right !important;
}

.sidenav-trigger.right {
  float: left !important;
}

.menu-main.left {
  float: right !important;
}

.menu-main.right {
  float: left !important;
}

.dropdown-content {
  right: 0;
  left: auto;
}

.material-icons.right {
  margin-right: 15px;
  margin-left: -15px;
  float: left !important;
}

.dc2-metric-divider {
  margin: 0 40px;
}

.dc2-layer:hover {
  transform: translateX(-10px) !important;
}

/* Flip directional icons */
.material-icons.arrow_forward, .material-icons.chevron_right, .material-icons.navigate_next {
  transform: scaleX(-1) !important;
}
.material-icons.arrow_back, .material-icons.chevron_left, .material-icons.navigate_before {
  transform: scaleX(-1) !important;
}

/* Fix text alignment */
body {
  text-align: right;
}

.dc2-hero-title,
.dc2-hero-description,
.section-header p,
h1,
h2,
h3,
h4,
h5,
h6,
p {
  text-align: right;
}

.center,
.center-align {
  text-align: center !important;
}

/* Navbar fixes */
.menu-main {
  padding-right: 0;
  padding-left: 20px;
}

.logo-container {
  margin-right: 0 !important;
  margin-left: 20px !important;
}

/* Homepage / Hero fixes */
.dc2-hero-content {
  text-align: right;
}

.dc2-hero-actions {
  justify-content: flex-start;
}

/* Fix code blocks (JSON should remain LTR) */
pre,
code,
.code-window,
.code-line,
.window-body,
.codeBox,
.codeBlock {
  direction: ltr !important;
  unicode-bidi: plaintext !important;
  text-align: left !important;
}

.code-line.request,
.code-line.response {
  direction: ltr !important;
  text-align: left !important;
}

/* Fix material icons in RTL (some should not be flipped) */
.material-icons.no-flip {
  transform: none !important;
}

/*# sourceMappingURL=rtl.css.map */
