/* General RTL for all pages */
body {
  direction: rtl;
  text-align: right;
}

.container {
  direction: rtl;
}

/* Override for specific page to make dropdown LTR */
.ltr-dropdown {
  direction: ltr;
  text-align: left;
  left: 20px;
}

.ltr-dropdown ul {
  right: auto;
  left: 20px;
}

.ltr-dropdown button {
  float: left;
}

.ltr-dropdown ul li {
  text-align: left;
  direction: ltr;
}

/* RTL overrides for specific input fields */
.input-icon-position {
  position: absolute;
  top: 50%;
  width: 15px;
  transform: translateY(-50%);
}

html[dir="rtl"] .input-icon-position {
  left: 18px;
  right: auto;
  top: 19px;
}

html[dir="rtl"] .input-container {
  direction: rtl;
}

html[dir="rtl"] .input-container label {
  text-align: right !important;
  right: 50px;
}

html[dir="rtl"] .input-container .form-control.profile-input {
  direction: ltr;
  text-align: left !important;
  padding: 14px 150px 14px 16px !important;
}

html[dir="rtl"] .input-container .form-control.date-inp {
  padding-right: 78% !important;
}

html[dir="rtl"] .input-container .error-mgs {
  text-align: right !important;
}