/ css / bootstrap / bootstrap-reboot.rtl.css
bootstrap-reboot.rtl.css
  1  /*!
  2   * Bootstrap Reboot v5.3.8 (https://getbootstrap.com/)
  3   * Copyright 2011-2025 The Bootstrap Authors
  4   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
  5   */
  6  :root,
  7  [data-bs-theme=light] {
  8    --bs-blue: #0d6efd;
  9    --bs-indigo: #6610f2;
 10    --bs-purple: #6f42c1;
 11    --bs-pink: #d63384;
 12    --bs-red: #dc3545;
 13    --bs-orange: #fd7e14;
 14    --bs-yellow: #ffc107;
 15    --bs-green: #198754;
 16    --bs-teal: #20c997;
 17    --bs-cyan: #0dcaf0;
 18    --bs-black: #000;
 19    --bs-white: #fff;
 20    --bs-gray: #6c757d;
 21    --bs-gray-dark: #343a40;
 22    --bs-gray-100: #f8f9fa;
 23    --bs-gray-200: #e9ecef;
 24    --bs-gray-300: #dee2e6;
 25    --bs-gray-400: #ced4da;
 26    --bs-gray-500: #adb5bd;
 27    --bs-gray-600: #6c757d;
 28    --bs-gray-700: #495057;
 29    --bs-gray-800: #343a40;
 30    --bs-gray-900: #212529;
 31    --bs-primary: #0d6efd;
 32    --bs-secondary: #6c757d;
 33    --bs-success: #198754;
 34    --bs-info: #0dcaf0;
 35    --bs-warning: #ffc107;
 36    --bs-danger: #dc3545;
 37    --bs-light: #f8f9fa;
 38    --bs-dark: #212529;
 39    --bs-primary-rgb: 13, 110, 253;
 40    --bs-secondary-rgb: 108, 117, 125;
 41    --bs-success-rgb: 25, 135, 84;
 42    --bs-info-rgb: 13, 202, 240;
 43    --bs-warning-rgb: 255, 193, 7;
 44    --bs-danger-rgb: 220, 53, 69;
 45    --bs-light-rgb: 248, 249, 250;
 46    --bs-dark-rgb: 33, 37, 41;
 47    --bs-primary-text-emphasis: #052c65;
 48    --bs-secondary-text-emphasis: #2b2f32;
 49    --bs-success-text-emphasis: #0a3622;
 50    --bs-info-text-emphasis: #055160;
 51    --bs-warning-text-emphasis: #664d03;
 52    --bs-danger-text-emphasis: #58151c;
 53    --bs-light-text-emphasis: #495057;
 54    --bs-dark-text-emphasis: #495057;
 55    --bs-primary-bg-subtle: #cfe2ff;
 56    --bs-secondary-bg-subtle: #e2e3e5;
 57    --bs-success-bg-subtle: #d1e7dd;
 58    --bs-info-bg-subtle: #cff4fc;
 59    --bs-warning-bg-subtle: #fff3cd;
 60    --bs-danger-bg-subtle: #f8d7da;
 61    --bs-light-bg-subtle: #fcfcfd;
 62    --bs-dark-bg-subtle: #ced4da;
 63    --bs-primary-border-subtle: #9ec5fe;
 64    --bs-secondary-border-subtle: #c4c8cb;
 65    --bs-success-border-subtle: #a3cfbb;
 66    --bs-info-border-subtle: #9eeaf9;
 67    --bs-warning-border-subtle: #ffe69c;
 68    --bs-danger-border-subtle: #f1aeb5;
 69    --bs-light-border-subtle: #e9ecef;
 70    --bs-dark-border-subtle: #adb5bd;
 71    --bs-white-rgb: 255, 255, 255;
 72    --bs-black-rgb: 0, 0, 0;
 73    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 74    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 75    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
 76    --bs-body-font-family: var(--bs-font-sans-serif);
 77    --bs-body-font-size: 1rem;
 78    --bs-body-font-weight: 400;
 79    --bs-body-line-height: 1.5;
 80    --bs-body-color: #212529;
 81    --bs-body-color-rgb: 33, 37, 41;
 82    --bs-body-bg: #fff;
 83    --bs-body-bg-rgb: 255, 255, 255;
 84    --bs-emphasis-color: #000;
 85    --bs-emphasis-color-rgb: 0, 0, 0;
 86    --bs-secondary-color: rgba(33, 37, 41, 0.75);
 87    --bs-secondary-color-rgb: 33, 37, 41;
 88    --bs-secondary-bg: #e9ecef;
 89    --bs-secondary-bg-rgb: 233, 236, 239;
 90    --bs-tertiary-color: rgba(33, 37, 41, 0.5);
 91    --bs-tertiary-color-rgb: 33, 37, 41;
 92    --bs-tertiary-bg: #f8f9fa;
 93    --bs-tertiary-bg-rgb: 248, 249, 250;
 94    --bs-heading-color: inherit;
 95    --bs-link-color: #0d6efd;
 96    --bs-link-color-rgb: 13, 110, 253;
 97    --bs-link-decoration: underline;
 98    --bs-link-hover-color: #0a58ca;
 99    --bs-link-hover-color-rgb: 10, 88, 202;
100    --bs-code-color: #d63384;
101    --bs-highlight-color: #212529;
102    --bs-highlight-bg: #fff3cd;
103    --bs-border-width: 1px;
104    --bs-border-style: solid;
105    --bs-border-color: #dee2e6;
106    --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
107    --bs-border-radius: 0.375rem;
108    --bs-border-radius-sm: 0.25rem;
109    --bs-border-radius-lg: 0.5rem;
110    --bs-border-radius-xl: 1rem;
111    --bs-border-radius-xxl: 2rem;
112    --bs-border-radius-2xl: var(--bs-border-radius-xxl);
113    --bs-border-radius-pill: 50rem;
114    --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
115    --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
116    --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
117    --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
118    --bs-focus-ring-width: 0.25rem;
119    --bs-focus-ring-opacity: 0.25;
120    --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
121    --bs-form-valid-color: #198754;
122    --bs-form-valid-border-color: #198754;
123    --bs-form-invalid-color: #dc3545;
124    --bs-form-invalid-border-color: #dc3545;
125  }
126  
127  [data-bs-theme=dark] {
128    color-scheme: dark;
129    --bs-body-color: #dee2e6;
130    --bs-body-color-rgb: 222, 226, 230;
131    --bs-body-bg: #212529;
132    --bs-body-bg-rgb: 33, 37, 41;
133    --bs-emphasis-color: #fff;
134    --bs-emphasis-color-rgb: 255, 255, 255;
135    --bs-secondary-color: rgba(222, 226, 230, 0.75);
136    --bs-secondary-color-rgb: 222, 226, 230;
137    --bs-secondary-bg: #343a40;
138    --bs-secondary-bg-rgb: 52, 58, 64;
139    --bs-tertiary-color: rgba(222, 226, 230, 0.5);
140    --bs-tertiary-color-rgb: 222, 226, 230;
141    --bs-tertiary-bg: #2b3035;
142    --bs-tertiary-bg-rgb: 43, 48, 53;
143    --bs-primary-text-emphasis: #6ea8fe;
144    --bs-secondary-text-emphasis: #a7acb1;
145    --bs-success-text-emphasis: #75b798;
146    --bs-info-text-emphasis: #6edff6;
147    --bs-warning-text-emphasis: #ffda6a;
148    --bs-danger-text-emphasis: #ea868f;
149    --bs-light-text-emphasis: #f8f9fa;
150    --bs-dark-text-emphasis: #dee2e6;
151    --bs-primary-bg-subtle: #031633;
152    --bs-secondary-bg-subtle: #161719;
153    --bs-success-bg-subtle: #051b11;
154    --bs-info-bg-subtle: #032830;
155    --bs-warning-bg-subtle: #332701;
156    --bs-danger-bg-subtle: #2c0b0e;
157    --bs-light-bg-subtle: #343a40;
158    --bs-dark-bg-subtle: #1a1d20;
159    --bs-primary-border-subtle: #084298;
160    --bs-secondary-border-subtle: #41464b;
161    --bs-success-border-subtle: #0f5132;
162    --bs-info-border-subtle: #087990;
163    --bs-warning-border-subtle: #997404;
164    --bs-danger-border-subtle: #842029;
165    --bs-light-border-subtle: #495057;
166    --bs-dark-border-subtle: #343a40;
167    --bs-heading-color: inherit;
168    --bs-link-color: #6ea8fe;
169    --bs-link-hover-color: #8bb9fe;
170    --bs-link-color-rgb: 110, 168, 254;
171    --bs-link-hover-color-rgb: 139, 185, 254;
172    --bs-code-color: #e685b5;
173    --bs-highlight-color: #dee2e6;
174    --bs-highlight-bg: #664d03;
175    --bs-border-color: #495057;
176    --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
177    --bs-form-valid-color: #75b798;
178    --bs-form-valid-border-color: #75b798;
179    --bs-form-invalid-color: #ea868f;
180    --bs-form-invalid-border-color: #ea868f;
181  }
182  
183  *,
184  *::before,
185  *::after {
186    box-sizing: border-box;
187  }
188  
189  @media (prefers-reduced-motion: no-preference) {
190    :root {
191      scroll-behavior: smooth;
192    }
193  }
194  
195  body {
196    margin: 0;
197    font-family: var(--bs-body-font-family);
198    font-size: var(--bs-body-font-size);
199    font-weight: var(--bs-body-font-weight);
200    line-height: var(--bs-body-line-height);
201    color: var(--bs-body-color);
202    text-align: var(--bs-body-text-align);
203    background-color: var(--bs-body-bg);
204    -webkit-text-size-adjust: 100%;
205    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
206  }
207  
208  hr {
209    margin: 1rem 0;
210    color: inherit;
211    border: 0;
212    border-top: var(--bs-border-width) solid;
213    opacity: 0.25;
214  }
215  
216  h6, h5, h4, h3, h2, h1 {
217    margin-top: 0;
218    margin-bottom: 0.5rem;
219    font-weight: 500;
220    line-height: 1.2;
221    color: var(--bs-heading-color);
222  }
223  
224  h1 {
225    font-size: calc(1.375rem + 1.5vw);
226  }
227  @media (min-width: 1200px) {
228    h1 {
229      font-size: 2.5rem;
230    }
231  }
232  
233  h2 {
234    font-size: calc(1.325rem + 0.9vw);
235  }
236  @media (min-width: 1200px) {
237    h2 {
238      font-size: 2rem;
239    }
240  }
241  
242  h3 {
243    font-size: calc(1.3rem + 0.6vw);
244  }
245  @media (min-width: 1200px) {
246    h3 {
247      font-size: 1.75rem;
248    }
249  }
250  
251  h4 {
252    font-size: calc(1.275rem + 0.3vw);
253  }
254  @media (min-width: 1200px) {
255    h4 {
256      font-size: 1.5rem;
257    }
258  }
259  
260  h5 {
261    font-size: 1.25rem;
262  }
263  
264  h6 {
265    font-size: 1rem;
266  }
267  
268  p {
269    margin-top: 0;
270    margin-bottom: 1rem;
271  }
272  
273  abbr[title] {
274    -webkit-text-decoration: underline dotted;
275    text-decoration: underline dotted;
276    cursor: help;
277    -webkit-text-decoration-skip-ink: none;
278    text-decoration-skip-ink: none;
279  }
280  
281  address {
282    margin-bottom: 1rem;
283    font-style: normal;
284    line-height: inherit;
285  }
286  
287  ol,
288  ul {
289    padding-right: 2rem;
290  }
291  
292  ol,
293  ul,
294  dl {
295    margin-top: 0;
296    margin-bottom: 1rem;
297  }
298  
299  ol ol,
300  ul ul,
301  ol ul,
302  ul ol {
303    margin-bottom: 0;
304  }
305  
306  dt {
307    font-weight: 700;
308  }
309  
310  dd {
311    margin-bottom: 0.5rem;
312    margin-right: 0;
313  }
314  
315  blockquote {
316    margin: 0 0 1rem;
317  }
318  
319  b,
320  strong {
321    font-weight: bolder;
322  }
323  
324  small {
325    font-size: 0.875em;
326  }
327  
328  mark {
329    padding: 0.1875em;
330    color: var(--bs-highlight-color);
331    background-color: var(--bs-highlight-bg);
332  }
333  
334  sub,
335  sup {
336    position: relative;
337    font-size: 0.75em;
338    line-height: 0;
339    vertical-align: baseline;
340  }
341  
342  sub {
343    bottom: -0.25em;
344  }
345  
346  sup {
347    top: -0.5em;
348  }
349  
350  a {
351    color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
352    text-decoration: underline;
353  }
354  a:hover {
355    --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
356  }
357  
358  a:not([href]):not([class]), a:not([href]):not([class]):hover {
359    color: inherit;
360    text-decoration: none;
361  }
362  
363  pre,
364  code,
365  kbd,
366  samp {
367    font-family: var(--bs-font-monospace);
368    font-size: 1em;
369  }
370  
371  pre {
372    display: block;
373    margin-top: 0;
374    margin-bottom: 1rem;
375    overflow: auto;
376    font-size: 0.875em;
377  }
378  pre code {
379    font-size: inherit;
380    color: inherit;
381    word-break: normal;
382  }
383  
384  code {
385    font-size: 0.875em;
386    color: var(--bs-code-color);
387    word-wrap: break-word;
388  }
389  a > code {
390    color: inherit;
391  }
392  
393  kbd {
394    padding: 0.1875rem 0.375rem;
395    font-size: 0.875em;
396    color: var(--bs-body-bg);
397    background-color: var(--bs-body-color);
398    border-radius: 0.25rem;
399  }
400  kbd kbd {
401    padding: 0;
402    font-size: 1em;
403  }
404  
405  figure {
406    margin: 0 0 1rem;
407  }
408  
409  img,
410  svg {
411    vertical-align: middle;
412  }
413  
414  table {
415    caption-side: bottom;
416    border-collapse: collapse;
417  }
418  
419  caption {
420    padding-top: 0.5rem;
421    padding-bottom: 0.5rem;
422    color: var(--bs-secondary-color);
423    text-align: right;
424  }
425  
426  th {
427    text-align: inherit;
428    text-align: -webkit-match-parent;
429  }
430  
431  thead,
432  tbody,
433  tfoot,
434  tr,
435  td,
436  th {
437    border-color: inherit;
438    border-style: solid;
439    border-width: 0;
440  }
441  
442  label {
443    display: inline-block;
444  }
445  
446  button {
447    border-radius: 0;
448  }
449  
450  button:focus:not(:focus-visible) {
451    outline: 0;
452  }
453  
454  input,
455  button,
456  select,
457  optgroup,
458  textarea {
459    margin: 0;
460    font-family: inherit;
461    font-size: inherit;
462    line-height: inherit;
463  }
464  
465  button,
466  select {
467    text-transform: none;
468  }
469  
470  [role=button] {
471    cursor: pointer;
472  }
473  
474  select {
475    word-wrap: normal;
476  }
477  select:disabled {
478    opacity: 1;
479  }
480  
481  [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
482    display: none !important;
483  }
484  
485  button,
486  [type=button],
487  [type=reset],
488  [type=submit] {
489    -webkit-appearance: button;
490  }
491  button:not(:disabled),
492  [type=button]:not(:disabled),
493  [type=reset]:not(:disabled),
494  [type=submit]:not(:disabled) {
495    cursor: pointer;
496  }
497  
498  ::-moz-focus-inner {
499    padding: 0;
500    border-style: none;
501  }
502  
503  textarea {
504    resize: vertical;
505  }
506  
507  fieldset {
508    min-width: 0;
509    padding: 0;
510    margin: 0;
511    border: 0;
512  }
513  
514  legend {
515    float: right;
516    width: 100%;
517    padding: 0;
518    margin-bottom: 0.5rem;
519    line-height: inherit;
520    font-size: calc(1.275rem + 0.3vw);
521  }
522  @media (min-width: 1200px) {
523    legend {
524      font-size: 1.5rem;
525    }
526  }
527  legend + * {
528    clear: right;
529  }
530  
531  ::-webkit-datetime-edit-fields-wrapper,
532  ::-webkit-datetime-edit-text,
533  ::-webkit-datetime-edit-minute,
534  ::-webkit-datetime-edit-hour-field,
535  ::-webkit-datetime-edit-day-field,
536  ::-webkit-datetime-edit-month-field,
537  ::-webkit-datetime-edit-year-field {
538    padding: 0;
539  }
540  
541  ::-webkit-inner-spin-button {
542    height: auto;
543  }
544  
545  [type=search] {
546    -webkit-appearance: textfield;
547    outline-offset: -2px;
548  }
549  [type=search]::-webkit-search-cancel-button {
550    cursor: pointer;
551    filter: grayscale(1);
552  }
553  
554  [type="tel"],
555  [type="url"],
556  [type="email"],
557  [type="number"] {
558    direction: ltr;
559  }
560  ::-webkit-search-decoration {
561    -webkit-appearance: none;
562  }
563  
564  ::-webkit-color-swatch-wrapper {
565    padding: 0;
566  }
567  
568  ::-webkit-file-upload-button {
569    font: inherit;
570    -webkit-appearance: button;
571  }
572  
573  ::file-selector-button {
574    font: inherit;
575    -webkit-appearance: button;
576  }
577  
578  output {
579    display: inline-block;
580  }
581  
582  iframe {
583    border: 0;
584  }
585  
586  summary {
587    display: list-item;
588    cursor: pointer;
589  }
590  
591  progress {
592    vertical-align: baseline;
593  }
594  
595  [hidden] {
596    display: none !important;
597  }
598  /*# sourceMappingURL=bootstrap-reboot.rtl.css.map */