custom-rtl.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251
  1. @charset "UTF-8";
  2. /*rtl:begin:ignore*/
  3. /*========================================================
  4. DARK LAYOUT
  5. =========================================================*/
  6. .main-menu .navigation li > a > i,
  7. .main-menu .dropdown-menu i,
  8. .main-menu .dropdown-user > a > i,
  9. .main-menu .navigation > li > a > i {
  10. float: right;
  11. }
  12. .main-menu .navigation > li ul li > a {
  13. display: flex;
  14. align-items: center;
  15. }
  16. .header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu {
  17. top: 48px !important;
  18. }
  19. .header-navbar .navbar-container ul.nav li.dropdown .dropdown-menu::before {
  20. top: 1px;
  21. }
  22. .header-navbar .navbar-container ul.nav li.dropdown.dropdown-user .dropdown-menu .dropdown-item i {
  23. float: right;
  24. }
  25. .header-navbar .dropdown .dropdown-menu.dropdown-menu-right::before,
  26. .header-navbar .dropup .dropdown-menu.dropdown-menu-right::before {
  27. right: auto;
  28. left: 0.5rem;
  29. }
  30. .dropdown .dropdown-menu,
  31. .dropup .dropdown-menu {
  32. right: auto !important;
  33. top: 0 !important;
  34. left: auto !important;
  35. }
  36. .dropdown .dropdown-menu.dropdown-menu-right,
  37. .dropup .dropdown-menu.dropdown-menu-right {
  38. left: 0 !important;
  39. }
  40. .dropdown .dropdown-menu.dropdown-menu-right::before,
  41. .dropup .dropdown-menu.dropdown-menu-right::before {
  42. right: 0.6rem;
  43. left: auto;
  44. }
  45. .dropleft .dropdown-toggle::before {
  46. content: "\E844" !important;
  47. }
  48. .dropright .dropdown-toggle::after {
  49. content: "\E843" !important;
  50. }
  51. .input-group .dropdown-menu.show {
  52. top: 0 !important;
  53. right: auto !important;
  54. left: 0px !important;
  55. }
  56. .chartjs-render-monitor {
  57. margin-right: 1rem;
  58. }
  59. div.dataTables_wrapper div.dataTables_filter {
  60. text-align: left !important;
  61. }
  62. #dashboard-analytics .img-left {
  63. left: 0;
  64. right: auto !important;
  65. }
  66. #dashboard-analytics .img-right {
  67. right: 0;
  68. left: auto;
  69. }
  70. .square.slider-xl .noUi-handle:before {
  71. left: 5px;
  72. }
  73. .square.slider-xl .noUi-handle:after {
  74. left: 10px;
  75. }
  76. .square .noUi-handle:before {
  77. left: 2px;
  78. }
  79. .square .noUi-handle:after {
  80. left: 7px;
  81. }
  82. .noUi-vertical.square .noUi-handle:before {
  83. left: -1px;
  84. }
  85. .noUi-vertical.square .noUi-handle:after {
  86. left: -1px;
  87. }
  88. .noUi-horizontal.slider-sm .noUi-handle {
  89. left: auto !important;
  90. right: -2px !important;
  91. }
  92. .noUi-horizontal.slider-xs .noUi-handle {
  93. left: auto !important;
  94. right: -2px !important;
  95. }
  96. .context-menu-list {
  97. z-index: 1031 !important;
  98. }
  99. .context-menu-item > .context-menu-list {
  100. right: 100%;
  101. margin-right: 0;
  102. }
  103. .pagination .page-item.prev-item .page-link:before {
  104. content: "\E844";
  105. font-family: "feather";
  106. }
  107. .pagination .page-item.next-item .page-link:after {
  108. content: "\E843";
  109. font-family: "feather";
  110. }
  111. .pagination .page-item.prev .page-link:after,
  112. .pagination .page-item.previous .page-link:after {
  113. content: "\E844";
  114. font-family: "feather";
  115. }
  116. .pagination .page-item.prev .page-link:before,
  117. .pagination .page-item.previous .page-link:before {
  118. display: none;
  119. }
  120. .pagination .page-item.next .page-link:before {
  121. content: "\E843";
  122. font-family: "feather";
  123. }
  124. .pagination .page-item.next .page-link:after {
  125. display: none;
  126. }
  127. code[class*=language-],
  128. pre[class*=language-] {
  129. direction: ltr;
  130. }
  131. @media print {
  132. code[class*=language-],
  133. pre[class*=language-] {
  134. text-shadow: none;
  135. }
  136. }
  137. .list-group .list-group-item i {
  138. float: right;
  139. }
  140. .email-application .app-content .list-group .list-group-item i {
  141. float: right !important;
  142. }
  143. .ecommerce-application .sidebar-shop .range-slider.noUi-horizontal .noUi-handle {
  144. left: 5px !important;
  145. }
  146. .fc .fc-header-toolbar .fc-right .fc-button.fc-prev-button .fc-icon {
  147. right: 4px !important;
  148. }
  149. .fc .fc-header-toolbar .fc-right .fc-button.fc-next-button .fc-icon {
  150. left: -3px !important;
  151. }
  152. .btn i {
  153. float: right;
  154. margin-left: 0.25rem;
  155. }
  156. .btn.btn-icon i {
  157. margin-left: 0;
  158. }
  159. .carousel-control-next {
  160. left: auto;
  161. right: 0;
  162. }
  163. .carousel-control-prev {
  164. left: 0;
  165. right: auto;
  166. }
  167. .bs-tooltip-left .arrow::before,
  168. .bs-tooltip-auto[x-placement^=left] .arrow::before {
  169. border-width: 0.4rem 0 0.4rem 0.4rem;
  170. border-left-color: #323232;
  171. }
  172. .bs-tooltip-left .arrow,
  173. .bs-tooltip-auto[x-placement^=left] .arrow {
  174. right: 0;
  175. left: auto;
  176. }
  177. .bs-tooltip-right .arrow::before,
  178. .bs-tooltip-auto[x-placement^=right] .arrow::before {
  179. border-width: 0.4rem 0.4rem 0.4rem 0;
  180. border-right-color: #323232;
  181. }
  182. .bs-tooltip-right .arrow,
  183. .bs-tooltip-auto[x-placement^=right] .arrow {
  184. left: 0;
  185. right: auto;
  186. }
  187. .popover {
  188. right: auto !important;
  189. }
  190. .ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  191. right: auto !important;
  192. }
  193. body .ps__rail-y {
  194. right: auto !important;
  195. left: 1px !important;
  196. }
  197. /*rtl:end:ignore*/