responsive_ar.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175
  1. /*---------------------------------------------------------------------*/
  2. /*Tab Responsive*/
  3. /*---------------------------------------------------------------------*/
  4. @media (device-width: 1024px) and (device-height: 768px) and (orientation: landscape) {
  5. html[dir="rtl"] .main-header{
  6. margin-right: 0 !important;
  7. }
  8. html[dir="rtl"] header .logo-box {
  9. margin-right: 0rem !important;
  10. }
  11. html[dir="rtl"] .switch-lang {
  12. right: 18%;
  13. }
  14. html[dir="rtl"] .fixed .content-wrapper{
  15. margin-right: 271px !important;
  16. margin-left: 0 !important;
  17. }
  18. html[dir="rtl"] .ar-md-m-0{
  19. margin: 0 !important;
  20. }
  21. html[dir="rtl"] .list-group.make-sortable.sm-pr-0{
  22. padding-right:0 !important;
  23. }
  24. }
  25. @media (device-width: 854px) and (device-height: 534px) {
  26. html[dir="rtl"] .tab-bar-section{
  27. margin-left: 0px;
  28. margin-right: 10px;
  29. }
  30. html[dir="rtl"] .sidebar_div_main{
  31. padding-right: 0px !important;
  32. }
  33. html[dir="rtl"] .p-outletnameP{
  34. padding-left: 7px !important;
  35. padding-right: 15px !important;
  36. }
  37. html[dir="rtl"] .resto-menu.mt-5.sm-pl-0{
  38. padding-right: 0 !important;
  39. }
  40. html[dir="rtl"] .ar-md-m-0{
  41. margin: 0 !important;
  42. }
  43. html[dir="rtl"] .ar-mrl-adjust{
  44. margin-left: 7px !important;
  45. margin-right: 0 !important;
  46. }
  47. }
  48. /*---------------------------------------------------------------------*/
  49. /*Mobile Responsive*/
  50. /*---------------------------------------------------------------------*/
  51. @media (max-width: 767px) {
  52. html[dir="rtl"] .main-header .logo{
  53. padding: 0 20px;
  54. }
  55. html[dir="rtl"] .left_bar.mx-10{
  56. margin-right: 5px !important;
  57. }
  58. html[dir="rtl"] .main-sidebar .sidebar-footer .resto-name-long {
  59. padding-left: 30px !important;
  60. margin-right: 10px !important;
  61. top: -2px !important;
  62. }
  63. html[dir="rtl"] .nav-tabs .gap-items-4 .nav-link{
  64. padding-right: 10px !important;
  65. }
  66. html[dir="rtl"] .row.pt-15.pl-10.pr-10{
  67. padding-right: 5px;
  68. padding-left: 5px;
  69. }
  70. html[dir="rtl"] .sm-ml-10{
  71. margin-left:0px;
  72. margin-right:10px;
  73. }
  74. html[dir="rtl"] .outlet-table thead>tr>th{
  75. padding-right:22px;
  76. }
  77. html[dir="rtl"] .sm-ml-0{
  78. margin-left: 7px !important;
  79. margin-right: 0px !important;
  80. }
  81. html[dir="rtl"] #pac-input {
  82. width: calc(100% - 44px) !important;
  83. right: 20px !important;
  84. left: 0 !important;
  85. }
  86. html[dir="rtl"] .p-outletnameP {
  87. padding-right: 20px !important;
  88. }
  89. html[dir="rtl"] .resto-menu li .nav-link{
  90. padding-right: 12px !important;
  91. }
  92. html[dir="rtl"] .hours-action{
  93. padding-left: 28px !important;
  94. }
  95. html[dir="rtl"] .text-primary.add-more-hours,
  96. html[dir="rtl"] .time-show.sm-p-0{
  97. padding-right: 0px !important;
  98. }
  99. html[dir="rtl"] .fa-ban.delete-hour{
  100. text-align: left;
  101. }
  102. html[dir="rtl"] .content-wrapper .content .row:first-child .col-6:nth-child(2) .btn.sm-mr-0{
  103. margin-left: 0 !important;
  104. }
  105. html[dir="rtl"] .sm-pr-0{
  106. padding-right: 0 !important;
  107. }
  108. html[dir="rtl"] .text-align-ar-adjust{
  109. text-align: left !important;
  110. margin-left: 6px !important;
  111. margin-top: 8px !important;
  112. }
  113. html[dir="rtl"] .order_status_div
  114. {
  115. text-align:right !important;
  116. }
  117. html[dir="rtl"] .order_status_div ul
  118. {
  119. padding-right: 0;
  120. }
  121. html[dir="rtl"] .order_status_div ul li, html[dir="rtl"] .order_status_div ul li span.gdot
  122. {
  123. margin-right: 0 !important;
  124. }
  125. html[dir="rtl"] .order_status_div ul li span.gdot
  126. {
  127. margin-left: 5px !important;
  128. }
  129. html[dir="rtl"] .ar-mrl-adjust{
  130. margin-right: 0 !important;
  131. margin-left: 5px !important;
  132. }
  133. html[dir="rtl"] .ar-sm-mr-5{
  134. margin-right: 5px !important;
  135. }
  136. html[dir="rtl"] .ar-sm-pr-0{
  137. padding-right: 0 !important;
  138. }
  139. html[dir="rtl"] .btn-md.add-discount{
  140. margin-right: 0 !important;
  141. }
  142. html[dir="rtl"] #discount-table_wrapper{
  143. padding-right: 0 !important;
  144. }
  145. html[dir="rtl"] .ar-sm-pl-20{
  146. padding-left:20px !important;
  147. }
  148. html[dir="rtl"] .ar-pr-0{
  149. padding-right: 0 !important;
  150. padding-left: 1.5rem !important;
  151. }
  152. html[dir="rtl"] .ar-sm-pr-0 {
  153. padding-right: 0 !important;
  154. }
  155. html[dir="rtl"] .btn-primary.add-outlet.user-add-outlet{
  156. float: none !important;
  157. width: 100% !important;
  158. }
  159. html[dir="rtl"] .pd-0{
  160. padding:0px !important;
  161. }
  162. html[dir="rtl"] .sm-mr-pr-0{
  163. padding-right: 0;
  164. margin-right: 0;
  165. }
  166. }