/*
 *  Document   : rtl.css
 *  Author     : RedStar Theme
 *  Description: A common stylesheet for right to left layout
 */

p {
  text-align: right;
}
.noti-information .notification-list a {
  text-align: right;
}
.notification-list a span.icon {
  margin-left: 15px;
  font-size: 16px;
  float: right;
}
.quick-setting-main {
  float: right;
  left: 55px;
}
.course-likes {
  float: left;
  margin-left: 10px;
}
.page-header.navbar .page-logo {
  float: right;
  padding: 10px 20px 0px 60px;
}
.logo-icon {
  padding-right: 0px;
}
.fa-rotate-45 {
  -webkit-transform: rotate(384deg) !important;
  -moz-transform: rotate(384deg) !important;
  -ms-transform: rotate(384deg) !important;
  -o-transform: rotate(384deg) !important;
  transform: rotate(384deg) !important;
  color: white;
}
.dropdown-quick-sidebar-toggler a {
  right: 0px;
}
.page-header.navbar .top-menu {
  float: left;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu {
  text-align: right;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
  left: 10px;
  right: auto;
}
.page-header.navbar
  .top-menu
  .navbar-nav
  > li.dropdown-extended
  .dropdown-menu
  .dropdown-menu-list {
  text-align: right;
}
.page-header.navbar
  .top-menu
  .navbar-nav
  > li.dropdown-notification
  .dropdown-menu
  .dropdown-menu-list
  > li
  a
  .time {
  float: left;
}
.page-header.navbar
  .top-menu
  .navbar-nav
  > li.dropdown-inbox
  > .dropdown-menu
  .dropdown-menu-list
  > li
  .photo {
  float: right;
  margin: 0 6px 6px 10px;
}
.page-header.navbar
  .top-menu
  .navbar-nav
  > li.dropdown-inbox
  > .dropdown-menu
  .dropdown-menu-list
  > li
  .subject
  .time {
  float: left;
}
.page-header.navbar .hor-menu .navbar-nav > li.mega-menu-dropdown {
  position: static;
}
.sidemenu-container-reversed .sidemenu-container.fixed-menu {
  position: relative;
}
.sidemenu-container .sidemenu > li > a,
.sidemenu-closed.sidemenu-container-fixed
  .sidemenu-container:hover
  .sidemenu
  > li
  > a {
  text-align: right;
}
.sidemenu-container .sidemenu > li > a > i,
.sidemenu-closed.sidemenu-container-fixed
  .sidemenu-container:hover
  .sidemenu
  > li
  > a
  > i {
  margin-left: 5px;
  float: right;
}
.sidemenu-container .sidemenu li > a > .arrow:before,
.sidemenu-closed.sidemenu-container-fixed
  .sidemenu-container:hover
  .sidemenu
  li
  > a
  > .arrow:before {
  left: 5px;
}
.sidemenu-container .sidemenu .sub-menu li,
.sidemenu-closed.sidemenu-container-fixed
  .sidemenu-container:hover
  .sidemenu
  .sub-menu
  li {
  text-align: right;
}
.sidemenu-container.fixed-menu {
  position: fixed !important;
  z-index: 999 !important;
  right: 0 !important;
  margin-right: 0 !important;
  height: 100vh !important;
}

/* Scrollbar only for expanded sidebar to prevent mini-menu clipping */
body:not(.sidemenu-closed) .sidemenu-container.fixed-menu {
  overflow-y: auto !important;
}

/* Mini sidebar needs overflow visible for fly-out menus */
body.sidemenu-closed .sidemenu-container.fixed-menu {
  overflow: visible !important;
}

/* Custom Thin Scrollbar for RTL Sidebar */
.sidemenu-container::-webkit-scrollbar {
  width: 5px !important;
}
.sidemenu-container::-webkit-scrollbar-track {
  background: transparent !important;
}
.sidemenu-container::-webkit-scrollbar-thumb {
  background: rgba(0, 0, 0, 0.1) !important;
  border-radius: 10px !important;
}
.dark-theme .sidemenu-container::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1) !important;
}
.sidemenu-container::-webkit-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.3) !important;
}
.dark-theme .sidemenu-container::-webkit-scrollbar-thumb:hover {
  background: rgba(255, 255, 255, 0.3) !important;
}
.sidemenu-closed .sidemenu-container.fixed-menu {
  position: fixed !important; /* Keep it fixed when closed in RTL */
}
.sidemenu-container-reversed .sidemenu-container.fixed-menu {
  right: 0;
}
.chat-sidebar-container {
  left: -320px;
}
.chat-sidebar-open .chat-sidebar-container {
  transition: left 0.3s;
  left: 0;
  right: auto;
}
.chat-sidebar-container .chat-sidebar .list-items > li {
  text-align: right;
}
.chat-sidebar-container .chat-sidebar .chat-sidebar-item {
  margin-right: 320px;
}
.chat-sidebar-container
  .chat-sidebar
  .chat-sidebar-chat
  .chat-sidebar-chat-users
  .media-list
  .media
  .media-status {
  left: 10px;
  right: auto;
}
.chat-sidebar-container
  .chat-sidebar
  .chat-sidebar-chat
  .chat-sidebar-chat-users
  .media-list
  .media
  .dot {
  right: 20px;
  left: unset;
}
.chat-sidebar-container
  .chat-sidebar
  .chat-sidebar-chat
  .chat-sidebar-chat-users
  .media-list
  .media
  .media-object {
  margin-left: 10px;
  float: right;
}
.card-head header {
  float: right;
}
.card-head .tools {
  float: left;
}
.course-box {
  padding-right: 20px;
  text-align: right;
}
.label-menu {
  margin-left: 20px;
  float: left;
  width: 37px;
}
.nav.pull-right > li > .dropdown-menu,
.nav > li > .dropdown-menu.pull-right {
  left: 0;
  right: auto;
}
.nav.pull-right > li > .dropdown-menu:before,
.nav > li > .dropdown-menu.pull-right:before {
  right: auto;
  left: 12px;
}
.info-box-content {
  margin-left: 0px;
  text-align: right;
}
.info-box-icon {
  float: right;
}
.to-do-list li p {
  float: right;
}
.todo-actionlist {
  left: -5px;
  right: unset;
}
.feedBody {
  list-style: none;
}
.info-box-icon.push-bottom {
  margin-left: 10px;
}
.selector-title {
  text-align: right;
}
.header-white form.search-form-opened {
  float: right;
}
.header-dark form.search-form-opened {
  float: right;
}
.header-blue form.search-form-opened {
  float: right;
}
.header-indigo form.search-form-opened {
  float: right;
}
.header-cyan form.search-form-opened {
  float: right;
}
.header-green form.search-form-opened {
  float: right;
}
.header-red form.search-form-opened {
  float: right;
}
/* .sidemenu-container .sidemenu li>a>.arrow:before, .sidemenu-closed.sidemenu-container-fixed .sidemenu-container:hover .sidemenu li>a>.arrow:before {
    left: 5px !important;
    right: 0px !important;
} */

.sidemenu-container .sidemenu li > a > .arrow:before,
.sidemenu-closed.sidemenu-container-fixed
  .sidemenu-container:hover
  .sidemenu
  li
  > a
  > .arrow:before {
  right: auto;
}
.compose-mail .compose-options {
  left: 30px;
}
.compose-mail .form-group label {
  float: right;
  margin-right: 0px;
  text-align: right;
  padding-right: 5px;
}
.panel-body,
ul.docListWindow,
.white-box,
.btn-group > .dropdown-menu {
  text-align: right;
}
ul.docListWindow li .prog-avatar {
  float: right;
  margin-right: 5px;
  margin-left: 20px;
}
.dataTables_filter {
  float: left;
}
.dataTables_length,
.dataTables_info {
  float: right;
}
.mdl-js-button {
  right: 0px;
}
.dtp > .dtp-content {
  position: fixed !important;
  top: 50%;
  left: 50%;
}
.mdl-menu__container.is-visible,
.mdl-menu__container.is-animating {
  left: 0 !important;
  right: auto !important;
}
.page-header.navbar
  .top-menu
  .navbar-nav
  > li.dropdown-inbox
  > .dropdown-menu
  .dropdown-menu-list
  > li
  .subject {
  margin-left: 0px;
}
.profile-sidebar {
  float: right;
  margin-left: 20px;
}
ul.activity-list .avatar img {
  float: right;
  margin-left: 20px;
}
.inbox .inbox-nav {
  text-align: right;
}
.nav.nav-pills.labels-info {
  padding-right: 0;
  text-align: right;
}
.nav.nav-pills.labels-info li a {
  border-right: none;
}
.inbox .inbox-header {
  padding-bottom: 13px;
}
.compose-mail .form-group label {
  width: 76px;
  float: right;
  margin-right: 0px;
}
.compose-editor {
  padding-right: 15px;
}
.control-label {
  text-align: right;
  max-width: 100%;
}
.panel-heading {
  text-align: right;
}
.owl-carousel,
.bx-wrapper {
  direction: ltr;
}
.owl-carousel .owl-item {
  direction: rtl;
}
[dir="rtl"] .table thead th:first-child {
  border-top-right-radius: 10px !important;
  border-top-left-radius: 0 !important;
}
[dir="rtl"] .table thead th:last-child {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 0 !important;
}
[dir="rtl"] .ms-auto {
  margin-right: auto !important;
  margin-left: 0 !important;
}
[dir="rtl"] .me-auto {
  margin-left: auto !important;
  margin-right: 0 !important;
}
[dir="rtl"] .dataTables_wrapper .dataTables_filter {
  margin-right: auto !important;
  margin-left: 0 !important;
  text-align: left !important;
}
[dir="rtl"] .dataTables_wrapper .dataTables_length {
  margin-left: auto !important;
  margin-right: 0 !important;
  text-align: right !important;
}

.jsdemo-notification-button {
  text-align: right;
}
.mdl-checkbox.is-upgraded,
.mdl-switch.is-upgraded {
  padding-left: 0px;
  text-align: right;
}
#demo-menu-lower-left,
#demo_menu-top-left {
  float: right;
}
.mycheckbox {
  margin-top: 5px;
  margin-left: 5px;
}
.mycheckboxdiv {
  text-align: right;
}
.checkbox.rtl {
  padding-left: 0px;
  padding-right: 20px;
}
.checkbox.rtl label {
  padding-left: 0px;
  padding-right: 5px;
}
.checkbox.rtl label::before {
  left: auto;
  right: 2px;
  margin-left: 0;
  margin-right: -20px;
}
.checkbox.rtl label::after {
  left: auto;
  right: 0;
  margin-left: 0px;
  margin-right: -20px;
  padding-left: 0px;
  padding-right: 3px;
}
.checkbox.rtl input[type="checkbox"] {
  margin-left: 0px;
}

.radio.rtl {
  padding-left: 0px;
  padding-right: 20px;
}
.radio.rtl label {
  padding-left: 0px;
  padding-right: 5px;
}
.radio.rtl label::before {
  left: auto;
  right: -3px;
  margin-left: 0;
  margin-right: -20px;
}
.radio.rtl label::after {
  left: auto;
  right: 0;
  margin-left: 0px;
  margin-right: -20px;
  padding-left: 0px;
  padding-right: 3px;
}
.radio.rtl input[type="radio"] {
  margin-left: 0px;
}
.wizard > .steps,
.wizard .content .body {
  text-align: right;
}
.validate-input {
  text-align: right;
}
.input100 {
  padding: 0 35px 0 0px;
  text-align: right;
}
.label-checkbox100 {
  text-align: right;
}
.dataTables_wrapper .dt-buttons {
  float: right;
}
.user-panel .info {
  text-align: right;
}
.chat-sidebar-container
  .chat-sidebar
  .chat-sidebar-content-item-shown
  .chat-sidebar-item {
  left: 0;
}
.chat-sidebar-back-to-list .fa-angle-double-left {
  float: left;
  margin-top: 1px;
}
.quick-setting-main {
  top: 30%;
}
.doctor-profile p {
  text-align: center;
}
.activity-desk .album a {
  float: right;
}
.state-overview p {
  text-align: left;
}
.pull-right {
  float: left !important;
}
.pull-left {
  float: right;
}
.page-bar .page-breadcrumb {
  float: right;
}
/* MEDIA QUERIES */

@media only screen and (min-width: 768px) {
  .navbar-right {
    float: right !important;
    padding-right: 10px;
  }
  .form-horizontal .control-label {
    text-align: left;
  }
}
@media (max-width: 991px) {
  .page-header.navbar .menu-toggler.responsive-toggler {
    display: block;
    float: left;
  }
  .header-white form.search-form-opened {
    margin-left: 0;
    margin-right: 10px;
  }
}
/* RTL Fixes for Header, Sidebar, and Setting Panel */

.navbar-left {
  float: right !important;
  padding-right: 0px;
}
.navbar-right {
  float: left !important;
}

/* Header Search Form Fix */
.search-form-opened {
  float: right !important;
  margin-right: 15px !important;
}

.page-header.navbar .top-menu .navbar-nav > li.dropdown-quick-sidebar-toggler {
  float: left;
}

/* Setting Sidebar RTL Fix */
.settingSidebar {
  right: auto !important;
  left: -280px !important;
  top: 60px !important;
  height: calc(100% - 60px) !important;
}
.settingSidebar.showSettingPanel {
  left: 0 !important;
  right: auto !important;
}
.settingSidebar .settingPanelToggle {
  left: auto !important;
  right: -48px !important;
  border-radius: 0 12px 12px 0 !important;
}

/* Sidebar Menu Fixes */
.sidemenu-container .sidemenu > li > a > i {
  margin-left: 10px !important;
  margin-right: 0 !important;
}

.sidemenu-container .sidemenu li > a > .arrow:before {
  content: "\f104" !important; /* fa-angle-left */
  left: 15px !important;
  right: auto !important;
}

.sidemenu-container .sidemenu li.open > a > .arrow:before {
  content: "\f107" !important; /* fa-angle-down */
}

.sub-menu {
  padding-right: 20px !important;
  padding-left: 0 !important;
}

/* Sidebar User Panel RTL */
.sidebar-user-picture {
  float: right !important;
  margin-left: 10px !important;
  margin-right: 0 !important;
}
.sidebar-user-details {
  float: right !important;
  text-align: right !important;
}

/* Sidebar and Main Content Layout Mirroring */
.sidemenu-container {
  float: right !important;
  width: 235px !important;
  margin-left: -100% !important; /* Pull sidebar from right to left to avoid pushing content */
  position: relative;
  z-index: 10 !important;
  min-height: 100vh !important;
}
.sidemenu-container .sidemenu {
  min-height: 100vh !important;
  background-color: inherit !important;
}
.page-content-wrapper {
  float: right !important;
  width: 100% !important;
}
.page-content-wrapper .page-content {
  margin-left: 0 !important;
  margin-right: 235px !important; /* Space for the right-aligned sidebar */
  min-height: 100vh !important;
}
.sidemenu-closed .sidemenu-container {
  width: 45px !important;
}
.sidemenu-closed .page-content-wrapper .page-content {
  margin-right: 45px !important;
  margin-left: 0 !important;
}
@media (max-width: 991px) {
  .sidemenu-container {
    width: 100% !important;
    float: none !important;
    margin-left: 0 !important;
  }
  .page-content-wrapper .page-content {
    margin-right: 0 !important;
  }
}

/* Minimized Sidebar Badge and Arrow Positioning */
.sidemenu-closed .sidemenu-container .sidemenu li > a > .badge,
.sidemenu-closed .sidemenu-container .sidemenu li > a > .label-menu {
  display: none !important;
}
.sidemenu-closed .sidemenu-container .sidemenu li > a > .arrow {
  display: none !important;
}

/* Minimized Sidebar Hover Sub-menu RTL */
body.sidemenu-closed .sidemenu-container .sidemenu > li:hover > .sub-menu {
  left: auto !important;
  right: 45px !important;
  display: block !important;
  position: absolute !important;
  width: 200px !important;
  z-index: 9999 !important;
  top: 0 !important;
}

/* Ensure regular sidebar sub-menus are not forced absolute/block on hover */
body:not(.sidemenu-closed) .sidemenu-container .sidemenu > li > .sub-menu {
  position: static !important;
  display: none;
}
body:not(.sidemenu-closed) .sidemenu-container .sidemenu > li.open > .sub-menu {
  display: block;
}

/* Header Top Menu Icon Reversal */
.page-header.navbar .top-menu {
  float: left !important;
}
.page-header.navbar .top-menu .navbar-nav > li {
  float: right !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > .badge {
  right: auto !important;
  left: 0 !important;
}

/* Dropdown Menu Arrow Positions */
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:before {
  left: 10px !important;
  right: auto !important;
}
.page-header.navbar .top-menu .navbar-nav > li.dropdown .dropdown-menu:after {
  left: 11px !important;
  right: auto !important;
}

/* Input group addon alignment */
.input-group-addon:last-child {
  border-left: 1px solid #ccc !important;
  border-right: 0 !important;
  border-radius: 4px 0 0 4px !important;
}
.input-group-addon:first-child {
  border-right: 1px solid #ccc !important;
  border-left: 0 !important;
  border-radius: 0 4px 4px 0 !important;
}

/**************************************
	MODERN RTL SIDEBAR STYLES
***************************************/

/* User Profile Panel RTL */
.sidebar-user-picture {
  margin-right: 0 !important;
  margin-left: 12px !important;
}

.sidebar-user-details {
  text-align: right !important;
}

/* Menu Items RTL */
.sidemenu > li > .nav-link {
  z-index: 1 !important;
}

.sidemenu > li > .nav-link > i,
.sidemenu > li > .nav-link svg {
  margin-right: 0 !important;
  margin-left: 12px !important;
}

.sidemenu > li > .nav-link > .title {
  margin-right: 0 !important;
}

.sidemenu > li > .nav-link > .arrow {
  margin-left: 0 !important;
  margin-right: auto !important;
}

/* Active indicator RTL */
.sidemenu > li > .nav-link::before {
  left: auto !important;
  right: 0 !important;
  border-radius: 3px 0 0 3px !important;
}


/* Sub Menu RTL */
.sub-menu {
  padding-left: 0 !important;
  padding-right: 35px !important;
}

.sub-menu::before {
  left: auto !important;
  right: 32px !important;
}

.sub-menu > li::before {
  left: auto !important;
  right: 20px !important;
}

.sub-menu > li > .nav-link {
  padding: 8px 35px 8px 15px !important;
}


[dir="rtl"] .sidemenu-container .sidemenu > li > .sub-menu::before {
  display: none !important;
}

[dir="rtl"] .sidemenu-container .sidemenu .sub-menu > li::before {
  content: '' !important;
  display: block !important;
  position: absolute !important;
  right: 20px !important;
  top: 50% !important;
  width: 6px !important;
  height: 6px !important;
  transform: translateY(-50%) !important;
  border-radius: 50% !important;
  background: rgba(102, 126, 234, 0.3) !important;
}

[dir="rtl"] .sidemenu-container .sidemenu .sub-menu > li.active::before {
  background: #ffffff !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 50% !important;
  border: 2px solid #667eea !important;
  box-sizing: border-box !important;
  right: 19px !important;
}

.dark-theme [dir="rtl"] .sidemenu-container .sidemenu .sub-menu > li.active::before {
  border-color: rgba(102, 126, 234, 0.8) !important;
  background: transparent !important;
}

/* Mini Sidebar RTL */


.sidemenu-closed .sidemenu > li:hover > .sub-menu {
  left: auto !important;
  right: 100% !important;
}



/* Label/Badge RTL */
.sidemenu > li > .nav-link > .label-menu {
  margin-left: 0 !important;
  margin-right: 8px !important;
}
html[dir="rtl"] .timeline-card {
  flex-direction: row-reverse;
}
html[dir="rtl"] .timeline-time-col {
  text-align: right;
}