/**
 * Nexus - RTL (Right to Left) Stylesheet for Sngine 4.5+
 */

@import url('nexus.css');

/* Sidebar RTL overrides */
.main-side-nav > li.active > a::before {
  left: auto !important;
  right: 0 !important;
  border-radius: var(--nexus-radius-sm) 0 0 var(--nexus-radius-sm) !important;
}

.main-side-nav > li > a:hover,
.main-side-nav > a:hover {
  transform: translateX(-4px) !important;
}

.main-side-nav .main-icon {
  margin-right: 0 !important;
  margin-left: 12px !important;
}

/* Header Search RTL */
.main-header .search-wrapper .form-control {
  padding-left: 14px !important;
  padding-right: 42px !important;
}

/* Dropdown item RTL */
.dropdown-item:hover {
  transform: translateX(-2px) !important;
}

/* Online Indicator RTL */
.online-status::after {
  right: auto !important;
  left: 0 !important;
}

/* RTL Switches */
body.rtl .switch .slider.round:before {
  left: auto !important;
  right: 3px !important;
}
body.rtl .switch input:checked + .slider.round:before {
  transform: translateX(-30px) !important;
}
body.rtl .switch:hover input:checked + .slider.round:before {
  transform: translateX(-30px) scale(1.06) !important;
}
body.rtl .switch.sm .slider.round:before {
  left: auto !important;
  right: 2px !important;
}
body.rtl .switch.sm input:checked + .slider.round:before {
  transform: translateX(-22px) !important;
}
body.rtl .switch.sm:hover input:checked + .slider.round:before {
  transform: translateX(-22px) scale(1.05) !important;
}

/* RTL Delete Button */
body.rtl .del-btn__icon {
  margin: -4px -6px -4px 6px !important;
}

/* RTL Back to Top Button */
body.rtl #nexus-back-to-top {
  right: auto !important;
  left: 90px !important;
}
@media (max-width: 1199px) {
  body.rtl #nexus-back-to-top {
    right: auto !important;
    left: 18px !important;
  }
}

/* RTL Auth & Glass Form */
body.rtl .fr_welcome_field > svg.position-absolute,
body.rtl .nexus-auth-card-container .input-group-text svg,
body.rtl .nexus-auth-card-container .input-group-text i {
  left: auto !important;
  right: 16px !important;
}

body.rtl .js_toggle-password {
  right: auto !important;
  left: 14px !important;
}

body.rtl .fr_welcome_field input,
body.rtl .fr_welcome_field select,
body.rtl .nexus-auth-card-container .form-group .form-control,
body.rtl .nexus-auth-card-container .form-group .form-select {
  padding-left: 48px !important;
  padding-right: 48px !important;
}