:root {
  font-size: 15px;
}

html,
body {
  direction: rtl;
  text-align: right;
}

body {
  font-family: "Montserrat-Arabic";
}

h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
  font-weight: 600;
  font-family: "Montserrat-Arabic";
}

h6, .h6 {
  font-weight: 400;
}

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

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

.page-sidenav {
  left: auto;
  right: 0;
}

@media (max-width: 767.98px) {
  .page-sidenav > * {
    transform: translate3d(100%, 0, 0);
  }
}
@media (min-width: 992px) {
  .header {
    margin-left: 0;
    margin-right: 19rem;
  }

  #main {
    margin-left: 0;
    margin-right: 19rem;
  }

  .side-nav-folded #main {
    margin-left: 0;
    margin-right: 7rem;
  }
  .side-nav-folded .header {
    margin-left: 0;
    margin-right: 7rem;
  }

  .folded.nav-dropdown .nav > li > ul {
    left: auto;
    right: 100%;
  }

  .folded .nav-color .nav > li > a:before {
    right: 0;
  }
}
.nav-caret:after {
  transform: rotate(136deg);
}

.list-row .list-item > *:not(:last-child) {
  padding-right: 0;
  padding-left: 1rem;
}

.dropdown-item i {
  margin-right: 0;
  margin-left: 1rem;
}

.dropdown-submenu .dropdown-menu {
  left: auto;
  right: 100%;
  margin-left: 0;
}

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

.dropdown-menu[x-placement^=right] {
  left: auto;
}

.form-control {
  direction: rtl !important;
}

.typeahead.pl-5 {
  padding-left: 0 !important;
  padding-right: 3rem !important;
}

.chat-item {
  flex-direction: row-reverse;
}

.chat-body {
  align-items: flex-end;
}

.chat-content {
  flex-direction: row-reverse;
}

[data-class=alt].chat-item, .chat-item.alt {
  flex-direction: row;
}

[data-class=alt].chat-item .chat-content, .chat-item.alt .chat-content {
  flex-direction: row;
}

[data-class=alt].chat-item .chat-body, .chat-item.alt .chat-body {
  align-items: flex-start;
}

.pr-5, .px-5 {
  padding-right: 0 !important;
  padding-left: 3rem !important;
}

.mr-3, .mx-3 {
  margin-right: 0 !important;
  margin-left: 1rem !important;
}

.pr-1, .px-1 {
  padding-right: 0 !important;
  padding-left: 0.25rem !important;
}