diff --git a/apps/static/assets/5.2_bootstrap.css b/apps/static/assets/5.2_bootstrap.css new file mode 100644 index 0000000..40cde52 --- /dev/null +++ b/apps/static/assets/5.2_bootstrap.css @@ -0,0 +1,10924 @@ +/*! + * Bootstrap v5.2.0 (https://getbootstrap.com/) + * Copyright 2011-2022 The Bootstrap Authors + * Copyright 2011-2022 Twitter, Inc. + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ + :root { + --bs-blue: #2196f3; + --bs-indigo: #3f51b5; + --bs-purple: #9c27b0; + --bs-pink: #e91e63; + --bs-red: #f44336; + --bs-orange: #ff9800; + --bs-yellow: #ffeb3b; + --bs-green: #4caf50; + --bs-teal: #009688; + --bs-cyan: #00bcd4; + --bs-black: #000; + --bs-white: #fff; + --bs-gray: #6c757d; + --bs-gray-dark: #343a40; + --bs-gray-100: #f8f9fa; + --bs-gray-200: #e9ecef; + --bs-gray-300: #dee2e6; + --bs-gray-400: #ced4da; + --bs-gray-500: #adb5bd; + --bs-gray-600: #6c757d; + --bs-gray-700: #495057; + --bs-gray-800: #343a40; + --bs-gray-900: #212529; + --bs-primary: #2196f3; + --bs-secondary: #6c757d; + --bs-success: #4caf50; + --bs-info: #00bcd4; + --bs-warning: #ffeb3b; + --bs-danger: #f44336; + --bs-light: #f8f9fa; + --bs-dark: #212529; + --bs-primary-rgb: 33, 150, 243; + --bs-secondary-rgb: 108, 117, 125; + --bs-success-rgb: 76, 175, 80; + --bs-info-rgb: 0, 188, 212; + --bs-warning-rgb: 255, 235, 59; + --bs-danger-rgb: 244, 67, 54; + --bs-light-rgb: 248, 249, 250; + --bs-dark-rgb: 33, 37, 41; + --bs-white-rgb: 255, 255, 255; + --bs-black-rgb: 0, 0, 0; + --bs-body-color-rgb: 33, 37, 41; + --bs-body-bg-rgb: 255, 255, 255; + --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"; + --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); + --bs-body-font-family: var(--bs-font-sans-serif); + --bs-body-font-size: 0.875rem; + --bs-body-font-weight: 400; + --bs-body-line-height: 1.5; + --bs-body-color: #212529; + --bs-body-bg: #fff; + --bs-border-width: 1px; + --bs-border-style: solid; + --bs-border-color: rgba(0, 0, 0, 0.0625); + --bs-border-color-translucent: rgba(0, 0, 0, 0.175); + --bs-border-radius: 0.375rem; + --bs-border-radius-sm: 0.25rem; + --bs-border-radius-lg: 0.5rem; + --bs-border-radius-xl: 1rem; + --bs-border-radius-2xl: 2rem; + --bs-border-radius-pill: 50rem; + --bs-link-color: #2196f3; + --bs-link-hover-color: #1a78c2; + --bs-code-color: #e91e63; + --bs-highlight-bg: #fffbd8; + } + + *, + *::before, + *::after { + box-sizing: border-box; + } + + @media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: smooth; + } + } + + body { + margin: 0; + font-family: var(--bs-body-font-family); + font-size: var(--bs-body-font-size); + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + color: var(--bs-body-color); + text-align: var(--bs-body-text-align); + background-color: var(--bs-body-bg); + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); + } + + hr { + margin: 1rem 0; + color: inherit; + border: 0; + border-top: 1px solid; + opacity: 0.25; + } + + h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { + margin-top: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; + } + + h1, .h1 { + font-size: calc(1.34375rem + 1.125vw); + } + @media (min-width: 1200px) { + h1, .h1 { + font-size: 2.1875rem; + } + } + + h2, .h2 { + font-size: calc(1.3rem + 0.6vw); + } + @media (min-width: 1200px) { + h2, .h2 { + font-size: 1.75rem; + } + } + + h3, .h3 { + font-size: calc(1.278125rem + 0.3375vw); + } + @media (min-width: 1200px) { + h3, .h3 { + font-size: 1.53125rem; + } + } + + h4, .h4 { + font-size: calc(1.25625rem + 0.075vw); + } + @media (min-width: 1200px) { + h4, .h4 { + font-size: 1.3125rem; + } + } + + h5, .h5 { + font-size: 1.09375rem; + } + + h6, .h6 { + font-size: 0.875rem; + } + + p { + margin-top: 0; + margin-bottom: 1rem; + } + + abbr[title] { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; + } + + address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; + } + + ol, + ul { + padding-left: 2rem; + } + + ol, + ul, + dl { + margin-top: 0; + margin-bottom: 1rem; + } + + ol ol, + ul ul, + ol ul, + ul ol { + margin-bottom: 0; + } + + dt { + font-weight: 700; + } + + dd { + margin-bottom: 0.5rem; + margin-left: 0; + } + + blockquote { + margin: 0 0 1rem; + } + + b, + strong { + font-weight: bolder; + } + + small, .small { + font-size: 0.875em; + } + + mark, .mark { + padding: 0.1875em; + background-color: var(--bs-highlight-bg); + } + + sub, + sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; + } + + sub { + bottom: -0.25em; + } + + sup { + top: -0.5em; + } + + a { + color: var(--bs-link-color); + text-decoration: underline; + } + a:hover { + color: var(--bs-link-hover-color); + } + + a:not([href]):not([class]), a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; + } + + pre, + code, + kbd, + samp { + font-family: var(--bs-font-monospace); + font-size: 1em; + } + + pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: 0.875em; + } + pre code { + font-size: inherit; + color: inherit; + word-break: normal; + } + + code { + font-size: 0.875em; + color: var(--bs-code-color); + word-wrap: break-word; + } + a > code { + color: inherit; + } + + kbd { + padding: 0.1875rem 0.375rem; + font-size: 0.875em; + color: var(--bs-body-bg); + background-color: var(--bs-body-color); + border-radius: 0.25rem; + } + kbd kbd { + padding: 0; + font-size: 1em; + } + + figure { + margin: 0 0 1rem; + } + + img, + svg { + vertical-align: middle; + } + + table { + caption-side: bottom; + border-collapse: collapse; + } + + caption { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: #6c757d; + text-align: left; + } + + th { + text-align: inherit; + text-align: -webkit-match-parent; + } + + thead, + tbody, + tfoot, + tr, + td, + th { + border-color: inherit; + border-style: solid; + border-width: 0; + } + + label { + display: inline-block; + } + + button { + border-radius: 0; + } + + button:focus:not(:focus-visible) { + outline: 0; + } + + input, + button, + select, + optgroup, + textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; + } + + button, + select { + text-transform: none; + } + + [role=button] { + cursor: pointer; + } + + select { + word-wrap: normal; + } + select:disabled { + opacity: 1; + } + + [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { + display: none !important; + } + + button, + [type=button], + [type=reset], + [type=submit] { + -webkit-appearance: button; + } + button:not(:disabled), + [type=button]:not(:disabled), + [type=reset]:not(:disabled), + [type=submit]:not(:disabled) { + cursor: pointer; + } + + ::-moz-focus-inner { + padding: 0; + border-style: none; + } + + textarea { + resize: vertical; + } + + fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; + } + + legend { + float: left; + width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: calc(1.275rem + 0.3vw); + line-height: inherit; + } + @media (min-width: 1200px) { + legend { + font-size: 1.5rem; + } + } + legend + * { + clear: left; + } + + ::-webkit-datetime-edit-fields-wrapper, + ::-webkit-datetime-edit-text, + ::-webkit-datetime-edit-minute, + ::-webkit-datetime-edit-hour-field, + ::-webkit-datetime-edit-day-field, + ::-webkit-datetime-edit-month-field, + ::-webkit-datetime-edit-year-field { + padding: 0; + } + + ::-webkit-inner-spin-button { + height: auto; + } + + [type=search] { + outline-offset: -2px; + -webkit-appearance: textfield; + } + + /* rtl:raw: + [type="tel"], + [type="url"], + [type="email"], + [type="number"] { + direction: ltr; + } + */ + ::-webkit-search-decoration { + -webkit-appearance: none; + } + + ::-webkit-color-swatch-wrapper { + padding: 0; + } + + ::file-selector-button { + font: inherit; + -webkit-appearance: button; + } + + output { + display: inline-block; + } + + iframe { + border: 0; + } + + summary { + display: list-item; + cursor: pointer; + } + + progress { + vertical-align: baseline; + } + + [hidden] { + display: none !important; + } + + .lead { + font-size: 1.09375rem; + font-weight: 300; + } + + .display-1 { + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.2; + } + @media (min-width: 1200px) { + .display-1 { + font-size: 5rem; + } + } + + .display-2 { + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.2; + } + @media (min-width: 1200px) { + .display-2 { + font-size: 4.5rem; + } + } + + .display-3 { + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.2; + } + @media (min-width: 1200px) { + .display-3 { + font-size: 4rem; + } + } + + .display-4 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.2; + } + @media (min-width: 1200px) { + .display-4 { + font-size: 3.5rem; + } + } + + .display-5 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; + } + @media (min-width: 1200px) { + .display-5 { + font-size: 3rem; + } + } + + .display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; + } + @media (min-width: 1200px) { + .display-6 { + font-size: 2.5rem; + } + } + + .list-unstyled { + padding-left: 0; + list-style: none; + } + + .list-inline { + padding-left: 0; + list-style: none; + } + + .list-inline-item { + display: inline-block; + } + .list-inline-item:not(:last-child) { + margin-right: 0.5rem; + } + + .initialism { + font-size: 0.875em; + text-transform: uppercase; + } + + .blockquote { + margin-bottom: 1rem; + font-size: 1.09375rem; + } + .blockquote > :last-child { + margin-bottom: 0; + } + + .blockquote-footer { + margin-top: -1rem; + margin-bottom: 1rem; + font-size: 0.875em; + color: #6c757d; + } + .blockquote-footer::before { + content: "— "; + } + + .img-fluid { + max-width: 100%; + height: auto; + } + + .img-thumbnail { + padding: 0.25rem; + background-color: #fff; + border: 1px solid var(--bs-border-color); + border-radius: 0.375rem; + max-width: 100%; + height: auto; + } + + .figure { + display: inline-block; + } + + .figure-img { + margin-bottom: 0.5rem; + line-height: 1; + } + + .figure-caption { + font-size: 0.875em; + color: #6c757d; + } + + .container, + .container-fluid, + .container-xxl, + .container-xl, + .container-lg, + .container-md, + .container-sm { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-right: auto; + margin-left: auto; + } + + @media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; + } + } + @media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; + } + } + @media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; + } + } + @media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; + } + } + @media (min-width: 1400px) { + .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1320px; + } + } + .row { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(-1 * var(--bs-gutter-y)); + margin-right: calc(-0.5 * var(--bs-gutter-x)); + margin-left: calc(-0.5 * var(--bs-gutter-x)); + } + .row > * { + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-top: var(--bs-gutter-y); + } + + .col { + flex: 1 0 0%; + } + + .row-cols-auto > * { + flex: 0 0 auto; + width: auto; + } + + .row-cols-1 > * { + flex: 0 0 auto; + width: 100%; + } + + .row-cols-2 > * { + flex: 0 0 auto; + width: 50%; + } + + .row-cols-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + + .row-cols-4 > * { + flex: 0 0 auto; + width: 25%; + } + + .row-cols-5 > * { + flex: 0 0 auto; + width: 20%; + } + + .row-cols-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + + .col-auto { + flex: 0 0 auto; + width: auto; + } + + .col-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + + .col-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + + .col-3 { + flex: 0 0 auto; + width: 25%; + } + + .col-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + + .col-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + + .col-6 { + flex: 0 0 auto; + width: 50%; + } + + .col-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + + .col-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + + .col-9 { + flex: 0 0 auto; + width: 75%; + } + + .col-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + + .col-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + + .col-12 { + flex: 0 0 auto; + width: 100%; + } + + .offset-1 { + margin-left: 8.33333333%; + } + + .offset-2 { + margin-left: 16.66666667%; + } + + .offset-3 { + margin-left: 25%; + } + + .offset-4 { + margin-left: 33.33333333%; + } + + .offset-5 { + margin-left: 41.66666667%; + } + + .offset-6 { + margin-left: 50%; + } + + .offset-7 { + margin-left: 58.33333333%; + } + + .offset-8 { + margin-left: 66.66666667%; + } + + .offset-9 { + margin-left: 75%; + } + + .offset-10 { + margin-left: 83.33333333%; + } + + .offset-11 { + margin-left: 91.66666667%; + } + + .g-0, + .gx-0 { + --bs-gutter-x: 0; + } + + .g-0, + .gy-0 { + --bs-gutter-y: 0; + } + + .g-1, + .gx-1 { + --bs-gutter-x: 0.25rem; + } + + .g-1, + .gy-1 { + --bs-gutter-y: 0.25rem; + } + + .g-2, + .gx-2 { + --bs-gutter-x: 0.5rem; + } + + .g-2, + .gy-2 { + --bs-gutter-y: 0.5rem; + } + + .g-3, + .gx-3 { + --bs-gutter-x: 1rem; + } + + .g-3, + .gy-3 { + --bs-gutter-y: 1rem; + } + + .g-4, + .gx-4 { + --bs-gutter-x: 1.5rem; + } + + .g-4, + .gy-4 { + --bs-gutter-y: 1.5rem; + } + + .g-5, + .gx-5 { + --bs-gutter-x: 3rem; + } + + .g-5, + .gy-5 { + --bs-gutter-y: 3rem; + } + + @media (min-width: 576px) { + .col-sm { + flex: 1 0 0%; + } + .row-cols-sm-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-sm-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-sm-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-sm-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-sm-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-sm-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-sm-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + } + .col-sm-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-sm-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + .col-sm-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-sm-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-sm-6 { + flex: 0 0 auto; + width: 50%; + } + .col-sm-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-sm-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-sm-9 { + flex: 0 0 auto; + width: 75%; + } + .col-sm-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-sm-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-sm-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { + margin-left: 8.33333333%; + } + .offset-sm-2 { + margin-left: 16.66666667%; + } + .offset-sm-3 { + margin-left: 25%; + } + .offset-sm-4 { + margin-left: 33.33333333%; + } + .offset-sm-5 { + margin-left: 41.66666667%; + } + .offset-sm-6 { + margin-left: 50%; + } + .offset-sm-7 { + margin-left: 58.33333333%; + } + .offset-sm-8 { + margin-left: 66.66666667%; + } + .offset-sm-9 { + margin-left: 75%; + } + .offset-sm-10 { + margin-left: 83.33333333%; + } + .offset-sm-11 { + margin-left: 91.66666667%; + } + .g-sm-0, + .gx-sm-0 { + --bs-gutter-x: 0; + } + .g-sm-0, + .gy-sm-0 { + --bs-gutter-y: 0; + } + .g-sm-1, + .gx-sm-1 { + --bs-gutter-x: 0.25rem; + } + .g-sm-1, + .gy-sm-1 { + --bs-gutter-y: 0.25rem; + } + .g-sm-2, + .gx-sm-2 { + --bs-gutter-x: 0.5rem; + } + .g-sm-2, + .gy-sm-2 { + --bs-gutter-y: 0.5rem; + } + .g-sm-3, + .gx-sm-3 { + --bs-gutter-x: 1rem; + } + .g-sm-3, + .gy-sm-3 { + --bs-gutter-y: 1rem; + } + .g-sm-4, + .gx-sm-4 { + --bs-gutter-x: 1.5rem; + } + .g-sm-4, + .gy-sm-4 { + --bs-gutter-y: 1.5rem; + } + .g-sm-5, + .gx-sm-5 { + --bs-gutter-x: 3rem; + } + .g-sm-5, + .gy-sm-5 { + --bs-gutter-y: 3rem; + } + } + @media (min-width: 768px) { + .col-md { + flex: 1 0 0%; + } + .row-cols-md-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-md-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-md-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-md-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-md-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-md-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-md-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-md-auto { + flex: 0 0 auto; + width: auto; + } + .col-md-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-md-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-md-3 { + flex: 0 0 auto; + width: 25%; + } + .col-md-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-md-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-md-6 { + flex: 0 0 auto; + width: 50%; + } + .col-md-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-md-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-md-9 { + flex: 0 0 auto; + width: 75%; + } + .col-md-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-md-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-md-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-md-0 { + margin-left: 0; + } + .offset-md-1 { + margin-left: 8.33333333%; + } + .offset-md-2 { + margin-left: 16.66666667%; + } + .offset-md-3 { + margin-left: 25%; + } + .offset-md-4 { + margin-left: 33.33333333%; + } + .offset-md-5 { + margin-left: 41.66666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.33333333%; + } + .offset-md-8 { + margin-left: 66.66666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.33333333%; + } + .offset-md-11 { + margin-left: 91.66666667%; + } + .g-md-0, + .gx-md-0 { + --bs-gutter-x: 0; + } + .g-md-0, + .gy-md-0 { + --bs-gutter-y: 0; + } + .g-md-1, + .gx-md-1 { + --bs-gutter-x: 0.25rem; + } + .g-md-1, + .gy-md-1 { + --bs-gutter-y: 0.25rem; + } + .g-md-2, + .gx-md-2 { + --bs-gutter-x: 0.5rem; + } + .g-md-2, + .gy-md-2 { + --bs-gutter-y: 0.5rem; + } + .g-md-3, + .gx-md-3 { + --bs-gutter-x: 1rem; + } + .g-md-3, + .gy-md-3 { + --bs-gutter-y: 1rem; + } + .g-md-4, + .gx-md-4 { + --bs-gutter-x: 1.5rem; + } + .g-md-4, + .gy-md-4 { + --bs-gutter-y: 1.5rem; + } + .g-md-5, + .gx-md-5 { + --bs-gutter-x: 3rem; + } + .g-md-5, + .gy-md-5 { + --bs-gutter-y: 3rem; + } + } + @media (min-width: 992px) { + .col-lg { + flex: 1 0 0%; + } + .row-cols-lg-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-lg-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-lg-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-lg-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-lg-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-lg-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-lg-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + } + .col-lg-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-lg-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + .col-lg-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-lg-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + .col-lg-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-lg-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + .col-lg-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-lg-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.33333333%; + } + .offset-lg-2 { + margin-left: 16.66666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.33333333%; + } + .offset-lg-5 { + margin-left: 41.66666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.33333333%; + } + .offset-lg-8 { + margin-left: 66.66666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.33333333%; + } + .offset-lg-11 { + margin-left: 91.66666667%; + } + .g-lg-0, + .gx-lg-0 { + --bs-gutter-x: 0; + } + .g-lg-0, + .gy-lg-0 { + --bs-gutter-y: 0; + } + .g-lg-1, + .gx-lg-1 { + --bs-gutter-x: 0.25rem; + } + .g-lg-1, + .gy-lg-1 { + --bs-gutter-y: 0.25rem; + } + .g-lg-2, + .gx-lg-2 { + --bs-gutter-x: 0.5rem; + } + .g-lg-2, + .gy-lg-2 { + --bs-gutter-y: 0.5rem; + } + .g-lg-3, + .gx-lg-3 { + --bs-gutter-x: 1rem; + } + .g-lg-3, + .gy-lg-3 { + --bs-gutter-y: 1rem; + } + .g-lg-4, + .gx-lg-4 { + --bs-gutter-x: 1.5rem; + } + .g-lg-4, + .gy-lg-4 { + --bs-gutter-y: 1.5rem; + } + .g-lg-5, + .gx-lg-5 { + --bs-gutter-x: 3rem; + } + .g-lg-5, + .gy-lg-5 { + --bs-gutter-y: 3rem; + } + } + @media (min-width: 1200px) { + .col-xl { + flex: 1 0 0%; + } + .row-cols-xl-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-xl-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xl-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xl-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-xl-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xl-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xl-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.33333333%; + } + .offset-xl-2 { + margin-left: 16.66666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.33333333%; + } + .offset-xl-5 { + margin-left: 41.66666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.33333333%; + } + .offset-xl-8 { + margin-left: 66.66666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.33333333%; + } + .offset-xl-11 { + margin-left: 91.66666667%; + } + .g-xl-0, + .gx-xl-0 { + --bs-gutter-x: 0; + } + .g-xl-0, + .gy-xl-0 { + --bs-gutter-y: 0; + } + .g-xl-1, + .gx-xl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xl-1, + .gy-xl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xl-2, + .gx-xl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xl-2, + .gy-xl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xl-3, + .gx-xl-3 { + --bs-gutter-x: 1rem; + } + .g-xl-3, + .gy-xl-3 { + --bs-gutter-y: 1rem; + } + .g-xl-4, + .gx-xl-4 { + --bs-gutter-x: 1.5rem; + } + .g-xl-4, + .gy-xl-4 { + --bs-gutter-y: 1.5rem; + } + .g-xl-5, + .gx-xl-5 { + --bs-gutter-x: 3rem; + } + .g-xl-5, + .gy-xl-5 { + --bs-gutter-y: 3rem; + } + } + @media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; + } + .row-cols-xxl-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-xxl-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xxl-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xxl-3 > * { + flex: 0 0 auto; + width: 33.3333333333%; + } + .row-cols-xxl-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xxl-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xxl-6 > * { + flex: 0 0 auto; + width: 16.6666666667%; + } + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xxl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xxl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xxl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xxl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xxl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xxl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xxl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xxl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xxl-0 { + margin-left: 0; + } + .offset-xxl-1 { + margin-left: 8.33333333%; + } + .offset-xxl-2 { + margin-left: 16.66666667%; + } + .offset-xxl-3 { + margin-left: 25%; + } + .offset-xxl-4 { + margin-left: 33.33333333%; + } + .offset-xxl-5 { + margin-left: 41.66666667%; + } + .offset-xxl-6 { + margin-left: 50%; + } + .offset-xxl-7 { + margin-left: 58.33333333%; + } + .offset-xxl-8 { + margin-left: 66.66666667%; + } + .offset-xxl-9 { + margin-left: 75%; + } + .offset-xxl-10 { + margin-left: 83.33333333%; + } + .offset-xxl-11 { + margin-left: 91.66666667%; + } + .g-xxl-0, + .gx-xxl-0 { + --bs-gutter-x: 0; + } + .g-xxl-0, + .gy-xxl-0 { + --bs-gutter-y: 0; + } + .g-xxl-1, + .gx-xxl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xxl-1, + .gy-xxl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xxl-2, + .gx-xxl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xxl-2, + .gy-xxl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xxl-3, + .gx-xxl-3 { + --bs-gutter-x: 1rem; + } + .g-xxl-3, + .gy-xxl-3 { + --bs-gutter-y: 1rem; + } + .g-xxl-4, + .gx-xxl-4 { + --bs-gutter-x: 1.5rem; + } + .g-xxl-4, + .gy-xxl-4 { + --bs-gutter-y: 1.5rem; + } + .g-xxl-5, + .gx-xxl-5 { + --bs-gutter-x: 3rem; + } + .g-xxl-5, + .gy-xxl-5 { + --bs-gutter-y: 3rem; + } + } + .table { + --bs-table-color: var(--bs-body-color); + --bs-table-bg: transparent; + --bs-table-border-color: var(--bs-border-color); + --bs-table-accent-bg: transparent; + --bs-table-striped-color: var(--bs-body-color); + --bs-table-striped-bg: rgba(0, 0, 0, 0.05); + --bs-table-active-color: var(--bs-body-color); + --bs-table-active-bg: rgba(0, 0, 0, 0.1); + --bs-table-hover-color: var(--bs-body-color); + --bs-table-hover-bg: rgba(0, 0, 0, 0.075); + width: 100%; + margin-bottom: 1rem; + color: var(--bs-table-color); + vertical-align: top; + border-color: var(--bs-table-border-color); + } + .table > :not(caption) > * > * { + padding: 0.5rem 0.5rem; + background-color: var(--bs-table-bg); + border-bottom-width: 1px; + box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); + } + .table > tbody { + vertical-align: inherit; + } + .table > thead { + vertical-align: bottom; + } + + .table-group-divider { + border-top: 2px solid currentcolor; + } + + .caption-top { + caption-side: top; + } + + .table-sm > :not(caption) > * > * { + padding: 0.25rem 0.25rem; + } + + .table-bordered > :not(caption) > * { + border-width: 1px 0; + } + .table-bordered > :not(caption) > * > * { + border-width: 0 1px; + } + + .table-borderless > :not(caption) > * > * { + border-bottom-width: 0; + } + .table-borderless > :not(:first-child) { + border-top-width: 0; + } + + .table-striped > tbody > tr:nth-of-type(odd) > * { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); + } + + .table-striped-columns > :not(caption) > tr > :nth-child(even) { + --bs-table-accent-bg: var(--bs-table-striped-bg); + color: var(--bs-table-striped-color); + } + + .table-active { + --bs-table-accent-bg: var(--bs-table-active-bg); + color: var(--bs-table-active-color); + } + + .table-hover > tbody > tr:hover > * { + --bs-table-accent-bg: var(--bs-table-hover-bg); + color: var(--bs-table-hover-color); + } + + .table-primary { + --bs-table-color: #000; + --bs-table-bg: #d3eafd; + --bs-table-border-color: #bed3e4; + --bs-table-striped-bg: #c8def0; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bed3e4; + --bs-table-active-color: #000; + --bs-table-hover-bg: #c3d8ea; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-secondary { + --bs-table-color: #000; + --bs-table-bg: #e2e3e5; + --bs-table-border-color: #cbccce; + --bs-table-striped-bg: #d7d8da; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cbccce; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d1d2d4; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-success { + --bs-table-color: #000; + --bs-table-bg: #dbefdc; + --bs-table-border-color: #c5d7c6; + --bs-table-striped-bg: #d0e3d1; + --bs-table-striped-color: #000; + --bs-table-active-bg: #c5d7c6; + --bs-table-active-color: #000; + --bs-table-hover-bg: #cbddcc; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-info { + --bs-table-color: #000; + --bs-table-bg: #ccf2f6; + --bs-table-border-color: #b8dadd; + --bs-table-striped-bg: #c2e6ea; + --bs-table-striped-color: #000; + --bs-table-active-bg: #b8dadd; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bde0e4; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-warning { + --bs-table-color: #000; + --bs-table-bg: #fffbd8; + --bs-table-border-color: #e6e2c2; + --bs-table-striped-bg: #f2eecd; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e6e2c2; + --bs-table-active-color: #000; + --bs-table-hover-bg: #ece8c8; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-danger { + --bs-table-color: #000; + --bs-table-bg: #fdd9d7; + --bs-table-border-color: #e4c3c2; + --bs-table-striped-bg: #f0cecc; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e4c3c2; + --bs-table-active-color: #000; + --bs-table-hover-bg: #eac9c7; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-light { + --bs-table-color: #000; + --bs-table-bg: #f8f9fa; + --bs-table-border-color: #dfe0e1; + --bs-table-striped-bg: #ecedee; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfe0e1; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5e6e7; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-dark { + --bs-table-color: #fff; + --bs-table-bg: #212529; + --bs-table-border-color: #373b3e; + --bs-table-striped-bg: #2c3034; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #373b3e; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #323539; + --bs-table-hover-color: #fff; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); + } + + .table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + + @media (max-width: 575.98px) { + .table-responsive-sm { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + @media (max-width: 767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + @media (max-width: 991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + @media (max-width: 1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + @media (max-width: 1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; + } + } + .form-label { + margin-bottom: 0.5rem; + } + + .col-form-label { + padding-top: calc(0.375rem + 1px); + padding-bottom: calc(0.375rem + 1px); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; + } + + .col-form-label-lg { + padding-top: calc(0.5rem + 1px); + padding-bottom: calc(0.5rem + 1px); + font-size: 1.09375rem; + } + + .col-form-label-sm { + padding-top: calc(0.25rem + 1px); + padding-bottom: calc(0.25rem + 1px); + font-size: 0.765625rem; + } + + .form-text { + margin-top: 0.25rem; + font-size: 0.875em; + color: #6c757d; + } + + .form-control { + display: block; + width: 100%; + padding: 0.375rem 0.75rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + background-clip: padding-box; + border: 1px solid #ced4da; + -webkit-appearance: none; + appearance: none; + border-radius: 0.375rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + } + @media (prefers-reduced-motion: reduce) { + .form-control { + transition: none; + } + } + .form-control[type=file] { + overflow: hidden; + } + .form-control[type=file]:not(:disabled):not([readonly]) { + cursor: pointer; + } + .form-control:focus { + color: #212529; + background-color: #fff; + border-color: #90cbf9; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); + } + .form-control::-webkit-date-and-time-value { + height: 1.5em; + } + .form-control::placeholder { + color: #6c757d; + opacity: 1; + } + .form-control:disabled { + background-color: #e9ecef; + opacity: 1; + } + .form-control::file-selector-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: #212529; + background-color: #e9ecef; + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: 1px; + border-radius: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + } + @media (prefers-reduced-motion: reduce) { + .form-control::file-selector-button { + transition: none; + } + } + .form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: #dde0e3; + } + + .form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + line-height: 1.5; + color: #212529; + background-color: transparent; + border: solid transparent; + border-width: 1px 0; + } + .form-control-plaintext:focus { + outline: 0; + } + .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; + } + + .form-control-sm { + min-height: calc(1.5em + 0.5rem + 2px); + padding: 0.25rem 0.5rem; + font-size: 0.765625rem; + border-radius: 0.25rem; + } + .form-control-sm::file-selector-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; + } + + .form-control-lg { + min-height: calc(1.5em + 1rem + 2px); + padding: 0.5rem 1rem; + font-size: 1.09375rem; + border-radius: 0.5rem; + } + .form-control-lg::file-selector-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; + } + + textarea.form-control { + min-height: calc(1.5em + 0.75rem + 2px); + } + textarea.form-control-sm { + min-height: calc(1.5em + 0.5rem + 2px); + } + textarea.form-control-lg { + min-height: calc(1.5em + 1rem + 2px); + } + + .form-control-color { + width: 3rem; + height: calc(1.5em + 0.75rem + 2px); + padding: 0.375rem; + } + .form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; + } + .form-control-color::-moz-color-swatch { + border: 0 !important; + border-radius: 0.375rem; + } + .form-control-color::-webkit-color-swatch { + border-radius: 0.375rem; + } + .form-control-color.form-control-sm { + height: calc(1.5em + 0.5rem + 2px); + } + .form-control-color.form-control-lg { + height: calc(1.5em + 1rem + 2px); + } + + .form-select { + display: block; + width: 100%; + padding: 0.375rem 2.25rem 0.375rem 0.75rem; + -moz-padding-start: calc(0.75rem - 3px); + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + background-color: #fff; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 16px 12px; + border: 1px solid #ced4da; + border-radius: 0.375rem; + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; + } + @media (prefers-reduced-motion: reduce) { + .form-select { + transition: none; + } + } + .form-select:focus { + border-color: #90cbf9; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); + } + .form-select[multiple], .form-select[size]:not([size="1"]) { + padding-right: 0.75rem; + background-image: none; + } + .form-select:disabled { + background-color: #e9ecef; + } + .form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 #212529; + } + + .form-select-sm { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.765625rem; + border-radius: 0.25rem; + } + + .form-select-lg { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.09375rem; + border-radius: 0.5rem; + } + + .form-check { + display: block; + min-height: 1.3125rem; + padding-left: 1.5em; + margin-bottom: 0.125rem; + } + .form-check .form-check-input { + float: left; + margin-left: -1.5em; + } + + .form-check-reverse { + padding-right: 1.5em; + padding-left: 0; + text-align: right; + } + .form-check-reverse .form-check-input { + float: right; + margin-right: -1.5em; + margin-left: 0; + } + + .form-check-input { + width: 1em; + height: 1em; + margin-top: 0.25em; + vertical-align: top; + background-color: #fff; + background-repeat: no-repeat; + background-position: center; + background-size: contain; + border: 1px solid rgba(0, 0, 0, 0.25); + -webkit-appearance: none; + appearance: none; + -webkit-print-color-adjust: exact; + print-color-adjust: exact; + } + .form-check-input[type=checkbox] { + border-radius: 0.25em; + } + .form-check-input[type=radio] { + border-radius: 50%; + } + .form-check-input:active { + filter: brightness(90%); + } + .form-check-input:focus { + border-color: #90cbf9; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); + } + .form-check-input:checked { + background-color: #2196f3; + border-color: #2196f3; + } + .form-check-input:checked[type=checkbox] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); + } + .form-check-input:checked[type=radio] { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); + } + .form-check-input[type=checkbox]:indeterminate { + background-color: #2196f3; + border-color: #2196f3; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); + } + .form-check-input:disabled { + pointer-events: none; + filter: none; + opacity: 0.5; + } + .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + cursor: default; + opacity: 0.5; + } + + .form-switch { + padding-left: 2.5em; + } + .form-switch .form-check-input { + width: 2em; + margin-left: -2.5em; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); + background-position: left center; + border-radius: 2em; + transition: background-position 0.15s ease-in-out; + } + @media (prefers-reduced-motion: reduce) { + .form-switch .form-check-input { + transition: none; + } + } + .form-switch .form-check-input:focus { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2390cbf9'/%3e%3c/svg%3e"); + } + .form-switch .form-check-input:checked { + background-position: right center; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); + } + .form-switch.form-check-reverse { + padding-right: 2.5em; + padding-left: 0; + } + .form-switch.form-check-reverse .form-check-input { + margin-right: -2.5em; + margin-left: 0; + } + + .form-check-inline { + display: inline-block; + margin-right: 1rem; + } + + .btn-check { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; + } + .btn-check[disabled] + .btn, .btn-check:disabled + .btn { + pointer-events: none; + filter: none; + opacity: 0.65; + } + + .form-range { + width: 100%; + height: 1.5rem; + padding: 0; + background-color: transparent; + -webkit-appearance: none; + appearance: none; + } + .form-range:focus { + outline: 0; + } + .form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(33, 150, 243, 0.25); + } + .form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(33, 150, 243, 0.25); + } + .form-range::-moz-focus-outer { + border: 0; + } + .form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + background-color: #2196f3; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + -webkit-appearance: none; + appearance: none; + } + @media (prefers-reduced-motion: reduce) { + .form-range::-webkit-slider-thumb { + -webkit-transition: none; + transition: none; + } + } + .form-range::-webkit-slider-thumb:active { + background-color: #bce0fb; + } + .form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; + } + .form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + background-color: #2196f3; + border: 0; + border-radius: 1rem; + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + appearance: none; + } + @media (prefers-reduced-motion: reduce) { + .form-range::-moz-range-thumb { + -moz-transition: none; + transition: none; + } + } + .form-range::-moz-range-thumb:active { + background-color: #bce0fb; + } + .form-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: #dee2e6; + border-color: transparent; + border-radius: 1rem; + } + .form-range:disabled { + pointer-events: none; + } + .form-range:disabled::-webkit-slider-thumb { + background-color: #adb5bd; + } + .form-range:disabled::-moz-range-thumb { + background-color: #adb5bd; + } + + .form-floating { + position: relative; + } + .form-floating > .form-control, + .form-floating > .form-control-plaintext, + .form-floating > .form-select { + height: calc(3.5rem + 2px); + line-height: 1.25; + } + .form-floating > label { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + padding: 1rem 0.75rem; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + pointer-events: none; + border: 1px solid transparent; + transform-origin: 0 0; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; + } + @media (prefers-reduced-motion: reduce) { + .form-floating > label { + transition: none; + } + } + .form-floating > .form-control, + .form-floating > .form-control-plaintext { + padding: 1rem 0.75rem; + } + .form-floating > .form-control::placeholder, + .form-floating > .form-control-plaintext::placeholder { + color: transparent; + } + .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), + .form-floating > .form-control-plaintext:focus, + .form-floating > .form-control-plaintext:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; + } + .form-floating > .form-control:-webkit-autofill, + .form-floating > .form-control-plaintext:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: 0.625rem; + } + .form-floating > .form-select { + padding-top: 1.625rem; + padding-bottom: 0.625rem; + } + .form-floating > .form-control:focus ~ label, + .form-floating > .form-control:not(:placeholder-shown) ~ label, + .form-floating > .form-control-plaintext ~ label, + .form-floating > .form-select ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); + } + .form-floating > .form-control:-webkit-autofill ~ label { + opacity: 0.65; + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); + } + .form-floating > .form-control-plaintext ~ label { + border-width: 1px 0; + } + + .input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; + } + .input-group > .form-control, + .input-group > .form-select, + .input-group > .form-floating { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; + } + .input-group > .form-control:focus, + .input-group > .form-select:focus, + .input-group > .form-floating:focus-within { + z-index: 3; + } + .input-group .btn { + position: relative; + z-index: 2; + } + .input-group .btn:focus { + z-index: 3; + } + + .input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + font-size: 0.875rem; + font-weight: 400; + line-height: 1.5; + color: #212529; + text-align: center; + white-space: nowrap; + background-color: #e9ecef; + border: 1px solid #ced4da; + border-radius: 0.375rem; + } + + .input-group-lg > .form-control, + .input-group-lg > .form-select, + .input-group-lg > .input-group-text, + .input-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.09375rem; + border-radius: 0.5rem; + } + + .input-group-sm > .form-control, + .input-group-sm > .form-select, + .input-group-sm > .input-group-text, + .input-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.765625rem; + border-radius: 0.25rem; + } + + .input-group-lg > .form-select, + .input-group-sm > .form-select { + padding-right: 3rem; + } + + .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), + .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), + .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, + .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), + .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), + .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, + .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .input-group > :not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback), + .input-group > .form-floating:not(:first-child) > .form-control, + .input-group > .form-floating:not(:first-child) > .form-select { + margin-left: -1px; + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #4caf50; + } + + .valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.765625rem; + color: #000; + background-color: rgba(76, 175, 80, 0.9); + border-radius: 0.375rem; + } + + .was-validated :valid ~ .valid-feedback, + .was-validated :valid ~ .valid-tooltip, + .is-valid ~ .valid-feedback, + .is-valid ~ .valid-tooltip { + display: block; + } + + .was-validated .form-control:valid, .form-control.is-valid { + border-color: #4caf50; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); + } + .was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: #4caf50; + box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.25); + } + + .was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); + } + + .was-validated .form-select:valid, .form-select.is-valid { + border-color: #4caf50; + } + .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { + padding-right: 4.125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); + } + .was-validated .form-select:valid:focus, .form-select.is-valid:focus { + border-color: #4caf50; + box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.25); + } + + .was-validated .form-control-color:valid, .form-control-color.is-valid { + width: calc(3rem + calc(1.5em + 0.75rem)); + } + + .was-validated .form-check-input:valid, .form-check-input.is-valid { + border-color: #4caf50; + } + .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { + background-color: #4caf50; + } + .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { + box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.25); + } + .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: #4caf50; + } + + .form-check-inline .form-check-input ~ .valid-feedback { + margin-left: 0.5em; + } + + .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, + .was-validated .input-group .form-select:valid, + .input-group .form-select.is-valid { + z-index: 1; + } + .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, + .was-validated .input-group .form-select:valid:focus, + .input-group .form-select.is-valid:focus { + z-index: 3; + } + + .invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: #f44336; + } + + .invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.765625rem; + color: #000; + background-color: rgba(244, 67, 54, 0.9); + border-radius: 0.375rem; + } + + .was-validated :invalid ~ .invalid-feedback, + .was-validated :invalid ~ .invalid-tooltip, + .is-invalid ~ .invalid-feedback, + .is-invalid ~ .invalid-tooltip { + display: block; + } + + .was-validated .form-control:invalid, .form-control.is-invalid { + border-color: #f44336; + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f44336'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f44336' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); + } + .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: #f44336; + box-shadow: 0 0 0 0.25rem rgba(244, 67, 54, 0.25); + } + + .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); + } + + .was-validated .form-select:invalid, .form-select.is-invalid { + border-color: #f44336; + } + .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { + padding-right: 4.125rem; + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f44336'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f44336' stroke='none'/%3e%3c/svg%3e"); + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); + } + .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { + border-color: #f44336; + box-shadow: 0 0 0 0.25rem rgba(244, 67, 54, 0.25); + } + + .was-validated .form-control-color:invalid, .form-control-color.is-invalid { + width: calc(3rem + calc(1.5em + 0.75rem)); + } + + .was-validated .form-check-input:invalid, .form-check-input.is-invalid { + border-color: #f44336; + } + .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { + background-color: #f44336; + } + .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { + box-shadow: 0 0 0 0.25rem rgba(244, 67, 54, 0.25); + } + .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: #f44336; + } + + .form-check-inline .form-check-input ~ .invalid-feedback { + margin-left: 0.5em; + } + + .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, + .was-validated .input-group .form-select:invalid, + .input-group .form-select.is-invalid { + z-index: 2; + } + .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, + .was-validated .input-group .form-select:invalid:focus, + .input-group .form-select.is-invalid:focus { + z-index: 3; + } + + .btn { + --bs-btn-padding-x: 0.75rem; + --bs-btn-padding-y: 0.375rem; + --bs-btn-font-family: ; + --bs-btn-font-size: 0.875rem; + --bs-btn-font-weight: 400; + --bs-btn-line-height: 1.5; + --bs-btn-color: #212529; + --bs-btn-bg: transparent; + --bs-btn-border-width: 1px; + --bs-btn-border-color: transparent; + --bs-btn-border-radius: 0.375rem; + --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + --bs-btn-disabled-opacity: 0.65; + --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); + display: inline-block; + padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); + font-family: var(--bs-btn-font-family); + font-size: var(--bs-btn-font-size); + font-weight: var(--bs-btn-font-weight); + line-height: var(--bs-btn-line-height); + color: var(--bs-btn-color); + text-align: center; + text-decoration: none; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + user-select: none; + border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); + border-radius: var(--bs-btn-border-radius); + background-color: var(--bs-btn-bg); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + } + @media (prefers-reduced-motion: reduce) { + .btn { + transition: none; + } + } + .btn:hover { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); + } + .btn-check:focus + .btn, .btn:focus { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); + outline: 0; + box-shadow: var(--bs-btn-focus-box-shadow); + } + .btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.show { + color: var(--bs-btn-active-color); + background-color: var(--bs-btn-active-bg); + border-color: var(--bs-btn-active-border-color); + } + .btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus { + box-shadow: var(--bs-btn-focus-box-shadow); + } + .btn:disabled, .btn.disabled, fieldset:disabled .btn { + color: var(--bs-btn-disabled-color); + pointer-events: none; + background-color: var(--bs-btn-disabled-bg); + border-color: var(--bs-btn-disabled-border-color); + opacity: var(--bs-btn-disabled-opacity); + } + + .btn-primary { + --bs-btn-color: #000; + --bs-btn-bg: #2196f3; + --bs-btn-border-color: #2196f3; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #42a6f5; + --bs-btn-hover-border-color: #37a1f4; + --bs-btn-focus-shadow-rgb: 28, 128, 207; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #4dabf5; + --bs-btn-active-border-color: #37a1f4; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #2196f3; + --bs-btn-disabled-border-color: #2196f3; + } + + .btn-secondary { + --bs-btn-color: #fff; + --bs-btn-bg: #6c757d; + --bs-btn-border-color: #6c757d; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #5c636a; + --bs-btn-hover-border-color: #565e64; + --bs-btn-focus-shadow-rgb: 130, 138, 145; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #565e64; + --bs-btn-active-border-color: #51585e; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #6c757d; + --bs-btn-disabled-border-color: #6c757d; + } + + .btn-success { + --bs-btn-color: #000; + --bs-btn-bg: #4caf50; + --bs-btn-border-color: #4caf50; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #67bb6a; + --bs-btn-hover-border-color: #5eb762; + --bs-btn-focus-shadow-rgb: 65, 149, 68; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #70bf73; + --bs-btn-active-border-color: #5eb762; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #4caf50; + --bs-btn-disabled-border-color: #4caf50; + } + + .btn-info { + --bs-btn-color: #000; + --bs-btn-bg: #00bcd4; + --bs-btn-border-color: #00bcd4; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #26c6da; + --bs-btn-hover-border-color: #1ac3d8; + --bs-btn-focus-shadow-rgb: 0, 160, 180; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #33c9dd; + --bs-btn-active-border-color: #1ac3d8; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #00bcd4; + --bs-btn-disabled-border-color: #00bcd4; + } + + .btn-warning { + --bs-btn-color: #000; + --bs-btn-bg: #ffeb3b; + --bs-btn-border-color: #ffeb3b; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #ffee58; + --bs-btn-hover-border-color: #ffed4f; + --bs-btn-focus-shadow-rgb: 217, 200, 50; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #ffef62; + --bs-btn-active-border-color: #ffed4f; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #ffeb3b; + --bs-btn-disabled-border-color: #ffeb3b; + } + + .btn-danger { + --bs-btn-color: #000; + --bs-btn-bg: #f44336; + --bs-btn-border-color: #f44336; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #f65f54; + --bs-btn-hover-border-color: #f5564a; + --bs-btn-focus-shadow-rgb: 207, 57, 46; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #f6695e; + --bs-btn-active-border-color: #f5564a; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #f44336; + --bs-btn-disabled-border-color: #f44336; + } + + .btn-light { + --bs-btn-color: #000; + --bs-btn-bg: #f8f9fa; + --bs-btn-border-color: #f8f9fa; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #d3d4d5; + --bs-btn-hover-border-color: #c6c7c8; + --bs-btn-focus-shadow-rgb: 211, 212, 213; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #c6c7c8; + --bs-btn-active-border-color: #babbbc; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #f8f9fa; + --bs-btn-disabled-border-color: #f8f9fa; + } + + .btn-dark { + --bs-btn-color: #fff; + --bs-btn-bg: #212529; + --bs-btn-border-color: #212529; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #424649; + --bs-btn-hover-border-color: #373b3e; + --bs-btn-focus-shadow-rgb: 66, 70, 73; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #4d5154; + --bs-btn-active-border-color: #373b3e; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #212529; + --bs-btn-disabled-border-color: #212529; + } + + .btn-outline-primary { + --bs-btn-color: #2196f3; + --bs-btn-border-color: #2196f3; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #2196f3; + --bs-btn-hover-border-color: #2196f3; + --bs-btn-focus-shadow-rgb: 33, 150, 243; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #2196f3; + --bs-btn-active-border-color: #2196f3; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #2196f3; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #2196f3; + --bs-gradient: none; + } + + .btn-outline-secondary { + --bs-btn-color: #6c757d; + --bs-btn-border-color: #6c757d; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #6c757d; + --bs-btn-hover-border-color: #6c757d; + --bs-btn-focus-shadow-rgb: 108, 117, 125; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #6c757d; + --bs-btn-active-border-color: #6c757d; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #6c757d; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #6c757d; + --bs-gradient: none; + } + + .btn-outline-success { + --bs-btn-color: #4caf50; + --bs-btn-border-color: #4caf50; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #4caf50; + --bs-btn-hover-border-color: #4caf50; + --bs-btn-focus-shadow-rgb: 76, 175, 80; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #4caf50; + --bs-btn-active-border-color: #4caf50; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #4caf50; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #4caf50; + --bs-gradient: none; + } + + .btn-outline-info { + --bs-btn-color: #00bcd4; + --bs-btn-border-color: #00bcd4; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #00bcd4; + --bs-btn-hover-border-color: #00bcd4; + --bs-btn-focus-shadow-rgb: 0, 188, 212; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #00bcd4; + --bs-btn-active-border-color: #00bcd4; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #00bcd4; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #00bcd4; + --bs-gradient: none; + } + + .btn-outline-warning { + --bs-btn-color: #ffeb3b; + --bs-btn-border-color: #ffeb3b; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #ffeb3b; + --bs-btn-hover-border-color: #ffeb3b; + --bs-btn-focus-shadow-rgb: 255, 235, 59; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #ffeb3b; + --bs-btn-active-border-color: #ffeb3b; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #ffeb3b; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #ffeb3b; + --bs-gradient: none; + } + + .btn-outline-danger { + --bs-btn-color: #f44336; + --bs-btn-border-color: #f44336; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #f44336; + --bs-btn-hover-border-color: #f44336; + --bs-btn-focus-shadow-rgb: 244, 67, 54; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #f44336; + --bs-btn-active-border-color: #f44336; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #f44336; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #f44336; + --bs-gradient: none; + } + + .btn-outline-light { + --bs-btn-color: #f8f9fa; + --bs-btn-border-color: #f8f9fa; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #f8f9fa; + --bs-btn-hover-border-color: #f8f9fa; + --bs-btn-focus-shadow-rgb: 248, 249, 250; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #f8f9fa; + --bs-btn-active-border-color: #f8f9fa; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #f8f9fa; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #f8f9fa; + --bs-gradient: none; + } + + .btn-outline-dark { + --bs-btn-color: #212529; + --bs-btn-border-color: #212529; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #212529; + --bs-btn-hover-border-color: #212529; + --bs-btn-focus-shadow-rgb: 33, 37, 41; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #212529; + --bs-btn-active-border-color: #212529; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #212529; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #212529; + --bs-gradient: none; + } + + .btn-link { + --bs-btn-font-weight: 400; + --bs-btn-color: var(--bs-link-color); + --bs-btn-bg: transparent; + --bs-btn-border-color: transparent; + --bs-btn-hover-color: var(--bs-link-hover-color); + --bs-btn-hover-border-color: transparent; + --bs-btn-active-color: var(--bs-link-hover-color); + --bs-btn-active-border-color: transparent; + --bs-btn-disabled-color: #6c757d; + --bs-btn-disabled-border-color: transparent; + --bs-btn-box-shadow: none; + --bs-btn-focus-shadow-rgb: 28, 128, 207; + text-decoration: underline; + } + .btn-link:focus { + color: var(--bs-btn-color); + } + .btn-link:hover { + color: var(--bs-btn-hover-color); + } + + .btn-lg, .btn-group-lg > .btn { + --bs-btn-padding-y: 0.5rem; + --bs-btn-padding-x: 1rem; + --bs-btn-font-size: 1.09375rem; + --bs-btn-border-radius: 0.5rem; + } + + .btn-sm, .btn-group-sm > .btn { + --bs-btn-padding-y: 0.25rem; + --bs-btn-padding-x: 0.5rem; + --bs-btn-font-size: 0.765625rem; + --bs-btn-border-radius: 0.25rem; + } + + .fade { + transition: opacity 0.15s linear; + } + @media (prefers-reduced-motion: reduce) { + .fade { + transition: none; + } + } + .fade:not(.show) { + opacity: 0; + } + + .collapse:not(.show) { + display: none; + } + + .collapsing { + height: 0; + overflow: hidden; + transition: height 0.35s ease; + } + @media (prefers-reduced-motion: reduce) { + .collapsing { + transition: none; + } + } + .collapsing.collapse-horizontal { + width: 0; + height: auto; + transition: width 0.35s ease; + } + @media (prefers-reduced-motion: reduce) { + .collapsing.collapse-horizontal { + transition: none; + } + } + + .dropup, + .dropend, + .dropdown, + .dropstart, + .dropup-center, + .dropdown-center { + position: relative; + } + + .dropdown-toggle { + white-space: nowrap; + } + .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; + } + .dropdown-toggle:empty::after { + margin-left: 0; + } + + .dropdown-menu { + --bs-dropdown-min-width: 10rem; + --bs-dropdown-padding-x: 0; + --bs-dropdown-padding-y: 0.5rem; + --bs-dropdown-spacer: 0.125rem; + --bs-dropdown-font-size: 0.875rem; + --bs-dropdown-color: #212529; + --bs-dropdown-bg: #fff; + --bs-dropdown-border-color: var(--bs-border-color-translucent); + --bs-dropdown-border-radius: 0.375rem; + --bs-dropdown-border-width: 1px; + --bs-dropdown-inner-border-radius: calc(0.375rem - 1px); + --bs-dropdown-divider-bg: var(--bs-border-color-translucent); + --bs-dropdown-divider-margin-y: 0.5rem; + --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + --bs-dropdown-link-color: #212529; + --bs-dropdown-link-hover-color: #1e2125; + --bs-dropdown-link-hover-bg: #e9ecef; + --bs-dropdown-link-active-color: #fff; + --bs-dropdown-link-active-bg: #2196f3; + --bs-dropdown-link-disabled-color: #adb5bd; + --bs-dropdown-item-padding-x: 1rem; + --bs-dropdown-item-padding-y: 0.25rem; + --bs-dropdown-header-color: #6c757d; + --bs-dropdown-header-padding-x: 1rem; + --bs-dropdown-header-padding-y: 0.5rem; + position: absolute; + z-index: 1000; + display: none; + min-width: var(--bs-dropdown-min-width); + padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); + margin: 0; + font-size: var(--bs-dropdown-font-size); + color: var(--bs-dropdown-color); + text-align: left; + list-style: none; + background-color: var(--bs-dropdown-bg); + background-clip: padding-box; + border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); + border-radius: var(--bs-dropdown-border-radius); + } + .dropdown-menu[data-bs-popper] { + top: 100%; + left: 0; + margin-top: var(--bs-dropdown-spacer); + } + + .dropdown-menu-start { + --bs-position: start; + } + .dropdown-menu-start[data-bs-popper] { + right: auto; + left: 0; + } + + .dropdown-menu-end { + --bs-position: end; + } + .dropdown-menu-end[data-bs-popper] { + right: 0; + left: auto; + } + + @media (min-width: 576px) { + .dropdown-menu-sm-start { + --bs-position: start; + } + .dropdown-menu-sm-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-sm-end { + --bs-position: end; + } + .dropdown-menu-sm-end[data-bs-popper] { + right: 0; + left: auto; + } + } + @media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; + } + .dropdown-menu-md-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-md-end { + --bs-position: end; + } + .dropdown-menu-md-end[data-bs-popper] { + right: 0; + left: auto; + } + } + @media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; + } + .dropdown-menu-lg-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-lg-end { + --bs-position: end; + } + .dropdown-menu-lg-end[data-bs-popper] { + right: 0; + left: auto; + } + } + @media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; + } + .dropdown-menu-xl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xl-end { + --bs-position: end; + } + .dropdown-menu-xl-end[data-bs-popper] { + right: 0; + left: auto; + } + } + @media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; + } + .dropdown-menu-xxl-start[data-bs-popper] { + right: auto; + left: 0; + } + .dropdown-menu-xxl-end { + --bs-position: end; + } + .dropdown-menu-xxl-end[data-bs-popper] { + right: 0; + left: auto; + } + } + .dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: var(--bs-dropdown-spacer); + } + .dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; + } + .dropup .dropdown-toggle:empty::after { + margin-left: 0; + } + + .dropend .dropdown-menu[data-bs-popper] { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: var(--bs-dropdown-spacer); + } + .dropend .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; + } + .dropend .dropdown-toggle:empty::after { + margin-left: 0; + } + .dropend .dropdown-toggle::after { + vertical-align: 0; + } + + .dropstart .dropdown-menu[data-bs-popper] { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: var(--bs-dropdown-spacer); + } + .dropstart .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + } + .dropstart .dropdown-toggle::after { + display: none; + } + .dropstart .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; + } + .dropstart .dropdown-toggle:empty::after { + margin-left: 0; + } + .dropstart .dropdown-toggle::before { + vertical-align: 0; + } + + .dropdown-divider { + height: 0; + margin: var(--bs-dropdown-divider-margin-y) 0; + overflow: hidden; + border-top: 1px solid var(--bs-dropdown-divider-bg); + opacity: 1; + } + + .dropdown-item { + display: block; + width: 100%; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + clear: both; + font-weight: 400; + color: var(--bs-dropdown-link-color); + text-align: inherit; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border: 0; + } + .dropdown-item:hover, .dropdown-item:focus { + color: var(--bs-dropdown-link-hover-color); + background-color: var(--bs-dropdown-link-hover-bg); + } + .dropdown-item.active, .dropdown-item:active { + color: var(--bs-dropdown-link-active-color); + text-decoration: none; + background-color: var(--bs-dropdown-link-active-bg); + } + .dropdown-item.disabled, .dropdown-item:disabled { + color: var(--bs-dropdown-link-disabled-color); + pointer-events: none; + background-color: transparent; + } + + .dropdown-menu.show { + display: block; + } + + .dropdown-header { + display: block; + padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); + margin-bottom: 0; + font-size: 0.765625rem; + color: var(--bs-dropdown-header-color); + white-space: nowrap; + } + + .dropdown-item-text { + display: block; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + color: var(--bs-dropdown-link-color); + } + + .dropdown-menu-dark { + --bs-dropdown-color: #dee2e6; + --bs-dropdown-bg: #343a40; + --bs-dropdown-border-color: var(--bs-border-color-translucent); + --bs-dropdown-box-shadow: ; + --bs-dropdown-link-color: #dee2e6; + --bs-dropdown-link-hover-color: #fff; + --bs-dropdown-divider-bg: var(--bs-border-color-translucent); + --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); + --bs-dropdown-link-active-color: #fff; + --bs-dropdown-link-active-bg: #2196f3; + --bs-dropdown-link-disabled-color: #adb5bd; + --bs-dropdown-header-color: #adb5bd; + } + + .btn-group, + .btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; + } + .btn-group > .btn, + .btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; + } + .btn-group > .btn-check:checked + .btn, + .btn-group > .btn-check:focus + .btn, + .btn-group > .btn:hover, + .btn-group > .btn:focus, + .btn-group > .btn:active, + .btn-group > .btn.active, + .btn-group-vertical > .btn-check:checked + .btn, + .btn-group-vertical > .btn-check:focus + .btn, + .btn-group-vertical > .btn:hover, + .btn-group-vertical > .btn:focus, + .btn-group-vertical > .btn:active, + .btn-group-vertical > .btn.active { + z-index: 1; + } + + .btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; + } + .btn-toolbar .input-group { + width: auto; + } + + .btn-group { + border-radius: 0.375rem; + } + .btn-group > .btn:not(:first-child), + .btn-group > .btn-group:not(:first-child) { + margin-left: -1px; + } + .btn-group > .btn:not(:last-child):not(.dropdown-toggle), + .btn-group > .btn.dropdown-toggle-split:first-child, + .btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .btn-group > .btn:nth-child(n+3), + .btn-group > :not(.btn-check) + .btn, + .btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; + } + .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { + margin-left: 0; + } + .dropstart .dropdown-toggle-split::before { + margin-right: 0; + } + + .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; + } + + .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; + } + + .btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; + } + .btn-group-vertical > .btn, + .btn-group-vertical > .btn-group { + width: 100%; + } + .btn-group-vertical > .btn:not(:first-child), + .btn-group-vertical > .btn-group:not(:first-child) { + margin-top: -1px; + } + .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), + .btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + .btn-group-vertical > .btn ~ .btn, + .btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .nav { + --bs-nav-link-padding-x: 1rem; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-link-color); + --bs-nav-link-hover-color: var(--bs-link-hover-color); + --bs-nav-link-disabled-color: #6c757d; + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; + } + + .nav-link { + display: block; + padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); + font-size: var(--bs-nav-link-font-size); + font-weight: var(--bs-nav-link-font-weight); + color: var(--bs-nav-link-color); + text-decoration: none; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; + } + @media (prefers-reduced-motion: reduce) { + .nav-link { + transition: none; + } + } + .nav-link:hover, .nav-link:focus { + color: var(--bs-nav-link-hover-color); + } + .nav-link.disabled { + color: var(--bs-nav-link-disabled-color); + pointer-events: none; + cursor: default; + } + + .nav-tabs { + --bs-nav-tabs-border-width: 1px; + --bs-nav-tabs-border-color: #dee2e6; + --bs-nav-tabs-border-radius: 0.375rem; + --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6; + --bs-nav-tabs-link-active-color: #495057; + --bs-nav-tabs-link-active-bg: #fff; + --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff; + border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); + } + .nav-tabs .nav-link { + margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1); + background: none; + border: var(--bs-nav-tabs-border-width) solid transparent; + border-top-left-radius: var(--bs-nav-tabs-border-radius); + border-top-right-radius: var(--bs-nav-tabs-border-radius); + } + .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + isolation: isolate; + border-color: var(--bs-nav-tabs-link-hover-border-color); + } + .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { + color: var(--bs-nav-link-disabled-color); + background-color: transparent; + border-color: transparent; + } + .nav-tabs .nav-link.active, + .nav-tabs .nav-item.show .nav-link { + color: var(--bs-nav-tabs-link-active-color); + background-color: var(--bs-nav-tabs-link-active-bg); + border-color: var(--bs-nav-tabs-link-active-border-color); + } + .nav-tabs .dropdown-menu { + margin-top: calc(var(--bs-nav-tabs-border-width) * -1); + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .nav-pills { + --bs-nav-pills-border-radius: 0.375rem; + --bs-nav-pills-link-active-color: #fff; + --bs-nav-pills-link-active-bg: #2196f3; + } + .nav-pills .nav-link { + background: none; + border: 0; + border-radius: var(--bs-nav-pills-border-radius); + } + .nav-pills .nav-link:disabled { + color: var(--bs-nav-link-disabled-color); + background-color: transparent; + border-color: transparent; + } + .nav-pills .nav-link.active, + .nav-pills .show > .nav-link { + color: var(--bs-nav-pills-link-active-color); + background-color: var(--bs-nav-pills-link-active-bg); + } + + .nav-fill > .nav-link, + .nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; + } + + .nav-justified > .nav-link, + .nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; + } + + .nav-fill .nav-item .nav-link, + .nav-justified .nav-item .nav-link { + width: 100%; + } + + .tab-content > .tab-pane { + display: none; + } + .tab-content > .active { + display: block; + } + + .navbar { + --bs-navbar-padding-x: 0; + --bs-navbar-padding-y: 0.5rem; + --bs-navbar-color: rgba(0, 0, 0, 0.55); + --bs-navbar-hover-color: rgba(0, 0, 0, 0.7); + --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3); + --bs-navbar-active-color: rgba(0, 0, 0, 0.9); + --bs-navbar-brand-padding-y: 0.3359375rem; + --bs-navbar-brand-margin-end: 1rem; + --bs-navbar-brand-font-size: 1.09375rem; + --bs-navbar-brand-color: rgba(0, 0, 0, 0.9); + --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9); + --bs-navbar-nav-link-padding-x: 0.5rem; + --bs-navbar-toggler-padding-y: 0.25rem; + --bs-navbar-toggler-padding-x: 0.75rem; + --bs-navbar-toggler-font-size: 1.09375rem; + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1); + --bs-navbar-toggler-border-radius: 0.375rem; + --bs-navbar-toggler-focus-width: 0.25rem; + --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); + } + .navbar > .container, + .navbar > .container-fluid, + .navbar > .container-sm, + .navbar > .container-md, + .navbar > .container-lg, + .navbar > .container-xl, + .navbar > .container-xxl { + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; + } + .navbar-brand { + padding-top: var(--bs-navbar-brand-padding-y); + padding-bottom: var(--bs-navbar-brand-padding-y); + margin-right: var(--bs-navbar-brand-margin-end); + font-size: var(--bs-navbar-brand-font-size); + color: var(--bs-navbar-brand-color); + text-decoration: none; + white-space: nowrap; + } + .navbar-brand:hover, .navbar-brand:focus { + color: var(--bs-navbar-brand-hover-color); + } + + .navbar-nav { + --bs-nav-link-padding-x: 0; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-navbar-color); + --bs-nav-link-hover-color: var(--bs-navbar-hover-color); + --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; + } + .navbar-nav .show > .nav-link, + .navbar-nav .nav-link.active { + color: var(--bs-navbar-active-color); + } + .navbar-nav .dropdown-menu { + position: static; + } + + .navbar-text { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: var(--bs-navbar-color); + } + .navbar-text a, + .navbar-text a:hover, + .navbar-text a:focus { + color: var(--bs-navbar-active-color); + } + + .navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; + } + + .navbar-toggler { + padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); + font-size: var(--bs-navbar-toggler-font-size); + line-height: 1; + color: var(--bs-navbar-color); + background-color: transparent; + border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); + border-radius: var(--bs-navbar-toggler-border-radius); + transition: var(--bs-navbar-toggler-transition); + } + @media (prefers-reduced-motion: reduce) { + .navbar-toggler { + transition: none; + } + } + .navbar-toggler:hover { + text-decoration: none; + } + .navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); + } + + .navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-image: var(--bs-navbar-toggler-icon-bg); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; + } + + .navbar-nav-scroll { + max-height: var(--bs-scroll-height, 75vh); + overflow-y: auto; + } + + @media (min-width: 576px) { + .navbar-expand-sm { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-sm .navbar-nav { + flex-direction: row; + } + .navbar-expand-sm .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-sm .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-sm .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-sm .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-sm .navbar-toggler { + display: none; + } + .navbar-expand-sm .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-sm .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-sm .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } + } + @media (min-width: 768px) { + .navbar-expand-md { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-md .navbar-nav { + flex-direction: row; + } + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } + .navbar-expand-md .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-md .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-md .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } + } + @media (min-width: 992px) { + .navbar-expand-lg { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } + .navbar-expand-lg .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-lg .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-lg .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } + } + @media (min-width: 1200px) { + .navbar-expand-xl { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } + .navbar-expand-xl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-xl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } + } + @media (min-width: 1400px) { + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xxl .navbar-toggler { + display: none; + } + .navbar-expand-xxl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } + } + .navbar-expand { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand .navbar-nav { + flex-direction: row; + } + .navbar-expand .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand .navbar-toggler { + display: none; + } + .navbar-expand .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } + + .navbar-dark { + --bs-navbar-color: rgba(255, 255, 255, 0.55); + --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); + --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); + --bs-navbar-active-color: #fff; + --bs-navbar-brand-color: #fff; + --bs-navbar-brand-hover-color: #fff; + --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + } + + .card { + --bs-card-spacer-y: 1rem; + --bs-card-spacer-x: 1rem; + --bs-card-title-spacer-y: 0.5rem; + --bs-card-border-width: 1px; + --bs-card-border-color: var(--bs-border-color-translucent); + --bs-card-border-radius: 0.375rem; + --bs-card-box-shadow: ; + --bs-card-inner-border-radius: calc(0.375rem - 1px); + --bs-card-cap-padding-y: 0.5rem; + --bs-card-cap-padding-x: 1rem; + --bs-card-cap-bg: rgba(0, 0, 0, 0.03); + --bs-card-cap-color: ; + --bs-card-height: ; + --bs-card-color: ; + --bs-card-bg: #fff; + --bs-card-img-overlay-padding: 1rem; + --bs-card-group-margin: 0.75rem; + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + height: var(--bs-card-height); + word-wrap: break-word; + background-color: var(--bs-card-bg); + background-clip: border-box; + border: var(--bs-card-border-width) solid var(--bs-card-border-color); + border-radius: var(--bs-card-border-radius); + } + .card > hr { + margin-right: 0; + margin-left: 0; + } + .card > .list-group { + border-top: inherit; + border-bottom: inherit; + } + .card > .list-group:first-child { + border-top-width: 0; + border-top-left-radius: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); + } + .card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); + } + .card > .card-header + .list-group, + .card > .list-group + .card-footer { + border-top: 0; + } + + .card-body { + flex: 1 1 auto; + padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); + color: var(--bs-card-color); + } + + .card-title { + margin-bottom: var(--bs-card-title-spacer-y); + } + + .card-subtitle { + margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); + margin-bottom: 0; + } + + .card-text:last-child { + margin-bottom: 0; + } + + .card-link + .card-link { + margin-left: var(--bs-card-spacer-x); + } + + .card-header { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + margin-bottom: 0; + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); + } + .card-header:first-child { + border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; + } + + .card-footer { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); + } + .card-footer:last-child { + border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); + } + + .card-header-tabs { + margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); + margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); + margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); + border-bottom: 0; + } + .card-header-tabs .nav-link.active { + background-color: var(--bs-card-bg); + border-bottom-color: var(--bs-card-bg); + } + + .card-header-pills { + margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); + margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); + } + + .card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: var(--bs-card-img-overlay-padding); + border-radius: var(--bs-card-inner-border-radius); + } + + .card-img, + .card-img-top, + .card-img-bottom { + width: 100%; + } + + .card-img, + .card-img-top { + border-top-left-radius: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); + } + + .card-img, + .card-img-bottom { + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); + } + + .card-group > .card { + margin-bottom: var(--bs-card-group-margin); + } + @media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, + .card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, + .card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, + .card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, + .card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } + } + + .accordion { + --bs-accordion-color: #000; + --bs-accordion-bg: #fff; + --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; + --bs-accordion-border-color: var(--bs-border-color); + --bs-accordion-border-width: 1px; + --bs-accordion-border-radius: 0.375rem; + --bs-accordion-inner-border-radius: calc(0.375rem - 1px); + --bs-accordion-btn-padding-x: 1.25rem; + --bs-accordion-btn-padding-y: 1rem; + --bs-accordion-btn-color: var(--bs-body-color); + --bs-accordion-btn-bg: var(--bs-accordion-bg); + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-icon-width: 1.25rem; + --bs-accordion-btn-icon-transform: rotate(-180deg); + --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231e87db'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-focus-border-color: #90cbf9; + --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); + --bs-accordion-body-padding-x: 1.25rem; + --bs-accordion-body-padding-y: 1rem; + --bs-accordion-active-color: #1e87db; + --bs-accordion-active-bg: #e9f5fe; + } + + .accordion-button { + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); + font-size: 0.875rem; + color: var(--bs-accordion-btn-color); + text-align: left; + background-color: var(--bs-accordion-btn-bg); + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: var(--bs-accordion-transition); + } + @media (prefers-reduced-motion: reduce) { + .accordion-button { + transition: none; + } + } + .accordion-button:not(.collapsed) { + color: var(--bs-accordion-active-color); + background-color: var(--bs-accordion-active-bg); + box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color); + } + .accordion-button:not(.collapsed)::after { + background-image: var(--bs-accordion-btn-active-icon); + transform: var(--bs-accordion-btn-icon-transform); + } + .accordion-button::after { + flex-shrink: 0; + width: var(--bs-accordion-btn-icon-width); + height: var(--bs-accordion-btn-icon-width); + margin-left: auto; + content: ""; + background-image: var(--bs-accordion-btn-icon); + background-repeat: no-repeat; + background-size: var(--bs-accordion-btn-icon-width); + transition: var(--bs-accordion-btn-icon-transition); + } + @media (prefers-reduced-motion: reduce) { + .accordion-button::after { + transition: none; + } + } + .accordion-button:hover { + z-index: 2; + } + .accordion-button:focus { + z-index: 3; + border-color: var(--bs-accordion-btn-focus-border-color); + outline: 0; + box-shadow: var(--bs-accordion-btn-focus-box-shadow); + } + + .accordion-header { + margin-bottom: 0; + } + + .accordion-item { + color: var(--bs-accordion-color); + background-color: var(--bs-accordion-bg); + border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); + } + .accordion-item:first-of-type { + border-top-left-radius: var(--bs-accordion-border-radius); + border-top-right-radius: var(--bs-accordion-border-radius); + } + .accordion-item:first-of-type .accordion-button { + border-top-left-radius: var(--bs-accordion-inner-border-radius); + border-top-right-radius: var(--bs-accordion-inner-border-radius); + } + .accordion-item:not(:first-of-type) { + border-top: 0; + } + .accordion-item:last-of-type { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); + } + .accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: var(--bs-accordion-inner-border-radius); + border-bottom-left-radius: var(--bs-accordion-inner-border-radius); + } + .accordion-item:last-of-type .accordion-collapse { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); + } + + .accordion-body { + padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); + } + + .accordion-flush .accordion-collapse { + border-width: 0; + } + .accordion-flush .accordion-item { + border-right: 0; + border-left: 0; + border-radius: 0; + } + .accordion-flush .accordion-item:first-child { + border-top: 0; + } + .accordion-flush .accordion-item:last-child { + border-bottom: 0; + } + .accordion-flush .accordion-item .accordion-button { + border-radius: 0; + } + + .breadcrumb { + --bs-breadcrumb-padding-x: 0; + --bs-breadcrumb-padding-y: 0; + --bs-breadcrumb-margin-bottom: 1rem; + --bs-breadcrumb-bg: ; + --bs-breadcrumb-border-radius: ; + --bs-breadcrumb-divider-color: #6c757d; + --bs-breadcrumb-item-padding-x: 0.5rem; + --bs-breadcrumb-item-active-color: #6c757d; + display: flex; + flex-wrap: wrap; + padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); + margin-bottom: var(--bs-breadcrumb-margin-bottom); + font-size: var(--bs-breadcrumb-font-size); + list-style: none; + background-color: var(--bs-breadcrumb-bg); + border-radius: var(--bs-breadcrumb-border-radius); + } + + .breadcrumb-item + .breadcrumb-item { + padding-left: var(--bs-breadcrumb-item-padding-x); + } + .breadcrumb-item + .breadcrumb-item::before { + float: left; + padding-right: var(--bs-breadcrumb-item-padding-x); + color: var(--bs-breadcrumb-divider-color); + content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; + } + .breadcrumb-item.active { + color: var(--bs-breadcrumb-item-active-color); + } + + .pagination { + --bs-pagination-padding-x: 0.75rem; + --bs-pagination-padding-y: 0.375rem; + --bs-pagination-font-size: 0.875rem; + --bs-pagination-color: var(--bs-link-color); + --bs-pagination-bg: #fff; + --bs-pagination-border-width: 1px; + --bs-pagination-border-color: #dee2e6; + --bs-pagination-border-radius: 0.375rem; + --bs-pagination-hover-color: var(--bs-link-hover-color); + --bs-pagination-hover-bg: #e9ecef; + --bs-pagination-hover-border-color: #dee2e6; + --bs-pagination-focus-color: var(--bs-link-hover-color); + --bs-pagination-focus-bg: #e9ecef; + --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); + --bs-pagination-active-color: #fff; + --bs-pagination-active-bg: #2196f3; + --bs-pagination-active-border-color: #2196f3; + --bs-pagination-disabled-color: #6c757d; + --bs-pagination-disabled-bg: #fff; + --bs-pagination-disabled-border-color: #dee2e6; + display: flex; + padding-left: 0; + list-style: none; + } + + .page-link { + position: relative; + display: block; + padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); + font-size: var(--bs-pagination-font-size); + color: var(--bs-pagination-color); + text-decoration: none; + background-color: var(--bs-pagination-bg); + border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + } + @media (prefers-reduced-motion: reduce) { + .page-link { + transition: none; + } + } + .page-link:hover { + z-index: 2; + color: var(--bs-pagination-hover-color); + background-color: var(--bs-pagination-hover-bg); + border-color: var(--bs-pagination-hover-border-color); + } + .page-link:focus { + z-index: 3; + color: var(--bs-pagination-focus-color); + background-color: var(--bs-pagination-focus-bg); + outline: 0; + box-shadow: var(--bs-pagination-focus-box-shadow); + } + .page-link.active, .active > .page-link { + z-index: 3; + color: var(--bs-pagination-active-color); + background-color: var(--bs-pagination-active-bg); + border-color: var(--bs-pagination-active-border-color); + } + .page-link.disabled, .disabled > .page-link { + color: var(--bs-pagination-disabled-color); + pointer-events: none; + background-color: var(--bs-pagination-disabled-bg); + border-color: var(--bs-pagination-disabled-border-color); + } + + .page-item:not(:first-child) .page-link { + margin-left: -1px; + } + .page-item:first-child .page-link { + border-top-left-radius: var(--bs-pagination-border-radius); + border-bottom-left-radius: var(--bs-pagination-border-radius); + } + .page-item:last-child .page-link { + border-top-right-radius: var(--bs-pagination-border-radius); + border-bottom-right-radius: var(--bs-pagination-border-radius); + } + + .pagination-lg { + --bs-pagination-padding-x: 1.5rem; + --bs-pagination-padding-y: 0.75rem; + --bs-pagination-font-size: 1.09375rem; + --bs-pagination-border-radius: 0.5rem; + } + + .pagination-sm { + --bs-pagination-padding-x: 0.5rem; + --bs-pagination-padding-y: 0.25rem; + --bs-pagination-font-size: 0.765625rem; + --bs-pagination-border-radius: 0.25rem; + } + + .badge { + --bs-badge-padding-x: 0.65em; + --bs-badge-padding-y: 0.35em; + --bs-badge-font-size: 0.75em; + --bs-badge-font-weight: 700; + --bs-badge-color: #fff; + --bs-badge-border-radius: 0.375rem; + display: inline-block; + padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); + font-size: var(--bs-badge-font-size); + font-weight: var(--bs-badge-font-weight); + line-height: 1; + color: var(--bs-badge-color); + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--bs-badge-border-radius); + } + .badge:empty { + display: none; + } + + .btn .badge { + position: relative; + top: -1px; + } + + .alert { + --bs-alert-bg: transparent; + --bs-alert-padding-x: 1rem; + --bs-alert-padding-y: 1rem; + --bs-alert-margin-bottom: 1rem; + --bs-alert-color: inherit; + --bs-alert-border-color: transparent; + --bs-alert-border: 1px solid var(--bs-alert-border-color); + --bs-alert-border-radius: 0.375rem; + position: relative; + padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); + margin-bottom: var(--bs-alert-margin-bottom); + color: var(--bs-alert-color); + background-color: var(--bs-alert-bg); + border: var(--bs-alert-border); + border-radius: var(--bs-alert-border-radius); + } + + .alert-heading { + color: inherit; + } + + .alert-link { + font-weight: 700; + } + + .alert-dismissible { + padding-right: 3rem; + } + .alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.25rem 1rem; + } + + .alert-primary { + --bs-alert-color: #145a92; + --bs-alert-bg: #d3eafd; + --bs-alert-border-color: #bce0fb; + } + .alert-primary .alert-link { + color: #104875; + } + + .alert-secondary { + --bs-alert-color: #41464b; + --bs-alert-bg: #e2e3e5; + --bs-alert-border-color: #d3d6d8; + } + .alert-secondary .alert-link { + color: #34383c; + } + + .alert-success { + --bs-alert-color: #2e6930; + --bs-alert-bg: #dbefdc; + --bs-alert-border-color: #c9e7cb; + } + .alert-success .alert-link { + color: #255426; + } + + .alert-info { + --bs-alert-color: #00717f; + --bs-alert-bg: #ccf2f6; + --bs-alert-border-color: #b3ebf2; + } + .alert-info .alert-link { + color: #005a66; + } + + .alert-warning { + --bs-alert-color: #665e18; + --bs-alert-bg: #fffbd8; + --bs-alert-border-color: #fff9c4; + } + .alert-warning .alert-link { + color: #524b13; + } + + .alert-danger { + --bs-alert-color: #922820; + --bs-alert-bg: #fdd9d7; + --bs-alert-border-color: #fcc7c3; + } + .alert-danger .alert-link { + color: #75201a; + } + + .alert-light { + --bs-alert-color: #636464; + --bs-alert-bg: #fefefe; + --bs-alert-border-color: #fdfdfe; + } + .alert-light .alert-link { + color: #4f5050; + } + + .alert-dark { + --bs-alert-color: #141619; + --bs-alert-bg: #d3d3d4; + --bs-alert-border-color: #bcbebf; + } + .alert-dark .alert-link { + color: #101214; + } + + @keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; + } + } + .progress { + --bs-progress-height: 1rem; + --bs-progress-font-size: 0.65625rem; + --bs-progress-bg: #e9ecef; + --bs-progress-border-radius: 0.375rem; + --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); + --bs-progress-bar-color: #fff; + --bs-progress-bar-bg: #2196f3; + --bs-progress-bar-transition: width 0.6s ease; + display: flex; + height: var(--bs-progress-height); + overflow: hidden; + font-size: var(--bs-progress-font-size); + background-color: var(--bs-progress-bg); + border-radius: var(--bs-progress-border-radius); + } + + .progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: var(--bs-progress-bar-color); + text-align: center; + white-space: nowrap; + background-color: var(--bs-progress-bar-bg); + transition: var(--bs-progress-bar-transition); + } + @media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } + } + + .progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: var(--bs-progress-height) var(--bs-progress-height); + } + + .progress-bar-animated { + animation: 1s linear infinite progress-bar-stripes; + } + @media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } + } + + .list-group { + --bs-list-group-color: #212529; + --bs-list-group-bg: #fff; + --bs-list-group-border-color: rgba(0, 0, 0, 0.125); + --bs-list-group-border-width: 1px; + --bs-list-group-border-radius: 0.375rem; + --bs-list-group-item-padding-x: 1rem; + --bs-list-group-item-padding-y: 0.5rem; + --bs-list-group-action-color: #495057; + --bs-list-group-action-hover-color: #495057; + --bs-list-group-action-hover-bg: #f8f9fa; + --bs-list-group-action-active-color: #212529; + --bs-list-group-action-active-bg: #e9ecef; + --bs-list-group-disabled-color: #6c757d; + --bs-list-group-disabled-bg: #fff; + --bs-list-group-active-color: #fff; + --bs-list-group-active-bg: #2196f3; + --bs-list-group-active-border-color: #2196f3; + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: var(--bs-list-group-border-radius); + } + + .list-group-numbered { + list-style-type: none; + counter-reset: section; + } + .list-group-numbered > .list-group-item::before { + content: counters(section, ".") ". "; + counter-increment: section; + } + + .list-group-item-action { + width: 100%; + color: var(--bs-list-group-action-color); + text-align: inherit; + } + .list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: var(--bs-list-group-action-hover-color); + text-decoration: none; + background-color: var(--bs-list-group-action-hover-bg); + } + .list-group-item-action:active { + color: var(--bs-list-group-action-active-color); + background-color: var(--bs-list-group-action-active-bg); + } + + .list-group-item { + position: relative; + display: block; + padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); + color: var(--bs-list-group-color); + text-decoration: none; + background-color: var(--bs-list-group-bg); + border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); + } + .list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; + } + .list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; + } + .list-group-item.disabled, .list-group-item:disabled { + color: var(--bs-list-group-disabled-color); + pointer-events: none; + background-color: var(--bs-list-group-disabled-bg); + } + .list-group-item.active { + z-index: 2; + color: var(--bs-list-group-active-color); + background-color: var(--bs-list-group-active-bg); + border-color: var(--bs-list-group-active-border-color); + } + .list-group-item + .list-group-item { + border-top-width: 0; + } + .list-group-item + .list-group-item.active { + margin-top: calc(var(--bs-list-group-border-width) * -1); + border-top-width: var(--bs-list-group-border-width); + } + + .list-group-horizontal { + flex-direction: row; + } + .list-group-horizontal > .list-group-item:first-child { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal > .list-group-item:last-child { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal > .list-group-item + .list-group-item.active { + margin-left: calc(var(--bs-list-group-border-width) * -1); + border-left-width: var(--bs-list-group-border-width); + } + + @media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm > .list-group-item:first-child { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-sm > .list-group-item:last-child { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-sm > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-sm > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { + margin-left: calc(var(--bs-list-group-border-width) * -1); + border-left-width: var(--bs-list-group-border-width); + } + } + @media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; + } + .list-group-horizontal-md > .list-group-item:first-child { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-md > .list-group-item:last-child { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-md > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-md > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-md > .list-group-item + .list-group-item.active { + margin-left: calc(var(--bs-list-group-border-width) * -1); + border-left-width: var(--bs-list-group-border-width); + } + } + @media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; + } + .list-group-horizontal-lg > .list-group-item:first-child { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-lg > .list-group-item:last-child { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-lg > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-lg > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { + margin-left: calc(var(--bs-list-group-border-width) * -1); + border-left-width: var(--bs-list-group-border-width); + } + } + @media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; + } + .list-group-horizontal-xl > .list-group-item:first-child { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-xl > .list-group-item:last-child { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-xl > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xl > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { + margin-left: calc(var(--bs-list-group-border-width) * -1); + border-left-width: var(--bs-list-group-border-width); + } + } + @media (min-width: 1400px) { + .list-group-horizontal-xxl { + flex-direction: row; + } + .list-group-horizontal-xxl > .list-group-item:first-child { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; + } + .list-group-horizontal-xxl > .list-group-item:last-child { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; + } + .list-group-horizontal-xxl > .list-group-item.active { + margin-top: 0; + } + .list-group-horizontal-xxl > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; + } + .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + margin-left: calc(var(--bs-list-group-border-width) * -1); + border-left-width: var(--bs-list-group-border-width); + } + } + .list-group-flush { + border-radius: 0; + } + .list-group-flush > .list-group-item { + border-width: 0 0 var(--bs-list-group-border-width); + } + .list-group-flush > .list-group-item:last-child { + border-bottom-width: 0; + } + + .list-group-item-primary { + color: #145a92; + background-color: #d3eafd; + } + .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { + color: #145a92; + background-color: #bed3e4; + } + .list-group-item-primary.list-group-item-action.active { + color: #fff; + background-color: #145a92; + border-color: #145a92; + } + + .list-group-item-secondary { + color: #41464b; + background-color: #e2e3e5; + } + .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { + color: #41464b; + background-color: #cbccce; + } + .list-group-item-secondary.list-group-item-action.active { + color: #fff; + background-color: #41464b; + border-color: #41464b; + } + + .list-group-item-success { + color: #2e6930; + background-color: #dbefdc; + } + .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { + color: #2e6930; + background-color: #c5d7c6; + } + .list-group-item-success.list-group-item-action.active { + color: #fff; + background-color: #2e6930; + border-color: #2e6930; + } + + .list-group-item-info { + color: #00717f; + background-color: #ccf2f6; + } + .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { + color: #00717f; + background-color: #b8dadd; + } + .list-group-item-info.list-group-item-action.active { + color: #fff; + background-color: #00717f; + border-color: #00717f; + } + + .list-group-item-warning { + color: #665e18; + background-color: #fffbd8; + } + .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { + color: #665e18; + background-color: #e6e2c2; + } + .list-group-item-warning.list-group-item-action.active { + color: #fff; + background-color: #665e18; + border-color: #665e18; + } + + .list-group-item-danger { + color: #922820; + background-color: #fdd9d7; + } + .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { + color: #922820; + background-color: #e4c3c2; + } + .list-group-item-danger.list-group-item-action.active { + color: #fff; + background-color: #922820; + border-color: #922820; + } + + .list-group-item-light { + color: #636464; + background-color: #fefefe; + } + .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { + color: #636464; + background-color: #e5e5e5; + } + .list-group-item-light.list-group-item-action.active { + color: #fff; + background-color: #636464; + border-color: #636464; + } + + .list-group-item-dark { + color: #141619; + background-color: #d3d3d4; + } + .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { + color: #141619; + background-color: #bebebf; + } + .list-group-item-dark.list-group-item-action.active { + color: #fff; + background-color: #141619; + border-color: #141619; + } + + .btn-close { + box-sizing: content-box; + width: 1em; + height: 1em; + padding: 0.25em 0.25em; + color: #000; + background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; + border: 0; + border-radius: 0.375rem; + opacity: 0.5; + } + .btn-close:hover { + color: #000; + text-decoration: none; + opacity: 0.75; + } + .btn-close:focus { + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); + opacity: 1; + } + .btn-close:disabled, .btn-close.disabled { + pointer-events: none; + -webkit-user-select: none; + user-select: none; + opacity: 0.25; + } + + .btn-close-white { + filter: invert(1) grayscale(100%) brightness(200%); + } + + .toast { + --bs-toast-padding-x: 0.75rem; + --bs-toast-padding-y: 0.5rem; + --bs-toast-spacing: 1.5rem; + --bs-toast-max-width: 350px; + --bs-toast-font-size: 0.875rem; + --bs-toast-color: ; + --bs-toast-bg: rgba(255, 255, 255, 0.85); + --bs-toast-border-width: 1px; + --bs-toast-border-color: var(--bs-border-color-translucent); + --bs-toast-border-radius: 0.375rem; + --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + --bs-toast-header-color: #6c757d; + --bs-toast-header-bg: rgba(255, 255, 255, 0.85); + --bs-toast-header-border-color: rgba(0, 0, 0, 0.05); + width: var(--bs-toast-max-width); + max-width: 100%; + font-size: var(--bs-toast-font-size); + color: var(--bs-toast-color); + pointer-events: auto; + background-color: var(--bs-toast-bg); + background-clip: padding-box; + border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); + box-shadow: var(--bs-toast-box-shadow); + border-radius: var(--bs-toast-border-radius); + } + .toast.showing { + opacity: 0; + } + .toast:not(.show) { + display: none; + } + + .toast-container { + position: absolute; + z-index: 1090; + width: max-content; + max-width: 100%; + pointer-events: none; + } + .toast-container > :not(:last-child) { + margin-bottom: var(--bs-toast-spacing); + } + + .toast-header { + display: flex; + align-items: center; + padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); + color: var(--bs-toast-header-color); + background-color: var(--bs-toast-header-bg); + background-clip: padding-box; + border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); + border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); + border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); + } + .toast-header .btn-close { + margin-right: calc(var(--bs-toast-padding-x) * -0.5); + margin-left: var(--bs-toast-padding-x); + } + + .toast-body { + padding: var(--bs-toast-padding-x); + word-wrap: break-word; + } + + .modal { + --bs-modal-zindex: 1055; + --bs-modal-width: 500px; + --bs-modal-padding: 1rem; + --bs-modal-margin: 0.5rem; + --bs-modal-color: ; + --bs-modal-bg: #fff; + --bs-modal-border-color: var(--bs-border-color-translucent); + --bs-modal-border-width: 1px; + --bs-modal-border-radius: 0.5rem; + --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + --bs-modal-inner-border-radius: calc(0.5rem - 1px); + --bs-modal-header-padding-x: 1rem; + --bs-modal-header-padding-y: 1rem; + --bs-modal-header-padding: 1rem 1rem; + --bs-modal-header-border-color: var(--bs-border-color); + --bs-modal-header-border-width: 1px; + --bs-modal-title-line-height: 1.5; + --bs-modal-footer-gap: 0.5rem; + --bs-modal-footer-bg: ; + --bs-modal-footer-border-color: var(--bs-border-color); + --bs-modal-footer-border-width: 1px; + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-modal-zindex); + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; + } + + .modal-dialog { + position: relative; + width: auto; + margin: var(--bs-modal-margin); + pointer-events: none; + } + .modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); + } + @media (prefers-reduced-motion: reduce) { + .modal.fade .modal-dialog { + transition: none; + } + } + .modal.show .modal-dialog { + transform: none; + } + .modal.modal-static .modal-dialog { + transform: scale(1.02); + } + + .modal-dialog-scrollable { + height: calc(100% - var(--bs-modal-margin) * 2); + } + .modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; + } + .modal-dialog-scrollable .modal-body { + overflow-y: auto; + } + + .modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - var(--bs-modal-margin) * 2); + } + + .modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + color: var(--bs-modal-color); + pointer-events: auto; + background-color: var(--bs-modal-bg); + background-clip: padding-box; + border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); + border-radius: var(--bs-modal-border-radius); + outline: 0; + } + + .modal-backdrop { + --bs-backdrop-zindex: 1050; + --bs-backdrop-bg: #000; + --bs-backdrop-opacity: 0.5; + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-backdrop-zindex); + width: 100vw; + height: 100vh; + background-color: var(--bs-backdrop-bg); + } + .modal-backdrop.fade { + opacity: 0; + } + .modal-backdrop.show { + opacity: var(--bs-backdrop-opacity); + } + + .modal-header { + display: flex; + flex-shrink: 0; + align-items: center; + justify-content: space-between; + padding: var(--bs-modal-header-padding); + border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); + border-top-left-radius: var(--bs-modal-inner-border-radius); + border-top-right-radius: var(--bs-modal-inner-border-radius); + } + .modal-header .btn-close { + padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); + margin: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto; + } + + .modal-title { + margin-bottom: 0; + line-height: var(--bs-modal-title-line-height); + } + + .modal-body { + position: relative; + flex: 1 1 auto; + padding: var(--bs-modal-padding); + } + + .modal-footer { + display: flex; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); + background-color: var(--bs-modal-footer-bg); + border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); + border-bottom-right-radius: var(--bs-modal-inner-border-radius); + border-bottom-left-radius: var(--bs-modal-inner-border-radius); + } + .modal-footer > * { + margin: calc(var(--bs-modal-footer-gap) * 0.5); + } + + @media (min-width: 576px) { + .modal { + --bs-modal-margin: 1.75rem; + --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + } + .modal-dialog { + max-width: var(--bs-modal-width); + margin-right: auto; + margin-left: auto; + } + .modal-sm { + --bs-modal-width: 300px; + } + } + @media (min-width: 992px) { + .modal-lg, + .modal-xl { + --bs-modal-width: 800px; + } + } + @media (min-width: 1200px) { + .modal-xl { + --bs-modal-width: 1140px; + } + } + .modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen .modal-header, + .modal-fullscreen .modal-footer { + border-radius: 0; + } + .modal-fullscreen .modal-body { + overflow-y: auto; + } + + @media (max-width: 575.98px) { + .modal-fullscreen-sm-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-sm-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-header, + .modal-fullscreen-sm-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-sm-down .modal-body { + overflow-y: auto; + } + } + @media (max-width: 767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-md-down .modal-header, + .modal-fullscreen-md-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } + } + @media (max-width: 991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-header, + .modal-fullscreen-lg-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } + } + @media (max-width: 1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-header, + .modal-fullscreen-xl-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } + } + @media (max-width: 1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-header, + .modal-fullscreen-xxl-down .modal-footer { + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; + } + } + .tooltip { + --bs-tooltip-zindex: 1080; + --bs-tooltip-max-width: 200px; + --bs-tooltip-padding-x: 0.5rem; + --bs-tooltip-padding-y: 0.25rem; + --bs-tooltip-margin: ; + --bs-tooltip-font-size: 0.765625rem; + --bs-tooltip-color: #fff; + --bs-tooltip-bg: #000; + --bs-tooltip-border-radius: 0.375rem; + --bs-tooltip-opacity: 0.9; + --bs-tooltip-arrow-width: 0.8rem; + --bs-tooltip-arrow-height: 0.4rem; + z-index: var(--bs-tooltip-zindex); + display: block; + padding: var(--bs-tooltip-arrow-height); + margin: var(--bs-tooltip-margin); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-tooltip-font-size); + word-wrap: break-word; + opacity: 0; + } + .tooltip.show { + opacity: var(--bs-tooltip-opacity); + } + .tooltip .tooltip-arrow { + display: block; + width: var(--bs-tooltip-arrow-width); + height: var(--bs-tooltip-arrow-height); + } + .tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; + } + + .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { + bottom: 0; + } + .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { + top: -1px; + border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; + border-top-color: var(--bs-tooltip-bg); + } + + /* rtl:begin:ignore */ + .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { + left: 0; + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); + } + .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { + right: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; + border-right-color: var(--bs-tooltip-bg); + } + + /* rtl:end:ignore */ + .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { + top: 0; + } + .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { + bottom: -1px; + border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); + border-bottom-color: var(--bs-tooltip-bg); + } + + /* rtl:begin:ignore */ + .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { + right: 0; + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); + } + .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { + left: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); + border-left-color: var(--bs-tooltip-bg); + } + + /* rtl:end:ignore */ + .tooltip-inner { + max-width: var(--bs-tooltip-max-width); + padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); + color: var(--bs-tooltip-color); + text-align: center; + background-color: var(--bs-tooltip-bg); + border-radius: var(--bs-tooltip-border-radius); + } + + .popover { + --bs-popover-zindex: 1070; + --bs-popover-max-width: 276px; + --bs-popover-font-size: 0.765625rem; + --bs-popover-bg: #fff; + --bs-popover-border-width: 1px; + --bs-popover-border-color: var(--bs-border-color-translucent); + --bs-popover-border-radius: 0.5rem; + --bs-popover-inner-border-radius: calc(0.5rem - 1px); + --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + --bs-popover-header-padding-x: 1rem; + --bs-popover-header-padding-y: 0.5rem; + --bs-popover-header-font-size: 0.875rem; + --bs-popover-header-color: var(--bs-heading-color); + --bs-popover-header-bg: #f0f0f0; + --bs-popover-body-padding-x: 1rem; + --bs-popover-body-padding-y: 1rem; + --bs-popover-body-color: #212529; + --bs-popover-arrow-width: 1rem; + --bs-popover-arrow-height: 0.5rem; + --bs-popover-arrow-border: var(--bs-popover-border-color); + z-index: var(--bs-popover-zindex); + display: block; + max-width: var(--bs-popover-max-width); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-popover-font-size); + word-wrap: break-word; + background-color: var(--bs-popover-bg); + background-clip: padding-box; + border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-radius: var(--bs-popover-border-radius); + } + .popover .popover-arrow { + display: block; + width: var(--bs-popover-arrow-width); + height: var(--bs-popover-arrow-height); + } + .popover .popover-arrow::before, .popover .popover-arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; + border-width: 0; + } + + .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { + bottom: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); + } + .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; + } + .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { + bottom: 0; + border-top-color: var(--bs-popover-arrow-border); + } + .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + bottom: var(--bs-popover-border-width); + border-top-color: var(--bs-popover-bg); + } + + /* rtl:begin:ignore */ + .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { + left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); + } + .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; + } + .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { + left: 0; + border-right-color: var(--bs-popover-arrow-border); + } + .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + left: var(--bs-popover-border-width); + border-right-color: var(--bs-popover-bg); + } + + /* rtl:end:ignore */ + .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { + top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); + } + .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); + } + .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { + top: 0; + border-bottom-color: var(--bs-popover-arrow-border); + } + .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + top: var(--bs-popover-border-width); + border-bottom-color: var(--bs-popover-bg); + } + .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: var(--bs-popover-arrow-width); + margin-left: calc(var(--bs-popover-arrow-width) * -0.5); + content: ""; + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); + } + + /* rtl:begin:ignore */ + .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { + right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); + } + .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); + } + .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { + right: 0; + border-left-color: var(--bs-popover-arrow-border); + } + .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + right: var(--bs-popover-border-width); + border-left-color: var(--bs-popover-bg); + } + + /* rtl:end:ignore */ + .popover-header { + padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); + margin-bottom: 0; + font-size: var(--bs-popover-header-font-size); + color: var(--bs-popover-header-color); + background-color: var(--bs-popover-header-bg); + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-top-left-radius: var(--bs-popover-inner-border-radius); + border-top-right-radius: var(--bs-popover-inner-border-radius); + } + .popover-header:empty { + display: none; + } + + .popover-body { + padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); + color: var(--bs-popover-body-color); + } + + .carousel { + position: relative; + } + + .carousel.pointer-event { + touch-action: pan-y; + } + + .carousel-inner { + position: relative; + width: 100%; + overflow: hidden; + } + .carousel-inner::after { + display: block; + clear: both; + content: ""; + } + + .carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; + } + @media (prefers-reduced-motion: reduce) { + .carousel-item { + transition: none; + } + } + + .carousel-item.active, + .carousel-item-next, + .carousel-item-prev { + display: block; + } + + /* rtl:begin:ignore */ + .carousel-item-next:not(.carousel-item-start), + .active.carousel-item-end { + transform: translateX(100%); + } + + .carousel-item-prev:not(.carousel-item-end), + .active.carousel-item-start { + transform: translateX(-100%); + } + + /* rtl:end:ignore */ + .carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; + } + .carousel-fade .carousel-item.active, + .carousel-fade .carousel-item-next.carousel-item-start, + .carousel-fade .carousel-item-prev.carousel-item-end { + z-index: 1; + opacity: 1; + } + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; + } + @media (prefers-reduced-motion: reduce) { + .carousel-fade .active.carousel-item-start, + .carousel-fade .active.carousel-item-end { + transition: none; + } + } + + .carousel-control-prev, + .carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + padding: 0; + color: #fff; + text-align: center; + background: none; + border: 0; + opacity: 0.5; + transition: opacity 0.15s ease; + } + @media (prefers-reduced-motion: reduce) { + .carousel-control-prev, + .carousel-control-next { + transition: none; + } + } + .carousel-control-prev:hover, .carousel-control-prev:focus, + .carousel-control-next:hover, + .carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; + } + + .carousel-control-prev { + left: 0; + } + + .carousel-control-next { + right: 0; + } + + .carousel-control-prev-icon, + .carousel-control-next-icon { + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; + } + + /* rtl:options: { + "autoRename": true, + "stringMap":[ { + "name" : "prev-next", + "search" : "prev", + "replace" : "next" + } ] + } */ + .carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); + } + + .carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + } + + .carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: flex; + justify-content: center; + padding: 0; + margin-right: 15%; + margin-bottom: 1rem; + margin-left: 15%; + list-style: none; + } + .carousel-indicators [data-bs-target] { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; + } + @media (prefers-reduced-motion: reduce) { + .carousel-indicators [data-bs-target] { + transition: none; + } + } + .carousel-indicators .active { + opacity: 1; + } + + .carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; + } + + .carousel-dark .carousel-control-prev-icon, + .carousel-dark .carousel-control-next-icon { + filter: invert(1) grayscale(100); + } + .carousel-dark .carousel-indicators [data-bs-target] { + background-color: #000; + } + .carousel-dark .carousel-caption { + color: #000; + } + + .spinner-grow, + .spinner-border { + display: inline-block; + width: var(--bs-spinner-width); + height: var(--bs-spinner-height); + vertical-align: var(--bs-spinner-vertical-align); + border-radius: 50%; + animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); + } + + @keyframes spinner-border { + to { + transform: rotate(360deg) /* rtl:ignore */; + } + } + .spinner-border { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-border-width: 0.25em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-border; + border: var(--bs-spinner-border-width) solid currentcolor; + border-right-color: transparent; + } + + .spinner-border-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; + --bs-spinner-border-width: 0.2em; + } + + @keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { + opacity: 1; + transform: none; + } + } + .spinner-grow { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-grow; + background-color: currentcolor; + opacity: 0; + } + + .spinner-grow-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; + } + + @media (prefers-reduced-motion: reduce) { + .spinner-border, + .spinner-grow { + --bs-spinner-animation-speed: 1.5s; + } + } + .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { + --bs-offcanvas-width: 400px; + --bs-offcanvas-height: 30vh; + --bs-offcanvas-padding-x: 1rem; + --bs-offcanvas-padding-y: 1rem; + --bs-offcanvas-color: ; + --bs-offcanvas-bg: #fff; + --bs-offcanvas-border-width: 1px; + --bs-offcanvas-border-color: var(--bs-border-color-translucent); + --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + } + + @media (max-width: 575.98px) { + .offcanvas-sm { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + } + @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-sm { + transition: none; + } + } + @media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + } + @media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + } + @media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + } + @media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + } + @media (max-width: 575.98px) { + .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { + transform: none; + } + } + @media (max-width: 575.98px) { + .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { + visibility: visible; + } + } + @media (min-width: 576px) { + .offcanvas-sm { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-sm .offcanvas-header { + display: none; + } + .offcanvas-sm .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } + } + + @media (max-width: 767.98px) { + .offcanvas-md { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + } + @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-md { + transition: none; + } + } + @media (max-width: 767.98px) { + .offcanvas-md.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + } + @media (max-width: 767.98px) { + .offcanvas-md.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + } + @media (max-width: 767.98px) { + .offcanvas-md.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + } + @media (max-width: 767.98px) { + .offcanvas-md.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + } + @media (max-width: 767.98px) { + .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { + transform: none; + } + } + @media (max-width: 767.98px) { + .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { + visibility: visible; + } + } + @media (min-width: 768px) { + .offcanvas-md { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-md .offcanvas-header { + display: none; + } + .offcanvas-md .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } + } + + @media (max-width: 991.98px) { + .offcanvas-lg { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + } + @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-lg { + transition: none; + } + } + @media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + } + @media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + } + @media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + } + @media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + } + @media (max-width: 991.98px) { + .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { + transform: none; + } + } + @media (max-width: 991.98px) { + .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { + visibility: visible; + } + } + @media (min-width: 992px) { + .offcanvas-lg { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-lg .offcanvas-header { + display: none; + } + .offcanvas-lg .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } + } + + @media (max-width: 1199.98px) { + .offcanvas-xl { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + } + @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xl { + transition: none; + } + } + @media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + } + @media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + } + @media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + } + @media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + } + @media (max-width: 1199.98px) { + .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { + transform: none; + } + } + @media (max-width: 1199.98px) { + .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { + visibility: visible; + } + } + @media (min-width: 1200px) { + .offcanvas-xl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xl .offcanvas-header { + display: none; + } + .offcanvas-xl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } + } + + @media (max-width: 1399.98px) { + .offcanvas-xxl { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + } + @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xxl { + transition: none; + } + } + @media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + } + @media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + } + @media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + } + @media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + } + @media (max-width: 1399.98px) { + .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { + transform: none; + } + } + @media (max-width: 1399.98px) { + .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { + visibility: visible; + } + } + @media (min-width: 1400px) { + .offcanvas-xxl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xxl .offcanvas-header { + display: none; + } + .offcanvas-xxl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } + } + + .offcanvas { + position: fixed; + bottom: 0; + z-index: 1045; + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: transform 0.3s ease-in-out; + } + @media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; + } + } + .offcanvas.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas.showing, .offcanvas.show:not(.hiding) { + transform: none; + } + .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { + visibility: visible; + } + + .offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; + } + .offcanvas-backdrop.fade { + opacity: 0; + } + .offcanvas-backdrop.show { + opacity: 0.5; + } + + .offcanvas-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); + } + .offcanvas-header .btn-close { + padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); + margin-top: calc(var(--bs-offcanvas-padding-y) * -0.5); + margin-right: calc(var(--bs-offcanvas-padding-x) * -0.5); + margin-bottom: calc(var(--bs-offcanvas-padding-y) * -0.5); + } + + .offcanvas-title { + margin-bottom: 0; + line-height: 1.5; + } + + .offcanvas-body { + flex-grow: 1; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); + overflow-y: auto; + } + + .placeholder { + display: inline-block; + min-height: 1em; + vertical-align: middle; + cursor: wait; + background-color: currentcolor; + opacity: 0.5; + } + .placeholder.btn::before { + display: inline-block; + content: ""; + } + + .placeholder-xs { + min-height: 0.6em; + } + + .placeholder-sm { + min-height: 0.8em; + } + + .placeholder-lg { + min-height: 1.2em; + } + + .placeholder-glow .placeholder { + animation: placeholder-glow 2s ease-in-out infinite; + } + + @keyframes placeholder-glow { + 50% { + opacity: 0.2; + } + } + .placeholder-wave { + -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + animation: placeholder-wave 2s linear infinite; + } + + @keyframes placeholder-wave { + 100% { + -webkit-mask-position: -200% 0%; + mask-position: -200% 0%; + } + } + .clearfix::after { + display: block; + clear: both; + content: ""; + } + + .text-bg-primary { + color: #000 !important; + background-color: RGBA(33, 150, 243, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-secondary { + color: #fff !important; + background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-success { + color: #000 !important; + background-color: RGBA(76, 175, 80, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-info { + color: #000 !important; + background-color: RGBA(0, 188, 212, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-warning { + color: #000 !important; + background-color: RGBA(255, 235, 59, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-danger { + color: #000 !important; + background-color: RGBA(244, 67, 54, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-light { + color: #000 !important; + background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important; + } + + .text-bg-dark { + color: #fff !important; + background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important; + } + + .link-primary { + color: #2196f3 !important; + } + .link-primary:hover, .link-primary:focus { + color: #4dabf5 !important; + } + + .link-secondary { + color: #6c757d !important; + } + .link-secondary:hover, .link-secondary:focus { + color: #565e64 !important; + } + + .link-success { + color: #4caf50 !important; + } + .link-success:hover, .link-success:focus { + color: #70bf73 !important; + } + + .link-info { + color: #00bcd4 !important; + } + .link-info:hover, .link-info:focus { + color: #33c9dd !important; + } + + .link-warning { + color: #ffeb3b !important; + } + .link-warning:hover, .link-warning:focus { + color: #ffef62 !important; + } + + .link-danger { + color: #f44336 !important; + } + .link-danger:hover, .link-danger:focus { + color: #f6695e !important; + } + + .link-light { + color: #f8f9fa !important; + } + .link-light:hover, .link-light:focus { + color: #f9fafb !important; + } + + .link-dark { + color: #212529 !important; + } + .link-dark:hover, .link-dark:focus { + color: #1a1e21 !important; + } + + .ratio { + position: relative; + width: 100%; + } + .ratio::before { + display: block; + padding-top: var(--bs-aspect-ratio); + content: ""; + } + .ratio > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; + } + + .ratio-1x1 { + --bs-aspect-ratio: 100%; + } + + .ratio-4x3 { + --bs-aspect-ratio: 75%; + } + + .ratio-16x9 { + --bs-aspect-ratio: 56.25%; + } + + .ratio-21x9 { + --bs-aspect-ratio: 42.8571428571%; + } + + .fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; + } + + .fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; + } + + .sticky-top { + position: sticky; + top: 0; + z-index: 1020; + } + + .sticky-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } + + @media (min-width: 576px) { + .sticky-sm-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-sm-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } + } + @media (min-width: 768px) { + .sticky-md-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-md-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } + } + @media (min-width: 992px) { + .sticky-lg-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-lg-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } + } + @media (min-width: 1200px) { + .sticky-xl-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xl-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } + } + @media (min-width: 1400px) { + .sticky-xxl-top { + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xxl-bottom { + position: sticky; + bottom: 0; + z-index: 1020; + } + } + .hstack { + display: flex; + flex-direction: row; + align-items: center; + align-self: stretch; + } + + .vstack { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; + } + + .visually-hidden, + .visually-hidden-focusable:not(:focus):not(:focus-within) { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; + } + + .stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; + } + + .text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .vr { + display: inline-block; + align-self: stretch; + width: 1px; + min-height: 1em; + background-color: currentcolor; + opacity: 0.25; + } + + .align-baseline { + vertical-align: baseline !important; + } + + .align-top { + vertical-align: top !important; + } + + .align-middle { + vertical-align: middle !important; + } + + .align-bottom { + vertical-align: bottom !important; + } + + .align-text-bottom { + vertical-align: text-bottom !important; + } + + .align-text-top { + vertical-align: text-top !important; + } + + .float-start { + float: left !important; + } + + .float-end { + float: right !important; + } + + .float-none { + float: none !important; + } + + .opacity-0 { + opacity: 0 !important; + } + + .opacity-25 { + opacity: 0.25 !important; + } + + .opacity-50 { + opacity: 0.5 !important; + } + + .opacity-75 { + opacity: 0.75 !important; + } + + .opacity-100 { + opacity: 1 !important; + } + + .overflow-auto { + overflow: auto !important; + } + + .overflow-hidden { + overflow: hidden !important; + } + + .overflow-visible { + overflow: visible !important; + } + + .overflow-scroll { + overflow: scroll !important; + } + + .d-inline { + display: inline !important; + } + + .d-inline-block { + display: inline-block !important; + } + + .d-block { + display: block !important; + } + + .d-grid { + display: grid !important; + } + + .d-table { + display: table !important; + } + + .d-table-row { + display: table-row !important; + } + + .d-table-cell { + display: table-cell !important; + } + + .d-flex { + display: flex !important; + } + + .d-inline-flex { + display: inline-flex !important; + } + + .d-none { + display: none !important; + } + + .shadow { + box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; + } + + .shadow-sm { + box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; + } + + .shadow-lg { + box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; + } + + .shadow-none { + box-shadow: none !important; + } + + .position-static { + position: static !important; + } + + .position-relative { + position: relative !important; + } + + .position-absolute { + position: absolute !important; + } + + .position-fixed { + position: fixed !important; + } + + .position-sticky { + position: sticky !important; + } + + .top-0 { + top: 0 !important; + } + + .top-50 { + top: 50% !important; + } + + .top-100 { + top: 100% !important; + } + + .bottom-0 { + bottom: 0 !important; + } + + .bottom-50 { + bottom: 50% !important; + } + + .bottom-100 { + bottom: 100% !important; + } + + .start-0 { + left: 0 !important; + } + + .start-50 { + left: 50% !important; + } + + .start-100 { + left: 100% !important; + } + + .end-0 { + right: 0 !important; + } + + .end-50 { + right: 50% !important; + } + + .end-100 { + right: 100% !important; + } + + .translate-middle { + transform: translate(-50%, -50%) !important; + } + + .translate-middle-x { + transform: translateX(-50%) !important; + } + + .translate-middle-y { + transform: translateY(-50%) !important; + } + + .border { + border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; + } + + .border-0 { + border: 0 !important; + } + + .border-top { + border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; + } + + .border-top-0 { + border-top: 0 !important; + } + + .border-end { + border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; + } + + .border-end-0 { + border-right: 0 !important; + } + + .border-bottom { + border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; + } + + .border-bottom-0 { + border-bottom: 0 !important; + } + + .border-start { + border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; + } + + .border-start-0 { + border-left: 0 !important; + } + + .border-primary { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; + } + + .border-secondary { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; + } + + .border-success { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; + } + + .border-info { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; + } + + .border-warning { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; + } + + .border-danger { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; + } + + .border-light { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; + } + + .border-dark { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; + } + + .border-white { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; + } + + .border-1 { + --bs-border-width: 1px; + } + + .border-2 { + --bs-border-width: 2px; + } + + .border-3 { + --bs-border-width: 3px; + } + + .border-4 { + --bs-border-width: 4px; + } + + .border-5 { + --bs-border-width: 5px; + } + + .border-opacity-10 { + --bs-border-opacity: 0.1; + } + + .border-opacity-25 { + --bs-border-opacity: 0.25; + } + + .border-opacity-50 { + --bs-border-opacity: 0.5; + } + + .border-opacity-75 { + --bs-border-opacity: 0.75; + } + + .border-opacity-100 { + --bs-border-opacity: 1; + } + + .w-25 { + width: 25% !important; + } + + .w-50 { + width: 50% !important; + } + + .w-75 { + width: 75% !important; + } + + .w-100 { + width: 100% !important; + } + + .w-auto { + width: auto !important; + } + + .mw-100 { + max-width: 100% !important; + } + + .vw-100 { + width: 100vw !important; + } + + .min-vw-100 { + min-width: 100vw !important; + } + + .h-25 { + height: 25% !important; + } + + .h-50 { + height: 50% !important; + } + + .h-75 { + height: 75% !important; + } + + .h-100 { + height: 100% !important; + } + + .h-auto { + height: auto !important; + } + + .mh-100 { + max-height: 100% !important; + } + + .vh-100 { + height: 100vh !important; + } + + .min-vh-100 { + min-height: 100vh !important; + } + + .flex-fill { + flex: 1 1 auto !important; + } + + .flex-row { + flex-direction: row !important; + } + + .flex-column { + flex-direction: column !important; + } + + .flex-row-reverse { + flex-direction: row-reverse !important; + } + + .flex-column-reverse { + flex-direction: column-reverse !important; + } + + .flex-grow-0 { + flex-grow: 0 !important; + } + + .flex-grow-1 { + flex-grow: 1 !important; + } + + .flex-shrink-0 { + flex-shrink: 0 !important; + } + + .flex-shrink-1 { + flex-shrink: 1 !important; + } + + .flex-wrap { + flex-wrap: wrap !important; + } + + .flex-nowrap { + flex-wrap: nowrap !important; + } + + .flex-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .justify-content-start { + justify-content: flex-start !important; + } + + .justify-content-end { + justify-content: flex-end !important; + } + + .justify-content-center { + justify-content: center !important; + } + + .justify-content-between { + justify-content: space-between !important; + } + + .justify-content-around { + justify-content: space-around !important; + } + + .justify-content-evenly { + justify-content: space-evenly !important; + } + + .align-items-start { + align-items: flex-start !important; + } + + .align-items-end { + align-items: flex-end !important; + } + + .align-items-center { + align-items: center !important; + } + + .align-items-baseline { + align-items: baseline !important; + } + + .align-items-stretch { + align-items: stretch !important; + } + + .align-content-start { + align-content: flex-start !important; + } + + .align-content-end { + align-content: flex-end !important; + } + + .align-content-center { + align-content: center !important; + } + + .align-content-between { + align-content: space-between !important; + } + + .align-content-around { + align-content: space-around !important; + } + + .align-content-stretch { + align-content: stretch !important; + } + + .align-self-auto { + align-self: auto !important; + } + + .align-self-start { + align-self: flex-start !important; + } + + .align-self-end { + align-self: flex-end !important; + } + + .align-self-center { + align-self: center !important; + } + + .align-self-baseline { + align-self: baseline !important; + } + + .align-self-stretch { + align-self: stretch !important; + } + + .order-first { + order: -1 !important; + } + + .order-0 { + order: 0 !important; + } + + .order-1 { + order: 1 !important; + } + + .order-2 { + order: 2 !important; + } + + .order-3 { + order: 3 !important; + } + + .order-4 { + order: 4 !important; + } + + .order-5 { + order: 5 !important; + } + + .order-last { + order: 6 !important; + } + + .m-0 { + margin: 0 !important; + } + + .m-1 { + margin: 0.25rem !important; + } + + .m-2 { + margin: 0.5rem !important; + } + + .m-3 { + margin: 1rem !important; + } + + .m-4 { + margin: 1.5rem !important; + } + + .m-5 { + margin: 3rem !important; + } + + .m-auto { + margin: auto !important; + } + + .mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + + .mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + + .mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + + .mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + + .mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + + .mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + + .mx-auto { + margin-right: auto !important; + margin-left: auto !important; + } + + .my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + + .my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + + .my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + + .my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + + .my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + + .my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + + .my-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + + .mt-0 { + margin-top: 0 !important; + } + + .mt-1 { + margin-top: 0.25rem !important; + } + + .mt-2 { + margin-top: 0.5rem !important; + } + + .mt-3 { + margin-top: 1rem !important; + } + + .mt-4 { + margin-top: 1.5rem !important; + } + + .mt-5 { + margin-top: 3rem !important; + } + + .mt-auto { + margin-top: auto !important; + } + + .me-0 { + margin-right: 0 !important; + } + + .me-1 { + margin-right: 0.25rem !important; + } + + .me-2 { + margin-right: 0.5rem !important; + } + + .me-3 { + margin-right: 1rem !important; + } + + .me-4 { + margin-right: 1.5rem !important; + } + + .me-5 { + margin-right: 3rem !important; + } + + .me-auto { + margin-right: auto !important; + } + + .mb-0 { + margin-bottom: 0 !important; + } + + .mb-1 { + margin-bottom: 0.25rem !important; + } + + .mb-2 { + margin-bottom: 0.5rem !important; + } + + .mb-3 { + margin-bottom: 1rem !important; + } + + .mb-4 { + margin-bottom: 1.5rem !important; + } + + .mb-5 { + margin-bottom: 3rem !important; + } + + .mb-auto { + margin-bottom: auto !important; + } + + .ms-0 { + margin-left: 0 !important; + } + + .ms-1 { + margin-left: 0.25rem !important; + } + + .ms-2 { + margin-left: 0.5rem !important; + } + + .ms-3 { + margin-left: 1rem !important; + } + + .ms-4 { + margin-left: 1.5rem !important; + } + + .ms-5 { + margin-left: 3rem !important; + } + + .ms-auto { + margin-left: auto !important; + } + + .p-0 { + padding: 0 !important; + } + + .p-1 { + padding: 0.25rem !important; + } + + .p-2 { + padding: 0.5rem !important; + } + + .p-3 { + padding: 1rem !important; + } + + .p-4 { + padding: 1.5rem !important; + } + + .p-5 { + padding: 3rem !important; + } + + .px-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + + .px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + + .px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + + .px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + + .px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + + .px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + + .py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + + .py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + + .py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + + .py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + + .py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + + .py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + + .pt-0 { + padding-top: 0 !important; + } + + .pt-1 { + padding-top: 0.25rem !important; + } + + .pt-2 { + padding-top: 0.5rem !important; + } + + .pt-3 { + padding-top: 1rem !important; + } + + .pt-4 { + padding-top: 1.5rem !important; + } + + .pt-5 { + padding-top: 3rem !important; + } + + .pe-0 { + padding-right: 0 !important; + } + + .pe-1 { + padding-right: 0.25rem !important; + } + + .pe-2 { + padding-right: 0.5rem !important; + } + + .pe-3 { + padding-right: 1rem !important; + } + + .pe-4 { + padding-right: 1.5rem !important; + } + + .pe-5 { + padding-right: 3rem !important; + } + + .pb-0 { + padding-bottom: 0 !important; + } + + .pb-1 { + padding-bottom: 0.25rem !important; + } + + .pb-2 { + padding-bottom: 0.5rem !important; + } + + .pb-3 { + padding-bottom: 1rem !important; + } + + .pb-4 { + padding-bottom: 1.5rem !important; + } + + .pb-5 { + padding-bottom: 3rem !important; + } + + .ps-0 { + padding-left: 0 !important; + } + + .ps-1 { + padding-left: 0.25rem !important; + } + + .ps-2 { + padding-left: 0.5rem !important; + } + + .ps-3 { + padding-left: 1rem !important; + } + + .ps-4 { + padding-left: 1.5rem !important; + } + + .ps-5 { + padding-left: 3rem !important; + } + + .gap-0 { + gap: 0 !important; + } + + .gap-1 { + gap: 0.25rem !important; + } + + .gap-2 { + gap: 0.5rem !important; + } + + .gap-3 { + gap: 1rem !important; + } + + .gap-4 { + gap: 1.5rem !important; + } + + .gap-5 { + gap: 3rem !important; + } + + .font-monospace { + font-family: var(--bs-font-monospace) !important; + } + + .fs-1 { + font-size: calc(1.34375rem + 1.125vw) !important; + } + + .fs-2 { + font-size: calc(1.3rem + 0.6vw) !important; + } + + .fs-3 { + font-size: calc(1.278125rem + 0.3375vw) !important; + } + + .fs-4 { + font-size: calc(1.25625rem + 0.075vw) !important; + } + + .fs-5 { + font-size: 1.09375rem !important; + } + + .fs-6 { + font-size: 0.875rem !important; + } + + .fst-italic { + font-style: italic !important; + } + + .fst-normal { + font-style: normal !important; + } + + .fw-light { + font-weight: 300 !important; + } + + .fw-lighter { + font-weight: lighter !important; + } + + .fw-normal { + font-weight: 400 !important; + } + + .fw-bold { + font-weight: 700 !important; + } + + .fw-semibold { + font-weight: 600 !important; + } + + .fw-bolder { + font-weight: bolder !important; + } + + .lh-1 { + line-height: 1 !important; + } + + .lh-sm { + line-height: 1.25 !important; + } + + .lh-base { + line-height: 1.5 !important; + } + + .lh-lg { + line-height: 2 !important; + } + + .text-start { + text-align: left !important; + } + + .text-end { + text-align: right !important; + } + + .text-center { + text-align: center !important; + } + + .text-decoration-none { + text-decoration: none !important; + } + + .text-decoration-underline { + text-decoration: underline !important; + } + + .text-decoration-line-through { + text-decoration: line-through !important; + } + + .text-lowercase { + text-transform: lowercase !important; + } + + .text-uppercase { + text-transform: uppercase !important; + } + + .text-capitalize { + text-transform: capitalize !important; + } + + .text-wrap { + white-space: normal !important; + } + + .text-nowrap { + white-space: nowrap !important; + } + + /* rtl:begin:remove */ + .text-break { + word-wrap: break-word !important; + word-break: break-word !important; + } + + /* rtl:end:remove */ + .text-primary { + --bs-text-opacity: 1; + color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; + } + + .text-secondary { + --bs-text-opacity: 1; + color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; + } + + .text-success { + --bs-text-opacity: 1; + color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; + } + + .text-info { + --bs-text-opacity: 1; + color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; + } + + .text-warning { + --bs-text-opacity: 1; + color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; + } + + .text-danger { + --bs-text-opacity: 1; + color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; + } + + .text-light { + --bs-text-opacity: 1; + color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; + } + + .text-dark { + --bs-text-opacity: 1; + color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; + } + + .text-black { + --bs-text-opacity: 1; + color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; + } + + .text-white { + --bs-text-opacity: 1; + color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; + } + + .text-body { + --bs-text-opacity: 1; + color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; + } + + .text-muted { + --bs-text-opacity: 1; + color: #6c757d !important; + } + + .text-black-50 { + --bs-text-opacity: 1; + color: rgba(0, 0, 0, 0.5) !important; + } + + .text-white-50 { + --bs-text-opacity: 1; + color: rgba(255, 255, 255, 0.5) !important; + } + + .text-reset { + --bs-text-opacity: 1; + color: inherit !important; + } + + .text-opacity-25 { + --bs-text-opacity: 0.25; + } + + .text-opacity-50 { + --bs-text-opacity: 0.5; + } + + .text-opacity-75 { + --bs-text-opacity: 0.75; + } + + .text-opacity-100 { + --bs-text-opacity: 1; + } + + .bg-primary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; + } + + .bg-secondary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; + } + + .bg-success { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; + } + + .bg-info { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; + } + + .bg-warning { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; + } + + .bg-danger { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; + } + + .bg-light { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; + } + + .bg-dark { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; + } + + .bg-black { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; + } + + .bg-white { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; + } + + .bg-body { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; + } + + .bg-transparent { + --bs-bg-opacity: 1; + background-color: transparent !important; + } + + .bg-opacity-10 { + --bs-bg-opacity: 0.1; + } + + .bg-opacity-25 { + --bs-bg-opacity: 0.25; + } + + .bg-opacity-50 { + --bs-bg-opacity: 0.5; + } + + .bg-opacity-75 { + --bs-bg-opacity: 0.75; + } + + .bg-opacity-100 { + --bs-bg-opacity: 1; + } + + .bg-gradient { + background-image: var(--bs-gradient) !important; + } + + .user-select-all { + -webkit-user-select: all !important; + user-select: all !important; + } + + .user-select-auto { + -webkit-user-select: auto !important; + user-select: auto !important; + } + + .user-select-none { + -webkit-user-select: none !important; + user-select: none !important; + } + + .pe-none { + pointer-events: none !important; + } + + .pe-auto { + pointer-events: auto !important; + } + + .rounded { + border-radius: var(--bs-border-radius) !important; + } + + .rounded-0 { + border-radius: 0 !important; + } + + .rounded-1 { + border-radius: var(--bs-border-radius-sm) !important; + } + + .rounded-2 { + border-radius: var(--bs-border-radius) !important; + } + + .rounded-3 { + border-radius: var(--bs-border-radius-lg) !important; + } + + .rounded-4 { + border-radius: var(--bs-border-radius-xl) !important; + } + + .rounded-5 { + border-radius: var(--bs-border-radius-2xl) !important; + } + + .rounded-circle { + border-radius: 50% !important; + } + + .rounded-pill { + border-radius: var(--bs-border-radius-pill) !important; + } + + .rounded-top { + border-top-left-radius: var(--bs-border-radius) !important; + border-top-right-radius: var(--bs-border-radius) !important; + } + + .rounded-end { + border-top-right-radius: var(--bs-border-radius) !important; + border-bottom-right-radius: var(--bs-border-radius) !important; + } + + .rounded-bottom { + border-bottom-right-radius: var(--bs-border-radius) !important; + border-bottom-left-radius: var(--bs-border-radius) !important; + } + + .rounded-start { + border-bottom-left-radius: var(--bs-border-radius) !important; + border-top-left-radius: var(--bs-border-radius) !important; + } + + .rounded-top-0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; + } + + .rounded-end-0 { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + } + + .rounded-bottom-0 { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; + } + + .rounded-start-0 { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; + } + + .visible { + visibility: visible !important; + } + + .invisible { + visibility: hidden !important; + } + + @media (min-width: 576px) { + .float-sm-start { + float: left !important; + } + .float-sm-end { + float: right !important; + } + .float-sm-none { + float: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-grid { + display: grid !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } + .d-sm-none { + display: none !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .justify-content-sm-evenly { + justify-content: space-evenly !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } + .order-sm-first { + order: -1 !important; + } + .order-sm-0 { + order: 0 !important; + } + .order-sm-1 { + order: 1 !important; + } + .order-sm-2 { + order: 2 !important; + } + .order-sm-3 { + order: 3 !important; + } + .order-sm-4 { + order: 4 !important; + } + .order-sm-5 { + order: 5 !important; + } + .order-sm-last { + order: 6 !important; + } + .m-sm-0 { + margin: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-sm-0 { + margin-top: 0 !important; + } + .mt-sm-1 { + margin-top: 0.25rem !important; + } + .mt-sm-2 { + margin-top: 0.5rem !important; + } + .mt-sm-3 { + margin-top: 1rem !important; + } + .mt-sm-4 { + margin-top: 1.5rem !important; + } + .mt-sm-5 { + margin-top: 3rem !important; + } + .mt-sm-auto { + margin-top: auto !important; + } + .me-sm-0 { + margin-right: 0 !important; + } + .me-sm-1 { + margin-right: 0.25rem !important; + } + .me-sm-2 { + margin-right: 0.5rem !important; + } + .me-sm-3 { + margin-right: 1rem !important; + } + .me-sm-4 { + margin-right: 1.5rem !important; + } + .me-sm-5 { + margin-right: 3rem !important; + } + .me-sm-auto { + margin-right: auto !important; + } + .mb-sm-0 { + margin-bottom: 0 !important; + } + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + .mb-sm-3 { + margin-bottom: 1rem !important; + } + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + .mb-sm-5 { + margin-bottom: 3rem !important; + } + .mb-sm-auto { + margin-bottom: auto !important; + } + .ms-sm-0 { + margin-left: 0 !important; + } + .ms-sm-1 { + margin-left: 0.25rem !important; + } + .ms-sm-2 { + margin-left: 0.5rem !important; + } + .ms-sm-3 { + margin-left: 1rem !important; + } + .ms-sm-4 { + margin-left: 1.5rem !important; + } + .ms-sm-5 { + margin-left: 3rem !important; + } + .ms-sm-auto { + margin-left: auto !important; + } + .p-sm-0 { + padding: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-sm-0 { + padding-top: 0 !important; + } + .pt-sm-1 { + padding-top: 0.25rem !important; + } + .pt-sm-2 { + padding-top: 0.5rem !important; + } + .pt-sm-3 { + padding-top: 1rem !important; + } + .pt-sm-4 { + padding-top: 1.5rem !important; + } + .pt-sm-5 { + padding-top: 3rem !important; + } + .pe-sm-0 { + padding-right: 0 !important; + } + .pe-sm-1 { + padding-right: 0.25rem !important; + } + .pe-sm-2 { + padding-right: 0.5rem !important; + } + .pe-sm-3 { + padding-right: 1rem !important; + } + .pe-sm-4 { + padding-right: 1.5rem !important; + } + .pe-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-0 { + padding-bottom: 0 !important; + } + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + .pb-sm-3 { + padding-bottom: 1rem !important; + } + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + .pb-sm-5 { + padding-bottom: 3rem !important; + } + .ps-sm-0 { + padding-left: 0 !important; + } + .ps-sm-1 { + padding-left: 0.25rem !important; + } + .ps-sm-2 { + padding-left: 0.5rem !important; + } + .ps-sm-3 { + padding-left: 1rem !important; + } + .ps-sm-4 { + padding-left: 1.5rem !important; + } + .ps-sm-5 { + padding-left: 3rem !important; + } + .gap-sm-0 { + gap: 0 !important; + } + .gap-sm-1 { + gap: 0.25rem !important; + } + .gap-sm-2 { + gap: 0.5rem !important; + } + .gap-sm-3 { + gap: 1rem !important; + } + .gap-sm-4 { + gap: 1.5rem !important; + } + .gap-sm-5 { + gap: 3rem !important; + } + .text-sm-start { + text-align: left !important; + } + .text-sm-end { + text-align: right !important; + } + .text-sm-center { + text-align: center !important; + } + } + @media (min-width: 768px) { + .float-md-start { + float: left !important; + } + .float-md-end { + float: right !important; + } + .float-md-none { + float: none !important; + } + .d-md-inline { + display: inline !important; + } + .d-md-inline-block { + display: inline-block !important; + } + .d-md-block { + display: block !important; + } + .d-md-grid { + display: grid !important; + } + .d-md-table { + display: table !important; + } + .d-md-table-row { + display: table-row !important; + } + .d-md-table-cell { + display: table-cell !important; + } + .d-md-flex { + display: flex !important; + } + .d-md-inline-flex { + display: inline-flex !important; + } + .d-md-none { + display: none !important; + } + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .justify-content-md-evenly { + justify-content: space-evenly !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } + .order-md-first { + order: -1 !important; + } + .order-md-0 { + order: 0 !important; + } + .order-md-1 { + order: 1 !important; + } + .order-md-2 { + order: 2 !important; + } + .order-md-3 { + order: 3 !important; + } + .order-md-4 { + order: 4 !important; + } + .order-md-5 { + order: 5 !important; + } + .order-md-last { + order: 6 !important; + } + .m-md-0 { + margin: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-md-0 { + margin-top: 0 !important; + } + .mt-md-1 { + margin-top: 0.25rem !important; + } + .mt-md-2 { + margin-top: 0.5rem !important; + } + .mt-md-3 { + margin-top: 1rem !important; + } + .mt-md-4 { + margin-top: 1.5rem !important; + } + .mt-md-5 { + margin-top: 3rem !important; + } + .mt-md-auto { + margin-top: auto !important; + } + .me-md-0 { + margin-right: 0 !important; + } + .me-md-1 { + margin-right: 0.25rem !important; + } + .me-md-2 { + margin-right: 0.5rem !important; + } + .me-md-3 { + margin-right: 1rem !important; + } + .me-md-4 { + margin-right: 1.5rem !important; + } + .me-md-5 { + margin-right: 3rem !important; + } + .me-md-auto { + margin-right: auto !important; + } + .mb-md-0 { + margin-bottom: 0 !important; + } + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + .mb-md-3 { + margin-bottom: 1rem !important; + } + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + .mb-md-5 { + margin-bottom: 3rem !important; + } + .mb-md-auto { + margin-bottom: auto !important; + } + .ms-md-0 { + margin-left: 0 !important; + } + .ms-md-1 { + margin-left: 0.25rem !important; + } + .ms-md-2 { + margin-left: 0.5rem !important; + } + .ms-md-3 { + margin-left: 1rem !important; + } + .ms-md-4 { + margin-left: 1.5rem !important; + } + .ms-md-5 { + margin-left: 3rem !important; + } + .ms-md-auto { + margin-left: auto !important; + } + .p-md-0 { + padding: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-md-0 { + padding-top: 0 !important; + } + .pt-md-1 { + padding-top: 0.25rem !important; + } + .pt-md-2 { + padding-top: 0.5rem !important; + } + .pt-md-3 { + padding-top: 1rem !important; + } + .pt-md-4 { + padding-top: 1.5rem !important; + } + .pt-md-5 { + padding-top: 3rem !important; + } + .pe-md-0 { + padding-right: 0 !important; + } + .pe-md-1 { + padding-right: 0.25rem !important; + } + .pe-md-2 { + padding-right: 0.5rem !important; + } + .pe-md-3 { + padding-right: 1rem !important; + } + .pe-md-4 { + padding-right: 1.5rem !important; + } + .pe-md-5 { + padding-right: 3rem !important; + } + .pb-md-0 { + padding-bottom: 0 !important; + } + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + .pb-md-3 { + padding-bottom: 1rem !important; + } + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + .pb-md-5 { + padding-bottom: 3rem !important; + } + .ps-md-0 { + padding-left: 0 !important; + } + .ps-md-1 { + padding-left: 0.25rem !important; + } + .ps-md-2 { + padding-left: 0.5rem !important; + } + .ps-md-3 { + padding-left: 1rem !important; + } + .ps-md-4 { + padding-left: 1.5rem !important; + } + .ps-md-5 { + padding-left: 3rem !important; + } + .gap-md-0 { + gap: 0 !important; + } + .gap-md-1 { + gap: 0.25rem !important; + } + .gap-md-2 { + gap: 0.5rem !important; + } + .gap-md-3 { + gap: 1rem !important; + } + .gap-md-4 { + gap: 1.5rem !important; + } + .gap-md-5 { + gap: 3rem !important; + } + .text-md-start { + text-align: left !important; + } + .text-md-end { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } + } + @media (min-width: 992px) { + .float-lg-start { + float: left !important; + } + .float-lg-end { + float: right !important; + } + .float-lg-none { + float: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-grid { + display: grid !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } + .d-lg-none { + display: none !important; + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .justify-content-lg-evenly { + justify-content: space-evenly !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } + .order-lg-first { + order: -1 !important; + } + .order-lg-0 { + order: 0 !important; + } + .order-lg-1 { + order: 1 !important; + } + .order-lg-2 { + order: 2 !important; + } + .order-lg-3 { + order: 3 !important; + } + .order-lg-4 { + order: 4 !important; + } + .order-lg-5 { + order: 5 !important; + } + .order-lg-last { + order: 6 !important; + } + .m-lg-0 { + margin: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-lg-0 { + margin-top: 0 !important; + } + .mt-lg-1 { + margin-top: 0.25rem !important; + } + .mt-lg-2 { + margin-top: 0.5rem !important; + } + .mt-lg-3 { + margin-top: 1rem !important; + } + .mt-lg-4 { + margin-top: 1.5rem !important; + } + .mt-lg-5 { + margin-top: 3rem !important; + } + .mt-lg-auto { + margin-top: auto !important; + } + .me-lg-0 { + margin-right: 0 !important; + } + .me-lg-1 { + margin-right: 0.25rem !important; + } + .me-lg-2 { + margin-right: 0.5rem !important; + } + .me-lg-3 { + margin-right: 1rem !important; + } + .me-lg-4 { + margin-right: 1.5rem !important; + } + .me-lg-5 { + margin-right: 3rem !important; + } + .me-lg-auto { + margin-right: auto !important; + } + .mb-lg-0 { + margin-bottom: 0 !important; + } + .mb-lg-1 { + margin-bottom: 0.25rem !important; + } + .mb-lg-2 { + margin-bottom: 0.5rem !important; + } + .mb-lg-3 { + margin-bottom: 1rem !important; + } + .mb-lg-4 { + margin-bottom: 1.5rem !important; + } + .mb-lg-5 { + margin-bottom: 3rem !important; + } + .mb-lg-auto { + margin-bottom: auto !important; + } + .ms-lg-0 { + margin-left: 0 !important; + } + .ms-lg-1 { + margin-left: 0.25rem !important; + } + .ms-lg-2 { + margin-left: 0.5rem !important; + } + .ms-lg-3 { + margin-left: 1rem !important; + } + .ms-lg-4 { + margin-left: 1.5rem !important; + } + .ms-lg-5 { + margin-left: 3rem !important; + } + .ms-lg-auto { + margin-left: auto !important; + } + .p-lg-0 { + padding: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-lg-0 { + padding-top: 0 !important; + } + .pt-lg-1 { + padding-top: 0.25rem !important; + } + .pt-lg-2 { + padding-top: 0.5rem !important; + } + .pt-lg-3 { + padding-top: 1rem !important; + } + .pt-lg-4 { + padding-top: 1.5rem !important; + } + .pt-lg-5 { + padding-top: 3rem !important; + } + .pe-lg-0 { + padding-right: 0 !important; + } + .pe-lg-1 { + padding-right: 0.25rem !important; + } + .pe-lg-2 { + padding-right: 0.5rem !important; + } + .pe-lg-3 { + padding-right: 1rem !important; + } + .pe-lg-4 { + padding-right: 1.5rem !important; + } + .pe-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-0 { + padding-bottom: 0 !important; + } + .pb-lg-1 { + padding-bottom: 0.25rem !important; + } + .pb-lg-2 { + padding-bottom: 0.5rem !important; + } + .pb-lg-3 { + padding-bottom: 1rem !important; + } + .pb-lg-4 { + padding-bottom: 1.5rem !important; + } + .pb-lg-5 { + padding-bottom: 3rem !important; + } + .ps-lg-0 { + padding-left: 0 !important; + } + .ps-lg-1 { + padding-left: 0.25rem !important; + } + .ps-lg-2 { + padding-left: 0.5rem !important; + } + .ps-lg-3 { + padding-left: 1rem !important; + } + .ps-lg-4 { + padding-left: 1.5rem !important; + } + .ps-lg-5 { + padding-left: 3rem !important; + } + .gap-lg-0 { + gap: 0 !important; + } + .gap-lg-1 { + gap: 0.25rem !important; + } + .gap-lg-2 { + gap: 0.5rem !important; + } + .gap-lg-3 { + gap: 1rem !important; + } + .gap-lg-4 { + gap: 1.5rem !important; + } + .gap-lg-5 { + gap: 3rem !important; + } + .text-lg-start { + text-align: left !important; + } + .text-lg-end { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } + } + @media (min-width: 1200px) { + .float-xl-start { + float: left !important; + } + .float-xl-end { + float: right !important; + } + .float-xl-none { + float: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-grid { + display: grid !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } + .d-xl-none { + display: none !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .justify-content-xl-evenly { + justify-content: space-evenly !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } + .order-xl-first { + order: -1 !important; + } + .order-xl-0 { + order: 0 !important; + } + .order-xl-1 { + order: 1 !important; + } + .order-xl-2 { + order: 2 !important; + } + .order-xl-3 { + order: 3 !important; + } + .order-xl-4 { + order: 4 !important; + } + .order-xl-5 { + order: 5 !important; + } + .order-xl-last { + order: 6 !important; + } + .m-xl-0 { + margin: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xl-0 { + margin-top: 0 !important; + } + .mt-xl-1 { + margin-top: 0.25rem !important; + } + .mt-xl-2 { + margin-top: 0.5rem !important; + } + .mt-xl-3 { + margin-top: 1rem !important; + } + .mt-xl-4 { + margin-top: 1.5rem !important; + } + .mt-xl-5 { + margin-top: 3rem !important; + } + .mt-xl-auto { + margin-top: auto !important; + } + .me-xl-0 { + margin-right: 0 !important; + } + .me-xl-1 { + margin-right: 0.25rem !important; + } + .me-xl-2 { + margin-right: 0.5rem !important; + } + .me-xl-3 { + margin-right: 1rem !important; + } + .me-xl-4 { + margin-right: 1.5rem !important; + } + .me-xl-5 { + margin-right: 3rem !important; + } + .me-xl-auto { + margin-right: auto !important; + } + .mb-xl-0 { + margin-bottom: 0 !important; + } + .mb-xl-1 { + margin-bottom: 0.25rem !important; + } + .mb-xl-2 { + margin-bottom: 0.5rem !important; + } + .mb-xl-3 { + margin-bottom: 1rem !important; + } + .mb-xl-4 { + margin-bottom: 1.5rem !important; + } + .mb-xl-5 { + margin-bottom: 3rem !important; + } + .mb-xl-auto { + margin-bottom: auto !important; + } + .ms-xl-0 { + margin-left: 0 !important; + } + .ms-xl-1 { + margin-left: 0.25rem !important; + } + .ms-xl-2 { + margin-left: 0.5rem !important; + } + .ms-xl-3 { + margin-left: 1rem !important; + } + .ms-xl-4 { + margin-left: 1.5rem !important; + } + .ms-xl-5 { + margin-left: 3rem !important; + } + .ms-xl-auto { + margin-left: auto !important; + } + .p-xl-0 { + padding: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-xl-0 { + padding-top: 0 !important; + } + .pt-xl-1 { + padding-top: 0.25rem !important; + } + .pt-xl-2 { + padding-top: 0.5rem !important; + } + .pt-xl-3 { + padding-top: 1rem !important; + } + .pt-xl-4 { + padding-top: 1.5rem !important; + } + .pt-xl-5 { + padding-top: 3rem !important; + } + .pe-xl-0 { + padding-right: 0 !important; + } + .pe-xl-1 { + padding-right: 0.25rem !important; + } + .pe-xl-2 { + padding-right: 0.5rem !important; + } + .pe-xl-3 { + padding-right: 1rem !important; + } + .pe-xl-4 { + padding-right: 1.5rem !important; + } + .pe-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-0 { + padding-bottom: 0 !important; + } + .pb-xl-1 { + padding-bottom: 0.25rem !important; + } + .pb-xl-2 { + padding-bottom: 0.5rem !important; + } + .pb-xl-3 { + padding-bottom: 1rem !important; + } + .pb-xl-4 { + padding-bottom: 1.5rem !important; + } + .pb-xl-5 { + padding-bottom: 3rem !important; + } + .ps-xl-0 { + padding-left: 0 !important; + } + .ps-xl-1 { + padding-left: 0.25rem !important; + } + .ps-xl-2 { + padding-left: 0.5rem !important; + } + .ps-xl-3 { + padding-left: 1rem !important; + } + .ps-xl-4 { + padding-left: 1.5rem !important; + } + .ps-xl-5 { + padding-left: 3rem !important; + } + .gap-xl-0 { + gap: 0 !important; + } + .gap-xl-1 { + gap: 0.25rem !important; + } + .gap-xl-2 { + gap: 0.5rem !important; + } + .gap-xl-3 { + gap: 1rem !important; + } + .gap-xl-4 { + gap: 1.5rem !important; + } + .gap-xl-5 { + gap: 3rem !important; + } + .text-xl-start { + text-align: left !important; + } + .text-xl-end { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } + } + @media (min-width: 1400px) { + .float-xxl-start { + float: left !important; + } + .float-xxl-end { + float: right !important; + } + .float-xxl-none { + float: none !important; + } + .d-xxl-inline { + display: inline !important; + } + .d-xxl-inline-block { + display: inline-block !important; + } + .d-xxl-block { + display: block !important; + } + .d-xxl-grid { + display: grid !important; + } + .d-xxl-table { + display: table !important; + } + .d-xxl-table-row { + display: table-row !important; + } + .d-xxl-table-cell { + display: table-cell !important; + } + .d-xxl-flex { + display: flex !important; + } + .d-xxl-inline-flex { + display: inline-flex !important; + } + .d-xxl-none { + display: none !important; + } + .flex-xxl-fill { + flex: 1 1 auto !important; + } + .flex-xxl-row { + flex-direction: row !important; + } + .flex-xxl-column { + flex-direction: column !important; + } + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-xxl-start { + justify-content: flex-start !important; + } + .justify-content-xxl-end { + justify-content: flex-end !important; + } + .justify-content-xxl-center { + justify-content: center !important; + } + .justify-content-xxl-between { + justify-content: space-between !important; + } + .justify-content-xxl-around { + justify-content: space-around !important; + } + .justify-content-xxl-evenly { + justify-content: space-evenly !important; + } + .align-items-xxl-start { + align-items: flex-start !important; + } + .align-items-xxl-end { + align-items: flex-end !important; + } + .align-items-xxl-center { + align-items: center !important; + } + .align-items-xxl-baseline { + align-items: baseline !important; + } + .align-items-xxl-stretch { + align-items: stretch !important; + } + .align-content-xxl-start { + align-content: flex-start !important; + } + .align-content-xxl-end { + align-content: flex-end !important; + } + .align-content-xxl-center { + align-content: center !important; + } + .align-content-xxl-between { + align-content: space-between !important; + } + .align-content-xxl-around { + align-content: space-around !important; + } + .align-content-xxl-stretch { + align-content: stretch !important; + } + .align-self-xxl-auto { + align-self: auto !important; + } + .align-self-xxl-start { + align-self: flex-start !important; + } + .align-self-xxl-end { + align-self: flex-end !important; + } + .align-self-xxl-center { + align-self: center !important; + } + .align-self-xxl-baseline { + align-self: baseline !important; + } + .align-self-xxl-stretch { + align-self: stretch !important; + } + .order-xxl-first { + order: -1 !important; + } + .order-xxl-0 { + order: 0 !important; + } + .order-xxl-1 { + order: 1 !important; + } + .order-xxl-2 { + order: 2 !important; + } + .order-xxl-3 { + order: 3 !important; + } + .order-xxl-4 { + order: 4 !important; + } + .order-xxl-5 { + order: 5 !important; + } + .order-xxl-last { + order: 6 !important; + } + .m-xxl-0 { + margin: 0 !important; + } + .m-xxl-1 { + margin: 0.25rem !important; + } + .m-xxl-2 { + margin: 0.5rem !important; + } + .m-xxl-3 { + margin: 1rem !important; + } + .m-xxl-4 { + margin: 1.5rem !important; + } + .m-xxl-5 { + margin: 3rem !important; + } + .m-xxl-auto { + margin: auto !important; + } + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xxl-0 { + margin-top: 0 !important; + } + .mt-xxl-1 { + margin-top: 0.25rem !important; + } + .mt-xxl-2 { + margin-top: 0.5rem !important; + } + .mt-xxl-3 { + margin-top: 1rem !important; + } + .mt-xxl-4 { + margin-top: 1.5rem !important; + } + .mt-xxl-5 { + margin-top: 3rem !important; + } + .mt-xxl-auto { + margin-top: auto !important; + } + .me-xxl-0 { + margin-right: 0 !important; + } + .me-xxl-1 { + margin-right: 0.25rem !important; + } + .me-xxl-2 { + margin-right: 0.5rem !important; + } + .me-xxl-3 { + margin-right: 1rem !important; + } + .me-xxl-4 { + margin-right: 1.5rem !important; + } + .me-xxl-5 { + margin-right: 3rem !important; + } + .me-xxl-auto { + margin-right: auto !important; + } + .mb-xxl-0 { + margin-bottom: 0 !important; + } + .mb-xxl-1 { + margin-bottom: 0.25rem !important; + } + .mb-xxl-2 { + margin-bottom: 0.5rem !important; + } + .mb-xxl-3 { + margin-bottom: 1rem !important; + } + .mb-xxl-4 { + margin-bottom: 1.5rem !important; + } + .mb-xxl-5 { + margin-bottom: 3rem !important; + } + .mb-xxl-auto { + margin-bottom: auto !important; + } + .ms-xxl-0 { + margin-left: 0 !important; + } + .ms-xxl-1 { + margin-left: 0.25rem !important; + } + .ms-xxl-2 { + margin-left: 0.5rem !important; + } + .ms-xxl-3 { + margin-left: 1rem !important; + } + .ms-xxl-4 { + margin-left: 1.5rem !important; + } + .ms-xxl-5 { + margin-left: 3rem !important; + } + .ms-xxl-auto { + margin-left: auto !important; + } + .p-xxl-0 { + padding: 0 !important; + } + .p-xxl-1 { + padding: 0.25rem !important; + } + .p-xxl-2 { + padding: 0.5rem !important; + } + .p-xxl-3 { + padding: 1rem !important; + } + .p-xxl-4 { + padding: 1.5rem !important; + } + .p-xxl-5 { + padding: 3rem !important; + } + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-xxl-0 { + padding-top: 0 !important; + } + .pt-xxl-1 { + padding-top: 0.25rem !important; + } + .pt-xxl-2 { + padding-top: 0.5rem !important; + } + .pt-xxl-3 { + padding-top: 1rem !important; + } + .pt-xxl-4 { + padding-top: 1.5rem !important; + } + .pt-xxl-5 { + padding-top: 3rem !important; + } + .pe-xxl-0 { + padding-right: 0 !important; + } + .pe-xxl-1 { + padding-right: 0.25rem !important; + } + .pe-xxl-2 { + padding-right: 0.5rem !important; + } + .pe-xxl-3 { + padding-right: 1rem !important; + } + .pe-xxl-4 { + padding-right: 1.5rem !important; + } + .pe-xxl-5 { + padding-right: 3rem !important; + } + .pb-xxl-0 { + padding-bottom: 0 !important; + } + .pb-xxl-1 { + padding-bottom: 0.25rem !important; + } + .pb-xxl-2 { + padding-bottom: 0.5rem !important; + } + .pb-xxl-3 { + padding-bottom: 1rem !important; + } + .pb-xxl-4 { + padding-bottom: 1.5rem !important; + } + .pb-xxl-5 { + padding-bottom: 3rem !important; + } + .ps-xxl-0 { + padding-left: 0 !important; + } + .ps-xxl-1 { + padding-left: 0.25rem !important; + } + .ps-xxl-2 { + padding-left: 0.5rem !important; + } + .ps-xxl-3 { + padding-left: 1rem !important; + } + .ps-xxl-4 { + padding-left: 1.5rem !important; + } + .ps-xxl-5 { + padding-left: 3rem !important; + } + .gap-xxl-0 { + gap: 0 !important; + } + .gap-xxl-1 { + gap: 0.25rem !important; + } + .gap-xxl-2 { + gap: 0.5rem !important; + } + .gap-xxl-3 { + gap: 1rem !important; + } + .gap-xxl-4 { + gap: 1.5rem !important; + } + .gap-xxl-5 { + gap: 3rem !important; + } + .text-xxl-start { + text-align: left !important; + } + .text-xxl-end { + text-align: right !important; + } + .text-xxl-center { + text-align: center !important; + } + } + @media (min-width: 1200px) { + .fs-1 { + font-size: 2.1875rem !important; + } + .fs-2 { + font-size: 1.75rem !important; + } + .fs-3 { + font-size: 1.53125rem !important; + } + .fs-4 { + font-size: 1.3125rem !important; + } + } + @media print { + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-grid { + display: grid !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } + .d-print-none { + display: none !important; + } + } + html, html a, body { + -webkit-font-smoothing: antialiased; + } + + a { + transition: all 0.3s ease-in-out; + text-decoration: none; + } + + body { + font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; + font-size: 14px; + color: #72777a; + line-height: 1.5; + letter-spacing: 0.2px; + overflow-x: hidden; + } + + h1, .h1, + h2, + .h2, + h3, + .h3, + h4, + .h4, + h5, + .h5, + h6, + .h6 { + font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; + letter-spacing: 0.5px; + line-height: 1.5; + } + h1 a, .h1 a, + h2 a, + .h2 a, + h3 a, + .h3 a, + h4 a, + .h4 a, + h5 a, + .h5 a, + h6 a, + .h6 a { + font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; + } + h1 small, .h1 small, h1 .small, .h1 .small, + h2 small, + .h2 small, + h2 .small, + .h2 .small, + h3 small, + .h3 small, + h3 .small, + .h3 .small, + h4 small, + .h4 small, + h4 .small, + .h4 .small, + h5 small, + .h5 small, + h5 .small, + .h5 .small, + h6 small, + .h6 small, + h6 .small, + .h6 .small { + font-weight: 300; + color: #3d4142; + } + + p { + font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; + line-height: 1.9; + } + + .lead { + font-size: 18px; + } + + ul { + margin-bottom: 0; + } + + a { + color: #0f9aee; + } + a:hover, a:focus { + text-decoration: none; + color: #0c7bbe; + } + a:focus { + outline: none; + } + a.text-gray:hover, a.text-gray:focus, a.text-gray.active { + color: #313435 !important; + } + + :focus { + outline: none; + } + + hr { + border-top: 1px solid rgba(0, 0, 0, 0.0625); + } + + a.btn { + color: #fff; + } + + a.btn:hover { + color: #fff; + } + + .btn-color { + color: #fff; + } + + .btn-color:hover { + color: #fff; + } diff --git a/apps/static/assets/bootstrap.min.js b/apps/static/assets/bootstrap.min.js new file mode 100644 index 0000000..c35e1da --- /dev/null +++ b/apps/static/assets/bootstrap.min.js @@ -0,0 +1,7 @@ +/*! + * Bootstrap v5.3.2 (https://getbootstrap.com/) + * Copyright 2011-2023 The Bootstrap Authors (https://github.com/twbs/bootstrap/graphs/contributors) + * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) + */ +!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?module.exports=e(require("@popperjs/core")):"function"==typeof define&&define.amd?define(["@popperjs/core"],e):(t="undefined"!=typeof globalThis?globalThis:t||self).bootstrap=e(t.Popper)}(this,(function(t){"use strict";function e(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const i in t)if("default"!==i){const s=Object.getOwnPropertyDescriptor(t,i);Object.defineProperty(e,i,s.get?s:{enumerable:!0,get:()=>t[i]})}return e.default=t,Object.freeze(e)}const i=e(t),s=new Map,n={set(t,e,i){s.has(t)||s.set(t,new Map);const n=s.get(t);n.has(e)||0===n.size?n.set(e,i):console.error(`Bootstrap doesn't allow more than one instance per element. Bound instance: ${Array.from(n.keys())[0]}.`)},get:(t,e)=>s.has(t)&&s.get(t).get(e)||null,remove(t,e){if(!s.has(t))return;const i=s.get(t);i.delete(e),0===i.size&&s.delete(t)}},o="transitionend",r=t=>(t&&window.CSS&&window.CSS.escape&&(t=t.replace(/#([^\s"#']+)/g,((t,e)=>`#${CSS.escape(e)}`))),t),a=t=>{t.dispatchEvent(new Event(o))},l=t=>!(!t||"object"!=typeof t)&&(void 0!==t.jquery&&(t=t[0]),void 0!==t.nodeType),c=t=>l(t)?t.jquery?t[0]:t:"string"==typeof t&&t.length>0?document.querySelector(r(t)):null,h=t=>{if(!l(t)||0===t.getClientRects().length)return!1;const e="visible"===getComputedStyle(t).getPropertyValue("visibility"),i=t.closest("details:not([open])");if(!i)return e;if(i!==t){const e=t.closest("summary");if(e&&e.parentNode!==i)return!1;if(null===e)return!1}return e},d=t=>!t||t.nodeType!==Node.ELEMENT_NODE||!!t.classList.contains("disabled")||(void 0!==t.disabled?t.disabled:t.hasAttribute("disabled")&&"false"!==t.getAttribute("disabled")),u=t=>{if(!document.documentElement.attachShadow)return null;if("function"==typeof t.getRootNode){const e=t.getRootNode();return e instanceof ShadowRoot?e:null}return t instanceof ShadowRoot?t:t.parentNode?u(t.parentNode):null},_=()=>{},g=t=>{t.offsetHeight},f=()=>window.jQuery&&!document.body.hasAttribute("data-bs-no-jquery")?window.jQuery:null,m=[],p=()=>"rtl"===document.documentElement.dir,b=t=>{var e;e=()=>{const e=f();if(e){const i=t.NAME,s=e.fn[i];e.fn[i]=t.jQueryInterface,e.fn[i].Constructor=t,e.fn[i].noConflict=()=>(e.fn[i]=s,t.jQueryInterface)}},"loading"===document.readyState?(m.length||document.addEventListener("DOMContentLoaded",(()=>{for(const t of m)t()})),m.push(e)):e()},v=(t,e=[],i=t)=>"function"==typeof t?t(...e):i,y=(t,e,i=!0)=>{if(!i)return void v(t);const s=(t=>{if(!t)return 0;let{transitionDuration:e,transitionDelay:i}=window.getComputedStyle(t);const s=Number.parseFloat(e),n=Number.parseFloat(i);return s||n?(e=e.split(",")[0],i=i.split(",")[0],1e3*(Number.parseFloat(e)+Number.parseFloat(i))):0})(e)+5;let n=!1;const r=({target:i})=>{i===e&&(n=!0,e.removeEventListener(o,r),v(t))};e.addEventListener(o,r),setTimeout((()=>{n||a(e)}),s)},w=(t,e,i,s)=>{const n=t.length;let o=t.indexOf(e);return-1===o?!i&&s?t[n-1]:t[0]:(o+=i?1:-1,s&&(o=(o+n)%n),t[Math.max(0,Math.min(o,n-1))])},A=/[^.]*(?=\..*)\.|.*/,E=/\..*/,C=/::\d+$/,T={};let k=1;const $={mouseenter:"mouseover",mouseleave:"mouseout"},S=new Set(["click","dblclick","mouseup","mousedown","contextmenu","mousewheel","DOMMouseScroll","mouseover","mouseout","mousemove","selectstart","selectend","keydown","keypress","keyup","orientationchange","touchstart","touchmove","touchend","touchcancel","pointerdown","pointermove","pointerup","pointerleave","pointercancel","gesturestart","gesturechange","gestureend","focus","blur","change","reset","select","submit","focusin","focusout","load","unload","beforeunload","resize","move","DOMContentLoaded","readystatechange","error","abort","scroll"]);function L(t,e){return e&&`${e}::${k++}`||t.uidEvent||k++}function O(t){const e=L(t);return t.uidEvent=e,T[e]=T[e]||{},T[e]}function I(t,e,i=null){return Object.values(t).find((t=>t.callable===e&&t.delegationSelector===i))}function D(t,e,i){const s="string"==typeof e,n=s?i:e||i;let o=M(t);return S.has(o)||(o=t),[s,n,o]}function N(t,e,i,s,n){if("string"!=typeof e||!t)return;let[o,r,a]=D(e,i,s);if(e in $){const t=t=>function(e){if(!e.relatedTarget||e.relatedTarget!==e.delegateTarget&&!e.delegateTarget.contains(e.relatedTarget))return t.call(this,e)};r=t(r)}const l=O(t),c=l[a]||(l[a]={}),h=I(c,r,o?i:null);if(h)return void(h.oneOff=h.oneOff&&n);const d=L(r,e.replace(A,"")),u=o?function(t,e,i){return function s(n){const o=t.querySelectorAll(e);for(let{target:r}=n;r&&r!==this;r=r.parentNode)for(const a of o)if(a===r)return F(n,{delegateTarget:r}),s.oneOff&&j.off(t,n.type,e,i),i.apply(r,[n])}}(t,i,r):function(t,e){return function i(s){return F(s,{delegateTarget:t}),i.oneOff&&j.off(t,s.type,e),e.apply(t,[s])}}(t,r);u.delegationSelector=o?i:null,u.callable=r,u.oneOff=n,u.uidEvent=d,c[d]=u,t.addEventListener(a,u,o)}function P(t,e,i,s,n){const o=I(e[i],s,n);o&&(t.removeEventListener(i,o,Boolean(n)),delete e[i][o.uidEvent])}function x(t,e,i,s){const n=e[i]||{};for(const[o,r]of Object.entries(n))o.includes(s)&&P(t,e,i,r.callable,r.delegationSelector)}function M(t){return t=t.replace(E,""),$[t]||t}const j={on(t,e,i,s){N(t,e,i,s,!1)},one(t,e,i,s){N(t,e,i,s,!0)},off(t,e,i,s){if("string"!=typeof e||!t)return;const[n,o,r]=D(e,i,s),a=r!==e,l=O(t),c=l[r]||{},h=e.startsWith(".");if(void 0===o){if(h)for(const i of Object.keys(l))x(t,l,i,e.slice(1));for(const[i,s]of Object.entries(c)){const n=i.replace(C,"");a&&!e.includes(n)||P(t,l,r,s.callable,s.delegationSelector)}}else{if(!Object.keys(c).length)return;P(t,l,r,o,n?i:null)}},trigger(t,e,i){if("string"!=typeof e||!t)return null;const s=f();let n=null,o=!0,r=!0,a=!1;e!==M(e)&&s&&(n=s.Event(e,i),s(t).trigger(n),o=!n.isPropagationStopped(),r=!n.isImmediatePropagationStopped(),a=n.isDefaultPrevented());const l=F(new Event(e,{bubbles:o,cancelable:!0}),i);return a&&l.preventDefault(),r&&t.dispatchEvent(l),l.defaultPrevented&&n&&n.preventDefault(),l}};function F(t,e={}){for(const[i,s]of Object.entries(e))try{t[i]=s}catch(e){Object.defineProperty(t,i,{configurable:!0,get:()=>s})}return t}function z(t){if("true"===t)return!0;if("false"===t)return!1;if(t===Number(t).toString())return Number(t);if(""===t||"null"===t)return null;if("string"!=typeof t)return t;try{return JSON.parse(decodeURIComponent(t))}catch(e){return t}}function H(t){return t.replace(/[A-Z]/g,(t=>`-${t.toLowerCase()}`))}const B={setDataAttribute(t,e,i){t.setAttribute(`data-bs-${H(e)}`,i)},removeDataAttribute(t,e){t.removeAttribute(`data-bs-${H(e)}`)},getDataAttributes(t){if(!t)return{};const e={},i=Object.keys(t.dataset).filter((t=>t.startsWith("bs")&&!t.startsWith("bsConfig")));for(const s of i){let i=s.replace(/^bs/,"");i=i.charAt(0).toLowerCase()+i.slice(1,i.length),e[i]=z(t.dataset[s])}return e},getDataAttribute:(t,e)=>z(t.getAttribute(`data-bs-${H(e)}`))};class q{static get Default(){return{}}static get DefaultType(){return{}}static get NAME(){throw new Error('You have to implement the static method "NAME", for each component!')}_getConfig(t){return t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t}_mergeConfigObj(t,e){const i=l(e)?B.getDataAttribute(e,"config"):{};return{...this.constructor.Default,..."object"==typeof i?i:{},...l(e)?B.getDataAttributes(e):{},..."object"==typeof t?t:{}}}_typeCheckConfig(t,e=this.constructor.DefaultType){for(const[s,n]of Object.entries(e)){const e=t[s],o=l(e)?"element":null==(i=e)?`${i}`:Object.prototype.toString.call(i).match(/\s([a-z]+)/i)[1].toLowerCase();if(!new RegExp(n).test(o))throw new TypeError(`${this.constructor.NAME.toUpperCase()}: Option "${s}" provided type "${o}" but expected type "${n}".`)}var i}}class W extends q{constructor(t,e){super(),(t=c(t))&&(this._element=t,this._config=this._getConfig(e),n.set(this._element,this.constructor.DATA_KEY,this))}dispose(){n.remove(this._element,this.constructor.DATA_KEY),j.off(this._element,this.constructor.EVENT_KEY);for(const t of Object.getOwnPropertyNames(this))this[t]=null}_queueCallback(t,e,i=!0){y(t,e,i)}_getConfig(t){return t=this._mergeConfigObj(t,this._element),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}static getInstance(t){return n.get(c(t),this.DATA_KEY)}static getOrCreateInstance(t,e={}){return this.getInstance(t)||new this(t,"object"==typeof e?e:null)}static get VERSION(){return"5.3.2"}static get DATA_KEY(){return`bs.${this.NAME}`}static get EVENT_KEY(){return`.${this.DATA_KEY}`}static eventName(t){return`${t}${this.EVENT_KEY}`}}const R=t=>{let e=t.getAttribute("data-bs-target");if(!e||"#"===e){let i=t.getAttribute("href");if(!i||!i.includes("#")&&!i.startsWith("."))return null;i.includes("#")&&!i.startsWith("#")&&(i=`#${i.split("#")[1]}`),e=i&&"#"!==i?r(i.trim()):null}return e},K={find:(t,e=document.documentElement)=>[].concat(...Element.prototype.querySelectorAll.call(e,t)),findOne:(t,e=document.documentElement)=>Element.prototype.querySelector.call(e,t),children:(t,e)=>[].concat(...t.children).filter((t=>t.matches(e))),parents(t,e){const i=[];let s=t.parentNode.closest(e);for(;s;)i.push(s),s=s.parentNode.closest(e);return i},prev(t,e){let i=t.previousElementSibling;for(;i;){if(i.matches(e))return[i];i=i.previousElementSibling}return[]},next(t,e){let i=t.nextElementSibling;for(;i;){if(i.matches(e))return[i];i=i.nextElementSibling}return[]},focusableChildren(t){const e=["a","button","input","textarea","select","details","[tabindex]",'[contenteditable="true"]'].map((t=>`${t}:not([tabindex^="-"])`)).join(",");return this.find(e,t).filter((t=>!d(t)&&h(t)))},getSelectorFromElement(t){const e=R(t);return e&&K.findOne(e)?e:null},getElementFromSelector(t){const e=R(t);return e?K.findOne(e):null},getMultipleElementsFromSelector(t){const e=R(t);return e?K.find(e):[]}},V=(t,e="hide")=>{const i=`click.dismiss${t.EVENT_KEY}`,s=t.NAME;j.on(document,i,`[data-bs-dismiss="${s}"]`,(function(i){if(["A","AREA"].includes(this.tagName)&&i.preventDefault(),d(this))return;const n=K.getElementFromSelector(this)||this.closest(`.${s}`);t.getOrCreateInstance(n)[e]()}))},Q=".bs.alert",X=`close${Q}`,Y=`closed${Q}`;class U extends W{static get NAME(){return"alert"}close(){if(j.trigger(this._element,X).defaultPrevented)return;this._element.classList.remove("show");const t=this._element.classList.contains("fade");this._queueCallback((()=>this._destroyElement()),this._element,t)}_destroyElement(){this._element.remove(),j.trigger(this._element,Y),this.dispose()}static jQueryInterface(t){return this.each((function(){const e=U.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}V(U,"close"),b(U);const G='[data-bs-toggle="button"]';class J extends W{static get NAME(){return"button"}toggle(){this._element.setAttribute("aria-pressed",this._element.classList.toggle("active"))}static jQueryInterface(t){return this.each((function(){const e=J.getOrCreateInstance(this);"toggle"===t&&e[t]()}))}}j.on(document,"click.bs.button.data-api",G,(t=>{t.preventDefault();const e=t.target.closest(G);J.getOrCreateInstance(e).toggle()})),b(J);const Z=".bs.swipe",tt=`touchstart${Z}`,et=`touchmove${Z}`,it=`touchend${Z}`,st=`pointerdown${Z}`,nt=`pointerup${Z}`,ot={endCallback:null,leftCallback:null,rightCallback:null},rt={endCallback:"(function|null)",leftCallback:"(function|null)",rightCallback:"(function|null)"};class at extends q{constructor(t,e){super(),this._element=t,t&&at.isSupported()&&(this._config=this._getConfig(e),this._deltaX=0,this._supportPointerEvents=Boolean(window.PointerEvent),this._initEvents())}static get Default(){return ot}static get DefaultType(){return rt}static get NAME(){return"swipe"}dispose(){j.off(this._element,Z)}_start(t){this._supportPointerEvents?this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX):this._deltaX=t.touches[0].clientX}_end(t){this._eventIsPointerPenTouch(t)&&(this._deltaX=t.clientX-this._deltaX),this._handleSwipe(),v(this._config.endCallback)}_move(t){this._deltaX=t.touches&&t.touches.length>1?0:t.touches[0].clientX-this._deltaX}_handleSwipe(){const t=Math.abs(this._deltaX);if(t<=40)return;const e=t/this._deltaX;this._deltaX=0,e&&v(e>0?this._config.rightCallback:this._config.leftCallback)}_initEvents(){this._supportPointerEvents?(j.on(this._element,st,(t=>this._start(t))),j.on(this._element,nt,(t=>this._end(t))),this._element.classList.add("pointer-event")):(j.on(this._element,tt,(t=>this._start(t))),j.on(this._element,et,(t=>this._move(t))),j.on(this._element,it,(t=>this._end(t))))}_eventIsPointerPenTouch(t){return this._supportPointerEvents&&("pen"===t.pointerType||"touch"===t.pointerType)}static isSupported(){return"ontouchstart"in document.documentElement||navigator.maxTouchPoints>0}}const lt=".bs.carousel",ct=".data-api",ht="next",dt="prev",ut="left",_t="right",gt=`slide${lt}`,ft=`slid${lt}`,mt=`keydown${lt}`,pt=`mouseenter${lt}`,bt=`mouseleave${lt}`,vt=`dragstart${lt}`,yt=`load${lt}${ct}`,wt=`click${lt}${ct}`,At="carousel",Et="active",Ct=".active",Tt=".carousel-item",kt=Ct+Tt,$t={ArrowLeft:_t,ArrowRight:ut},St={interval:5e3,keyboard:!0,pause:"hover",ride:!1,touch:!0,wrap:!0},Lt={interval:"(number|boolean)",keyboard:"boolean",pause:"(string|boolean)",ride:"(boolean|string)",touch:"boolean",wrap:"boolean"};class Ot extends W{constructor(t,e){super(t,e),this._interval=null,this._activeElement=null,this._isSliding=!1,this.touchTimeout=null,this._swipeHelper=null,this._indicatorsElement=K.findOne(".carousel-indicators",this._element),this._addEventListeners(),this._config.ride===At&&this.cycle()}static get Default(){return St}static get DefaultType(){return Lt}static get NAME(){return"carousel"}next(){this._slide(ht)}nextWhenVisible(){!document.hidden&&h(this._element)&&this.next()}prev(){this._slide(dt)}pause(){this._isSliding&&a(this._element),this._clearInterval()}cycle(){this._clearInterval(),this._updateInterval(),this._interval=setInterval((()=>this.nextWhenVisible()),this._config.interval)}_maybeEnableCycle(){this._config.ride&&(this._isSliding?j.one(this._element,ft,(()=>this.cycle())):this.cycle())}to(t){const e=this._getItems();if(t>e.length-1||t<0)return;if(this._isSliding)return void j.one(this._element,ft,(()=>this.to(t)));const i=this._getItemIndex(this._getActive());if(i===t)return;const s=t>i?ht:dt;this._slide(s,e[t])}dispose(){this._swipeHelper&&this._swipeHelper.dispose(),super.dispose()}_configAfterMerge(t){return t.defaultInterval=t.interval,t}_addEventListeners(){this._config.keyboard&&j.on(this._element,mt,(t=>this._keydown(t))),"hover"===this._config.pause&&(j.on(this._element,pt,(()=>this.pause())),j.on(this._element,bt,(()=>this._maybeEnableCycle()))),this._config.touch&&at.isSupported()&&this._addTouchEventListeners()}_addTouchEventListeners(){for(const t of K.find(".carousel-item img",this._element))j.on(t,vt,(t=>t.preventDefault()));const t={leftCallback:()=>this._slide(this._directionToOrder(ut)),rightCallback:()=>this._slide(this._directionToOrder(_t)),endCallback:()=>{"hover"===this._config.pause&&(this.pause(),this.touchTimeout&&clearTimeout(this.touchTimeout),this.touchTimeout=setTimeout((()=>this._maybeEnableCycle()),500+this._config.interval))}};this._swipeHelper=new at(this._element,t)}_keydown(t){if(/input|textarea/i.test(t.target.tagName))return;const e=$t[t.key];e&&(t.preventDefault(),this._slide(this._directionToOrder(e)))}_getItemIndex(t){return this._getItems().indexOf(t)}_setActiveIndicatorElement(t){if(!this._indicatorsElement)return;const e=K.findOne(Ct,this._indicatorsElement);e.classList.remove(Et),e.removeAttribute("aria-current");const i=K.findOne(`[data-bs-slide-to="${t}"]`,this._indicatorsElement);i&&(i.classList.add(Et),i.setAttribute("aria-current","true"))}_updateInterval(){const t=this._activeElement||this._getActive();if(!t)return;const e=Number.parseInt(t.getAttribute("data-bs-interval"),10);this._config.interval=e||this._config.defaultInterval}_slide(t,e=null){if(this._isSliding)return;const i=this._getActive(),s=t===ht,n=e||w(this._getItems(),i,s,this._config.wrap);if(n===i)return;const o=this._getItemIndex(n),r=e=>j.trigger(this._element,e,{relatedTarget:n,direction:this._orderToDirection(t),from:this._getItemIndex(i),to:o});if(r(gt).defaultPrevented)return;if(!i||!n)return;const a=Boolean(this._interval);this.pause(),this._isSliding=!0,this._setActiveIndicatorElement(o),this._activeElement=n;const l=s?"carousel-item-start":"carousel-item-end",c=s?"carousel-item-next":"carousel-item-prev";n.classList.add(c),g(n),i.classList.add(l),n.classList.add(l),this._queueCallback((()=>{n.classList.remove(l,c),n.classList.add(Et),i.classList.remove(Et,c,l),this._isSliding=!1,r(ft)}),i,this._isAnimated()),a&&this.cycle()}_isAnimated(){return this._element.classList.contains("slide")}_getActive(){return K.findOne(kt,this._element)}_getItems(){return K.find(Tt,this._element)}_clearInterval(){this._interval&&(clearInterval(this._interval),this._interval=null)}_directionToOrder(t){return p()?t===ut?dt:ht:t===ut?ht:dt}_orderToDirection(t){return p()?t===dt?ut:_t:t===dt?_t:ut}static jQueryInterface(t){return this.each((function(){const e=Ot.getOrCreateInstance(this,t);if("number"!=typeof t){if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}else e.to(t)}))}}j.on(document,wt,"[data-bs-slide], [data-bs-slide-to]",(function(t){const e=K.getElementFromSelector(this);if(!e||!e.classList.contains(At))return;t.preventDefault();const i=Ot.getOrCreateInstance(e),s=this.getAttribute("data-bs-slide-to");return s?(i.to(s),void i._maybeEnableCycle()):"next"===B.getDataAttribute(this,"slide")?(i.next(),void i._maybeEnableCycle()):(i.prev(),void i._maybeEnableCycle())})),j.on(window,yt,(()=>{const t=K.find('[data-bs-ride="carousel"]');for(const e of t)Ot.getOrCreateInstance(e)})),b(Ot);const It=".bs.collapse",Dt=`show${It}`,Nt=`shown${It}`,Pt=`hide${It}`,xt=`hidden${It}`,Mt=`click${It}.data-api`,jt="show",Ft="collapse",zt="collapsing",Ht=`:scope .${Ft} .${Ft}`,Bt='[data-bs-toggle="collapse"]',qt={parent:null,toggle:!0},Wt={parent:"(null|element)",toggle:"boolean"};class Rt extends W{constructor(t,e){super(t,e),this._isTransitioning=!1,this._triggerArray=[];const i=K.find(Bt);for(const t of i){const e=K.getSelectorFromElement(t),i=K.find(e).filter((t=>t===this._element));null!==e&&i.length&&this._triggerArray.push(t)}this._initializeChildren(),this._config.parent||this._addAriaAndCollapsedClass(this._triggerArray,this._isShown()),this._config.toggle&&this.toggle()}static get Default(){return qt}static get DefaultType(){return Wt}static get NAME(){return"collapse"}toggle(){this._isShown()?this.hide():this.show()}show(){if(this._isTransitioning||this._isShown())return;let t=[];if(this._config.parent&&(t=this._getFirstLevelChildren(".collapse.show, .collapse.collapsing").filter((t=>t!==this._element)).map((t=>Rt.getOrCreateInstance(t,{toggle:!1})))),t.length&&t[0]._isTransitioning)return;if(j.trigger(this._element,Dt).defaultPrevented)return;for(const e of t)e.hide();const e=this._getDimension();this._element.classList.remove(Ft),this._element.classList.add(zt),this._element.style[e]=0,this._addAriaAndCollapsedClass(this._triggerArray,!0),this._isTransitioning=!0;const i=`scroll${e[0].toUpperCase()+e.slice(1)}`;this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(zt),this._element.classList.add(Ft,jt),this._element.style[e]="",j.trigger(this._element,Nt)}),this._element,!0),this._element.style[e]=`${this._element[i]}px`}hide(){if(this._isTransitioning||!this._isShown())return;if(j.trigger(this._element,Pt).defaultPrevented)return;const t=this._getDimension();this._element.style[t]=`${this._element.getBoundingClientRect()[t]}px`,g(this._element),this._element.classList.add(zt),this._element.classList.remove(Ft,jt);for(const t of this._triggerArray){const e=K.getElementFromSelector(t);e&&!this._isShown(e)&&this._addAriaAndCollapsedClass([t],!1)}this._isTransitioning=!0,this._element.style[t]="",this._queueCallback((()=>{this._isTransitioning=!1,this._element.classList.remove(zt),this._element.classList.add(Ft),j.trigger(this._element,xt)}),this._element,!0)}_isShown(t=this._element){return t.classList.contains(jt)}_configAfterMerge(t){return t.toggle=Boolean(t.toggle),t.parent=c(t.parent),t}_getDimension(){return this._element.classList.contains("collapse-horizontal")?"width":"height"}_initializeChildren(){if(!this._config.parent)return;const t=this._getFirstLevelChildren(Bt);for(const e of t){const t=K.getElementFromSelector(e);t&&this._addAriaAndCollapsedClass([e],this._isShown(t))}}_getFirstLevelChildren(t){const e=K.find(Ht,this._config.parent);return K.find(t,this._config.parent).filter((t=>!e.includes(t)))}_addAriaAndCollapsedClass(t,e){if(t.length)for(const i of t)i.classList.toggle("collapsed",!e),i.setAttribute("aria-expanded",e)}static jQueryInterface(t){const e={};return"string"==typeof t&&/show|hide/.test(t)&&(e.toggle=!1),this.each((function(){const i=Rt.getOrCreateInstance(this,e);if("string"==typeof t){if(void 0===i[t])throw new TypeError(`No method named "${t}"`);i[t]()}}))}}j.on(document,Mt,Bt,(function(t){("A"===t.target.tagName||t.delegateTarget&&"A"===t.delegateTarget.tagName)&&t.preventDefault();for(const t of K.getMultipleElementsFromSelector(this))Rt.getOrCreateInstance(t,{toggle:!1}).toggle()})),b(Rt);const Kt="dropdown",Vt=".bs.dropdown",Qt=".data-api",Xt="ArrowUp",Yt="ArrowDown",Ut=`hide${Vt}`,Gt=`hidden${Vt}`,Jt=`show${Vt}`,Zt=`shown${Vt}`,te=`click${Vt}${Qt}`,ee=`keydown${Vt}${Qt}`,ie=`keyup${Vt}${Qt}`,se="show",ne='[data-bs-toggle="dropdown"]:not(.disabled):not(:disabled)',oe=`${ne}.${se}`,re=".dropdown-menu",ae=p()?"top-end":"top-start",le=p()?"top-start":"top-end",ce=p()?"bottom-end":"bottom-start",he=p()?"bottom-start":"bottom-end",de=p()?"left-start":"right-start",ue=p()?"right-start":"left-start",_e={autoClose:!0,boundary:"clippingParents",display:"dynamic",offset:[0,2],popperConfig:null,reference:"toggle"},ge={autoClose:"(boolean|string)",boundary:"(string|element)",display:"string",offset:"(array|string|function)",popperConfig:"(null|object|function)",reference:"(string|element|object)"};class fe extends W{constructor(t,e){super(t,e),this._popper=null,this._parent=this._element.parentNode,this._menu=K.next(this._element,re)[0]||K.prev(this._element,re)[0]||K.findOne(re,this._parent),this._inNavbar=this._detectNavbar()}static get Default(){return _e}static get DefaultType(){return ge}static get NAME(){return Kt}toggle(){return this._isShown()?this.hide():this.show()}show(){if(d(this._element)||this._isShown())return;const t={relatedTarget:this._element};if(!j.trigger(this._element,Jt,t).defaultPrevented){if(this._createPopper(),"ontouchstart"in document.documentElement&&!this._parent.closest(".navbar-nav"))for(const t of[].concat(...document.body.children))j.on(t,"mouseover",_);this._element.focus(),this._element.setAttribute("aria-expanded",!0),this._menu.classList.add(se),this._element.classList.add(se),j.trigger(this._element,Zt,t)}}hide(){if(d(this._element)||!this._isShown())return;const t={relatedTarget:this._element};this._completeHide(t)}dispose(){this._popper&&this._popper.destroy(),super.dispose()}update(){this._inNavbar=this._detectNavbar(),this._popper&&this._popper.update()}_completeHide(t){if(!j.trigger(this._element,Ut,t).defaultPrevented){if("ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))j.off(t,"mouseover",_);this._popper&&this._popper.destroy(),this._menu.classList.remove(se),this._element.classList.remove(se),this._element.setAttribute("aria-expanded","false"),B.removeDataAttribute(this._menu,"popper"),j.trigger(this._element,Gt,t)}}_getConfig(t){if("object"==typeof(t=super._getConfig(t)).reference&&!l(t.reference)&&"function"!=typeof t.reference.getBoundingClientRect)throw new TypeError(`${Kt.toUpperCase()}: Option "reference" provided type "object" without a required "getBoundingClientRect" method.`);return t}_createPopper(){if(void 0===i)throw new TypeError("Bootstrap's dropdowns require Popper (https://popper.js.org)");let t=this._element;"parent"===this._config.reference?t=this._parent:l(this._config.reference)?t=c(this._config.reference):"object"==typeof this._config.reference&&(t=this._config.reference);const e=this._getPopperConfig();this._popper=i.createPopper(t,this._menu,e)}_isShown(){return this._menu.classList.contains(se)}_getPlacement(){const t=this._parent;if(t.classList.contains("dropend"))return de;if(t.classList.contains("dropstart"))return ue;if(t.classList.contains("dropup-center"))return"top";if(t.classList.contains("dropdown-center"))return"bottom";const e="end"===getComputedStyle(this._menu).getPropertyValue("--bs-position").trim();return t.classList.contains("dropup")?e?le:ae:e?he:ce}_detectNavbar(){return null!==this._element.closest(".navbar")}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_getPopperConfig(){const t={placement:this._getPlacement(),modifiers:[{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"offset",options:{offset:this._getOffset()}}]};return(this._inNavbar||"static"===this._config.display)&&(B.setDataAttribute(this._menu,"popper","static"),t.modifiers=[{name:"applyStyles",enabled:!1}]),{...t,...v(this._config.popperConfig,[t])}}_selectMenuItem({key:t,target:e}){const i=K.find(".dropdown-menu .dropdown-item:not(.disabled):not(:disabled)",this._menu).filter((t=>h(t)));i.length&&w(i,e,t===Yt,!i.includes(e)).focus()}static jQueryInterface(t){return this.each((function(){const e=fe.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}static clearMenus(t){if(2===t.button||"keyup"===t.type&&"Tab"!==t.key)return;const e=K.find(oe);for(const i of e){const e=fe.getInstance(i);if(!e||!1===e._config.autoClose)continue;const s=t.composedPath(),n=s.includes(e._menu);if(s.includes(e._element)||"inside"===e._config.autoClose&&!n||"outside"===e._config.autoClose&&n)continue;if(e._menu.contains(t.target)&&("keyup"===t.type&&"Tab"===t.key||/input|select|option|textarea|form/i.test(t.target.tagName)))continue;const o={relatedTarget:e._element};"click"===t.type&&(o.clickEvent=t),e._completeHide(o)}}static dataApiKeydownHandler(t){const e=/input|textarea/i.test(t.target.tagName),i="Escape"===t.key,s=[Xt,Yt].includes(t.key);if(!s&&!i)return;if(e&&!i)return;t.preventDefault();const n=this.matches(ne)?this:K.prev(this,ne)[0]||K.next(this,ne)[0]||K.findOne(ne,t.delegateTarget.parentNode),o=fe.getOrCreateInstance(n);if(s)return t.stopPropagation(),o.show(),void o._selectMenuItem(t);o._isShown()&&(t.stopPropagation(),o.hide(),n.focus())}}j.on(document,ee,ne,fe.dataApiKeydownHandler),j.on(document,ee,re,fe.dataApiKeydownHandler),j.on(document,te,fe.clearMenus),j.on(document,ie,fe.clearMenus),j.on(document,te,ne,(function(t){t.preventDefault(),fe.getOrCreateInstance(this).toggle()})),b(fe);const me="backdrop",pe="show",be=`mousedown.bs.${me}`,ve={className:"modal-backdrop",clickCallback:null,isAnimated:!1,isVisible:!0,rootElement:"body"},ye={className:"string",clickCallback:"(function|null)",isAnimated:"boolean",isVisible:"boolean",rootElement:"(element|string)"};class we extends q{constructor(t){super(),this._config=this._getConfig(t),this._isAppended=!1,this._element=null}static get Default(){return ve}static get DefaultType(){return ye}static get NAME(){return me}show(t){if(!this._config.isVisible)return void v(t);this._append();const e=this._getElement();this._config.isAnimated&&g(e),e.classList.add(pe),this._emulateAnimation((()=>{v(t)}))}hide(t){this._config.isVisible?(this._getElement().classList.remove(pe),this._emulateAnimation((()=>{this.dispose(),v(t)}))):v(t)}dispose(){this._isAppended&&(j.off(this._element,be),this._element.remove(),this._isAppended=!1)}_getElement(){if(!this._element){const t=document.createElement("div");t.className=this._config.className,this._config.isAnimated&&t.classList.add("fade"),this._element=t}return this._element}_configAfterMerge(t){return t.rootElement=c(t.rootElement),t}_append(){if(this._isAppended)return;const t=this._getElement();this._config.rootElement.append(t),j.on(t,be,(()=>{v(this._config.clickCallback)})),this._isAppended=!0}_emulateAnimation(t){y(t,this._getElement(),this._config.isAnimated)}}const Ae=".bs.focustrap",Ee=`focusin${Ae}`,Ce=`keydown.tab${Ae}`,Te="backward",ke={autofocus:!0,trapElement:null},$e={autofocus:"boolean",trapElement:"element"};class Se extends q{constructor(t){super(),this._config=this._getConfig(t),this._isActive=!1,this._lastTabNavDirection=null}static get Default(){return ke}static get DefaultType(){return $e}static get NAME(){return"focustrap"}activate(){this._isActive||(this._config.autofocus&&this._config.trapElement.focus(),j.off(document,Ae),j.on(document,Ee,(t=>this._handleFocusin(t))),j.on(document,Ce,(t=>this._handleKeydown(t))),this._isActive=!0)}deactivate(){this._isActive&&(this._isActive=!1,j.off(document,Ae))}_handleFocusin(t){const{trapElement:e}=this._config;if(t.target===document||t.target===e||e.contains(t.target))return;const i=K.focusableChildren(e);0===i.length?e.focus():this._lastTabNavDirection===Te?i[i.length-1].focus():i[0].focus()}_handleKeydown(t){"Tab"===t.key&&(this._lastTabNavDirection=t.shiftKey?Te:"forward")}}const Le=".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",Oe=".sticky-top",Ie="padding-right",De="margin-right";class Ne{constructor(){this._element=document.body}getWidth(){const t=document.documentElement.clientWidth;return Math.abs(window.innerWidth-t)}hide(){const t=this.getWidth();this._disableOverFlow(),this._setElementAttributes(this._element,Ie,(e=>e+t)),this._setElementAttributes(Le,Ie,(e=>e+t)),this._setElementAttributes(Oe,De,(e=>e-t))}reset(){this._resetElementAttributes(this._element,"overflow"),this._resetElementAttributes(this._element,Ie),this._resetElementAttributes(Le,Ie),this._resetElementAttributes(Oe,De)}isOverflowing(){return this.getWidth()>0}_disableOverFlow(){this._saveInitialAttribute(this._element,"overflow"),this._element.style.overflow="hidden"}_setElementAttributes(t,e,i){const s=this.getWidth();this._applyManipulationCallback(t,(t=>{if(t!==this._element&&window.innerWidth>t.clientWidth+s)return;this._saveInitialAttribute(t,e);const n=window.getComputedStyle(t).getPropertyValue(e);t.style.setProperty(e,`${i(Number.parseFloat(n))}px`)}))}_saveInitialAttribute(t,e){const i=t.style.getPropertyValue(e);i&&B.setDataAttribute(t,e,i)}_resetElementAttributes(t,e){this._applyManipulationCallback(t,(t=>{const i=B.getDataAttribute(t,e);null!==i?(B.removeDataAttribute(t,e),t.style.setProperty(e,i)):t.style.removeProperty(e)}))}_applyManipulationCallback(t,e){if(l(t))e(t);else for(const i of K.find(t,this._element))e(i)}}const Pe=".bs.modal",xe=`hide${Pe}`,Me=`hidePrevented${Pe}`,je=`hidden${Pe}`,Fe=`show${Pe}`,ze=`shown${Pe}`,He=`resize${Pe}`,Be=`click.dismiss${Pe}`,qe=`mousedown.dismiss${Pe}`,We=`keydown.dismiss${Pe}`,Re=`click${Pe}.data-api`,Ke="modal-open",Ve="show",Qe="modal-static",Xe={backdrop:!0,focus:!0,keyboard:!0},Ye={backdrop:"(boolean|string)",focus:"boolean",keyboard:"boolean"};class Ue extends W{constructor(t,e){super(t,e),this._dialog=K.findOne(".modal-dialog",this._element),this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._isShown=!1,this._isTransitioning=!1,this._scrollBar=new Ne,this._addEventListeners()}static get Default(){return Xe}static get DefaultType(){return Ye}static get NAME(){return"modal"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||this._isTransitioning||j.trigger(this._element,Fe,{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._isTransitioning=!0,this._scrollBar.hide(),document.body.classList.add(Ke),this._adjustDialog(),this._backdrop.show((()=>this._showElement(t))))}hide(){this._isShown&&!this._isTransitioning&&(j.trigger(this._element,xe).defaultPrevented||(this._isShown=!1,this._isTransitioning=!0,this._focustrap.deactivate(),this._element.classList.remove(Ve),this._queueCallback((()=>this._hideModal()),this._element,this._isAnimated())))}dispose(){j.off(window,Pe),j.off(this._dialog,Pe),this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}handleUpdate(){this._adjustDialog()}_initializeBackDrop(){return new we({isVisible:Boolean(this._config.backdrop),isAnimated:this._isAnimated()})}_initializeFocusTrap(){return new Se({trapElement:this._element})}_showElement(t){document.body.contains(this._element)||document.body.append(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.scrollTop=0;const e=K.findOne(".modal-body",this._dialog);e&&(e.scrollTop=0),g(this._element),this._element.classList.add(Ve),this._queueCallback((()=>{this._config.focus&&this._focustrap.activate(),this._isTransitioning=!1,j.trigger(this._element,ze,{relatedTarget:t})}),this._dialog,this._isAnimated())}_addEventListeners(){j.on(this._element,We,(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():this._triggerBackdropTransition())})),j.on(window,He,(()=>{this._isShown&&!this._isTransitioning&&this._adjustDialog()})),j.on(this._element,qe,(t=>{j.one(this._element,Be,(e=>{this._element===t.target&&this._element===e.target&&("static"!==this._config.backdrop?this._config.backdrop&&this.hide():this._triggerBackdropTransition())}))}))}_hideModal(){this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._isTransitioning=!1,this._backdrop.hide((()=>{document.body.classList.remove(Ke),this._resetAdjustments(),this._scrollBar.reset(),j.trigger(this._element,je)}))}_isAnimated(){return this._element.classList.contains("fade")}_triggerBackdropTransition(){if(j.trigger(this._element,Me).defaultPrevented)return;const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._element.style.overflowY;"hidden"===e||this._element.classList.contains(Qe)||(t||(this._element.style.overflowY="hidden"),this._element.classList.add(Qe),this._queueCallback((()=>{this._element.classList.remove(Qe),this._queueCallback((()=>{this._element.style.overflowY=e}),this._dialog)}),this._dialog),this._element.focus())}_adjustDialog(){const t=this._element.scrollHeight>document.documentElement.clientHeight,e=this._scrollBar.getWidth(),i=e>0;if(i&&!t){const t=p()?"paddingLeft":"paddingRight";this._element.style[t]=`${e}px`}if(!i&&t){const t=p()?"paddingRight":"paddingLeft";this._element.style[t]=`${e}px`}}_resetAdjustments(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}static jQueryInterface(t,e){return this.each((function(){const i=Ue.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===i[t])throw new TypeError(`No method named "${t}"`);i[t](e)}}))}}j.on(document,Re,'[data-bs-toggle="modal"]',(function(t){const e=K.getElementFromSelector(this);["A","AREA"].includes(this.tagName)&&t.preventDefault(),j.one(e,Fe,(t=>{t.defaultPrevented||j.one(e,je,(()=>{h(this)&&this.focus()}))}));const i=K.findOne(".modal.show");i&&Ue.getInstance(i).hide(),Ue.getOrCreateInstance(e).toggle(this)})),V(Ue),b(Ue);const Ge=".bs.offcanvas",Je=".data-api",Ze=`load${Ge}${Je}`,ti="show",ei="showing",ii="hiding",si=".offcanvas.show",ni=`show${Ge}`,oi=`shown${Ge}`,ri=`hide${Ge}`,ai=`hidePrevented${Ge}`,li=`hidden${Ge}`,ci=`resize${Ge}`,hi=`click${Ge}${Je}`,di=`keydown.dismiss${Ge}`,ui={backdrop:!0,keyboard:!0,scroll:!1},_i={backdrop:"(boolean|string)",keyboard:"boolean",scroll:"boolean"};class gi extends W{constructor(t,e){super(t,e),this._isShown=!1,this._backdrop=this._initializeBackDrop(),this._focustrap=this._initializeFocusTrap(),this._addEventListeners()}static get Default(){return ui}static get DefaultType(){return _i}static get NAME(){return"offcanvas"}toggle(t){return this._isShown?this.hide():this.show(t)}show(t){this._isShown||j.trigger(this._element,ni,{relatedTarget:t}).defaultPrevented||(this._isShown=!0,this._backdrop.show(),this._config.scroll||(new Ne).hide(),this._element.setAttribute("aria-modal",!0),this._element.setAttribute("role","dialog"),this._element.classList.add(ei),this._queueCallback((()=>{this._config.scroll&&!this._config.backdrop||this._focustrap.activate(),this._element.classList.add(ti),this._element.classList.remove(ei),j.trigger(this._element,oi,{relatedTarget:t})}),this._element,!0))}hide(){this._isShown&&(j.trigger(this._element,ri).defaultPrevented||(this._focustrap.deactivate(),this._element.blur(),this._isShown=!1,this._element.classList.add(ii),this._backdrop.hide(),this._queueCallback((()=>{this._element.classList.remove(ti,ii),this._element.removeAttribute("aria-modal"),this._element.removeAttribute("role"),this._config.scroll||(new Ne).reset(),j.trigger(this._element,li)}),this._element,!0)))}dispose(){this._backdrop.dispose(),this._focustrap.deactivate(),super.dispose()}_initializeBackDrop(){const t=Boolean(this._config.backdrop);return new we({className:"offcanvas-backdrop",isVisible:t,isAnimated:!0,rootElement:this._element.parentNode,clickCallback:t?()=>{"static"!==this._config.backdrop?this.hide():j.trigger(this._element,ai)}:null})}_initializeFocusTrap(){return new Se({trapElement:this._element})}_addEventListeners(){j.on(this._element,di,(t=>{"Escape"===t.key&&(this._config.keyboard?this.hide():j.trigger(this._element,ai))}))}static jQueryInterface(t){return this.each((function(){const e=gi.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}j.on(document,hi,'[data-bs-toggle="offcanvas"]',(function(t){const e=K.getElementFromSelector(this);if(["A","AREA"].includes(this.tagName)&&t.preventDefault(),d(this))return;j.one(e,li,(()=>{h(this)&&this.focus()}));const i=K.findOne(si);i&&i!==e&&gi.getInstance(i).hide(),gi.getOrCreateInstance(e).toggle(this)})),j.on(window,Ze,(()=>{for(const t of K.find(si))gi.getOrCreateInstance(t).show()})),j.on(window,ci,(()=>{for(const t of K.find("[aria-modal][class*=show][class*=offcanvas-]"))"fixed"!==getComputedStyle(t).position&&gi.getOrCreateInstance(t).hide()})),V(gi),b(gi);const fi={"*":["class","dir","id","lang","role",/^aria-[\w-]*$/i],a:["target","href","title","rel"],area:[],b:[],br:[],col:[],code:[],div:[],em:[],hr:[],h1:[],h2:[],h3:[],h4:[],h5:[],h6:[],i:[],img:["src","srcset","alt","title","width","height"],li:[],ol:[],p:[],pre:[],s:[],small:[],span:[],sub:[],sup:[],strong:[],u:[],ul:[]},mi=new Set(["background","cite","href","itemtype","longdesc","poster","src","xlink:href"]),pi=/^(?!javascript:)(?:[a-z0-9+.-]+:|[^&:/?#]*(?:[/?#]|$))/i,bi=(t,e)=>{const i=t.nodeName.toLowerCase();return e.includes(i)?!mi.has(i)||Boolean(pi.test(t.nodeValue)):e.filter((t=>t instanceof RegExp)).some((t=>t.test(i)))},vi={allowList:fi,content:{},extraClass:"",html:!1,sanitize:!0,sanitizeFn:null,template:"
"},yi={allowList:"object",content:"object",extraClass:"(string|function)",html:"boolean",sanitize:"boolean",sanitizeFn:"(null|function)",template:"string"},wi={entry:"(string|element|function|null)",selector:"(string|element)"};class Ai extends q{constructor(t){super(),this._config=this._getConfig(t)}static get Default(){return vi}static get DefaultType(){return yi}static get NAME(){return"TemplateFactory"}getContent(){return Object.values(this._config.content).map((t=>this._resolvePossibleFunction(t))).filter(Boolean)}hasContent(){return this.getContent().length>0}changeContent(t){return this._checkContent(t),this._config.content={...this._config.content,...t},this}toHtml(){const t=document.createElement("div");t.innerHTML=this._maybeSanitize(this._config.template);for(const[e,i]of Object.entries(this._config.content))this._setContent(t,i,e);const e=t.children[0],i=this._resolvePossibleFunction(this._config.extraClass);return i&&e.classList.add(...i.split(" ")),e}_typeCheckConfig(t){super._typeCheckConfig(t),this._checkContent(t.content)}_checkContent(t){for(const[e,i]of Object.entries(t))super._typeCheckConfig({selector:e,entry:i},wi)}_setContent(t,e,i){const s=K.findOne(i,t);s&&((e=this._resolvePossibleFunction(e))?l(e)?this._putElementInTemplate(c(e),s):this._config.html?s.innerHTML=this._maybeSanitize(e):s.textContent=e:s.remove())}_maybeSanitize(t){return this._config.sanitize?function(t,e,i){if(!t.length)return t;if(i&&"function"==typeof i)return i(t);const s=(new window.DOMParser).parseFromString(t,"text/html"),n=[].concat(...s.body.querySelectorAll("*"));for(const t of n){const i=t.nodeName.toLowerCase();if(!Object.keys(e).includes(i)){t.remove();continue}const s=[].concat(...t.attributes),n=[].concat(e["*"]||[],e[i]||[]);for(const e of s)bi(e,n)||t.removeAttribute(e.nodeName)}return s.body.innerHTML}(t,this._config.allowList,this._config.sanitizeFn):t}_resolvePossibleFunction(t){return v(t,[this])}_putElementInTemplate(t,e){if(this._config.html)return e.innerHTML="",void e.append(t);e.textContent=t.textContent}}const Ei=new Set(["sanitize","allowList","sanitizeFn"]),Ci="fade",Ti="show",ki=".modal",$i="hide.bs.modal",Si="hover",Li="focus",Oi={AUTO:"auto",TOP:"top",RIGHT:p()?"left":"right",BOTTOM:"bottom",LEFT:p()?"right":"left"},Ii={allowList:fi,animation:!0,boundary:"clippingParents",container:!1,customClass:"",delay:0,fallbackPlacements:["top","right","bottom","left"],html:!1,offset:[0,6],placement:"top",popperConfig:null,sanitize:!0,sanitizeFn:null,selector:!1,template:'',title:"",trigger:"hover focus"},Di={allowList:"object",animation:"boolean",boundary:"(string|element)",container:"(string|element|boolean)",customClass:"(string|function)",delay:"(number|object)",fallbackPlacements:"array",html:"boolean",offset:"(array|string|function)",placement:"(string|function)",popperConfig:"(null|object|function)",sanitize:"boolean",sanitizeFn:"(null|function)",selector:"(string|boolean)",template:"string",title:"(string|element|function)",trigger:"string"};class Ni extends W{constructor(t,e){if(void 0===i)throw new TypeError("Bootstrap's tooltips require Popper (https://popper.js.org)");super(t,e),this._isEnabled=!0,this._timeout=0,this._isHovered=null,this._activeTrigger={},this._popper=null,this._templateFactory=null,this._newContent=null,this.tip=null,this._setListeners(),this._config.selector||this._fixTitle()}static get Default(){return Ii}static get DefaultType(){return Di}static get NAME(){return"tooltip"}enable(){this._isEnabled=!0}disable(){this._isEnabled=!1}toggleEnabled(){this._isEnabled=!this._isEnabled}toggle(){this._isEnabled&&(this._activeTrigger.click=!this._activeTrigger.click,this._isShown()?this._leave():this._enter())}dispose(){clearTimeout(this._timeout),j.off(this._element.closest(ki),$i,this._hideModalHandler),this._element.getAttribute("data-bs-original-title")&&this._element.setAttribute("title",this._element.getAttribute("data-bs-original-title")),this._disposePopper(),super.dispose()}show(){if("none"===this._element.style.display)throw new Error("Please use show on visible elements");if(!this._isWithContent()||!this._isEnabled)return;const t=j.trigger(this._element,this.constructor.eventName("show")),e=(u(this._element)||this._element.ownerDocument.documentElement).contains(this._element);if(t.defaultPrevented||!e)return;this._disposePopper();const i=this._getTipElement();this._element.setAttribute("aria-describedby",i.getAttribute("id"));const{container:s}=this._config;if(this._element.ownerDocument.documentElement.contains(this.tip)||(s.append(i),j.trigger(this._element,this.constructor.eventName("inserted"))),this._popper=this._createPopper(i),i.classList.add(Ti),"ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))j.on(t,"mouseover",_);this._queueCallback((()=>{j.trigger(this._element,this.constructor.eventName("shown")),!1===this._isHovered&&this._leave(),this._isHovered=!1}),this.tip,this._isAnimated())}hide(){if(this._isShown()&&!j.trigger(this._element,this.constructor.eventName("hide")).defaultPrevented){if(this._getTipElement().classList.remove(Ti),"ontouchstart"in document.documentElement)for(const t of[].concat(...document.body.children))j.off(t,"mouseover",_);this._activeTrigger.click=!1,this._activeTrigger[Li]=!1,this._activeTrigger[Si]=!1,this._isHovered=null,this._queueCallback((()=>{this._isWithActiveTrigger()||(this._isHovered||this._disposePopper(),this._element.removeAttribute("aria-describedby"),j.trigger(this._element,this.constructor.eventName("hidden")))}),this.tip,this._isAnimated())}}update(){this._popper&&this._popper.update()}_isWithContent(){return Boolean(this._getTitle())}_getTipElement(){return this.tip||(this.tip=this._createTipElement(this._newContent||this._getContentForTemplate())),this.tip}_createTipElement(t){const e=this._getTemplateFactory(t).toHtml();if(!e)return null;e.classList.remove(Ci,Ti),e.classList.add(`bs-${this.constructor.NAME}-auto`);const i=(t=>{do{t+=Math.floor(1e6*Math.random())}while(document.getElementById(t));return t})(this.constructor.NAME).toString();return e.setAttribute("id",i),this._isAnimated()&&e.classList.add(Ci),e}setContent(t){this._newContent=t,this._isShown()&&(this._disposePopper(),this.show())}_getTemplateFactory(t){return this._templateFactory?this._templateFactory.changeContent(t):this._templateFactory=new Ai({...this._config,content:t,extraClass:this._resolvePossibleFunction(this._config.customClass)}),this._templateFactory}_getContentForTemplate(){return{".tooltip-inner":this._getTitle()}}_getTitle(){return this._resolvePossibleFunction(this._config.title)||this._element.getAttribute("data-bs-original-title")}_initializeOnDelegatedTarget(t){return this.constructor.getOrCreateInstance(t.delegateTarget,this._getDelegateConfig())}_isAnimated(){return this._config.animation||this.tip&&this.tip.classList.contains(Ci)}_isShown(){return this.tip&&this.tip.classList.contains(Ti)}_createPopper(t){const e=v(this._config.placement,[this,t,this._element]),s=Oi[e.toUpperCase()];return i.createPopper(this._element,t,this._getPopperConfig(s))}_getOffset(){const{offset:t}=this._config;return"string"==typeof t?t.split(",").map((t=>Number.parseInt(t,10))):"function"==typeof t?e=>t(e,this._element):t}_resolvePossibleFunction(t){return v(t,[this._element])}_getPopperConfig(t){const e={placement:t,modifiers:[{name:"flip",options:{fallbackPlacements:this._config.fallbackPlacements}},{name:"offset",options:{offset:this._getOffset()}},{name:"preventOverflow",options:{boundary:this._config.boundary}},{name:"arrow",options:{element:`.${this.constructor.NAME}-arrow`}},{name:"preSetPlacement",enabled:!0,phase:"beforeMain",fn:t=>{this._getTipElement().setAttribute("data-popper-placement",t.state.placement)}}]};return{...e,...v(this._config.popperConfig,[e])}}_setListeners(){const t=this._config.trigger.split(" ");for(const e of t)if("click"===e)j.on(this._element,this.constructor.eventName("click"),this._config.selector,(t=>{this._initializeOnDelegatedTarget(t).toggle()}));else if("manual"!==e){const t=e===Si?this.constructor.eventName("mouseenter"):this.constructor.eventName("focusin"),i=e===Si?this.constructor.eventName("mouseleave"):this.constructor.eventName("focusout");j.on(this._element,t,this._config.selector,(t=>{const e=this._initializeOnDelegatedTarget(t);e._activeTrigger["focusin"===t.type?Li:Si]=!0,e._enter()})),j.on(this._element,i,this._config.selector,(t=>{const e=this._initializeOnDelegatedTarget(t);e._activeTrigger["focusout"===t.type?Li:Si]=e._element.contains(t.relatedTarget),e._leave()}))}this._hideModalHandler=()=>{this._element&&this.hide()},j.on(this._element.closest(ki),$i,this._hideModalHandler)}_fixTitle(){const t=this._element.getAttribute("title");t&&(this._element.getAttribute("aria-label")||this._element.textContent.trim()||this._element.setAttribute("aria-label",t),this._element.setAttribute("data-bs-original-title",t),this._element.removeAttribute("title"))}_enter(){this._isShown()||this._isHovered?this._isHovered=!0:(this._isHovered=!0,this._setTimeout((()=>{this._isHovered&&this.show()}),this._config.delay.show))}_leave(){this._isWithActiveTrigger()||(this._isHovered=!1,this._setTimeout((()=>{this._isHovered||this.hide()}),this._config.delay.hide))}_setTimeout(t,e){clearTimeout(this._timeout),this._timeout=setTimeout(t,e)}_isWithActiveTrigger(){return Object.values(this._activeTrigger).includes(!0)}_getConfig(t){const e=B.getDataAttributes(this._element);for(const t of Object.keys(e))Ei.has(t)&&delete e[t];return t={...e,..."object"==typeof t&&t?t:{}},t=this._mergeConfigObj(t),t=this._configAfterMerge(t),this._typeCheckConfig(t),t}_configAfterMerge(t){return t.container=!1===t.container?document.body:c(t.container),"number"==typeof t.delay&&(t.delay={show:t.delay,hide:t.delay}),"number"==typeof t.title&&(t.title=t.title.toString()),"number"==typeof t.content&&(t.content=t.content.toString()),t}_getDelegateConfig(){const t={};for(const[e,i]of Object.entries(this._config))this.constructor.Default[e]!==i&&(t[e]=i);return t.selector=!1,t.trigger="manual",t}_disposePopper(){this._popper&&(this._popper.destroy(),this._popper=null),this.tip&&(this.tip.remove(),this.tip=null)}static jQueryInterface(t){return this.each((function(){const e=Ni.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}b(Ni);const Pi={...Ni.Default,content:"",offset:[0,8],placement:"right",template:'',trigger:"click"},xi={...Ni.DefaultType,content:"(null|string|element|function)"};class Mi extends Ni{static get Default(){return Pi}static get DefaultType(){return xi}static get NAME(){return"popover"}_isWithContent(){return this._getTitle()||this._getContent()}_getContentForTemplate(){return{".popover-header":this._getTitle(),".popover-body":this._getContent()}}_getContent(){return this._resolvePossibleFunction(this._config.content)}static jQueryInterface(t){return this.each((function(){const e=Mi.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t]()}}))}}b(Mi);const ji=".bs.scrollspy",Fi=`activate${ji}`,zi=`click${ji}`,Hi=`load${ji}.data-api`,Bi="active",qi="[href]",Wi=".nav-link",Ri=`${Wi}, .nav-item > ${Wi}, .list-group-item`,Ki={offset:null,rootMargin:"0px 0px -25%",smoothScroll:!1,target:null,threshold:[.1,.5,1]},Vi={offset:"(number|null)",rootMargin:"string",smoothScroll:"boolean",target:"element",threshold:"array"};class Qi extends W{constructor(t,e){super(t,e),this._targetLinks=new Map,this._observableSections=new Map,this._rootElement="visible"===getComputedStyle(this._element).overflowY?null:this._element,this._activeTarget=null,this._observer=null,this._previousScrollData={visibleEntryTop:0,parentScrollTop:0},this.refresh()}static get Default(){return Ki}static get DefaultType(){return Vi}static get NAME(){return"scrollspy"}refresh(){this._initializeTargetsAndObservables(),this._maybeEnableSmoothScroll(),this._observer?this._observer.disconnect():this._observer=this._getNewObserver();for(const t of this._observableSections.values())this._observer.observe(t)}dispose(){this._observer.disconnect(),super.dispose()}_configAfterMerge(t){return t.target=c(t.target)||document.body,t.rootMargin=t.offset?`${t.offset}px 0px -30%`:t.rootMargin,"string"==typeof t.threshold&&(t.threshold=t.threshold.split(",").map((t=>Number.parseFloat(t)))),t}_maybeEnableSmoothScroll(){this._config.smoothScroll&&(j.off(this._config.target,zi),j.on(this._config.target,zi,qi,(t=>{const e=this._observableSections.get(t.target.hash);if(e){t.preventDefault();const i=this._rootElement||window,s=e.offsetTop-this._element.offsetTop;if(i.scrollTo)return void i.scrollTo({top:s,behavior:"smooth"});i.scrollTop=s}})))}_getNewObserver(){const t={root:this._rootElement,threshold:this._config.threshold,rootMargin:this._config.rootMargin};return new IntersectionObserver((t=>this._observerCallback(t)),t)}_observerCallback(t){const e=t=>this._targetLinks.get(`#${t.target.id}`),i=t=>{this._previousScrollData.visibleEntryTop=t.target.offsetTop,this._process(e(t))},s=(this._rootElement||document.documentElement).scrollTop,n=s>=this._previousScrollData.parentScrollTop;this._previousScrollData.parentScrollTop=s;for(const o of t){if(!o.isIntersecting){this._activeTarget=null,this._clearActiveClass(e(o));continue}const t=o.target.offsetTop>=this._previousScrollData.visibleEntryTop;if(n&&t){if(i(o),!s)return}else n||t||i(o)}}_initializeTargetsAndObservables(){this._targetLinks=new Map,this._observableSections=new Map;const t=K.find(qi,this._config.target);for(const e of t){if(!e.hash||d(e))continue;const t=K.findOne(decodeURI(e.hash),this._element);h(t)&&(this._targetLinks.set(decodeURI(e.hash),e),this._observableSections.set(e.hash,t))}}_process(t){this._activeTarget!==t&&(this._clearActiveClass(this._config.target),this._activeTarget=t,t.classList.add(Bi),this._activateParents(t),j.trigger(this._element,Fi,{relatedTarget:t}))}_activateParents(t){if(t.classList.contains("dropdown-item"))K.findOne(".dropdown-toggle",t.closest(".dropdown")).classList.add(Bi);else for(const e of K.parents(t,".nav, .list-group"))for(const t of K.prev(e,Ri))t.classList.add(Bi)}_clearActiveClass(t){t.classList.remove(Bi);const e=K.find(`${qi}.${Bi}`,t);for(const t of e)t.classList.remove(Bi)}static jQueryInterface(t){return this.each((function(){const e=Qi.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}))}}j.on(window,Hi,(()=>{for(const t of K.find('[data-bs-spy="scroll"]'))Qi.getOrCreateInstance(t)})),b(Qi);const Xi=".bs.tab",Yi=`hide${Xi}`,Ui=`hidden${Xi}`,Gi=`show${Xi}`,Ji=`shown${Xi}`,Zi=`click${Xi}`,ts=`keydown${Xi}`,es=`load${Xi}`,is="ArrowLeft",ss="ArrowRight",ns="ArrowUp",os="ArrowDown",rs="Home",as="End",ls="active",cs="fade",hs="show",ds=".dropdown-toggle",us=`:not(${ds})`,_s='[data-bs-toggle="tab"], [data-bs-toggle="pill"], [data-bs-toggle="list"]',gs=`.nav-link${us}, .list-group-item${us}, [role="tab"]${us}, ${_s}`,fs=`.${ls}[data-bs-toggle="tab"], .${ls}[data-bs-toggle="pill"], .${ls}[data-bs-toggle="list"]`;class ms extends W{constructor(t){super(t),this._parent=this._element.closest('.list-group, .nav, [role="tablist"]'),this._parent&&(this._setInitialAttributes(this._parent,this._getChildren()),j.on(this._element,ts,(t=>this._keydown(t))))}static get NAME(){return"tab"}show(){const t=this._element;if(this._elemIsActive(t))return;const e=this._getActiveElem(),i=e?j.trigger(e,Yi,{relatedTarget:t}):null;j.trigger(t,Gi,{relatedTarget:e}).defaultPrevented||i&&i.defaultPrevented||(this._deactivate(e,t),this._activate(t,e))}_activate(t,e){t&&(t.classList.add(ls),this._activate(K.getElementFromSelector(t)),this._queueCallback((()=>{"tab"===t.getAttribute("role")?(t.removeAttribute("tabindex"),t.setAttribute("aria-selected",!0),this._toggleDropDown(t,!0),j.trigger(t,Ji,{relatedTarget:e})):t.classList.add(hs)}),t,t.classList.contains(cs)))}_deactivate(t,e){t&&(t.classList.remove(ls),t.blur(),this._deactivate(K.getElementFromSelector(t)),this._queueCallback((()=>{"tab"===t.getAttribute("role")?(t.setAttribute("aria-selected",!1),t.setAttribute("tabindex","-1"),this._toggleDropDown(t,!1),j.trigger(t,Ui,{relatedTarget:e})):t.classList.remove(hs)}),t,t.classList.contains(cs)))}_keydown(t){if(![is,ss,ns,os,rs,as].includes(t.key))return;t.stopPropagation(),t.preventDefault();const e=this._getChildren().filter((t=>!d(t)));let i;if([rs,as].includes(t.key))i=e[t.key===rs?0:e.length-1];else{const s=[ss,os].includes(t.key);i=w(e,t.target,s,!0)}i&&(i.focus({preventScroll:!0}),ms.getOrCreateInstance(i).show())}_getChildren(){return K.find(gs,this._parent)}_getActiveElem(){return this._getChildren().find((t=>this._elemIsActive(t)))||null}_setInitialAttributes(t,e){this._setAttributeIfNotExists(t,"role","tablist");for(const t of e)this._setInitialAttributesOnChild(t)}_setInitialAttributesOnChild(t){t=this._getInnerElement(t);const e=this._elemIsActive(t),i=this._getOuterElement(t);t.setAttribute("aria-selected",e),i!==t&&this._setAttributeIfNotExists(i,"role","presentation"),e||t.setAttribute("tabindex","-1"),this._setAttributeIfNotExists(t,"role","tab"),this._setInitialAttributesOnTargetPanel(t)}_setInitialAttributesOnTargetPanel(t){const e=K.getElementFromSelector(t);e&&(this._setAttributeIfNotExists(e,"role","tabpanel"),t.id&&this._setAttributeIfNotExists(e,"aria-labelledby",`${t.id}`))}_toggleDropDown(t,e){const i=this._getOuterElement(t);if(!i.classList.contains("dropdown"))return;const s=(t,s)=>{const n=K.findOne(t,i);n&&n.classList.toggle(s,e)};s(ds,ls),s(".dropdown-menu",hs),i.setAttribute("aria-expanded",e)}_setAttributeIfNotExists(t,e,i){t.hasAttribute(e)||t.setAttribute(e,i)}_elemIsActive(t){return t.classList.contains(ls)}_getInnerElement(t){return t.matches(gs)?t:K.findOne(gs,t)}_getOuterElement(t){return t.closest(".nav-item, .list-group-item")||t}static jQueryInterface(t){return this.each((function(){const e=ms.getOrCreateInstance(this);if("string"==typeof t){if(void 0===e[t]||t.startsWith("_")||"constructor"===t)throw new TypeError(`No method named "${t}"`);e[t]()}}))}}j.on(document,Zi,_s,(function(t){["A","AREA"].includes(this.tagName)&&t.preventDefault(),d(this)||ms.getOrCreateInstance(this).show()})),j.on(window,es,(()=>{for(const t of K.find(fs))ms.getOrCreateInstance(t)})),b(ms);const ps=".bs.toast",bs=`mouseover${ps}`,vs=`mouseout${ps}`,ys=`focusin${ps}`,ws=`focusout${ps}`,As=`hide${ps}`,Es=`hidden${ps}`,Cs=`show${ps}`,Ts=`shown${ps}`,ks="hide",$s="show",Ss="showing",Ls={animation:"boolean",autohide:"boolean",delay:"number"},Os={animation:!0,autohide:!0,delay:5e3};class Is extends W{constructor(t,e){super(t,e),this._timeout=null,this._hasMouseInteraction=!1,this._hasKeyboardInteraction=!1,this._setListeners()}static get Default(){return Os}static get DefaultType(){return Ls}static get NAME(){return"toast"}show(){j.trigger(this._element,Cs).defaultPrevented||(this._clearTimeout(),this._config.animation&&this._element.classList.add("fade"),this._element.classList.remove(ks),g(this._element),this._element.classList.add($s,Ss),this._queueCallback((()=>{this._element.classList.remove(Ss),j.trigger(this._element,Ts),this._maybeScheduleHide()}),this._element,this._config.animation))}hide(){this.isShown()&&(j.trigger(this._element,As).defaultPrevented||(this._element.classList.add(Ss),this._queueCallback((()=>{this._element.classList.add(ks),this._element.classList.remove(Ss,$s),j.trigger(this._element,Es)}),this._element,this._config.animation)))}dispose(){this._clearTimeout(),this.isShown()&&this._element.classList.remove($s),super.dispose()}isShown(){return this._element.classList.contains($s)}_maybeScheduleHide(){this._config.autohide&&(this._hasMouseInteraction||this._hasKeyboardInteraction||(this._timeout=setTimeout((()=>{this.hide()}),this._config.delay)))}_onInteraction(t,e){switch(t.type){case"mouseover":case"mouseout":this._hasMouseInteraction=e;break;case"focusin":case"focusout":this._hasKeyboardInteraction=e}if(e)return void this._clearTimeout();const i=t.relatedTarget;this._element===i||this._element.contains(i)||this._maybeScheduleHide()}_setListeners(){j.on(this._element,bs,(t=>this._onInteraction(t,!0))),j.on(this._element,vs,(t=>this._onInteraction(t,!1))),j.on(this._element,ys,(t=>this._onInteraction(t,!0))),j.on(this._element,ws,(t=>this._onInteraction(t,!1)))}_clearTimeout(){clearTimeout(this._timeout),this._timeout=null}static jQueryInterface(t){return this.each((function(){const e=Is.getOrCreateInstance(this,t);if("string"==typeof t){if(void 0===e[t])throw new TypeError(`No method named "${t}"`);e[t](this)}}))}}return V(Is),b(Is),{Alert:U,Button:J,Carousel:Ot,Collapse:Rt,Dropdown:fe,Modal:Ue,Offcanvas:gi,Popover:Mi,ScrollSpy:Qi,Tab:ms,Toast:Is,Tooltip:Ni}})); +//# sourceMappingURL=bootstrap.min.js.map \ No newline at end of file diff --git a/apps/static/assets/css/adminator.css b/apps/static/assets/css/adminator.css index 70671cf..52ab7cb 100644 --- a/apps/static/assets/css/adminator.css +++ b/apps/static/assets/css/adminator.css @@ -1,3 +1,45556 @@ + +.sidebar { + bottom: 0; + overflow: hidden; + position: fixed; + top: 0; + transition: all 0.2s ease; + width: 280px; + z-index: 1000; + } + .sidebar ul { + list-style-type: none; + } + @media screen and (min-width: 992px) and (max-width: 1439px) { + .sidebar { + width: 70px; + } + .sidebar .sidebar-inner .sidebar-logo { + border-bottom: 1px solid transparent; + padding: 0; + } + .sidebar .sidebar-inner .sidebar-logo a .logo { + background-position: center center; + width: 70px; + } + .sidebar .sidebar-inner .sidebar-menu { + overflow-x: hidden; + } + .sidebar .sidebar-inner .sidebar-menu > li > a .title { + display: none; + } + .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow { + opacity: 0; + } + .sidebar .sidebar-inner .sidebar-menu li.dropdown.open ul.dropdown-menu { + display: none !important; + } + .sidebar:hover { + width: 280px; + } + .sidebar:hover .sidebar-inner .sidebar-logo { + border-bottom: 1px solid rgba(0, 0, 0, 0.0625); + padding: 0 20px; + } + .sidebar:hover .sidebar-inner .sidebar-menu > li > a .title { + display: inline-block; + } + .sidebar:hover .sidebar-inner .sidebar-menu li.dropdown .arrow { + opacity: 1; + } + .sidebar:hover .sidebar-inner .sidebar-menu li.open > ul.dropdown-menu { + display: block !important; + } + } + @media screen and (max-width: 991px) { + .sidebar { + left: -280px; + width: calc(280px - 30px); + } + } + + .sidebar-inner { + position: relative; + height: 100%; + } + + .sidebar-logo { + border-bottom: 1px solid rgba(0, 0, 0, 0.0625); + border-right: 1px solid rgba(0, 0, 0, 0.0625); + line-height: 0; + padding: 0 20px; + transition: all 0.2s ease; + } + .sidebar-logo a { + display: inline-block; + width: 100%; + } + .sidebar-logo a .logo { + background-position: center left; + background-repeat: no-repeat; + display: inline-block; + min-height: calc(65px - 1px); + width: 100%; + width: 70px; + } + .sidebar-logo a .logo-text { + color: #313435; + } + .sidebar-logo .mobile-toggle { + display: none; + float: right; + font-size: 18px; + line-height: calc(65px - 1px); + } + .sidebar-logo .mobile-toggle a { + color: #72777a; + } + @media screen and (max-width: 991px) { + .sidebar-logo .mobile-toggle { + display: inline-block; + } + } + @media screen and (min-width: 992px) and (max-width: 1439px) { + .sidebar-logo .mobile-toggle { + display: none; + } + } + + .sidebar-menu { + border-right: 1px solid rgba(0, 0, 0, 0.0625); + height: calc(100vh - 65px); + list-style: none; + margin: 0; + overflow: auto; + padding: 0; + position: relative; + } + .sidebar-menu::after { + display: block; + clear: both; + content: ""; + } + .sidebar-menu .dropdown-toggle::after { + display: none; + } + .sidebar-menu .sidebar-link.actived::before { + background: #2196f3; + border-radius: 50%; + content: ""; + display: block; + height: 8px; + left: -4px; + position: absolute; + top: calc(50% - 4px); + width: 8px; + } + .sidebar-menu li { + position: relative; + } + .sidebar-menu li.dropdown .arrow { + font-size: 10px; + line-height: 40px; + position: absolute; + right: 30px; + transition: all 0.05s ease-in; + } + @media screen and (max-width: 991px) { + .sidebar-menu li.dropdown .arrow { + right: 25px; + } + } + .sidebar-menu li.dropdown.open > a { + color: #313435; + } + .sidebar-menu li.dropdown.open > a .icon-holder { + color: #0f9aee; + } + .sidebar-menu li.dropdown.open > a > .arrow { + transform: rotate(90deg); + } + .sidebar-menu li.dropdown.open > .dropdown-menu { + display: block; + } + .sidebar-menu li.dropdown.open > .dropdown-menu .dropdown-menu { + padding-left: 20px; + } + .sidebar-menu li.dropdown.open > .dropdown-menu .arrow { + line-height: 25px; + } + .sidebar-menu li a { + color: #72777a; + transition: all 0.3s ease; + } + .sidebar-menu li a:hover, .sidebar-menu li a:focus { + color: #313435; + text-decoration: none; + } + .sidebar-menu li a:hover .icon-holder, .sidebar-menu li a:focus .icon-holder { + color: #0f9aee; + } + .sidebar-menu > li.dropdown ul.dropdown-menu { + background-color: transparent; + border-radius: 0; + border: 0; + box-shadow: none; + float: none; + padding-left: 50px; + padding-top: 0; + position: relative; + width: 100%; + } + .sidebar-menu > li.dropdown ul.dropdown-menu > li > a { + display: block; + padding: 10px 15px; + } + .sidebar-menu > li.dropdown ul.dropdown-menu > li > a:hover, .sidebar-menu > li.dropdown ul.dropdown-menu > li > a:focus { + background-color: transparent; + color: #313435; + } + .sidebar-menu > li.dropdown ul.dropdown-menu > li.actived a { + color: #313435; + } + .sidebar-menu > li > a { + display: block; + font-size: 15px; + font-weight: 500; + padding: 5px 15px; + position: relative; + white-space: nowrap; + } + .sidebar-menu > li > a .icon-holder { + border-radius: 6px; + display: inline-block; + font-size: 17px; + height: 35px; + left: 0; + line-height: 35px; + margin-right: 14px; + position: relative; + text-align: center; + transition: all 0.3s ease; + width: 35px; + } + + @media screen and (min-width: 1440px) { + .is-collapsed .sidebar { + width: 70px; + } + .is-collapsed .sidebar .sidebar-inner .sidebar-logo { + border-bottom: 1px solid transparent; + padding: 0; + } + .is-collapsed .sidebar .sidebar-inner .sidebar-menu { + overflow-x: hidden; + } + .is-collapsed .sidebar .sidebar-inner .sidebar-menu > li > a .title { + display: none; + } + .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow { + opacity: 0; + } + .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown.open ul.dropdown-menu { + display: none !important; + } + .is-collapsed .sidebar:hover { + width: 280px; + } + .is-collapsed .sidebar:hover .sidebar-inner .sidebar-logo { + border-bottom: 1px solid rgba(0, 0, 0, 0.0625); + padding: 0 20px; + } + .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu > li > a .title { + display: inline-block; + } + .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu li.dropdown .arrow { + opacity: 1; + } + .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu li.open > ul.dropdown-menu { + display: block !important; + } + } + @media screen and (min-width: 992px) and (max-width: 1439px) { + .is-collapsed .sidebar { + width: 280px; + } + .is-collapsed .sidebar .sidebar-inner .sidebar-logo { + border-bottom: 1px solid rgba(0, 0, 0, 0.0625); + padding: 0 20px; + } + .is-collapsed .sidebar .sidebar-inner .sidebar-logo > a .logo { + background-position: center left; + width: 150px; + } + .is-collapsed .sidebar .sidebar-inner .sidebar-menu > li > a .title { + display: inline-block; + } + .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow { + opacity: 1; + } + .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.open > ul.dropdown-menu { + display: block !important; + } + } + @media screen and (max-width: 991px) { + .is-collapsed .sidebar { + left: 0; + } + } + + .header { + border-bottom: 1px solid rgba(0, 0, 0, 0.0625); + display: block; + margin-bottom: 0; + padding: 0; + position: fixed; + transition: all 0.2s ease; + width: calc(100% - 280px); + z-index: 800; + } + @media screen and (max-width: 991px) { + .header { + width: 100%; + } + } + @media screen and (min-width: 992px) and (max-width: 1439px) { + .header { + width: calc(100% - 70px); + } + } + .header .header-container { + height: 65px; + } + .header .header-container::after { + display: block; + clear: both; + content: ""; + } + .header .header-container .nav-left, + .header .header-container .nav-right { + list-style: none; + margin-bottom: 0; + padding-left: 0; + position: relative; + } + .header .header-container .nav-left > li, + .header .header-container .nav-right > li { + float: left; + } + .header .header-container .nav-left > li > a, + .header .header-container .nav-right > li > a { + color: #72777a; + display: block; + line-height: 65px; + min-height: 65px; + padding: 0 15px; + transition: all 0.2s ease-in-out; + } + .header .header-container .nav-left > li > a i, + .header .header-container .nav-right > li > a i { + font-size: 17px; + } + .header .header-container .nav-left > li > a:hover, .header .header-container .nav-left > li > a:focus, + .header .header-container .nav-right > li > a:hover, + .header .header-container .nav-right > li > a:focus { + color: #313435; + text-decoration: none; + } + @media screen and (max-width: 991px) { + .header .header-container .nav-left > li > a, + .header .header-container .nav-right > li > a { + padding: 0 15px; + } + } + .header .header-container .nav-left .notifications, + .header .header-container .nav-right .notifications { + position: relative; + } + .header .header-container .nav-left .notifications .counter, + .header .header-container .nav-right .notifications .counter { + background-color: #ff3c7e; + border-radius: 50px; + color: #fff; + font-size: 10px; + line-height: 1; + padding: 3px 5.5px; + position: absolute; + right: 6px; + top: 12px; + } + .header .header-container .nav-left .notifications .dropdown-menu, + .header .header-container .nav-right .notifications .dropdown-menu { + min-width: 350px; + padding: 0; + } + @media screen and (max-width: 767px) { + .header .header-container .nav-left .notifications .dropdown-menu, + .header .header-container .nav-right .notifications .dropdown-menu { + max-width: 300px; + } + } + .header .header-container .dropdown-menu { + margin: 0; + transform-origin: top right; + transition: transform 0.15s ease-out; + } + .header .header-container .dropdown-menu .divider { + border-bottom: 1px solid rgba(0, 0, 0, 0.0625); + height: 1px; + overflow: hidden; + } + .header .header-container .dropdown-menu > li > a { + transition: all 0.2s ease-out; + } + .header .header-container .show .dropdown-menu { + transform: scale(1, 1); + } + .header .header-container .nav-left { + float: left; + margin-left: 15px; + } + .header .header-container .nav-right { + float: right; + } + .header .header-container .nav-right .dropdown-menu { + left: auto; + right: 0; + } + .header .header-container .nav-right .dropdown-menu > li { + width: 100%; + } + .header .header-container .nav-right .dropdown-menu > li > a { + line-height: 1.5; + min-height: auto; + padding: 10px 15px; + } + .header .search-box .search-icon-close { + display: none; + } + .header .search-box.active .search-icon { + display: none; + } + .header .search-box.active .search-icon-close { + display: inline-block; + } + .header .search-input { + display: none; + } + .header .search-input.active { + display: inline-block; + } + .header .search-input input { + background-color: transparent; + border: 0; + box-shadow: none; + font-size: 18px; + height: 40px; + margin-top: 12px; + outline: none; + padding: 5px; + } + @media screen and (max-width: 767px) { + .header .search-input input { + width: 85px; + } + } + .header .search-input input::-webkit-input-placeholder { + color: #a6aaac; + font-style: italic; + } + .header .search-input input:-moz-placeholder { + color: #a6aaac; + font-style: italic; + } + .header .search-input input::-moz-placeholder { + color: #a6aaac; + font-style: italic; + } + .header .search-input input:-ms-input-placeholder { + color: #a6aaac; + font-style: italic; + } + + .is-collapsed .header { + width: calc(100% - 70px); + } + @media screen and (max-width: 991px) { + .is-collapsed .header { + width: 100%; + } + } + @media screen and (min-width: 992px) and (max-width: 1439px) { + .is-collapsed .header { + width: calc(100% - 280px); + } + } + + .page-container { + min-height: 100vh; + padding-left: 280px; + transition: all 0.2s ease; + } + @media screen and (min-width: 992px) and (max-width: 1439px) { + .page-container { + padding-left: 70px; + } + } + @media screen and (max-width: 991px) { + .page-container { + padding-left: 0; + } + } + + .main-content { + padding: 85px 20px 20px; + min-height: calc(100vh - 61px); + } + @media screen and (max-width: 991px) { + .main-content { + padding: 85px 5px 5px; + } + } + + .remain-height { + height: calc(100vh - 126px); + } + + .full-container { + left: 280px; + min-height: calc(100vh - 65px); + position: absolute; + right: 0; + top: 65px; + transition: all 0.2s ease; + } + @media screen and (min-width: 992px) and (max-width: 1439px) { + .full-container { + left: 0; + padding-left: 70px; + } + } + @media screen and (max-width: 991px) { + .full-container { + left: 0; + } + } + + .is-collapsed .page-container { + padding-left: 70px; + } + @media screen and (max-width: 991px) { + .is-collapsed .page-container { + padding-left: 0; + } + } + @media screen and (min-width: 992px) and (max-width: 1439px) { + .is-collapsed .page-container { + padding-left: 280px; + } + } + .is-collapsed .full-container { + left: 70px; + } + @media screen and (max-width: 991px) { + .is-collapsed .full-container { + left: 0; + } + } + @media screen and (min-width: 992px) and (max-width: 1439px) { + .is-collapsed .full-container { + left: 280px; + padding-left: 0; + } + } + + .progress { + height: 4px; + background-color: #eaeef3; + border-radius: 4px; + margin-bottom: 10px; + } + + .easy-pie-chart { + position: relative; + } + .easy-pie-chart span { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + line-height: 0; + } + + .checkbox label { + display: inline-block; + vertical-align: middle; + position: relative; + padding-left: 17px; + margin-bottom: 0; + } + + .checkbox label::before { + content: ""; + display: inline-block; + position: absolute; + width: 17px; + height: 17px; + left: 0; + top: 50%; + transform: translateY(-50%); + margin-left: -12px; + border: 1px solid #e6eaf0; + border-radius: 3px; + background-color: #ffffff; + transition: border 0.15s ease-in-out, color 0.15s ease-in-out; + } + + .checkbox label::after { + display: inline-block; + position: absolute; + width: 17px; + height: 17px; + text-align: center; + font-size: 10px !important; + line-height: 17px; + left: 0; + top: 50%; + transform: translateY(-50%); + margin-left: -12px; + color: #b9c2d0; + } + + .checkbox input[type=checkbox] { + opacity: 0; + z-index: 1; + } + + .checkbox input[type=checkbox]:focus + label::before { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + } + + .checkbox input[type=checkbox]:checked + label::after { + font-family: "FontAwesome"; + content: "\f00c"; + font-size: 13px; + } + + .checkbox input[type=checkbox]:disabled + label { + opacity: 0.65; + } + + .checkbox input[type=checkbox]:disabled + label::before { + background-color: #d3d9e3; + cursor: not-allowed; + } + + .checkbox.checkbox-circle label::before { + border-radius: 50%; + } + + .checkbox.checkbox-inline { + margin-top: 0; + } + + .checkbox-primary input[type=checkbox]:checked + label::before { + background-color: #7774e7; + border-color: #7774e7; + } + + .checkbox-primary input[type=checkbox]:checked + label::after { + color: #fff; + } + + .checkbox-danger input[type=checkbox]:checked + label::before { + background-color: #ff3c7e; + border-color: #ff3c7e; + } + + .checkbox-danger input[type=checkbox]:checked + label::after { + color: #ffffff; + } + + .checkbox-info input[type=checkbox]:checked + label::before { + background-color: #0f9aee; + border-color: #0f9aee; + } + + .checkbox-info input[type=checkbox]:checked + label::after { + color: #ffffff; + } + + .checkbox-warning input[type=checkbox]:checked + label::before { + background-color: #fc0; + border-color: #fc0; + } + + .checkbox-warning input[type=checkbox]:checked + label::after { + color: #ffffff; + } + + .checkbox-success input[type=checkbox]:checked + label::before { + background-color: #37c936; + border-color: #37c936; + } + + .checkbox-success input[type=checkbox]:checked + label::after { + color: #ffffff; + } + + .radio { + padding-left: 20px; + } + + .radio label { + display: inline-block; + vertical-align: middle; + position: relative; + padding-left: 5px; + } + + .radio label::before { + content: ""; + display: inline-block; + position: absolute; + width: 17px; + height: 17px; + left: 0; + margin-left: -20px; + border: 1px solid #cccccc; + border-radius: 50%; + background-color: #fff; + transition: border 0.15s ease-in-out; + } + + .radio label::after { + display: inline-block; + position: absolute; + content: " "; + width: 11px; + height: 11px; + left: 3px; + top: 3px; + margin-left: -20px; + border-radius: 50%; + background-color: #555555; + transform: scale(0, 0); + transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); + } + + .radio input[type=radio] { + opacity: 0; + z-index: 1; + } + + .radio input[type=radio]:focus + label::before { + outline: thin dotted; + outline: 5px auto -webkit-focus-ring-color; + outline-offset: -2px; + } + + .radio input[type=radio]:checked + label::after { + transform: scale(1, 1); + } + + .radio input[type=radio]:disabled + label { + opacity: 0.65; + } + + .radio input[type=radio]:disabled + label::before { + cursor: not-allowed; + } + + .radio.radio-inline { + margin-top: 0; + } + + .radio-primary input[type=radio] + label::after { + background-color: #428bca; + } + + .radio-primary input[type=radio]:checked + label::before { + border-color: #428bca; + } + + .radio-primary input[type=radio]:checked + label::after { + background-color: #428bca; + } + + .radio-danger input[type=radio] + label::after { + background-color: #d9534f; + } + + .radio-danger input[type=radio]:checked + label::before { + border-color: #d9534f; + } + + .radio-danger input[type=radio]:checked + label::after { + background-color: #d9534f; + } + + .radio-info input[type=radio] + label::after { + background-color: #5bc0de; + } + + .radio-info input[type=radio]:checked + label::before { + border-color: #5bc0de; + } + + .radio-info input[type=radio]:checked + label::after { + background-color: #5bc0de; + } + + .radio-warning input[type=radio] + label::after { + background-color: #f0ad4e; + } + + .radio-warning input[type=radio]:checked + label::before { + border-color: #f0ad4e; + } + + .radio-warning input[type=radio]:checked + label::after { + background-color: #f0ad4e; + } + + .radio-success input[type=radio] + label::after { + background-color: #5cb85c; + } + + .radio-success input[type=radio]:checked + label::before { + border-color: #5cb85c; + } + + .radio-success input[type=radio]:checked + label::after { + background-color: #5cb85c; + } + + #loader { + transition: all 0.3s ease-in-out; + opacity: 1; + display: default; + } + + #loader.fadeOut { + opacity: 0; + display: none; + } + + .spinner { + width: 40px; + height: 40px; + position: absolute; + top: calc(50% - 20px); + left: calc(50% - 20px); + background-color: #333; + border-radius: 100%; + animation: sk-scaleout 1s infinite ease-in-out; + } + @keyframes sk-scaleout { + 0% { + transform: scale(0); + } + 100% { + transform: scale(1); + opacity: 0; + } + } + footer { + z-index: 1; + position: relative; + } + + #chat-sidebar { + width: 250px; + height: calc(100vh - 65px - 60px); + overflow: auto; + } + @media screen and (max-width: 991px) { + #chat-sidebar { + transition: all 0.3s ease-in-out; + margin-left: -250px; + } + #chat-sidebar.open { + margin-left: 0; + } + } + + #chat-box { + height: calc(100vh - 65px - 60px); + overflow: auto; + } + + .email-app .email-side-nav { + position: fixed; + border-right: 1px solid rgba(0, 0, 0, 0.0625); + float: left; + width: 250px; + transition: all 0.3s ease-in-out; + } + @media screen and (max-width: 991px) { + .email-app .email-side-nav { + z-index: 1; + left: -250px; + } + } + .email-app .email-wrapper { + margin: 0; + padding: 0; + overflow: auto; + min-height: 100%; + transition: all 0.3s ease-in-out; + } + @media screen and (max-width: 991px) { + .email-app .email-wrapper { + position: absolute; + left: 0; + width: 100%; + overflow-x: hidden; + } + } + @media screen and (min-width: 992px) { + .email-app .email-wrapper { + margin-left: 250px; + } + } + .email-app .email-wrapper .email-list { + position: relative; + padding: 0; + width: 100%; + overflow-y: hidden; + height: calc(100vh - 65px); + } + @media screen and (max-width: 991px) { + .email-app .email-wrapper .email-list { + max-height: calc(100vh - 65px); + } + } + @media screen and (min-width: 992px) { + .email-app .email-wrapper .email-list { + width: 40%; + border-right: 1px solid rgba(0, 0, 0, 0.0625); + float: left; + } + } + .email-app .email-wrapper .email-content { + float: left; + width: 60%; + position: relative; + padding: 0; + } + .email-app .email-wrapper .email-content.no-inbox-view { + width: 100%; + } + @media screen and (max-width: 991px) { + .email-app .email-wrapper .email-content { + position: absolute; + top: 0; + left: 100%; + width: 100%; + height: 100%; + transition: all 0.3s ease-in-out; + max-height: calc(100vh - 65px); + overflow-y: auto; + } + .email-app .email-wrapper .email-content.open { + left: 0; + } + } + .email-app .email-wrapper .email-compose { + position: relative; + } + .email-app .email-wrapper .email-compose .email-compose-body { + padding: 30px 20px; + } + @media screen and (max-width: 991px) { + .email-app.side-active .email-side-nav { + left: 0; + } + } + @media screen and (max-width: 991px) { + .email-app.side-active .email-wrapper { + left: 250px; + } + } + + .centerY { + top: 50%; + transform: translateY(-50%); + } + + .centerX { + left: 50%; + transform: translateX(-50%); + } + + .centerXY { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + + @media screen and (min-width: 1440px) { + .centerY\@xl\+ { + top: 50%; + transform: translateY(-50%); + } + .centerX\@xl\+ { + left: 50%; + transform: translateX(-50%); + } + .centerXY\@xl\+ { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + } + @media screen and (min-width: 1200px) { + .centerY\@lg\+ { + top: 50%; + transform: translateY(-50%); + } + .centerX\@lg\+ { + left: 50%; + transform: translateX(-50%); + } + .centerXY\@lg\+ { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + } + @media screen and (min-width: 992px) { + .centerY\@md\+ { + top: 50%; + transform: translateY(-50%); + } + .centerX\@md\+ { + left: 50%; + transform: translateX(-50%); + } + .centerXY\@md\+ { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + } + @media screen and (min-width: 768px) { + .centerY\@sm\+ { + top: 50%; + transform: translateY(-50%); + } + .centerX\@sm\+ { + left: 50%; + transform: translateX(-50%); + } + .centerXY\@sm\+ { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + } + @media screen and (min-width: 0) { + .centerY\@xs\+ { + top: 50%; + transform: translateY(-50%); + } + .centerX\@xs\+ { + left: 50%; + transform: translateX(-50%); + } + .centerXY\@xs\+ { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + } + @media screen and (max-width: 1439px) { + .centerY\@xl- { + top: 50%; + transform: translateY(-50%); + } + .centerX\@xl- { + left: 50%; + transform: translateX(-50%); + } + .centerXY\@xl- { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + } + @media screen and (max-width: 1199px) { + .centerY\@lg- { + top: 50%; + transform: translateY(-50%); + } + .centerX\@lg- { + left: 50%; + transform: translateX(-50%); + } + .centerXY\@lg- { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + } + @media screen and (max-width: 991px) { + .centerY\@md- { + top: 50%; + transform: translateY(-50%); + } + .centerX\@md- { + left: 50%; + transform: translateX(-50%); + } + .centerXY\@md- { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + } + @media screen and (max-width: 767px) { + .centerY\@sm- { + top: 50%; + transform: translateY(-50%); + } + .centerX\@sm- { + left: 50%; + transform: translateX(-50%); + } + .centerXY\@sm- { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .centerY\@lg { + top: 50%; + transform: translateY(-50%); + } + .centerX\@lg { + left: 50%; + transform: translateX(-50%); + } + .centerXY\@lg { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .centerY\@md { + top: 50%; + transform: translateY(-50%); + } + .centerX\@md { + left: 50%; + transform: translateX(-50%); + } + .centerXY\@md { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .centerY\@sm { + top: 50%; + transform: translateY(-50%); + } + .centerX\@sm { + left: 50%; + transform: translateX(-50%); + } + .centerXY\@sm { + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + } + } + [class*=gap] { + width: auto !important; + overflow: hidden !important; + } + + .gapX-0 { + margin-left: 0px !important; + margin-right: 0px !important; + } + .gapX-0 > * { + padding-left: 0px !important; + padding-right: 0px !important; + } + + .gapY-0 { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .gapY-0 > * { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + + .gap-0 { + margin: 0px !important; + } + .gap-0 > * { + padding: 0px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-0\@xl\+ { + margin-left: 0px !important; + margin-right: 0px !important; + } + .gapX-0\@xl\+ > * { + padding-left: 0px !important; + padding-right: 0px !important; + } + .gapY-0\@xl\+ { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .gapY-0\@xl\+ > * { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .gap-0\@xl\+ { + margin: 0px !important; + } + .gap-0\@xl\+ > * { + padding: 0px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-0\@lg\+ { + margin-left: 0px !important; + margin-right: 0px !important; + } + .gapX-0\@lg\+ > * { + padding-left: 0px !important; + padding-right: 0px !important; + } + .gapY-0\@lg\+ { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .gapY-0\@lg\+ > * { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .gap-0\@lg\+ { + margin: 0px !important; + } + .gap-0\@lg\+ > * { + padding: 0px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-0\@md\+ { + margin-left: 0px !important; + margin-right: 0px !important; + } + .gapX-0\@md\+ > * { + padding-left: 0px !important; + padding-right: 0px !important; + } + .gapY-0\@md\+ { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .gapY-0\@md\+ > * { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .gap-0\@md\+ { + margin: 0px !important; + } + .gap-0\@md\+ > * { + padding: 0px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-0\@sm\+ { + margin-left: 0px !important; + margin-right: 0px !important; + } + .gapX-0\@sm\+ > * { + padding-left: 0px !important; + padding-right: 0px !important; + } + .gapY-0\@sm\+ { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .gapY-0\@sm\+ > * { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .gap-0\@sm\+ { + margin: 0px !important; + } + .gap-0\@sm\+ > * { + padding: 0px !important; + } + } + @media screen and (min-width: 0) { + .gapX-0\@xs\+ { + margin-left: 0px !important; + margin-right: 0px !important; + } + .gapX-0\@xs\+ > * { + padding-left: 0px !important; + padding-right: 0px !important; + } + .gapY-0\@xs\+ { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .gapY-0\@xs\+ > * { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .gap-0\@xs\+ { + margin: 0px !important; + } + .gap-0\@xs\+ > * { + padding: 0px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-0\@xl- { + margin-left: 0px !important; + margin-right: 0px !important; + } + .gapX-0\@xl- > * { + padding-left: 0px !important; + padding-right: 0px !important; + } + .gapY-0\@xl- { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .gapY-0\@xl- > * { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .gap-0\@xl- { + margin: 0px !important; + } + .gap-0\@xl- > * { + padding: 0px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-0\@lg- { + margin-left: 0px !important; + margin-right: 0px !important; + } + .gapX-0\@lg- > * { + padding-left: 0px !important; + padding-right: 0px !important; + } + .gapY-0\@lg- { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .gapY-0\@lg- > * { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .gap-0\@lg- { + margin: 0px !important; + } + .gap-0\@lg- > * { + padding: 0px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-0\@md- { + margin-left: 0px !important; + margin-right: 0px !important; + } + .gapX-0\@md- > * { + padding-left: 0px !important; + padding-right: 0px !important; + } + .gapY-0\@md- { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .gapY-0\@md- > * { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .gap-0\@md- { + margin: 0px !important; + } + .gap-0\@md- > * { + padding: 0px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-0\@sm- { + margin-left: 0px !important; + margin-right: 0px !important; + } + .gapX-0\@sm- > * { + padding-left: 0px !important; + padding-right: 0px !important; + } + .gapY-0\@sm- { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .gapY-0\@sm- > * { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .gap-0\@sm- { + margin: 0px !important; + } + .gap-0\@sm- > * { + padding: 0px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-0\@lg { + margin-left: 0px !important; + margin-right: 0px !important; + } + .gapX-0\@lg > * { + padding-left: 0px !important; + padding-right: 0px !important; + } + .gapY-0\@lg { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .gapY-0\@lg > * { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .gap-0\@lg { + margin: 0px !important; + } + .gap-0\@lg > * { + padding: 0px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-0\@md { + margin-left: 0px !important; + margin-right: 0px !important; + } + .gapX-0\@md > * { + padding-left: 0px !important; + padding-right: 0px !important; + } + .gapY-0\@md { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .gapY-0\@md > * { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .gap-0\@md { + margin: 0px !important; + } + .gap-0\@md > * { + padding: 0px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-0\@sm { + margin-left: 0px !important; + margin-right: 0px !important; + } + .gapX-0\@sm > * { + padding-left: 0px !important; + padding-right: 0px !important; + } + .gapY-0\@sm { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .gapY-0\@sm > * { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .gap-0\@sm { + margin: 0px !important; + } + .gap-0\@sm > * { + padding: 0px !important; + } + } + .gapX-1 { + margin-left: -0.5px !important; + margin-right: -0.5px !important; + } + .gapX-1 > * { + padding-left: 0.5px !important; + padding-right: 0.5px !important; + } + + .gapY-1 { + margin-top: -0.5px !important; + margin-bottom: -0.5px !important; + } + .gapY-1 > * { + padding-top: 0.5px !important; + padding-bottom: 0.5px !important; + } + + .gap-1 { + margin: -0.5px !important; + } + .gap-1 > * { + padding: 0.5px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-1\@xl\+ { + margin-left: -0.5px !important; + margin-right: -0.5px !important; + } + .gapX-1\@xl\+ > * { + padding-left: 0.5px !important; + padding-right: 0.5px !important; + } + .gapY-1\@xl\+ { + margin-top: -0.5px !important; + margin-bottom: -0.5px !important; + } + .gapY-1\@xl\+ > * { + padding-top: 0.5px !important; + padding-bottom: 0.5px !important; + } + .gap-1\@xl\+ { + margin: -0.5px !important; + } + .gap-1\@xl\+ > * { + padding: 0.5px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-1\@lg\+ { + margin-left: -0.5px !important; + margin-right: -0.5px !important; + } + .gapX-1\@lg\+ > * { + padding-left: 0.5px !important; + padding-right: 0.5px !important; + } + .gapY-1\@lg\+ { + margin-top: -0.5px !important; + margin-bottom: -0.5px !important; + } + .gapY-1\@lg\+ > * { + padding-top: 0.5px !important; + padding-bottom: 0.5px !important; + } + .gap-1\@lg\+ { + margin: -0.5px !important; + } + .gap-1\@lg\+ > * { + padding: 0.5px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-1\@md\+ { + margin-left: -0.5px !important; + margin-right: -0.5px !important; + } + .gapX-1\@md\+ > * { + padding-left: 0.5px !important; + padding-right: 0.5px !important; + } + .gapY-1\@md\+ { + margin-top: -0.5px !important; + margin-bottom: -0.5px !important; + } + .gapY-1\@md\+ > * { + padding-top: 0.5px !important; + padding-bottom: 0.5px !important; + } + .gap-1\@md\+ { + margin: -0.5px !important; + } + .gap-1\@md\+ > * { + padding: 0.5px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-1\@sm\+ { + margin-left: -0.5px !important; + margin-right: -0.5px !important; + } + .gapX-1\@sm\+ > * { + padding-left: 0.5px !important; + padding-right: 0.5px !important; + } + .gapY-1\@sm\+ { + margin-top: -0.5px !important; + margin-bottom: -0.5px !important; + } + .gapY-1\@sm\+ > * { + padding-top: 0.5px !important; + padding-bottom: 0.5px !important; + } + .gap-1\@sm\+ { + margin: -0.5px !important; + } + .gap-1\@sm\+ > * { + padding: 0.5px !important; + } + } + @media screen and (min-width: 0) { + .gapX-1\@xs\+ { + margin-left: -0.5px !important; + margin-right: -0.5px !important; + } + .gapX-1\@xs\+ > * { + padding-left: 0.5px !important; + padding-right: 0.5px !important; + } + .gapY-1\@xs\+ { + margin-top: -0.5px !important; + margin-bottom: -0.5px !important; + } + .gapY-1\@xs\+ > * { + padding-top: 0.5px !important; + padding-bottom: 0.5px !important; + } + .gap-1\@xs\+ { + margin: -0.5px !important; + } + .gap-1\@xs\+ > * { + padding: 0.5px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-1\@xl- { + margin-left: -0.5px !important; + margin-right: -0.5px !important; + } + .gapX-1\@xl- > * { + padding-left: 0.5px !important; + padding-right: 0.5px !important; + } + .gapY-1\@xl- { + margin-top: -0.5px !important; + margin-bottom: -0.5px !important; + } + .gapY-1\@xl- > * { + padding-top: 0.5px !important; + padding-bottom: 0.5px !important; + } + .gap-1\@xl- { + margin: -0.5px !important; + } + .gap-1\@xl- > * { + padding: 0.5px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-1\@lg- { + margin-left: -0.5px !important; + margin-right: -0.5px !important; + } + .gapX-1\@lg- > * { + padding-left: 0.5px !important; + padding-right: 0.5px !important; + } + .gapY-1\@lg- { + margin-top: -0.5px !important; + margin-bottom: -0.5px !important; + } + .gapY-1\@lg- > * { + padding-top: 0.5px !important; + padding-bottom: 0.5px !important; + } + .gap-1\@lg- { + margin: -0.5px !important; + } + .gap-1\@lg- > * { + padding: 0.5px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-1\@md- { + margin-left: -0.5px !important; + margin-right: -0.5px !important; + } + .gapX-1\@md- > * { + padding-left: 0.5px !important; + padding-right: 0.5px !important; + } + .gapY-1\@md- { + margin-top: -0.5px !important; + margin-bottom: -0.5px !important; + } + .gapY-1\@md- > * { + padding-top: 0.5px !important; + padding-bottom: 0.5px !important; + } + .gap-1\@md- { + margin: -0.5px !important; + } + .gap-1\@md- > * { + padding: 0.5px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-1\@sm- { + margin-left: -0.5px !important; + margin-right: -0.5px !important; + } + .gapX-1\@sm- > * { + padding-left: 0.5px !important; + padding-right: 0.5px !important; + } + .gapY-1\@sm- { + margin-top: -0.5px !important; + margin-bottom: -0.5px !important; + } + .gapY-1\@sm- > * { + padding-top: 0.5px !important; + padding-bottom: 0.5px !important; + } + .gap-1\@sm- { + margin: -0.5px !important; + } + .gap-1\@sm- > * { + padding: 0.5px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-1\@lg { + margin-left: -0.5px !important; + margin-right: -0.5px !important; + } + .gapX-1\@lg > * { + padding-left: 0.5px !important; + padding-right: 0.5px !important; + } + .gapY-1\@lg { + margin-top: -0.5px !important; + margin-bottom: -0.5px !important; + } + .gapY-1\@lg > * { + padding-top: 0.5px !important; + padding-bottom: 0.5px !important; + } + .gap-1\@lg { + margin: -0.5px !important; + } + .gap-1\@lg > * { + padding: 0.5px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-1\@md { + margin-left: -0.5px !important; + margin-right: -0.5px !important; + } + .gapX-1\@md > * { + padding-left: 0.5px !important; + padding-right: 0.5px !important; + } + .gapY-1\@md { + margin-top: -0.5px !important; + margin-bottom: -0.5px !important; + } + .gapY-1\@md > * { + padding-top: 0.5px !important; + padding-bottom: 0.5px !important; + } + .gap-1\@md { + margin: -0.5px !important; + } + .gap-1\@md > * { + padding: 0.5px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-1\@sm { + margin-left: -0.5px !important; + margin-right: -0.5px !important; + } + .gapX-1\@sm > * { + padding-left: 0.5px !important; + padding-right: 0.5px !important; + } + .gapY-1\@sm { + margin-top: -0.5px !important; + margin-bottom: -0.5px !important; + } + .gapY-1\@sm > * { + padding-top: 0.5px !important; + padding-bottom: 0.5px !important; + } + .gap-1\@sm { + margin: -0.5px !important; + } + .gap-1\@sm > * { + padding: 0.5px !important; + } + } + .gapX-2 { + margin-left: -1px !important; + margin-right: -1px !important; + } + .gapX-2 > * { + padding-left: 1px !important; + padding-right: 1px !important; + } + + .gapY-2 { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .gapY-2 > * { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + + .gap-2 { + margin: -1px !important; + } + .gap-2 > * { + padding: 1px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-2\@xl\+ { + margin-left: -1px !important; + margin-right: -1px !important; + } + .gapX-2\@xl\+ > * { + padding-left: 1px !important; + padding-right: 1px !important; + } + .gapY-2\@xl\+ { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .gapY-2\@xl\+ > * { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .gap-2\@xl\+ { + margin: -1px !important; + } + .gap-2\@xl\+ > * { + padding: 1px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-2\@lg\+ { + margin-left: -1px !important; + margin-right: -1px !important; + } + .gapX-2\@lg\+ > * { + padding-left: 1px !important; + padding-right: 1px !important; + } + .gapY-2\@lg\+ { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .gapY-2\@lg\+ > * { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .gap-2\@lg\+ { + margin: -1px !important; + } + .gap-2\@lg\+ > * { + padding: 1px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-2\@md\+ { + margin-left: -1px !important; + margin-right: -1px !important; + } + .gapX-2\@md\+ > * { + padding-left: 1px !important; + padding-right: 1px !important; + } + .gapY-2\@md\+ { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .gapY-2\@md\+ > * { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .gap-2\@md\+ { + margin: -1px !important; + } + .gap-2\@md\+ > * { + padding: 1px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-2\@sm\+ { + margin-left: -1px !important; + margin-right: -1px !important; + } + .gapX-2\@sm\+ > * { + padding-left: 1px !important; + padding-right: 1px !important; + } + .gapY-2\@sm\+ { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .gapY-2\@sm\+ > * { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .gap-2\@sm\+ { + margin: -1px !important; + } + .gap-2\@sm\+ > * { + padding: 1px !important; + } + } + @media screen and (min-width: 0) { + .gapX-2\@xs\+ { + margin-left: -1px !important; + margin-right: -1px !important; + } + .gapX-2\@xs\+ > * { + padding-left: 1px !important; + padding-right: 1px !important; + } + .gapY-2\@xs\+ { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .gapY-2\@xs\+ > * { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .gap-2\@xs\+ { + margin: -1px !important; + } + .gap-2\@xs\+ > * { + padding: 1px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-2\@xl- { + margin-left: -1px !important; + margin-right: -1px !important; + } + .gapX-2\@xl- > * { + padding-left: 1px !important; + padding-right: 1px !important; + } + .gapY-2\@xl- { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .gapY-2\@xl- > * { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .gap-2\@xl- { + margin: -1px !important; + } + .gap-2\@xl- > * { + padding: 1px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-2\@lg- { + margin-left: -1px !important; + margin-right: -1px !important; + } + .gapX-2\@lg- > * { + padding-left: 1px !important; + padding-right: 1px !important; + } + .gapY-2\@lg- { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .gapY-2\@lg- > * { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .gap-2\@lg- { + margin: -1px !important; + } + .gap-2\@lg- > * { + padding: 1px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-2\@md- { + margin-left: -1px !important; + margin-right: -1px !important; + } + .gapX-2\@md- > * { + padding-left: 1px !important; + padding-right: 1px !important; + } + .gapY-2\@md- { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .gapY-2\@md- > * { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .gap-2\@md- { + margin: -1px !important; + } + .gap-2\@md- > * { + padding: 1px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-2\@sm- { + margin-left: -1px !important; + margin-right: -1px !important; + } + .gapX-2\@sm- > * { + padding-left: 1px !important; + padding-right: 1px !important; + } + .gapY-2\@sm- { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .gapY-2\@sm- > * { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .gap-2\@sm- { + margin: -1px !important; + } + .gap-2\@sm- > * { + padding: 1px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-2\@lg { + margin-left: -1px !important; + margin-right: -1px !important; + } + .gapX-2\@lg > * { + padding-left: 1px !important; + padding-right: 1px !important; + } + .gapY-2\@lg { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .gapY-2\@lg > * { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .gap-2\@lg { + margin: -1px !important; + } + .gap-2\@lg > * { + padding: 1px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-2\@md { + margin-left: -1px !important; + margin-right: -1px !important; + } + .gapX-2\@md > * { + padding-left: 1px !important; + padding-right: 1px !important; + } + .gapY-2\@md { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .gapY-2\@md > * { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .gap-2\@md { + margin: -1px !important; + } + .gap-2\@md > * { + padding: 1px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-2\@sm { + margin-left: -1px !important; + margin-right: -1px !important; + } + .gapX-2\@sm > * { + padding-left: 1px !important; + padding-right: 1px !important; + } + .gapY-2\@sm { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .gapY-2\@sm > * { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .gap-2\@sm { + margin: -1px !important; + } + .gap-2\@sm > * { + padding: 1px !important; + } + } + .gapX-3 { + margin-left: -1.5px !important; + margin-right: -1.5px !important; + } + .gapX-3 > * { + padding-left: 1.5px !important; + padding-right: 1.5px !important; + } + + .gapY-3 { + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; + } + .gapY-3 > * { + padding-top: 1.5px !important; + padding-bottom: 1.5px !important; + } + + .gap-3 { + margin: -1.5px !important; + } + .gap-3 > * { + padding: 1.5px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-3\@xl\+ { + margin-left: -1.5px !important; + margin-right: -1.5px !important; + } + .gapX-3\@xl\+ > * { + padding-left: 1.5px !important; + padding-right: 1.5px !important; + } + .gapY-3\@xl\+ { + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; + } + .gapY-3\@xl\+ > * { + padding-top: 1.5px !important; + padding-bottom: 1.5px !important; + } + .gap-3\@xl\+ { + margin: -1.5px !important; + } + .gap-3\@xl\+ > * { + padding: 1.5px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-3\@lg\+ { + margin-left: -1.5px !important; + margin-right: -1.5px !important; + } + .gapX-3\@lg\+ > * { + padding-left: 1.5px !important; + padding-right: 1.5px !important; + } + .gapY-3\@lg\+ { + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; + } + .gapY-3\@lg\+ > * { + padding-top: 1.5px !important; + padding-bottom: 1.5px !important; + } + .gap-3\@lg\+ { + margin: -1.5px !important; + } + .gap-3\@lg\+ > * { + padding: 1.5px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-3\@md\+ { + margin-left: -1.5px !important; + margin-right: -1.5px !important; + } + .gapX-3\@md\+ > * { + padding-left: 1.5px !important; + padding-right: 1.5px !important; + } + .gapY-3\@md\+ { + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; + } + .gapY-3\@md\+ > * { + padding-top: 1.5px !important; + padding-bottom: 1.5px !important; + } + .gap-3\@md\+ { + margin: -1.5px !important; + } + .gap-3\@md\+ > * { + padding: 1.5px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-3\@sm\+ { + margin-left: -1.5px !important; + margin-right: -1.5px !important; + } + .gapX-3\@sm\+ > * { + padding-left: 1.5px !important; + padding-right: 1.5px !important; + } + .gapY-3\@sm\+ { + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; + } + .gapY-3\@sm\+ > * { + padding-top: 1.5px !important; + padding-bottom: 1.5px !important; + } + .gap-3\@sm\+ { + margin: -1.5px !important; + } + .gap-3\@sm\+ > * { + padding: 1.5px !important; + } + } + @media screen and (min-width: 0) { + .gapX-3\@xs\+ { + margin-left: -1.5px !important; + margin-right: -1.5px !important; + } + .gapX-3\@xs\+ > * { + padding-left: 1.5px !important; + padding-right: 1.5px !important; + } + .gapY-3\@xs\+ { + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; + } + .gapY-3\@xs\+ > * { + padding-top: 1.5px !important; + padding-bottom: 1.5px !important; + } + .gap-3\@xs\+ { + margin: -1.5px !important; + } + .gap-3\@xs\+ > * { + padding: 1.5px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-3\@xl- { + margin-left: -1.5px !important; + margin-right: -1.5px !important; + } + .gapX-3\@xl- > * { + padding-left: 1.5px !important; + padding-right: 1.5px !important; + } + .gapY-3\@xl- { + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; + } + .gapY-3\@xl- > * { + padding-top: 1.5px !important; + padding-bottom: 1.5px !important; + } + .gap-3\@xl- { + margin: -1.5px !important; + } + .gap-3\@xl- > * { + padding: 1.5px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-3\@lg- { + margin-left: -1.5px !important; + margin-right: -1.5px !important; + } + .gapX-3\@lg- > * { + padding-left: 1.5px !important; + padding-right: 1.5px !important; + } + .gapY-3\@lg- { + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; + } + .gapY-3\@lg- > * { + padding-top: 1.5px !important; + padding-bottom: 1.5px !important; + } + .gap-3\@lg- { + margin: -1.5px !important; + } + .gap-3\@lg- > * { + padding: 1.5px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-3\@md- { + margin-left: -1.5px !important; + margin-right: -1.5px !important; + } + .gapX-3\@md- > * { + padding-left: 1.5px !important; + padding-right: 1.5px !important; + } + .gapY-3\@md- { + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; + } + .gapY-3\@md- > * { + padding-top: 1.5px !important; + padding-bottom: 1.5px !important; + } + .gap-3\@md- { + margin: -1.5px !important; + } + .gap-3\@md- > * { + padding: 1.5px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-3\@sm- { + margin-left: -1.5px !important; + margin-right: -1.5px !important; + } + .gapX-3\@sm- > * { + padding-left: 1.5px !important; + padding-right: 1.5px !important; + } + .gapY-3\@sm- { + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; + } + .gapY-3\@sm- > * { + padding-top: 1.5px !important; + padding-bottom: 1.5px !important; + } + .gap-3\@sm- { + margin: -1.5px !important; + } + .gap-3\@sm- > * { + padding: 1.5px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-3\@lg { + margin-left: -1.5px !important; + margin-right: -1.5px !important; + } + .gapX-3\@lg > * { + padding-left: 1.5px !important; + padding-right: 1.5px !important; + } + .gapY-3\@lg { + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; + } + .gapY-3\@lg > * { + padding-top: 1.5px !important; + padding-bottom: 1.5px !important; + } + .gap-3\@lg { + margin: -1.5px !important; + } + .gap-3\@lg > * { + padding: 1.5px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-3\@md { + margin-left: -1.5px !important; + margin-right: -1.5px !important; + } + .gapX-3\@md > * { + padding-left: 1.5px !important; + padding-right: 1.5px !important; + } + .gapY-3\@md { + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; + } + .gapY-3\@md > * { + padding-top: 1.5px !important; + padding-bottom: 1.5px !important; + } + .gap-3\@md { + margin: -1.5px !important; + } + .gap-3\@md > * { + padding: 1.5px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-3\@sm { + margin-left: -1.5px !important; + margin-right: -1.5px !important; + } + .gapX-3\@sm > * { + padding-left: 1.5px !important; + padding-right: 1.5px !important; + } + .gapY-3\@sm { + margin-top: -1.5px !important; + margin-bottom: -1.5px !important; + } + .gapY-3\@sm > * { + padding-top: 1.5px !important; + padding-bottom: 1.5px !important; + } + .gap-3\@sm { + margin: -1.5px !important; + } + .gap-3\@sm > * { + padding: 1.5px !important; + } + } + .gapX-4 { + margin-left: -2px !important; + margin-right: -2px !important; + } + .gapX-4 > * { + padding-left: 2px !important; + padding-right: 2px !important; + } + + .gapY-4 { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .gapY-4 > * { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + + .gap-4 { + margin: -2px !important; + } + .gap-4 > * { + padding: 2px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-4\@xl\+ { + margin-left: -2px !important; + margin-right: -2px !important; + } + .gapX-4\@xl\+ > * { + padding-left: 2px !important; + padding-right: 2px !important; + } + .gapY-4\@xl\+ { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .gapY-4\@xl\+ > * { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .gap-4\@xl\+ { + margin: -2px !important; + } + .gap-4\@xl\+ > * { + padding: 2px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-4\@lg\+ { + margin-left: -2px !important; + margin-right: -2px !important; + } + .gapX-4\@lg\+ > * { + padding-left: 2px !important; + padding-right: 2px !important; + } + .gapY-4\@lg\+ { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .gapY-4\@lg\+ > * { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .gap-4\@lg\+ { + margin: -2px !important; + } + .gap-4\@lg\+ > * { + padding: 2px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-4\@md\+ { + margin-left: -2px !important; + margin-right: -2px !important; + } + .gapX-4\@md\+ > * { + padding-left: 2px !important; + padding-right: 2px !important; + } + .gapY-4\@md\+ { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .gapY-4\@md\+ > * { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .gap-4\@md\+ { + margin: -2px !important; + } + .gap-4\@md\+ > * { + padding: 2px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-4\@sm\+ { + margin-left: -2px !important; + margin-right: -2px !important; + } + .gapX-4\@sm\+ > * { + padding-left: 2px !important; + padding-right: 2px !important; + } + .gapY-4\@sm\+ { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .gapY-4\@sm\+ > * { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .gap-4\@sm\+ { + margin: -2px !important; + } + .gap-4\@sm\+ > * { + padding: 2px !important; + } + } + @media screen and (min-width: 0) { + .gapX-4\@xs\+ { + margin-left: -2px !important; + margin-right: -2px !important; + } + .gapX-4\@xs\+ > * { + padding-left: 2px !important; + padding-right: 2px !important; + } + .gapY-4\@xs\+ { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .gapY-4\@xs\+ > * { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .gap-4\@xs\+ { + margin: -2px !important; + } + .gap-4\@xs\+ > * { + padding: 2px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-4\@xl- { + margin-left: -2px !important; + margin-right: -2px !important; + } + .gapX-4\@xl- > * { + padding-left: 2px !important; + padding-right: 2px !important; + } + .gapY-4\@xl- { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .gapY-4\@xl- > * { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .gap-4\@xl- { + margin: -2px !important; + } + .gap-4\@xl- > * { + padding: 2px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-4\@lg- { + margin-left: -2px !important; + margin-right: -2px !important; + } + .gapX-4\@lg- > * { + padding-left: 2px !important; + padding-right: 2px !important; + } + .gapY-4\@lg- { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .gapY-4\@lg- > * { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .gap-4\@lg- { + margin: -2px !important; + } + .gap-4\@lg- > * { + padding: 2px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-4\@md- { + margin-left: -2px !important; + margin-right: -2px !important; + } + .gapX-4\@md- > * { + padding-left: 2px !important; + padding-right: 2px !important; + } + .gapY-4\@md- { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .gapY-4\@md- > * { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .gap-4\@md- { + margin: -2px !important; + } + .gap-4\@md- > * { + padding: 2px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-4\@sm- { + margin-left: -2px !important; + margin-right: -2px !important; + } + .gapX-4\@sm- > * { + padding-left: 2px !important; + padding-right: 2px !important; + } + .gapY-4\@sm- { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .gapY-4\@sm- > * { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .gap-4\@sm- { + margin: -2px !important; + } + .gap-4\@sm- > * { + padding: 2px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-4\@lg { + margin-left: -2px !important; + margin-right: -2px !important; + } + .gapX-4\@lg > * { + padding-left: 2px !important; + padding-right: 2px !important; + } + .gapY-4\@lg { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .gapY-4\@lg > * { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .gap-4\@lg { + margin: -2px !important; + } + .gap-4\@lg > * { + padding: 2px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-4\@md { + margin-left: -2px !important; + margin-right: -2px !important; + } + .gapX-4\@md > * { + padding-left: 2px !important; + padding-right: 2px !important; + } + .gapY-4\@md { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .gapY-4\@md > * { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .gap-4\@md { + margin: -2px !important; + } + .gap-4\@md > * { + padding: 2px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-4\@sm { + margin-left: -2px !important; + margin-right: -2px !important; + } + .gapX-4\@sm > * { + padding-left: 2px !important; + padding-right: 2px !important; + } + .gapY-4\@sm { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .gapY-4\@sm > * { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .gap-4\@sm { + margin: -2px !important; + } + .gap-4\@sm > * { + padding: 2px !important; + } + } + .gapX-5 { + margin-left: -2.5px !important; + margin-right: -2.5px !important; + } + .gapX-5 > * { + padding-left: 2.5px !important; + padding-right: 2.5px !important; + } + + .gapY-5 { + margin-top: -2.5px !important; + margin-bottom: -2.5px !important; + } + .gapY-5 > * { + padding-top: 2.5px !important; + padding-bottom: 2.5px !important; + } + + .gap-5 { + margin: -2.5px !important; + } + .gap-5 > * { + padding: 2.5px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-5\@xl\+ { + margin-left: -2.5px !important; + margin-right: -2.5px !important; + } + .gapX-5\@xl\+ > * { + padding-left: 2.5px !important; + padding-right: 2.5px !important; + } + .gapY-5\@xl\+ { + margin-top: -2.5px !important; + margin-bottom: -2.5px !important; + } + .gapY-5\@xl\+ > * { + padding-top: 2.5px !important; + padding-bottom: 2.5px !important; + } + .gap-5\@xl\+ { + margin: -2.5px !important; + } + .gap-5\@xl\+ > * { + padding: 2.5px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-5\@lg\+ { + margin-left: -2.5px !important; + margin-right: -2.5px !important; + } + .gapX-5\@lg\+ > * { + padding-left: 2.5px !important; + padding-right: 2.5px !important; + } + .gapY-5\@lg\+ { + margin-top: -2.5px !important; + margin-bottom: -2.5px !important; + } + .gapY-5\@lg\+ > * { + padding-top: 2.5px !important; + padding-bottom: 2.5px !important; + } + .gap-5\@lg\+ { + margin: -2.5px !important; + } + .gap-5\@lg\+ > * { + padding: 2.5px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-5\@md\+ { + margin-left: -2.5px !important; + margin-right: -2.5px !important; + } + .gapX-5\@md\+ > * { + padding-left: 2.5px !important; + padding-right: 2.5px !important; + } + .gapY-5\@md\+ { + margin-top: -2.5px !important; + margin-bottom: -2.5px !important; + } + .gapY-5\@md\+ > * { + padding-top: 2.5px !important; + padding-bottom: 2.5px !important; + } + .gap-5\@md\+ { + margin: -2.5px !important; + } + .gap-5\@md\+ > * { + padding: 2.5px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-5\@sm\+ { + margin-left: -2.5px !important; + margin-right: -2.5px !important; + } + .gapX-5\@sm\+ > * { + padding-left: 2.5px !important; + padding-right: 2.5px !important; + } + .gapY-5\@sm\+ { + margin-top: -2.5px !important; + margin-bottom: -2.5px !important; + } + .gapY-5\@sm\+ > * { + padding-top: 2.5px !important; + padding-bottom: 2.5px !important; + } + .gap-5\@sm\+ { + margin: -2.5px !important; + } + .gap-5\@sm\+ > * { + padding: 2.5px !important; + } + } + @media screen and (min-width: 0) { + .gapX-5\@xs\+ { + margin-left: -2.5px !important; + margin-right: -2.5px !important; + } + .gapX-5\@xs\+ > * { + padding-left: 2.5px !important; + padding-right: 2.5px !important; + } + .gapY-5\@xs\+ { + margin-top: -2.5px !important; + margin-bottom: -2.5px !important; + } + .gapY-5\@xs\+ > * { + padding-top: 2.5px !important; + padding-bottom: 2.5px !important; + } + .gap-5\@xs\+ { + margin: -2.5px !important; + } + .gap-5\@xs\+ > * { + padding: 2.5px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-5\@xl- { + margin-left: -2.5px !important; + margin-right: -2.5px !important; + } + .gapX-5\@xl- > * { + padding-left: 2.5px !important; + padding-right: 2.5px !important; + } + .gapY-5\@xl- { + margin-top: -2.5px !important; + margin-bottom: -2.5px !important; + } + .gapY-5\@xl- > * { + padding-top: 2.5px !important; + padding-bottom: 2.5px !important; + } + .gap-5\@xl- { + margin: -2.5px !important; + } + .gap-5\@xl- > * { + padding: 2.5px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-5\@lg- { + margin-left: -2.5px !important; + margin-right: -2.5px !important; + } + .gapX-5\@lg- > * { + padding-left: 2.5px !important; + padding-right: 2.5px !important; + } + .gapY-5\@lg- { + margin-top: -2.5px !important; + margin-bottom: -2.5px !important; + } + .gapY-5\@lg- > * { + padding-top: 2.5px !important; + padding-bottom: 2.5px !important; + } + .gap-5\@lg- { + margin: -2.5px !important; + } + .gap-5\@lg- > * { + padding: 2.5px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-5\@md- { + margin-left: -2.5px !important; + margin-right: -2.5px !important; + } + .gapX-5\@md- > * { + padding-left: 2.5px !important; + padding-right: 2.5px !important; + } + .gapY-5\@md- { + margin-top: -2.5px !important; + margin-bottom: -2.5px !important; + } + .gapY-5\@md- > * { + padding-top: 2.5px !important; + padding-bottom: 2.5px !important; + } + .gap-5\@md- { + margin: -2.5px !important; + } + .gap-5\@md- > * { + padding: 2.5px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-5\@sm- { + margin-left: -2.5px !important; + margin-right: -2.5px !important; + } + .gapX-5\@sm- > * { + padding-left: 2.5px !important; + padding-right: 2.5px !important; + } + .gapY-5\@sm- { + margin-top: -2.5px !important; + margin-bottom: -2.5px !important; + } + .gapY-5\@sm- > * { + padding-top: 2.5px !important; + padding-bottom: 2.5px !important; + } + .gap-5\@sm- { + margin: -2.5px !important; + } + .gap-5\@sm- > * { + padding: 2.5px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-5\@lg { + margin-left: -2.5px !important; + margin-right: -2.5px !important; + } + .gapX-5\@lg > * { + padding-left: 2.5px !important; + padding-right: 2.5px !important; + } + .gapY-5\@lg { + margin-top: -2.5px !important; + margin-bottom: -2.5px !important; + } + .gapY-5\@lg > * { + padding-top: 2.5px !important; + padding-bottom: 2.5px !important; + } + .gap-5\@lg { + margin: -2.5px !important; + } + .gap-5\@lg > * { + padding: 2.5px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-5\@md { + margin-left: -2.5px !important; + margin-right: -2.5px !important; + } + .gapX-5\@md > * { + padding-left: 2.5px !important; + padding-right: 2.5px !important; + } + .gapY-5\@md { + margin-top: -2.5px !important; + margin-bottom: -2.5px !important; + } + .gapY-5\@md > * { + padding-top: 2.5px !important; + padding-bottom: 2.5px !important; + } + .gap-5\@md { + margin: -2.5px !important; + } + .gap-5\@md > * { + padding: 2.5px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-5\@sm { + margin-left: -2.5px !important; + margin-right: -2.5px !important; + } + .gapX-5\@sm > * { + padding-left: 2.5px !important; + padding-right: 2.5px !important; + } + .gapY-5\@sm { + margin-top: -2.5px !important; + margin-bottom: -2.5px !important; + } + .gapY-5\@sm > * { + padding-top: 2.5px !important; + padding-bottom: 2.5px !important; + } + .gap-5\@sm { + margin: -2.5px !important; + } + .gap-5\@sm > * { + padding: 2.5px !important; + } + } + .gapX-10 { + margin-left: -5px !important; + margin-right: -5px !important; + } + .gapX-10 > * { + padding-left: 5px !important; + padding-right: 5px !important; + } + + .gapY-10 { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .gapY-10 > * { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + + .gap-10 { + margin: -5px !important; + } + .gap-10 > * { + padding: 5px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-10\@xl\+ { + margin-left: -5px !important; + margin-right: -5px !important; + } + .gapX-10\@xl\+ > * { + padding-left: 5px !important; + padding-right: 5px !important; + } + .gapY-10\@xl\+ { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .gapY-10\@xl\+ > * { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .gap-10\@xl\+ { + margin: -5px !important; + } + .gap-10\@xl\+ > * { + padding: 5px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-10\@lg\+ { + margin-left: -5px !important; + margin-right: -5px !important; + } + .gapX-10\@lg\+ > * { + padding-left: 5px !important; + padding-right: 5px !important; + } + .gapY-10\@lg\+ { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .gapY-10\@lg\+ > * { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .gap-10\@lg\+ { + margin: -5px !important; + } + .gap-10\@lg\+ > * { + padding: 5px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-10\@md\+ { + margin-left: -5px !important; + margin-right: -5px !important; + } + .gapX-10\@md\+ > * { + padding-left: 5px !important; + padding-right: 5px !important; + } + .gapY-10\@md\+ { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .gapY-10\@md\+ > * { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .gap-10\@md\+ { + margin: -5px !important; + } + .gap-10\@md\+ > * { + padding: 5px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-10\@sm\+ { + margin-left: -5px !important; + margin-right: -5px !important; + } + .gapX-10\@sm\+ > * { + padding-left: 5px !important; + padding-right: 5px !important; + } + .gapY-10\@sm\+ { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .gapY-10\@sm\+ > * { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .gap-10\@sm\+ { + margin: -5px !important; + } + .gap-10\@sm\+ > * { + padding: 5px !important; + } + } + @media screen and (min-width: 0) { + .gapX-10\@xs\+ { + margin-left: -5px !important; + margin-right: -5px !important; + } + .gapX-10\@xs\+ > * { + padding-left: 5px !important; + padding-right: 5px !important; + } + .gapY-10\@xs\+ { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .gapY-10\@xs\+ > * { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .gap-10\@xs\+ { + margin: -5px !important; + } + .gap-10\@xs\+ > * { + padding: 5px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-10\@xl- { + margin-left: -5px !important; + margin-right: -5px !important; + } + .gapX-10\@xl- > * { + padding-left: 5px !important; + padding-right: 5px !important; + } + .gapY-10\@xl- { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .gapY-10\@xl- > * { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .gap-10\@xl- { + margin: -5px !important; + } + .gap-10\@xl- > * { + padding: 5px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-10\@lg- { + margin-left: -5px !important; + margin-right: -5px !important; + } + .gapX-10\@lg- > * { + padding-left: 5px !important; + padding-right: 5px !important; + } + .gapY-10\@lg- { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .gapY-10\@lg- > * { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .gap-10\@lg- { + margin: -5px !important; + } + .gap-10\@lg- > * { + padding: 5px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-10\@md- { + margin-left: -5px !important; + margin-right: -5px !important; + } + .gapX-10\@md- > * { + padding-left: 5px !important; + padding-right: 5px !important; + } + .gapY-10\@md- { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .gapY-10\@md- > * { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .gap-10\@md- { + margin: -5px !important; + } + .gap-10\@md- > * { + padding: 5px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-10\@sm- { + margin-left: -5px !important; + margin-right: -5px !important; + } + .gapX-10\@sm- > * { + padding-left: 5px !important; + padding-right: 5px !important; + } + .gapY-10\@sm- { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .gapY-10\@sm- > * { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .gap-10\@sm- { + margin: -5px !important; + } + .gap-10\@sm- > * { + padding: 5px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-10\@lg { + margin-left: -5px !important; + margin-right: -5px !important; + } + .gapX-10\@lg > * { + padding-left: 5px !important; + padding-right: 5px !important; + } + .gapY-10\@lg { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .gapY-10\@lg > * { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .gap-10\@lg { + margin: -5px !important; + } + .gap-10\@lg > * { + padding: 5px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-10\@md { + margin-left: -5px !important; + margin-right: -5px !important; + } + .gapX-10\@md > * { + padding-left: 5px !important; + padding-right: 5px !important; + } + .gapY-10\@md { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .gapY-10\@md > * { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .gap-10\@md { + margin: -5px !important; + } + .gap-10\@md > * { + padding: 5px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-10\@sm { + margin-left: -5px !important; + margin-right: -5px !important; + } + .gapX-10\@sm > * { + padding-left: 5px !important; + padding-right: 5px !important; + } + .gapY-10\@sm { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .gapY-10\@sm > * { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .gap-10\@sm { + margin: -5px !important; + } + .gap-10\@sm > * { + padding: 5px !important; + } + } + .gapX-15 { + margin-left: -7.5px !important; + margin-right: -7.5px !important; + } + .gapX-15 > * { + padding-left: 7.5px !important; + padding-right: 7.5px !important; + } + + .gapY-15 { + margin-top: -7.5px !important; + margin-bottom: -7.5px !important; + } + .gapY-15 > * { + padding-top: 7.5px !important; + padding-bottom: 7.5px !important; + } + + .gap-15 { + margin: -7.5px !important; + } + .gap-15 > * { + padding: 7.5px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-15\@xl\+ { + margin-left: -7.5px !important; + margin-right: -7.5px !important; + } + .gapX-15\@xl\+ > * { + padding-left: 7.5px !important; + padding-right: 7.5px !important; + } + .gapY-15\@xl\+ { + margin-top: -7.5px !important; + margin-bottom: -7.5px !important; + } + .gapY-15\@xl\+ > * { + padding-top: 7.5px !important; + padding-bottom: 7.5px !important; + } + .gap-15\@xl\+ { + margin: -7.5px !important; + } + .gap-15\@xl\+ > * { + padding: 7.5px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-15\@lg\+ { + margin-left: -7.5px !important; + margin-right: -7.5px !important; + } + .gapX-15\@lg\+ > * { + padding-left: 7.5px !important; + padding-right: 7.5px !important; + } + .gapY-15\@lg\+ { + margin-top: -7.5px !important; + margin-bottom: -7.5px !important; + } + .gapY-15\@lg\+ > * { + padding-top: 7.5px !important; + padding-bottom: 7.5px !important; + } + .gap-15\@lg\+ { + margin: -7.5px !important; + } + .gap-15\@lg\+ > * { + padding: 7.5px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-15\@md\+ { + margin-left: -7.5px !important; + margin-right: -7.5px !important; + } + .gapX-15\@md\+ > * { + padding-left: 7.5px !important; + padding-right: 7.5px !important; + } + .gapY-15\@md\+ { + margin-top: -7.5px !important; + margin-bottom: -7.5px !important; + } + .gapY-15\@md\+ > * { + padding-top: 7.5px !important; + padding-bottom: 7.5px !important; + } + .gap-15\@md\+ { + margin: -7.5px !important; + } + .gap-15\@md\+ > * { + padding: 7.5px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-15\@sm\+ { + margin-left: -7.5px !important; + margin-right: -7.5px !important; + } + .gapX-15\@sm\+ > * { + padding-left: 7.5px !important; + padding-right: 7.5px !important; + } + .gapY-15\@sm\+ { + margin-top: -7.5px !important; + margin-bottom: -7.5px !important; + } + .gapY-15\@sm\+ > * { + padding-top: 7.5px !important; + padding-bottom: 7.5px !important; + } + .gap-15\@sm\+ { + margin: -7.5px !important; + } + .gap-15\@sm\+ > * { + padding: 7.5px !important; + } + } + @media screen and (min-width: 0) { + .gapX-15\@xs\+ { + margin-left: -7.5px !important; + margin-right: -7.5px !important; + } + .gapX-15\@xs\+ > * { + padding-left: 7.5px !important; + padding-right: 7.5px !important; + } + .gapY-15\@xs\+ { + margin-top: -7.5px !important; + margin-bottom: -7.5px !important; + } + .gapY-15\@xs\+ > * { + padding-top: 7.5px !important; + padding-bottom: 7.5px !important; + } + .gap-15\@xs\+ { + margin: -7.5px !important; + } + .gap-15\@xs\+ > * { + padding: 7.5px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-15\@xl- { + margin-left: -7.5px !important; + margin-right: -7.5px !important; + } + .gapX-15\@xl- > * { + padding-left: 7.5px !important; + padding-right: 7.5px !important; + } + .gapY-15\@xl- { + margin-top: -7.5px !important; + margin-bottom: -7.5px !important; + } + .gapY-15\@xl- > * { + padding-top: 7.5px !important; + padding-bottom: 7.5px !important; + } + .gap-15\@xl- { + margin: -7.5px !important; + } + .gap-15\@xl- > * { + padding: 7.5px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-15\@lg- { + margin-left: -7.5px !important; + margin-right: -7.5px !important; + } + .gapX-15\@lg- > * { + padding-left: 7.5px !important; + padding-right: 7.5px !important; + } + .gapY-15\@lg- { + margin-top: -7.5px !important; + margin-bottom: -7.5px !important; + } + .gapY-15\@lg- > * { + padding-top: 7.5px !important; + padding-bottom: 7.5px !important; + } + .gap-15\@lg- { + margin: -7.5px !important; + } + .gap-15\@lg- > * { + padding: 7.5px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-15\@md- { + margin-left: -7.5px !important; + margin-right: -7.5px !important; + } + .gapX-15\@md- > * { + padding-left: 7.5px !important; + padding-right: 7.5px !important; + } + .gapY-15\@md- { + margin-top: -7.5px !important; + margin-bottom: -7.5px !important; + } + .gapY-15\@md- > * { + padding-top: 7.5px !important; + padding-bottom: 7.5px !important; + } + .gap-15\@md- { + margin: -7.5px !important; + } + .gap-15\@md- > * { + padding: 7.5px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-15\@sm- { + margin-left: -7.5px !important; + margin-right: -7.5px !important; + } + .gapX-15\@sm- > * { + padding-left: 7.5px !important; + padding-right: 7.5px !important; + } + .gapY-15\@sm- { + margin-top: -7.5px !important; + margin-bottom: -7.5px !important; + } + .gapY-15\@sm- > * { + padding-top: 7.5px !important; + padding-bottom: 7.5px !important; + } + .gap-15\@sm- { + margin: -7.5px !important; + } + .gap-15\@sm- > * { + padding: 7.5px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-15\@lg { + margin-left: -7.5px !important; + margin-right: -7.5px !important; + } + .gapX-15\@lg > * { + padding-left: 7.5px !important; + padding-right: 7.5px !important; + } + .gapY-15\@lg { + margin-top: -7.5px !important; + margin-bottom: -7.5px !important; + } + .gapY-15\@lg > * { + padding-top: 7.5px !important; + padding-bottom: 7.5px !important; + } + .gap-15\@lg { + margin: -7.5px !important; + } + .gap-15\@lg > * { + padding: 7.5px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-15\@md { + margin-left: -7.5px !important; + margin-right: -7.5px !important; + } + .gapX-15\@md > * { + padding-left: 7.5px !important; + padding-right: 7.5px !important; + } + .gapY-15\@md { + margin-top: -7.5px !important; + margin-bottom: -7.5px !important; + } + .gapY-15\@md > * { + padding-top: 7.5px !important; + padding-bottom: 7.5px !important; + } + .gap-15\@md { + margin: -7.5px !important; + } + .gap-15\@md > * { + padding: 7.5px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-15\@sm { + margin-left: -7.5px !important; + margin-right: -7.5px !important; + } + .gapX-15\@sm > * { + padding-left: 7.5px !important; + padding-right: 7.5px !important; + } + .gapY-15\@sm { + margin-top: -7.5px !important; + margin-bottom: -7.5px !important; + } + .gapY-15\@sm > * { + padding-top: 7.5px !important; + padding-bottom: 7.5px !important; + } + .gap-15\@sm { + margin: -7.5px !important; + } + .gap-15\@sm > * { + padding: 7.5px !important; + } + } + .gapX-20 { + margin-left: -10px !important; + margin-right: -10px !important; + } + .gapX-20 > * { + padding-left: 10px !important; + padding-right: 10px !important; + } + + .gapY-20 { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .gapY-20 > * { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + + .gap-20 { + margin: -10px !important; + } + .gap-20 > * { + padding: 10px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-20\@xl\+ { + margin-left: -10px !important; + margin-right: -10px !important; + } + .gapX-20\@xl\+ > * { + padding-left: 10px !important; + padding-right: 10px !important; + } + .gapY-20\@xl\+ { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .gapY-20\@xl\+ > * { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .gap-20\@xl\+ { + margin: -10px !important; + } + .gap-20\@xl\+ > * { + padding: 10px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-20\@lg\+ { + margin-left: -10px !important; + margin-right: -10px !important; + } + .gapX-20\@lg\+ > * { + padding-left: 10px !important; + padding-right: 10px !important; + } + .gapY-20\@lg\+ { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .gapY-20\@lg\+ > * { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .gap-20\@lg\+ { + margin: -10px !important; + } + .gap-20\@lg\+ > * { + padding: 10px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-20\@md\+ { + margin-left: -10px !important; + margin-right: -10px !important; + } + .gapX-20\@md\+ > * { + padding-left: 10px !important; + padding-right: 10px !important; + } + .gapY-20\@md\+ { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .gapY-20\@md\+ > * { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .gap-20\@md\+ { + margin: -10px !important; + } + .gap-20\@md\+ > * { + padding: 10px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-20\@sm\+ { + margin-left: -10px !important; + margin-right: -10px !important; + } + .gapX-20\@sm\+ > * { + padding-left: 10px !important; + padding-right: 10px !important; + } + .gapY-20\@sm\+ { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .gapY-20\@sm\+ > * { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .gap-20\@sm\+ { + margin: -10px !important; + } + .gap-20\@sm\+ > * { + padding: 10px !important; + } + } + @media screen and (min-width: 0) { + .gapX-20\@xs\+ { + margin-left: -10px !important; + margin-right: -10px !important; + } + .gapX-20\@xs\+ > * { + padding-left: 10px !important; + padding-right: 10px !important; + } + .gapY-20\@xs\+ { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .gapY-20\@xs\+ > * { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .gap-20\@xs\+ { + margin: -10px !important; + } + .gap-20\@xs\+ > * { + padding: 10px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-20\@xl- { + margin-left: -10px !important; + margin-right: -10px !important; + } + .gapX-20\@xl- > * { + padding-left: 10px !important; + padding-right: 10px !important; + } + .gapY-20\@xl- { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .gapY-20\@xl- > * { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .gap-20\@xl- { + margin: -10px !important; + } + .gap-20\@xl- > * { + padding: 10px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-20\@lg- { + margin-left: -10px !important; + margin-right: -10px !important; + } + .gapX-20\@lg- > * { + padding-left: 10px !important; + padding-right: 10px !important; + } + .gapY-20\@lg- { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .gapY-20\@lg- > * { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .gap-20\@lg- { + margin: -10px !important; + } + .gap-20\@lg- > * { + padding: 10px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-20\@md- { + margin-left: -10px !important; + margin-right: -10px !important; + } + .gapX-20\@md- > * { + padding-left: 10px !important; + padding-right: 10px !important; + } + .gapY-20\@md- { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .gapY-20\@md- > * { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .gap-20\@md- { + margin: -10px !important; + } + .gap-20\@md- > * { + padding: 10px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-20\@sm- { + margin-left: -10px !important; + margin-right: -10px !important; + } + .gapX-20\@sm- > * { + padding-left: 10px !important; + padding-right: 10px !important; + } + .gapY-20\@sm- { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .gapY-20\@sm- > * { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .gap-20\@sm- { + margin: -10px !important; + } + .gap-20\@sm- > * { + padding: 10px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-20\@lg { + margin-left: -10px !important; + margin-right: -10px !important; + } + .gapX-20\@lg > * { + padding-left: 10px !important; + padding-right: 10px !important; + } + .gapY-20\@lg { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .gapY-20\@lg > * { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .gap-20\@lg { + margin: -10px !important; + } + .gap-20\@lg > * { + padding: 10px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-20\@md { + margin-left: -10px !important; + margin-right: -10px !important; + } + .gapX-20\@md > * { + padding-left: 10px !important; + padding-right: 10px !important; + } + .gapY-20\@md { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .gapY-20\@md > * { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .gap-20\@md { + margin: -10px !important; + } + .gap-20\@md > * { + padding: 10px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-20\@sm { + margin-left: -10px !important; + margin-right: -10px !important; + } + .gapX-20\@sm > * { + padding-left: 10px !important; + padding-right: 10px !important; + } + .gapY-20\@sm { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .gapY-20\@sm > * { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .gap-20\@sm { + margin: -10px !important; + } + .gap-20\@sm > * { + padding: 10px !important; + } + } + .gapX-25 { + margin-left: -12.5px !important; + margin-right: -12.5px !important; + } + .gapX-25 > * { + padding-left: 12.5px !important; + padding-right: 12.5px !important; + } + + .gapY-25 { + margin-top: -12.5px !important; + margin-bottom: -12.5px !important; + } + .gapY-25 > * { + padding-top: 12.5px !important; + padding-bottom: 12.5px !important; + } + + .gap-25 { + margin: -12.5px !important; + } + .gap-25 > * { + padding: 12.5px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-25\@xl\+ { + margin-left: -12.5px !important; + margin-right: -12.5px !important; + } + .gapX-25\@xl\+ > * { + padding-left: 12.5px !important; + padding-right: 12.5px !important; + } + .gapY-25\@xl\+ { + margin-top: -12.5px !important; + margin-bottom: -12.5px !important; + } + .gapY-25\@xl\+ > * { + padding-top: 12.5px !important; + padding-bottom: 12.5px !important; + } + .gap-25\@xl\+ { + margin: -12.5px !important; + } + .gap-25\@xl\+ > * { + padding: 12.5px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-25\@lg\+ { + margin-left: -12.5px !important; + margin-right: -12.5px !important; + } + .gapX-25\@lg\+ > * { + padding-left: 12.5px !important; + padding-right: 12.5px !important; + } + .gapY-25\@lg\+ { + margin-top: -12.5px !important; + margin-bottom: -12.5px !important; + } + .gapY-25\@lg\+ > * { + padding-top: 12.5px !important; + padding-bottom: 12.5px !important; + } + .gap-25\@lg\+ { + margin: -12.5px !important; + } + .gap-25\@lg\+ > * { + padding: 12.5px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-25\@md\+ { + margin-left: -12.5px !important; + margin-right: -12.5px !important; + } + .gapX-25\@md\+ > * { + padding-left: 12.5px !important; + padding-right: 12.5px !important; + } + .gapY-25\@md\+ { + margin-top: -12.5px !important; + margin-bottom: -12.5px !important; + } + .gapY-25\@md\+ > * { + padding-top: 12.5px !important; + padding-bottom: 12.5px !important; + } + .gap-25\@md\+ { + margin: -12.5px !important; + } + .gap-25\@md\+ > * { + padding: 12.5px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-25\@sm\+ { + margin-left: -12.5px !important; + margin-right: -12.5px !important; + } + .gapX-25\@sm\+ > * { + padding-left: 12.5px !important; + padding-right: 12.5px !important; + } + .gapY-25\@sm\+ { + margin-top: -12.5px !important; + margin-bottom: -12.5px !important; + } + .gapY-25\@sm\+ > * { + padding-top: 12.5px !important; + padding-bottom: 12.5px !important; + } + .gap-25\@sm\+ { + margin: -12.5px !important; + } + .gap-25\@sm\+ > * { + padding: 12.5px !important; + } + } + @media screen and (min-width: 0) { + .gapX-25\@xs\+ { + margin-left: -12.5px !important; + margin-right: -12.5px !important; + } + .gapX-25\@xs\+ > * { + padding-left: 12.5px !important; + padding-right: 12.5px !important; + } + .gapY-25\@xs\+ { + margin-top: -12.5px !important; + margin-bottom: -12.5px !important; + } + .gapY-25\@xs\+ > * { + padding-top: 12.5px !important; + padding-bottom: 12.5px !important; + } + .gap-25\@xs\+ { + margin: -12.5px !important; + } + .gap-25\@xs\+ > * { + padding: 12.5px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-25\@xl- { + margin-left: -12.5px !important; + margin-right: -12.5px !important; + } + .gapX-25\@xl- > * { + padding-left: 12.5px !important; + padding-right: 12.5px !important; + } + .gapY-25\@xl- { + margin-top: -12.5px !important; + margin-bottom: -12.5px !important; + } + .gapY-25\@xl- > * { + padding-top: 12.5px !important; + padding-bottom: 12.5px !important; + } + .gap-25\@xl- { + margin: -12.5px !important; + } + .gap-25\@xl- > * { + padding: 12.5px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-25\@lg- { + margin-left: -12.5px !important; + margin-right: -12.5px !important; + } + .gapX-25\@lg- > * { + padding-left: 12.5px !important; + padding-right: 12.5px !important; + } + .gapY-25\@lg- { + margin-top: -12.5px !important; + margin-bottom: -12.5px !important; + } + .gapY-25\@lg- > * { + padding-top: 12.5px !important; + padding-bottom: 12.5px !important; + } + .gap-25\@lg- { + margin: -12.5px !important; + } + .gap-25\@lg- > * { + padding: 12.5px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-25\@md- { + margin-left: -12.5px !important; + margin-right: -12.5px !important; + } + .gapX-25\@md- > * { + padding-left: 12.5px !important; + padding-right: 12.5px !important; + } + .gapY-25\@md- { + margin-top: -12.5px !important; + margin-bottom: -12.5px !important; + } + .gapY-25\@md- > * { + padding-top: 12.5px !important; + padding-bottom: 12.5px !important; + } + .gap-25\@md- { + margin: -12.5px !important; + } + .gap-25\@md- > * { + padding: 12.5px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-25\@sm- { + margin-left: -12.5px !important; + margin-right: -12.5px !important; + } + .gapX-25\@sm- > * { + padding-left: 12.5px !important; + padding-right: 12.5px !important; + } + .gapY-25\@sm- { + margin-top: -12.5px !important; + margin-bottom: -12.5px !important; + } + .gapY-25\@sm- > * { + padding-top: 12.5px !important; + padding-bottom: 12.5px !important; + } + .gap-25\@sm- { + margin: -12.5px !important; + } + .gap-25\@sm- > * { + padding: 12.5px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-25\@lg { + margin-left: -12.5px !important; + margin-right: -12.5px !important; + } + .gapX-25\@lg > * { + padding-left: 12.5px !important; + padding-right: 12.5px !important; + } + .gapY-25\@lg { + margin-top: -12.5px !important; + margin-bottom: -12.5px !important; + } + .gapY-25\@lg > * { + padding-top: 12.5px !important; + padding-bottom: 12.5px !important; + } + .gap-25\@lg { + margin: -12.5px !important; + } + .gap-25\@lg > * { + padding: 12.5px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-25\@md { + margin-left: -12.5px !important; + margin-right: -12.5px !important; + } + .gapX-25\@md > * { + padding-left: 12.5px !important; + padding-right: 12.5px !important; + } + .gapY-25\@md { + margin-top: -12.5px !important; + margin-bottom: -12.5px !important; + } + .gapY-25\@md > * { + padding-top: 12.5px !important; + padding-bottom: 12.5px !important; + } + .gap-25\@md { + margin: -12.5px !important; + } + .gap-25\@md > * { + padding: 12.5px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-25\@sm { + margin-left: -12.5px !important; + margin-right: -12.5px !important; + } + .gapX-25\@sm > * { + padding-left: 12.5px !important; + padding-right: 12.5px !important; + } + .gapY-25\@sm { + margin-top: -12.5px !important; + margin-bottom: -12.5px !important; + } + .gapY-25\@sm > * { + padding-top: 12.5px !important; + padding-bottom: 12.5px !important; + } + .gap-25\@sm { + margin: -12.5px !important; + } + .gap-25\@sm > * { + padding: 12.5px !important; + } + } + .gapX-30 { + margin-left: -15px !important; + margin-right: -15px !important; + } + .gapX-30 > * { + padding-left: 15px !important; + padding-right: 15px !important; + } + + .gapY-30 { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .gapY-30 > * { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + + .gap-30 { + margin: -15px !important; + } + .gap-30 > * { + padding: 15px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-30\@xl\+ { + margin-left: -15px !important; + margin-right: -15px !important; + } + .gapX-30\@xl\+ > * { + padding-left: 15px !important; + padding-right: 15px !important; + } + .gapY-30\@xl\+ { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .gapY-30\@xl\+ > * { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .gap-30\@xl\+ { + margin: -15px !important; + } + .gap-30\@xl\+ > * { + padding: 15px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-30\@lg\+ { + margin-left: -15px !important; + margin-right: -15px !important; + } + .gapX-30\@lg\+ > * { + padding-left: 15px !important; + padding-right: 15px !important; + } + .gapY-30\@lg\+ { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .gapY-30\@lg\+ > * { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .gap-30\@lg\+ { + margin: -15px !important; + } + .gap-30\@lg\+ > * { + padding: 15px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-30\@md\+ { + margin-left: -15px !important; + margin-right: -15px !important; + } + .gapX-30\@md\+ > * { + padding-left: 15px !important; + padding-right: 15px !important; + } + .gapY-30\@md\+ { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .gapY-30\@md\+ > * { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .gap-30\@md\+ { + margin: -15px !important; + } + .gap-30\@md\+ > * { + padding: 15px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-30\@sm\+ { + margin-left: -15px !important; + margin-right: -15px !important; + } + .gapX-30\@sm\+ > * { + padding-left: 15px !important; + padding-right: 15px !important; + } + .gapY-30\@sm\+ { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .gapY-30\@sm\+ > * { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .gap-30\@sm\+ { + margin: -15px !important; + } + .gap-30\@sm\+ > * { + padding: 15px !important; + } + } + @media screen and (min-width: 0) { + .gapX-30\@xs\+ { + margin-left: -15px !important; + margin-right: -15px !important; + } + .gapX-30\@xs\+ > * { + padding-left: 15px !important; + padding-right: 15px !important; + } + .gapY-30\@xs\+ { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .gapY-30\@xs\+ > * { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .gap-30\@xs\+ { + margin: -15px !important; + } + .gap-30\@xs\+ > * { + padding: 15px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-30\@xl- { + margin-left: -15px !important; + margin-right: -15px !important; + } + .gapX-30\@xl- > * { + padding-left: 15px !important; + padding-right: 15px !important; + } + .gapY-30\@xl- { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .gapY-30\@xl- > * { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .gap-30\@xl- { + margin: -15px !important; + } + .gap-30\@xl- > * { + padding: 15px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-30\@lg- { + margin-left: -15px !important; + margin-right: -15px !important; + } + .gapX-30\@lg- > * { + padding-left: 15px !important; + padding-right: 15px !important; + } + .gapY-30\@lg- { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .gapY-30\@lg- > * { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .gap-30\@lg- { + margin: -15px !important; + } + .gap-30\@lg- > * { + padding: 15px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-30\@md- { + margin-left: -15px !important; + margin-right: -15px !important; + } + .gapX-30\@md- > * { + padding-left: 15px !important; + padding-right: 15px !important; + } + .gapY-30\@md- { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .gapY-30\@md- > * { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .gap-30\@md- { + margin: -15px !important; + } + .gap-30\@md- > * { + padding: 15px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-30\@sm- { + margin-left: -15px !important; + margin-right: -15px !important; + } + .gapX-30\@sm- > * { + padding-left: 15px !important; + padding-right: 15px !important; + } + .gapY-30\@sm- { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .gapY-30\@sm- > * { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .gap-30\@sm- { + margin: -15px !important; + } + .gap-30\@sm- > * { + padding: 15px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-30\@lg { + margin-left: -15px !important; + margin-right: -15px !important; + } + .gapX-30\@lg > * { + padding-left: 15px !important; + padding-right: 15px !important; + } + .gapY-30\@lg { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .gapY-30\@lg > * { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .gap-30\@lg { + margin: -15px !important; + } + .gap-30\@lg > * { + padding: 15px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-30\@md { + margin-left: -15px !important; + margin-right: -15px !important; + } + .gapX-30\@md > * { + padding-left: 15px !important; + padding-right: 15px !important; + } + .gapY-30\@md { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .gapY-30\@md > * { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .gap-30\@md { + margin: -15px !important; + } + .gap-30\@md > * { + padding: 15px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-30\@sm { + margin-left: -15px !important; + margin-right: -15px !important; + } + .gapX-30\@sm > * { + padding-left: 15px !important; + padding-right: 15px !important; + } + .gapY-30\@sm { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .gapY-30\@sm > * { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .gap-30\@sm { + margin: -15px !important; + } + .gap-30\@sm > * { + padding: 15px !important; + } + } + .gapX-35 { + margin-left: -17.5px !important; + margin-right: -17.5px !important; + } + .gapX-35 > * { + padding-left: 17.5px !important; + padding-right: 17.5px !important; + } + + .gapY-35 { + margin-top: -17.5px !important; + margin-bottom: -17.5px !important; + } + .gapY-35 > * { + padding-top: 17.5px !important; + padding-bottom: 17.5px !important; + } + + .gap-35 { + margin: -17.5px !important; + } + .gap-35 > * { + padding: 17.5px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-35\@xl\+ { + margin-left: -17.5px !important; + margin-right: -17.5px !important; + } + .gapX-35\@xl\+ > * { + padding-left: 17.5px !important; + padding-right: 17.5px !important; + } + .gapY-35\@xl\+ { + margin-top: -17.5px !important; + margin-bottom: -17.5px !important; + } + .gapY-35\@xl\+ > * { + padding-top: 17.5px !important; + padding-bottom: 17.5px !important; + } + .gap-35\@xl\+ { + margin: -17.5px !important; + } + .gap-35\@xl\+ > * { + padding: 17.5px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-35\@lg\+ { + margin-left: -17.5px !important; + margin-right: -17.5px !important; + } + .gapX-35\@lg\+ > * { + padding-left: 17.5px !important; + padding-right: 17.5px !important; + } + .gapY-35\@lg\+ { + margin-top: -17.5px !important; + margin-bottom: -17.5px !important; + } + .gapY-35\@lg\+ > * { + padding-top: 17.5px !important; + padding-bottom: 17.5px !important; + } + .gap-35\@lg\+ { + margin: -17.5px !important; + } + .gap-35\@lg\+ > * { + padding: 17.5px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-35\@md\+ { + margin-left: -17.5px !important; + margin-right: -17.5px !important; + } + .gapX-35\@md\+ > * { + padding-left: 17.5px !important; + padding-right: 17.5px !important; + } + .gapY-35\@md\+ { + margin-top: -17.5px !important; + margin-bottom: -17.5px !important; + } + .gapY-35\@md\+ > * { + padding-top: 17.5px !important; + padding-bottom: 17.5px !important; + } + .gap-35\@md\+ { + margin: -17.5px !important; + } + .gap-35\@md\+ > * { + padding: 17.5px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-35\@sm\+ { + margin-left: -17.5px !important; + margin-right: -17.5px !important; + } + .gapX-35\@sm\+ > * { + padding-left: 17.5px !important; + padding-right: 17.5px !important; + } + .gapY-35\@sm\+ { + margin-top: -17.5px !important; + margin-bottom: -17.5px !important; + } + .gapY-35\@sm\+ > * { + padding-top: 17.5px !important; + padding-bottom: 17.5px !important; + } + .gap-35\@sm\+ { + margin: -17.5px !important; + } + .gap-35\@sm\+ > * { + padding: 17.5px !important; + } + } + @media screen and (min-width: 0) { + .gapX-35\@xs\+ { + margin-left: -17.5px !important; + margin-right: -17.5px !important; + } + .gapX-35\@xs\+ > * { + padding-left: 17.5px !important; + padding-right: 17.5px !important; + } + .gapY-35\@xs\+ { + margin-top: -17.5px !important; + margin-bottom: -17.5px !important; + } + .gapY-35\@xs\+ > * { + padding-top: 17.5px !important; + padding-bottom: 17.5px !important; + } + .gap-35\@xs\+ { + margin: -17.5px !important; + } + .gap-35\@xs\+ > * { + padding: 17.5px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-35\@xl- { + margin-left: -17.5px !important; + margin-right: -17.5px !important; + } + .gapX-35\@xl- > * { + padding-left: 17.5px !important; + padding-right: 17.5px !important; + } + .gapY-35\@xl- { + margin-top: -17.5px !important; + margin-bottom: -17.5px !important; + } + .gapY-35\@xl- > * { + padding-top: 17.5px !important; + padding-bottom: 17.5px !important; + } + .gap-35\@xl- { + margin: -17.5px !important; + } + .gap-35\@xl- > * { + padding: 17.5px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-35\@lg- { + margin-left: -17.5px !important; + margin-right: -17.5px !important; + } + .gapX-35\@lg- > * { + padding-left: 17.5px !important; + padding-right: 17.5px !important; + } + .gapY-35\@lg- { + margin-top: -17.5px !important; + margin-bottom: -17.5px !important; + } + .gapY-35\@lg- > * { + padding-top: 17.5px !important; + padding-bottom: 17.5px !important; + } + .gap-35\@lg- { + margin: -17.5px !important; + } + .gap-35\@lg- > * { + padding: 17.5px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-35\@md- { + margin-left: -17.5px !important; + margin-right: -17.5px !important; + } + .gapX-35\@md- > * { + padding-left: 17.5px !important; + padding-right: 17.5px !important; + } + .gapY-35\@md- { + margin-top: -17.5px !important; + margin-bottom: -17.5px !important; + } + .gapY-35\@md- > * { + padding-top: 17.5px !important; + padding-bottom: 17.5px !important; + } + .gap-35\@md- { + margin: -17.5px !important; + } + .gap-35\@md- > * { + padding: 17.5px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-35\@sm- { + margin-left: -17.5px !important; + margin-right: -17.5px !important; + } + .gapX-35\@sm- > * { + padding-left: 17.5px !important; + padding-right: 17.5px !important; + } + .gapY-35\@sm- { + margin-top: -17.5px !important; + margin-bottom: -17.5px !important; + } + .gapY-35\@sm- > * { + padding-top: 17.5px !important; + padding-bottom: 17.5px !important; + } + .gap-35\@sm- { + margin: -17.5px !important; + } + .gap-35\@sm- > * { + padding: 17.5px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-35\@lg { + margin-left: -17.5px !important; + margin-right: -17.5px !important; + } + .gapX-35\@lg > * { + padding-left: 17.5px !important; + padding-right: 17.5px !important; + } + .gapY-35\@lg { + margin-top: -17.5px !important; + margin-bottom: -17.5px !important; + } + .gapY-35\@lg > * { + padding-top: 17.5px !important; + padding-bottom: 17.5px !important; + } + .gap-35\@lg { + margin: -17.5px !important; + } + .gap-35\@lg > * { + padding: 17.5px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-35\@md { + margin-left: -17.5px !important; + margin-right: -17.5px !important; + } + .gapX-35\@md > * { + padding-left: 17.5px !important; + padding-right: 17.5px !important; + } + .gapY-35\@md { + margin-top: -17.5px !important; + margin-bottom: -17.5px !important; + } + .gapY-35\@md > * { + padding-top: 17.5px !important; + padding-bottom: 17.5px !important; + } + .gap-35\@md { + margin: -17.5px !important; + } + .gap-35\@md > * { + padding: 17.5px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-35\@sm { + margin-left: -17.5px !important; + margin-right: -17.5px !important; + } + .gapX-35\@sm > * { + padding-left: 17.5px !important; + padding-right: 17.5px !important; + } + .gapY-35\@sm { + margin-top: -17.5px !important; + margin-bottom: -17.5px !important; + } + .gapY-35\@sm > * { + padding-top: 17.5px !important; + padding-bottom: 17.5px !important; + } + .gap-35\@sm { + margin: -17.5px !important; + } + .gap-35\@sm > * { + padding: 17.5px !important; + } + } + .gapX-40 { + margin-left: -20px !important; + margin-right: -20px !important; + } + .gapX-40 > * { + padding-left: 20px !important; + padding-right: 20px !important; + } + + .gapY-40 { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .gapY-40 > * { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + + .gap-40 { + margin: -20px !important; + } + .gap-40 > * { + padding: 20px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-40\@xl\+ { + margin-left: -20px !important; + margin-right: -20px !important; + } + .gapX-40\@xl\+ > * { + padding-left: 20px !important; + padding-right: 20px !important; + } + .gapY-40\@xl\+ { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .gapY-40\@xl\+ > * { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .gap-40\@xl\+ { + margin: -20px !important; + } + .gap-40\@xl\+ > * { + padding: 20px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-40\@lg\+ { + margin-left: -20px !important; + margin-right: -20px !important; + } + .gapX-40\@lg\+ > * { + padding-left: 20px !important; + padding-right: 20px !important; + } + .gapY-40\@lg\+ { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .gapY-40\@lg\+ > * { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .gap-40\@lg\+ { + margin: -20px !important; + } + .gap-40\@lg\+ > * { + padding: 20px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-40\@md\+ { + margin-left: -20px !important; + margin-right: -20px !important; + } + .gapX-40\@md\+ > * { + padding-left: 20px !important; + padding-right: 20px !important; + } + .gapY-40\@md\+ { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .gapY-40\@md\+ > * { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .gap-40\@md\+ { + margin: -20px !important; + } + .gap-40\@md\+ > * { + padding: 20px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-40\@sm\+ { + margin-left: -20px !important; + margin-right: -20px !important; + } + .gapX-40\@sm\+ > * { + padding-left: 20px !important; + padding-right: 20px !important; + } + .gapY-40\@sm\+ { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .gapY-40\@sm\+ > * { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .gap-40\@sm\+ { + margin: -20px !important; + } + .gap-40\@sm\+ > * { + padding: 20px !important; + } + } + @media screen and (min-width: 0) { + .gapX-40\@xs\+ { + margin-left: -20px !important; + margin-right: -20px !important; + } + .gapX-40\@xs\+ > * { + padding-left: 20px !important; + padding-right: 20px !important; + } + .gapY-40\@xs\+ { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .gapY-40\@xs\+ > * { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .gap-40\@xs\+ { + margin: -20px !important; + } + .gap-40\@xs\+ > * { + padding: 20px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-40\@xl- { + margin-left: -20px !important; + margin-right: -20px !important; + } + .gapX-40\@xl- > * { + padding-left: 20px !important; + padding-right: 20px !important; + } + .gapY-40\@xl- { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .gapY-40\@xl- > * { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .gap-40\@xl- { + margin: -20px !important; + } + .gap-40\@xl- > * { + padding: 20px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-40\@lg- { + margin-left: -20px !important; + margin-right: -20px !important; + } + .gapX-40\@lg- > * { + padding-left: 20px !important; + padding-right: 20px !important; + } + .gapY-40\@lg- { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .gapY-40\@lg- > * { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .gap-40\@lg- { + margin: -20px !important; + } + .gap-40\@lg- > * { + padding: 20px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-40\@md- { + margin-left: -20px !important; + margin-right: -20px !important; + } + .gapX-40\@md- > * { + padding-left: 20px !important; + padding-right: 20px !important; + } + .gapY-40\@md- { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .gapY-40\@md- > * { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .gap-40\@md- { + margin: -20px !important; + } + .gap-40\@md- > * { + padding: 20px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-40\@sm- { + margin-left: -20px !important; + margin-right: -20px !important; + } + .gapX-40\@sm- > * { + padding-left: 20px !important; + padding-right: 20px !important; + } + .gapY-40\@sm- { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .gapY-40\@sm- > * { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .gap-40\@sm- { + margin: -20px !important; + } + .gap-40\@sm- > * { + padding: 20px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-40\@lg { + margin-left: -20px !important; + margin-right: -20px !important; + } + .gapX-40\@lg > * { + padding-left: 20px !important; + padding-right: 20px !important; + } + .gapY-40\@lg { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .gapY-40\@lg > * { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .gap-40\@lg { + margin: -20px !important; + } + .gap-40\@lg > * { + padding: 20px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-40\@md { + margin-left: -20px !important; + margin-right: -20px !important; + } + .gapX-40\@md > * { + padding-left: 20px !important; + padding-right: 20px !important; + } + .gapY-40\@md { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .gapY-40\@md > * { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .gap-40\@md { + margin: -20px !important; + } + .gap-40\@md > * { + padding: 20px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-40\@sm { + margin-left: -20px !important; + margin-right: -20px !important; + } + .gapX-40\@sm > * { + padding-left: 20px !important; + padding-right: 20px !important; + } + .gapY-40\@sm { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .gapY-40\@sm > * { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .gap-40\@sm { + margin: -20px !important; + } + .gap-40\@sm > * { + padding: 20px !important; + } + } + .gapX-50 { + margin-left: -25px !important; + margin-right: -25px !important; + } + .gapX-50 > * { + padding-left: 25px !important; + padding-right: 25px !important; + } + + .gapY-50 { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .gapY-50 > * { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + + .gap-50 { + margin: -25px !important; + } + .gap-50 > * { + padding: 25px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-50\@xl\+ { + margin-left: -25px !important; + margin-right: -25px !important; + } + .gapX-50\@xl\+ > * { + padding-left: 25px !important; + padding-right: 25px !important; + } + .gapY-50\@xl\+ { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .gapY-50\@xl\+ > * { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .gap-50\@xl\+ { + margin: -25px !important; + } + .gap-50\@xl\+ > * { + padding: 25px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-50\@lg\+ { + margin-left: -25px !important; + margin-right: -25px !important; + } + .gapX-50\@lg\+ > * { + padding-left: 25px !important; + padding-right: 25px !important; + } + .gapY-50\@lg\+ { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .gapY-50\@lg\+ > * { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .gap-50\@lg\+ { + margin: -25px !important; + } + .gap-50\@lg\+ > * { + padding: 25px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-50\@md\+ { + margin-left: -25px !important; + margin-right: -25px !important; + } + .gapX-50\@md\+ > * { + padding-left: 25px !important; + padding-right: 25px !important; + } + .gapY-50\@md\+ { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .gapY-50\@md\+ > * { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .gap-50\@md\+ { + margin: -25px !important; + } + .gap-50\@md\+ > * { + padding: 25px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-50\@sm\+ { + margin-left: -25px !important; + margin-right: -25px !important; + } + .gapX-50\@sm\+ > * { + padding-left: 25px !important; + padding-right: 25px !important; + } + .gapY-50\@sm\+ { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .gapY-50\@sm\+ > * { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .gap-50\@sm\+ { + margin: -25px !important; + } + .gap-50\@sm\+ > * { + padding: 25px !important; + } + } + @media screen and (min-width: 0) { + .gapX-50\@xs\+ { + margin-left: -25px !important; + margin-right: -25px !important; + } + .gapX-50\@xs\+ > * { + padding-left: 25px !important; + padding-right: 25px !important; + } + .gapY-50\@xs\+ { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .gapY-50\@xs\+ > * { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .gap-50\@xs\+ { + margin: -25px !important; + } + .gap-50\@xs\+ > * { + padding: 25px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-50\@xl- { + margin-left: -25px !important; + margin-right: -25px !important; + } + .gapX-50\@xl- > * { + padding-left: 25px !important; + padding-right: 25px !important; + } + .gapY-50\@xl- { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .gapY-50\@xl- > * { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .gap-50\@xl- { + margin: -25px !important; + } + .gap-50\@xl- > * { + padding: 25px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-50\@lg- { + margin-left: -25px !important; + margin-right: -25px !important; + } + .gapX-50\@lg- > * { + padding-left: 25px !important; + padding-right: 25px !important; + } + .gapY-50\@lg- { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .gapY-50\@lg- > * { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .gap-50\@lg- { + margin: -25px !important; + } + .gap-50\@lg- > * { + padding: 25px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-50\@md- { + margin-left: -25px !important; + margin-right: -25px !important; + } + .gapX-50\@md- > * { + padding-left: 25px !important; + padding-right: 25px !important; + } + .gapY-50\@md- { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .gapY-50\@md- > * { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .gap-50\@md- { + margin: -25px !important; + } + .gap-50\@md- > * { + padding: 25px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-50\@sm- { + margin-left: -25px !important; + margin-right: -25px !important; + } + .gapX-50\@sm- > * { + padding-left: 25px !important; + padding-right: 25px !important; + } + .gapY-50\@sm- { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .gapY-50\@sm- > * { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .gap-50\@sm- { + margin: -25px !important; + } + .gap-50\@sm- > * { + padding: 25px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-50\@lg { + margin-left: -25px !important; + margin-right: -25px !important; + } + .gapX-50\@lg > * { + padding-left: 25px !important; + padding-right: 25px !important; + } + .gapY-50\@lg { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .gapY-50\@lg > * { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .gap-50\@lg { + margin: -25px !important; + } + .gap-50\@lg > * { + padding: 25px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-50\@md { + margin-left: -25px !important; + margin-right: -25px !important; + } + .gapX-50\@md > * { + padding-left: 25px !important; + padding-right: 25px !important; + } + .gapY-50\@md { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .gapY-50\@md > * { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .gap-50\@md { + margin: -25px !important; + } + .gap-50\@md > * { + padding: 25px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-50\@sm { + margin-left: -25px !important; + margin-right: -25px !important; + } + .gapX-50\@sm > * { + padding-left: 25px !important; + padding-right: 25px !important; + } + .gapY-50\@sm { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .gapY-50\@sm > * { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .gap-50\@sm { + margin: -25px !important; + } + .gap-50\@sm > * { + padding: 25px !important; + } + } + .gapX-60 { + margin-left: -30px !important; + margin-right: -30px !important; + } + .gapX-60 > * { + padding-left: 30px !important; + padding-right: 30px !important; + } + + .gapY-60 { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .gapY-60 > * { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + + .gap-60 { + margin: -30px !important; + } + .gap-60 > * { + padding: 30px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-60\@xl\+ { + margin-left: -30px !important; + margin-right: -30px !important; + } + .gapX-60\@xl\+ > * { + padding-left: 30px !important; + padding-right: 30px !important; + } + .gapY-60\@xl\+ { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .gapY-60\@xl\+ > * { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .gap-60\@xl\+ { + margin: -30px !important; + } + .gap-60\@xl\+ > * { + padding: 30px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-60\@lg\+ { + margin-left: -30px !important; + margin-right: -30px !important; + } + .gapX-60\@lg\+ > * { + padding-left: 30px !important; + padding-right: 30px !important; + } + .gapY-60\@lg\+ { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .gapY-60\@lg\+ > * { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .gap-60\@lg\+ { + margin: -30px !important; + } + .gap-60\@lg\+ > * { + padding: 30px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-60\@md\+ { + margin-left: -30px !important; + margin-right: -30px !important; + } + .gapX-60\@md\+ > * { + padding-left: 30px !important; + padding-right: 30px !important; + } + .gapY-60\@md\+ { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .gapY-60\@md\+ > * { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .gap-60\@md\+ { + margin: -30px !important; + } + .gap-60\@md\+ > * { + padding: 30px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-60\@sm\+ { + margin-left: -30px !important; + margin-right: -30px !important; + } + .gapX-60\@sm\+ > * { + padding-left: 30px !important; + padding-right: 30px !important; + } + .gapY-60\@sm\+ { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .gapY-60\@sm\+ > * { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .gap-60\@sm\+ { + margin: -30px !important; + } + .gap-60\@sm\+ > * { + padding: 30px !important; + } + } + @media screen and (min-width: 0) { + .gapX-60\@xs\+ { + margin-left: -30px !important; + margin-right: -30px !important; + } + .gapX-60\@xs\+ > * { + padding-left: 30px !important; + padding-right: 30px !important; + } + .gapY-60\@xs\+ { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .gapY-60\@xs\+ > * { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .gap-60\@xs\+ { + margin: -30px !important; + } + .gap-60\@xs\+ > * { + padding: 30px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-60\@xl- { + margin-left: -30px !important; + margin-right: -30px !important; + } + .gapX-60\@xl- > * { + padding-left: 30px !important; + padding-right: 30px !important; + } + .gapY-60\@xl- { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .gapY-60\@xl- > * { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .gap-60\@xl- { + margin: -30px !important; + } + .gap-60\@xl- > * { + padding: 30px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-60\@lg- { + margin-left: -30px !important; + margin-right: -30px !important; + } + .gapX-60\@lg- > * { + padding-left: 30px !important; + padding-right: 30px !important; + } + .gapY-60\@lg- { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .gapY-60\@lg- > * { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .gap-60\@lg- { + margin: -30px !important; + } + .gap-60\@lg- > * { + padding: 30px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-60\@md- { + margin-left: -30px !important; + margin-right: -30px !important; + } + .gapX-60\@md- > * { + padding-left: 30px !important; + padding-right: 30px !important; + } + .gapY-60\@md- { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .gapY-60\@md- > * { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .gap-60\@md- { + margin: -30px !important; + } + .gap-60\@md- > * { + padding: 30px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-60\@sm- { + margin-left: -30px !important; + margin-right: -30px !important; + } + .gapX-60\@sm- > * { + padding-left: 30px !important; + padding-right: 30px !important; + } + .gapY-60\@sm- { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .gapY-60\@sm- > * { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .gap-60\@sm- { + margin: -30px !important; + } + .gap-60\@sm- > * { + padding: 30px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-60\@lg { + margin-left: -30px !important; + margin-right: -30px !important; + } + .gapX-60\@lg > * { + padding-left: 30px !important; + padding-right: 30px !important; + } + .gapY-60\@lg { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .gapY-60\@lg > * { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .gap-60\@lg { + margin: -30px !important; + } + .gap-60\@lg > * { + padding: 30px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-60\@md { + margin-left: -30px !important; + margin-right: -30px !important; + } + .gapX-60\@md > * { + padding-left: 30px !important; + padding-right: 30px !important; + } + .gapY-60\@md { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .gapY-60\@md > * { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .gap-60\@md { + margin: -30px !important; + } + .gap-60\@md > * { + padding: 30px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-60\@sm { + margin-left: -30px !important; + margin-right: -30px !important; + } + .gapX-60\@sm > * { + padding-left: 30px !important; + padding-right: 30px !important; + } + .gapY-60\@sm { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .gapY-60\@sm > * { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .gap-60\@sm { + margin: -30px !important; + } + .gap-60\@sm > * { + padding: 30px !important; + } + } + .gapX-70 { + margin-left: -35px !important; + margin-right: -35px !important; + } + .gapX-70 > * { + padding-left: 35px !important; + padding-right: 35px !important; + } + + .gapY-70 { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .gapY-70 > * { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + + .gap-70 { + margin: -35px !important; + } + .gap-70 > * { + padding: 35px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-70\@xl\+ { + margin-left: -35px !important; + margin-right: -35px !important; + } + .gapX-70\@xl\+ > * { + padding-left: 35px !important; + padding-right: 35px !important; + } + .gapY-70\@xl\+ { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .gapY-70\@xl\+ > * { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .gap-70\@xl\+ { + margin: -35px !important; + } + .gap-70\@xl\+ > * { + padding: 35px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-70\@lg\+ { + margin-left: -35px !important; + margin-right: -35px !important; + } + .gapX-70\@lg\+ > * { + padding-left: 35px !important; + padding-right: 35px !important; + } + .gapY-70\@lg\+ { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .gapY-70\@lg\+ > * { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .gap-70\@lg\+ { + margin: -35px !important; + } + .gap-70\@lg\+ > * { + padding: 35px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-70\@md\+ { + margin-left: -35px !important; + margin-right: -35px !important; + } + .gapX-70\@md\+ > * { + padding-left: 35px !important; + padding-right: 35px !important; + } + .gapY-70\@md\+ { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .gapY-70\@md\+ > * { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .gap-70\@md\+ { + margin: -35px !important; + } + .gap-70\@md\+ > * { + padding: 35px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-70\@sm\+ { + margin-left: -35px !important; + margin-right: -35px !important; + } + .gapX-70\@sm\+ > * { + padding-left: 35px !important; + padding-right: 35px !important; + } + .gapY-70\@sm\+ { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .gapY-70\@sm\+ > * { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .gap-70\@sm\+ { + margin: -35px !important; + } + .gap-70\@sm\+ > * { + padding: 35px !important; + } + } + @media screen and (min-width: 0) { + .gapX-70\@xs\+ { + margin-left: -35px !important; + margin-right: -35px !important; + } + .gapX-70\@xs\+ > * { + padding-left: 35px !important; + padding-right: 35px !important; + } + .gapY-70\@xs\+ { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .gapY-70\@xs\+ > * { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .gap-70\@xs\+ { + margin: -35px !important; + } + .gap-70\@xs\+ > * { + padding: 35px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-70\@xl- { + margin-left: -35px !important; + margin-right: -35px !important; + } + .gapX-70\@xl- > * { + padding-left: 35px !important; + padding-right: 35px !important; + } + .gapY-70\@xl- { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .gapY-70\@xl- > * { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .gap-70\@xl- { + margin: -35px !important; + } + .gap-70\@xl- > * { + padding: 35px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-70\@lg- { + margin-left: -35px !important; + margin-right: -35px !important; + } + .gapX-70\@lg- > * { + padding-left: 35px !important; + padding-right: 35px !important; + } + .gapY-70\@lg- { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .gapY-70\@lg- > * { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .gap-70\@lg- { + margin: -35px !important; + } + .gap-70\@lg- > * { + padding: 35px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-70\@md- { + margin-left: -35px !important; + margin-right: -35px !important; + } + .gapX-70\@md- > * { + padding-left: 35px !important; + padding-right: 35px !important; + } + .gapY-70\@md- { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .gapY-70\@md- > * { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .gap-70\@md- { + margin: -35px !important; + } + .gap-70\@md- > * { + padding: 35px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-70\@sm- { + margin-left: -35px !important; + margin-right: -35px !important; + } + .gapX-70\@sm- > * { + padding-left: 35px !important; + padding-right: 35px !important; + } + .gapY-70\@sm- { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .gapY-70\@sm- > * { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .gap-70\@sm- { + margin: -35px !important; + } + .gap-70\@sm- > * { + padding: 35px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-70\@lg { + margin-left: -35px !important; + margin-right: -35px !important; + } + .gapX-70\@lg > * { + padding-left: 35px !important; + padding-right: 35px !important; + } + .gapY-70\@lg { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .gapY-70\@lg > * { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .gap-70\@lg { + margin: -35px !important; + } + .gap-70\@lg > * { + padding: 35px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-70\@md { + margin-left: -35px !important; + margin-right: -35px !important; + } + .gapX-70\@md > * { + padding-left: 35px !important; + padding-right: 35px !important; + } + .gapY-70\@md { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .gapY-70\@md > * { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .gap-70\@md { + margin: -35px !important; + } + .gap-70\@md > * { + padding: 35px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-70\@sm { + margin-left: -35px !important; + margin-right: -35px !important; + } + .gapX-70\@sm > * { + padding-left: 35px !important; + padding-right: 35px !important; + } + .gapY-70\@sm { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .gapY-70\@sm > * { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .gap-70\@sm { + margin: -35px !important; + } + .gap-70\@sm > * { + padding: 35px !important; + } + } + .gapX-80 { + margin-left: -40px !important; + margin-right: -40px !important; + } + .gapX-80 > * { + padding-left: 40px !important; + padding-right: 40px !important; + } + + .gapY-80 { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .gapY-80 > * { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + + .gap-80 { + margin: -40px !important; + } + .gap-80 > * { + padding: 40px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-80\@xl\+ { + margin-left: -40px !important; + margin-right: -40px !important; + } + .gapX-80\@xl\+ > * { + padding-left: 40px !important; + padding-right: 40px !important; + } + .gapY-80\@xl\+ { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .gapY-80\@xl\+ > * { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .gap-80\@xl\+ { + margin: -40px !important; + } + .gap-80\@xl\+ > * { + padding: 40px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-80\@lg\+ { + margin-left: -40px !important; + margin-right: -40px !important; + } + .gapX-80\@lg\+ > * { + padding-left: 40px !important; + padding-right: 40px !important; + } + .gapY-80\@lg\+ { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .gapY-80\@lg\+ > * { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .gap-80\@lg\+ { + margin: -40px !important; + } + .gap-80\@lg\+ > * { + padding: 40px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-80\@md\+ { + margin-left: -40px !important; + margin-right: -40px !important; + } + .gapX-80\@md\+ > * { + padding-left: 40px !important; + padding-right: 40px !important; + } + .gapY-80\@md\+ { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .gapY-80\@md\+ > * { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .gap-80\@md\+ { + margin: -40px !important; + } + .gap-80\@md\+ > * { + padding: 40px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-80\@sm\+ { + margin-left: -40px !important; + margin-right: -40px !important; + } + .gapX-80\@sm\+ > * { + padding-left: 40px !important; + padding-right: 40px !important; + } + .gapY-80\@sm\+ { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .gapY-80\@sm\+ > * { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .gap-80\@sm\+ { + margin: -40px !important; + } + .gap-80\@sm\+ > * { + padding: 40px !important; + } + } + @media screen and (min-width: 0) { + .gapX-80\@xs\+ { + margin-left: -40px !important; + margin-right: -40px !important; + } + .gapX-80\@xs\+ > * { + padding-left: 40px !important; + padding-right: 40px !important; + } + .gapY-80\@xs\+ { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .gapY-80\@xs\+ > * { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .gap-80\@xs\+ { + margin: -40px !important; + } + .gap-80\@xs\+ > * { + padding: 40px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-80\@xl- { + margin-left: -40px !important; + margin-right: -40px !important; + } + .gapX-80\@xl- > * { + padding-left: 40px !important; + padding-right: 40px !important; + } + .gapY-80\@xl- { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .gapY-80\@xl- > * { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .gap-80\@xl- { + margin: -40px !important; + } + .gap-80\@xl- > * { + padding: 40px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-80\@lg- { + margin-left: -40px !important; + margin-right: -40px !important; + } + .gapX-80\@lg- > * { + padding-left: 40px !important; + padding-right: 40px !important; + } + .gapY-80\@lg- { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .gapY-80\@lg- > * { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .gap-80\@lg- { + margin: -40px !important; + } + .gap-80\@lg- > * { + padding: 40px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-80\@md- { + margin-left: -40px !important; + margin-right: -40px !important; + } + .gapX-80\@md- > * { + padding-left: 40px !important; + padding-right: 40px !important; + } + .gapY-80\@md- { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .gapY-80\@md- > * { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .gap-80\@md- { + margin: -40px !important; + } + .gap-80\@md- > * { + padding: 40px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-80\@sm- { + margin-left: -40px !important; + margin-right: -40px !important; + } + .gapX-80\@sm- > * { + padding-left: 40px !important; + padding-right: 40px !important; + } + .gapY-80\@sm- { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .gapY-80\@sm- > * { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .gap-80\@sm- { + margin: -40px !important; + } + .gap-80\@sm- > * { + padding: 40px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-80\@lg { + margin-left: -40px !important; + margin-right: -40px !important; + } + .gapX-80\@lg > * { + padding-left: 40px !important; + padding-right: 40px !important; + } + .gapY-80\@lg { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .gapY-80\@lg > * { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .gap-80\@lg { + margin: -40px !important; + } + .gap-80\@lg > * { + padding: 40px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-80\@md { + margin-left: -40px !important; + margin-right: -40px !important; + } + .gapX-80\@md > * { + padding-left: 40px !important; + padding-right: 40px !important; + } + .gapY-80\@md { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .gapY-80\@md > * { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .gap-80\@md { + margin: -40px !important; + } + .gap-80\@md > * { + padding: 40px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-80\@sm { + margin-left: -40px !important; + margin-right: -40px !important; + } + .gapX-80\@sm > * { + padding-left: 40px !important; + padding-right: 40px !important; + } + .gapY-80\@sm { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .gapY-80\@sm > * { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .gap-80\@sm { + margin: -40px !important; + } + .gap-80\@sm > * { + padding: 40px !important; + } + } + .gapX-90 { + margin-left: -45px !important; + margin-right: -45px !important; + } + .gapX-90 > * { + padding-left: 45px !important; + padding-right: 45px !important; + } + + .gapY-90 { + margin-top: -45px !important; + margin-bottom: -45px !important; + } + .gapY-90 > * { + padding-top: 45px !important; + padding-bottom: 45px !important; + } + + .gap-90 { + margin: -45px !important; + } + .gap-90 > * { + padding: 45px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-90\@xl\+ { + margin-left: -45px !important; + margin-right: -45px !important; + } + .gapX-90\@xl\+ > * { + padding-left: 45px !important; + padding-right: 45px !important; + } + .gapY-90\@xl\+ { + margin-top: -45px !important; + margin-bottom: -45px !important; + } + .gapY-90\@xl\+ > * { + padding-top: 45px !important; + padding-bottom: 45px !important; + } + .gap-90\@xl\+ { + margin: -45px !important; + } + .gap-90\@xl\+ > * { + padding: 45px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-90\@lg\+ { + margin-left: -45px !important; + margin-right: -45px !important; + } + .gapX-90\@lg\+ > * { + padding-left: 45px !important; + padding-right: 45px !important; + } + .gapY-90\@lg\+ { + margin-top: -45px !important; + margin-bottom: -45px !important; + } + .gapY-90\@lg\+ > * { + padding-top: 45px !important; + padding-bottom: 45px !important; + } + .gap-90\@lg\+ { + margin: -45px !important; + } + .gap-90\@lg\+ > * { + padding: 45px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-90\@md\+ { + margin-left: -45px !important; + margin-right: -45px !important; + } + .gapX-90\@md\+ > * { + padding-left: 45px !important; + padding-right: 45px !important; + } + .gapY-90\@md\+ { + margin-top: -45px !important; + margin-bottom: -45px !important; + } + .gapY-90\@md\+ > * { + padding-top: 45px !important; + padding-bottom: 45px !important; + } + .gap-90\@md\+ { + margin: -45px !important; + } + .gap-90\@md\+ > * { + padding: 45px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-90\@sm\+ { + margin-left: -45px !important; + margin-right: -45px !important; + } + .gapX-90\@sm\+ > * { + padding-left: 45px !important; + padding-right: 45px !important; + } + .gapY-90\@sm\+ { + margin-top: -45px !important; + margin-bottom: -45px !important; + } + .gapY-90\@sm\+ > * { + padding-top: 45px !important; + padding-bottom: 45px !important; + } + .gap-90\@sm\+ { + margin: -45px !important; + } + .gap-90\@sm\+ > * { + padding: 45px !important; + } + } + @media screen and (min-width: 0) { + .gapX-90\@xs\+ { + margin-left: -45px !important; + margin-right: -45px !important; + } + .gapX-90\@xs\+ > * { + padding-left: 45px !important; + padding-right: 45px !important; + } + .gapY-90\@xs\+ { + margin-top: -45px !important; + margin-bottom: -45px !important; + } + .gapY-90\@xs\+ > * { + padding-top: 45px !important; + padding-bottom: 45px !important; + } + .gap-90\@xs\+ { + margin: -45px !important; + } + .gap-90\@xs\+ > * { + padding: 45px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-90\@xl- { + margin-left: -45px !important; + margin-right: -45px !important; + } + .gapX-90\@xl- > * { + padding-left: 45px !important; + padding-right: 45px !important; + } + .gapY-90\@xl- { + margin-top: -45px !important; + margin-bottom: -45px !important; + } + .gapY-90\@xl- > * { + padding-top: 45px !important; + padding-bottom: 45px !important; + } + .gap-90\@xl- { + margin: -45px !important; + } + .gap-90\@xl- > * { + padding: 45px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-90\@lg- { + margin-left: -45px !important; + margin-right: -45px !important; + } + .gapX-90\@lg- > * { + padding-left: 45px !important; + padding-right: 45px !important; + } + .gapY-90\@lg- { + margin-top: -45px !important; + margin-bottom: -45px !important; + } + .gapY-90\@lg- > * { + padding-top: 45px !important; + padding-bottom: 45px !important; + } + .gap-90\@lg- { + margin: -45px !important; + } + .gap-90\@lg- > * { + padding: 45px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-90\@md- { + margin-left: -45px !important; + margin-right: -45px !important; + } + .gapX-90\@md- > * { + padding-left: 45px !important; + padding-right: 45px !important; + } + .gapY-90\@md- { + margin-top: -45px !important; + margin-bottom: -45px !important; + } + .gapY-90\@md- > * { + padding-top: 45px !important; + padding-bottom: 45px !important; + } + .gap-90\@md- { + margin: -45px !important; + } + .gap-90\@md- > * { + padding: 45px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-90\@sm- { + margin-left: -45px !important; + margin-right: -45px !important; + } + .gapX-90\@sm- > * { + padding-left: 45px !important; + padding-right: 45px !important; + } + .gapY-90\@sm- { + margin-top: -45px !important; + margin-bottom: -45px !important; + } + .gapY-90\@sm- > * { + padding-top: 45px !important; + padding-bottom: 45px !important; + } + .gap-90\@sm- { + margin: -45px !important; + } + .gap-90\@sm- > * { + padding: 45px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-90\@lg { + margin-left: -45px !important; + margin-right: -45px !important; + } + .gapX-90\@lg > * { + padding-left: 45px !important; + padding-right: 45px !important; + } + .gapY-90\@lg { + margin-top: -45px !important; + margin-bottom: -45px !important; + } + .gapY-90\@lg > * { + padding-top: 45px !important; + padding-bottom: 45px !important; + } + .gap-90\@lg { + margin: -45px !important; + } + .gap-90\@lg > * { + padding: 45px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-90\@md { + margin-left: -45px !important; + margin-right: -45px !important; + } + .gapX-90\@md > * { + padding-left: 45px !important; + padding-right: 45px !important; + } + .gapY-90\@md { + margin-top: -45px !important; + margin-bottom: -45px !important; + } + .gapY-90\@md > * { + padding-top: 45px !important; + padding-bottom: 45px !important; + } + .gap-90\@md { + margin: -45px !important; + } + .gap-90\@md > * { + padding: 45px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-90\@sm { + margin-left: -45px !important; + margin-right: -45px !important; + } + .gapX-90\@sm > * { + padding-left: 45px !important; + padding-right: 45px !important; + } + .gapY-90\@sm { + margin-top: -45px !important; + margin-bottom: -45px !important; + } + .gapY-90\@sm > * { + padding-top: 45px !important; + padding-bottom: 45px !important; + } + .gap-90\@sm { + margin: -45px !important; + } + .gap-90\@sm > * { + padding: 45px !important; + } + } + .gapX-100 { + margin-left: -50px !important; + margin-right: -50px !important; + } + .gapX-100 > * { + padding-left: 50px !important; + padding-right: 50px !important; + } + + .gapY-100 { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .gapY-100 > * { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + + .gap-100 { + margin: -50px !important; + } + .gap-100 > * { + padding: 50px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-100\@xl\+ { + margin-left: -50px !important; + margin-right: -50px !important; + } + .gapX-100\@xl\+ > * { + padding-left: 50px !important; + padding-right: 50px !important; + } + .gapY-100\@xl\+ { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .gapY-100\@xl\+ > * { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .gap-100\@xl\+ { + margin: -50px !important; + } + .gap-100\@xl\+ > * { + padding: 50px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-100\@lg\+ { + margin-left: -50px !important; + margin-right: -50px !important; + } + .gapX-100\@lg\+ > * { + padding-left: 50px !important; + padding-right: 50px !important; + } + .gapY-100\@lg\+ { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .gapY-100\@lg\+ > * { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .gap-100\@lg\+ { + margin: -50px !important; + } + .gap-100\@lg\+ > * { + padding: 50px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-100\@md\+ { + margin-left: -50px !important; + margin-right: -50px !important; + } + .gapX-100\@md\+ > * { + padding-left: 50px !important; + padding-right: 50px !important; + } + .gapY-100\@md\+ { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .gapY-100\@md\+ > * { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .gap-100\@md\+ { + margin: -50px !important; + } + .gap-100\@md\+ > * { + padding: 50px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-100\@sm\+ { + margin-left: -50px !important; + margin-right: -50px !important; + } + .gapX-100\@sm\+ > * { + padding-left: 50px !important; + padding-right: 50px !important; + } + .gapY-100\@sm\+ { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .gapY-100\@sm\+ > * { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .gap-100\@sm\+ { + margin: -50px !important; + } + .gap-100\@sm\+ > * { + padding: 50px !important; + } + } + @media screen and (min-width: 0) { + .gapX-100\@xs\+ { + margin-left: -50px !important; + margin-right: -50px !important; + } + .gapX-100\@xs\+ > * { + padding-left: 50px !important; + padding-right: 50px !important; + } + .gapY-100\@xs\+ { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .gapY-100\@xs\+ > * { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .gap-100\@xs\+ { + margin: -50px !important; + } + .gap-100\@xs\+ > * { + padding: 50px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-100\@xl- { + margin-left: -50px !important; + margin-right: -50px !important; + } + .gapX-100\@xl- > * { + padding-left: 50px !important; + padding-right: 50px !important; + } + .gapY-100\@xl- { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .gapY-100\@xl- > * { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .gap-100\@xl- { + margin: -50px !important; + } + .gap-100\@xl- > * { + padding: 50px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-100\@lg- { + margin-left: -50px !important; + margin-right: -50px !important; + } + .gapX-100\@lg- > * { + padding-left: 50px !important; + padding-right: 50px !important; + } + .gapY-100\@lg- { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .gapY-100\@lg- > * { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .gap-100\@lg- { + margin: -50px !important; + } + .gap-100\@lg- > * { + padding: 50px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-100\@md- { + margin-left: -50px !important; + margin-right: -50px !important; + } + .gapX-100\@md- > * { + padding-left: 50px !important; + padding-right: 50px !important; + } + .gapY-100\@md- { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .gapY-100\@md- > * { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .gap-100\@md- { + margin: -50px !important; + } + .gap-100\@md- > * { + padding: 50px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-100\@sm- { + margin-left: -50px !important; + margin-right: -50px !important; + } + .gapX-100\@sm- > * { + padding-left: 50px !important; + padding-right: 50px !important; + } + .gapY-100\@sm- { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .gapY-100\@sm- > * { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .gap-100\@sm- { + margin: -50px !important; + } + .gap-100\@sm- > * { + padding: 50px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-100\@lg { + margin-left: -50px !important; + margin-right: -50px !important; + } + .gapX-100\@lg > * { + padding-left: 50px !important; + padding-right: 50px !important; + } + .gapY-100\@lg { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .gapY-100\@lg > * { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .gap-100\@lg { + margin: -50px !important; + } + .gap-100\@lg > * { + padding: 50px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-100\@md { + margin-left: -50px !important; + margin-right: -50px !important; + } + .gapX-100\@md > * { + padding-left: 50px !important; + padding-right: 50px !important; + } + .gapY-100\@md { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .gapY-100\@md > * { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .gap-100\@md { + margin: -50px !important; + } + .gap-100\@md > * { + padding: 50px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-100\@sm { + margin-left: -50px !important; + margin-right: -50px !important; + } + .gapX-100\@sm > * { + padding-left: 50px !important; + padding-right: 50px !important; + } + .gapY-100\@sm { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .gapY-100\@sm > * { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .gap-100\@sm { + margin: -50px !important; + } + .gap-100\@sm > * { + padding: 50px !important; + } + } + .gapX-110 { + margin-left: -55px !important; + margin-right: -55px !important; + } + .gapX-110 > * { + padding-left: 55px !important; + padding-right: 55px !important; + } + + .gapY-110 { + margin-top: -55px !important; + margin-bottom: -55px !important; + } + .gapY-110 > * { + padding-top: 55px !important; + padding-bottom: 55px !important; + } + + .gap-110 { + margin: -55px !important; + } + .gap-110 > * { + padding: 55px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-110\@xl\+ { + margin-left: -55px !important; + margin-right: -55px !important; + } + .gapX-110\@xl\+ > * { + padding-left: 55px !important; + padding-right: 55px !important; + } + .gapY-110\@xl\+ { + margin-top: -55px !important; + margin-bottom: -55px !important; + } + .gapY-110\@xl\+ > * { + padding-top: 55px !important; + padding-bottom: 55px !important; + } + .gap-110\@xl\+ { + margin: -55px !important; + } + .gap-110\@xl\+ > * { + padding: 55px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-110\@lg\+ { + margin-left: -55px !important; + margin-right: -55px !important; + } + .gapX-110\@lg\+ > * { + padding-left: 55px !important; + padding-right: 55px !important; + } + .gapY-110\@lg\+ { + margin-top: -55px !important; + margin-bottom: -55px !important; + } + .gapY-110\@lg\+ > * { + padding-top: 55px !important; + padding-bottom: 55px !important; + } + .gap-110\@lg\+ { + margin: -55px !important; + } + .gap-110\@lg\+ > * { + padding: 55px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-110\@md\+ { + margin-left: -55px !important; + margin-right: -55px !important; + } + .gapX-110\@md\+ > * { + padding-left: 55px !important; + padding-right: 55px !important; + } + .gapY-110\@md\+ { + margin-top: -55px !important; + margin-bottom: -55px !important; + } + .gapY-110\@md\+ > * { + padding-top: 55px !important; + padding-bottom: 55px !important; + } + .gap-110\@md\+ { + margin: -55px !important; + } + .gap-110\@md\+ > * { + padding: 55px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-110\@sm\+ { + margin-left: -55px !important; + margin-right: -55px !important; + } + .gapX-110\@sm\+ > * { + padding-left: 55px !important; + padding-right: 55px !important; + } + .gapY-110\@sm\+ { + margin-top: -55px !important; + margin-bottom: -55px !important; + } + .gapY-110\@sm\+ > * { + padding-top: 55px !important; + padding-bottom: 55px !important; + } + .gap-110\@sm\+ { + margin: -55px !important; + } + .gap-110\@sm\+ > * { + padding: 55px !important; + } + } + @media screen and (min-width: 0) { + .gapX-110\@xs\+ { + margin-left: -55px !important; + margin-right: -55px !important; + } + .gapX-110\@xs\+ > * { + padding-left: 55px !important; + padding-right: 55px !important; + } + .gapY-110\@xs\+ { + margin-top: -55px !important; + margin-bottom: -55px !important; + } + .gapY-110\@xs\+ > * { + padding-top: 55px !important; + padding-bottom: 55px !important; + } + .gap-110\@xs\+ { + margin: -55px !important; + } + .gap-110\@xs\+ > * { + padding: 55px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-110\@xl- { + margin-left: -55px !important; + margin-right: -55px !important; + } + .gapX-110\@xl- > * { + padding-left: 55px !important; + padding-right: 55px !important; + } + .gapY-110\@xl- { + margin-top: -55px !important; + margin-bottom: -55px !important; + } + .gapY-110\@xl- > * { + padding-top: 55px !important; + padding-bottom: 55px !important; + } + .gap-110\@xl- { + margin: -55px !important; + } + .gap-110\@xl- > * { + padding: 55px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-110\@lg- { + margin-left: -55px !important; + margin-right: -55px !important; + } + .gapX-110\@lg- > * { + padding-left: 55px !important; + padding-right: 55px !important; + } + .gapY-110\@lg- { + margin-top: -55px !important; + margin-bottom: -55px !important; + } + .gapY-110\@lg- > * { + padding-top: 55px !important; + padding-bottom: 55px !important; + } + .gap-110\@lg- { + margin: -55px !important; + } + .gap-110\@lg- > * { + padding: 55px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-110\@md- { + margin-left: -55px !important; + margin-right: -55px !important; + } + .gapX-110\@md- > * { + padding-left: 55px !important; + padding-right: 55px !important; + } + .gapY-110\@md- { + margin-top: -55px !important; + margin-bottom: -55px !important; + } + .gapY-110\@md- > * { + padding-top: 55px !important; + padding-bottom: 55px !important; + } + .gap-110\@md- { + margin: -55px !important; + } + .gap-110\@md- > * { + padding: 55px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-110\@sm- { + margin-left: -55px !important; + margin-right: -55px !important; + } + .gapX-110\@sm- > * { + padding-left: 55px !important; + padding-right: 55px !important; + } + .gapY-110\@sm- { + margin-top: -55px !important; + margin-bottom: -55px !important; + } + .gapY-110\@sm- > * { + padding-top: 55px !important; + padding-bottom: 55px !important; + } + .gap-110\@sm- { + margin: -55px !important; + } + .gap-110\@sm- > * { + padding: 55px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-110\@lg { + margin-left: -55px !important; + margin-right: -55px !important; + } + .gapX-110\@lg > * { + padding-left: 55px !important; + padding-right: 55px !important; + } + .gapY-110\@lg { + margin-top: -55px !important; + margin-bottom: -55px !important; + } + .gapY-110\@lg > * { + padding-top: 55px !important; + padding-bottom: 55px !important; + } + .gap-110\@lg { + margin: -55px !important; + } + .gap-110\@lg > * { + padding: 55px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-110\@md { + margin-left: -55px !important; + margin-right: -55px !important; + } + .gapX-110\@md > * { + padding-left: 55px !important; + padding-right: 55px !important; + } + .gapY-110\@md { + margin-top: -55px !important; + margin-bottom: -55px !important; + } + .gapY-110\@md > * { + padding-top: 55px !important; + padding-bottom: 55px !important; + } + .gap-110\@md { + margin: -55px !important; + } + .gap-110\@md > * { + padding: 55px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-110\@sm { + margin-left: -55px !important; + margin-right: -55px !important; + } + .gapX-110\@sm > * { + padding-left: 55px !important; + padding-right: 55px !important; + } + .gapY-110\@sm { + margin-top: -55px !important; + margin-bottom: -55px !important; + } + .gapY-110\@sm > * { + padding-top: 55px !important; + padding-bottom: 55px !important; + } + .gap-110\@sm { + margin: -55px !important; + } + .gap-110\@sm > * { + padding: 55px !important; + } + } + .gapX-120 { + margin-left: -60px !important; + margin-right: -60px !important; + } + .gapX-120 > * { + padding-left: 60px !important; + padding-right: 60px !important; + } + + .gapY-120 { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .gapY-120 > * { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + + .gap-120 { + margin: -60px !important; + } + .gap-120 > * { + padding: 60px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-120\@xl\+ { + margin-left: -60px !important; + margin-right: -60px !important; + } + .gapX-120\@xl\+ > * { + padding-left: 60px !important; + padding-right: 60px !important; + } + .gapY-120\@xl\+ { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .gapY-120\@xl\+ > * { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .gap-120\@xl\+ { + margin: -60px !important; + } + .gap-120\@xl\+ > * { + padding: 60px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-120\@lg\+ { + margin-left: -60px !important; + margin-right: -60px !important; + } + .gapX-120\@lg\+ > * { + padding-left: 60px !important; + padding-right: 60px !important; + } + .gapY-120\@lg\+ { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .gapY-120\@lg\+ > * { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .gap-120\@lg\+ { + margin: -60px !important; + } + .gap-120\@lg\+ > * { + padding: 60px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-120\@md\+ { + margin-left: -60px !important; + margin-right: -60px !important; + } + .gapX-120\@md\+ > * { + padding-left: 60px !important; + padding-right: 60px !important; + } + .gapY-120\@md\+ { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .gapY-120\@md\+ > * { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .gap-120\@md\+ { + margin: -60px !important; + } + .gap-120\@md\+ > * { + padding: 60px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-120\@sm\+ { + margin-left: -60px !important; + margin-right: -60px !important; + } + .gapX-120\@sm\+ > * { + padding-left: 60px !important; + padding-right: 60px !important; + } + .gapY-120\@sm\+ { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .gapY-120\@sm\+ > * { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .gap-120\@sm\+ { + margin: -60px !important; + } + .gap-120\@sm\+ > * { + padding: 60px !important; + } + } + @media screen and (min-width: 0) { + .gapX-120\@xs\+ { + margin-left: -60px !important; + margin-right: -60px !important; + } + .gapX-120\@xs\+ > * { + padding-left: 60px !important; + padding-right: 60px !important; + } + .gapY-120\@xs\+ { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .gapY-120\@xs\+ > * { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .gap-120\@xs\+ { + margin: -60px !important; + } + .gap-120\@xs\+ > * { + padding: 60px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-120\@xl- { + margin-left: -60px !important; + margin-right: -60px !important; + } + .gapX-120\@xl- > * { + padding-left: 60px !important; + padding-right: 60px !important; + } + .gapY-120\@xl- { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .gapY-120\@xl- > * { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .gap-120\@xl- { + margin: -60px !important; + } + .gap-120\@xl- > * { + padding: 60px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-120\@lg- { + margin-left: -60px !important; + margin-right: -60px !important; + } + .gapX-120\@lg- > * { + padding-left: 60px !important; + padding-right: 60px !important; + } + .gapY-120\@lg- { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .gapY-120\@lg- > * { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .gap-120\@lg- { + margin: -60px !important; + } + .gap-120\@lg- > * { + padding: 60px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-120\@md- { + margin-left: -60px !important; + margin-right: -60px !important; + } + .gapX-120\@md- > * { + padding-left: 60px !important; + padding-right: 60px !important; + } + .gapY-120\@md- { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .gapY-120\@md- > * { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .gap-120\@md- { + margin: -60px !important; + } + .gap-120\@md- > * { + padding: 60px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-120\@sm- { + margin-left: -60px !important; + margin-right: -60px !important; + } + .gapX-120\@sm- > * { + padding-left: 60px !important; + padding-right: 60px !important; + } + .gapY-120\@sm- { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .gapY-120\@sm- > * { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .gap-120\@sm- { + margin: -60px !important; + } + .gap-120\@sm- > * { + padding: 60px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-120\@lg { + margin-left: -60px !important; + margin-right: -60px !important; + } + .gapX-120\@lg > * { + padding-left: 60px !important; + padding-right: 60px !important; + } + .gapY-120\@lg { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .gapY-120\@lg > * { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .gap-120\@lg { + margin: -60px !important; + } + .gap-120\@lg > * { + padding: 60px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-120\@md { + margin-left: -60px !important; + margin-right: -60px !important; + } + .gapX-120\@md > * { + padding-left: 60px !important; + padding-right: 60px !important; + } + .gapY-120\@md { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .gapY-120\@md > * { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .gap-120\@md { + margin: -60px !important; + } + .gap-120\@md > * { + padding: 60px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-120\@sm { + margin-left: -60px !important; + margin-right: -60px !important; + } + .gapX-120\@sm > * { + padding-left: 60px !important; + padding-right: 60px !important; + } + .gapY-120\@sm { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .gapY-120\@sm > * { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .gap-120\@sm { + margin: -60px !important; + } + .gap-120\@sm > * { + padding: 60px !important; + } + } + .gapX-130 { + margin-left: -65px !important; + margin-right: -65px !important; + } + .gapX-130 > * { + padding-left: 65px !important; + padding-right: 65px !important; + } + + .gapY-130 { + margin-top: -65px !important; + margin-bottom: -65px !important; + } + .gapY-130 > * { + padding-top: 65px !important; + padding-bottom: 65px !important; + } + + .gap-130 { + margin: -65px !important; + } + .gap-130 > * { + padding: 65px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-130\@xl\+ { + margin-left: -65px !important; + margin-right: -65px !important; + } + .gapX-130\@xl\+ > * { + padding-left: 65px !important; + padding-right: 65px !important; + } + .gapY-130\@xl\+ { + margin-top: -65px !important; + margin-bottom: -65px !important; + } + .gapY-130\@xl\+ > * { + padding-top: 65px !important; + padding-bottom: 65px !important; + } + .gap-130\@xl\+ { + margin: -65px !important; + } + .gap-130\@xl\+ > * { + padding: 65px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-130\@lg\+ { + margin-left: -65px !important; + margin-right: -65px !important; + } + .gapX-130\@lg\+ > * { + padding-left: 65px !important; + padding-right: 65px !important; + } + .gapY-130\@lg\+ { + margin-top: -65px !important; + margin-bottom: -65px !important; + } + .gapY-130\@lg\+ > * { + padding-top: 65px !important; + padding-bottom: 65px !important; + } + .gap-130\@lg\+ { + margin: -65px !important; + } + .gap-130\@lg\+ > * { + padding: 65px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-130\@md\+ { + margin-left: -65px !important; + margin-right: -65px !important; + } + .gapX-130\@md\+ > * { + padding-left: 65px !important; + padding-right: 65px !important; + } + .gapY-130\@md\+ { + margin-top: -65px !important; + margin-bottom: -65px !important; + } + .gapY-130\@md\+ > * { + padding-top: 65px !important; + padding-bottom: 65px !important; + } + .gap-130\@md\+ { + margin: -65px !important; + } + .gap-130\@md\+ > * { + padding: 65px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-130\@sm\+ { + margin-left: -65px !important; + margin-right: -65px !important; + } + .gapX-130\@sm\+ > * { + padding-left: 65px !important; + padding-right: 65px !important; + } + .gapY-130\@sm\+ { + margin-top: -65px !important; + margin-bottom: -65px !important; + } + .gapY-130\@sm\+ > * { + padding-top: 65px !important; + padding-bottom: 65px !important; + } + .gap-130\@sm\+ { + margin: -65px !important; + } + .gap-130\@sm\+ > * { + padding: 65px !important; + } + } + @media screen and (min-width: 0) { + .gapX-130\@xs\+ { + margin-left: -65px !important; + margin-right: -65px !important; + } + .gapX-130\@xs\+ > * { + padding-left: 65px !important; + padding-right: 65px !important; + } + .gapY-130\@xs\+ { + margin-top: -65px !important; + margin-bottom: -65px !important; + } + .gapY-130\@xs\+ > * { + padding-top: 65px !important; + padding-bottom: 65px !important; + } + .gap-130\@xs\+ { + margin: -65px !important; + } + .gap-130\@xs\+ > * { + padding: 65px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-130\@xl- { + margin-left: -65px !important; + margin-right: -65px !important; + } + .gapX-130\@xl- > * { + padding-left: 65px !important; + padding-right: 65px !important; + } + .gapY-130\@xl- { + margin-top: -65px !important; + margin-bottom: -65px !important; + } + .gapY-130\@xl- > * { + padding-top: 65px !important; + padding-bottom: 65px !important; + } + .gap-130\@xl- { + margin: -65px !important; + } + .gap-130\@xl- > * { + padding: 65px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-130\@lg- { + margin-left: -65px !important; + margin-right: -65px !important; + } + .gapX-130\@lg- > * { + padding-left: 65px !important; + padding-right: 65px !important; + } + .gapY-130\@lg- { + margin-top: -65px !important; + margin-bottom: -65px !important; + } + .gapY-130\@lg- > * { + padding-top: 65px !important; + padding-bottom: 65px !important; + } + .gap-130\@lg- { + margin: -65px !important; + } + .gap-130\@lg- > * { + padding: 65px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-130\@md- { + margin-left: -65px !important; + margin-right: -65px !important; + } + .gapX-130\@md- > * { + padding-left: 65px !important; + padding-right: 65px !important; + } + .gapY-130\@md- { + margin-top: -65px !important; + margin-bottom: -65px !important; + } + .gapY-130\@md- > * { + padding-top: 65px !important; + padding-bottom: 65px !important; + } + .gap-130\@md- { + margin: -65px !important; + } + .gap-130\@md- > * { + padding: 65px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-130\@sm- { + margin-left: -65px !important; + margin-right: -65px !important; + } + .gapX-130\@sm- > * { + padding-left: 65px !important; + padding-right: 65px !important; + } + .gapY-130\@sm- { + margin-top: -65px !important; + margin-bottom: -65px !important; + } + .gapY-130\@sm- > * { + padding-top: 65px !important; + padding-bottom: 65px !important; + } + .gap-130\@sm- { + margin: -65px !important; + } + .gap-130\@sm- > * { + padding: 65px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-130\@lg { + margin-left: -65px !important; + margin-right: -65px !important; + } + .gapX-130\@lg > * { + padding-left: 65px !important; + padding-right: 65px !important; + } + .gapY-130\@lg { + margin-top: -65px !important; + margin-bottom: -65px !important; + } + .gapY-130\@lg > * { + padding-top: 65px !important; + padding-bottom: 65px !important; + } + .gap-130\@lg { + margin: -65px !important; + } + .gap-130\@lg > * { + padding: 65px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-130\@md { + margin-left: -65px !important; + margin-right: -65px !important; + } + .gapX-130\@md > * { + padding-left: 65px !important; + padding-right: 65px !important; + } + .gapY-130\@md { + margin-top: -65px !important; + margin-bottom: -65px !important; + } + .gapY-130\@md > * { + padding-top: 65px !important; + padding-bottom: 65px !important; + } + .gap-130\@md { + margin: -65px !important; + } + .gap-130\@md > * { + padding: 65px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-130\@sm { + margin-left: -65px !important; + margin-right: -65px !important; + } + .gapX-130\@sm > * { + padding-left: 65px !important; + padding-right: 65px !important; + } + .gapY-130\@sm { + margin-top: -65px !important; + margin-bottom: -65px !important; + } + .gapY-130\@sm > * { + padding-top: 65px !important; + padding-bottom: 65px !important; + } + .gap-130\@sm { + margin: -65px !important; + } + .gap-130\@sm > * { + padding: 65px !important; + } + } + .gapX-140 { + margin-left: -70px !important; + margin-right: -70px !important; + } + .gapX-140 > * { + padding-left: 70px !important; + padding-right: 70px !important; + } + + .gapY-140 { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .gapY-140 > * { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + + .gap-140 { + margin: -70px !important; + } + .gap-140 > * { + padding: 70px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-140\@xl\+ { + margin-left: -70px !important; + margin-right: -70px !important; + } + .gapX-140\@xl\+ > * { + padding-left: 70px !important; + padding-right: 70px !important; + } + .gapY-140\@xl\+ { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .gapY-140\@xl\+ > * { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .gap-140\@xl\+ { + margin: -70px !important; + } + .gap-140\@xl\+ > * { + padding: 70px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-140\@lg\+ { + margin-left: -70px !important; + margin-right: -70px !important; + } + .gapX-140\@lg\+ > * { + padding-left: 70px !important; + padding-right: 70px !important; + } + .gapY-140\@lg\+ { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .gapY-140\@lg\+ > * { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .gap-140\@lg\+ { + margin: -70px !important; + } + .gap-140\@lg\+ > * { + padding: 70px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-140\@md\+ { + margin-left: -70px !important; + margin-right: -70px !important; + } + .gapX-140\@md\+ > * { + padding-left: 70px !important; + padding-right: 70px !important; + } + .gapY-140\@md\+ { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .gapY-140\@md\+ > * { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .gap-140\@md\+ { + margin: -70px !important; + } + .gap-140\@md\+ > * { + padding: 70px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-140\@sm\+ { + margin-left: -70px !important; + margin-right: -70px !important; + } + .gapX-140\@sm\+ > * { + padding-left: 70px !important; + padding-right: 70px !important; + } + .gapY-140\@sm\+ { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .gapY-140\@sm\+ > * { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .gap-140\@sm\+ { + margin: -70px !important; + } + .gap-140\@sm\+ > * { + padding: 70px !important; + } + } + @media screen and (min-width: 0) { + .gapX-140\@xs\+ { + margin-left: -70px !important; + margin-right: -70px !important; + } + .gapX-140\@xs\+ > * { + padding-left: 70px !important; + padding-right: 70px !important; + } + .gapY-140\@xs\+ { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .gapY-140\@xs\+ > * { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .gap-140\@xs\+ { + margin: -70px !important; + } + .gap-140\@xs\+ > * { + padding: 70px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-140\@xl- { + margin-left: -70px !important; + margin-right: -70px !important; + } + .gapX-140\@xl- > * { + padding-left: 70px !important; + padding-right: 70px !important; + } + .gapY-140\@xl- { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .gapY-140\@xl- > * { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .gap-140\@xl- { + margin: -70px !important; + } + .gap-140\@xl- > * { + padding: 70px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-140\@lg- { + margin-left: -70px !important; + margin-right: -70px !important; + } + .gapX-140\@lg- > * { + padding-left: 70px !important; + padding-right: 70px !important; + } + .gapY-140\@lg- { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .gapY-140\@lg- > * { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .gap-140\@lg- { + margin: -70px !important; + } + .gap-140\@lg- > * { + padding: 70px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-140\@md- { + margin-left: -70px !important; + margin-right: -70px !important; + } + .gapX-140\@md- > * { + padding-left: 70px !important; + padding-right: 70px !important; + } + .gapY-140\@md- { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .gapY-140\@md- > * { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .gap-140\@md- { + margin: -70px !important; + } + .gap-140\@md- > * { + padding: 70px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-140\@sm- { + margin-left: -70px !important; + margin-right: -70px !important; + } + .gapX-140\@sm- > * { + padding-left: 70px !important; + padding-right: 70px !important; + } + .gapY-140\@sm- { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .gapY-140\@sm- > * { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .gap-140\@sm- { + margin: -70px !important; + } + .gap-140\@sm- > * { + padding: 70px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-140\@lg { + margin-left: -70px !important; + margin-right: -70px !important; + } + .gapX-140\@lg > * { + padding-left: 70px !important; + padding-right: 70px !important; + } + .gapY-140\@lg { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .gapY-140\@lg > * { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .gap-140\@lg { + margin: -70px !important; + } + .gap-140\@lg > * { + padding: 70px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-140\@md { + margin-left: -70px !important; + margin-right: -70px !important; + } + .gapX-140\@md > * { + padding-left: 70px !important; + padding-right: 70px !important; + } + .gapY-140\@md { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .gapY-140\@md > * { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .gap-140\@md { + margin: -70px !important; + } + .gap-140\@md > * { + padding: 70px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-140\@sm { + margin-left: -70px !important; + margin-right: -70px !important; + } + .gapX-140\@sm > * { + padding-left: 70px !important; + padding-right: 70px !important; + } + .gapY-140\@sm { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .gapY-140\@sm > * { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .gap-140\@sm { + margin: -70px !important; + } + .gap-140\@sm > * { + padding: 70px !important; + } + } + .gapX-150 { + margin-left: -75px !important; + margin-right: -75px !important; + } + .gapX-150 > * { + padding-left: 75px !important; + padding-right: 75px !important; + } + + .gapY-150 { + margin-top: -75px !important; + margin-bottom: -75px !important; + } + .gapY-150 > * { + padding-top: 75px !important; + padding-bottom: 75px !important; + } + + .gap-150 { + margin: -75px !important; + } + .gap-150 > * { + padding: 75px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-150\@xl\+ { + margin-left: -75px !important; + margin-right: -75px !important; + } + .gapX-150\@xl\+ > * { + padding-left: 75px !important; + padding-right: 75px !important; + } + .gapY-150\@xl\+ { + margin-top: -75px !important; + margin-bottom: -75px !important; + } + .gapY-150\@xl\+ > * { + padding-top: 75px !important; + padding-bottom: 75px !important; + } + .gap-150\@xl\+ { + margin: -75px !important; + } + .gap-150\@xl\+ > * { + padding: 75px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-150\@lg\+ { + margin-left: -75px !important; + margin-right: -75px !important; + } + .gapX-150\@lg\+ > * { + padding-left: 75px !important; + padding-right: 75px !important; + } + .gapY-150\@lg\+ { + margin-top: -75px !important; + margin-bottom: -75px !important; + } + .gapY-150\@lg\+ > * { + padding-top: 75px !important; + padding-bottom: 75px !important; + } + .gap-150\@lg\+ { + margin: -75px !important; + } + .gap-150\@lg\+ > * { + padding: 75px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-150\@md\+ { + margin-left: -75px !important; + margin-right: -75px !important; + } + .gapX-150\@md\+ > * { + padding-left: 75px !important; + padding-right: 75px !important; + } + .gapY-150\@md\+ { + margin-top: -75px !important; + margin-bottom: -75px !important; + } + .gapY-150\@md\+ > * { + padding-top: 75px !important; + padding-bottom: 75px !important; + } + .gap-150\@md\+ { + margin: -75px !important; + } + .gap-150\@md\+ > * { + padding: 75px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-150\@sm\+ { + margin-left: -75px !important; + margin-right: -75px !important; + } + .gapX-150\@sm\+ > * { + padding-left: 75px !important; + padding-right: 75px !important; + } + .gapY-150\@sm\+ { + margin-top: -75px !important; + margin-bottom: -75px !important; + } + .gapY-150\@sm\+ > * { + padding-top: 75px !important; + padding-bottom: 75px !important; + } + .gap-150\@sm\+ { + margin: -75px !important; + } + .gap-150\@sm\+ > * { + padding: 75px !important; + } + } + @media screen and (min-width: 0) { + .gapX-150\@xs\+ { + margin-left: -75px !important; + margin-right: -75px !important; + } + .gapX-150\@xs\+ > * { + padding-left: 75px !important; + padding-right: 75px !important; + } + .gapY-150\@xs\+ { + margin-top: -75px !important; + margin-bottom: -75px !important; + } + .gapY-150\@xs\+ > * { + padding-top: 75px !important; + padding-bottom: 75px !important; + } + .gap-150\@xs\+ { + margin: -75px !important; + } + .gap-150\@xs\+ > * { + padding: 75px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-150\@xl- { + margin-left: -75px !important; + margin-right: -75px !important; + } + .gapX-150\@xl- > * { + padding-left: 75px !important; + padding-right: 75px !important; + } + .gapY-150\@xl- { + margin-top: -75px !important; + margin-bottom: -75px !important; + } + .gapY-150\@xl- > * { + padding-top: 75px !important; + padding-bottom: 75px !important; + } + .gap-150\@xl- { + margin: -75px !important; + } + .gap-150\@xl- > * { + padding: 75px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-150\@lg- { + margin-left: -75px !important; + margin-right: -75px !important; + } + .gapX-150\@lg- > * { + padding-left: 75px !important; + padding-right: 75px !important; + } + .gapY-150\@lg- { + margin-top: -75px !important; + margin-bottom: -75px !important; + } + .gapY-150\@lg- > * { + padding-top: 75px !important; + padding-bottom: 75px !important; + } + .gap-150\@lg- { + margin: -75px !important; + } + .gap-150\@lg- > * { + padding: 75px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-150\@md- { + margin-left: -75px !important; + margin-right: -75px !important; + } + .gapX-150\@md- > * { + padding-left: 75px !important; + padding-right: 75px !important; + } + .gapY-150\@md- { + margin-top: -75px !important; + margin-bottom: -75px !important; + } + .gapY-150\@md- > * { + padding-top: 75px !important; + padding-bottom: 75px !important; + } + .gap-150\@md- { + margin: -75px !important; + } + .gap-150\@md- > * { + padding: 75px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-150\@sm- { + margin-left: -75px !important; + margin-right: -75px !important; + } + .gapX-150\@sm- > * { + padding-left: 75px !important; + padding-right: 75px !important; + } + .gapY-150\@sm- { + margin-top: -75px !important; + margin-bottom: -75px !important; + } + .gapY-150\@sm- > * { + padding-top: 75px !important; + padding-bottom: 75px !important; + } + .gap-150\@sm- { + margin: -75px !important; + } + .gap-150\@sm- > * { + padding: 75px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-150\@lg { + margin-left: -75px !important; + margin-right: -75px !important; + } + .gapX-150\@lg > * { + padding-left: 75px !important; + padding-right: 75px !important; + } + .gapY-150\@lg { + margin-top: -75px !important; + margin-bottom: -75px !important; + } + .gapY-150\@lg > * { + padding-top: 75px !important; + padding-bottom: 75px !important; + } + .gap-150\@lg { + margin: -75px !important; + } + .gap-150\@lg > * { + padding: 75px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-150\@md { + margin-left: -75px !important; + margin-right: -75px !important; + } + .gapX-150\@md > * { + padding-left: 75px !important; + padding-right: 75px !important; + } + .gapY-150\@md { + margin-top: -75px !important; + margin-bottom: -75px !important; + } + .gapY-150\@md > * { + padding-top: 75px !important; + padding-bottom: 75px !important; + } + .gap-150\@md { + margin: -75px !important; + } + .gap-150\@md > * { + padding: 75px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-150\@sm { + margin-left: -75px !important; + margin-right: -75px !important; + } + .gapX-150\@sm > * { + padding-left: 75px !important; + padding-right: 75px !important; + } + .gapY-150\@sm { + margin-top: -75px !important; + margin-bottom: -75px !important; + } + .gapY-150\@sm > * { + padding-top: 75px !important; + padding-bottom: 75px !important; + } + .gap-150\@sm { + margin: -75px !important; + } + .gap-150\@sm > * { + padding: 75px !important; + } + } + .gapX-160 { + margin-left: -80px !important; + margin-right: -80px !important; + } + .gapX-160 > * { + padding-left: 80px !important; + padding-right: 80px !important; + } + + .gapY-160 { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .gapY-160 > * { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + + .gap-160 { + margin: -80px !important; + } + .gap-160 > * { + padding: 80px !important; + } + + @media screen and (min-width: 1440px) { + .gapX-160\@xl\+ { + margin-left: -80px !important; + margin-right: -80px !important; + } + .gapX-160\@xl\+ > * { + padding-left: 80px !important; + padding-right: 80px !important; + } + .gapY-160\@xl\+ { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .gapY-160\@xl\+ > * { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .gap-160\@xl\+ { + margin: -80px !important; + } + .gap-160\@xl\+ > * { + padding: 80px !important; + } + } + @media screen and (min-width: 1200px) { + .gapX-160\@lg\+ { + margin-left: -80px !important; + margin-right: -80px !important; + } + .gapX-160\@lg\+ > * { + padding-left: 80px !important; + padding-right: 80px !important; + } + .gapY-160\@lg\+ { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .gapY-160\@lg\+ > * { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .gap-160\@lg\+ { + margin: -80px !important; + } + .gap-160\@lg\+ > * { + padding: 80px !important; + } + } + @media screen and (min-width: 992px) { + .gapX-160\@md\+ { + margin-left: -80px !important; + margin-right: -80px !important; + } + .gapX-160\@md\+ > * { + padding-left: 80px !important; + padding-right: 80px !important; + } + .gapY-160\@md\+ { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .gapY-160\@md\+ > * { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .gap-160\@md\+ { + margin: -80px !important; + } + .gap-160\@md\+ > * { + padding: 80px !important; + } + } + @media screen and (min-width: 768px) { + .gapX-160\@sm\+ { + margin-left: -80px !important; + margin-right: -80px !important; + } + .gapX-160\@sm\+ > * { + padding-left: 80px !important; + padding-right: 80px !important; + } + .gapY-160\@sm\+ { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .gapY-160\@sm\+ > * { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .gap-160\@sm\+ { + margin: -80px !important; + } + .gap-160\@sm\+ > * { + padding: 80px !important; + } + } + @media screen and (min-width: 0) { + .gapX-160\@xs\+ { + margin-left: -80px !important; + margin-right: -80px !important; + } + .gapX-160\@xs\+ > * { + padding-left: 80px !important; + padding-right: 80px !important; + } + .gapY-160\@xs\+ { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .gapY-160\@xs\+ > * { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .gap-160\@xs\+ { + margin: -80px !important; + } + .gap-160\@xs\+ > * { + padding: 80px !important; + } + } + @media screen and (max-width: 1439px) { + .gapX-160\@xl- { + margin-left: -80px !important; + margin-right: -80px !important; + } + .gapX-160\@xl- > * { + padding-left: 80px !important; + padding-right: 80px !important; + } + .gapY-160\@xl- { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .gapY-160\@xl- > * { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .gap-160\@xl- { + margin: -80px !important; + } + .gap-160\@xl- > * { + padding: 80px !important; + } + } + @media screen and (max-width: 1199px) { + .gapX-160\@lg- { + margin-left: -80px !important; + margin-right: -80px !important; + } + .gapX-160\@lg- > * { + padding-left: 80px !important; + padding-right: 80px !important; + } + .gapY-160\@lg- { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .gapY-160\@lg- > * { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .gap-160\@lg- { + margin: -80px !important; + } + .gap-160\@lg- > * { + padding: 80px !important; + } + } + @media screen and (max-width: 991px) { + .gapX-160\@md- { + margin-left: -80px !important; + margin-right: -80px !important; + } + .gapX-160\@md- > * { + padding-left: 80px !important; + padding-right: 80px !important; + } + .gapY-160\@md- { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .gapY-160\@md- > * { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .gap-160\@md- { + margin: -80px !important; + } + .gap-160\@md- > * { + padding: 80px !important; + } + } + @media screen and (max-width: 767px) { + .gapX-160\@sm- { + margin-left: -80px !important; + margin-right: -80px !important; + } + .gapX-160\@sm- > * { + padding-left: 80px !important; + padding-right: 80px !important; + } + .gapY-160\@sm- { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .gapY-160\@sm- > * { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .gap-160\@sm- { + margin: -80px !important; + } + .gap-160\@sm- > * { + padding: 80px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .gapX-160\@lg { + margin-left: -80px !important; + margin-right: -80px !important; + } + .gapX-160\@lg > * { + padding-left: 80px !important; + padding-right: 80px !important; + } + .gapY-160\@lg { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .gapY-160\@lg > * { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .gap-160\@lg { + margin: -80px !important; + } + .gap-160\@lg > * { + padding: 80px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .gapX-160\@md { + margin-left: -80px !important; + margin-right: -80px !important; + } + .gapX-160\@md > * { + padding-left: 80px !important; + padding-right: 80px !important; + } + .gapY-160\@md { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .gapY-160\@md > * { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .gap-160\@md { + margin: -80px !important; + } + .gap-160\@md > * { + padding: 80px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .gapX-160\@sm { + margin-left: -80px !important; + margin-right: -80px !important; + } + .gapX-160\@sm > * { + padding-left: 80px !important; + padding-right: 80px !important; + } + .gapY-160\@sm { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .gapY-160\@sm > * { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .gap-160\@sm { + margin: -80px !important; + } + .gap-160\@sm > * { + padding: 80px !important; + } + } + .peers { + box-sizing: border-box; + display: flex !important; + align-items: flex-start; + justify-content: flex-start; + flex-flow: row wrap; + height: auto; + max-width: 100%; + margin: 0; + padding: 0; + } + + .peer { + display: block; + height: auto; + flex: 0 0 auto; + } + + .peer-greed { + flex: 1 1 auto; + } + + .peers-greed > .peer, + .peers-greed > .peers { + flex: 1 1 auto; + } + + .peer > img { + max-width: none; + } + + .peer-greed > img { + max-width: 100%; + } + + .layers { + display: flex; + flex-flow: column nowrap; + align-items: center; + } + + .d-f { + display: flex; + } + + .d-if { + display: inline-flex; + } + + @media screen and (min-width: 1440px) { + .d-f\@xl\+ { + display: flex; + } + .d-if\@xl\+ { + display: inline-flex; + } + } + @media screen and (min-width: 1200px) { + .d-f\@lg\+ { + display: flex; + } + .d-if\@lg\+ { + display: inline-flex; + } + } + @media screen and (min-width: 992px) { + .d-f\@md\+ { + display: flex; + } + .d-if\@md\+ { + display: inline-flex; + } + } + @media screen and (min-width: 768px) { + .d-f\@sm\+ { + display: flex; + } + .d-if\@sm\+ { + display: inline-flex; + } + } + @media screen and (min-width: 0) { + .d-f\@xs\+ { + display: flex; + } + .d-if\@xs\+ { + display: inline-flex; + } + } + @media screen and (max-width: 1439px) { + .d-f\@xl- { + display: flex; + } + .d-if\@xl- { + display: inline-flex; + } + } + @media screen and (max-width: 1199px) { + .d-f\@lg- { + display: flex; + } + .d-if\@lg- { + display: inline-flex; + } + } + @media screen and (max-width: 991px) { + .d-f\@md- { + display: flex; + } + .d-if\@md- { + display: inline-flex; + } + } + @media screen and (max-width: 767px) { + .d-f\@sm- { + display: flex; + } + .d-if\@sm- { + display: inline-flex; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .d-f\@lg { + display: flex; + } + .d-if\@lg { + display: inline-flex; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .d-f\@md { + display: flex; + } + .d-if\@md { + display: inline-flex; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .d-f\@sm { + display: flex; + } + .d-if\@sm { + display: inline-flex; + } + } + .fxw-w { + flex-wrap: wrap; + } + + .fxw-wr { + flex-wrap: wrap-reverse; + } + + .fxw-nw { + flex-wrap: nowrap; + } + + @media screen and (min-width: 1440px) { + .fxw-w\@xl\+ { + flex-wrap: wrap; + } + .fxw-wr\@xl\+ { + flex-wrap: wrap-reverse; + } + .fxw-nw\@xl\+ { + flex-wrap: nowrap; + } + } + @media screen and (min-width: 1200px) { + .fxw-w\@lg\+ { + flex-wrap: wrap; + } + .fxw-wr\@lg\+ { + flex-wrap: wrap-reverse; + } + .fxw-nw\@lg\+ { + flex-wrap: nowrap; + } + } + @media screen and (min-width: 992px) { + .fxw-w\@md\+ { + flex-wrap: wrap; + } + .fxw-wr\@md\+ { + flex-wrap: wrap-reverse; + } + .fxw-nw\@md\+ { + flex-wrap: nowrap; + } + } + @media screen and (min-width: 768px) { + .fxw-w\@sm\+ { + flex-wrap: wrap; + } + .fxw-wr\@sm\+ { + flex-wrap: wrap-reverse; + } + .fxw-nw\@sm\+ { + flex-wrap: nowrap; + } + } + @media screen and (min-width: 0) { + .fxw-w\@xs\+ { + flex-wrap: wrap; + } + .fxw-wr\@xs\+ { + flex-wrap: wrap-reverse; + } + .fxw-nw\@xs\+ { + flex-wrap: nowrap; + } + } + @media screen and (max-width: 1439px) { + .fxw-w\@xl- { + flex-wrap: wrap; + } + .fxw-wr\@xl- { + flex-wrap: wrap-reverse; + } + .fxw-nw\@xl- { + flex-wrap: nowrap; + } + } + @media screen and (max-width: 1199px) { + .fxw-w\@lg- { + flex-wrap: wrap; + } + .fxw-wr\@lg- { + flex-wrap: wrap-reverse; + } + .fxw-nw\@lg- { + flex-wrap: nowrap; + } + } + @media screen and (max-width: 991px) { + .fxw-w\@md- { + flex-wrap: wrap; + } + .fxw-wr\@md- { + flex-wrap: wrap-reverse; + } + .fxw-nw\@md- { + flex-wrap: nowrap; + } + } + @media screen and (max-width: 767px) { + .fxw-w\@sm- { + flex-wrap: wrap; + } + .fxw-wr\@sm- { + flex-wrap: wrap-reverse; + } + .fxw-nw\@sm- { + flex-wrap: nowrap; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .fxw-w\@lg { + flex-wrap: wrap; + } + .fxw-wr\@lg { + flex-wrap: wrap-reverse; + } + .fxw-nw\@lg { + flex-wrap: nowrap; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .fxw-w\@md { + flex-wrap: wrap; + } + .fxw-wr\@md { + flex-wrap: wrap-reverse; + } + .fxw-nw\@md { + flex-wrap: nowrap; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .fxw-w\@sm { + flex-wrap: wrap; + } + .fxw-wr\@sm { + flex-wrap: wrap-reverse; + } + .fxw-nw\@sm { + flex-wrap: nowrap; + } + } + .fxd-c { + flex-direction: column; + } + + .fxd-cr { + flex-direction: column-reverse; + } + + .fxd-r { + flex-direction: row; + } + + .fxd-rr { + flex-direction: row-reverse; + } + + @media screen and (min-width: 1440px) { + .fxd-c\@xl\+ { + flex-direction: column; + } + .fxd-cr\@xl\+ { + flex-direction: column-reverse; + } + .fxd-r\@xl\+ { + flex-direction: row; + } + .fxd-rr\@xl\+ { + flex-direction: row-reverse; + } + } + @media screen and (min-width: 1200px) { + .fxd-c\@lg\+ { + flex-direction: column; + } + .fxd-cr\@lg\+ { + flex-direction: column-reverse; + } + .fxd-r\@lg\+ { + flex-direction: row; + } + .fxd-rr\@lg\+ { + flex-direction: row-reverse; + } + } + @media screen and (min-width: 992px) { + .fxd-c\@md\+ { + flex-direction: column; + } + .fxd-cr\@md\+ { + flex-direction: column-reverse; + } + .fxd-r\@md\+ { + flex-direction: row; + } + .fxd-rr\@md\+ { + flex-direction: row-reverse; + } + } + @media screen and (min-width: 768px) { + .fxd-c\@sm\+ { + flex-direction: column; + } + .fxd-cr\@sm\+ { + flex-direction: column-reverse; + } + .fxd-r\@sm\+ { + flex-direction: row; + } + .fxd-rr\@sm\+ { + flex-direction: row-reverse; + } + } + @media screen and (min-width: 0) { + .fxd-c\@xs\+ { + flex-direction: column; + } + .fxd-cr\@xs\+ { + flex-direction: column-reverse; + } + .fxd-r\@xs\+ { + flex-direction: row; + } + .fxd-rr\@xs\+ { + flex-direction: row-reverse; + } + } + @media screen and (max-width: 1439px) { + .fxd-c\@xl- { + flex-direction: column; + } + .fxd-cr\@xl- { + flex-direction: column-reverse; + } + .fxd-r\@xl- { + flex-direction: row; + } + .fxd-rr\@xl- { + flex-direction: row-reverse; + } + } + @media screen and (max-width: 1199px) { + .fxd-c\@lg- { + flex-direction: column; + } + .fxd-cr\@lg- { + flex-direction: column-reverse; + } + .fxd-r\@lg- { + flex-direction: row; + } + .fxd-rr\@lg- { + flex-direction: row-reverse; + } + } + @media screen and (max-width: 991px) { + .fxd-c\@md- { + flex-direction: column; + } + .fxd-cr\@md- { + flex-direction: column-reverse; + } + .fxd-r\@md- { + flex-direction: row; + } + .fxd-rr\@md- { + flex-direction: row-reverse; + } + } + @media screen and (max-width: 767px) { + .fxd-c\@sm- { + flex-direction: column; + } + .fxd-cr\@sm- { + flex-direction: column-reverse; + } + .fxd-r\@sm- { + flex-direction: row; + } + .fxd-rr\@sm- { + flex-direction: row-reverse; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .fxd-c\@lg { + flex-direction: column; + } + .fxd-cr\@lg { + flex-direction: column-reverse; + } + .fxd-r\@lg { + flex-direction: row; + } + .fxd-rr\@lg { + flex-direction: row-reverse; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .fxd-c\@md { + flex-direction: column; + } + .fxd-cr\@md { + flex-direction: column-reverse; + } + .fxd-r\@md { + flex-direction: row; + } + .fxd-rr\@md { + flex-direction: row-reverse; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .fxd-c\@sm { + flex-direction: column; + } + .fxd-cr\@sm { + flex-direction: column-reverse; + } + .fxd-r\@sm { + flex-direction: row; + } + .fxd-rr\@sm { + flex-direction: row-reverse; + } + } + .ai-fs { + align-items: flex-start; + } + + .ai-fe { + align-items: flex-end; + } + + .ai-c { + align-items: center; + } + + .ai-b { + align-items: baseline; + } + + .ai-s { + align-items: stretch; + } + + @media screen and (min-width: 1440px) { + .ai-fs\@xl\+ { + align-items: flex-start; + } + .ai-fe\@xl\+ { + align-items: flex-end; + } + .ai-c\@xl\+ { + align-items: center; + } + .ai-b\@xl\+ { + align-items: baseline; + } + .ai-s\@xl\+ { + align-items: stretch; + } + } + @media screen and (min-width: 1200px) { + .ai-fs\@lg\+ { + align-items: flex-start; + } + .ai-fe\@lg\+ { + align-items: flex-end; + } + .ai-c\@lg\+ { + align-items: center; + } + .ai-b\@lg\+ { + align-items: baseline; + } + .ai-s\@lg\+ { + align-items: stretch; + } + } + @media screen and (min-width: 992px) { + .ai-fs\@md\+ { + align-items: flex-start; + } + .ai-fe\@md\+ { + align-items: flex-end; + } + .ai-c\@md\+ { + align-items: center; + } + .ai-b\@md\+ { + align-items: baseline; + } + .ai-s\@md\+ { + align-items: stretch; + } + } + @media screen and (min-width: 768px) { + .ai-fs\@sm\+ { + align-items: flex-start; + } + .ai-fe\@sm\+ { + align-items: flex-end; + } + .ai-c\@sm\+ { + align-items: center; + } + .ai-b\@sm\+ { + align-items: baseline; + } + .ai-s\@sm\+ { + align-items: stretch; + } + } + @media screen and (min-width: 0) { + .ai-fs\@xs\+ { + align-items: flex-start; + } + .ai-fe\@xs\+ { + align-items: flex-end; + } + .ai-c\@xs\+ { + align-items: center; + } + .ai-b\@xs\+ { + align-items: baseline; + } + .ai-s\@xs\+ { + align-items: stretch; + } + } + @media screen and (max-width: 1439px) { + .ai-fs\@xl- { + align-items: flex-start; + } + .ai-fe\@xl- { + align-items: flex-end; + } + .ai-c\@xl- { + align-items: center; + } + .ai-b\@xl- { + align-items: baseline; + } + .ai-s\@xl- { + align-items: stretch; + } + } + @media screen and (max-width: 1199px) { + .ai-fs\@lg- { + align-items: flex-start; + } + .ai-fe\@lg- { + align-items: flex-end; + } + .ai-c\@lg- { + align-items: center; + } + .ai-b\@lg- { + align-items: baseline; + } + .ai-s\@lg- { + align-items: stretch; + } + } + @media screen and (max-width: 991px) { + .ai-fs\@md- { + align-items: flex-start; + } + .ai-fe\@md- { + align-items: flex-end; + } + .ai-c\@md- { + align-items: center; + } + .ai-b\@md- { + align-items: baseline; + } + .ai-s\@md- { + align-items: stretch; + } + } + @media screen and (max-width: 767px) { + .ai-fs\@sm- { + align-items: flex-start; + } + .ai-fe\@sm- { + align-items: flex-end; + } + .ai-c\@sm- { + align-items: center; + } + .ai-b\@sm- { + align-items: baseline; + } + .ai-s\@sm- { + align-items: stretch; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ai-fs\@lg { + align-items: flex-start; + } + .ai-fe\@lg { + align-items: flex-end; + } + .ai-c\@lg { + align-items: center; + } + .ai-b\@lg { + align-items: baseline; + } + .ai-s\@lg { + align-items: stretch; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ai-fs\@md { + align-items: flex-start; + } + .ai-fe\@md { + align-items: flex-end; + } + .ai-c\@md { + align-items: center; + } + .ai-b\@md { + align-items: baseline; + } + .ai-s\@md { + align-items: stretch; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ai-fs\@sm { + align-items: flex-start; + } + .ai-fe\@sm { + align-items: flex-end; + } + .ai-c\@sm { + align-items: center; + } + .ai-b\@sm { + align-items: baseline; + } + .ai-s\@sm { + align-items: stretch; + } + } + .as-fs { + align-self: flex-start; + } + + .as-fe { + align-self: flex-end; + } + + .as-c { + align-self: center; + } + + .as-b { + align-self: baseline; + } + + .as-s { + align-self: stretch; + } + + @media screen and (min-width: 1440px) { + .as-fs\@xl\+ { + align-self: flex-start; + } + .as-fe\@xl\+ { + align-self: flex-end; + } + .as-c\@xl\+ { + align-self: center; + } + .as-b\@xl\+ { + align-self: baseline; + } + .as-s\@xl\+ { + align-self: stretch; + } + } + @media screen and (min-width: 1200px) { + .as-fs\@lg\+ { + align-self: flex-start; + } + .as-fe\@lg\+ { + align-self: flex-end; + } + .as-c\@lg\+ { + align-self: center; + } + .as-b\@lg\+ { + align-self: baseline; + } + .as-s\@lg\+ { + align-self: stretch; + } + } + @media screen and (min-width: 992px) { + .as-fs\@md\+ { + align-self: flex-start; + } + .as-fe\@md\+ { + align-self: flex-end; + } + .as-c\@md\+ { + align-self: center; + } + .as-b\@md\+ { + align-self: baseline; + } + .as-s\@md\+ { + align-self: stretch; + } + } + @media screen and (min-width: 768px) { + .as-fs\@sm\+ { + align-self: flex-start; + } + .as-fe\@sm\+ { + align-self: flex-end; + } + .as-c\@sm\+ { + align-self: center; + } + .as-b\@sm\+ { + align-self: baseline; + } + .as-s\@sm\+ { + align-self: stretch; + } + } + @media screen and (min-width: 0) { + .as-fs\@xs\+ { + align-self: flex-start; + } + .as-fe\@xs\+ { + align-self: flex-end; + } + .as-c\@xs\+ { + align-self: center; + } + .as-b\@xs\+ { + align-self: baseline; + } + .as-s\@xs\+ { + align-self: stretch; + } + } + @media screen and (max-width: 1439px) { + .as-fs\@xl- { + align-self: flex-start; + } + .as-fe\@xl- { + align-self: flex-end; + } + .as-c\@xl- { + align-self: center; + } + .as-b\@xl- { + align-self: baseline; + } + .as-s\@xl- { + align-self: stretch; + } + } + @media screen and (max-width: 1199px) { + .as-fs\@lg- { + align-self: flex-start; + } + .as-fe\@lg- { + align-self: flex-end; + } + .as-c\@lg- { + align-self: center; + } + .as-b\@lg- { + align-self: baseline; + } + .as-s\@lg- { + align-self: stretch; + } + } + @media screen and (max-width: 991px) { + .as-fs\@md- { + align-self: flex-start; + } + .as-fe\@md- { + align-self: flex-end; + } + .as-c\@md- { + align-self: center; + } + .as-b\@md- { + align-self: baseline; + } + .as-s\@md- { + align-self: stretch; + } + } + @media screen and (max-width: 767px) { + .as-fs\@sm- { + align-self: flex-start; + } + .as-fe\@sm- { + align-self: flex-end; + } + .as-c\@sm- { + align-self: center; + } + .as-b\@sm- { + align-self: baseline; + } + .as-s\@sm- { + align-self: stretch; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .as-fs\@lg { + align-self: flex-start; + } + .as-fe\@lg { + align-self: flex-end; + } + .as-c\@lg { + align-self: center; + } + .as-b\@lg { + align-self: baseline; + } + .as-s\@lg { + align-self: stretch; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .as-fs\@md { + align-self: flex-start; + } + .as-fe\@md { + align-self: flex-end; + } + .as-c\@md { + align-self: center; + } + .as-b\@md { + align-self: baseline; + } + .as-s\@md { + align-self: stretch; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .as-fs\@sm { + align-self: flex-start; + } + .as-fe\@sm { + align-self: flex-end; + } + .as-c\@sm { + align-self: center; + } + .as-b\@sm { + align-self: baseline; + } + .as-s\@sm { + align-self: stretch; + } + } + .ac-fs { + align-content: flex-start; + } + + .ac-fe { + align-content: flex-end; + } + + .ac-c { + align-content: center; + } + + .ac-s { + align-content: stretch; + } + + .ac-sb { + align-content: space-between; + } + + .ac-sa { + align-content: space-around; + } + + @media screen and (min-width: 1440px) { + .ac-fs\@xl\+ { + align-content: flex-start; + } + .ac-fe\@xl\+ { + align-content: flex-end; + } + .ac-c\@xl\+ { + align-content: center; + } + .ac-s\@xl\+ { + align-content: stretch; + } + .ac-sb\@xl\+ { + align-content: space-between; + } + .ac-sa\@xl\+ { + align-content: space-around; + } + } + @media screen and (min-width: 1200px) { + .ac-fs\@lg\+ { + align-content: flex-start; + } + .ac-fe\@lg\+ { + align-content: flex-end; + } + .ac-c\@lg\+ { + align-content: center; + } + .ac-s\@lg\+ { + align-content: stretch; + } + .ac-sb\@lg\+ { + align-content: space-between; + } + .ac-sa\@lg\+ { + align-content: space-around; + } + } + @media screen and (min-width: 992px) { + .ac-fs\@md\+ { + align-content: flex-start; + } + .ac-fe\@md\+ { + align-content: flex-end; + } + .ac-c\@md\+ { + align-content: center; + } + .ac-s\@md\+ { + align-content: stretch; + } + .ac-sb\@md\+ { + align-content: space-between; + } + .ac-sa\@md\+ { + align-content: space-around; + } + } + @media screen and (min-width: 768px) { + .ac-fs\@sm\+ { + align-content: flex-start; + } + .ac-fe\@sm\+ { + align-content: flex-end; + } + .ac-c\@sm\+ { + align-content: center; + } + .ac-s\@sm\+ { + align-content: stretch; + } + .ac-sb\@sm\+ { + align-content: space-between; + } + .ac-sa\@sm\+ { + align-content: space-around; + } + } + @media screen and (min-width: 0) { + .ac-fs\@xs\+ { + align-content: flex-start; + } + .ac-fe\@xs\+ { + align-content: flex-end; + } + .ac-c\@xs\+ { + align-content: center; + } + .ac-s\@xs\+ { + align-content: stretch; + } + .ac-sb\@xs\+ { + align-content: space-between; + } + .ac-sa\@xs\+ { + align-content: space-around; + } + } + @media screen and (max-width: 1439px) { + .ac-fs\@xl- { + align-content: flex-start; + } + .ac-fe\@xl- { + align-content: flex-end; + } + .ac-c\@xl- { + align-content: center; + } + .ac-s\@xl- { + align-content: stretch; + } + .ac-sb\@xl- { + align-content: space-between; + } + .ac-sa\@xl- { + align-content: space-around; + } + } + @media screen and (max-width: 1199px) { + .ac-fs\@lg- { + align-content: flex-start; + } + .ac-fe\@lg- { + align-content: flex-end; + } + .ac-c\@lg- { + align-content: center; + } + .ac-s\@lg- { + align-content: stretch; + } + .ac-sb\@lg- { + align-content: space-between; + } + .ac-sa\@lg- { + align-content: space-around; + } + } + @media screen and (max-width: 991px) { + .ac-fs\@md- { + align-content: flex-start; + } + .ac-fe\@md- { + align-content: flex-end; + } + .ac-c\@md- { + align-content: center; + } + .ac-s\@md- { + align-content: stretch; + } + .ac-sb\@md- { + align-content: space-between; + } + .ac-sa\@md- { + align-content: space-around; + } + } + @media screen and (max-width: 767px) { + .ac-fs\@sm- { + align-content: flex-start; + } + .ac-fe\@sm- { + align-content: flex-end; + } + .ac-c\@sm- { + align-content: center; + } + .ac-s\@sm- { + align-content: stretch; + } + .ac-sb\@sm- { + align-content: space-between; + } + .ac-sa\@sm- { + align-content: space-around; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ac-fs\@lg { + align-content: flex-start; + } + .ac-fe\@lg { + align-content: flex-end; + } + .ac-c\@lg { + align-content: center; + } + .ac-s\@lg { + align-content: stretch; + } + .ac-sb\@lg { + align-content: space-between; + } + .ac-sa\@lg { + align-content: space-around; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ac-fs\@md { + align-content: flex-start; + } + .ac-fe\@md { + align-content: flex-end; + } + .ac-c\@md { + align-content: center; + } + .ac-s\@md { + align-content: stretch; + } + .ac-sb\@md { + align-content: space-between; + } + .ac-sa\@md { + align-content: space-around; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ac-fs\@sm { + align-content: flex-start; + } + .ac-fe\@sm { + align-content: flex-end; + } + .ac-c\@sm { + align-content: center; + } + .ac-s\@sm { + align-content: stretch; + } + .ac-sb\@sm { + align-content: space-between; + } + .ac-sa\@sm { + align-content: space-around; + } + } + .jc-fs { + justify-content: flex-start; + } + + .jc-fe { + justify-content: flex-end; + } + + .jc-c { + justify-content: center; + } + + .jc-sb { + justify-content: space-between; + } + + .jc-sa { + justify-content: space-around; + } + + @media screen and (min-width: 1440px) { + .jc-fs\@xl\+ { + justify-content: flex-start; + } + .jc-fe\@xl\+ { + justify-content: flex-end; + } + .jc-c\@xl\+ { + justify-content: center; + } + .jc-sb\@xl\+ { + justify-content: space-between; + } + .jc-sa\@xl\+ { + justify-content: space-around; + } + } + @media screen and (min-width: 1200px) { + .jc-fs\@lg\+ { + justify-content: flex-start; + } + .jc-fe\@lg\+ { + justify-content: flex-end; + } + .jc-c\@lg\+ { + justify-content: center; + } + .jc-sb\@lg\+ { + justify-content: space-between; + } + .jc-sa\@lg\+ { + justify-content: space-around; + } + } + @media screen and (min-width: 992px) { + .jc-fs\@md\+ { + justify-content: flex-start; + } + .jc-fe\@md\+ { + justify-content: flex-end; + } + .jc-c\@md\+ { + justify-content: center; + } + .jc-sb\@md\+ { + justify-content: space-between; + } + .jc-sa\@md\+ { + justify-content: space-around; + } + } + @media screen and (min-width: 768px) { + .jc-fs\@sm\+ { + justify-content: flex-start; + } + .jc-fe\@sm\+ { + justify-content: flex-end; + } + .jc-c\@sm\+ { + justify-content: center; + } + .jc-sb\@sm\+ { + justify-content: space-between; + } + .jc-sa\@sm\+ { + justify-content: space-around; + } + } + @media screen and (min-width: 0) { + .jc-fs\@xs\+ { + justify-content: flex-start; + } + .jc-fe\@xs\+ { + justify-content: flex-end; + } + .jc-c\@xs\+ { + justify-content: center; + } + .jc-sb\@xs\+ { + justify-content: space-between; + } + .jc-sa\@xs\+ { + justify-content: space-around; + } + } + @media screen and (max-width: 1439px) { + .jc-fs\@xl- { + justify-content: flex-start; + } + .jc-fe\@xl- { + justify-content: flex-end; + } + .jc-c\@xl- { + justify-content: center; + } + .jc-sb\@xl- { + justify-content: space-between; + } + .jc-sa\@xl- { + justify-content: space-around; + } + } + @media screen and (max-width: 1199px) { + .jc-fs\@lg- { + justify-content: flex-start; + } + .jc-fe\@lg- { + justify-content: flex-end; + } + .jc-c\@lg- { + justify-content: center; + } + .jc-sb\@lg- { + justify-content: space-between; + } + .jc-sa\@lg- { + justify-content: space-around; + } + } + @media screen and (max-width: 991px) { + .jc-fs\@md- { + justify-content: flex-start; + } + .jc-fe\@md- { + justify-content: flex-end; + } + .jc-c\@md- { + justify-content: center; + } + .jc-sb\@md- { + justify-content: space-between; + } + .jc-sa\@md- { + justify-content: space-around; + } + } + @media screen and (max-width: 767px) { + .jc-fs\@sm- { + justify-content: flex-start; + } + .jc-fe\@sm- { + justify-content: flex-end; + } + .jc-c\@sm- { + justify-content: center; + } + .jc-sb\@sm- { + justify-content: space-between; + } + .jc-sa\@sm- { + justify-content: space-around; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .jc-fs\@lg { + justify-content: flex-start; + } + .jc-fe\@lg { + justify-content: flex-end; + } + .jc-c\@lg { + justify-content: center; + } + .jc-sb\@lg { + justify-content: space-between; + } + .jc-sa\@lg { + justify-content: space-around; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .jc-fs\@md { + justify-content: flex-start; + } + .jc-fe\@md { + justify-content: flex-end; + } + .jc-c\@md { + justify-content: center; + } + .jc-sb\@md { + justify-content: space-between; + } + .jc-sa\@md { + justify-content: space-around; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .jc-fs\@sm { + justify-content: flex-start; + } + .jc-fe\@sm { + justify-content: flex-end; + } + .jc-c\@sm { + justify-content: center; + } + .jc-sb\@sm { + justify-content: space-between; + } + .jc-sa\@sm { + justify-content: space-around; + } + } + .fx-n { + flex: none; + } + + .fx-1 { + flex: 1; + } + + @media screen and (min-width: 1440px) { + .fx-n\@xl\+ { + flex: none; + } + .fx-1\@xl\+ { + flex: 1; + } + } + @media screen and (min-width: 1200px) { + .fx-n\@lg\+ { + flex: none; + } + .fx-1\@lg\+ { + flex: 1; + } + } + @media screen and (min-width: 992px) { + .fx-n\@md\+ { + flex: none; + } + .fx-1\@md\+ { + flex: 1; + } + } + @media screen and (min-width: 768px) { + .fx-n\@sm\+ { + flex: none; + } + .fx-1\@sm\+ { + flex: 1; + } + } + @media screen and (min-width: 0) { + .fx-n\@xs\+ { + flex: none; + } + .fx-1\@xs\+ { + flex: 1; + } + } + @media screen and (max-width: 1439px) { + .fx-n\@xl- { + flex: none; + } + .fx-1\@xl- { + flex: 1; + } + } + @media screen and (max-width: 1199px) { + .fx-n\@lg- { + flex: none; + } + .fx-1\@lg- { + flex: 1; + } + } + @media screen and (max-width: 991px) { + .fx-n\@md- { + flex: none; + } + .fx-1\@md- { + flex: 1; + } + } + @media screen and (max-width: 767px) { + .fx-n\@sm- { + flex: none; + } + .fx-1\@sm- { + flex: 1; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .fx-n\@lg { + flex: none; + } + .fx-1\@lg { + flex: 1; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .fx-n\@md { + flex: none; + } + .fx-1\@md { + flex: 1; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .fx-n\@sm { + flex: none; + } + .fx-1\@sm { + flex: 1; + } + } + .fxb-a { + flex-basis: auto; + } + + .fxb-0 { + flex-basis: 0; + } + + @media screen and (min-width: 1440px) { + .fxb-a\@xl\+ { + flex-basis: auto; + } + .fxb-0\@xl\+ { + flex-basis: 0; + } + } + @media screen and (min-width: 1200px) { + .fxb-a\@lg\+ { + flex-basis: auto; + } + .fxb-0\@lg\+ { + flex-basis: 0; + } + } + @media screen and (min-width: 992px) { + .fxb-a\@md\+ { + flex-basis: auto; + } + .fxb-0\@md\+ { + flex-basis: 0; + } + } + @media screen and (min-width: 768px) { + .fxb-a\@sm\+ { + flex-basis: auto; + } + .fxb-0\@sm\+ { + flex-basis: 0; + } + } + @media screen and (min-width: 0) { + .fxb-a\@xs\+ { + flex-basis: auto; + } + .fxb-0\@xs\+ { + flex-basis: 0; + } + } + @media screen and (max-width: 1439px) { + .fxb-a\@xl- { + flex-basis: auto; + } + .fxb-0\@xl- { + flex-basis: 0; + } + } + @media screen and (max-width: 1199px) { + .fxb-a\@lg- { + flex-basis: auto; + } + .fxb-0\@lg- { + flex-basis: 0; + } + } + @media screen and (max-width: 991px) { + .fxb-a\@md- { + flex-basis: auto; + } + .fxb-0\@md- { + flex-basis: 0; + } + } + @media screen and (max-width: 767px) { + .fxb-a\@sm- { + flex-basis: auto; + } + .fxb-0\@sm- { + flex-basis: 0; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .fxb-a\@lg { + flex-basis: auto; + } + .fxb-0\@lg { + flex-basis: 0; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .fxb-a\@md { + flex-basis: auto; + } + .fxb-0\@md { + flex-basis: 0; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .fxb-a\@sm { + flex-basis: auto; + } + .fxb-0\@sm { + flex-basis: 0; + } + } + .fxg-1 { + flex-grow: 1; + } + + .fxg-0 { + flex-grow: 0; + } + + @media screen and (min-width: 1440px) { + .fxg-1\@xl\+ { + flex-grow: 1; + } + .fxg-0\@xl\+ { + flex-grow: 0; + } + } + @media screen and (min-width: 1200px) { + .fxg-1\@lg\+ { + flex-grow: 1; + } + .fxg-0\@lg\+ { + flex-grow: 0; + } + } + @media screen and (min-width: 992px) { + .fxg-1\@md\+ { + flex-grow: 1; + } + .fxg-0\@md\+ { + flex-grow: 0; + } + } + @media screen and (min-width: 768px) { + .fxg-1\@sm\+ { + flex-grow: 1; + } + .fxg-0\@sm\+ { + flex-grow: 0; + } + } + @media screen and (min-width: 0) { + .fxg-1\@xs\+ { + flex-grow: 1; + } + .fxg-0\@xs\+ { + flex-grow: 0; + } + } + @media screen and (max-width: 1439px) { + .fxg-1\@xl- { + flex-grow: 1; + } + .fxg-0\@xl- { + flex-grow: 0; + } + } + @media screen and (max-width: 1199px) { + .fxg-1\@lg- { + flex-grow: 1; + } + .fxg-0\@lg- { + flex-grow: 0; + } + } + @media screen and (max-width: 991px) { + .fxg-1\@md- { + flex-grow: 1; + } + .fxg-0\@md- { + flex-grow: 0; + } + } + @media screen and (max-width: 767px) { + .fxg-1\@sm- { + flex-grow: 1; + } + .fxg-0\@sm- { + flex-grow: 0; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .fxg-1\@lg { + flex-grow: 1; + } + .fxg-0\@lg { + flex-grow: 0; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .fxg-1\@md { + flex-grow: 1; + } + .fxg-0\@md { + flex-grow: 0; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .fxg-1\@sm { + flex-grow: 1; + } + .fxg-0\@sm { + flex-grow: 0; + } + } + .fxs-1 { + flex-shrink: 1; + } + + .fxs-0 { + flex-shrink: 0; + } + + @media screen and (min-width: 1440px) { + .fxs-1\@xl\+ { + flex-shrink: 1; + } + .fxs-0\@xl\+ { + flex-shrink: 0; + } + } + @media screen and (min-width: 1200px) { + .fxs-1\@lg\+ { + flex-shrink: 1; + } + .fxs-0\@lg\+ { + flex-shrink: 0; + } + } + @media screen and (min-width: 992px) { + .fxs-1\@md\+ { + flex-shrink: 1; + } + .fxs-0\@md\+ { + flex-shrink: 0; + } + } + @media screen and (min-width: 768px) { + .fxs-1\@sm\+ { + flex-shrink: 1; + } + .fxs-0\@sm\+ { + flex-shrink: 0; + } + } + @media screen and (min-width: 0) { + .fxs-1\@xs\+ { + flex-shrink: 1; + } + .fxs-0\@xs\+ { + flex-shrink: 0; + } + } + @media screen and (max-width: 1439px) { + .fxs-1\@xl- { + flex-shrink: 1; + } + .fxs-0\@xl- { + flex-shrink: 0; + } + } + @media screen and (max-width: 1199px) { + .fxs-1\@lg- { + flex-shrink: 1; + } + .fxs-0\@lg- { + flex-shrink: 0; + } + } + @media screen and (max-width: 991px) { + .fxs-1\@md- { + flex-shrink: 1; + } + .fxs-0\@md- { + flex-shrink: 0; + } + } + @media screen and (max-width: 767px) { + .fxs-1\@sm- { + flex-shrink: 1; + } + .fxs-0\@sm- { + flex-shrink: 0; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .fxs-1\@lg { + flex-shrink: 1; + } + .fxs-0\@lg { + flex-shrink: 0; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .fxs-1\@md { + flex-shrink: 1; + } + .fxs-0\@md { + flex-shrink: 0; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .fxs-1\@sm { + flex-shrink: 1; + } + .fxs-0\@sm { + flex-shrink: 0; + } + } + .ord-0 { + order: 0; + } + + @media screen and (min-width: 1440px) { + .ord-0\@xl\+ { + order: 0; + } + } + @media screen and (min-width: 1200px) { + .ord-0\@lg\+ { + order: 0; + } + } + @media screen and (min-width: 992px) { + .ord-0\@md\+ { + order: 0; + } + } + @media screen and (min-width: 768px) { + .ord-0\@sm\+ { + order: 0; + } + } + @media screen and (min-width: 0) { + .ord-0\@xs\+ { + order: 0; + } + } + @media screen and (max-width: 1439px) { + .ord-0\@xl- { + order: 0; + } + } + @media screen and (max-width: 1199px) { + .ord-0\@lg- { + order: 0; + } + } + @media screen and (max-width: 991px) { + .ord-0\@md- { + order: 0; + } + } + @media screen and (max-width: 767px) { + .ord-0\@sm- { + order: 0; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ord-0\@lg { + order: 0; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ord-0\@md { + order: 0; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ord-0\@sm { + order: 0; + } + } + .ord-1 { + order: 1; + } + + @media screen and (min-width: 1440px) { + .ord-1\@xl\+ { + order: 1; + } + } + @media screen and (min-width: 1200px) { + .ord-1\@lg\+ { + order: 1; + } + } + @media screen and (min-width: 992px) { + .ord-1\@md\+ { + order: 1; + } + } + @media screen and (min-width: 768px) { + .ord-1\@sm\+ { + order: 1; + } + } + @media screen and (min-width: 0) { + .ord-1\@xs\+ { + order: 1; + } + } + @media screen and (max-width: 1439px) { + .ord-1\@xl- { + order: 1; + } + } + @media screen and (max-width: 1199px) { + .ord-1\@lg- { + order: 1; + } + } + @media screen and (max-width: 991px) { + .ord-1\@md- { + order: 1; + } + } + @media screen and (max-width: 767px) { + .ord-1\@sm- { + order: 1; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ord-1\@lg { + order: 1; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ord-1\@md { + order: 1; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ord-1\@sm { + order: 1; + } + } + .ord-2 { + order: 2; + } + + @media screen and (min-width: 1440px) { + .ord-2\@xl\+ { + order: 2; + } + } + @media screen and (min-width: 1200px) { + .ord-2\@lg\+ { + order: 2; + } + } + @media screen and (min-width: 992px) { + .ord-2\@md\+ { + order: 2; + } + } + @media screen and (min-width: 768px) { + .ord-2\@sm\+ { + order: 2; + } + } + @media screen and (min-width: 0) { + .ord-2\@xs\+ { + order: 2; + } + } + @media screen and (max-width: 1439px) { + .ord-2\@xl- { + order: 2; + } + } + @media screen and (max-width: 1199px) { + .ord-2\@lg- { + order: 2; + } + } + @media screen and (max-width: 991px) { + .ord-2\@md- { + order: 2; + } + } + @media screen and (max-width: 767px) { + .ord-2\@sm- { + order: 2; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ord-2\@lg { + order: 2; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ord-2\@md { + order: 2; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ord-2\@sm { + order: 2; + } + } + .ord-3 { + order: 3; + } + + @media screen and (min-width: 1440px) { + .ord-3\@xl\+ { + order: 3; + } + } + @media screen and (min-width: 1200px) { + .ord-3\@lg\+ { + order: 3; + } + } + @media screen and (min-width: 992px) { + .ord-3\@md\+ { + order: 3; + } + } + @media screen and (min-width: 768px) { + .ord-3\@sm\+ { + order: 3; + } + } + @media screen and (min-width: 0) { + .ord-3\@xs\+ { + order: 3; + } + } + @media screen and (max-width: 1439px) { + .ord-3\@xl- { + order: 3; + } + } + @media screen and (max-width: 1199px) { + .ord-3\@lg- { + order: 3; + } + } + @media screen and (max-width: 991px) { + .ord-3\@md- { + order: 3; + } + } + @media screen and (max-width: 767px) { + .ord-3\@sm- { + order: 3; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ord-3\@lg { + order: 3; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ord-3\@md { + order: 3; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ord-3\@sm { + order: 3; + } + } + .ord-4 { + order: 4; + } + + @media screen and (min-width: 1440px) { + .ord-4\@xl\+ { + order: 4; + } + } + @media screen and (min-width: 1200px) { + .ord-4\@lg\+ { + order: 4; + } + } + @media screen and (min-width: 992px) { + .ord-4\@md\+ { + order: 4; + } + } + @media screen and (min-width: 768px) { + .ord-4\@sm\+ { + order: 4; + } + } + @media screen and (min-width: 0) { + .ord-4\@xs\+ { + order: 4; + } + } + @media screen and (max-width: 1439px) { + .ord-4\@xl- { + order: 4; + } + } + @media screen and (max-width: 1199px) { + .ord-4\@lg- { + order: 4; + } + } + @media screen and (max-width: 991px) { + .ord-4\@md- { + order: 4; + } + } + @media screen and (max-width: 767px) { + .ord-4\@sm- { + order: 4; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ord-4\@lg { + order: 4; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ord-4\@md { + order: 4; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ord-4\@sm { + order: 4; + } + } + .ord-5 { + order: 5; + } + + @media screen and (min-width: 1440px) { + .ord-5\@xl\+ { + order: 5; + } + } + @media screen and (min-width: 1200px) { + .ord-5\@lg\+ { + order: 5; + } + } + @media screen and (min-width: 992px) { + .ord-5\@md\+ { + order: 5; + } + } + @media screen and (min-width: 768px) { + .ord-5\@sm\+ { + order: 5; + } + } + @media screen and (min-width: 0) { + .ord-5\@xs\+ { + order: 5; + } + } + @media screen and (max-width: 1439px) { + .ord-5\@xl- { + order: 5; + } + } + @media screen and (max-width: 1199px) { + .ord-5\@lg- { + order: 5; + } + } + @media screen and (max-width: 991px) { + .ord-5\@md- { + order: 5; + } + } + @media screen and (max-width: 767px) { + .ord-5\@sm- { + order: 5; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ord-5\@lg { + order: 5; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ord-5\@md { + order: 5; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ord-5\@sm { + order: 5; + } + } + .ord-6 { + order: 6; + } + + @media screen and (min-width: 1440px) { + .ord-6\@xl\+ { + order: 6; + } + } + @media screen and (min-width: 1200px) { + .ord-6\@lg\+ { + order: 6; + } + } + @media screen and (min-width: 992px) { + .ord-6\@md\+ { + order: 6; + } + } + @media screen and (min-width: 768px) { + .ord-6\@sm\+ { + order: 6; + } + } + @media screen and (min-width: 0) { + .ord-6\@xs\+ { + order: 6; + } + } + @media screen and (max-width: 1439px) { + .ord-6\@xl- { + order: 6; + } + } + @media screen and (max-width: 1199px) { + .ord-6\@lg- { + order: 6; + } + } + @media screen and (max-width: 991px) { + .ord-6\@md- { + order: 6; + } + } + @media screen and (max-width: 767px) { + .ord-6\@sm- { + order: 6; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ord-6\@lg { + order: 6; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ord-6\@md { + order: 6; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ord-6\@sm { + order: 6; + } + } + .ord-7 { + order: 7; + } + + @media screen and (min-width: 1440px) { + .ord-7\@xl\+ { + order: 7; + } + } + @media screen and (min-width: 1200px) { + .ord-7\@lg\+ { + order: 7; + } + } + @media screen and (min-width: 992px) { + .ord-7\@md\+ { + order: 7; + } + } + @media screen and (min-width: 768px) { + .ord-7\@sm\+ { + order: 7; + } + } + @media screen and (min-width: 0) { + .ord-7\@xs\+ { + order: 7; + } + } + @media screen and (max-width: 1439px) { + .ord-7\@xl- { + order: 7; + } + } + @media screen and (max-width: 1199px) { + .ord-7\@lg- { + order: 7; + } + } + @media screen and (max-width: 991px) { + .ord-7\@md- { + order: 7; + } + } + @media screen and (max-width: 767px) { + .ord-7\@sm- { + order: 7; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ord-7\@lg { + order: 7; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ord-7\@md { + order: 7; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ord-7\@sm { + order: 7; + } + } + .ord-8 { + order: 8; + } + + @media screen and (min-width: 1440px) { + .ord-8\@xl\+ { + order: 8; + } + } + @media screen and (min-width: 1200px) { + .ord-8\@lg\+ { + order: 8; + } + } + @media screen and (min-width: 992px) { + .ord-8\@md\+ { + order: 8; + } + } + @media screen and (min-width: 768px) { + .ord-8\@sm\+ { + order: 8; + } + } + @media screen and (min-width: 0) { + .ord-8\@xs\+ { + order: 8; + } + } + @media screen and (max-width: 1439px) { + .ord-8\@xl- { + order: 8; + } + } + @media screen and (max-width: 1199px) { + .ord-8\@lg- { + order: 8; + } + } + @media screen and (max-width: 991px) { + .ord-8\@md- { + order: 8; + } + } + @media screen and (max-width: 767px) { + .ord-8\@sm- { + order: 8; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ord-8\@lg { + order: 8; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ord-8\@md { + order: 8; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ord-8\@sm { + order: 8; + } + } + .ord-9 { + order: 9; + } + + @media screen and (min-width: 1440px) { + .ord-9\@xl\+ { + order: 9; + } + } + @media screen and (min-width: 1200px) { + .ord-9\@lg\+ { + order: 9; + } + } + @media screen and (min-width: 992px) { + .ord-9\@md\+ { + order: 9; + } + } + @media screen and (min-width: 768px) { + .ord-9\@sm\+ { + order: 9; + } + } + @media screen and (min-width: 0) { + .ord-9\@xs\+ { + order: 9; + } + } + @media screen and (max-width: 1439px) { + .ord-9\@xl- { + order: 9; + } + } + @media screen and (max-width: 1199px) { + .ord-9\@lg- { + order: 9; + } + } + @media screen and (max-width: 991px) { + .ord-9\@md- { + order: 9; + } + } + @media screen and (max-width: 767px) { + .ord-9\@sm- { + order: 9; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ord-9\@lg { + order: 9; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ord-9\@md { + order: 9; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ord-9\@sm { + order: 9; + } + } + .ord-10 { + order: 10; + } + + @media screen and (min-width: 1440px) { + .ord-10\@xl\+ { + order: 10; + } + } + @media screen and (min-width: 1200px) { + .ord-10\@lg\+ { + order: 10; + } + } + @media screen and (min-width: 992px) { + .ord-10\@md\+ { + order: 10; + } + } + @media screen and (min-width: 768px) { + .ord-10\@sm\+ { + order: 10; + } + } + @media screen and (min-width: 0) { + .ord-10\@xs\+ { + order: 10; + } + } + @media screen and (max-width: 1439px) { + .ord-10\@xl- { + order: 10; + } + } + @media screen and (max-width: 1199px) { + .ord-10\@lg- { + order: 10; + } + } + @media screen and (max-width: 991px) { + .ord-10\@md- { + order: 10; + } + } + @media screen and (max-width: 767px) { + .ord-10\@sm- { + order: 10; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ord-10\@lg { + order: 10; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ord-10\@md { + order: 10; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ord-10\@sm { + order: 10; + } + } + .ord-11 { + order: 11; + } + + @media screen and (min-width: 1440px) { + .ord-11\@xl\+ { + order: 11; + } + } + @media screen and (min-width: 1200px) { + .ord-11\@lg\+ { + order: 11; + } + } + @media screen and (min-width: 992px) { + .ord-11\@md\+ { + order: 11; + } + } + @media screen and (min-width: 768px) { + .ord-11\@sm\+ { + order: 11; + } + } + @media screen and (min-width: 0) { + .ord-11\@xs\+ { + order: 11; + } + } + @media screen and (max-width: 1439px) { + .ord-11\@xl- { + order: 11; + } + } + @media screen and (max-width: 1199px) { + .ord-11\@lg- { + order: 11; + } + } + @media screen and (max-width: 991px) { + .ord-11\@md- { + order: 11; + } + } + @media screen and (max-width: 767px) { + .ord-11\@sm- { + order: 11; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ord-11\@lg { + order: 11; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ord-11\@md { + order: 11; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ord-11\@sm { + order: 11; + } + } + .ord-12 { + order: 12; + } + + @media screen and (min-width: 1440px) { + .ord-12\@xl\+ { + order: 12; + } + } + @media screen and (min-width: 1200px) { + .ord-12\@lg\+ { + order: 12; + } + } + @media screen and (min-width: 992px) { + .ord-12\@md\+ { + order: 12; + } + } + @media screen and (min-width: 768px) { + .ord-12\@sm\+ { + order: 12; + } + } + @media screen and (min-width: 0) { + .ord-12\@xs\+ { + order: 12; + } + } + @media screen and (max-width: 1439px) { + .ord-12\@xl- { + order: 12; + } + } + @media screen and (max-width: 1199px) { + .ord-12\@lg- { + order: 12; + } + } + @media screen and (max-width: 991px) { + .ord-12\@md- { + order: 12; + } + } + @media screen and (max-width: 767px) { + .ord-12\@sm- { + order: 12; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ord-12\@lg { + order: 12; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ord-12\@md { + order: 12; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ord-12\@sm { + order: 12; + } + } + .d-b { + display: block !important; + } + + .d-ib { + display: inline-block !important; + } + + .d-i { + display: inline !important; + } + + .d-tb { + display: table !important; + } + + .d-tbc { + display: table-cell !important; + } + + .d-n { + display: none !important; + } + + @media screen and (min-width: 1440px) { + .d-b\@xl\+ { + display: block !important; + } + .d-ib\@xl\+ { + display: inline-block !important; + } + .d-i\@xl\+ { + display: inline !important; + } + .d-tb\@xl\+ { + display: table !important; + } + .d-tbc\@xl\+ { + display: table-cell !important; + } + .d-n\@xl\+ { + display: none !important; + } + } + @media screen and (min-width: 1200px) { + .d-b\@lg\+ { + display: block !important; + } + .d-ib\@lg\+ { + display: inline-block !important; + } + .d-i\@lg\+ { + display: inline !important; + } + .d-tb\@lg\+ { + display: table !important; + } + .d-tbc\@lg\+ { + display: table-cell !important; + } + .d-n\@lg\+ { + display: none !important; + } + } + @media screen and (min-width: 992px) { + .d-b\@md\+ { + display: block !important; + } + .d-ib\@md\+ { + display: inline-block !important; + } + .d-i\@md\+ { + display: inline !important; + } + .d-tb\@md\+ { + display: table !important; + } + .d-tbc\@md\+ { + display: table-cell !important; + } + .d-n\@md\+ { + display: none !important; + } + } + @media screen and (min-width: 768px) { + .d-b\@sm\+ { + display: block !important; + } + .d-ib\@sm\+ { + display: inline-block !important; + } + .d-i\@sm\+ { + display: inline !important; + } + .d-tb\@sm\+ { + display: table !important; + } + .d-tbc\@sm\+ { + display: table-cell !important; + } + .d-n\@sm\+ { + display: none !important; + } + } + @media screen and (min-width: 0) { + .d-b\@xs\+ { + display: block !important; + } + .d-ib\@xs\+ { + display: inline-block !important; + } + .d-i\@xs\+ { + display: inline !important; + } + .d-tb\@xs\+ { + display: table !important; + } + .d-tbc\@xs\+ { + display: table-cell !important; + } + .d-n\@xs\+ { + display: none !important; + } + } + @media screen and (max-width: 1439px) { + .d-b\@xl- { + display: block !important; + } + .d-ib\@xl- { + display: inline-block !important; + } + .d-i\@xl- { + display: inline !important; + } + .d-tb\@xl- { + display: table !important; + } + .d-tbc\@xl- { + display: table-cell !important; + } + .d-n\@xl- { + display: none !important; + } + } + @media screen and (max-width: 1199px) { + .d-b\@lg- { + display: block !important; + } + .d-ib\@lg- { + display: inline-block !important; + } + .d-i\@lg- { + display: inline !important; + } + .d-tb\@lg- { + display: table !important; + } + .d-tbc\@lg- { + display: table-cell !important; + } + .d-n\@lg- { + display: none !important; + } + } + @media screen and (max-width: 991px) { + .d-b\@md- { + display: block !important; + } + .d-ib\@md- { + display: inline-block !important; + } + .d-i\@md- { + display: inline !important; + } + .d-tb\@md- { + display: table !important; + } + .d-tbc\@md- { + display: table-cell !important; + } + .d-n\@md- { + display: none !important; + } + } + @media screen and (max-width: 767px) { + .d-b\@sm- { + display: block !important; + } + .d-ib\@sm- { + display: inline-block !important; + } + .d-i\@sm- { + display: inline !important; + } + .d-tb\@sm- { + display: table !important; + } + .d-tbc\@sm- { + display: table-cell !important; + } + .d-n\@sm- { + display: none !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .d-b\@lg { + display: block !important; + } + .d-ib\@lg { + display: inline-block !important; + } + .d-i\@lg { + display: inline !important; + } + .d-tb\@lg { + display: table !important; + } + .d-tbc\@lg { + display: table-cell !important; + } + .d-n\@lg { + display: none !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .d-b\@md { + display: block !important; + } + .d-ib\@md { + display: inline-block !important; + } + .d-i\@md { + display: inline !important; + } + .d-tb\@md { + display: table !important; + } + .d-tbc\@md { + display: table-cell !important; + } + .d-n\@md { + display: none !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .d-b\@sm { + display: block !important; + } + .d-ib\@sm { + display: inline-block !important; + } + .d-i\@sm { + display: inline !important; + } + .d-tb\@sm { + display: table !important; + } + .d-tbc\@sm { + display: table-cell !important; + } + .d-n\@sm { + display: none !important; + } + } + .ov-h { + overflow: hidden !important; + } + + .ov-a { + overflow: auto !important; + } + + .ov-s { + overflow: scroll !important; + } + + .ovY-h { + overflow-y: hidden !important; + } + + .ovX-h { + overflow-x: hidden !important; + } + + .ovY-a { + overflow-y: auto !important; + } + + .ovX-a { + overflow-x: auto !important; + } + + .ovY-s { + overflow-y: scroll !important; + } + + .ovX-s { + overflow-x: scroll !important; + } + + @media screen and (min-width: 1440px) { + .ov-h\@xl\+ { + overflow: hidden !important; + } + .ov-a\@xl\+ { + overflow: auto !important; + } + .ov-s\@xl\+ { + overflow: scroll !important; + } + .ovY-h\@xl\+ { + overflow-y: hidden !important; + } + .ovX-h\@xl\+ { + overflow-x: hidden !important; + } + .ovY-a\@xl\+ { + overflow-y: auto !important; + } + .ovX-a\@xl\+ { + overflow-x: auto !important; + } + .ovY-s\@xl\+ { + overflow-y: scroll !important; + } + .ovX-s\@xl\+ { + overflow-x: scroll !important; + } + } + @media screen and (min-width: 1200px) { + .ov-h\@lg\+ { + overflow: hidden !important; + } + .ov-a\@lg\+ { + overflow: auto !important; + } + .ov-s\@lg\+ { + overflow: scroll !important; + } + .ovY-h\@lg\+ { + overflow-y: hidden !important; + } + .ovX-h\@lg\+ { + overflow-x: hidden !important; + } + .ovY-a\@lg\+ { + overflow-y: auto !important; + } + .ovX-a\@lg\+ { + overflow-x: auto !important; + } + .ovY-s\@lg\+ { + overflow-y: scroll !important; + } + .ovX-s\@lg\+ { + overflow-x: scroll !important; + } + } + @media screen and (min-width: 992px) { + .ov-h\@md\+ { + overflow: hidden !important; + } + .ov-a\@md\+ { + overflow: auto !important; + } + .ov-s\@md\+ { + overflow: scroll !important; + } + .ovY-h\@md\+ { + overflow-y: hidden !important; + } + .ovX-h\@md\+ { + overflow-x: hidden !important; + } + .ovY-a\@md\+ { + overflow-y: auto !important; + } + .ovX-a\@md\+ { + overflow-x: auto !important; + } + .ovY-s\@md\+ { + overflow-y: scroll !important; + } + .ovX-s\@md\+ { + overflow-x: scroll !important; + } + } + @media screen and (min-width: 768px) { + .ov-h\@sm\+ { + overflow: hidden !important; + } + .ov-a\@sm\+ { + overflow: auto !important; + } + .ov-s\@sm\+ { + overflow: scroll !important; + } + .ovY-h\@sm\+ { + overflow-y: hidden !important; + } + .ovX-h\@sm\+ { + overflow-x: hidden !important; + } + .ovY-a\@sm\+ { + overflow-y: auto !important; + } + .ovX-a\@sm\+ { + overflow-x: auto !important; + } + .ovY-s\@sm\+ { + overflow-y: scroll !important; + } + .ovX-s\@sm\+ { + overflow-x: scroll !important; + } + } + @media screen and (min-width: 0) { + .ov-h\@xs\+ { + overflow: hidden !important; + } + .ov-a\@xs\+ { + overflow: auto !important; + } + .ov-s\@xs\+ { + overflow: scroll !important; + } + .ovY-h\@xs\+ { + overflow-y: hidden !important; + } + .ovX-h\@xs\+ { + overflow-x: hidden !important; + } + .ovY-a\@xs\+ { + overflow-y: auto !important; + } + .ovX-a\@xs\+ { + overflow-x: auto !important; + } + .ovY-s\@xs\+ { + overflow-y: scroll !important; + } + .ovX-s\@xs\+ { + overflow-x: scroll !important; + } + } + @media screen and (max-width: 1439px) { + .ov-h\@xl- { + overflow: hidden !important; + } + .ov-a\@xl- { + overflow: auto !important; + } + .ov-s\@xl- { + overflow: scroll !important; + } + .ovY-h\@xl- { + overflow-y: hidden !important; + } + .ovX-h\@xl- { + overflow-x: hidden !important; + } + .ovY-a\@xl- { + overflow-y: auto !important; + } + .ovX-a\@xl- { + overflow-x: auto !important; + } + .ovY-s\@xl- { + overflow-y: scroll !important; + } + .ovX-s\@xl- { + overflow-x: scroll !important; + } + } + @media screen and (max-width: 1199px) { + .ov-h\@lg- { + overflow: hidden !important; + } + .ov-a\@lg- { + overflow: auto !important; + } + .ov-s\@lg- { + overflow: scroll !important; + } + .ovY-h\@lg- { + overflow-y: hidden !important; + } + .ovX-h\@lg- { + overflow-x: hidden !important; + } + .ovY-a\@lg- { + overflow-y: auto !important; + } + .ovX-a\@lg- { + overflow-x: auto !important; + } + .ovY-s\@lg- { + overflow-y: scroll !important; + } + .ovX-s\@lg- { + overflow-x: scroll !important; + } + } + @media screen and (max-width: 991px) { + .ov-h\@md- { + overflow: hidden !important; + } + .ov-a\@md- { + overflow: auto !important; + } + .ov-s\@md- { + overflow: scroll !important; + } + .ovY-h\@md- { + overflow-y: hidden !important; + } + .ovX-h\@md- { + overflow-x: hidden !important; + } + .ovY-a\@md- { + overflow-y: auto !important; + } + .ovX-a\@md- { + overflow-x: auto !important; + } + .ovY-s\@md- { + overflow-y: scroll !important; + } + .ovX-s\@md- { + overflow-x: scroll !important; + } + } + @media screen and (max-width: 767px) { + .ov-h\@sm- { + overflow: hidden !important; + } + .ov-a\@sm- { + overflow: auto !important; + } + .ov-s\@sm- { + overflow: scroll !important; + } + .ovY-h\@sm- { + overflow-y: hidden !important; + } + .ovX-h\@sm- { + overflow-x: hidden !important; + } + .ovY-a\@sm- { + overflow-y: auto !important; + } + .ovX-a\@sm- { + overflow-x: auto !important; + } + .ovY-s\@sm- { + overflow-y: scroll !important; + } + .ovX-s\@sm- { + overflow-x: scroll !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ov-h\@lg { + overflow: hidden !important; + } + .ov-a\@lg { + overflow: auto !important; + } + .ov-s\@lg { + overflow: scroll !important; + } + .ovY-h\@lg { + overflow-y: hidden !important; + } + .ovX-h\@lg { + overflow-x: hidden !important; + } + .ovY-a\@lg { + overflow-y: auto !important; + } + .ovX-a\@lg { + overflow-x: auto !important; + } + .ovY-s\@lg { + overflow-y: scroll !important; + } + .ovX-s\@lg { + overflow-x: scroll !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ov-h\@md { + overflow: hidden !important; + } + .ov-a\@md { + overflow: auto !important; + } + .ov-s\@md { + overflow: scroll !important; + } + .ovY-h\@md { + overflow-y: hidden !important; + } + .ovX-h\@md { + overflow-x: hidden !important; + } + .ovY-a\@md { + overflow-y: auto !important; + } + .ovX-a\@md { + overflow-x: auto !important; + } + .ovY-s\@md { + overflow-y: scroll !important; + } + .ovX-s\@md { + overflow-x: scroll !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ov-h\@sm { + overflow: hidden !important; + } + .ov-a\@sm { + overflow: auto !important; + } + .ov-s\@sm { + overflow: scroll !important; + } + .ovY-h\@sm { + overflow-y: hidden !important; + } + .ovX-h\@sm { + overflow-x: hidden !important; + } + .ovY-a\@sm { + overflow-y: auto !important; + } + .ovX-a\@sm { + overflow-x: auto !important; + } + .ovY-s\@sm { + overflow-y: scroll !important; + } + .ovX-s\@sm { + overflow-x: scroll !important; + } + } + .fl-l { + float: left !important; + } + + .fl-r { + float: right !important; + } + + .fl-n { + float: none !important; + } + + @media screen and (min-width: 1440px) { + .fl-l\@xl\+ { + float: left !important; + } + .fl-r\@xl\+ { + float: right !important; + } + .fl-n\@xl\+ { + float: none !important; + } + } + @media screen and (min-width: 1200px) { + .fl-l\@lg\+ { + float: left !important; + } + .fl-r\@lg\+ { + float: right !important; + } + .fl-n\@lg\+ { + float: none !important; + } + } + @media screen and (min-width: 992px) { + .fl-l\@md\+ { + float: left !important; + } + .fl-r\@md\+ { + float: right !important; + } + .fl-n\@md\+ { + float: none !important; + } + } + @media screen and (min-width: 768px) { + .fl-l\@sm\+ { + float: left !important; + } + .fl-r\@sm\+ { + float: right !important; + } + .fl-n\@sm\+ { + float: none !important; + } + } + @media screen and (min-width: 0) { + .fl-l\@xs\+ { + float: left !important; + } + .fl-r\@xs\+ { + float: right !important; + } + .fl-n\@xs\+ { + float: none !important; + } + } + @media screen and (max-width: 1439px) { + .fl-l\@xl- { + float: left !important; + } + .fl-r\@xl- { + float: right !important; + } + .fl-n\@xl- { + float: none !important; + } + } + @media screen and (max-width: 1199px) { + .fl-l\@lg- { + float: left !important; + } + .fl-r\@lg- { + float: right !important; + } + .fl-n\@lg- { + float: none !important; + } + } + @media screen and (max-width: 991px) { + .fl-l\@md- { + float: left !important; + } + .fl-r\@md- { + float: right !important; + } + .fl-n\@md- { + float: none !important; + } + } + @media screen and (max-width: 767px) { + .fl-l\@sm- { + float: left !important; + } + .fl-r\@sm- { + float: right !important; + } + .fl-n\@sm- { + float: none !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .fl-l\@lg { + float: left !important; + } + .fl-r\@lg { + float: right !important; + } + .fl-n\@lg { + float: none !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .fl-l\@md { + float: left !important; + } + .fl-r\@md { + float: right !important; + } + .fl-n\@md { + float: none !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .fl-l\@sm { + float: left !important; + } + .fl-r\@sm { + float: right !important; + } + .fl-n\@sm { + float: none !important; + } + } + .va-t { + vertical-align: top !important; + } + + .va-m { + vertical-align: middle !important; + } + + .va-b { + vertical-align: bottom !important; + } + + @media screen and (min-width: 1440px) { + .va-t\@xl\+ { + vertical-align: top !important; + } + .va-m\@xl\+ { + vertical-align: middle !important; + } + .va-b\@xl\+ { + vertical-align: bottom !important; + } + } + @media screen and (min-width: 1200px) { + .va-t\@lg\+ { + vertical-align: top !important; + } + .va-m\@lg\+ { + vertical-align: middle !important; + } + .va-b\@lg\+ { + vertical-align: bottom !important; + } + } + @media screen and (min-width: 992px) { + .va-t\@md\+ { + vertical-align: top !important; + } + .va-m\@md\+ { + vertical-align: middle !important; + } + .va-b\@md\+ { + vertical-align: bottom !important; + } + } + @media screen and (min-width: 768px) { + .va-t\@sm\+ { + vertical-align: top !important; + } + .va-m\@sm\+ { + vertical-align: middle !important; + } + .va-b\@sm\+ { + vertical-align: bottom !important; + } + } + @media screen and (min-width: 0) { + .va-t\@xs\+ { + vertical-align: top !important; + } + .va-m\@xs\+ { + vertical-align: middle !important; + } + .va-b\@xs\+ { + vertical-align: bottom !important; + } + } + @media screen and (max-width: 1439px) { + .va-t\@xl- { + vertical-align: top !important; + } + .va-m\@xl- { + vertical-align: middle !important; + } + .va-b\@xl- { + vertical-align: bottom !important; + } + } + @media screen and (max-width: 1199px) { + .va-t\@lg- { + vertical-align: top !important; + } + .va-m\@lg- { + vertical-align: middle !important; + } + .va-b\@lg- { + vertical-align: bottom !important; + } + } + @media screen and (max-width: 991px) { + .va-t\@md- { + vertical-align: top !important; + } + .va-m\@md- { + vertical-align: middle !important; + } + .va-b\@md- { + vertical-align: bottom !important; + } + } + @media screen and (max-width: 767px) { + .va-t\@sm- { + vertical-align: top !important; + } + .va-m\@sm- { + vertical-align: middle !important; + } + .va-b\@sm- { + vertical-align: bottom !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .va-t\@lg { + vertical-align: top !important; + } + .va-m\@lg { + vertical-align: middle !important; + } + .va-b\@lg { + vertical-align: bottom !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .va-t\@md { + vertical-align: top !important; + } + .va-m\@md { + vertical-align: middle !important; + } + .va-b\@md { + vertical-align: bottom !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .va-t\@sm { + vertical-align: top !important; + } + .va-m\@sm { + vertical-align: middle !important; + } + .va-b\@sm { + vertical-align: bottom !important; + } + } + .pos-s { + position: static !important; + } + + .pos-st { + position: sticky !important; + } + + .pos-r { + position: relative !important; + } + + .pos-a { + position: absolute !important; + } + + .pos-f { + position: fixed !important; + } + + @media screen and (min-width: 1440px) { + .pos-s\@xl\+ { + position: static !important; + } + .pos-st\@xl\+ { + position: sticky !important; + } + .pos-r\@xl\+ { + position: relative !important; + } + .pos-a\@xl\+ { + position: absolute !important; + } + .pos-f\@xl\+ { + position: fixed !important; + } + } + @media screen and (min-width: 1200px) { + .pos-s\@lg\+ { + position: static !important; + } + .pos-st\@lg\+ { + position: sticky !important; + } + .pos-r\@lg\+ { + position: relative !important; + } + .pos-a\@lg\+ { + position: absolute !important; + } + .pos-f\@lg\+ { + position: fixed !important; + } + } + @media screen and (min-width: 992px) { + .pos-s\@md\+ { + position: static !important; + } + .pos-st\@md\+ { + position: sticky !important; + } + .pos-r\@md\+ { + position: relative !important; + } + .pos-a\@md\+ { + position: absolute !important; + } + .pos-f\@md\+ { + position: fixed !important; + } + } + @media screen and (min-width: 768px) { + .pos-s\@sm\+ { + position: static !important; + } + .pos-st\@sm\+ { + position: sticky !important; + } + .pos-r\@sm\+ { + position: relative !important; + } + .pos-a\@sm\+ { + position: absolute !important; + } + .pos-f\@sm\+ { + position: fixed !important; + } + } + @media screen and (min-width: 0) { + .pos-s\@xs\+ { + position: static !important; + } + .pos-st\@xs\+ { + position: sticky !important; + } + .pos-r\@xs\+ { + position: relative !important; + } + .pos-a\@xs\+ { + position: absolute !important; + } + .pos-f\@xs\+ { + position: fixed !important; + } + } + @media screen and (max-width: 1439px) { + .pos-s\@xl- { + position: static !important; + } + .pos-st\@xl- { + position: sticky !important; + } + .pos-r\@xl- { + position: relative !important; + } + .pos-a\@xl- { + position: absolute !important; + } + .pos-f\@xl- { + position: fixed !important; + } + } + @media screen and (max-width: 1199px) { + .pos-s\@lg- { + position: static !important; + } + .pos-st\@lg- { + position: sticky !important; + } + .pos-r\@lg- { + position: relative !important; + } + .pos-a\@lg- { + position: absolute !important; + } + .pos-f\@lg- { + position: fixed !important; + } + } + @media screen and (max-width: 991px) { + .pos-s\@md- { + position: static !important; + } + .pos-st\@md- { + position: sticky !important; + } + .pos-r\@md- { + position: relative !important; + } + .pos-a\@md- { + position: absolute !important; + } + .pos-f\@md- { + position: fixed !important; + } + } + @media screen and (max-width: 767px) { + .pos-s\@sm- { + position: static !important; + } + .pos-st\@sm- { + position: sticky !important; + } + .pos-r\@sm- { + position: relative !important; + } + .pos-a\@sm- { + position: absolute !important; + } + .pos-f\@sm- { + position: fixed !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .pos-s\@lg { + position: static !important; + } + .pos-st\@lg { + position: sticky !important; + } + .pos-r\@lg { + position: relative !important; + } + .pos-a\@lg { + position: absolute !important; + } + .pos-f\@lg { + position: fixed !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .pos-s\@md { + position: static !important; + } + .pos-st\@md { + position: sticky !important; + } + .pos-r\@md { + position: relative !important; + } + .pos-a\@md { + position: absolute !important; + } + .pos-f\@md { + position: fixed !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .pos-s\@sm { + position: static !important; + } + .pos-st\@sm { + position: sticky !important; + } + .pos-r\@sm { + position: relative !important; + } + .pos-a\@sm { + position: absolute !important; + } + .pos-f\@sm { + position: fixed !important; + } + } + .z-0 { + z-index: 0 !important; + } + + @media screen and (min-width: 1440px) { + .z-0\@xl\+ { + z-index: 0 !important; + } + } + @media screen and (min-width: 1200px) { + .z-0\@lg\+ { + z-index: 0 !important; + } + } + @media screen and (min-width: 992px) { + .z-0\@md\+ { + z-index: 0 !important; + } + } + @media screen and (min-width: 768px) { + .z-0\@sm\+ { + z-index: 0 !important; + } + } + @media screen and (min-width: 0) { + .z-0\@xs\+ { + z-index: 0 !important; + } + } + @media screen and (max-width: 1439px) { + .z-0\@xl- { + z-index: 0 !important; + } + } + @media screen and (max-width: 1199px) { + .z-0\@lg- { + z-index: 0 !important; + } + } + @media screen and (max-width: 991px) { + .z-0\@md- { + z-index: 0 !important; + } + } + @media screen and (max-width: 767px) { + .z-0\@sm- { + z-index: 0 !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .z-0\@lg { + z-index: 0 !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .z-0\@md { + z-index: 0 !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .z-0\@sm { + z-index: 0 !important; + } + } + .z-1 { + z-index: 1000 !important; + } + + @media screen and (min-width: 1440px) { + .z-1\@xl\+ { + z-index: 1000 !important; + } + } + @media screen and (min-width: 1200px) { + .z-1\@lg\+ { + z-index: 1000 !important; + } + } + @media screen and (min-width: 992px) { + .z-1\@md\+ { + z-index: 1000 !important; + } + } + @media screen and (min-width: 768px) { + .z-1\@sm\+ { + z-index: 1000 !important; + } + } + @media screen and (min-width: 0) { + .z-1\@xs\+ { + z-index: 1000 !important; + } + } + @media screen and (max-width: 1439px) { + .z-1\@xl- { + z-index: 1000 !important; + } + } + @media screen and (max-width: 1199px) { + .z-1\@lg- { + z-index: 1000 !important; + } + } + @media screen and (max-width: 991px) { + .z-1\@md- { + z-index: 1000 !important; + } + } + @media screen and (max-width: 767px) { + .z-1\@sm- { + z-index: 1000 !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .z-1\@lg { + z-index: 1000 !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .z-1\@md { + z-index: 1000 !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .z-1\@sm { + z-index: 1000 !important; + } + } + .z-2 { + z-index: 2000 !important; + } + + @media screen and (min-width: 1440px) { + .z-2\@xl\+ { + z-index: 2000 !important; + } + } + @media screen and (min-width: 1200px) { + .z-2\@lg\+ { + z-index: 2000 !important; + } + } + @media screen and (min-width: 992px) { + .z-2\@md\+ { + z-index: 2000 !important; + } + } + @media screen and (min-width: 768px) { + .z-2\@sm\+ { + z-index: 2000 !important; + } + } + @media screen and (min-width: 0) { + .z-2\@xs\+ { + z-index: 2000 !important; + } + } + @media screen and (max-width: 1439px) { + .z-2\@xl- { + z-index: 2000 !important; + } + } + @media screen and (max-width: 1199px) { + .z-2\@lg- { + z-index: 2000 !important; + } + } + @media screen and (max-width: 991px) { + .z-2\@md- { + z-index: 2000 !important; + } + } + @media screen and (max-width: 767px) { + .z-2\@sm- { + z-index: 2000 !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .z-2\@lg { + z-index: 2000 !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .z-2\@md { + z-index: 2000 !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .z-2\@sm { + z-index: 2000 !important; + } + } + .z-3 { + z-index: 3000 !important; + } + + @media screen and (min-width: 1440px) { + .z-3\@xl\+ { + z-index: 3000 !important; + } + } + @media screen and (min-width: 1200px) { + .z-3\@lg\+ { + z-index: 3000 !important; + } + } + @media screen and (min-width: 992px) { + .z-3\@md\+ { + z-index: 3000 !important; + } + } + @media screen and (min-width: 768px) { + .z-3\@sm\+ { + z-index: 3000 !important; + } + } + @media screen and (min-width: 0) { + .z-3\@xs\+ { + z-index: 3000 !important; + } + } + @media screen and (max-width: 1439px) { + .z-3\@xl- { + z-index: 3000 !important; + } + } + @media screen and (max-width: 1199px) { + .z-3\@lg- { + z-index: 3000 !important; + } + } + @media screen and (max-width: 991px) { + .z-3\@md- { + z-index: 3000 !important; + } + } + @media screen and (max-width: 767px) { + .z-3\@sm- { + z-index: 3000 !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .z-3\@lg { + z-index: 3000 !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .z-3\@md { + z-index: 3000 !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .z-3\@sm { + z-index: 3000 !important; + } + } + .z-4 { + z-index: 4000 !important; + } + + @media screen and (min-width: 1440px) { + .z-4\@xl\+ { + z-index: 4000 !important; + } + } + @media screen and (min-width: 1200px) { + .z-4\@lg\+ { + z-index: 4000 !important; + } + } + @media screen and (min-width: 992px) { + .z-4\@md\+ { + z-index: 4000 !important; + } + } + @media screen and (min-width: 768px) { + .z-4\@sm\+ { + z-index: 4000 !important; + } + } + @media screen and (min-width: 0) { + .z-4\@xs\+ { + z-index: 4000 !important; + } + } + @media screen and (max-width: 1439px) { + .z-4\@xl- { + z-index: 4000 !important; + } + } + @media screen and (max-width: 1199px) { + .z-4\@lg- { + z-index: 4000 !important; + } + } + @media screen and (max-width: 991px) { + .z-4\@md- { + z-index: 4000 !important; + } + } + @media screen and (max-width: 767px) { + .z-4\@sm- { + z-index: 4000 !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .z-4\@lg { + z-index: 4000 !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .z-4\@md { + z-index: 4000 !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .z-4\@sm { + z-index: 4000 !important; + } + } + .z-5 { + z-index: 5000 !important; + } + + @media screen and (min-width: 1440px) { + .z-5\@xl\+ { + z-index: 5000 !important; + } + } + @media screen and (min-width: 1200px) { + .z-5\@lg\+ { + z-index: 5000 !important; + } + } + @media screen and (min-width: 992px) { + .z-5\@md\+ { + z-index: 5000 !important; + } + } + @media screen and (min-width: 768px) { + .z-5\@sm\+ { + z-index: 5000 !important; + } + } + @media screen and (min-width: 0) { + .z-5\@xs\+ { + z-index: 5000 !important; + } + } + @media screen and (max-width: 1439px) { + .z-5\@xl- { + z-index: 5000 !important; + } + } + @media screen and (max-width: 1199px) { + .z-5\@lg- { + z-index: 5000 !important; + } + } + @media screen and (max-width: 991px) { + .z-5\@md- { + z-index: 5000 !important; + } + } + @media screen and (max-width: 767px) { + .z-5\@sm- { + z-index: 5000 !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .z-5\@lg { + z-index: 5000 !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .z-5\@md { + z-index: 5000 !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .z-5\@sm { + z-index: 5000 !important; + } + } + .z-6 { + z-index: 6000 !important; + } + + @media screen and (min-width: 1440px) { + .z-6\@xl\+ { + z-index: 6000 !important; + } + } + @media screen and (min-width: 1200px) { + .z-6\@lg\+ { + z-index: 6000 !important; + } + } + @media screen and (min-width: 992px) { + .z-6\@md\+ { + z-index: 6000 !important; + } + } + @media screen and (min-width: 768px) { + .z-6\@sm\+ { + z-index: 6000 !important; + } + } + @media screen and (min-width: 0) { + .z-6\@xs\+ { + z-index: 6000 !important; + } + } + @media screen and (max-width: 1439px) { + .z-6\@xl- { + z-index: 6000 !important; + } + } + @media screen and (max-width: 1199px) { + .z-6\@lg- { + z-index: 6000 !important; + } + } + @media screen and (max-width: 991px) { + .z-6\@md- { + z-index: 6000 !important; + } + } + @media screen and (max-width: 767px) { + .z-6\@sm- { + z-index: 6000 !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .z-6\@lg { + z-index: 6000 !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .z-6\@md { + z-index: 6000 !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .z-6\@sm { + z-index: 6000 !important; + } + } + .z-7 { + z-index: 7000 !important; + } + + @media screen and (min-width: 1440px) { + .z-7\@xl\+ { + z-index: 7000 !important; + } + } + @media screen and (min-width: 1200px) { + .z-7\@lg\+ { + z-index: 7000 !important; + } + } + @media screen and (min-width: 992px) { + .z-7\@md\+ { + z-index: 7000 !important; + } + } + @media screen and (min-width: 768px) { + .z-7\@sm\+ { + z-index: 7000 !important; + } + } + @media screen and (min-width: 0) { + .z-7\@xs\+ { + z-index: 7000 !important; + } + } + @media screen and (max-width: 1439px) { + .z-7\@xl- { + z-index: 7000 !important; + } + } + @media screen and (max-width: 1199px) { + .z-7\@lg- { + z-index: 7000 !important; + } + } + @media screen and (max-width: 991px) { + .z-7\@md- { + z-index: 7000 !important; + } + } + @media screen and (max-width: 767px) { + .z-7\@sm- { + z-index: 7000 !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .z-7\@lg { + z-index: 7000 !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .z-7\@md { + z-index: 7000 !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .z-7\@sm { + z-index: 7000 !important; + } + } + .z-8 { + z-index: 8000 !important; + } + + @media screen and (min-width: 1440px) { + .z-8\@xl\+ { + z-index: 8000 !important; + } + } + @media screen and (min-width: 1200px) { + .z-8\@lg\+ { + z-index: 8000 !important; + } + } + @media screen and (min-width: 992px) { + .z-8\@md\+ { + z-index: 8000 !important; + } + } + @media screen and (min-width: 768px) { + .z-8\@sm\+ { + z-index: 8000 !important; + } + } + @media screen and (min-width: 0) { + .z-8\@xs\+ { + z-index: 8000 !important; + } + } + @media screen and (max-width: 1439px) { + .z-8\@xl- { + z-index: 8000 !important; + } + } + @media screen and (max-width: 1199px) { + .z-8\@lg- { + z-index: 8000 !important; + } + } + @media screen and (max-width: 991px) { + .z-8\@md- { + z-index: 8000 !important; + } + } + @media screen and (max-width: 767px) { + .z-8\@sm- { + z-index: 8000 !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .z-8\@lg { + z-index: 8000 !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .z-8\@md { + z-index: 8000 !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .z-8\@sm { + z-index: 8000 !important; + } + } + .z-9 { + z-index: 9000 !important; + } + + @media screen and (min-width: 1440px) { + .z-9\@xl\+ { + z-index: 9000 !important; + } + } + @media screen and (min-width: 1200px) { + .z-9\@lg\+ { + z-index: 9000 !important; + } + } + @media screen and (min-width: 992px) { + .z-9\@md\+ { + z-index: 9000 !important; + } + } + @media screen and (min-width: 768px) { + .z-9\@sm\+ { + z-index: 9000 !important; + } + } + @media screen and (min-width: 0) { + .z-9\@xs\+ { + z-index: 9000 !important; + } + } + @media screen and (max-width: 1439px) { + .z-9\@xl- { + z-index: 9000 !important; + } + } + @media screen and (max-width: 1199px) { + .z-9\@lg- { + z-index: 9000 !important; + } + } + @media screen and (max-width: 991px) { + .z-9\@md- { + z-index: 9000 !important; + } + } + @media screen and (max-width: 767px) { + .z-9\@sm- { + z-index: 9000 !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .z-9\@lg { + z-index: 9000 !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .z-9\@md { + z-index: 9000 !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .z-9\@sm { + z-index: 9000 !important; + } + } + .lisp-i { + list-style-position: inside; + } + + .lisp-o { + list-style-position: outside; + } + + .lis-n { + list-style: none; + } + + .list-c { + list-style-type: circle; + } + + .list-s { + list-style-type: square; + } + + .list-u { + list-style-type: upper-roman; + } + + .list-l { + list-style-type: lower-alpha; + } + + .m-0 { + margin: 0px !important; + } + + .mT-0 { + margin-top: 0px !important; + } + + .mR-0 { + margin-right: 0px !important; + } + + .mB-0 { + margin-bottom: 0px !important; + } + + .mL-0 { + margin-left: 0px !important; + } + + .mY-0 { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + + .mX-0 { + margin-left: 0px !important; + margin-right: 0px !important; + } + + .m-nv-0 { + margin: -0px !important; + } + + .mT-nv-0 { + margin-top: -0px !important; + } + + .mR-nv-0 { + margin-right: -0px !important; + } + + .mB-nv-0 { + margin-bottom: -0px !important; + } + + .mL-nv-0 { + margin-left: -0px !important; + } + + .mY-nv-0 { + margin-top: -0px !important; + margin-bottom: -0px !important; + } + + .mX-nv-0 { + margin-left: -0px !important; + margin-right: -0px !important; + } + + @media screen and (min-width: 1440px) { + .m-0\@xl\+ { + margin: 0px !important; + } + .mT-0\@xl\+ { + margin-top: 0px !important; + } + .mR-0\@xl\+ { + margin-right: 0px !important; + } + .mB-0\@xl\+ { + margin-bottom: 0px !important; + } + .mL-0\@xl\+ { + margin-left: 0px !important; + } + .mY-0\@xl\+ { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .mX-0\@xl\+ { + margin-left: 0px !important; + margin-right: 0px !important; + } + .m-nv-0\@xl\+ { + margin: -0px !important; + } + .mT-nv-0\@xl\+ { + margin-top: -0px !important; + } + .mR-nv-0\@xl\+ { + margin-right: -0px !important; + } + .mB-nv-0\@xl\+ { + margin-bottom: -0px !important; + } + .mL-nv-0\@xl\+ { + margin-left: -0px !important; + } + .mY-nv-0\@xl\+ { + margin-top: -0px !important; + margin-bottom: -0px !important; + } + .mX-nv-0\@xl\+ { + margin-left: -0px !important; + margin-right: -0px !important; + } + } + @media screen and (min-width: 1200px) { + .m-0\@lg\+ { + margin: 0px !important; + } + .mT-0\@lg\+ { + margin-top: 0px !important; + } + .mR-0\@lg\+ { + margin-right: 0px !important; + } + .mB-0\@lg\+ { + margin-bottom: 0px !important; + } + .mL-0\@lg\+ { + margin-left: 0px !important; + } + .mY-0\@lg\+ { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .mX-0\@lg\+ { + margin-left: 0px !important; + margin-right: 0px !important; + } + .m-nv-0\@lg\+ { + margin: -0px !important; + } + .mT-nv-0\@lg\+ { + margin-top: -0px !important; + } + .mR-nv-0\@lg\+ { + margin-right: -0px !important; + } + .mB-nv-0\@lg\+ { + margin-bottom: -0px !important; + } + .mL-nv-0\@lg\+ { + margin-left: -0px !important; + } + .mY-nv-0\@lg\+ { + margin-top: -0px !important; + margin-bottom: -0px !important; + } + .mX-nv-0\@lg\+ { + margin-left: -0px !important; + margin-right: -0px !important; + } + } + @media screen and (min-width: 992px) { + .m-0\@md\+ { + margin: 0px !important; + } + .mT-0\@md\+ { + margin-top: 0px !important; + } + .mR-0\@md\+ { + margin-right: 0px !important; + } + .mB-0\@md\+ { + margin-bottom: 0px !important; + } + .mL-0\@md\+ { + margin-left: 0px !important; + } + .mY-0\@md\+ { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .mX-0\@md\+ { + margin-left: 0px !important; + margin-right: 0px !important; + } + .m-nv-0\@md\+ { + margin: -0px !important; + } + .mT-nv-0\@md\+ { + margin-top: -0px !important; + } + .mR-nv-0\@md\+ { + margin-right: -0px !important; + } + .mB-nv-0\@md\+ { + margin-bottom: -0px !important; + } + .mL-nv-0\@md\+ { + margin-left: -0px !important; + } + .mY-nv-0\@md\+ { + margin-top: -0px !important; + margin-bottom: -0px !important; + } + .mX-nv-0\@md\+ { + margin-left: -0px !important; + margin-right: -0px !important; + } + } + @media screen and (min-width: 768px) { + .m-0\@sm\+ { + margin: 0px !important; + } + .mT-0\@sm\+ { + margin-top: 0px !important; + } + .mR-0\@sm\+ { + margin-right: 0px !important; + } + .mB-0\@sm\+ { + margin-bottom: 0px !important; + } + .mL-0\@sm\+ { + margin-left: 0px !important; + } + .mY-0\@sm\+ { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .mX-0\@sm\+ { + margin-left: 0px !important; + margin-right: 0px !important; + } + .m-nv-0\@sm\+ { + margin: -0px !important; + } + .mT-nv-0\@sm\+ { + margin-top: -0px !important; + } + .mR-nv-0\@sm\+ { + margin-right: -0px !important; + } + .mB-nv-0\@sm\+ { + margin-bottom: -0px !important; + } + .mL-nv-0\@sm\+ { + margin-left: -0px !important; + } + .mY-nv-0\@sm\+ { + margin-top: -0px !important; + margin-bottom: -0px !important; + } + .mX-nv-0\@sm\+ { + margin-left: -0px !important; + margin-right: -0px !important; + } + } + @media screen and (min-width: 0) { + .m-0\@xs\+ { + margin: 0px !important; + } + .mT-0\@xs\+ { + margin-top: 0px !important; + } + .mR-0\@xs\+ { + margin-right: 0px !important; + } + .mB-0\@xs\+ { + margin-bottom: 0px !important; + } + .mL-0\@xs\+ { + margin-left: 0px !important; + } + .mY-0\@xs\+ { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .mX-0\@xs\+ { + margin-left: 0px !important; + margin-right: 0px !important; + } + .m-nv-0\@xs\+ { + margin: -0px !important; + } + .mT-nv-0\@xs\+ { + margin-top: -0px !important; + } + .mR-nv-0\@xs\+ { + margin-right: -0px !important; + } + .mB-nv-0\@xs\+ { + margin-bottom: -0px !important; + } + .mL-nv-0\@xs\+ { + margin-left: -0px !important; + } + .mY-nv-0\@xs\+ { + margin-top: -0px !important; + margin-bottom: -0px !important; + } + .mX-nv-0\@xs\+ { + margin-left: -0px !important; + margin-right: -0px !important; + } + } + @media screen and (max-width: 1439px) { + .m-0\@xl- { + margin: 0px !important; + } + .mT-0\@xl- { + margin-top: 0px !important; + } + .mR-0\@xl- { + margin-right: 0px !important; + } + .mB-0\@xl- { + margin-bottom: 0px !important; + } + .mL-0\@xl- { + margin-left: 0px !important; + } + .mY-0\@xl- { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .mX-0\@xl- { + margin-left: 0px !important; + margin-right: 0px !important; + } + .m-nv-0\@xl- { + margin: -0px !important; + } + .mT-nv-0\@xl- { + margin-top: -0px !important; + } + .mR-nv-0\@xl- { + margin-right: -0px !important; + } + .mB-nv-0\@xl- { + margin-bottom: -0px !important; + } + .mL-nv-0\@xl- { + margin-left: -0px !important; + } + .mY-nv-0\@xl- { + margin-top: -0px !important; + margin-bottom: -0px !important; + } + .mX-nv-0\@xl- { + margin-left: -0px !important; + margin-right: -0px !important; + } + } + @media screen and (max-width: 1199px) { + .m-0\@lg- { + margin: 0px !important; + } + .mT-0\@lg- { + margin-top: 0px !important; + } + .mR-0\@lg- { + margin-right: 0px !important; + } + .mB-0\@lg- { + margin-bottom: 0px !important; + } + .mL-0\@lg- { + margin-left: 0px !important; + } + .mY-0\@lg- { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .mX-0\@lg- { + margin-left: 0px !important; + margin-right: 0px !important; + } + .m-nv-0\@lg- { + margin: -0px !important; + } + .mT-nv-0\@lg- { + margin-top: -0px !important; + } + .mR-nv-0\@lg- { + margin-right: -0px !important; + } + .mB-nv-0\@lg- { + margin-bottom: -0px !important; + } + .mL-nv-0\@lg- { + margin-left: -0px !important; + } + .mY-nv-0\@lg- { + margin-top: -0px !important; + margin-bottom: -0px !important; + } + .mX-nv-0\@lg- { + margin-left: -0px !important; + margin-right: -0px !important; + } + } + @media screen and (max-width: 991px) { + .m-0\@md- { + margin: 0px !important; + } + .mT-0\@md- { + margin-top: 0px !important; + } + .mR-0\@md- { + margin-right: 0px !important; + } + .mB-0\@md- { + margin-bottom: 0px !important; + } + .mL-0\@md- { + margin-left: 0px !important; + } + .mY-0\@md- { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .mX-0\@md- { + margin-left: 0px !important; + margin-right: 0px !important; + } + .m-nv-0\@md- { + margin: -0px !important; + } + .mT-nv-0\@md- { + margin-top: -0px !important; + } + .mR-nv-0\@md- { + margin-right: -0px !important; + } + .mB-nv-0\@md- { + margin-bottom: -0px !important; + } + .mL-nv-0\@md- { + margin-left: -0px !important; + } + .mY-nv-0\@md- { + margin-top: -0px !important; + margin-bottom: -0px !important; + } + .mX-nv-0\@md- { + margin-left: -0px !important; + margin-right: -0px !important; + } + } + @media screen and (max-width: 767px) { + .m-0\@sm- { + margin: 0px !important; + } + .mT-0\@sm- { + margin-top: 0px !important; + } + .mR-0\@sm- { + margin-right: 0px !important; + } + .mB-0\@sm- { + margin-bottom: 0px !important; + } + .mL-0\@sm- { + margin-left: 0px !important; + } + .mY-0\@sm- { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .mX-0\@sm- { + margin-left: 0px !important; + margin-right: 0px !important; + } + .m-nv-0\@sm- { + margin: -0px !important; + } + .mT-nv-0\@sm- { + margin-top: -0px !important; + } + .mR-nv-0\@sm- { + margin-right: -0px !important; + } + .mB-nv-0\@sm- { + margin-bottom: -0px !important; + } + .mL-nv-0\@sm- { + margin-left: -0px !important; + } + .mY-nv-0\@sm- { + margin-top: -0px !important; + margin-bottom: -0px !important; + } + .mX-nv-0\@sm- { + margin-left: -0px !important; + margin-right: -0px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-0\@lg { + margin: 0px !important; + } + .mT-0\@lg { + margin-top: 0px !important; + } + .mR-0\@lg { + margin-right: 0px !important; + } + .mB-0\@lg { + margin-bottom: 0px !important; + } + .mL-0\@lg { + margin-left: 0px !important; + } + .mY-0\@lg { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .mX-0\@lg { + margin-left: 0px !important; + margin-right: 0px !important; + } + .m-nv-0\@lg { + margin: -0px !important; + } + .mT-nv-0\@lg { + margin-top: -0px !important; + } + .mR-nv-0\@lg { + margin-right: -0px !important; + } + .mB-nv-0\@lg { + margin-bottom: -0px !important; + } + .mL-nv-0\@lg { + margin-left: -0px !important; + } + .mY-nv-0\@lg { + margin-top: -0px !important; + margin-bottom: -0px !important; + } + .mX-nv-0\@lg { + margin-left: -0px !important; + margin-right: -0px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-0\@md { + margin: 0px !important; + } + .mT-0\@md { + margin-top: 0px !important; + } + .mR-0\@md { + margin-right: 0px !important; + } + .mB-0\@md { + margin-bottom: 0px !important; + } + .mL-0\@md { + margin-left: 0px !important; + } + .mY-0\@md { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .mX-0\@md { + margin-left: 0px !important; + margin-right: 0px !important; + } + .m-nv-0\@md { + margin: -0px !important; + } + .mT-nv-0\@md { + margin-top: -0px !important; + } + .mR-nv-0\@md { + margin-right: -0px !important; + } + .mB-nv-0\@md { + margin-bottom: -0px !important; + } + .mL-nv-0\@md { + margin-left: -0px !important; + } + .mY-nv-0\@md { + margin-top: -0px !important; + margin-bottom: -0px !important; + } + .mX-nv-0\@md { + margin-left: -0px !important; + margin-right: -0px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-0\@sm { + margin: 0px !important; + } + .mT-0\@sm { + margin-top: 0px !important; + } + .mR-0\@sm { + margin-right: 0px !important; + } + .mB-0\@sm { + margin-bottom: 0px !important; + } + .mL-0\@sm { + margin-left: 0px !important; + } + .mY-0\@sm { + margin-top: 0px !important; + margin-bottom: 0px !important; + } + .mX-0\@sm { + margin-left: 0px !important; + margin-right: 0px !important; + } + .m-nv-0\@sm { + margin: -0px !important; + } + .mT-nv-0\@sm { + margin-top: -0px !important; + } + .mR-nv-0\@sm { + margin-right: -0px !important; + } + .mB-nv-0\@sm { + margin-bottom: -0px !important; + } + .mL-nv-0\@sm { + margin-left: -0px !important; + } + .mY-nv-0\@sm { + margin-top: -0px !important; + margin-bottom: -0px !important; + } + .mX-nv-0\@sm { + margin-left: -0px !important; + margin-right: -0px !important; + } + } + .m-1 { + margin: 1px !important; + } + + .mT-1 { + margin-top: 1px !important; + } + + .mR-1 { + margin-right: 1px !important; + } + + .mB-1 { + margin-bottom: 1px !important; + } + + .mL-1 { + margin-left: 1px !important; + } + + .mY-1 { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + + .mX-1 { + margin-left: 1px !important; + margin-right: 1px !important; + } + + .m-nv-1 { + margin: -1px !important; + } + + .mT-nv-1 { + margin-top: -1px !important; + } + + .mR-nv-1 { + margin-right: -1px !important; + } + + .mB-nv-1 { + margin-bottom: -1px !important; + } + + .mL-nv-1 { + margin-left: -1px !important; + } + + .mY-nv-1 { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + + .mX-nv-1 { + margin-left: -1px !important; + margin-right: -1px !important; + } + + @media screen and (min-width: 1440px) { + .m-1\@xl\+ { + margin: 1px !important; + } + .mT-1\@xl\+ { + margin-top: 1px !important; + } + .mR-1\@xl\+ { + margin-right: 1px !important; + } + .mB-1\@xl\+ { + margin-bottom: 1px !important; + } + .mL-1\@xl\+ { + margin-left: 1px !important; + } + .mY-1\@xl\+ { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + .mX-1\@xl\+ { + margin-left: 1px !important; + margin-right: 1px !important; + } + .m-nv-1\@xl\+ { + margin: -1px !important; + } + .mT-nv-1\@xl\+ { + margin-top: -1px !important; + } + .mR-nv-1\@xl\+ { + margin-right: -1px !important; + } + .mB-nv-1\@xl\+ { + margin-bottom: -1px !important; + } + .mL-nv-1\@xl\+ { + margin-left: -1px !important; + } + .mY-nv-1\@xl\+ { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .mX-nv-1\@xl\+ { + margin-left: -1px !important; + margin-right: -1px !important; + } + } + @media screen and (min-width: 1200px) { + .m-1\@lg\+ { + margin: 1px !important; + } + .mT-1\@lg\+ { + margin-top: 1px !important; + } + .mR-1\@lg\+ { + margin-right: 1px !important; + } + .mB-1\@lg\+ { + margin-bottom: 1px !important; + } + .mL-1\@lg\+ { + margin-left: 1px !important; + } + .mY-1\@lg\+ { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + .mX-1\@lg\+ { + margin-left: 1px !important; + margin-right: 1px !important; + } + .m-nv-1\@lg\+ { + margin: -1px !important; + } + .mT-nv-1\@lg\+ { + margin-top: -1px !important; + } + .mR-nv-1\@lg\+ { + margin-right: -1px !important; + } + .mB-nv-1\@lg\+ { + margin-bottom: -1px !important; + } + .mL-nv-1\@lg\+ { + margin-left: -1px !important; + } + .mY-nv-1\@lg\+ { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .mX-nv-1\@lg\+ { + margin-left: -1px !important; + margin-right: -1px !important; + } + } + @media screen and (min-width: 992px) { + .m-1\@md\+ { + margin: 1px !important; + } + .mT-1\@md\+ { + margin-top: 1px !important; + } + .mR-1\@md\+ { + margin-right: 1px !important; + } + .mB-1\@md\+ { + margin-bottom: 1px !important; + } + .mL-1\@md\+ { + margin-left: 1px !important; + } + .mY-1\@md\+ { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + .mX-1\@md\+ { + margin-left: 1px !important; + margin-right: 1px !important; + } + .m-nv-1\@md\+ { + margin: -1px !important; + } + .mT-nv-1\@md\+ { + margin-top: -1px !important; + } + .mR-nv-1\@md\+ { + margin-right: -1px !important; + } + .mB-nv-1\@md\+ { + margin-bottom: -1px !important; + } + .mL-nv-1\@md\+ { + margin-left: -1px !important; + } + .mY-nv-1\@md\+ { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .mX-nv-1\@md\+ { + margin-left: -1px !important; + margin-right: -1px !important; + } + } + @media screen and (min-width: 768px) { + .m-1\@sm\+ { + margin: 1px !important; + } + .mT-1\@sm\+ { + margin-top: 1px !important; + } + .mR-1\@sm\+ { + margin-right: 1px !important; + } + .mB-1\@sm\+ { + margin-bottom: 1px !important; + } + .mL-1\@sm\+ { + margin-left: 1px !important; + } + .mY-1\@sm\+ { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + .mX-1\@sm\+ { + margin-left: 1px !important; + margin-right: 1px !important; + } + .m-nv-1\@sm\+ { + margin: -1px !important; + } + .mT-nv-1\@sm\+ { + margin-top: -1px !important; + } + .mR-nv-1\@sm\+ { + margin-right: -1px !important; + } + .mB-nv-1\@sm\+ { + margin-bottom: -1px !important; + } + .mL-nv-1\@sm\+ { + margin-left: -1px !important; + } + .mY-nv-1\@sm\+ { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .mX-nv-1\@sm\+ { + margin-left: -1px !important; + margin-right: -1px !important; + } + } + @media screen and (min-width: 0) { + .m-1\@xs\+ { + margin: 1px !important; + } + .mT-1\@xs\+ { + margin-top: 1px !important; + } + .mR-1\@xs\+ { + margin-right: 1px !important; + } + .mB-1\@xs\+ { + margin-bottom: 1px !important; + } + .mL-1\@xs\+ { + margin-left: 1px !important; + } + .mY-1\@xs\+ { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + .mX-1\@xs\+ { + margin-left: 1px !important; + margin-right: 1px !important; + } + .m-nv-1\@xs\+ { + margin: -1px !important; + } + .mT-nv-1\@xs\+ { + margin-top: -1px !important; + } + .mR-nv-1\@xs\+ { + margin-right: -1px !important; + } + .mB-nv-1\@xs\+ { + margin-bottom: -1px !important; + } + .mL-nv-1\@xs\+ { + margin-left: -1px !important; + } + .mY-nv-1\@xs\+ { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .mX-nv-1\@xs\+ { + margin-left: -1px !important; + margin-right: -1px !important; + } + } + @media screen and (max-width: 1439px) { + .m-1\@xl- { + margin: 1px !important; + } + .mT-1\@xl- { + margin-top: 1px !important; + } + .mR-1\@xl- { + margin-right: 1px !important; + } + .mB-1\@xl- { + margin-bottom: 1px !important; + } + .mL-1\@xl- { + margin-left: 1px !important; + } + .mY-1\@xl- { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + .mX-1\@xl- { + margin-left: 1px !important; + margin-right: 1px !important; + } + .m-nv-1\@xl- { + margin: -1px !important; + } + .mT-nv-1\@xl- { + margin-top: -1px !important; + } + .mR-nv-1\@xl- { + margin-right: -1px !important; + } + .mB-nv-1\@xl- { + margin-bottom: -1px !important; + } + .mL-nv-1\@xl- { + margin-left: -1px !important; + } + .mY-nv-1\@xl- { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .mX-nv-1\@xl- { + margin-left: -1px !important; + margin-right: -1px !important; + } + } + @media screen and (max-width: 1199px) { + .m-1\@lg- { + margin: 1px !important; + } + .mT-1\@lg- { + margin-top: 1px !important; + } + .mR-1\@lg- { + margin-right: 1px !important; + } + .mB-1\@lg- { + margin-bottom: 1px !important; + } + .mL-1\@lg- { + margin-left: 1px !important; + } + .mY-1\@lg- { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + .mX-1\@lg- { + margin-left: 1px !important; + margin-right: 1px !important; + } + .m-nv-1\@lg- { + margin: -1px !important; + } + .mT-nv-1\@lg- { + margin-top: -1px !important; + } + .mR-nv-1\@lg- { + margin-right: -1px !important; + } + .mB-nv-1\@lg- { + margin-bottom: -1px !important; + } + .mL-nv-1\@lg- { + margin-left: -1px !important; + } + .mY-nv-1\@lg- { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .mX-nv-1\@lg- { + margin-left: -1px !important; + margin-right: -1px !important; + } + } + @media screen and (max-width: 991px) { + .m-1\@md- { + margin: 1px !important; + } + .mT-1\@md- { + margin-top: 1px !important; + } + .mR-1\@md- { + margin-right: 1px !important; + } + .mB-1\@md- { + margin-bottom: 1px !important; + } + .mL-1\@md- { + margin-left: 1px !important; + } + .mY-1\@md- { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + .mX-1\@md- { + margin-left: 1px !important; + margin-right: 1px !important; + } + .m-nv-1\@md- { + margin: -1px !important; + } + .mT-nv-1\@md- { + margin-top: -1px !important; + } + .mR-nv-1\@md- { + margin-right: -1px !important; + } + .mB-nv-1\@md- { + margin-bottom: -1px !important; + } + .mL-nv-1\@md- { + margin-left: -1px !important; + } + .mY-nv-1\@md- { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .mX-nv-1\@md- { + margin-left: -1px !important; + margin-right: -1px !important; + } + } + @media screen and (max-width: 767px) { + .m-1\@sm- { + margin: 1px !important; + } + .mT-1\@sm- { + margin-top: 1px !important; + } + .mR-1\@sm- { + margin-right: 1px !important; + } + .mB-1\@sm- { + margin-bottom: 1px !important; + } + .mL-1\@sm- { + margin-left: 1px !important; + } + .mY-1\@sm- { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + .mX-1\@sm- { + margin-left: 1px !important; + margin-right: 1px !important; + } + .m-nv-1\@sm- { + margin: -1px !important; + } + .mT-nv-1\@sm- { + margin-top: -1px !important; + } + .mR-nv-1\@sm- { + margin-right: -1px !important; + } + .mB-nv-1\@sm- { + margin-bottom: -1px !important; + } + .mL-nv-1\@sm- { + margin-left: -1px !important; + } + .mY-nv-1\@sm- { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .mX-nv-1\@sm- { + margin-left: -1px !important; + margin-right: -1px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-1\@lg { + margin: 1px !important; + } + .mT-1\@lg { + margin-top: 1px !important; + } + .mR-1\@lg { + margin-right: 1px !important; + } + .mB-1\@lg { + margin-bottom: 1px !important; + } + .mL-1\@lg { + margin-left: 1px !important; + } + .mY-1\@lg { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + .mX-1\@lg { + margin-left: 1px !important; + margin-right: 1px !important; + } + .m-nv-1\@lg { + margin: -1px !important; + } + .mT-nv-1\@lg { + margin-top: -1px !important; + } + .mR-nv-1\@lg { + margin-right: -1px !important; + } + .mB-nv-1\@lg { + margin-bottom: -1px !important; + } + .mL-nv-1\@lg { + margin-left: -1px !important; + } + .mY-nv-1\@lg { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .mX-nv-1\@lg { + margin-left: -1px !important; + margin-right: -1px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-1\@md { + margin: 1px !important; + } + .mT-1\@md { + margin-top: 1px !important; + } + .mR-1\@md { + margin-right: 1px !important; + } + .mB-1\@md { + margin-bottom: 1px !important; + } + .mL-1\@md { + margin-left: 1px !important; + } + .mY-1\@md { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + .mX-1\@md { + margin-left: 1px !important; + margin-right: 1px !important; + } + .m-nv-1\@md { + margin: -1px !important; + } + .mT-nv-1\@md { + margin-top: -1px !important; + } + .mR-nv-1\@md { + margin-right: -1px !important; + } + .mB-nv-1\@md { + margin-bottom: -1px !important; + } + .mL-nv-1\@md { + margin-left: -1px !important; + } + .mY-nv-1\@md { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .mX-nv-1\@md { + margin-left: -1px !important; + margin-right: -1px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-1\@sm { + margin: 1px !important; + } + .mT-1\@sm { + margin-top: 1px !important; + } + .mR-1\@sm { + margin-right: 1px !important; + } + .mB-1\@sm { + margin-bottom: 1px !important; + } + .mL-1\@sm { + margin-left: 1px !important; + } + .mY-1\@sm { + margin-top: 1px !important; + margin-bottom: 1px !important; + } + .mX-1\@sm { + margin-left: 1px !important; + margin-right: 1px !important; + } + .m-nv-1\@sm { + margin: -1px !important; + } + .mT-nv-1\@sm { + margin-top: -1px !important; + } + .mR-nv-1\@sm { + margin-right: -1px !important; + } + .mB-nv-1\@sm { + margin-bottom: -1px !important; + } + .mL-nv-1\@sm { + margin-left: -1px !important; + } + .mY-nv-1\@sm { + margin-top: -1px !important; + margin-bottom: -1px !important; + } + .mX-nv-1\@sm { + margin-left: -1px !important; + margin-right: -1px !important; + } + } + .m-2 { + margin: 2px !important; + } + + .mT-2 { + margin-top: 2px !important; + } + + .mR-2 { + margin-right: 2px !important; + } + + .mB-2 { + margin-bottom: 2px !important; + } + + .mL-2 { + margin-left: 2px !important; + } + + .mY-2 { + margin-top: 2px !important; + margin-bottom: 2px !important; + } + + .mX-2 { + margin-left: 2px !important; + margin-right: 2px !important; + } + + .m-nv-2 { + margin: -2px !important; + } + + .mT-nv-2 { + margin-top: -2px !important; + } + + .mR-nv-2 { + margin-right: -2px !important; + } + + .mB-nv-2 { + margin-bottom: -2px !important; + } + + .mL-nv-2 { + margin-left: -2px !important; + } + + .mY-nv-2 { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + + .mX-nv-2 { + margin-left: -2px !important; + margin-right: -2px !important; + } + + @media screen and (min-width: 1440px) { + .m-2\@xl\+ { + margin: 2px !important; + } + .mT-2\@xl\+ { + margin-top: 2px !important; + } + .mR-2\@xl\+ { + margin-right: 2px !important; + } + .mB-2\@xl\+ { + margin-bottom: 2px !important; + } + .mL-2\@xl\+ { + margin-left: 2px !important; + } + .mY-2\@xl\+ { + margin-top: 2px !important; + margin-bottom: 2px !important; + } + .mX-2\@xl\+ { + margin-left: 2px !important; + margin-right: 2px !important; + } + .m-nv-2\@xl\+ { + margin: -2px !important; + } + .mT-nv-2\@xl\+ { + margin-top: -2px !important; + } + .mR-nv-2\@xl\+ { + margin-right: -2px !important; + } + .mB-nv-2\@xl\+ { + margin-bottom: -2px !important; + } + .mL-nv-2\@xl\+ { + margin-left: -2px !important; + } + .mY-nv-2\@xl\+ { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .mX-nv-2\@xl\+ { + margin-left: -2px !important; + margin-right: -2px !important; + } + } + @media screen and (min-width: 1200px) { + .m-2\@lg\+ { + margin: 2px !important; + } + .mT-2\@lg\+ { + margin-top: 2px !important; + } + .mR-2\@lg\+ { + margin-right: 2px !important; + } + .mB-2\@lg\+ { + margin-bottom: 2px !important; + } + .mL-2\@lg\+ { + margin-left: 2px !important; + } + .mY-2\@lg\+ { + margin-top: 2px !important; + margin-bottom: 2px !important; + } + .mX-2\@lg\+ { + margin-left: 2px !important; + margin-right: 2px !important; + } + .m-nv-2\@lg\+ { + margin: -2px !important; + } + .mT-nv-2\@lg\+ { + margin-top: -2px !important; + } + .mR-nv-2\@lg\+ { + margin-right: -2px !important; + } + .mB-nv-2\@lg\+ { + margin-bottom: -2px !important; + } + .mL-nv-2\@lg\+ { + margin-left: -2px !important; + } + .mY-nv-2\@lg\+ { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .mX-nv-2\@lg\+ { + margin-left: -2px !important; + margin-right: -2px !important; + } + } + @media screen and (min-width: 992px) { + .m-2\@md\+ { + margin: 2px !important; + } + .mT-2\@md\+ { + margin-top: 2px !important; + } + .mR-2\@md\+ { + margin-right: 2px !important; + } + .mB-2\@md\+ { + margin-bottom: 2px !important; + } + .mL-2\@md\+ { + margin-left: 2px !important; + } + .mY-2\@md\+ { + margin-top: 2px !important; + margin-bottom: 2px !important; + } + .mX-2\@md\+ { + margin-left: 2px !important; + margin-right: 2px !important; + } + .m-nv-2\@md\+ { + margin: -2px !important; + } + .mT-nv-2\@md\+ { + margin-top: -2px !important; + } + .mR-nv-2\@md\+ { + margin-right: -2px !important; + } + .mB-nv-2\@md\+ { + margin-bottom: -2px !important; + } + .mL-nv-2\@md\+ { + margin-left: -2px !important; + } + .mY-nv-2\@md\+ { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .mX-nv-2\@md\+ { + margin-left: -2px !important; + margin-right: -2px !important; + } + } + @media screen and (min-width: 768px) { + .m-2\@sm\+ { + margin: 2px !important; + } + .mT-2\@sm\+ { + margin-top: 2px !important; + } + .mR-2\@sm\+ { + margin-right: 2px !important; + } + .mB-2\@sm\+ { + margin-bottom: 2px !important; + } + .mL-2\@sm\+ { + margin-left: 2px !important; + } + .mY-2\@sm\+ { + margin-top: 2px !important; + margin-bottom: 2px !important; + } + .mX-2\@sm\+ { + margin-left: 2px !important; + margin-right: 2px !important; + } + .m-nv-2\@sm\+ { + margin: -2px !important; + } + .mT-nv-2\@sm\+ { + margin-top: -2px !important; + } + .mR-nv-2\@sm\+ { + margin-right: -2px !important; + } + .mB-nv-2\@sm\+ { + margin-bottom: -2px !important; + } + .mL-nv-2\@sm\+ { + margin-left: -2px !important; + } + .mY-nv-2\@sm\+ { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .mX-nv-2\@sm\+ { + margin-left: -2px !important; + margin-right: -2px !important; + } + } + @media screen and (min-width: 0) { + .m-2\@xs\+ { + margin: 2px !important; + } + .mT-2\@xs\+ { + margin-top: 2px !important; + } + .mR-2\@xs\+ { + margin-right: 2px !important; + } + .mB-2\@xs\+ { + margin-bottom: 2px !important; + } + .mL-2\@xs\+ { + margin-left: 2px !important; + } + .mY-2\@xs\+ { + margin-top: 2px !important; + margin-bottom: 2px !important; + } + .mX-2\@xs\+ { + margin-left: 2px !important; + margin-right: 2px !important; + } + .m-nv-2\@xs\+ { + margin: -2px !important; + } + .mT-nv-2\@xs\+ { + margin-top: -2px !important; + } + .mR-nv-2\@xs\+ { + margin-right: -2px !important; + } + .mB-nv-2\@xs\+ { + margin-bottom: -2px !important; + } + .mL-nv-2\@xs\+ { + margin-left: -2px !important; + } + .mY-nv-2\@xs\+ { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .mX-nv-2\@xs\+ { + margin-left: -2px !important; + margin-right: -2px !important; + } + } + @media screen and (max-width: 1439px) { + .m-2\@xl- { + margin: 2px !important; + } + .mT-2\@xl- { + margin-top: 2px !important; + } + .mR-2\@xl- { + margin-right: 2px !important; + } + .mB-2\@xl- { + margin-bottom: 2px !important; + } + .mL-2\@xl- { + margin-left: 2px !important; + } + .mY-2\@xl- { + margin-top: 2px !important; + margin-bottom: 2px !important; + } + .mX-2\@xl- { + margin-left: 2px !important; + margin-right: 2px !important; + } + .m-nv-2\@xl- { + margin: -2px !important; + } + .mT-nv-2\@xl- { + margin-top: -2px !important; + } + .mR-nv-2\@xl- { + margin-right: -2px !important; + } + .mB-nv-2\@xl- { + margin-bottom: -2px !important; + } + .mL-nv-2\@xl- { + margin-left: -2px !important; + } + .mY-nv-2\@xl- { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .mX-nv-2\@xl- { + margin-left: -2px !important; + margin-right: -2px !important; + } + } + @media screen and (max-width: 1199px) { + .m-2\@lg- { + margin: 2px !important; + } + .mT-2\@lg- { + margin-top: 2px !important; + } + .mR-2\@lg- { + margin-right: 2px !important; + } + .mB-2\@lg- { + margin-bottom: 2px !important; + } + .mL-2\@lg- { + margin-left: 2px !important; + } + .mY-2\@lg- { + margin-top: 2px !important; + margin-bottom: 2px !important; + } + .mX-2\@lg- { + margin-left: 2px !important; + margin-right: 2px !important; + } + .m-nv-2\@lg- { + margin: -2px !important; + } + .mT-nv-2\@lg- { + margin-top: -2px !important; + } + .mR-nv-2\@lg- { + margin-right: -2px !important; + } + .mB-nv-2\@lg- { + margin-bottom: -2px !important; + } + .mL-nv-2\@lg- { + margin-left: -2px !important; + } + .mY-nv-2\@lg- { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .mX-nv-2\@lg- { + margin-left: -2px !important; + margin-right: -2px !important; + } + } + @media screen and (max-width: 991px) { + .m-2\@md- { + margin: 2px !important; + } + .mT-2\@md- { + margin-top: 2px !important; + } + .mR-2\@md- { + margin-right: 2px !important; + } + .mB-2\@md- { + margin-bottom: 2px !important; + } + .mL-2\@md- { + margin-left: 2px !important; + } + .mY-2\@md- { + margin-top: 2px !important; + margin-bottom: 2px !important; + } + .mX-2\@md- { + margin-left: 2px !important; + margin-right: 2px !important; + } + .m-nv-2\@md- { + margin: -2px !important; + } + .mT-nv-2\@md- { + margin-top: -2px !important; + } + .mR-nv-2\@md- { + margin-right: -2px !important; + } + .mB-nv-2\@md- { + margin-bottom: -2px !important; + } + .mL-nv-2\@md- { + margin-left: -2px !important; + } + .mY-nv-2\@md- { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .mX-nv-2\@md- { + margin-left: -2px !important; + margin-right: -2px !important; + } + } + @media screen and (max-width: 767px) { + .m-2\@sm- { + margin: 2px !important; + } + .mT-2\@sm- { + margin-top: 2px !important; + } + .mR-2\@sm- { + margin-right: 2px !important; + } + .mB-2\@sm- { + margin-bottom: 2px !important; + } + .mL-2\@sm- { + margin-left: 2px !important; + } + .mY-2\@sm- { + margin-top: 2px !important; + margin-bottom: 2px !important; + } + .mX-2\@sm- { + margin-left: 2px !important; + margin-right: 2px !important; + } + .m-nv-2\@sm- { + margin: -2px !important; + } + .mT-nv-2\@sm- { + margin-top: -2px !important; + } + .mR-nv-2\@sm- { + margin-right: -2px !important; + } + .mB-nv-2\@sm- { + margin-bottom: -2px !important; + } + .mL-nv-2\@sm- { + margin-left: -2px !important; + } + .mY-nv-2\@sm- { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .mX-nv-2\@sm- { + margin-left: -2px !important; + margin-right: -2px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-2\@lg { + margin: 2px !important; + } + .mT-2\@lg { + margin-top: 2px !important; + } + .mR-2\@lg { + margin-right: 2px !important; + } + .mB-2\@lg { + margin-bottom: 2px !important; + } + .mL-2\@lg { + margin-left: 2px !important; + } + .mY-2\@lg { + margin-top: 2px !important; + margin-bottom: 2px !important; + } + .mX-2\@lg { + margin-left: 2px !important; + margin-right: 2px !important; + } + .m-nv-2\@lg { + margin: -2px !important; + } + .mT-nv-2\@lg { + margin-top: -2px !important; + } + .mR-nv-2\@lg { + margin-right: -2px !important; + } + .mB-nv-2\@lg { + margin-bottom: -2px !important; + } + .mL-nv-2\@lg { + margin-left: -2px !important; + } + .mY-nv-2\@lg { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .mX-nv-2\@lg { + margin-left: -2px !important; + margin-right: -2px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-2\@md { + margin: 2px !important; + } + .mT-2\@md { + margin-top: 2px !important; + } + .mR-2\@md { + margin-right: 2px !important; + } + .mB-2\@md { + margin-bottom: 2px !important; + } + .mL-2\@md { + margin-left: 2px !important; + } + .mY-2\@md { + margin-top: 2px !important; + margin-bottom: 2px !important; + } + .mX-2\@md { + margin-left: 2px !important; + margin-right: 2px !important; + } + .m-nv-2\@md { + margin: -2px !important; + } + .mT-nv-2\@md { + margin-top: -2px !important; + } + .mR-nv-2\@md { + margin-right: -2px !important; + } + .mB-nv-2\@md { + margin-bottom: -2px !important; + } + .mL-nv-2\@md { + margin-left: -2px !important; + } + .mY-nv-2\@md { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .mX-nv-2\@md { + margin-left: -2px !important; + margin-right: -2px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-2\@sm { + margin: 2px !important; + } + .mT-2\@sm { + margin-top: 2px !important; + } + .mR-2\@sm { + margin-right: 2px !important; + } + .mB-2\@sm { + margin-bottom: 2px !important; + } + .mL-2\@sm { + margin-left: 2px !important; + } + .mY-2\@sm { + margin-top: 2px !important; + margin-bottom: 2px !important; + } + .mX-2\@sm { + margin-left: 2px !important; + margin-right: 2px !important; + } + .m-nv-2\@sm { + margin: -2px !important; + } + .mT-nv-2\@sm { + margin-top: -2px !important; + } + .mR-nv-2\@sm { + margin-right: -2px !important; + } + .mB-nv-2\@sm { + margin-bottom: -2px !important; + } + .mL-nv-2\@sm { + margin-left: -2px !important; + } + .mY-nv-2\@sm { + margin-top: -2px !important; + margin-bottom: -2px !important; + } + .mX-nv-2\@sm { + margin-left: -2px !important; + margin-right: -2px !important; + } + } + .m-3 { + margin: 3px !important; + } + + .mT-3 { + margin-top: 3px !important; + } + + .mR-3 { + margin-right: 3px !important; + } + + .mB-3 { + margin-bottom: 3px !important; + } + + .mL-3 { + margin-left: 3px !important; + } + + .mY-3 { + margin-top: 3px !important; + margin-bottom: 3px !important; + } + + .mX-3 { + margin-left: 3px !important; + margin-right: 3px !important; + } + + .m-nv-3 { + margin: -3px !important; + } + + .mT-nv-3 { + margin-top: -3px !important; + } + + .mR-nv-3 { + margin-right: -3px !important; + } + + .mB-nv-3 { + margin-bottom: -3px !important; + } + + .mL-nv-3 { + margin-left: -3px !important; + } + + .mY-nv-3 { + margin-top: -3px !important; + margin-bottom: -3px !important; + } + + .mX-nv-3 { + margin-left: -3px !important; + margin-right: -3px !important; + } + + @media screen and (min-width: 1440px) { + .m-3\@xl\+ { + margin: 3px !important; + } + .mT-3\@xl\+ { + margin-top: 3px !important; + } + .mR-3\@xl\+ { + margin-right: 3px !important; + } + .mB-3\@xl\+ { + margin-bottom: 3px !important; + } + .mL-3\@xl\+ { + margin-left: 3px !important; + } + .mY-3\@xl\+ { + margin-top: 3px !important; + margin-bottom: 3px !important; + } + .mX-3\@xl\+ { + margin-left: 3px !important; + margin-right: 3px !important; + } + .m-nv-3\@xl\+ { + margin: -3px !important; + } + .mT-nv-3\@xl\+ { + margin-top: -3px !important; + } + .mR-nv-3\@xl\+ { + margin-right: -3px !important; + } + .mB-nv-3\@xl\+ { + margin-bottom: -3px !important; + } + .mL-nv-3\@xl\+ { + margin-left: -3px !important; + } + .mY-nv-3\@xl\+ { + margin-top: -3px !important; + margin-bottom: -3px !important; + } + .mX-nv-3\@xl\+ { + margin-left: -3px !important; + margin-right: -3px !important; + } + } + @media screen and (min-width: 1200px) { + .m-3\@lg\+ { + margin: 3px !important; + } + .mT-3\@lg\+ { + margin-top: 3px !important; + } + .mR-3\@lg\+ { + margin-right: 3px !important; + } + .mB-3\@lg\+ { + margin-bottom: 3px !important; + } + .mL-3\@lg\+ { + margin-left: 3px !important; + } + .mY-3\@lg\+ { + margin-top: 3px !important; + margin-bottom: 3px !important; + } + .mX-3\@lg\+ { + margin-left: 3px !important; + margin-right: 3px !important; + } + .m-nv-3\@lg\+ { + margin: -3px !important; + } + .mT-nv-3\@lg\+ { + margin-top: -3px !important; + } + .mR-nv-3\@lg\+ { + margin-right: -3px !important; + } + .mB-nv-3\@lg\+ { + margin-bottom: -3px !important; + } + .mL-nv-3\@lg\+ { + margin-left: -3px !important; + } + .mY-nv-3\@lg\+ { + margin-top: -3px !important; + margin-bottom: -3px !important; + } + .mX-nv-3\@lg\+ { + margin-left: -3px !important; + margin-right: -3px !important; + } + } + @media screen and (min-width: 992px) { + .m-3\@md\+ { + margin: 3px !important; + } + .mT-3\@md\+ { + margin-top: 3px !important; + } + .mR-3\@md\+ { + margin-right: 3px !important; + } + .mB-3\@md\+ { + margin-bottom: 3px !important; + } + .mL-3\@md\+ { + margin-left: 3px !important; + } + .mY-3\@md\+ { + margin-top: 3px !important; + margin-bottom: 3px !important; + } + .mX-3\@md\+ { + margin-left: 3px !important; + margin-right: 3px !important; + } + .m-nv-3\@md\+ { + margin: -3px !important; + } + .mT-nv-3\@md\+ { + margin-top: -3px !important; + } + .mR-nv-3\@md\+ { + margin-right: -3px !important; + } + .mB-nv-3\@md\+ { + margin-bottom: -3px !important; + } + .mL-nv-3\@md\+ { + margin-left: -3px !important; + } + .mY-nv-3\@md\+ { + margin-top: -3px !important; + margin-bottom: -3px !important; + } + .mX-nv-3\@md\+ { + margin-left: -3px !important; + margin-right: -3px !important; + } + } + @media screen and (min-width: 768px) { + .m-3\@sm\+ { + margin: 3px !important; + } + .mT-3\@sm\+ { + margin-top: 3px !important; + } + .mR-3\@sm\+ { + margin-right: 3px !important; + } + .mB-3\@sm\+ { + margin-bottom: 3px !important; + } + .mL-3\@sm\+ { + margin-left: 3px !important; + } + .mY-3\@sm\+ { + margin-top: 3px !important; + margin-bottom: 3px !important; + } + .mX-3\@sm\+ { + margin-left: 3px !important; + margin-right: 3px !important; + } + .m-nv-3\@sm\+ { + margin: -3px !important; + } + .mT-nv-3\@sm\+ { + margin-top: -3px !important; + } + .mR-nv-3\@sm\+ { + margin-right: -3px !important; + } + .mB-nv-3\@sm\+ { + margin-bottom: -3px !important; + } + .mL-nv-3\@sm\+ { + margin-left: -3px !important; + } + .mY-nv-3\@sm\+ { + margin-top: -3px !important; + margin-bottom: -3px !important; + } + .mX-nv-3\@sm\+ { + margin-left: -3px !important; + margin-right: -3px !important; + } + } + @media screen and (min-width: 0) { + .m-3\@xs\+ { + margin: 3px !important; + } + .mT-3\@xs\+ { + margin-top: 3px !important; + } + .mR-3\@xs\+ { + margin-right: 3px !important; + } + .mB-3\@xs\+ { + margin-bottom: 3px !important; + } + .mL-3\@xs\+ { + margin-left: 3px !important; + } + .mY-3\@xs\+ { + margin-top: 3px !important; + margin-bottom: 3px !important; + } + .mX-3\@xs\+ { + margin-left: 3px !important; + margin-right: 3px !important; + } + .m-nv-3\@xs\+ { + margin: -3px !important; + } + .mT-nv-3\@xs\+ { + margin-top: -3px !important; + } + .mR-nv-3\@xs\+ { + margin-right: -3px !important; + } + .mB-nv-3\@xs\+ { + margin-bottom: -3px !important; + } + .mL-nv-3\@xs\+ { + margin-left: -3px !important; + } + .mY-nv-3\@xs\+ { + margin-top: -3px !important; + margin-bottom: -3px !important; + } + .mX-nv-3\@xs\+ { + margin-left: -3px !important; + margin-right: -3px !important; + } + } + @media screen and (max-width: 1439px) { + .m-3\@xl- { + margin: 3px !important; + } + .mT-3\@xl- { + margin-top: 3px !important; + } + .mR-3\@xl- { + margin-right: 3px !important; + } + .mB-3\@xl- { + margin-bottom: 3px !important; + } + .mL-3\@xl- { + margin-left: 3px !important; + } + .mY-3\@xl- { + margin-top: 3px !important; + margin-bottom: 3px !important; + } + .mX-3\@xl- { + margin-left: 3px !important; + margin-right: 3px !important; + } + .m-nv-3\@xl- { + margin: -3px !important; + } + .mT-nv-3\@xl- { + margin-top: -3px !important; + } + .mR-nv-3\@xl- { + margin-right: -3px !important; + } + .mB-nv-3\@xl- { + margin-bottom: -3px !important; + } + .mL-nv-3\@xl- { + margin-left: -3px !important; + } + .mY-nv-3\@xl- { + margin-top: -3px !important; + margin-bottom: -3px !important; + } + .mX-nv-3\@xl- { + margin-left: -3px !important; + margin-right: -3px !important; + } + } + @media screen and (max-width: 1199px) { + .m-3\@lg- { + margin: 3px !important; + } + .mT-3\@lg- { + margin-top: 3px !important; + } + .mR-3\@lg- { + margin-right: 3px !important; + } + .mB-3\@lg- { + margin-bottom: 3px !important; + } + .mL-3\@lg- { + margin-left: 3px !important; + } + .mY-3\@lg- { + margin-top: 3px !important; + margin-bottom: 3px !important; + } + .mX-3\@lg- { + margin-left: 3px !important; + margin-right: 3px !important; + } + .m-nv-3\@lg- { + margin: -3px !important; + } + .mT-nv-3\@lg- { + margin-top: -3px !important; + } + .mR-nv-3\@lg- { + margin-right: -3px !important; + } + .mB-nv-3\@lg- { + margin-bottom: -3px !important; + } + .mL-nv-3\@lg- { + margin-left: -3px !important; + } + .mY-nv-3\@lg- { + margin-top: -3px !important; + margin-bottom: -3px !important; + } + .mX-nv-3\@lg- { + margin-left: -3px !important; + margin-right: -3px !important; + } + } + @media screen and (max-width: 991px) { + .m-3\@md- { + margin: 3px !important; + } + .mT-3\@md- { + margin-top: 3px !important; + } + .mR-3\@md- { + margin-right: 3px !important; + } + .mB-3\@md- { + margin-bottom: 3px !important; + } + .mL-3\@md- { + margin-left: 3px !important; + } + .mY-3\@md- { + margin-top: 3px !important; + margin-bottom: 3px !important; + } + .mX-3\@md- { + margin-left: 3px !important; + margin-right: 3px !important; + } + .m-nv-3\@md- { + margin: -3px !important; + } + .mT-nv-3\@md- { + margin-top: -3px !important; + } + .mR-nv-3\@md- { + margin-right: -3px !important; + } + .mB-nv-3\@md- { + margin-bottom: -3px !important; + } + .mL-nv-3\@md- { + margin-left: -3px !important; + } + .mY-nv-3\@md- { + margin-top: -3px !important; + margin-bottom: -3px !important; + } + .mX-nv-3\@md- { + margin-left: -3px !important; + margin-right: -3px !important; + } + } + @media screen and (max-width: 767px) { + .m-3\@sm- { + margin: 3px !important; + } + .mT-3\@sm- { + margin-top: 3px !important; + } + .mR-3\@sm- { + margin-right: 3px !important; + } + .mB-3\@sm- { + margin-bottom: 3px !important; + } + .mL-3\@sm- { + margin-left: 3px !important; + } + .mY-3\@sm- { + margin-top: 3px !important; + margin-bottom: 3px !important; + } + .mX-3\@sm- { + margin-left: 3px !important; + margin-right: 3px !important; + } + .m-nv-3\@sm- { + margin: -3px !important; + } + .mT-nv-3\@sm- { + margin-top: -3px !important; + } + .mR-nv-3\@sm- { + margin-right: -3px !important; + } + .mB-nv-3\@sm- { + margin-bottom: -3px !important; + } + .mL-nv-3\@sm- { + margin-left: -3px !important; + } + .mY-nv-3\@sm- { + margin-top: -3px !important; + margin-bottom: -3px !important; + } + .mX-nv-3\@sm- { + margin-left: -3px !important; + margin-right: -3px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-3\@lg { + margin: 3px !important; + } + .mT-3\@lg { + margin-top: 3px !important; + } + .mR-3\@lg { + margin-right: 3px !important; + } + .mB-3\@lg { + margin-bottom: 3px !important; + } + .mL-3\@lg { + margin-left: 3px !important; + } + .mY-3\@lg { + margin-top: 3px !important; + margin-bottom: 3px !important; + } + .mX-3\@lg { + margin-left: 3px !important; + margin-right: 3px !important; + } + .m-nv-3\@lg { + margin: -3px !important; + } + .mT-nv-3\@lg { + margin-top: -3px !important; + } + .mR-nv-3\@lg { + margin-right: -3px !important; + } + .mB-nv-3\@lg { + margin-bottom: -3px !important; + } + .mL-nv-3\@lg { + margin-left: -3px !important; + } + .mY-nv-3\@lg { + margin-top: -3px !important; + margin-bottom: -3px !important; + } + .mX-nv-3\@lg { + margin-left: -3px !important; + margin-right: -3px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-3\@md { + margin: 3px !important; + } + .mT-3\@md { + margin-top: 3px !important; + } + .mR-3\@md { + margin-right: 3px !important; + } + .mB-3\@md { + margin-bottom: 3px !important; + } + .mL-3\@md { + margin-left: 3px !important; + } + .mY-3\@md { + margin-top: 3px !important; + margin-bottom: 3px !important; + } + .mX-3\@md { + margin-left: 3px !important; + margin-right: 3px !important; + } + .m-nv-3\@md { + margin: -3px !important; + } + .mT-nv-3\@md { + margin-top: -3px !important; + } + .mR-nv-3\@md { + margin-right: -3px !important; + } + .mB-nv-3\@md { + margin-bottom: -3px !important; + } + .mL-nv-3\@md { + margin-left: -3px !important; + } + .mY-nv-3\@md { + margin-top: -3px !important; + margin-bottom: -3px !important; + } + .mX-nv-3\@md { + margin-left: -3px !important; + margin-right: -3px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-3\@sm { + margin: 3px !important; + } + .mT-3\@sm { + margin-top: 3px !important; + } + .mR-3\@sm { + margin-right: 3px !important; + } + .mB-3\@sm { + margin-bottom: 3px !important; + } + .mL-3\@sm { + margin-left: 3px !important; + } + .mY-3\@sm { + margin-top: 3px !important; + margin-bottom: 3px !important; + } + .mX-3\@sm { + margin-left: 3px !important; + margin-right: 3px !important; + } + .m-nv-3\@sm { + margin: -3px !important; + } + .mT-nv-3\@sm { + margin-top: -3px !important; + } + .mR-nv-3\@sm { + margin-right: -3px !important; + } + .mB-nv-3\@sm { + margin-bottom: -3px !important; + } + .mL-nv-3\@sm { + margin-left: -3px !important; + } + .mY-nv-3\@sm { + margin-top: -3px !important; + margin-bottom: -3px !important; + } + .mX-nv-3\@sm { + margin-left: -3px !important; + margin-right: -3px !important; + } + } + .m-4 { + margin: 4px !important; + } + + .mT-4 { + margin-top: 4px !important; + } + + .mR-4 { + margin-right: 4px !important; + } + + .mB-4 { + margin-bottom: 4px !important; + } + + .mL-4 { + margin-left: 4px !important; + } + + .mY-4 { + margin-top: 4px !important; + margin-bottom: 4px !important; + } + + .mX-4 { + margin-left: 4px !important; + margin-right: 4px !important; + } + + .m-nv-4 { + margin: -4px !important; + } + + .mT-nv-4 { + margin-top: -4px !important; + } + + .mR-nv-4 { + margin-right: -4px !important; + } + + .mB-nv-4 { + margin-bottom: -4px !important; + } + + .mL-nv-4 { + margin-left: -4px !important; + } + + .mY-nv-4 { + margin-top: -4px !important; + margin-bottom: -4px !important; + } + + .mX-nv-4 { + margin-left: -4px !important; + margin-right: -4px !important; + } + + @media screen and (min-width: 1440px) { + .m-4\@xl\+ { + margin: 4px !important; + } + .mT-4\@xl\+ { + margin-top: 4px !important; + } + .mR-4\@xl\+ { + margin-right: 4px !important; + } + .mB-4\@xl\+ { + margin-bottom: 4px !important; + } + .mL-4\@xl\+ { + margin-left: 4px !important; + } + .mY-4\@xl\+ { + margin-top: 4px !important; + margin-bottom: 4px !important; + } + .mX-4\@xl\+ { + margin-left: 4px !important; + margin-right: 4px !important; + } + .m-nv-4\@xl\+ { + margin: -4px !important; + } + .mT-nv-4\@xl\+ { + margin-top: -4px !important; + } + .mR-nv-4\@xl\+ { + margin-right: -4px !important; + } + .mB-nv-4\@xl\+ { + margin-bottom: -4px !important; + } + .mL-nv-4\@xl\+ { + margin-left: -4px !important; + } + .mY-nv-4\@xl\+ { + margin-top: -4px !important; + margin-bottom: -4px !important; + } + .mX-nv-4\@xl\+ { + margin-left: -4px !important; + margin-right: -4px !important; + } + } + @media screen and (min-width: 1200px) { + .m-4\@lg\+ { + margin: 4px !important; + } + .mT-4\@lg\+ { + margin-top: 4px !important; + } + .mR-4\@lg\+ { + margin-right: 4px !important; + } + .mB-4\@lg\+ { + margin-bottom: 4px !important; + } + .mL-4\@lg\+ { + margin-left: 4px !important; + } + .mY-4\@lg\+ { + margin-top: 4px !important; + margin-bottom: 4px !important; + } + .mX-4\@lg\+ { + margin-left: 4px !important; + margin-right: 4px !important; + } + .m-nv-4\@lg\+ { + margin: -4px !important; + } + .mT-nv-4\@lg\+ { + margin-top: -4px !important; + } + .mR-nv-4\@lg\+ { + margin-right: -4px !important; + } + .mB-nv-4\@lg\+ { + margin-bottom: -4px !important; + } + .mL-nv-4\@lg\+ { + margin-left: -4px !important; + } + .mY-nv-4\@lg\+ { + margin-top: -4px !important; + margin-bottom: -4px !important; + } + .mX-nv-4\@lg\+ { + margin-left: -4px !important; + margin-right: -4px !important; + } + } + @media screen and (min-width: 992px) { + .m-4\@md\+ { + margin: 4px !important; + } + .mT-4\@md\+ { + margin-top: 4px !important; + } + .mR-4\@md\+ { + margin-right: 4px !important; + } + .mB-4\@md\+ { + margin-bottom: 4px !important; + } + .mL-4\@md\+ { + margin-left: 4px !important; + } + .mY-4\@md\+ { + margin-top: 4px !important; + margin-bottom: 4px !important; + } + .mX-4\@md\+ { + margin-left: 4px !important; + margin-right: 4px !important; + } + .m-nv-4\@md\+ { + margin: -4px !important; + } + .mT-nv-4\@md\+ { + margin-top: -4px !important; + } + .mR-nv-4\@md\+ { + margin-right: -4px !important; + } + .mB-nv-4\@md\+ { + margin-bottom: -4px !important; + } + .mL-nv-4\@md\+ { + margin-left: -4px !important; + } + .mY-nv-4\@md\+ { + margin-top: -4px !important; + margin-bottom: -4px !important; + } + .mX-nv-4\@md\+ { + margin-left: -4px !important; + margin-right: -4px !important; + } + } + @media screen and (min-width: 768px) { + .m-4\@sm\+ { + margin: 4px !important; + } + .mT-4\@sm\+ { + margin-top: 4px !important; + } + .mR-4\@sm\+ { + margin-right: 4px !important; + } + .mB-4\@sm\+ { + margin-bottom: 4px !important; + } + .mL-4\@sm\+ { + margin-left: 4px !important; + } + .mY-4\@sm\+ { + margin-top: 4px !important; + margin-bottom: 4px !important; + } + .mX-4\@sm\+ { + margin-left: 4px !important; + margin-right: 4px !important; + } + .m-nv-4\@sm\+ { + margin: -4px !important; + } + .mT-nv-4\@sm\+ { + margin-top: -4px !important; + } + .mR-nv-4\@sm\+ { + margin-right: -4px !important; + } + .mB-nv-4\@sm\+ { + margin-bottom: -4px !important; + } + .mL-nv-4\@sm\+ { + margin-left: -4px !important; + } + .mY-nv-4\@sm\+ { + margin-top: -4px !important; + margin-bottom: -4px !important; + } + .mX-nv-4\@sm\+ { + margin-left: -4px !important; + margin-right: -4px !important; + } + } + @media screen and (min-width: 0) { + .m-4\@xs\+ { + margin: 4px !important; + } + .mT-4\@xs\+ { + margin-top: 4px !important; + } + .mR-4\@xs\+ { + margin-right: 4px !important; + } + .mB-4\@xs\+ { + margin-bottom: 4px !important; + } + .mL-4\@xs\+ { + margin-left: 4px !important; + } + .mY-4\@xs\+ { + margin-top: 4px !important; + margin-bottom: 4px !important; + } + .mX-4\@xs\+ { + margin-left: 4px !important; + margin-right: 4px !important; + } + .m-nv-4\@xs\+ { + margin: -4px !important; + } + .mT-nv-4\@xs\+ { + margin-top: -4px !important; + } + .mR-nv-4\@xs\+ { + margin-right: -4px !important; + } + .mB-nv-4\@xs\+ { + margin-bottom: -4px !important; + } + .mL-nv-4\@xs\+ { + margin-left: -4px !important; + } + .mY-nv-4\@xs\+ { + margin-top: -4px !important; + margin-bottom: -4px !important; + } + .mX-nv-4\@xs\+ { + margin-left: -4px !important; + margin-right: -4px !important; + } + } + @media screen and (max-width: 1439px) { + .m-4\@xl- { + margin: 4px !important; + } + .mT-4\@xl- { + margin-top: 4px !important; + } + .mR-4\@xl- { + margin-right: 4px !important; + } + .mB-4\@xl- { + margin-bottom: 4px !important; + } + .mL-4\@xl- { + margin-left: 4px !important; + } + .mY-4\@xl- { + margin-top: 4px !important; + margin-bottom: 4px !important; + } + .mX-4\@xl- { + margin-left: 4px !important; + margin-right: 4px !important; + } + .m-nv-4\@xl- { + margin: -4px !important; + } + .mT-nv-4\@xl- { + margin-top: -4px !important; + } + .mR-nv-4\@xl- { + margin-right: -4px !important; + } + .mB-nv-4\@xl- { + margin-bottom: -4px !important; + } + .mL-nv-4\@xl- { + margin-left: -4px !important; + } + .mY-nv-4\@xl- { + margin-top: -4px !important; + margin-bottom: -4px !important; + } + .mX-nv-4\@xl- { + margin-left: -4px !important; + margin-right: -4px !important; + } + } + @media screen and (max-width: 1199px) { + .m-4\@lg- { + margin: 4px !important; + } + .mT-4\@lg- { + margin-top: 4px !important; + } + .mR-4\@lg- { + margin-right: 4px !important; + } + .mB-4\@lg- { + margin-bottom: 4px !important; + } + .mL-4\@lg- { + margin-left: 4px !important; + } + .mY-4\@lg- { + margin-top: 4px !important; + margin-bottom: 4px !important; + } + .mX-4\@lg- { + margin-left: 4px !important; + margin-right: 4px !important; + } + .m-nv-4\@lg- { + margin: -4px !important; + } + .mT-nv-4\@lg- { + margin-top: -4px !important; + } + .mR-nv-4\@lg- { + margin-right: -4px !important; + } + .mB-nv-4\@lg- { + margin-bottom: -4px !important; + } + .mL-nv-4\@lg- { + margin-left: -4px !important; + } + .mY-nv-4\@lg- { + margin-top: -4px !important; + margin-bottom: -4px !important; + } + .mX-nv-4\@lg- { + margin-left: -4px !important; + margin-right: -4px !important; + } + } + @media screen and (max-width: 991px) { + .m-4\@md- { + margin: 4px !important; + } + .mT-4\@md- { + margin-top: 4px !important; + } + .mR-4\@md- { + margin-right: 4px !important; + } + .mB-4\@md- { + margin-bottom: 4px !important; + } + .mL-4\@md- { + margin-left: 4px !important; + } + .mY-4\@md- { + margin-top: 4px !important; + margin-bottom: 4px !important; + } + .mX-4\@md- { + margin-left: 4px !important; + margin-right: 4px !important; + } + .m-nv-4\@md- { + margin: -4px !important; + } + .mT-nv-4\@md- { + margin-top: -4px !important; + } + .mR-nv-4\@md- { + margin-right: -4px !important; + } + .mB-nv-4\@md- { + margin-bottom: -4px !important; + } + .mL-nv-4\@md- { + margin-left: -4px !important; + } + .mY-nv-4\@md- { + margin-top: -4px !important; + margin-bottom: -4px !important; + } + .mX-nv-4\@md- { + margin-left: -4px !important; + margin-right: -4px !important; + } + } + @media screen and (max-width: 767px) { + .m-4\@sm- { + margin: 4px !important; + } + .mT-4\@sm- { + margin-top: 4px !important; + } + .mR-4\@sm- { + margin-right: 4px !important; + } + .mB-4\@sm- { + margin-bottom: 4px !important; + } + .mL-4\@sm- { + margin-left: 4px !important; + } + .mY-4\@sm- { + margin-top: 4px !important; + margin-bottom: 4px !important; + } + .mX-4\@sm- { + margin-left: 4px !important; + margin-right: 4px !important; + } + .m-nv-4\@sm- { + margin: -4px !important; + } + .mT-nv-4\@sm- { + margin-top: -4px !important; + } + .mR-nv-4\@sm- { + margin-right: -4px !important; + } + .mB-nv-4\@sm- { + margin-bottom: -4px !important; + } + .mL-nv-4\@sm- { + margin-left: -4px !important; + } + .mY-nv-4\@sm- { + margin-top: -4px !important; + margin-bottom: -4px !important; + } + .mX-nv-4\@sm- { + margin-left: -4px !important; + margin-right: -4px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-4\@lg { + margin: 4px !important; + } + .mT-4\@lg { + margin-top: 4px !important; + } + .mR-4\@lg { + margin-right: 4px !important; + } + .mB-4\@lg { + margin-bottom: 4px !important; + } + .mL-4\@lg { + margin-left: 4px !important; + } + .mY-4\@lg { + margin-top: 4px !important; + margin-bottom: 4px !important; + } + .mX-4\@lg { + margin-left: 4px !important; + margin-right: 4px !important; + } + .m-nv-4\@lg { + margin: -4px !important; + } + .mT-nv-4\@lg { + margin-top: -4px !important; + } + .mR-nv-4\@lg { + margin-right: -4px !important; + } + .mB-nv-4\@lg { + margin-bottom: -4px !important; + } + .mL-nv-4\@lg { + margin-left: -4px !important; + } + .mY-nv-4\@lg { + margin-top: -4px !important; + margin-bottom: -4px !important; + } + .mX-nv-4\@lg { + margin-left: -4px !important; + margin-right: -4px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-4\@md { + margin: 4px !important; + } + .mT-4\@md { + margin-top: 4px !important; + } + .mR-4\@md { + margin-right: 4px !important; + } + .mB-4\@md { + margin-bottom: 4px !important; + } + .mL-4\@md { + margin-left: 4px !important; + } + .mY-4\@md { + margin-top: 4px !important; + margin-bottom: 4px !important; + } + .mX-4\@md { + margin-left: 4px !important; + margin-right: 4px !important; + } + .m-nv-4\@md { + margin: -4px !important; + } + .mT-nv-4\@md { + margin-top: -4px !important; + } + .mR-nv-4\@md { + margin-right: -4px !important; + } + .mB-nv-4\@md { + margin-bottom: -4px !important; + } + .mL-nv-4\@md { + margin-left: -4px !important; + } + .mY-nv-4\@md { + margin-top: -4px !important; + margin-bottom: -4px !important; + } + .mX-nv-4\@md { + margin-left: -4px !important; + margin-right: -4px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-4\@sm { + margin: 4px !important; + } + .mT-4\@sm { + margin-top: 4px !important; + } + .mR-4\@sm { + margin-right: 4px !important; + } + .mB-4\@sm { + margin-bottom: 4px !important; + } + .mL-4\@sm { + margin-left: 4px !important; + } + .mY-4\@sm { + margin-top: 4px !important; + margin-bottom: 4px !important; + } + .mX-4\@sm { + margin-left: 4px !important; + margin-right: 4px !important; + } + .m-nv-4\@sm { + margin: -4px !important; + } + .mT-nv-4\@sm { + margin-top: -4px !important; + } + .mR-nv-4\@sm { + margin-right: -4px !important; + } + .mB-nv-4\@sm { + margin-bottom: -4px !important; + } + .mL-nv-4\@sm { + margin-left: -4px !important; + } + .mY-nv-4\@sm { + margin-top: -4px !important; + margin-bottom: -4px !important; + } + .mX-nv-4\@sm { + margin-left: -4px !important; + margin-right: -4px !important; + } + } + .m-5 { + margin: 5px !important; + } + + .mT-5 { + margin-top: 5px !important; + } + + .mR-5 { + margin-right: 5px !important; + } + + .mB-5 { + margin-bottom: 5px !important; + } + + .mL-5 { + margin-left: 5px !important; + } + + .mY-5 { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + + .mX-5 { + margin-left: 5px !important; + margin-right: 5px !important; + } + + .m-nv-5 { + margin: -5px !important; + } + + .mT-nv-5 { + margin-top: -5px !important; + } + + .mR-nv-5 { + margin-right: -5px !important; + } + + .mB-nv-5 { + margin-bottom: -5px !important; + } + + .mL-nv-5 { + margin-left: -5px !important; + } + + .mY-nv-5 { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + + .mX-nv-5 { + margin-left: -5px !important; + margin-right: -5px !important; + } + + @media screen and (min-width: 1440px) { + .m-5\@xl\+ { + margin: 5px !important; + } + .mT-5\@xl\+ { + margin-top: 5px !important; + } + .mR-5\@xl\+ { + margin-right: 5px !important; + } + .mB-5\@xl\+ { + margin-bottom: 5px !important; + } + .mL-5\@xl\+ { + margin-left: 5px !important; + } + .mY-5\@xl\+ { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .mX-5\@xl\+ { + margin-left: 5px !important; + margin-right: 5px !important; + } + .m-nv-5\@xl\+ { + margin: -5px !important; + } + .mT-nv-5\@xl\+ { + margin-top: -5px !important; + } + .mR-nv-5\@xl\+ { + margin-right: -5px !important; + } + .mB-nv-5\@xl\+ { + margin-bottom: -5px !important; + } + .mL-nv-5\@xl\+ { + margin-left: -5px !important; + } + .mY-nv-5\@xl\+ { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .mX-nv-5\@xl\+ { + margin-left: -5px !important; + margin-right: -5px !important; + } + } + @media screen and (min-width: 1200px) { + .m-5\@lg\+ { + margin: 5px !important; + } + .mT-5\@lg\+ { + margin-top: 5px !important; + } + .mR-5\@lg\+ { + margin-right: 5px !important; + } + .mB-5\@lg\+ { + margin-bottom: 5px !important; + } + .mL-5\@lg\+ { + margin-left: 5px !important; + } + .mY-5\@lg\+ { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .mX-5\@lg\+ { + margin-left: 5px !important; + margin-right: 5px !important; + } + .m-nv-5\@lg\+ { + margin: -5px !important; + } + .mT-nv-5\@lg\+ { + margin-top: -5px !important; + } + .mR-nv-5\@lg\+ { + margin-right: -5px !important; + } + .mB-nv-5\@lg\+ { + margin-bottom: -5px !important; + } + .mL-nv-5\@lg\+ { + margin-left: -5px !important; + } + .mY-nv-5\@lg\+ { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .mX-nv-5\@lg\+ { + margin-left: -5px !important; + margin-right: -5px !important; + } + } + @media screen and (min-width: 992px) { + .m-5\@md\+ { + margin: 5px !important; + } + .mT-5\@md\+ { + margin-top: 5px !important; + } + .mR-5\@md\+ { + margin-right: 5px !important; + } + .mB-5\@md\+ { + margin-bottom: 5px !important; + } + .mL-5\@md\+ { + margin-left: 5px !important; + } + .mY-5\@md\+ { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .mX-5\@md\+ { + margin-left: 5px !important; + margin-right: 5px !important; + } + .m-nv-5\@md\+ { + margin: -5px !important; + } + .mT-nv-5\@md\+ { + margin-top: -5px !important; + } + .mR-nv-5\@md\+ { + margin-right: -5px !important; + } + .mB-nv-5\@md\+ { + margin-bottom: -5px !important; + } + .mL-nv-5\@md\+ { + margin-left: -5px !important; + } + .mY-nv-5\@md\+ { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .mX-nv-5\@md\+ { + margin-left: -5px !important; + margin-right: -5px !important; + } + } + @media screen and (min-width: 768px) { + .m-5\@sm\+ { + margin: 5px !important; + } + .mT-5\@sm\+ { + margin-top: 5px !important; + } + .mR-5\@sm\+ { + margin-right: 5px !important; + } + .mB-5\@sm\+ { + margin-bottom: 5px !important; + } + .mL-5\@sm\+ { + margin-left: 5px !important; + } + .mY-5\@sm\+ { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .mX-5\@sm\+ { + margin-left: 5px !important; + margin-right: 5px !important; + } + .m-nv-5\@sm\+ { + margin: -5px !important; + } + .mT-nv-5\@sm\+ { + margin-top: -5px !important; + } + .mR-nv-5\@sm\+ { + margin-right: -5px !important; + } + .mB-nv-5\@sm\+ { + margin-bottom: -5px !important; + } + .mL-nv-5\@sm\+ { + margin-left: -5px !important; + } + .mY-nv-5\@sm\+ { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .mX-nv-5\@sm\+ { + margin-left: -5px !important; + margin-right: -5px !important; + } + } + @media screen and (min-width: 0) { + .m-5\@xs\+ { + margin: 5px !important; + } + .mT-5\@xs\+ { + margin-top: 5px !important; + } + .mR-5\@xs\+ { + margin-right: 5px !important; + } + .mB-5\@xs\+ { + margin-bottom: 5px !important; + } + .mL-5\@xs\+ { + margin-left: 5px !important; + } + .mY-5\@xs\+ { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .mX-5\@xs\+ { + margin-left: 5px !important; + margin-right: 5px !important; + } + .m-nv-5\@xs\+ { + margin: -5px !important; + } + .mT-nv-5\@xs\+ { + margin-top: -5px !important; + } + .mR-nv-5\@xs\+ { + margin-right: -5px !important; + } + .mB-nv-5\@xs\+ { + margin-bottom: -5px !important; + } + .mL-nv-5\@xs\+ { + margin-left: -5px !important; + } + .mY-nv-5\@xs\+ { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .mX-nv-5\@xs\+ { + margin-left: -5px !important; + margin-right: -5px !important; + } + } + @media screen and (max-width: 1439px) { + .m-5\@xl- { + margin: 5px !important; + } + .mT-5\@xl- { + margin-top: 5px !important; + } + .mR-5\@xl- { + margin-right: 5px !important; + } + .mB-5\@xl- { + margin-bottom: 5px !important; + } + .mL-5\@xl- { + margin-left: 5px !important; + } + .mY-5\@xl- { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .mX-5\@xl- { + margin-left: 5px !important; + margin-right: 5px !important; + } + .m-nv-5\@xl- { + margin: -5px !important; + } + .mT-nv-5\@xl- { + margin-top: -5px !important; + } + .mR-nv-5\@xl- { + margin-right: -5px !important; + } + .mB-nv-5\@xl- { + margin-bottom: -5px !important; + } + .mL-nv-5\@xl- { + margin-left: -5px !important; + } + .mY-nv-5\@xl- { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .mX-nv-5\@xl- { + margin-left: -5px !important; + margin-right: -5px !important; + } + } + @media screen and (max-width: 1199px) { + .m-5\@lg- { + margin: 5px !important; + } + .mT-5\@lg- { + margin-top: 5px !important; + } + .mR-5\@lg- { + margin-right: 5px !important; + } + .mB-5\@lg- { + margin-bottom: 5px !important; + } + .mL-5\@lg- { + margin-left: 5px !important; + } + .mY-5\@lg- { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .mX-5\@lg- { + margin-left: 5px !important; + margin-right: 5px !important; + } + .m-nv-5\@lg- { + margin: -5px !important; + } + .mT-nv-5\@lg- { + margin-top: -5px !important; + } + .mR-nv-5\@lg- { + margin-right: -5px !important; + } + .mB-nv-5\@lg- { + margin-bottom: -5px !important; + } + .mL-nv-5\@lg- { + margin-left: -5px !important; + } + .mY-nv-5\@lg- { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .mX-nv-5\@lg- { + margin-left: -5px !important; + margin-right: -5px !important; + } + } + @media screen and (max-width: 991px) { + .m-5\@md- { + margin: 5px !important; + } + .mT-5\@md- { + margin-top: 5px !important; + } + .mR-5\@md- { + margin-right: 5px !important; + } + .mB-5\@md- { + margin-bottom: 5px !important; + } + .mL-5\@md- { + margin-left: 5px !important; + } + .mY-5\@md- { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .mX-5\@md- { + margin-left: 5px !important; + margin-right: 5px !important; + } + .m-nv-5\@md- { + margin: -5px !important; + } + .mT-nv-5\@md- { + margin-top: -5px !important; + } + .mR-nv-5\@md- { + margin-right: -5px !important; + } + .mB-nv-5\@md- { + margin-bottom: -5px !important; + } + .mL-nv-5\@md- { + margin-left: -5px !important; + } + .mY-nv-5\@md- { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .mX-nv-5\@md- { + margin-left: -5px !important; + margin-right: -5px !important; + } + } + @media screen and (max-width: 767px) { + .m-5\@sm- { + margin: 5px !important; + } + .mT-5\@sm- { + margin-top: 5px !important; + } + .mR-5\@sm- { + margin-right: 5px !important; + } + .mB-5\@sm- { + margin-bottom: 5px !important; + } + .mL-5\@sm- { + margin-left: 5px !important; + } + .mY-5\@sm- { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .mX-5\@sm- { + margin-left: 5px !important; + margin-right: 5px !important; + } + .m-nv-5\@sm- { + margin: -5px !important; + } + .mT-nv-5\@sm- { + margin-top: -5px !important; + } + .mR-nv-5\@sm- { + margin-right: -5px !important; + } + .mB-nv-5\@sm- { + margin-bottom: -5px !important; + } + .mL-nv-5\@sm- { + margin-left: -5px !important; + } + .mY-nv-5\@sm- { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .mX-nv-5\@sm- { + margin-left: -5px !important; + margin-right: -5px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-5\@lg { + margin: 5px !important; + } + .mT-5\@lg { + margin-top: 5px !important; + } + .mR-5\@lg { + margin-right: 5px !important; + } + .mB-5\@lg { + margin-bottom: 5px !important; + } + .mL-5\@lg { + margin-left: 5px !important; + } + .mY-5\@lg { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .mX-5\@lg { + margin-left: 5px !important; + margin-right: 5px !important; + } + .m-nv-5\@lg { + margin: -5px !important; + } + .mT-nv-5\@lg { + margin-top: -5px !important; + } + .mR-nv-5\@lg { + margin-right: -5px !important; + } + .mB-nv-5\@lg { + margin-bottom: -5px !important; + } + .mL-nv-5\@lg { + margin-left: -5px !important; + } + .mY-nv-5\@lg { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .mX-nv-5\@lg { + margin-left: -5px !important; + margin-right: -5px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-5\@md { + margin: 5px !important; + } + .mT-5\@md { + margin-top: 5px !important; + } + .mR-5\@md { + margin-right: 5px !important; + } + .mB-5\@md { + margin-bottom: 5px !important; + } + .mL-5\@md { + margin-left: 5px !important; + } + .mY-5\@md { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .mX-5\@md { + margin-left: 5px !important; + margin-right: 5px !important; + } + .m-nv-5\@md { + margin: -5px !important; + } + .mT-nv-5\@md { + margin-top: -5px !important; + } + .mR-nv-5\@md { + margin-right: -5px !important; + } + .mB-nv-5\@md { + margin-bottom: -5px !important; + } + .mL-nv-5\@md { + margin-left: -5px !important; + } + .mY-nv-5\@md { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .mX-nv-5\@md { + margin-left: -5px !important; + margin-right: -5px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-5\@sm { + margin: 5px !important; + } + .mT-5\@sm { + margin-top: 5px !important; + } + .mR-5\@sm { + margin-right: 5px !important; + } + .mB-5\@sm { + margin-bottom: 5px !important; + } + .mL-5\@sm { + margin-left: 5px !important; + } + .mY-5\@sm { + margin-top: 5px !important; + margin-bottom: 5px !important; + } + .mX-5\@sm { + margin-left: 5px !important; + margin-right: 5px !important; + } + .m-nv-5\@sm { + margin: -5px !important; + } + .mT-nv-5\@sm { + margin-top: -5px !important; + } + .mR-nv-5\@sm { + margin-right: -5px !important; + } + .mB-nv-5\@sm { + margin-bottom: -5px !important; + } + .mL-nv-5\@sm { + margin-left: -5px !important; + } + .mY-nv-5\@sm { + margin-top: -5px !important; + margin-bottom: -5px !important; + } + .mX-nv-5\@sm { + margin-left: -5px !important; + margin-right: -5px !important; + } + } + .m-10 { + margin: 10px !important; + } + + .mT-10 { + margin-top: 10px !important; + } + + .mR-10 { + margin-right: 10px !important; + } + + .mB-10 { + margin-bottom: 10px !important; + } + + .mL-10 { + margin-left: 10px !important; + } + + .mY-10 { + margin-top: 10px !important; + margin-bottom: 10px !important; + } + + .mX-10 { + margin-left: 10px !important; + margin-right: 10px !important; + } + + .m-nv-10 { + margin: -10px !important; + } + + .mT-nv-10 { + margin-top: -10px !important; + } + + .mR-nv-10 { + margin-right: -10px !important; + } + + .mB-nv-10 { + margin-bottom: -10px !important; + } + + .mL-nv-10 { + margin-left: -10px !important; + } + + .mY-nv-10 { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + + .mX-nv-10 { + margin-left: -10px !important; + margin-right: -10px !important; + } + + @media screen and (min-width: 1440px) { + .m-10\@xl\+ { + margin: 10px !important; + } + .mT-10\@xl\+ { + margin-top: 10px !important; + } + .mR-10\@xl\+ { + margin-right: 10px !important; + } + .mB-10\@xl\+ { + margin-bottom: 10px !important; + } + .mL-10\@xl\+ { + margin-left: 10px !important; + } + .mY-10\@xl\+ { + margin-top: 10px !important; + margin-bottom: 10px !important; + } + .mX-10\@xl\+ { + margin-left: 10px !important; + margin-right: 10px !important; + } + .m-nv-10\@xl\+ { + margin: -10px !important; + } + .mT-nv-10\@xl\+ { + margin-top: -10px !important; + } + .mR-nv-10\@xl\+ { + margin-right: -10px !important; + } + .mB-nv-10\@xl\+ { + margin-bottom: -10px !important; + } + .mL-nv-10\@xl\+ { + margin-left: -10px !important; + } + .mY-nv-10\@xl\+ { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .mX-nv-10\@xl\+ { + margin-left: -10px !important; + margin-right: -10px !important; + } + } + @media screen and (min-width: 1200px) { + .m-10\@lg\+ { + margin: 10px !important; + } + .mT-10\@lg\+ { + margin-top: 10px !important; + } + .mR-10\@lg\+ { + margin-right: 10px !important; + } + .mB-10\@lg\+ { + margin-bottom: 10px !important; + } + .mL-10\@lg\+ { + margin-left: 10px !important; + } + .mY-10\@lg\+ { + margin-top: 10px !important; + margin-bottom: 10px !important; + } + .mX-10\@lg\+ { + margin-left: 10px !important; + margin-right: 10px !important; + } + .m-nv-10\@lg\+ { + margin: -10px !important; + } + .mT-nv-10\@lg\+ { + margin-top: -10px !important; + } + .mR-nv-10\@lg\+ { + margin-right: -10px !important; + } + .mB-nv-10\@lg\+ { + margin-bottom: -10px !important; + } + .mL-nv-10\@lg\+ { + margin-left: -10px !important; + } + .mY-nv-10\@lg\+ { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .mX-nv-10\@lg\+ { + margin-left: -10px !important; + margin-right: -10px !important; + } + } + @media screen and (min-width: 992px) { + .m-10\@md\+ { + margin: 10px !important; + } + .mT-10\@md\+ { + margin-top: 10px !important; + } + .mR-10\@md\+ { + margin-right: 10px !important; + } + .mB-10\@md\+ { + margin-bottom: 10px !important; + } + .mL-10\@md\+ { + margin-left: 10px !important; + } + .mY-10\@md\+ { + margin-top: 10px !important; + margin-bottom: 10px !important; + } + .mX-10\@md\+ { + margin-left: 10px !important; + margin-right: 10px !important; + } + .m-nv-10\@md\+ { + margin: -10px !important; + } + .mT-nv-10\@md\+ { + margin-top: -10px !important; + } + .mR-nv-10\@md\+ { + margin-right: -10px !important; + } + .mB-nv-10\@md\+ { + margin-bottom: -10px !important; + } + .mL-nv-10\@md\+ { + margin-left: -10px !important; + } + .mY-nv-10\@md\+ { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .mX-nv-10\@md\+ { + margin-left: -10px !important; + margin-right: -10px !important; + } + } + @media screen and (min-width: 768px) { + .m-10\@sm\+ { + margin: 10px !important; + } + .mT-10\@sm\+ { + margin-top: 10px !important; + } + .mR-10\@sm\+ { + margin-right: 10px !important; + } + .mB-10\@sm\+ { + margin-bottom: 10px !important; + } + .mL-10\@sm\+ { + margin-left: 10px !important; + } + .mY-10\@sm\+ { + margin-top: 10px !important; + margin-bottom: 10px !important; + } + .mX-10\@sm\+ { + margin-left: 10px !important; + margin-right: 10px !important; + } + .m-nv-10\@sm\+ { + margin: -10px !important; + } + .mT-nv-10\@sm\+ { + margin-top: -10px !important; + } + .mR-nv-10\@sm\+ { + margin-right: -10px !important; + } + .mB-nv-10\@sm\+ { + margin-bottom: -10px !important; + } + .mL-nv-10\@sm\+ { + margin-left: -10px !important; + } + .mY-nv-10\@sm\+ { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .mX-nv-10\@sm\+ { + margin-left: -10px !important; + margin-right: -10px !important; + } + } + @media screen and (min-width: 0) { + .m-10\@xs\+ { + margin: 10px !important; + } + .mT-10\@xs\+ { + margin-top: 10px !important; + } + .mR-10\@xs\+ { + margin-right: 10px !important; + } + .mB-10\@xs\+ { + margin-bottom: 10px !important; + } + .mL-10\@xs\+ { + margin-left: 10px !important; + } + .mY-10\@xs\+ { + margin-top: 10px !important; + margin-bottom: 10px !important; + } + .mX-10\@xs\+ { + margin-left: 10px !important; + margin-right: 10px !important; + } + .m-nv-10\@xs\+ { + margin: -10px !important; + } + .mT-nv-10\@xs\+ { + margin-top: -10px !important; + } + .mR-nv-10\@xs\+ { + margin-right: -10px !important; + } + .mB-nv-10\@xs\+ { + margin-bottom: -10px !important; + } + .mL-nv-10\@xs\+ { + margin-left: -10px !important; + } + .mY-nv-10\@xs\+ { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .mX-nv-10\@xs\+ { + margin-left: -10px !important; + margin-right: -10px !important; + } + } + @media screen and (max-width: 1439px) { + .m-10\@xl- { + margin: 10px !important; + } + .mT-10\@xl- { + margin-top: 10px !important; + } + .mR-10\@xl- { + margin-right: 10px !important; + } + .mB-10\@xl- { + margin-bottom: 10px !important; + } + .mL-10\@xl- { + margin-left: 10px !important; + } + .mY-10\@xl- { + margin-top: 10px !important; + margin-bottom: 10px !important; + } + .mX-10\@xl- { + margin-left: 10px !important; + margin-right: 10px !important; + } + .m-nv-10\@xl- { + margin: -10px !important; + } + .mT-nv-10\@xl- { + margin-top: -10px !important; + } + .mR-nv-10\@xl- { + margin-right: -10px !important; + } + .mB-nv-10\@xl- { + margin-bottom: -10px !important; + } + .mL-nv-10\@xl- { + margin-left: -10px !important; + } + .mY-nv-10\@xl- { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .mX-nv-10\@xl- { + margin-left: -10px !important; + margin-right: -10px !important; + } + } + @media screen and (max-width: 1199px) { + .m-10\@lg- { + margin: 10px !important; + } + .mT-10\@lg- { + margin-top: 10px !important; + } + .mR-10\@lg- { + margin-right: 10px !important; + } + .mB-10\@lg- { + margin-bottom: 10px !important; + } + .mL-10\@lg- { + margin-left: 10px !important; + } + .mY-10\@lg- { + margin-top: 10px !important; + margin-bottom: 10px !important; + } + .mX-10\@lg- { + margin-left: 10px !important; + margin-right: 10px !important; + } + .m-nv-10\@lg- { + margin: -10px !important; + } + .mT-nv-10\@lg- { + margin-top: -10px !important; + } + .mR-nv-10\@lg- { + margin-right: -10px !important; + } + .mB-nv-10\@lg- { + margin-bottom: -10px !important; + } + .mL-nv-10\@lg- { + margin-left: -10px !important; + } + .mY-nv-10\@lg- { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .mX-nv-10\@lg- { + margin-left: -10px !important; + margin-right: -10px !important; + } + } + @media screen and (max-width: 991px) { + .m-10\@md- { + margin: 10px !important; + } + .mT-10\@md- { + margin-top: 10px !important; + } + .mR-10\@md- { + margin-right: 10px !important; + } + .mB-10\@md- { + margin-bottom: 10px !important; + } + .mL-10\@md- { + margin-left: 10px !important; + } + .mY-10\@md- { + margin-top: 10px !important; + margin-bottom: 10px !important; + } + .mX-10\@md- { + margin-left: 10px !important; + margin-right: 10px !important; + } + .m-nv-10\@md- { + margin: -10px !important; + } + .mT-nv-10\@md- { + margin-top: -10px !important; + } + .mR-nv-10\@md- { + margin-right: -10px !important; + } + .mB-nv-10\@md- { + margin-bottom: -10px !important; + } + .mL-nv-10\@md- { + margin-left: -10px !important; + } + .mY-nv-10\@md- { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .mX-nv-10\@md- { + margin-left: -10px !important; + margin-right: -10px !important; + } + } + @media screen and (max-width: 767px) { + .m-10\@sm- { + margin: 10px !important; + } + .mT-10\@sm- { + margin-top: 10px !important; + } + .mR-10\@sm- { + margin-right: 10px !important; + } + .mB-10\@sm- { + margin-bottom: 10px !important; + } + .mL-10\@sm- { + margin-left: 10px !important; + } + .mY-10\@sm- { + margin-top: 10px !important; + margin-bottom: 10px !important; + } + .mX-10\@sm- { + margin-left: 10px !important; + margin-right: 10px !important; + } + .m-nv-10\@sm- { + margin: -10px !important; + } + .mT-nv-10\@sm- { + margin-top: -10px !important; + } + .mR-nv-10\@sm- { + margin-right: -10px !important; + } + .mB-nv-10\@sm- { + margin-bottom: -10px !important; + } + .mL-nv-10\@sm- { + margin-left: -10px !important; + } + .mY-nv-10\@sm- { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .mX-nv-10\@sm- { + margin-left: -10px !important; + margin-right: -10px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-10\@lg { + margin: 10px !important; + } + .mT-10\@lg { + margin-top: 10px !important; + } + .mR-10\@lg { + margin-right: 10px !important; + } + .mB-10\@lg { + margin-bottom: 10px !important; + } + .mL-10\@lg { + margin-left: 10px !important; + } + .mY-10\@lg { + margin-top: 10px !important; + margin-bottom: 10px !important; + } + .mX-10\@lg { + margin-left: 10px !important; + margin-right: 10px !important; + } + .m-nv-10\@lg { + margin: -10px !important; + } + .mT-nv-10\@lg { + margin-top: -10px !important; + } + .mR-nv-10\@lg { + margin-right: -10px !important; + } + .mB-nv-10\@lg { + margin-bottom: -10px !important; + } + .mL-nv-10\@lg { + margin-left: -10px !important; + } + .mY-nv-10\@lg { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .mX-nv-10\@lg { + margin-left: -10px !important; + margin-right: -10px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-10\@md { + margin: 10px !important; + } + .mT-10\@md { + margin-top: 10px !important; + } + .mR-10\@md { + margin-right: 10px !important; + } + .mB-10\@md { + margin-bottom: 10px !important; + } + .mL-10\@md { + margin-left: 10px !important; + } + .mY-10\@md { + margin-top: 10px !important; + margin-bottom: 10px !important; + } + .mX-10\@md { + margin-left: 10px !important; + margin-right: 10px !important; + } + .m-nv-10\@md { + margin: -10px !important; + } + .mT-nv-10\@md { + margin-top: -10px !important; + } + .mR-nv-10\@md { + margin-right: -10px !important; + } + .mB-nv-10\@md { + margin-bottom: -10px !important; + } + .mL-nv-10\@md { + margin-left: -10px !important; + } + .mY-nv-10\@md { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .mX-nv-10\@md { + margin-left: -10px !important; + margin-right: -10px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-10\@sm { + margin: 10px !important; + } + .mT-10\@sm { + margin-top: 10px !important; + } + .mR-10\@sm { + margin-right: 10px !important; + } + .mB-10\@sm { + margin-bottom: 10px !important; + } + .mL-10\@sm { + margin-left: 10px !important; + } + .mY-10\@sm { + margin-top: 10px !important; + margin-bottom: 10px !important; + } + .mX-10\@sm { + margin-left: 10px !important; + margin-right: 10px !important; + } + .m-nv-10\@sm { + margin: -10px !important; + } + .mT-nv-10\@sm { + margin-top: -10px !important; + } + .mR-nv-10\@sm { + margin-right: -10px !important; + } + .mB-nv-10\@sm { + margin-bottom: -10px !important; + } + .mL-nv-10\@sm { + margin-left: -10px !important; + } + .mY-nv-10\@sm { + margin-top: -10px !important; + margin-bottom: -10px !important; + } + .mX-nv-10\@sm { + margin-left: -10px !important; + margin-right: -10px !important; + } + } + .m-15 { + margin: 15px !important; + } + + .mT-15 { + margin-top: 15px !important; + } + + .mR-15 { + margin-right: 15px !important; + } + + .mB-15 { + margin-bottom: 15px !important; + } + + .mL-15 { + margin-left: 15px !important; + } + + .mY-15 { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + + .mX-15 { + margin-left: 15px !important; + margin-right: 15px !important; + } + + .m-nv-15 { + margin: -15px !important; + } + + .mT-nv-15 { + margin-top: -15px !important; + } + + .mR-nv-15 { + margin-right: -15px !important; + } + + .mB-nv-15 { + margin-bottom: -15px !important; + } + + .mL-nv-15 { + margin-left: -15px !important; + } + + .mY-nv-15 { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + + .mX-nv-15 { + margin-left: -15px !important; + margin-right: -15px !important; + } + + @media screen and (min-width: 1440px) { + .m-15\@xl\+ { + margin: 15px !important; + } + .mT-15\@xl\+ { + margin-top: 15px !important; + } + .mR-15\@xl\+ { + margin-right: 15px !important; + } + .mB-15\@xl\+ { + margin-bottom: 15px !important; + } + .mL-15\@xl\+ { + margin-left: 15px !important; + } + .mY-15\@xl\+ { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + .mX-15\@xl\+ { + margin-left: 15px !important; + margin-right: 15px !important; + } + .m-nv-15\@xl\+ { + margin: -15px !important; + } + .mT-nv-15\@xl\+ { + margin-top: -15px !important; + } + .mR-nv-15\@xl\+ { + margin-right: -15px !important; + } + .mB-nv-15\@xl\+ { + margin-bottom: -15px !important; + } + .mL-nv-15\@xl\+ { + margin-left: -15px !important; + } + .mY-nv-15\@xl\+ { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .mX-nv-15\@xl\+ { + margin-left: -15px !important; + margin-right: -15px !important; + } + } + @media screen and (min-width: 1200px) { + .m-15\@lg\+ { + margin: 15px !important; + } + .mT-15\@lg\+ { + margin-top: 15px !important; + } + .mR-15\@lg\+ { + margin-right: 15px !important; + } + .mB-15\@lg\+ { + margin-bottom: 15px !important; + } + .mL-15\@lg\+ { + margin-left: 15px !important; + } + .mY-15\@lg\+ { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + .mX-15\@lg\+ { + margin-left: 15px !important; + margin-right: 15px !important; + } + .m-nv-15\@lg\+ { + margin: -15px !important; + } + .mT-nv-15\@lg\+ { + margin-top: -15px !important; + } + .mR-nv-15\@lg\+ { + margin-right: -15px !important; + } + .mB-nv-15\@lg\+ { + margin-bottom: -15px !important; + } + .mL-nv-15\@lg\+ { + margin-left: -15px !important; + } + .mY-nv-15\@lg\+ { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .mX-nv-15\@lg\+ { + margin-left: -15px !important; + margin-right: -15px !important; + } + } + @media screen and (min-width: 992px) { + .m-15\@md\+ { + margin: 15px !important; + } + .mT-15\@md\+ { + margin-top: 15px !important; + } + .mR-15\@md\+ { + margin-right: 15px !important; + } + .mB-15\@md\+ { + margin-bottom: 15px !important; + } + .mL-15\@md\+ { + margin-left: 15px !important; + } + .mY-15\@md\+ { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + .mX-15\@md\+ { + margin-left: 15px !important; + margin-right: 15px !important; + } + .m-nv-15\@md\+ { + margin: -15px !important; + } + .mT-nv-15\@md\+ { + margin-top: -15px !important; + } + .mR-nv-15\@md\+ { + margin-right: -15px !important; + } + .mB-nv-15\@md\+ { + margin-bottom: -15px !important; + } + .mL-nv-15\@md\+ { + margin-left: -15px !important; + } + .mY-nv-15\@md\+ { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .mX-nv-15\@md\+ { + margin-left: -15px !important; + margin-right: -15px !important; + } + } + @media screen and (min-width: 768px) { + .m-15\@sm\+ { + margin: 15px !important; + } + .mT-15\@sm\+ { + margin-top: 15px !important; + } + .mR-15\@sm\+ { + margin-right: 15px !important; + } + .mB-15\@sm\+ { + margin-bottom: 15px !important; + } + .mL-15\@sm\+ { + margin-left: 15px !important; + } + .mY-15\@sm\+ { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + .mX-15\@sm\+ { + margin-left: 15px !important; + margin-right: 15px !important; + } + .m-nv-15\@sm\+ { + margin: -15px !important; + } + .mT-nv-15\@sm\+ { + margin-top: -15px !important; + } + .mR-nv-15\@sm\+ { + margin-right: -15px !important; + } + .mB-nv-15\@sm\+ { + margin-bottom: -15px !important; + } + .mL-nv-15\@sm\+ { + margin-left: -15px !important; + } + .mY-nv-15\@sm\+ { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .mX-nv-15\@sm\+ { + margin-left: -15px !important; + margin-right: -15px !important; + } + } + @media screen and (min-width: 0) { + .m-15\@xs\+ { + margin: 15px !important; + } + .mT-15\@xs\+ { + margin-top: 15px !important; + } + .mR-15\@xs\+ { + margin-right: 15px !important; + } + .mB-15\@xs\+ { + margin-bottom: 15px !important; + } + .mL-15\@xs\+ { + margin-left: 15px !important; + } + .mY-15\@xs\+ { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + .mX-15\@xs\+ { + margin-left: 15px !important; + margin-right: 15px !important; + } + .m-nv-15\@xs\+ { + margin: -15px !important; + } + .mT-nv-15\@xs\+ { + margin-top: -15px !important; + } + .mR-nv-15\@xs\+ { + margin-right: -15px !important; + } + .mB-nv-15\@xs\+ { + margin-bottom: -15px !important; + } + .mL-nv-15\@xs\+ { + margin-left: -15px !important; + } + .mY-nv-15\@xs\+ { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .mX-nv-15\@xs\+ { + margin-left: -15px !important; + margin-right: -15px !important; + } + } + @media screen and (max-width: 1439px) { + .m-15\@xl- { + margin: 15px !important; + } + .mT-15\@xl- { + margin-top: 15px !important; + } + .mR-15\@xl- { + margin-right: 15px !important; + } + .mB-15\@xl- { + margin-bottom: 15px !important; + } + .mL-15\@xl- { + margin-left: 15px !important; + } + .mY-15\@xl- { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + .mX-15\@xl- { + margin-left: 15px !important; + margin-right: 15px !important; + } + .m-nv-15\@xl- { + margin: -15px !important; + } + .mT-nv-15\@xl- { + margin-top: -15px !important; + } + .mR-nv-15\@xl- { + margin-right: -15px !important; + } + .mB-nv-15\@xl- { + margin-bottom: -15px !important; + } + .mL-nv-15\@xl- { + margin-left: -15px !important; + } + .mY-nv-15\@xl- { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .mX-nv-15\@xl- { + margin-left: -15px !important; + margin-right: -15px !important; + } + } + @media screen and (max-width: 1199px) { + .m-15\@lg- { + margin: 15px !important; + } + .mT-15\@lg- { + margin-top: 15px !important; + } + .mR-15\@lg- { + margin-right: 15px !important; + } + .mB-15\@lg- { + margin-bottom: 15px !important; + } + .mL-15\@lg- { + margin-left: 15px !important; + } + .mY-15\@lg- { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + .mX-15\@lg- { + margin-left: 15px !important; + margin-right: 15px !important; + } + .m-nv-15\@lg- { + margin: -15px !important; + } + .mT-nv-15\@lg- { + margin-top: -15px !important; + } + .mR-nv-15\@lg- { + margin-right: -15px !important; + } + .mB-nv-15\@lg- { + margin-bottom: -15px !important; + } + .mL-nv-15\@lg- { + margin-left: -15px !important; + } + .mY-nv-15\@lg- { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .mX-nv-15\@lg- { + margin-left: -15px !important; + margin-right: -15px !important; + } + } + @media screen and (max-width: 991px) { + .m-15\@md- { + margin: 15px !important; + } + .mT-15\@md- { + margin-top: 15px !important; + } + .mR-15\@md- { + margin-right: 15px !important; + } + .mB-15\@md- { + margin-bottom: 15px !important; + } + .mL-15\@md- { + margin-left: 15px !important; + } + .mY-15\@md- { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + .mX-15\@md- { + margin-left: 15px !important; + margin-right: 15px !important; + } + .m-nv-15\@md- { + margin: -15px !important; + } + .mT-nv-15\@md- { + margin-top: -15px !important; + } + .mR-nv-15\@md- { + margin-right: -15px !important; + } + .mB-nv-15\@md- { + margin-bottom: -15px !important; + } + .mL-nv-15\@md- { + margin-left: -15px !important; + } + .mY-nv-15\@md- { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .mX-nv-15\@md- { + margin-left: -15px !important; + margin-right: -15px !important; + } + } + @media screen and (max-width: 767px) { + .m-15\@sm- { + margin: 15px !important; + } + .mT-15\@sm- { + margin-top: 15px !important; + } + .mR-15\@sm- { + margin-right: 15px !important; + } + .mB-15\@sm- { + margin-bottom: 15px !important; + } + .mL-15\@sm- { + margin-left: 15px !important; + } + .mY-15\@sm- { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + .mX-15\@sm- { + margin-left: 15px !important; + margin-right: 15px !important; + } + .m-nv-15\@sm- { + margin: -15px !important; + } + .mT-nv-15\@sm- { + margin-top: -15px !important; + } + .mR-nv-15\@sm- { + margin-right: -15px !important; + } + .mB-nv-15\@sm- { + margin-bottom: -15px !important; + } + .mL-nv-15\@sm- { + margin-left: -15px !important; + } + .mY-nv-15\@sm- { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .mX-nv-15\@sm- { + margin-left: -15px !important; + margin-right: -15px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-15\@lg { + margin: 15px !important; + } + .mT-15\@lg { + margin-top: 15px !important; + } + .mR-15\@lg { + margin-right: 15px !important; + } + .mB-15\@lg { + margin-bottom: 15px !important; + } + .mL-15\@lg { + margin-left: 15px !important; + } + .mY-15\@lg { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + .mX-15\@lg { + margin-left: 15px !important; + margin-right: 15px !important; + } + .m-nv-15\@lg { + margin: -15px !important; + } + .mT-nv-15\@lg { + margin-top: -15px !important; + } + .mR-nv-15\@lg { + margin-right: -15px !important; + } + .mB-nv-15\@lg { + margin-bottom: -15px !important; + } + .mL-nv-15\@lg { + margin-left: -15px !important; + } + .mY-nv-15\@lg { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .mX-nv-15\@lg { + margin-left: -15px !important; + margin-right: -15px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-15\@md { + margin: 15px !important; + } + .mT-15\@md { + margin-top: 15px !important; + } + .mR-15\@md { + margin-right: 15px !important; + } + .mB-15\@md { + margin-bottom: 15px !important; + } + .mL-15\@md { + margin-left: 15px !important; + } + .mY-15\@md { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + .mX-15\@md { + margin-left: 15px !important; + margin-right: 15px !important; + } + .m-nv-15\@md { + margin: -15px !important; + } + .mT-nv-15\@md { + margin-top: -15px !important; + } + .mR-nv-15\@md { + margin-right: -15px !important; + } + .mB-nv-15\@md { + margin-bottom: -15px !important; + } + .mL-nv-15\@md { + margin-left: -15px !important; + } + .mY-nv-15\@md { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .mX-nv-15\@md { + margin-left: -15px !important; + margin-right: -15px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-15\@sm { + margin: 15px !important; + } + .mT-15\@sm { + margin-top: 15px !important; + } + .mR-15\@sm { + margin-right: 15px !important; + } + .mB-15\@sm { + margin-bottom: 15px !important; + } + .mL-15\@sm { + margin-left: 15px !important; + } + .mY-15\@sm { + margin-top: 15px !important; + margin-bottom: 15px !important; + } + .mX-15\@sm { + margin-left: 15px !important; + margin-right: 15px !important; + } + .m-nv-15\@sm { + margin: -15px !important; + } + .mT-nv-15\@sm { + margin-top: -15px !important; + } + .mR-nv-15\@sm { + margin-right: -15px !important; + } + .mB-nv-15\@sm { + margin-bottom: -15px !important; + } + .mL-nv-15\@sm { + margin-left: -15px !important; + } + .mY-nv-15\@sm { + margin-top: -15px !important; + margin-bottom: -15px !important; + } + .mX-nv-15\@sm { + margin-left: -15px !important; + margin-right: -15px !important; + } + } + .m-20 { + margin: 20px !important; + } + + .mT-20 { + margin-top: 20px !important; + } + + .mR-20 { + margin-right: 20px !important; + } + + .mB-20 { + margin-bottom: 20px !important; + } + + .mL-20 { + margin-left: 20px !important; + } + + .mY-20 { + margin-top: 20px !important; + margin-bottom: 20px !important; + } + + .mX-20 { + margin-left: 20px !important; + margin-right: 20px !important; + } + + .m-nv-20 { + margin: -20px !important; + } + + .mT-nv-20 { + margin-top: -20px !important; + } + + .mR-nv-20 { + margin-right: -20px !important; + } + + .mB-nv-20 { + margin-bottom: -20px !important; + } + + .mL-nv-20 { + margin-left: -20px !important; + } + + .mY-nv-20 { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + + .mX-nv-20 { + margin-left: -20px !important; + margin-right: -20px !important; + } + + @media screen and (min-width: 1440px) { + .m-20\@xl\+ { + margin: 20px !important; + } + .mT-20\@xl\+ { + margin-top: 20px !important; + } + .mR-20\@xl\+ { + margin-right: 20px !important; + } + .mB-20\@xl\+ { + margin-bottom: 20px !important; + } + .mL-20\@xl\+ { + margin-left: 20px !important; + } + .mY-20\@xl\+ { + margin-top: 20px !important; + margin-bottom: 20px !important; + } + .mX-20\@xl\+ { + margin-left: 20px !important; + margin-right: 20px !important; + } + .m-nv-20\@xl\+ { + margin: -20px !important; + } + .mT-nv-20\@xl\+ { + margin-top: -20px !important; + } + .mR-nv-20\@xl\+ { + margin-right: -20px !important; + } + .mB-nv-20\@xl\+ { + margin-bottom: -20px !important; + } + .mL-nv-20\@xl\+ { + margin-left: -20px !important; + } + .mY-nv-20\@xl\+ { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .mX-nv-20\@xl\+ { + margin-left: -20px !important; + margin-right: -20px !important; + } + } + @media screen and (min-width: 1200px) { + .m-20\@lg\+ { + margin: 20px !important; + } + .mT-20\@lg\+ { + margin-top: 20px !important; + } + .mR-20\@lg\+ { + margin-right: 20px !important; + } + .mB-20\@lg\+ { + margin-bottom: 20px !important; + } + .mL-20\@lg\+ { + margin-left: 20px !important; + } + .mY-20\@lg\+ { + margin-top: 20px !important; + margin-bottom: 20px !important; + } + .mX-20\@lg\+ { + margin-left: 20px !important; + margin-right: 20px !important; + } + .m-nv-20\@lg\+ { + margin: -20px !important; + } + .mT-nv-20\@lg\+ { + margin-top: -20px !important; + } + .mR-nv-20\@lg\+ { + margin-right: -20px !important; + } + .mB-nv-20\@lg\+ { + margin-bottom: -20px !important; + } + .mL-nv-20\@lg\+ { + margin-left: -20px !important; + } + .mY-nv-20\@lg\+ { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .mX-nv-20\@lg\+ { + margin-left: -20px !important; + margin-right: -20px !important; + } + } + @media screen and (min-width: 992px) { + .m-20\@md\+ { + margin: 20px !important; + } + .mT-20\@md\+ { + margin-top: 20px !important; + } + .mR-20\@md\+ { + margin-right: 20px !important; + } + .mB-20\@md\+ { + margin-bottom: 20px !important; + } + .mL-20\@md\+ { + margin-left: 20px !important; + } + .mY-20\@md\+ { + margin-top: 20px !important; + margin-bottom: 20px !important; + } + .mX-20\@md\+ { + margin-left: 20px !important; + margin-right: 20px !important; + } + .m-nv-20\@md\+ { + margin: -20px !important; + } + .mT-nv-20\@md\+ { + margin-top: -20px !important; + } + .mR-nv-20\@md\+ { + margin-right: -20px !important; + } + .mB-nv-20\@md\+ { + margin-bottom: -20px !important; + } + .mL-nv-20\@md\+ { + margin-left: -20px !important; + } + .mY-nv-20\@md\+ { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .mX-nv-20\@md\+ { + margin-left: -20px !important; + margin-right: -20px !important; + } + } + @media screen and (min-width: 768px) { + .m-20\@sm\+ { + margin: 20px !important; + } + .mT-20\@sm\+ { + margin-top: 20px !important; + } + .mR-20\@sm\+ { + margin-right: 20px !important; + } + .mB-20\@sm\+ { + margin-bottom: 20px !important; + } + .mL-20\@sm\+ { + margin-left: 20px !important; + } + .mY-20\@sm\+ { + margin-top: 20px !important; + margin-bottom: 20px !important; + } + .mX-20\@sm\+ { + margin-left: 20px !important; + margin-right: 20px !important; + } + .m-nv-20\@sm\+ { + margin: -20px !important; + } + .mT-nv-20\@sm\+ { + margin-top: -20px !important; + } + .mR-nv-20\@sm\+ { + margin-right: -20px !important; + } + .mB-nv-20\@sm\+ { + margin-bottom: -20px !important; + } + .mL-nv-20\@sm\+ { + margin-left: -20px !important; + } + .mY-nv-20\@sm\+ { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .mX-nv-20\@sm\+ { + margin-left: -20px !important; + margin-right: -20px !important; + } + } + @media screen and (min-width: 0) { + .m-20\@xs\+ { + margin: 20px !important; + } + .mT-20\@xs\+ { + margin-top: 20px !important; + } + .mR-20\@xs\+ { + margin-right: 20px !important; + } + .mB-20\@xs\+ { + margin-bottom: 20px !important; + } + .mL-20\@xs\+ { + margin-left: 20px !important; + } + .mY-20\@xs\+ { + margin-top: 20px !important; + margin-bottom: 20px !important; + } + .mX-20\@xs\+ { + margin-left: 20px !important; + margin-right: 20px !important; + } + .m-nv-20\@xs\+ { + margin: -20px !important; + } + .mT-nv-20\@xs\+ { + margin-top: -20px !important; + } + .mR-nv-20\@xs\+ { + margin-right: -20px !important; + } + .mB-nv-20\@xs\+ { + margin-bottom: -20px !important; + } + .mL-nv-20\@xs\+ { + margin-left: -20px !important; + } + .mY-nv-20\@xs\+ { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .mX-nv-20\@xs\+ { + margin-left: -20px !important; + margin-right: -20px !important; + } + } + @media screen and (max-width: 1439px) { + .m-20\@xl- { + margin: 20px !important; + } + .mT-20\@xl- { + margin-top: 20px !important; + } + .mR-20\@xl- { + margin-right: 20px !important; + } + .mB-20\@xl- { + margin-bottom: 20px !important; + } + .mL-20\@xl- { + margin-left: 20px !important; + } + .mY-20\@xl- { + margin-top: 20px !important; + margin-bottom: 20px !important; + } + .mX-20\@xl- { + margin-left: 20px !important; + margin-right: 20px !important; + } + .m-nv-20\@xl- { + margin: -20px !important; + } + .mT-nv-20\@xl- { + margin-top: -20px !important; + } + .mR-nv-20\@xl- { + margin-right: -20px !important; + } + .mB-nv-20\@xl- { + margin-bottom: -20px !important; + } + .mL-nv-20\@xl- { + margin-left: -20px !important; + } + .mY-nv-20\@xl- { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .mX-nv-20\@xl- { + margin-left: -20px !important; + margin-right: -20px !important; + } + } + @media screen and (max-width: 1199px) { + .m-20\@lg- { + margin: 20px !important; + } + .mT-20\@lg- { + margin-top: 20px !important; + } + .mR-20\@lg- { + margin-right: 20px !important; + } + .mB-20\@lg- { + margin-bottom: 20px !important; + } + .mL-20\@lg- { + margin-left: 20px !important; + } + .mY-20\@lg- { + margin-top: 20px !important; + margin-bottom: 20px !important; + } + .mX-20\@lg- { + margin-left: 20px !important; + margin-right: 20px !important; + } + .m-nv-20\@lg- { + margin: -20px !important; + } + .mT-nv-20\@lg- { + margin-top: -20px !important; + } + .mR-nv-20\@lg- { + margin-right: -20px !important; + } + .mB-nv-20\@lg- { + margin-bottom: -20px !important; + } + .mL-nv-20\@lg- { + margin-left: -20px !important; + } + .mY-nv-20\@lg- { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .mX-nv-20\@lg- { + margin-left: -20px !important; + margin-right: -20px !important; + } + } + @media screen and (max-width: 991px) { + .m-20\@md- { + margin: 20px !important; + } + .mT-20\@md- { + margin-top: 20px !important; + } + .mR-20\@md- { + margin-right: 20px !important; + } + .mB-20\@md- { + margin-bottom: 20px !important; + } + .mL-20\@md- { + margin-left: 20px !important; + } + .mY-20\@md- { + margin-top: 20px !important; + margin-bottom: 20px !important; + } + .mX-20\@md- { + margin-left: 20px !important; + margin-right: 20px !important; + } + .m-nv-20\@md- { + margin: -20px !important; + } + .mT-nv-20\@md- { + margin-top: -20px !important; + } + .mR-nv-20\@md- { + margin-right: -20px !important; + } + .mB-nv-20\@md- { + margin-bottom: -20px !important; + } + .mL-nv-20\@md- { + margin-left: -20px !important; + } + .mY-nv-20\@md- { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .mX-nv-20\@md- { + margin-left: -20px !important; + margin-right: -20px !important; + } + } + @media screen and (max-width: 767px) { + .m-20\@sm- { + margin: 20px !important; + } + .mT-20\@sm- { + margin-top: 20px !important; + } + .mR-20\@sm- { + margin-right: 20px !important; + } + .mB-20\@sm- { + margin-bottom: 20px !important; + } + .mL-20\@sm- { + margin-left: 20px !important; + } + .mY-20\@sm- { + margin-top: 20px !important; + margin-bottom: 20px !important; + } + .mX-20\@sm- { + margin-left: 20px !important; + margin-right: 20px !important; + } + .m-nv-20\@sm- { + margin: -20px !important; + } + .mT-nv-20\@sm- { + margin-top: -20px !important; + } + .mR-nv-20\@sm- { + margin-right: -20px !important; + } + .mB-nv-20\@sm- { + margin-bottom: -20px !important; + } + .mL-nv-20\@sm- { + margin-left: -20px !important; + } + .mY-nv-20\@sm- { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .mX-nv-20\@sm- { + margin-left: -20px !important; + margin-right: -20px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-20\@lg { + margin: 20px !important; + } + .mT-20\@lg { + margin-top: 20px !important; + } + .mR-20\@lg { + margin-right: 20px !important; + } + .mB-20\@lg { + margin-bottom: 20px !important; + } + .mL-20\@lg { + margin-left: 20px !important; + } + .mY-20\@lg { + margin-top: 20px !important; + margin-bottom: 20px !important; + } + .mX-20\@lg { + margin-left: 20px !important; + margin-right: 20px !important; + } + .m-nv-20\@lg { + margin: -20px !important; + } + .mT-nv-20\@lg { + margin-top: -20px !important; + } + .mR-nv-20\@lg { + margin-right: -20px !important; + } + .mB-nv-20\@lg { + margin-bottom: -20px !important; + } + .mL-nv-20\@lg { + margin-left: -20px !important; + } + .mY-nv-20\@lg { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .mX-nv-20\@lg { + margin-left: -20px !important; + margin-right: -20px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-20\@md { + margin: 20px !important; + } + .mT-20\@md { + margin-top: 20px !important; + } + .mR-20\@md { + margin-right: 20px !important; + } + .mB-20\@md { + margin-bottom: 20px !important; + } + .mL-20\@md { + margin-left: 20px !important; + } + .mY-20\@md { + margin-top: 20px !important; + margin-bottom: 20px !important; + } + .mX-20\@md { + margin-left: 20px !important; + margin-right: 20px !important; + } + .m-nv-20\@md { + margin: -20px !important; + } + .mT-nv-20\@md { + margin-top: -20px !important; + } + .mR-nv-20\@md { + margin-right: -20px !important; + } + .mB-nv-20\@md { + margin-bottom: -20px !important; + } + .mL-nv-20\@md { + margin-left: -20px !important; + } + .mY-nv-20\@md { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .mX-nv-20\@md { + margin-left: -20px !important; + margin-right: -20px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-20\@sm { + margin: 20px !important; + } + .mT-20\@sm { + margin-top: 20px !important; + } + .mR-20\@sm { + margin-right: 20px !important; + } + .mB-20\@sm { + margin-bottom: 20px !important; + } + .mL-20\@sm { + margin-left: 20px !important; + } + .mY-20\@sm { + margin-top: 20px !important; + margin-bottom: 20px !important; + } + .mX-20\@sm { + margin-left: 20px !important; + margin-right: 20px !important; + } + .m-nv-20\@sm { + margin: -20px !important; + } + .mT-nv-20\@sm { + margin-top: -20px !important; + } + .mR-nv-20\@sm { + margin-right: -20px !important; + } + .mB-nv-20\@sm { + margin-bottom: -20px !important; + } + .mL-nv-20\@sm { + margin-left: -20px !important; + } + .mY-nv-20\@sm { + margin-top: -20px !important; + margin-bottom: -20px !important; + } + .mX-nv-20\@sm { + margin-left: -20px !important; + margin-right: -20px !important; + } + } + .m-25 { + margin: 25px !important; + } + + .mT-25 { + margin-top: 25px !important; + } + + .mR-25 { + margin-right: 25px !important; + } + + .mB-25 { + margin-bottom: 25px !important; + } + + .mL-25 { + margin-left: 25px !important; + } + + .mY-25 { + margin-top: 25px !important; + margin-bottom: 25px !important; + } + + .mX-25 { + margin-left: 25px !important; + margin-right: 25px !important; + } + + .m-nv-25 { + margin: -25px !important; + } + + .mT-nv-25 { + margin-top: -25px !important; + } + + .mR-nv-25 { + margin-right: -25px !important; + } + + .mB-nv-25 { + margin-bottom: -25px !important; + } + + .mL-nv-25 { + margin-left: -25px !important; + } + + .mY-nv-25 { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + + .mX-nv-25 { + margin-left: -25px !important; + margin-right: -25px !important; + } + + @media screen and (min-width: 1440px) { + .m-25\@xl\+ { + margin: 25px !important; + } + .mT-25\@xl\+ { + margin-top: 25px !important; + } + .mR-25\@xl\+ { + margin-right: 25px !important; + } + .mB-25\@xl\+ { + margin-bottom: 25px !important; + } + .mL-25\@xl\+ { + margin-left: 25px !important; + } + .mY-25\@xl\+ { + margin-top: 25px !important; + margin-bottom: 25px !important; + } + .mX-25\@xl\+ { + margin-left: 25px !important; + margin-right: 25px !important; + } + .m-nv-25\@xl\+ { + margin: -25px !important; + } + .mT-nv-25\@xl\+ { + margin-top: -25px !important; + } + .mR-nv-25\@xl\+ { + margin-right: -25px !important; + } + .mB-nv-25\@xl\+ { + margin-bottom: -25px !important; + } + .mL-nv-25\@xl\+ { + margin-left: -25px !important; + } + .mY-nv-25\@xl\+ { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .mX-nv-25\@xl\+ { + margin-left: -25px !important; + margin-right: -25px !important; + } + } + @media screen and (min-width: 1200px) { + .m-25\@lg\+ { + margin: 25px !important; + } + .mT-25\@lg\+ { + margin-top: 25px !important; + } + .mR-25\@lg\+ { + margin-right: 25px !important; + } + .mB-25\@lg\+ { + margin-bottom: 25px !important; + } + .mL-25\@lg\+ { + margin-left: 25px !important; + } + .mY-25\@lg\+ { + margin-top: 25px !important; + margin-bottom: 25px !important; + } + .mX-25\@lg\+ { + margin-left: 25px !important; + margin-right: 25px !important; + } + .m-nv-25\@lg\+ { + margin: -25px !important; + } + .mT-nv-25\@lg\+ { + margin-top: -25px !important; + } + .mR-nv-25\@lg\+ { + margin-right: -25px !important; + } + .mB-nv-25\@lg\+ { + margin-bottom: -25px !important; + } + .mL-nv-25\@lg\+ { + margin-left: -25px !important; + } + .mY-nv-25\@lg\+ { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .mX-nv-25\@lg\+ { + margin-left: -25px !important; + margin-right: -25px !important; + } + } + @media screen and (min-width: 992px) { + .m-25\@md\+ { + margin: 25px !important; + } + .mT-25\@md\+ { + margin-top: 25px !important; + } + .mR-25\@md\+ { + margin-right: 25px !important; + } + .mB-25\@md\+ { + margin-bottom: 25px !important; + } + .mL-25\@md\+ { + margin-left: 25px !important; + } + .mY-25\@md\+ { + margin-top: 25px !important; + margin-bottom: 25px !important; + } + .mX-25\@md\+ { + margin-left: 25px !important; + margin-right: 25px !important; + } + .m-nv-25\@md\+ { + margin: -25px !important; + } + .mT-nv-25\@md\+ { + margin-top: -25px !important; + } + .mR-nv-25\@md\+ { + margin-right: -25px !important; + } + .mB-nv-25\@md\+ { + margin-bottom: -25px !important; + } + .mL-nv-25\@md\+ { + margin-left: -25px !important; + } + .mY-nv-25\@md\+ { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .mX-nv-25\@md\+ { + margin-left: -25px !important; + margin-right: -25px !important; + } + } + @media screen and (min-width: 768px) { + .m-25\@sm\+ { + margin: 25px !important; + } + .mT-25\@sm\+ { + margin-top: 25px !important; + } + .mR-25\@sm\+ { + margin-right: 25px !important; + } + .mB-25\@sm\+ { + margin-bottom: 25px !important; + } + .mL-25\@sm\+ { + margin-left: 25px !important; + } + .mY-25\@sm\+ { + margin-top: 25px !important; + margin-bottom: 25px !important; + } + .mX-25\@sm\+ { + margin-left: 25px !important; + margin-right: 25px !important; + } + .m-nv-25\@sm\+ { + margin: -25px !important; + } + .mT-nv-25\@sm\+ { + margin-top: -25px !important; + } + .mR-nv-25\@sm\+ { + margin-right: -25px !important; + } + .mB-nv-25\@sm\+ { + margin-bottom: -25px !important; + } + .mL-nv-25\@sm\+ { + margin-left: -25px !important; + } + .mY-nv-25\@sm\+ { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .mX-nv-25\@sm\+ { + margin-left: -25px !important; + margin-right: -25px !important; + } + } + @media screen and (min-width: 0) { + .m-25\@xs\+ { + margin: 25px !important; + } + .mT-25\@xs\+ { + margin-top: 25px !important; + } + .mR-25\@xs\+ { + margin-right: 25px !important; + } + .mB-25\@xs\+ { + margin-bottom: 25px !important; + } + .mL-25\@xs\+ { + margin-left: 25px !important; + } + .mY-25\@xs\+ { + margin-top: 25px !important; + margin-bottom: 25px !important; + } + .mX-25\@xs\+ { + margin-left: 25px !important; + margin-right: 25px !important; + } + .m-nv-25\@xs\+ { + margin: -25px !important; + } + .mT-nv-25\@xs\+ { + margin-top: -25px !important; + } + .mR-nv-25\@xs\+ { + margin-right: -25px !important; + } + .mB-nv-25\@xs\+ { + margin-bottom: -25px !important; + } + .mL-nv-25\@xs\+ { + margin-left: -25px !important; + } + .mY-nv-25\@xs\+ { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .mX-nv-25\@xs\+ { + margin-left: -25px !important; + margin-right: -25px !important; + } + } + @media screen and (max-width: 1439px) { + .m-25\@xl- { + margin: 25px !important; + } + .mT-25\@xl- { + margin-top: 25px !important; + } + .mR-25\@xl- { + margin-right: 25px !important; + } + .mB-25\@xl- { + margin-bottom: 25px !important; + } + .mL-25\@xl- { + margin-left: 25px !important; + } + .mY-25\@xl- { + margin-top: 25px !important; + margin-bottom: 25px !important; + } + .mX-25\@xl- { + margin-left: 25px !important; + margin-right: 25px !important; + } + .m-nv-25\@xl- { + margin: -25px !important; + } + .mT-nv-25\@xl- { + margin-top: -25px !important; + } + .mR-nv-25\@xl- { + margin-right: -25px !important; + } + .mB-nv-25\@xl- { + margin-bottom: -25px !important; + } + .mL-nv-25\@xl- { + margin-left: -25px !important; + } + .mY-nv-25\@xl- { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .mX-nv-25\@xl- { + margin-left: -25px !important; + margin-right: -25px !important; + } + } + @media screen and (max-width: 1199px) { + .m-25\@lg- { + margin: 25px !important; + } + .mT-25\@lg- { + margin-top: 25px !important; + } + .mR-25\@lg- { + margin-right: 25px !important; + } + .mB-25\@lg- { + margin-bottom: 25px !important; + } + .mL-25\@lg- { + margin-left: 25px !important; + } + .mY-25\@lg- { + margin-top: 25px !important; + margin-bottom: 25px !important; + } + .mX-25\@lg- { + margin-left: 25px !important; + margin-right: 25px !important; + } + .m-nv-25\@lg- { + margin: -25px !important; + } + .mT-nv-25\@lg- { + margin-top: -25px !important; + } + .mR-nv-25\@lg- { + margin-right: -25px !important; + } + .mB-nv-25\@lg- { + margin-bottom: -25px !important; + } + .mL-nv-25\@lg- { + margin-left: -25px !important; + } + .mY-nv-25\@lg- { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .mX-nv-25\@lg- { + margin-left: -25px !important; + margin-right: -25px !important; + } + } + @media screen and (max-width: 991px) { + .m-25\@md- { + margin: 25px !important; + } + .mT-25\@md- { + margin-top: 25px !important; + } + .mR-25\@md- { + margin-right: 25px !important; + } + .mB-25\@md- { + margin-bottom: 25px !important; + } + .mL-25\@md- { + margin-left: 25px !important; + } + .mY-25\@md- { + margin-top: 25px !important; + margin-bottom: 25px !important; + } + .mX-25\@md- { + margin-left: 25px !important; + margin-right: 25px !important; + } + .m-nv-25\@md- { + margin: -25px !important; + } + .mT-nv-25\@md- { + margin-top: -25px !important; + } + .mR-nv-25\@md- { + margin-right: -25px !important; + } + .mB-nv-25\@md- { + margin-bottom: -25px !important; + } + .mL-nv-25\@md- { + margin-left: -25px !important; + } + .mY-nv-25\@md- { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .mX-nv-25\@md- { + margin-left: -25px !important; + margin-right: -25px !important; + } + } + @media screen and (max-width: 767px) { + .m-25\@sm- { + margin: 25px !important; + } + .mT-25\@sm- { + margin-top: 25px !important; + } + .mR-25\@sm- { + margin-right: 25px !important; + } + .mB-25\@sm- { + margin-bottom: 25px !important; + } + .mL-25\@sm- { + margin-left: 25px !important; + } + .mY-25\@sm- { + margin-top: 25px !important; + margin-bottom: 25px !important; + } + .mX-25\@sm- { + margin-left: 25px !important; + margin-right: 25px !important; + } + .m-nv-25\@sm- { + margin: -25px !important; + } + .mT-nv-25\@sm- { + margin-top: -25px !important; + } + .mR-nv-25\@sm- { + margin-right: -25px !important; + } + .mB-nv-25\@sm- { + margin-bottom: -25px !important; + } + .mL-nv-25\@sm- { + margin-left: -25px !important; + } + .mY-nv-25\@sm- { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .mX-nv-25\@sm- { + margin-left: -25px !important; + margin-right: -25px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-25\@lg { + margin: 25px !important; + } + .mT-25\@lg { + margin-top: 25px !important; + } + .mR-25\@lg { + margin-right: 25px !important; + } + .mB-25\@lg { + margin-bottom: 25px !important; + } + .mL-25\@lg { + margin-left: 25px !important; + } + .mY-25\@lg { + margin-top: 25px !important; + margin-bottom: 25px !important; + } + .mX-25\@lg { + margin-left: 25px !important; + margin-right: 25px !important; + } + .m-nv-25\@lg { + margin: -25px !important; + } + .mT-nv-25\@lg { + margin-top: -25px !important; + } + .mR-nv-25\@lg { + margin-right: -25px !important; + } + .mB-nv-25\@lg { + margin-bottom: -25px !important; + } + .mL-nv-25\@lg { + margin-left: -25px !important; + } + .mY-nv-25\@lg { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .mX-nv-25\@lg { + margin-left: -25px !important; + margin-right: -25px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-25\@md { + margin: 25px !important; + } + .mT-25\@md { + margin-top: 25px !important; + } + .mR-25\@md { + margin-right: 25px !important; + } + .mB-25\@md { + margin-bottom: 25px !important; + } + .mL-25\@md { + margin-left: 25px !important; + } + .mY-25\@md { + margin-top: 25px !important; + margin-bottom: 25px !important; + } + .mX-25\@md { + margin-left: 25px !important; + margin-right: 25px !important; + } + .m-nv-25\@md { + margin: -25px !important; + } + .mT-nv-25\@md { + margin-top: -25px !important; + } + .mR-nv-25\@md { + margin-right: -25px !important; + } + .mB-nv-25\@md { + margin-bottom: -25px !important; + } + .mL-nv-25\@md { + margin-left: -25px !important; + } + .mY-nv-25\@md { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .mX-nv-25\@md { + margin-left: -25px !important; + margin-right: -25px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-25\@sm { + margin: 25px !important; + } + .mT-25\@sm { + margin-top: 25px !important; + } + .mR-25\@sm { + margin-right: 25px !important; + } + .mB-25\@sm { + margin-bottom: 25px !important; + } + .mL-25\@sm { + margin-left: 25px !important; + } + .mY-25\@sm { + margin-top: 25px !important; + margin-bottom: 25px !important; + } + .mX-25\@sm { + margin-left: 25px !important; + margin-right: 25px !important; + } + .m-nv-25\@sm { + margin: -25px !important; + } + .mT-nv-25\@sm { + margin-top: -25px !important; + } + .mR-nv-25\@sm { + margin-right: -25px !important; + } + .mB-nv-25\@sm { + margin-bottom: -25px !important; + } + .mL-nv-25\@sm { + margin-left: -25px !important; + } + .mY-nv-25\@sm { + margin-top: -25px !important; + margin-bottom: -25px !important; + } + .mX-nv-25\@sm { + margin-left: -25px !important; + margin-right: -25px !important; + } + } + .m-30 { + margin: 30px !important; + } + + .mT-30 { + margin-top: 30px !important; + } + + .mR-30 { + margin-right: 30px !important; + } + + .mB-30 { + margin-bottom: 30px !important; + } + + .mL-30 { + margin-left: 30px !important; + } + + .mY-30 { + margin-top: 30px !important; + margin-bottom: 30px !important; + } + + .mX-30 { + margin-left: 30px !important; + margin-right: 30px !important; + } + + .m-nv-30 { + margin: -30px !important; + } + + .mT-nv-30 { + margin-top: -30px !important; + } + + .mR-nv-30 { + margin-right: -30px !important; + } + + .mB-nv-30 { + margin-bottom: -30px !important; + } + + .mL-nv-30 { + margin-left: -30px !important; + } + + .mY-nv-30 { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + + .mX-nv-30 { + margin-left: -30px !important; + margin-right: -30px !important; + } + + @media screen and (min-width: 1440px) { + .m-30\@xl\+ { + margin: 30px !important; + } + .mT-30\@xl\+ { + margin-top: 30px !important; + } + .mR-30\@xl\+ { + margin-right: 30px !important; + } + .mB-30\@xl\+ { + margin-bottom: 30px !important; + } + .mL-30\@xl\+ { + margin-left: 30px !important; + } + .mY-30\@xl\+ { + margin-top: 30px !important; + margin-bottom: 30px !important; + } + .mX-30\@xl\+ { + margin-left: 30px !important; + margin-right: 30px !important; + } + .m-nv-30\@xl\+ { + margin: -30px !important; + } + .mT-nv-30\@xl\+ { + margin-top: -30px !important; + } + .mR-nv-30\@xl\+ { + margin-right: -30px !important; + } + .mB-nv-30\@xl\+ { + margin-bottom: -30px !important; + } + .mL-nv-30\@xl\+ { + margin-left: -30px !important; + } + .mY-nv-30\@xl\+ { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .mX-nv-30\@xl\+ { + margin-left: -30px !important; + margin-right: -30px !important; + } + } + @media screen and (min-width: 1200px) { + .m-30\@lg\+ { + margin: 30px !important; + } + .mT-30\@lg\+ { + margin-top: 30px !important; + } + .mR-30\@lg\+ { + margin-right: 30px !important; + } + .mB-30\@lg\+ { + margin-bottom: 30px !important; + } + .mL-30\@lg\+ { + margin-left: 30px !important; + } + .mY-30\@lg\+ { + margin-top: 30px !important; + margin-bottom: 30px !important; + } + .mX-30\@lg\+ { + margin-left: 30px !important; + margin-right: 30px !important; + } + .m-nv-30\@lg\+ { + margin: -30px !important; + } + .mT-nv-30\@lg\+ { + margin-top: -30px !important; + } + .mR-nv-30\@lg\+ { + margin-right: -30px !important; + } + .mB-nv-30\@lg\+ { + margin-bottom: -30px !important; + } + .mL-nv-30\@lg\+ { + margin-left: -30px !important; + } + .mY-nv-30\@lg\+ { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .mX-nv-30\@lg\+ { + margin-left: -30px !important; + margin-right: -30px !important; + } + } + @media screen and (min-width: 992px) { + .m-30\@md\+ { + margin: 30px !important; + } + .mT-30\@md\+ { + margin-top: 30px !important; + } + .mR-30\@md\+ { + margin-right: 30px !important; + } + .mB-30\@md\+ { + margin-bottom: 30px !important; + } + .mL-30\@md\+ { + margin-left: 30px !important; + } + .mY-30\@md\+ { + margin-top: 30px !important; + margin-bottom: 30px !important; + } + .mX-30\@md\+ { + margin-left: 30px !important; + margin-right: 30px !important; + } + .m-nv-30\@md\+ { + margin: -30px !important; + } + .mT-nv-30\@md\+ { + margin-top: -30px !important; + } + .mR-nv-30\@md\+ { + margin-right: -30px !important; + } + .mB-nv-30\@md\+ { + margin-bottom: -30px !important; + } + .mL-nv-30\@md\+ { + margin-left: -30px !important; + } + .mY-nv-30\@md\+ { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .mX-nv-30\@md\+ { + margin-left: -30px !important; + margin-right: -30px !important; + } + } + @media screen and (min-width: 768px) { + .m-30\@sm\+ { + margin: 30px !important; + } + .mT-30\@sm\+ { + margin-top: 30px !important; + } + .mR-30\@sm\+ { + margin-right: 30px !important; + } + .mB-30\@sm\+ { + margin-bottom: 30px !important; + } + .mL-30\@sm\+ { + margin-left: 30px !important; + } + .mY-30\@sm\+ { + margin-top: 30px !important; + margin-bottom: 30px !important; + } + .mX-30\@sm\+ { + margin-left: 30px !important; + margin-right: 30px !important; + } + .m-nv-30\@sm\+ { + margin: -30px !important; + } + .mT-nv-30\@sm\+ { + margin-top: -30px !important; + } + .mR-nv-30\@sm\+ { + margin-right: -30px !important; + } + .mB-nv-30\@sm\+ { + margin-bottom: -30px !important; + } + .mL-nv-30\@sm\+ { + margin-left: -30px !important; + } + .mY-nv-30\@sm\+ { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .mX-nv-30\@sm\+ { + margin-left: -30px !important; + margin-right: -30px !important; + } + } + @media screen and (min-width: 0) { + .m-30\@xs\+ { + margin: 30px !important; + } + .mT-30\@xs\+ { + margin-top: 30px !important; + } + .mR-30\@xs\+ { + margin-right: 30px !important; + } + .mB-30\@xs\+ { + margin-bottom: 30px !important; + } + .mL-30\@xs\+ { + margin-left: 30px !important; + } + .mY-30\@xs\+ { + margin-top: 30px !important; + margin-bottom: 30px !important; + } + .mX-30\@xs\+ { + margin-left: 30px !important; + margin-right: 30px !important; + } + .m-nv-30\@xs\+ { + margin: -30px !important; + } + .mT-nv-30\@xs\+ { + margin-top: -30px !important; + } + .mR-nv-30\@xs\+ { + margin-right: -30px !important; + } + .mB-nv-30\@xs\+ { + margin-bottom: -30px !important; + } + .mL-nv-30\@xs\+ { + margin-left: -30px !important; + } + .mY-nv-30\@xs\+ { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .mX-nv-30\@xs\+ { + margin-left: -30px !important; + margin-right: -30px !important; + } + } + @media screen and (max-width: 1439px) { + .m-30\@xl- { + margin: 30px !important; + } + .mT-30\@xl- { + margin-top: 30px !important; + } + .mR-30\@xl- { + margin-right: 30px !important; + } + .mB-30\@xl- { + margin-bottom: 30px !important; + } + .mL-30\@xl- { + margin-left: 30px !important; + } + .mY-30\@xl- { + margin-top: 30px !important; + margin-bottom: 30px !important; + } + .mX-30\@xl- { + margin-left: 30px !important; + margin-right: 30px !important; + } + .m-nv-30\@xl- { + margin: -30px !important; + } + .mT-nv-30\@xl- { + margin-top: -30px !important; + } + .mR-nv-30\@xl- { + margin-right: -30px !important; + } + .mB-nv-30\@xl- { + margin-bottom: -30px !important; + } + .mL-nv-30\@xl- { + margin-left: -30px !important; + } + .mY-nv-30\@xl- { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .mX-nv-30\@xl- { + margin-left: -30px !important; + margin-right: -30px !important; + } + } + @media screen and (max-width: 1199px) { + .m-30\@lg- { + margin: 30px !important; + } + .mT-30\@lg- { + margin-top: 30px !important; + } + .mR-30\@lg- { + margin-right: 30px !important; + } + .mB-30\@lg- { + margin-bottom: 30px !important; + } + .mL-30\@lg- { + margin-left: 30px !important; + } + .mY-30\@lg- { + margin-top: 30px !important; + margin-bottom: 30px !important; + } + .mX-30\@lg- { + margin-left: 30px !important; + margin-right: 30px !important; + } + .m-nv-30\@lg- { + margin: -30px !important; + } + .mT-nv-30\@lg- { + margin-top: -30px !important; + } + .mR-nv-30\@lg- { + margin-right: -30px !important; + } + .mB-nv-30\@lg- { + margin-bottom: -30px !important; + } + .mL-nv-30\@lg- { + margin-left: -30px !important; + } + .mY-nv-30\@lg- { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .mX-nv-30\@lg- { + margin-left: -30px !important; + margin-right: -30px !important; + } + } + @media screen and (max-width: 991px) { + .m-30\@md- { + margin: 30px !important; + } + .mT-30\@md- { + margin-top: 30px !important; + } + .mR-30\@md- { + margin-right: 30px !important; + } + .mB-30\@md- { + margin-bottom: 30px !important; + } + .mL-30\@md- { + margin-left: 30px !important; + } + .mY-30\@md- { + margin-top: 30px !important; + margin-bottom: 30px !important; + } + .mX-30\@md- { + margin-left: 30px !important; + margin-right: 30px !important; + } + .m-nv-30\@md- { + margin: -30px !important; + } + .mT-nv-30\@md- { + margin-top: -30px !important; + } + .mR-nv-30\@md- { + margin-right: -30px !important; + } + .mB-nv-30\@md- { + margin-bottom: -30px !important; + } + .mL-nv-30\@md- { + margin-left: -30px !important; + } + .mY-nv-30\@md- { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .mX-nv-30\@md- { + margin-left: -30px !important; + margin-right: -30px !important; + } + } + @media screen and (max-width: 767px) { + .m-30\@sm- { + margin: 30px !important; + } + .mT-30\@sm- { + margin-top: 30px !important; + } + .mR-30\@sm- { + margin-right: 30px !important; + } + .mB-30\@sm- { + margin-bottom: 30px !important; + } + .mL-30\@sm- { + margin-left: 30px !important; + } + .mY-30\@sm- { + margin-top: 30px !important; + margin-bottom: 30px !important; + } + .mX-30\@sm- { + margin-left: 30px !important; + margin-right: 30px !important; + } + .m-nv-30\@sm- { + margin: -30px !important; + } + .mT-nv-30\@sm- { + margin-top: -30px !important; + } + .mR-nv-30\@sm- { + margin-right: -30px !important; + } + .mB-nv-30\@sm- { + margin-bottom: -30px !important; + } + .mL-nv-30\@sm- { + margin-left: -30px !important; + } + .mY-nv-30\@sm- { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .mX-nv-30\@sm- { + margin-left: -30px !important; + margin-right: -30px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-30\@lg { + margin: 30px !important; + } + .mT-30\@lg { + margin-top: 30px !important; + } + .mR-30\@lg { + margin-right: 30px !important; + } + .mB-30\@lg { + margin-bottom: 30px !important; + } + .mL-30\@lg { + margin-left: 30px !important; + } + .mY-30\@lg { + margin-top: 30px !important; + margin-bottom: 30px !important; + } + .mX-30\@lg { + margin-left: 30px !important; + margin-right: 30px !important; + } + .m-nv-30\@lg { + margin: -30px !important; + } + .mT-nv-30\@lg { + margin-top: -30px !important; + } + .mR-nv-30\@lg { + margin-right: -30px !important; + } + .mB-nv-30\@lg { + margin-bottom: -30px !important; + } + .mL-nv-30\@lg { + margin-left: -30px !important; + } + .mY-nv-30\@lg { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .mX-nv-30\@lg { + margin-left: -30px !important; + margin-right: -30px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-30\@md { + margin: 30px !important; + } + .mT-30\@md { + margin-top: 30px !important; + } + .mR-30\@md { + margin-right: 30px !important; + } + .mB-30\@md { + margin-bottom: 30px !important; + } + .mL-30\@md { + margin-left: 30px !important; + } + .mY-30\@md { + margin-top: 30px !important; + margin-bottom: 30px !important; + } + .mX-30\@md { + margin-left: 30px !important; + margin-right: 30px !important; + } + .m-nv-30\@md { + margin: -30px !important; + } + .mT-nv-30\@md { + margin-top: -30px !important; + } + .mR-nv-30\@md { + margin-right: -30px !important; + } + .mB-nv-30\@md { + margin-bottom: -30px !important; + } + .mL-nv-30\@md { + margin-left: -30px !important; + } + .mY-nv-30\@md { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .mX-nv-30\@md { + margin-left: -30px !important; + margin-right: -30px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-30\@sm { + margin: 30px !important; + } + .mT-30\@sm { + margin-top: 30px !important; + } + .mR-30\@sm { + margin-right: 30px !important; + } + .mB-30\@sm { + margin-bottom: 30px !important; + } + .mL-30\@sm { + margin-left: 30px !important; + } + .mY-30\@sm { + margin-top: 30px !important; + margin-bottom: 30px !important; + } + .mX-30\@sm { + margin-left: 30px !important; + margin-right: 30px !important; + } + .m-nv-30\@sm { + margin: -30px !important; + } + .mT-nv-30\@sm { + margin-top: -30px !important; + } + .mR-nv-30\@sm { + margin-right: -30px !important; + } + .mB-nv-30\@sm { + margin-bottom: -30px !important; + } + .mL-nv-30\@sm { + margin-left: -30px !important; + } + .mY-nv-30\@sm { + margin-top: -30px !important; + margin-bottom: -30px !important; + } + .mX-nv-30\@sm { + margin-left: -30px !important; + margin-right: -30px !important; + } + } + .m-35 { + margin: 35px !important; + } + + .mT-35 { + margin-top: 35px !important; + } + + .mR-35 { + margin-right: 35px !important; + } + + .mB-35 { + margin-bottom: 35px !important; + } + + .mL-35 { + margin-left: 35px !important; + } + + .mY-35 { + margin-top: 35px !important; + margin-bottom: 35px !important; + } + + .mX-35 { + margin-left: 35px !important; + margin-right: 35px !important; + } + + .m-nv-35 { + margin: -35px !important; + } + + .mT-nv-35 { + margin-top: -35px !important; + } + + .mR-nv-35 { + margin-right: -35px !important; + } + + .mB-nv-35 { + margin-bottom: -35px !important; + } + + .mL-nv-35 { + margin-left: -35px !important; + } + + .mY-nv-35 { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + + .mX-nv-35 { + margin-left: -35px !important; + margin-right: -35px !important; + } + + @media screen and (min-width: 1440px) { + .m-35\@xl\+ { + margin: 35px !important; + } + .mT-35\@xl\+ { + margin-top: 35px !important; + } + .mR-35\@xl\+ { + margin-right: 35px !important; + } + .mB-35\@xl\+ { + margin-bottom: 35px !important; + } + .mL-35\@xl\+ { + margin-left: 35px !important; + } + .mY-35\@xl\+ { + margin-top: 35px !important; + margin-bottom: 35px !important; + } + .mX-35\@xl\+ { + margin-left: 35px !important; + margin-right: 35px !important; + } + .m-nv-35\@xl\+ { + margin: -35px !important; + } + .mT-nv-35\@xl\+ { + margin-top: -35px !important; + } + .mR-nv-35\@xl\+ { + margin-right: -35px !important; + } + .mB-nv-35\@xl\+ { + margin-bottom: -35px !important; + } + .mL-nv-35\@xl\+ { + margin-left: -35px !important; + } + .mY-nv-35\@xl\+ { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .mX-nv-35\@xl\+ { + margin-left: -35px !important; + margin-right: -35px !important; + } + } + @media screen and (min-width: 1200px) { + .m-35\@lg\+ { + margin: 35px !important; + } + .mT-35\@lg\+ { + margin-top: 35px !important; + } + .mR-35\@lg\+ { + margin-right: 35px !important; + } + .mB-35\@lg\+ { + margin-bottom: 35px !important; + } + .mL-35\@lg\+ { + margin-left: 35px !important; + } + .mY-35\@lg\+ { + margin-top: 35px !important; + margin-bottom: 35px !important; + } + .mX-35\@lg\+ { + margin-left: 35px !important; + margin-right: 35px !important; + } + .m-nv-35\@lg\+ { + margin: -35px !important; + } + .mT-nv-35\@lg\+ { + margin-top: -35px !important; + } + .mR-nv-35\@lg\+ { + margin-right: -35px !important; + } + .mB-nv-35\@lg\+ { + margin-bottom: -35px !important; + } + .mL-nv-35\@lg\+ { + margin-left: -35px !important; + } + .mY-nv-35\@lg\+ { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .mX-nv-35\@lg\+ { + margin-left: -35px !important; + margin-right: -35px !important; + } + } + @media screen and (min-width: 992px) { + .m-35\@md\+ { + margin: 35px !important; + } + .mT-35\@md\+ { + margin-top: 35px !important; + } + .mR-35\@md\+ { + margin-right: 35px !important; + } + .mB-35\@md\+ { + margin-bottom: 35px !important; + } + .mL-35\@md\+ { + margin-left: 35px !important; + } + .mY-35\@md\+ { + margin-top: 35px !important; + margin-bottom: 35px !important; + } + .mX-35\@md\+ { + margin-left: 35px !important; + margin-right: 35px !important; + } + .m-nv-35\@md\+ { + margin: -35px !important; + } + .mT-nv-35\@md\+ { + margin-top: -35px !important; + } + .mR-nv-35\@md\+ { + margin-right: -35px !important; + } + .mB-nv-35\@md\+ { + margin-bottom: -35px !important; + } + .mL-nv-35\@md\+ { + margin-left: -35px !important; + } + .mY-nv-35\@md\+ { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .mX-nv-35\@md\+ { + margin-left: -35px !important; + margin-right: -35px !important; + } + } + @media screen and (min-width: 768px) { + .m-35\@sm\+ { + margin: 35px !important; + } + .mT-35\@sm\+ { + margin-top: 35px !important; + } + .mR-35\@sm\+ { + margin-right: 35px !important; + } + .mB-35\@sm\+ { + margin-bottom: 35px !important; + } + .mL-35\@sm\+ { + margin-left: 35px !important; + } + .mY-35\@sm\+ { + margin-top: 35px !important; + margin-bottom: 35px !important; + } + .mX-35\@sm\+ { + margin-left: 35px !important; + margin-right: 35px !important; + } + .m-nv-35\@sm\+ { + margin: -35px !important; + } + .mT-nv-35\@sm\+ { + margin-top: -35px !important; + } + .mR-nv-35\@sm\+ { + margin-right: -35px !important; + } + .mB-nv-35\@sm\+ { + margin-bottom: -35px !important; + } + .mL-nv-35\@sm\+ { + margin-left: -35px !important; + } + .mY-nv-35\@sm\+ { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .mX-nv-35\@sm\+ { + margin-left: -35px !important; + margin-right: -35px !important; + } + } + @media screen and (min-width: 0) { + .m-35\@xs\+ { + margin: 35px !important; + } + .mT-35\@xs\+ { + margin-top: 35px !important; + } + .mR-35\@xs\+ { + margin-right: 35px !important; + } + .mB-35\@xs\+ { + margin-bottom: 35px !important; + } + .mL-35\@xs\+ { + margin-left: 35px !important; + } + .mY-35\@xs\+ { + margin-top: 35px !important; + margin-bottom: 35px !important; + } + .mX-35\@xs\+ { + margin-left: 35px !important; + margin-right: 35px !important; + } + .m-nv-35\@xs\+ { + margin: -35px !important; + } + .mT-nv-35\@xs\+ { + margin-top: -35px !important; + } + .mR-nv-35\@xs\+ { + margin-right: -35px !important; + } + .mB-nv-35\@xs\+ { + margin-bottom: -35px !important; + } + .mL-nv-35\@xs\+ { + margin-left: -35px !important; + } + .mY-nv-35\@xs\+ { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .mX-nv-35\@xs\+ { + margin-left: -35px !important; + margin-right: -35px !important; + } + } + @media screen and (max-width: 1439px) { + .m-35\@xl- { + margin: 35px !important; + } + .mT-35\@xl- { + margin-top: 35px !important; + } + .mR-35\@xl- { + margin-right: 35px !important; + } + .mB-35\@xl- { + margin-bottom: 35px !important; + } + .mL-35\@xl- { + margin-left: 35px !important; + } + .mY-35\@xl- { + margin-top: 35px !important; + margin-bottom: 35px !important; + } + .mX-35\@xl- { + margin-left: 35px !important; + margin-right: 35px !important; + } + .m-nv-35\@xl- { + margin: -35px !important; + } + .mT-nv-35\@xl- { + margin-top: -35px !important; + } + .mR-nv-35\@xl- { + margin-right: -35px !important; + } + .mB-nv-35\@xl- { + margin-bottom: -35px !important; + } + .mL-nv-35\@xl- { + margin-left: -35px !important; + } + .mY-nv-35\@xl- { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .mX-nv-35\@xl- { + margin-left: -35px !important; + margin-right: -35px !important; + } + } + @media screen and (max-width: 1199px) { + .m-35\@lg- { + margin: 35px !important; + } + .mT-35\@lg- { + margin-top: 35px !important; + } + .mR-35\@lg- { + margin-right: 35px !important; + } + .mB-35\@lg- { + margin-bottom: 35px !important; + } + .mL-35\@lg- { + margin-left: 35px !important; + } + .mY-35\@lg- { + margin-top: 35px !important; + margin-bottom: 35px !important; + } + .mX-35\@lg- { + margin-left: 35px !important; + margin-right: 35px !important; + } + .m-nv-35\@lg- { + margin: -35px !important; + } + .mT-nv-35\@lg- { + margin-top: -35px !important; + } + .mR-nv-35\@lg- { + margin-right: -35px !important; + } + .mB-nv-35\@lg- { + margin-bottom: -35px !important; + } + .mL-nv-35\@lg- { + margin-left: -35px !important; + } + .mY-nv-35\@lg- { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .mX-nv-35\@lg- { + margin-left: -35px !important; + margin-right: -35px !important; + } + } + @media screen and (max-width: 991px) { + .m-35\@md- { + margin: 35px !important; + } + .mT-35\@md- { + margin-top: 35px !important; + } + .mR-35\@md- { + margin-right: 35px !important; + } + .mB-35\@md- { + margin-bottom: 35px !important; + } + .mL-35\@md- { + margin-left: 35px !important; + } + .mY-35\@md- { + margin-top: 35px !important; + margin-bottom: 35px !important; + } + .mX-35\@md- { + margin-left: 35px !important; + margin-right: 35px !important; + } + .m-nv-35\@md- { + margin: -35px !important; + } + .mT-nv-35\@md- { + margin-top: -35px !important; + } + .mR-nv-35\@md- { + margin-right: -35px !important; + } + .mB-nv-35\@md- { + margin-bottom: -35px !important; + } + .mL-nv-35\@md- { + margin-left: -35px !important; + } + .mY-nv-35\@md- { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .mX-nv-35\@md- { + margin-left: -35px !important; + margin-right: -35px !important; + } + } + @media screen and (max-width: 767px) { + .m-35\@sm- { + margin: 35px !important; + } + .mT-35\@sm- { + margin-top: 35px !important; + } + .mR-35\@sm- { + margin-right: 35px !important; + } + .mB-35\@sm- { + margin-bottom: 35px !important; + } + .mL-35\@sm- { + margin-left: 35px !important; + } + .mY-35\@sm- { + margin-top: 35px !important; + margin-bottom: 35px !important; + } + .mX-35\@sm- { + margin-left: 35px !important; + margin-right: 35px !important; + } + .m-nv-35\@sm- { + margin: -35px !important; + } + .mT-nv-35\@sm- { + margin-top: -35px !important; + } + .mR-nv-35\@sm- { + margin-right: -35px !important; + } + .mB-nv-35\@sm- { + margin-bottom: -35px !important; + } + .mL-nv-35\@sm- { + margin-left: -35px !important; + } + .mY-nv-35\@sm- { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .mX-nv-35\@sm- { + margin-left: -35px !important; + margin-right: -35px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-35\@lg { + margin: 35px !important; + } + .mT-35\@lg { + margin-top: 35px !important; + } + .mR-35\@lg { + margin-right: 35px !important; + } + .mB-35\@lg { + margin-bottom: 35px !important; + } + .mL-35\@lg { + margin-left: 35px !important; + } + .mY-35\@lg { + margin-top: 35px !important; + margin-bottom: 35px !important; + } + .mX-35\@lg { + margin-left: 35px !important; + margin-right: 35px !important; + } + .m-nv-35\@lg { + margin: -35px !important; + } + .mT-nv-35\@lg { + margin-top: -35px !important; + } + .mR-nv-35\@lg { + margin-right: -35px !important; + } + .mB-nv-35\@lg { + margin-bottom: -35px !important; + } + .mL-nv-35\@lg { + margin-left: -35px !important; + } + .mY-nv-35\@lg { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .mX-nv-35\@lg { + margin-left: -35px !important; + margin-right: -35px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-35\@md { + margin: 35px !important; + } + .mT-35\@md { + margin-top: 35px !important; + } + .mR-35\@md { + margin-right: 35px !important; + } + .mB-35\@md { + margin-bottom: 35px !important; + } + .mL-35\@md { + margin-left: 35px !important; + } + .mY-35\@md { + margin-top: 35px !important; + margin-bottom: 35px !important; + } + .mX-35\@md { + margin-left: 35px !important; + margin-right: 35px !important; + } + .m-nv-35\@md { + margin: -35px !important; + } + .mT-nv-35\@md { + margin-top: -35px !important; + } + .mR-nv-35\@md { + margin-right: -35px !important; + } + .mB-nv-35\@md { + margin-bottom: -35px !important; + } + .mL-nv-35\@md { + margin-left: -35px !important; + } + .mY-nv-35\@md { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .mX-nv-35\@md { + margin-left: -35px !important; + margin-right: -35px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-35\@sm { + margin: 35px !important; + } + .mT-35\@sm { + margin-top: 35px !important; + } + .mR-35\@sm { + margin-right: 35px !important; + } + .mB-35\@sm { + margin-bottom: 35px !important; + } + .mL-35\@sm { + margin-left: 35px !important; + } + .mY-35\@sm { + margin-top: 35px !important; + margin-bottom: 35px !important; + } + .mX-35\@sm { + margin-left: 35px !important; + margin-right: 35px !important; + } + .m-nv-35\@sm { + margin: -35px !important; + } + .mT-nv-35\@sm { + margin-top: -35px !important; + } + .mR-nv-35\@sm { + margin-right: -35px !important; + } + .mB-nv-35\@sm { + margin-bottom: -35px !important; + } + .mL-nv-35\@sm { + margin-left: -35px !important; + } + .mY-nv-35\@sm { + margin-top: -35px !important; + margin-bottom: -35px !important; + } + .mX-nv-35\@sm { + margin-left: -35px !important; + margin-right: -35px !important; + } + } + .m-40 { + margin: 40px !important; + } + + .mT-40 { + margin-top: 40px !important; + } + + .mR-40 { + margin-right: 40px !important; + } + + .mB-40 { + margin-bottom: 40px !important; + } + + .mL-40 { + margin-left: 40px !important; + } + + .mY-40 { + margin-top: 40px !important; + margin-bottom: 40px !important; + } + + .mX-40 { + margin-left: 40px !important; + margin-right: 40px !important; + } + + .m-nv-40 { + margin: -40px !important; + } + + .mT-nv-40 { + margin-top: -40px !important; + } + + .mR-nv-40 { + margin-right: -40px !important; + } + + .mB-nv-40 { + margin-bottom: -40px !important; + } + + .mL-nv-40 { + margin-left: -40px !important; + } + + .mY-nv-40 { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + + .mX-nv-40 { + margin-left: -40px !important; + margin-right: -40px !important; + } + + @media screen and (min-width: 1440px) { + .m-40\@xl\+ { + margin: 40px !important; + } + .mT-40\@xl\+ { + margin-top: 40px !important; + } + .mR-40\@xl\+ { + margin-right: 40px !important; + } + .mB-40\@xl\+ { + margin-bottom: 40px !important; + } + .mL-40\@xl\+ { + margin-left: 40px !important; + } + .mY-40\@xl\+ { + margin-top: 40px !important; + margin-bottom: 40px !important; + } + .mX-40\@xl\+ { + margin-left: 40px !important; + margin-right: 40px !important; + } + .m-nv-40\@xl\+ { + margin: -40px !important; + } + .mT-nv-40\@xl\+ { + margin-top: -40px !important; + } + .mR-nv-40\@xl\+ { + margin-right: -40px !important; + } + .mB-nv-40\@xl\+ { + margin-bottom: -40px !important; + } + .mL-nv-40\@xl\+ { + margin-left: -40px !important; + } + .mY-nv-40\@xl\+ { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .mX-nv-40\@xl\+ { + margin-left: -40px !important; + margin-right: -40px !important; + } + } + @media screen and (min-width: 1200px) { + .m-40\@lg\+ { + margin: 40px !important; + } + .mT-40\@lg\+ { + margin-top: 40px !important; + } + .mR-40\@lg\+ { + margin-right: 40px !important; + } + .mB-40\@lg\+ { + margin-bottom: 40px !important; + } + .mL-40\@lg\+ { + margin-left: 40px !important; + } + .mY-40\@lg\+ { + margin-top: 40px !important; + margin-bottom: 40px !important; + } + .mX-40\@lg\+ { + margin-left: 40px !important; + margin-right: 40px !important; + } + .m-nv-40\@lg\+ { + margin: -40px !important; + } + .mT-nv-40\@lg\+ { + margin-top: -40px !important; + } + .mR-nv-40\@lg\+ { + margin-right: -40px !important; + } + .mB-nv-40\@lg\+ { + margin-bottom: -40px !important; + } + .mL-nv-40\@lg\+ { + margin-left: -40px !important; + } + .mY-nv-40\@lg\+ { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .mX-nv-40\@lg\+ { + margin-left: -40px !important; + margin-right: -40px !important; + } + } + @media screen and (min-width: 992px) { + .m-40\@md\+ { + margin: 40px !important; + } + .mT-40\@md\+ { + margin-top: 40px !important; + } + .mR-40\@md\+ { + margin-right: 40px !important; + } + .mB-40\@md\+ { + margin-bottom: 40px !important; + } + .mL-40\@md\+ { + margin-left: 40px !important; + } + .mY-40\@md\+ { + margin-top: 40px !important; + margin-bottom: 40px !important; + } + .mX-40\@md\+ { + margin-left: 40px !important; + margin-right: 40px !important; + } + .m-nv-40\@md\+ { + margin: -40px !important; + } + .mT-nv-40\@md\+ { + margin-top: -40px !important; + } + .mR-nv-40\@md\+ { + margin-right: -40px !important; + } + .mB-nv-40\@md\+ { + margin-bottom: -40px !important; + } + .mL-nv-40\@md\+ { + margin-left: -40px !important; + } + .mY-nv-40\@md\+ { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .mX-nv-40\@md\+ { + margin-left: -40px !important; + margin-right: -40px !important; + } + } + @media screen and (min-width: 768px) { + .m-40\@sm\+ { + margin: 40px !important; + } + .mT-40\@sm\+ { + margin-top: 40px !important; + } + .mR-40\@sm\+ { + margin-right: 40px !important; + } + .mB-40\@sm\+ { + margin-bottom: 40px !important; + } + .mL-40\@sm\+ { + margin-left: 40px !important; + } + .mY-40\@sm\+ { + margin-top: 40px !important; + margin-bottom: 40px !important; + } + .mX-40\@sm\+ { + margin-left: 40px !important; + margin-right: 40px !important; + } + .m-nv-40\@sm\+ { + margin: -40px !important; + } + .mT-nv-40\@sm\+ { + margin-top: -40px !important; + } + .mR-nv-40\@sm\+ { + margin-right: -40px !important; + } + .mB-nv-40\@sm\+ { + margin-bottom: -40px !important; + } + .mL-nv-40\@sm\+ { + margin-left: -40px !important; + } + .mY-nv-40\@sm\+ { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .mX-nv-40\@sm\+ { + margin-left: -40px !important; + margin-right: -40px !important; + } + } + @media screen and (min-width: 0) { + .m-40\@xs\+ { + margin: 40px !important; + } + .mT-40\@xs\+ { + margin-top: 40px !important; + } + .mR-40\@xs\+ { + margin-right: 40px !important; + } + .mB-40\@xs\+ { + margin-bottom: 40px !important; + } + .mL-40\@xs\+ { + margin-left: 40px !important; + } + .mY-40\@xs\+ { + margin-top: 40px !important; + margin-bottom: 40px !important; + } + .mX-40\@xs\+ { + margin-left: 40px !important; + margin-right: 40px !important; + } + .m-nv-40\@xs\+ { + margin: -40px !important; + } + .mT-nv-40\@xs\+ { + margin-top: -40px !important; + } + .mR-nv-40\@xs\+ { + margin-right: -40px !important; + } + .mB-nv-40\@xs\+ { + margin-bottom: -40px !important; + } + .mL-nv-40\@xs\+ { + margin-left: -40px !important; + } + .mY-nv-40\@xs\+ { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .mX-nv-40\@xs\+ { + margin-left: -40px !important; + margin-right: -40px !important; + } + } + @media screen and (max-width: 1439px) { + .m-40\@xl- { + margin: 40px !important; + } + .mT-40\@xl- { + margin-top: 40px !important; + } + .mR-40\@xl- { + margin-right: 40px !important; + } + .mB-40\@xl- { + margin-bottom: 40px !important; + } + .mL-40\@xl- { + margin-left: 40px !important; + } + .mY-40\@xl- { + margin-top: 40px !important; + margin-bottom: 40px !important; + } + .mX-40\@xl- { + margin-left: 40px !important; + margin-right: 40px !important; + } + .m-nv-40\@xl- { + margin: -40px !important; + } + .mT-nv-40\@xl- { + margin-top: -40px !important; + } + .mR-nv-40\@xl- { + margin-right: -40px !important; + } + .mB-nv-40\@xl- { + margin-bottom: -40px !important; + } + .mL-nv-40\@xl- { + margin-left: -40px !important; + } + .mY-nv-40\@xl- { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .mX-nv-40\@xl- { + margin-left: -40px !important; + margin-right: -40px !important; + } + } + @media screen and (max-width: 1199px) { + .m-40\@lg- { + margin: 40px !important; + } + .mT-40\@lg- { + margin-top: 40px !important; + } + .mR-40\@lg- { + margin-right: 40px !important; + } + .mB-40\@lg- { + margin-bottom: 40px !important; + } + .mL-40\@lg- { + margin-left: 40px !important; + } + .mY-40\@lg- { + margin-top: 40px !important; + margin-bottom: 40px !important; + } + .mX-40\@lg- { + margin-left: 40px !important; + margin-right: 40px !important; + } + .m-nv-40\@lg- { + margin: -40px !important; + } + .mT-nv-40\@lg- { + margin-top: -40px !important; + } + .mR-nv-40\@lg- { + margin-right: -40px !important; + } + .mB-nv-40\@lg- { + margin-bottom: -40px !important; + } + .mL-nv-40\@lg- { + margin-left: -40px !important; + } + .mY-nv-40\@lg- { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .mX-nv-40\@lg- { + margin-left: -40px !important; + margin-right: -40px !important; + } + } + @media screen and (max-width: 991px) { + .m-40\@md- { + margin: 40px !important; + } + .mT-40\@md- { + margin-top: 40px !important; + } + .mR-40\@md- { + margin-right: 40px !important; + } + .mB-40\@md- { + margin-bottom: 40px !important; + } + .mL-40\@md- { + margin-left: 40px !important; + } + .mY-40\@md- { + margin-top: 40px !important; + margin-bottom: 40px !important; + } + .mX-40\@md- { + margin-left: 40px !important; + margin-right: 40px !important; + } + .m-nv-40\@md- { + margin: -40px !important; + } + .mT-nv-40\@md- { + margin-top: -40px !important; + } + .mR-nv-40\@md- { + margin-right: -40px !important; + } + .mB-nv-40\@md- { + margin-bottom: -40px !important; + } + .mL-nv-40\@md- { + margin-left: -40px !important; + } + .mY-nv-40\@md- { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .mX-nv-40\@md- { + margin-left: -40px !important; + margin-right: -40px !important; + } + } + @media screen and (max-width: 767px) { + .m-40\@sm- { + margin: 40px !important; + } + .mT-40\@sm- { + margin-top: 40px !important; + } + .mR-40\@sm- { + margin-right: 40px !important; + } + .mB-40\@sm- { + margin-bottom: 40px !important; + } + .mL-40\@sm- { + margin-left: 40px !important; + } + .mY-40\@sm- { + margin-top: 40px !important; + margin-bottom: 40px !important; + } + .mX-40\@sm- { + margin-left: 40px !important; + margin-right: 40px !important; + } + .m-nv-40\@sm- { + margin: -40px !important; + } + .mT-nv-40\@sm- { + margin-top: -40px !important; + } + .mR-nv-40\@sm- { + margin-right: -40px !important; + } + .mB-nv-40\@sm- { + margin-bottom: -40px !important; + } + .mL-nv-40\@sm- { + margin-left: -40px !important; + } + .mY-nv-40\@sm- { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .mX-nv-40\@sm- { + margin-left: -40px !important; + margin-right: -40px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-40\@lg { + margin: 40px !important; + } + .mT-40\@lg { + margin-top: 40px !important; + } + .mR-40\@lg { + margin-right: 40px !important; + } + .mB-40\@lg { + margin-bottom: 40px !important; + } + .mL-40\@lg { + margin-left: 40px !important; + } + .mY-40\@lg { + margin-top: 40px !important; + margin-bottom: 40px !important; + } + .mX-40\@lg { + margin-left: 40px !important; + margin-right: 40px !important; + } + .m-nv-40\@lg { + margin: -40px !important; + } + .mT-nv-40\@lg { + margin-top: -40px !important; + } + .mR-nv-40\@lg { + margin-right: -40px !important; + } + .mB-nv-40\@lg { + margin-bottom: -40px !important; + } + .mL-nv-40\@lg { + margin-left: -40px !important; + } + .mY-nv-40\@lg { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .mX-nv-40\@lg { + margin-left: -40px !important; + margin-right: -40px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-40\@md { + margin: 40px !important; + } + .mT-40\@md { + margin-top: 40px !important; + } + .mR-40\@md { + margin-right: 40px !important; + } + .mB-40\@md { + margin-bottom: 40px !important; + } + .mL-40\@md { + margin-left: 40px !important; + } + .mY-40\@md { + margin-top: 40px !important; + margin-bottom: 40px !important; + } + .mX-40\@md { + margin-left: 40px !important; + margin-right: 40px !important; + } + .m-nv-40\@md { + margin: -40px !important; + } + .mT-nv-40\@md { + margin-top: -40px !important; + } + .mR-nv-40\@md { + margin-right: -40px !important; + } + .mB-nv-40\@md { + margin-bottom: -40px !important; + } + .mL-nv-40\@md { + margin-left: -40px !important; + } + .mY-nv-40\@md { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .mX-nv-40\@md { + margin-left: -40px !important; + margin-right: -40px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-40\@sm { + margin: 40px !important; + } + .mT-40\@sm { + margin-top: 40px !important; + } + .mR-40\@sm { + margin-right: 40px !important; + } + .mB-40\@sm { + margin-bottom: 40px !important; + } + .mL-40\@sm { + margin-left: 40px !important; + } + .mY-40\@sm { + margin-top: 40px !important; + margin-bottom: 40px !important; + } + .mX-40\@sm { + margin-left: 40px !important; + margin-right: 40px !important; + } + .m-nv-40\@sm { + margin: -40px !important; + } + .mT-nv-40\@sm { + margin-top: -40px !important; + } + .mR-nv-40\@sm { + margin-right: -40px !important; + } + .mB-nv-40\@sm { + margin-bottom: -40px !important; + } + .mL-nv-40\@sm { + margin-left: -40px !important; + } + .mY-nv-40\@sm { + margin-top: -40px !important; + margin-bottom: -40px !important; + } + .mX-nv-40\@sm { + margin-left: -40px !important; + margin-right: -40px !important; + } + } + .m-50 { + margin: 50px !important; + } + + .mT-50 { + margin-top: 50px !important; + } + + .mR-50 { + margin-right: 50px !important; + } + + .mB-50 { + margin-bottom: 50px !important; + } + + .mL-50 { + margin-left: 50px !important; + } + + .mY-50 { + margin-top: 50px !important; + margin-bottom: 50px !important; + } + + .mX-50 { + margin-left: 50px !important; + margin-right: 50px !important; + } + + .m-nv-50 { + margin: -50px !important; + } + + .mT-nv-50 { + margin-top: -50px !important; + } + + .mR-nv-50 { + margin-right: -50px !important; + } + + .mB-nv-50 { + margin-bottom: -50px !important; + } + + .mL-nv-50 { + margin-left: -50px !important; + } + + .mY-nv-50 { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + + .mX-nv-50 { + margin-left: -50px !important; + margin-right: -50px !important; + } + + @media screen and (min-width: 1440px) { + .m-50\@xl\+ { + margin: 50px !important; + } + .mT-50\@xl\+ { + margin-top: 50px !important; + } + .mR-50\@xl\+ { + margin-right: 50px !important; + } + .mB-50\@xl\+ { + margin-bottom: 50px !important; + } + .mL-50\@xl\+ { + margin-left: 50px !important; + } + .mY-50\@xl\+ { + margin-top: 50px !important; + margin-bottom: 50px !important; + } + .mX-50\@xl\+ { + margin-left: 50px !important; + margin-right: 50px !important; + } + .m-nv-50\@xl\+ { + margin: -50px !important; + } + .mT-nv-50\@xl\+ { + margin-top: -50px !important; + } + .mR-nv-50\@xl\+ { + margin-right: -50px !important; + } + .mB-nv-50\@xl\+ { + margin-bottom: -50px !important; + } + .mL-nv-50\@xl\+ { + margin-left: -50px !important; + } + .mY-nv-50\@xl\+ { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .mX-nv-50\@xl\+ { + margin-left: -50px !important; + margin-right: -50px !important; + } + } + @media screen and (min-width: 1200px) { + .m-50\@lg\+ { + margin: 50px !important; + } + .mT-50\@lg\+ { + margin-top: 50px !important; + } + .mR-50\@lg\+ { + margin-right: 50px !important; + } + .mB-50\@lg\+ { + margin-bottom: 50px !important; + } + .mL-50\@lg\+ { + margin-left: 50px !important; + } + .mY-50\@lg\+ { + margin-top: 50px !important; + margin-bottom: 50px !important; + } + .mX-50\@lg\+ { + margin-left: 50px !important; + margin-right: 50px !important; + } + .m-nv-50\@lg\+ { + margin: -50px !important; + } + .mT-nv-50\@lg\+ { + margin-top: -50px !important; + } + .mR-nv-50\@lg\+ { + margin-right: -50px !important; + } + .mB-nv-50\@lg\+ { + margin-bottom: -50px !important; + } + .mL-nv-50\@lg\+ { + margin-left: -50px !important; + } + .mY-nv-50\@lg\+ { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .mX-nv-50\@lg\+ { + margin-left: -50px !important; + margin-right: -50px !important; + } + } + @media screen and (min-width: 992px) { + .m-50\@md\+ { + margin: 50px !important; + } + .mT-50\@md\+ { + margin-top: 50px !important; + } + .mR-50\@md\+ { + margin-right: 50px !important; + } + .mB-50\@md\+ { + margin-bottom: 50px !important; + } + .mL-50\@md\+ { + margin-left: 50px !important; + } + .mY-50\@md\+ { + margin-top: 50px !important; + margin-bottom: 50px !important; + } + .mX-50\@md\+ { + margin-left: 50px !important; + margin-right: 50px !important; + } + .m-nv-50\@md\+ { + margin: -50px !important; + } + .mT-nv-50\@md\+ { + margin-top: -50px !important; + } + .mR-nv-50\@md\+ { + margin-right: -50px !important; + } + .mB-nv-50\@md\+ { + margin-bottom: -50px !important; + } + .mL-nv-50\@md\+ { + margin-left: -50px !important; + } + .mY-nv-50\@md\+ { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .mX-nv-50\@md\+ { + margin-left: -50px !important; + margin-right: -50px !important; + } + } + @media screen and (min-width: 768px) { + .m-50\@sm\+ { + margin: 50px !important; + } + .mT-50\@sm\+ { + margin-top: 50px !important; + } + .mR-50\@sm\+ { + margin-right: 50px !important; + } + .mB-50\@sm\+ { + margin-bottom: 50px !important; + } + .mL-50\@sm\+ { + margin-left: 50px !important; + } + .mY-50\@sm\+ { + margin-top: 50px !important; + margin-bottom: 50px !important; + } + .mX-50\@sm\+ { + margin-left: 50px !important; + margin-right: 50px !important; + } + .m-nv-50\@sm\+ { + margin: -50px !important; + } + .mT-nv-50\@sm\+ { + margin-top: -50px !important; + } + .mR-nv-50\@sm\+ { + margin-right: -50px !important; + } + .mB-nv-50\@sm\+ { + margin-bottom: -50px !important; + } + .mL-nv-50\@sm\+ { + margin-left: -50px !important; + } + .mY-nv-50\@sm\+ { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .mX-nv-50\@sm\+ { + margin-left: -50px !important; + margin-right: -50px !important; + } + } + @media screen and (min-width: 0) { + .m-50\@xs\+ { + margin: 50px !important; + } + .mT-50\@xs\+ { + margin-top: 50px !important; + } + .mR-50\@xs\+ { + margin-right: 50px !important; + } + .mB-50\@xs\+ { + margin-bottom: 50px !important; + } + .mL-50\@xs\+ { + margin-left: 50px !important; + } + .mY-50\@xs\+ { + margin-top: 50px !important; + margin-bottom: 50px !important; + } + .mX-50\@xs\+ { + margin-left: 50px !important; + margin-right: 50px !important; + } + .m-nv-50\@xs\+ { + margin: -50px !important; + } + .mT-nv-50\@xs\+ { + margin-top: -50px !important; + } + .mR-nv-50\@xs\+ { + margin-right: -50px !important; + } + .mB-nv-50\@xs\+ { + margin-bottom: -50px !important; + } + .mL-nv-50\@xs\+ { + margin-left: -50px !important; + } + .mY-nv-50\@xs\+ { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .mX-nv-50\@xs\+ { + margin-left: -50px !important; + margin-right: -50px !important; + } + } + @media screen and (max-width: 1439px) { + .m-50\@xl- { + margin: 50px !important; + } + .mT-50\@xl- { + margin-top: 50px !important; + } + .mR-50\@xl- { + margin-right: 50px !important; + } + .mB-50\@xl- { + margin-bottom: 50px !important; + } + .mL-50\@xl- { + margin-left: 50px !important; + } + .mY-50\@xl- { + margin-top: 50px !important; + margin-bottom: 50px !important; + } + .mX-50\@xl- { + margin-left: 50px !important; + margin-right: 50px !important; + } + .m-nv-50\@xl- { + margin: -50px !important; + } + .mT-nv-50\@xl- { + margin-top: -50px !important; + } + .mR-nv-50\@xl- { + margin-right: -50px !important; + } + .mB-nv-50\@xl- { + margin-bottom: -50px !important; + } + .mL-nv-50\@xl- { + margin-left: -50px !important; + } + .mY-nv-50\@xl- { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .mX-nv-50\@xl- { + margin-left: -50px !important; + margin-right: -50px !important; + } + } + @media screen and (max-width: 1199px) { + .m-50\@lg- { + margin: 50px !important; + } + .mT-50\@lg- { + margin-top: 50px !important; + } + .mR-50\@lg- { + margin-right: 50px !important; + } + .mB-50\@lg- { + margin-bottom: 50px !important; + } + .mL-50\@lg- { + margin-left: 50px !important; + } + .mY-50\@lg- { + margin-top: 50px !important; + margin-bottom: 50px !important; + } + .mX-50\@lg- { + margin-left: 50px !important; + margin-right: 50px !important; + } + .m-nv-50\@lg- { + margin: -50px !important; + } + .mT-nv-50\@lg- { + margin-top: -50px !important; + } + .mR-nv-50\@lg- { + margin-right: -50px !important; + } + .mB-nv-50\@lg- { + margin-bottom: -50px !important; + } + .mL-nv-50\@lg- { + margin-left: -50px !important; + } + .mY-nv-50\@lg- { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .mX-nv-50\@lg- { + margin-left: -50px !important; + margin-right: -50px !important; + } + } + @media screen and (max-width: 991px) { + .m-50\@md- { + margin: 50px !important; + } + .mT-50\@md- { + margin-top: 50px !important; + } + .mR-50\@md- { + margin-right: 50px !important; + } + .mB-50\@md- { + margin-bottom: 50px !important; + } + .mL-50\@md- { + margin-left: 50px !important; + } + .mY-50\@md- { + margin-top: 50px !important; + margin-bottom: 50px !important; + } + .mX-50\@md- { + margin-left: 50px !important; + margin-right: 50px !important; + } + .m-nv-50\@md- { + margin: -50px !important; + } + .mT-nv-50\@md- { + margin-top: -50px !important; + } + .mR-nv-50\@md- { + margin-right: -50px !important; + } + .mB-nv-50\@md- { + margin-bottom: -50px !important; + } + .mL-nv-50\@md- { + margin-left: -50px !important; + } + .mY-nv-50\@md- { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .mX-nv-50\@md- { + margin-left: -50px !important; + margin-right: -50px !important; + } + } + @media screen and (max-width: 767px) { + .m-50\@sm- { + margin: 50px !important; + } + .mT-50\@sm- { + margin-top: 50px !important; + } + .mR-50\@sm- { + margin-right: 50px !important; + } + .mB-50\@sm- { + margin-bottom: 50px !important; + } + .mL-50\@sm- { + margin-left: 50px !important; + } + .mY-50\@sm- { + margin-top: 50px !important; + margin-bottom: 50px !important; + } + .mX-50\@sm- { + margin-left: 50px !important; + margin-right: 50px !important; + } + .m-nv-50\@sm- { + margin: -50px !important; + } + .mT-nv-50\@sm- { + margin-top: -50px !important; + } + .mR-nv-50\@sm- { + margin-right: -50px !important; + } + .mB-nv-50\@sm- { + margin-bottom: -50px !important; + } + .mL-nv-50\@sm- { + margin-left: -50px !important; + } + .mY-nv-50\@sm- { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .mX-nv-50\@sm- { + margin-left: -50px !important; + margin-right: -50px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-50\@lg { + margin: 50px !important; + } + .mT-50\@lg { + margin-top: 50px !important; + } + .mR-50\@lg { + margin-right: 50px !important; + } + .mB-50\@lg { + margin-bottom: 50px !important; + } + .mL-50\@lg { + margin-left: 50px !important; + } + .mY-50\@lg { + margin-top: 50px !important; + margin-bottom: 50px !important; + } + .mX-50\@lg { + margin-left: 50px !important; + margin-right: 50px !important; + } + .m-nv-50\@lg { + margin: -50px !important; + } + .mT-nv-50\@lg { + margin-top: -50px !important; + } + .mR-nv-50\@lg { + margin-right: -50px !important; + } + .mB-nv-50\@lg { + margin-bottom: -50px !important; + } + .mL-nv-50\@lg { + margin-left: -50px !important; + } + .mY-nv-50\@lg { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .mX-nv-50\@lg { + margin-left: -50px !important; + margin-right: -50px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-50\@md { + margin: 50px !important; + } + .mT-50\@md { + margin-top: 50px !important; + } + .mR-50\@md { + margin-right: 50px !important; + } + .mB-50\@md { + margin-bottom: 50px !important; + } + .mL-50\@md { + margin-left: 50px !important; + } + .mY-50\@md { + margin-top: 50px !important; + margin-bottom: 50px !important; + } + .mX-50\@md { + margin-left: 50px !important; + margin-right: 50px !important; + } + .m-nv-50\@md { + margin: -50px !important; + } + .mT-nv-50\@md { + margin-top: -50px !important; + } + .mR-nv-50\@md { + margin-right: -50px !important; + } + .mB-nv-50\@md { + margin-bottom: -50px !important; + } + .mL-nv-50\@md { + margin-left: -50px !important; + } + .mY-nv-50\@md { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .mX-nv-50\@md { + margin-left: -50px !important; + margin-right: -50px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-50\@sm { + margin: 50px !important; + } + .mT-50\@sm { + margin-top: 50px !important; + } + .mR-50\@sm { + margin-right: 50px !important; + } + .mB-50\@sm { + margin-bottom: 50px !important; + } + .mL-50\@sm { + margin-left: 50px !important; + } + .mY-50\@sm { + margin-top: 50px !important; + margin-bottom: 50px !important; + } + .mX-50\@sm { + margin-left: 50px !important; + margin-right: 50px !important; + } + .m-nv-50\@sm { + margin: -50px !important; + } + .mT-nv-50\@sm { + margin-top: -50px !important; + } + .mR-nv-50\@sm { + margin-right: -50px !important; + } + .mB-nv-50\@sm { + margin-bottom: -50px !important; + } + .mL-nv-50\@sm { + margin-left: -50px !important; + } + .mY-nv-50\@sm { + margin-top: -50px !important; + margin-bottom: -50px !important; + } + .mX-nv-50\@sm { + margin-left: -50px !important; + margin-right: -50px !important; + } + } + .m-60 { + margin: 60px !important; + } + + .mT-60 { + margin-top: 60px !important; + } + + .mR-60 { + margin-right: 60px !important; + } + + .mB-60 { + margin-bottom: 60px !important; + } + + .mL-60 { + margin-left: 60px !important; + } + + .mY-60 { + margin-top: 60px !important; + margin-bottom: 60px !important; + } + + .mX-60 { + margin-left: 60px !important; + margin-right: 60px !important; + } + + .m-nv-60 { + margin: -60px !important; + } + + .mT-nv-60 { + margin-top: -60px !important; + } + + .mR-nv-60 { + margin-right: -60px !important; + } + + .mB-nv-60 { + margin-bottom: -60px !important; + } + + .mL-nv-60 { + margin-left: -60px !important; + } + + .mY-nv-60 { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + + .mX-nv-60 { + margin-left: -60px !important; + margin-right: -60px !important; + } + + @media screen and (min-width: 1440px) { + .m-60\@xl\+ { + margin: 60px !important; + } + .mT-60\@xl\+ { + margin-top: 60px !important; + } + .mR-60\@xl\+ { + margin-right: 60px !important; + } + .mB-60\@xl\+ { + margin-bottom: 60px !important; + } + .mL-60\@xl\+ { + margin-left: 60px !important; + } + .mY-60\@xl\+ { + margin-top: 60px !important; + margin-bottom: 60px !important; + } + .mX-60\@xl\+ { + margin-left: 60px !important; + margin-right: 60px !important; + } + .m-nv-60\@xl\+ { + margin: -60px !important; + } + .mT-nv-60\@xl\+ { + margin-top: -60px !important; + } + .mR-nv-60\@xl\+ { + margin-right: -60px !important; + } + .mB-nv-60\@xl\+ { + margin-bottom: -60px !important; + } + .mL-nv-60\@xl\+ { + margin-left: -60px !important; + } + .mY-nv-60\@xl\+ { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .mX-nv-60\@xl\+ { + margin-left: -60px !important; + margin-right: -60px !important; + } + } + @media screen and (min-width: 1200px) { + .m-60\@lg\+ { + margin: 60px !important; + } + .mT-60\@lg\+ { + margin-top: 60px !important; + } + .mR-60\@lg\+ { + margin-right: 60px !important; + } + .mB-60\@lg\+ { + margin-bottom: 60px !important; + } + .mL-60\@lg\+ { + margin-left: 60px !important; + } + .mY-60\@lg\+ { + margin-top: 60px !important; + margin-bottom: 60px !important; + } + .mX-60\@lg\+ { + margin-left: 60px !important; + margin-right: 60px !important; + } + .m-nv-60\@lg\+ { + margin: -60px !important; + } + .mT-nv-60\@lg\+ { + margin-top: -60px !important; + } + .mR-nv-60\@lg\+ { + margin-right: -60px !important; + } + .mB-nv-60\@lg\+ { + margin-bottom: -60px !important; + } + .mL-nv-60\@lg\+ { + margin-left: -60px !important; + } + .mY-nv-60\@lg\+ { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .mX-nv-60\@lg\+ { + margin-left: -60px !important; + margin-right: -60px !important; + } + } + @media screen and (min-width: 992px) { + .m-60\@md\+ { + margin: 60px !important; + } + .mT-60\@md\+ { + margin-top: 60px !important; + } + .mR-60\@md\+ { + margin-right: 60px !important; + } + .mB-60\@md\+ { + margin-bottom: 60px !important; + } + .mL-60\@md\+ { + margin-left: 60px !important; + } + .mY-60\@md\+ { + margin-top: 60px !important; + margin-bottom: 60px !important; + } + .mX-60\@md\+ { + margin-left: 60px !important; + margin-right: 60px !important; + } + .m-nv-60\@md\+ { + margin: -60px !important; + } + .mT-nv-60\@md\+ { + margin-top: -60px !important; + } + .mR-nv-60\@md\+ { + margin-right: -60px !important; + } + .mB-nv-60\@md\+ { + margin-bottom: -60px !important; + } + .mL-nv-60\@md\+ { + margin-left: -60px !important; + } + .mY-nv-60\@md\+ { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .mX-nv-60\@md\+ { + margin-left: -60px !important; + margin-right: -60px !important; + } + } + @media screen and (min-width: 768px) { + .m-60\@sm\+ { + margin: 60px !important; + } + .mT-60\@sm\+ { + margin-top: 60px !important; + } + .mR-60\@sm\+ { + margin-right: 60px !important; + } + .mB-60\@sm\+ { + margin-bottom: 60px !important; + } + .mL-60\@sm\+ { + margin-left: 60px !important; + } + .mY-60\@sm\+ { + margin-top: 60px !important; + margin-bottom: 60px !important; + } + .mX-60\@sm\+ { + margin-left: 60px !important; + margin-right: 60px !important; + } + .m-nv-60\@sm\+ { + margin: -60px !important; + } + .mT-nv-60\@sm\+ { + margin-top: -60px !important; + } + .mR-nv-60\@sm\+ { + margin-right: -60px !important; + } + .mB-nv-60\@sm\+ { + margin-bottom: -60px !important; + } + .mL-nv-60\@sm\+ { + margin-left: -60px !important; + } + .mY-nv-60\@sm\+ { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .mX-nv-60\@sm\+ { + margin-left: -60px !important; + margin-right: -60px !important; + } + } + @media screen and (min-width: 0) { + .m-60\@xs\+ { + margin: 60px !important; + } + .mT-60\@xs\+ { + margin-top: 60px !important; + } + .mR-60\@xs\+ { + margin-right: 60px !important; + } + .mB-60\@xs\+ { + margin-bottom: 60px !important; + } + .mL-60\@xs\+ { + margin-left: 60px !important; + } + .mY-60\@xs\+ { + margin-top: 60px !important; + margin-bottom: 60px !important; + } + .mX-60\@xs\+ { + margin-left: 60px !important; + margin-right: 60px !important; + } + .m-nv-60\@xs\+ { + margin: -60px !important; + } + .mT-nv-60\@xs\+ { + margin-top: -60px !important; + } + .mR-nv-60\@xs\+ { + margin-right: -60px !important; + } + .mB-nv-60\@xs\+ { + margin-bottom: -60px !important; + } + .mL-nv-60\@xs\+ { + margin-left: -60px !important; + } + .mY-nv-60\@xs\+ { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .mX-nv-60\@xs\+ { + margin-left: -60px !important; + margin-right: -60px !important; + } + } + @media screen and (max-width: 1439px) { + .m-60\@xl- { + margin: 60px !important; + } + .mT-60\@xl- { + margin-top: 60px !important; + } + .mR-60\@xl- { + margin-right: 60px !important; + } + .mB-60\@xl- { + margin-bottom: 60px !important; + } + .mL-60\@xl- { + margin-left: 60px !important; + } + .mY-60\@xl- { + margin-top: 60px !important; + margin-bottom: 60px !important; + } + .mX-60\@xl- { + margin-left: 60px !important; + margin-right: 60px !important; + } + .m-nv-60\@xl- { + margin: -60px !important; + } + .mT-nv-60\@xl- { + margin-top: -60px !important; + } + .mR-nv-60\@xl- { + margin-right: -60px !important; + } + .mB-nv-60\@xl- { + margin-bottom: -60px !important; + } + .mL-nv-60\@xl- { + margin-left: -60px !important; + } + .mY-nv-60\@xl- { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .mX-nv-60\@xl- { + margin-left: -60px !important; + margin-right: -60px !important; + } + } + @media screen and (max-width: 1199px) { + .m-60\@lg- { + margin: 60px !important; + } + .mT-60\@lg- { + margin-top: 60px !important; + } + .mR-60\@lg- { + margin-right: 60px !important; + } + .mB-60\@lg- { + margin-bottom: 60px !important; + } + .mL-60\@lg- { + margin-left: 60px !important; + } + .mY-60\@lg- { + margin-top: 60px !important; + margin-bottom: 60px !important; + } + .mX-60\@lg- { + margin-left: 60px !important; + margin-right: 60px !important; + } + .m-nv-60\@lg- { + margin: -60px !important; + } + .mT-nv-60\@lg- { + margin-top: -60px !important; + } + .mR-nv-60\@lg- { + margin-right: -60px !important; + } + .mB-nv-60\@lg- { + margin-bottom: -60px !important; + } + .mL-nv-60\@lg- { + margin-left: -60px !important; + } + .mY-nv-60\@lg- { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .mX-nv-60\@lg- { + margin-left: -60px !important; + margin-right: -60px !important; + } + } + @media screen and (max-width: 991px) { + .m-60\@md- { + margin: 60px !important; + } + .mT-60\@md- { + margin-top: 60px !important; + } + .mR-60\@md- { + margin-right: 60px !important; + } + .mB-60\@md- { + margin-bottom: 60px !important; + } + .mL-60\@md- { + margin-left: 60px !important; + } + .mY-60\@md- { + margin-top: 60px !important; + margin-bottom: 60px !important; + } + .mX-60\@md- { + margin-left: 60px !important; + margin-right: 60px !important; + } + .m-nv-60\@md- { + margin: -60px !important; + } + .mT-nv-60\@md- { + margin-top: -60px !important; + } + .mR-nv-60\@md- { + margin-right: -60px !important; + } + .mB-nv-60\@md- { + margin-bottom: -60px !important; + } + .mL-nv-60\@md- { + margin-left: -60px !important; + } + .mY-nv-60\@md- { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .mX-nv-60\@md- { + margin-left: -60px !important; + margin-right: -60px !important; + } + } + @media screen and (max-width: 767px) { + .m-60\@sm- { + margin: 60px !important; + } + .mT-60\@sm- { + margin-top: 60px !important; + } + .mR-60\@sm- { + margin-right: 60px !important; + } + .mB-60\@sm- { + margin-bottom: 60px !important; + } + .mL-60\@sm- { + margin-left: 60px !important; + } + .mY-60\@sm- { + margin-top: 60px !important; + margin-bottom: 60px !important; + } + .mX-60\@sm- { + margin-left: 60px !important; + margin-right: 60px !important; + } + .m-nv-60\@sm- { + margin: -60px !important; + } + .mT-nv-60\@sm- { + margin-top: -60px !important; + } + .mR-nv-60\@sm- { + margin-right: -60px !important; + } + .mB-nv-60\@sm- { + margin-bottom: -60px !important; + } + .mL-nv-60\@sm- { + margin-left: -60px !important; + } + .mY-nv-60\@sm- { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .mX-nv-60\@sm- { + margin-left: -60px !important; + margin-right: -60px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-60\@lg { + margin: 60px !important; + } + .mT-60\@lg { + margin-top: 60px !important; + } + .mR-60\@lg { + margin-right: 60px !important; + } + .mB-60\@lg { + margin-bottom: 60px !important; + } + .mL-60\@lg { + margin-left: 60px !important; + } + .mY-60\@lg { + margin-top: 60px !important; + margin-bottom: 60px !important; + } + .mX-60\@lg { + margin-left: 60px !important; + margin-right: 60px !important; + } + .m-nv-60\@lg { + margin: -60px !important; + } + .mT-nv-60\@lg { + margin-top: -60px !important; + } + .mR-nv-60\@lg { + margin-right: -60px !important; + } + .mB-nv-60\@lg { + margin-bottom: -60px !important; + } + .mL-nv-60\@lg { + margin-left: -60px !important; + } + .mY-nv-60\@lg { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .mX-nv-60\@lg { + margin-left: -60px !important; + margin-right: -60px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-60\@md { + margin: 60px !important; + } + .mT-60\@md { + margin-top: 60px !important; + } + .mR-60\@md { + margin-right: 60px !important; + } + .mB-60\@md { + margin-bottom: 60px !important; + } + .mL-60\@md { + margin-left: 60px !important; + } + .mY-60\@md { + margin-top: 60px !important; + margin-bottom: 60px !important; + } + .mX-60\@md { + margin-left: 60px !important; + margin-right: 60px !important; + } + .m-nv-60\@md { + margin: -60px !important; + } + .mT-nv-60\@md { + margin-top: -60px !important; + } + .mR-nv-60\@md { + margin-right: -60px !important; + } + .mB-nv-60\@md { + margin-bottom: -60px !important; + } + .mL-nv-60\@md { + margin-left: -60px !important; + } + .mY-nv-60\@md { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .mX-nv-60\@md { + margin-left: -60px !important; + margin-right: -60px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-60\@sm { + margin: 60px !important; + } + .mT-60\@sm { + margin-top: 60px !important; + } + .mR-60\@sm { + margin-right: 60px !important; + } + .mB-60\@sm { + margin-bottom: 60px !important; + } + .mL-60\@sm { + margin-left: 60px !important; + } + .mY-60\@sm { + margin-top: 60px !important; + margin-bottom: 60px !important; + } + .mX-60\@sm { + margin-left: 60px !important; + margin-right: 60px !important; + } + .m-nv-60\@sm { + margin: -60px !important; + } + .mT-nv-60\@sm { + margin-top: -60px !important; + } + .mR-nv-60\@sm { + margin-right: -60px !important; + } + .mB-nv-60\@sm { + margin-bottom: -60px !important; + } + .mL-nv-60\@sm { + margin-left: -60px !important; + } + .mY-nv-60\@sm { + margin-top: -60px !important; + margin-bottom: -60px !important; + } + .mX-nv-60\@sm { + margin-left: -60px !important; + margin-right: -60px !important; + } + } + .m-70 { + margin: 70px !important; + } + + .mT-70 { + margin-top: 70px !important; + } + + .mR-70 { + margin-right: 70px !important; + } + + .mB-70 { + margin-bottom: 70px !important; + } + + .mL-70 { + margin-left: 70px !important; + } + + .mY-70 { + margin-top: 70px !important; + margin-bottom: 70px !important; + } + + .mX-70 { + margin-left: 70px !important; + margin-right: 70px !important; + } + + .m-nv-70 { + margin: -70px !important; + } + + .mT-nv-70 { + margin-top: -70px !important; + } + + .mR-nv-70 { + margin-right: -70px !important; + } + + .mB-nv-70 { + margin-bottom: -70px !important; + } + + .mL-nv-70 { + margin-left: -70px !important; + } + + .mY-nv-70 { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + + .mX-nv-70 { + margin-left: -70px !important; + margin-right: -70px !important; + } + + @media screen and (min-width: 1440px) { + .m-70\@xl\+ { + margin: 70px !important; + } + .mT-70\@xl\+ { + margin-top: 70px !important; + } + .mR-70\@xl\+ { + margin-right: 70px !important; + } + .mB-70\@xl\+ { + margin-bottom: 70px !important; + } + .mL-70\@xl\+ { + margin-left: 70px !important; + } + .mY-70\@xl\+ { + margin-top: 70px !important; + margin-bottom: 70px !important; + } + .mX-70\@xl\+ { + margin-left: 70px !important; + margin-right: 70px !important; + } + .m-nv-70\@xl\+ { + margin: -70px !important; + } + .mT-nv-70\@xl\+ { + margin-top: -70px !important; + } + .mR-nv-70\@xl\+ { + margin-right: -70px !important; + } + .mB-nv-70\@xl\+ { + margin-bottom: -70px !important; + } + .mL-nv-70\@xl\+ { + margin-left: -70px !important; + } + .mY-nv-70\@xl\+ { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .mX-nv-70\@xl\+ { + margin-left: -70px !important; + margin-right: -70px !important; + } + } + @media screen and (min-width: 1200px) { + .m-70\@lg\+ { + margin: 70px !important; + } + .mT-70\@lg\+ { + margin-top: 70px !important; + } + .mR-70\@lg\+ { + margin-right: 70px !important; + } + .mB-70\@lg\+ { + margin-bottom: 70px !important; + } + .mL-70\@lg\+ { + margin-left: 70px !important; + } + .mY-70\@lg\+ { + margin-top: 70px !important; + margin-bottom: 70px !important; + } + .mX-70\@lg\+ { + margin-left: 70px !important; + margin-right: 70px !important; + } + .m-nv-70\@lg\+ { + margin: -70px !important; + } + .mT-nv-70\@lg\+ { + margin-top: -70px !important; + } + .mR-nv-70\@lg\+ { + margin-right: -70px !important; + } + .mB-nv-70\@lg\+ { + margin-bottom: -70px !important; + } + .mL-nv-70\@lg\+ { + margin-left: -70px !important; + } + .mY-nv-70\@lg\+ { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .mX-nv-70\@lg\+ { + margin-left: -70px !important; + margin-right: -70px !important; + } + } + @media screen and (min-width: 992px) { + .m-70\@md\+ { + margin: 70px !important; + } + .mT-70\@md\+ { + margin-top: 70px !important; + } + .mR-70\@md\+ { + margin-right: 70px !important; + } + .mB-70\@md\+ { + margin-bottom: 70px !important; + } + .mL-70\@md\+ { + margin-left: 70px !important; + } + .mY-70\@md\+ { + margin-top: 70px !important; + margin-bottom: 70px !important; + } + .mX-70\@md\+ { + margin-left: 70px !important; + margin-right: 70px !important; + } + .m-nv-70\@md\+ { + margin: -70px !important; + } + .mT-nv-70\@md\+ { + margin-top: -70px !important; + } + .mR-nv-70\@md\+ { + margin-right: -70px !important; + } + .mB-nv-70\@md\+ { + margin-bottom: -70px !important; + } + .mL-nv-70\@md\+ { + margin-left: -70px !important; + } + .mY-nv-70\@md\+ { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .mX-nv-70\@md\+ { + margin-left: -70px !important; + margin-right: -70px !important; + } + } + @media screen and (min-width: 768px) { + .m-70\@sm\+ { + margin: 70px !important; + } + .mT-70\@sm\+ { + margin-top: 70px !important; + } + .mR-70\@sm\+ { + margin-right: 70px !important; + } + .mB-70\@sm\+ { + margin-bottom: 70px !important; + } + .mL-70\@sm\+ { + margin-left: 70px !important; + } + .mY-70\@sm\+ { + margin-top: 70px !important; + margin-bottom: 70px !important; + } + .mX-70\@sm\+ { + margin-left: 70px !important; + margin-right: 70px !important; + } + .m-nv-70\@sm\+ { + margin: -70px !important; + } + .mT-nv-70\@sm\+ { + margin-top: -70px !important; + } + .mR-nv-70\@sm\+ { + margin-right: -70px !important; + } + .mB-nv-70\@sm\+ { + margin-bottom: -70px !important; + } + .mL-nv-70\@sm\+ { + margin-left: -70px !important; + } + .mY-nv-70\@sm\+ { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .mX-nv-70\@sm\+ { + margin-left: -70px !important; + margin-right: -70px !important; + } + } + @media screen and (min-width: 0) { + .m-70\@xs\+ { + margin: 70px !important; + } + .mT-70\@xs\+ { + margin-top: 70px !important; + } + .mR-70\@xs\+ { + margin-right: 70px !important; + } + .mB-70\@xs\+ { + margin-bottom: 70px !important; + } + .mL-70\@xs\+ { + margin-left: 70px !important; + } + .mY-70\@xs\+ { + margin-top: 70px !important; + margin-bottom: 70px !important; + } + .mX-70\@xs\+ { + margin-left: 70px !important; + margin-right: 70px !important; + } + .m-nv-70\@xs\+ { + margin: -70px !important; + } + .mT-nv-70\@xs\+ { + margin-top: -70px !important; + } + .mR-nv-70\@xs\+ { + margin-right: -70px !important; + } + .mB-nv-70\@xs\+ { + margin-bottom: -70px !important; + } + .mL-nv-70\@xs\+ { + margin-left: -70px !important; + } + .mY-nv-70\@xs\+ { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .mX-nv-70\@xs\+ { + margin-left: -70px !important; + margin-right: -70px !important; + } + } + @media screen and (max-width: 1439px) { + .m-70\@xl- { + margin: 70px !important; + } + .mT-70\@xl- { + margin-top: 70px !important; + } + .mR-70\@xl- { + margin-right: 70px !important; + } + .mB-70\@xl- { + margin-bottom: 70px !important; + } + .mL-70\@xl- { + margin-left: 70px !important; + } + .mY-70\@xl- { + margin-top: 70px !important; + margin-bottom: 70px !important; + } + .mX-70\@xl- { + margin-left: 70px !important; + margin-right: 70px !important; + } + .m-nv-70\@xl- { + margin: -70px !important; + } + .mT-nv-70\@xl- { + margin-top: -70px !important; + } + .mR-nv-70\@xl- { + margin-right: -70px !important; + } + .mB-nv-70\@xl- { + margin-bottom: -70px !important; + } + .mL-nv-70\@xl- { + margin-left: -70px !important; + } + .mY-nv-70\@xl- { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .mX-nv-70\@xl- { + margin-left: -70px !important; + margin-right: -70px !important; + } + } + @media screen and (max-width: 1199px) { + .m-70\@lg- { + margin: 70px !important; + } + .mT-70\@lg- { + margin-top: 70px !important; + } + .mR-70\@lg- { + margin-right: 70px !important; + } + .mB-70\@lg- { + margin-bottom: 70px !important; + } + .mL-70\@lg- { + margin-left: 70px !important; + } + .mY-70\@lg- { + margin-top: 70px !important; + margin-bottom: 70px !important; + } + .mX-70\@lg- { + margin-left: 70px !important; + margin-right: 70px !important; + } + .m-nv-70\@lg- { + margin: -70px !important; + } + .mT-nv-70\@lg- { + margin-top: -70px !important; + } + .mR-nv-70\@lg- { + margin-right: -70px !important; + } + .mB-nv-70\@lg- { + margin-bottom: -70px !important; + } + .mL-nv-70\@lg- { + margin-left: -70px !important; + } + .mY-nv-70\@lg- { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .mX-nv-70\@lg- { + margin-left: -70px !important; + margin-right: -70px !important; + } + } + @media screen and (max-width: 991px) { + .m-70\@md- { + margin: 70px !important; + } + .mT-70\@md- { + margin-top: 70px !important; + } + .mR-70\@md- { + margin-right: 70px !important; + } + .mB-70\@md- { + margin-bottom: 70px !important; + } + .mL-70\@md- { + margin-left: 70px !important; + } + .mY-70\@md- { + margin-top: 70px !important; + margin-bottom: 70px !important; + } + .mX-70\@md- { + margin-left: 70px !important; + margin-right: 70px !important; + } + .m-nv-70\@md- { + margin: -70px !important; + } + .mT-nv-70\@md- { + margin-top: -70px !important; + } + .mR-nv-70\@md- { + margin-right: -70px !important; + } + .mB-nv-70\@md- { + margin-bottom: -70px !important; + } + .mL-nv-70\@md- { + margin-left: -70px !important; + } + .mY-nv-70\@md- { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .mX-nv-70\@md- { + margin-left: -70px !important; + margin-right: -70px !important; + } + } + @media screen and (max-width: 767px) { + .m-70\@sm- { + margin: 70px !important; + } + .mT-70\@sm- { + margin-top: 70px !important; + } + .mR-70\@sm- { + margin-right: 70px !important; + } + .mB-70\@sm- { + margin-bottom: 70px !important; + } + .mL-70\@sm- { + margin-left: 70px !important; + } + .mY-70\@sm- { + margin-top: 70px !important; + margin-bottom: 70px !important; + } + .mX-70\@sm- { + margin-left: 70px !important; + margin-right: 70px !important; + } + .m-nv-70\@sm- { + margin: -70px !important; + } + .mT-nv-70\@sm- { + margin-top: -70px !important; + } + .mR-nv-70\@sm- { + margin-right: -70px !important; + } + .mB-nv-70\@sm- { + margin-bottom: -70px !important; + } + .mL-nv-70\@sm- { + margin-left: -70px !important; + } + .mY-nv-70\@sm- { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .mX-nv-70\@sm- { + margin-left: -70px !important; + margin-right: -70px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-70\@lg { + margin: 70px !important; + } + .mT-70\@lg { + margin-top: 70px !important; + } + .mR-70\@lg { + margin-right: 70px !important; + } + .mB-70\@lg { + margin-bottom: 70px !important; + } + .mL-70\@lg { + margin-left: 70px !important; + } + .mY-70\@lg { + margin-top: 70px !important; + margin-bottom: 70px !important; + } + .mX-70\@lg { + margin-left: 70px !important; + margin-right: 70px !important; + } + .m-nv-70\@lg { + margin: -70px !important; + } + .mT-nv-70\@lg { + margin-top: -70px !important; + } + .mR-nv-70\@lg { + margin-right: -70px !important; + } + .mB-nv-70\@lg { + margin-bottom: -70px !important; + } + .mL-nv-70\@lg { + margin-left: -70px !important; + } + .mY-nv-70\@lg { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .mX-nv-70\@lg { + margin-left: -70px !important; + margin-right: -70px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-70\@md { + margin: 70px !important; + } + .mT-70\@md { + margin-top: 70px !important; + } + .mR-70\@md { + margin-right: 70px !important; + } + .mB-70\@md { + margin-bottom: 70px !important; + } + .mL-70\@md { + margin-left: 70px !important; + } + .mY-70\@md { + margin-top: 70px !important; + margin-bottom: 70px !important; + } + .mX-70\@md { + margin-left: 70px !important; + margin-right: 70px !important; + } + .m-nv-70\@md { + margin: -70px !important; + } + .mT-nv-70\@md { + margin-top: -70px !important; + } + .mR-nv-70\@md { + margin-right: -70px !important; + } + .mB-nv-70\@md { + margin-bottom: -70px !important; + } + .mL-nv-70\@md { + margin-left: -70px !important; + } + .mY-nv-70\@md { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .mX-nv-70\@md { + margin-left: -70px !important; + margin-right: -70px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-70\@sm { + margin: 70px !important; + } + .mT-70\@sm { + margin-top: 70px !important; + } + .mR-70\@sm { + margin-right: 70px !important; + } + .mB-70\@sm { + margin-bottom: 70px !important; + } + .mL-70\@sm { + margin-left: 70px !important; + } + .mY-70\@sm { + margin-top: 70px !important; + margin-bottom: 70px !important; + } + .mX-70\@sm { + margin-left: 70px !important; + margin-right: 70px !important; + } + .m-nv-70\@sm { + margin: -70px !important; + } + .mT-nv-70\@sm { + margin-top: -70px !important; + } + .mR-nv-70\@sm { + margin-right: -70px !important; + } + .mB-nv-70\@sm { + margin-bottom: -70px !important; + } + .mL-nv-70\@sm { + margin-left: -70px !important; + } + .mY-nv-70\@sm { + margin-top: -70px !important; + margin-bottom: -70px !important; + } + .mX-nv-70\@sm { + margin-left: -70px !important; + margin-right: -70px !important; + } + } + .m-80 { + margin: 80px !important; + } + + .mT-80 { + margin-top: 80px !important; + } + + .mR-80 { + margin-right: 80px !important; + } + + .mB-80 { + margin-bottom: 80px !important; + } + + .mL-80 { + margin-left: 80px !important; + } + + .mY-80 { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + + .mX-80 { + margin-left: 80px !important; + margin-right: 80px !important; + } + + .m-nv-80 { + margin: -80px !important; + } + + .mT-nv-80 { + margin-top: -80px !important; + } + + .mR-nv-80 { + margin-right: -80px !important; + } + + .mB-nv-80 { + margin-bottom: -80px !important; + } + + .mL-nv-80 { + margin-left: -80px !important; + } + + .mY-nv-80 { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + + .mX-nv-80 { + margin-left: -80px !important; + margin-right: -80px !important; + } + + @media screen and (min-width: 1440px) { + .m-80\@xl\+ { + margin: 80px !important; + } + .mT-80\@xl\+ { + margin-top: 80px !important; + } + .mR-80\@xl\+ { + margin-right: 80px !important; + } + .mB-80\@xl\+ { + margin-bottom: 80px !important; + } + .mL-80\@xl\+ { + margin-left: 80px !important; + } + .mY-80\@xl\+ { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + .mX-80\@xl\+ { + margin-left: 80px !important; + margin-right: 80px !important; + } + .m-nv-80\@xl\+ { + margin: -80px !important; + } + .mT-nv-80\@xl\+ { + margin-top: -80px !important; + } + .mR-nv-80\@xl\+ { + margin-right: -80px !important; + } + .mB-nv-80\@xl\+ { + margin-bottom: -80px !important; + } + .mL-nv-80\@xl\+ { + margin-left: -80px !important; + } + .mY-nv-80\@xl\+ { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .mX-nv-80\@xl\+ { + margin-left: -80px !important; + margin-right: -80px !important; + } + } + @media screen and (min-width: 1200px) { + .m-80\@lg\+ { + margin: 80px !important; + } + .mT-80\@lg\+ { + margin-top: 80px !important; + } + .mR-80\@lg\+ { + margin-right: 80px !important; + } + .mB-80\@lg\+ { + margin-bottom: 80px !important; + } + .mL-80\@lg\+ { + margin-left: 80px !important; + } + .mY-80\@lg\+ { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + .mX-80\@lg\+ { + margin-left: 80px !important; + margin-right: 80px !important; + } + .m-nv-80\@lg\+ { + margin: -80px !important; + } + .mT-nv-80\@lg\+ { + margin-top: -80px !important; + } + .mR-nv-80\@lg\+ { + margin-right: -80px !important; + } + .mB-nv-80\@lg\+ { + margin-bottom: -80px !important; + } + .mL-nv-80\@lg\+ { + margin-left: -80px !important; + } + .mY-nv-80\@lg\+ { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .mX-nv-80\@lg\+ { + margin-left: -80px !important; + margin-right: -80px !important; + } + } + @media screen and (min-width: 992px) { + .m-80\@md\+ { + margin: 80px !important; + } + .mT-80\@md\+ { + margin-top: 80px !important; + } + .mR-80\@md\+ { + margin-right: 80px !important; + } + .mB-80\@md\+ { + margin-bottom: 80px !important; + } + .mL-80\@md\+ { + margin-left: 80px !important; + } + .mY-80\@md\+ { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + .mX-80\@md\+ { + margin-left: 80px !important; + margin-right: 80px !important; + } + .m-nv-80\@md\+ { + margin: -80px !important; + } + .mT-nv-80\@md\+ { + margin-top: -80px !important; + } + .mR-nv-80\@md\+ { + margin-right: -80px !important; + } + .mB-nv-80\@md\+ { + margin-bottom: -80px !important; + } + .mL-nv-80\@md\+ { + margin-left: -80px !important; + } + .mY-nv-80\@md\+ { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .mX-nv-80\@md\+ { + margin-left: -80px !important; + margin-right: -80px !important; + } + } + @media screen and (min-width: 768px) { + .m-80\@sm\+ { + margin: 80px !important; + } + .mT-80\@sm\+ { + margin-top: 80px !important; + } + .mR-80\@sm\+ { + margin-right: 80px !important; + } + .mB-80\@sm\+ { + margin-bottom: 80px !important; + } + .mL-80\@sm\+ { + margin-left: 80px !important; + } + .mY-80\@sm\+ { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + .mX-80\@sm\+ { + margin-left: 80px !important; + margin-right: 80px !important; + } + .m-nv-80\@sm\+ { + margin: -80px !important; + } + .mT-nv-80\@sm\+ { + margin-top: -80px !important; + } + .mR-nv-80\@sm\+ { + margin-right: -80px !important; + } + .mB-nv-80\@sm\+ { + margin-bottom: -80px !important; + } + .mL-nv-80\@sm\+ { + margin-left: -80px !important; + } + .mY-nv-80\@sm\+ { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .mX-nv-80\@sm\+ { + margin-left: -80px !important; + margin-right: -80px !important; + } + } + @media screen and (min-width: 0) { + .m-80\@xs\+ { + margin: 80px !important; + } + .mT-80\@xs\+ { + margin-top: 80px !important; + } + .mR-80\@xs\+ { + margin-right: 80px !important; + } + .mB-80\@xs\+ { + margin-bottom: 80px !important; + } + .mL-80\@xs\+ { + margin-left: 80px !important; + } + .mY-80\@xs\+ { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + .mX-80\@xs\+ { + margin-left: 80px !important; + margin-right: 80px !important; + } + .m-nv-80\@xs\+ { + margin: -80px !important; + } + .mT-nv-80\@xs\+ { + margin-top: -80px !important; + } + .mR-nv-80\@xs\+ { + margin-right: -80px !important; + } + .mB-nv-80\@xs\+ { + margin-bottom: -80px !important; + } + .mL-nv-80\@xs\+ { + margin-left: -80px !important; + } + .mY-nv-80\@xs\+ { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .mX-nv-80\@xs\+ { + margin-left: -80px !important; + margin-right: -80px !important; + } + } + @media screen and (max-width: 1439px) { + .m-80\@xl- { + margin: 80px !important; + } + .mT-80\@xl- { + margin-top: 80px !important; + } + .mR-80\@xl- { + margin-right: 80px !important; + } + .mB-80\@xl- { + margin-bottom: 80px !important; + } + .mL-80\@xl- { + margin-left: 80px !important; + } + .mY-80\@xl- { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + .mX-80\@xl- { + margin-left: 80px !important; + margin-right: 80px !important; + } + .m-nv-80\@xl- { + margin: -80px !important; + } + .mT-nv-80\@xl- { + margin-top: -80px !important; + } + .mR-nv-80\@xl- { + margin-right: -80px !important; + } + .mB-nv-80\@xl- { + margin-bottom: -80px !important; + } + .mL-nv-80\@xl- { + margin-left: -80px !important; + } + .mY-nv-80\@xl- { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .mX-nv-80\@xl- { + margin-left: -80px !important; + margin-right: -80px !important; + } + } + @media screen and (max-width: 1199px) { + .m-80\@lg- { + margin: 80px !important; + } + .mT-80\@lg- { + margin-top: 80px !important; + } + .mR-80\@lg- { + margin-right: 80px !important; + } + .mB-80\@lg- { + margin-bottom: 80px !important; + } + .mL-80\@lg- { + margin-left: 80px !important; + } + .mY-80\@lg- { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + .mX-80\@lg- { + margin-left: 80px !important; + margin-right: 80px !important; + } + .m-nv-80\@lg- { + margin: -80px !important; + } + .mT-nv-80\@lg- { + margin-top: -80px !important; + } + .mR-nv-80\@lg- { + margin-right: -80px !important; + } + .mB-nv-80\@lg- { + margin-bottom: -80px !important; + } + .mL-nv-80\@lg- { + margin-left: -80px !important; + } + .mY-nv-80\@lg- { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .mX-nv-80\@lg- { + margin-left: -80px !important; + margin-right: -80px !important; + } + } + @media screen and (max-width: 991px) { + .m-80\@md- { + margin: 80px !important; + } + .mT-80\@md- { + margin-top: 80px !important; + } + .mR-80\@md- { + margin-right: 80px !important; + } + .mB-80\@md- { + margin-bottom: 80px !important; + } + .mL-80\@md- { + margin-left: 80px !important; + } + .mY-80\@md- { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + .mX-80\@md- { + margin-left: 80px !important; + margin-right: 80px !important; + } + .m-nv-80\@md- { + margin: -80px !important; + } + .mT-nv-80\@md- { + margin-top: -80px !important; + } + .mR-nv-80\@md- { + margin-right: -80px !important; + } + .mB-nv-80\@md- { + margin-bottom: -80px !important; + } + .mL-nv-80\@md- { + margin-left: -80px !important; + } + .mY-nv-80\@md- { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .mX-nv-80\@md- { + margin-left: -80px !important; + margin-right: -80px !important; + } + } + @media screen and (max-width: 767px) { + .m-80\@sm- { + margin: 80px !important; + } + .mT-80\@sm- { + margin-top: 80px !important; + } + .mR-80\@sm- { + margin-right: 80px !important; + } + .mB-80\@sm- { + margin-bottom: 80px !important; + } + .mL-80\@sm- { + margin-left: 80px !important; + } + .mY-80\@sm- { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + .mX-80\@sm- { + margin-left: 80px !important; + margin-right: 80px !important; + } + .m-nv-80\@sm- { + margin: -80px !important; + } + .mT-nv-80\@sm- { + margin-top: -80px !important; + } + .mR-nv-80\@sm- { + margin-right: -80px !important; + } + .mB-nv-80\@sm- { + margin-bottom: -80px !important; + } + .mL-nv-80\@sm- { + margin-left: -80px !important; + } + .mY-nv-80\@sm- { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .mX-nv-80\@sm- { + margin-left: -80px !important; + margin-right: -80px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-80\@lg { + margin: 80px !important; + } + .mT-80\@lg { + margin-top: 80px !important; + } + .mR-80\@lg { + margin-right: 80px !important; + } + .mB-80\@lg { + margin-bottom: 80px !important; + } + .mL-80\@lg { + margin-left: 80px !important; + } + .mY-80\@lg { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + .mX-80\@lg { + margin-left: 80px !important; + margin-right: 80px !important; + } + .m-nv-80\@lg { + margin: -80px !important; + } + .mT-nv-80\@lg { + margin-top: -80px !important; + } + .mR-nv-80\@lg { + margin-right: -80px !important; + } + .mB-nv-80\@lg { + margin-bottom: -80px !important; + } + .mL-nv-80\@lg { + margin-left: -80px !important; + } + .mY-nv-80\@lg { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .mX-nv-80\@lg { + margin-left: -80px !important; + margin-right: -80px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-80\@md { + margin: 80px !important; + } + .mT-80\@md { + margin-top: 80px !important; + } + .mR-80\@md { + margin-right: 80px !important; + } + .mB-80\@md { + margin-bottom: 80px !important; + } + .mL-80\@md { + margin-left: 80px !important; + } + .mY-80\@md { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + .mX-80\@md { + margin-left: 80px !important; + margin-right: 80px !important; + } + .m-nv-80\@md { + margin: -80px !important; + } + .mT-nv-80\@md { + margin-top: -80px !important; + } + .mR-nv-80\@md { + margin-right: -80px !important; + } + .mB-nv-80\@md { + margin-bottom: -80px !important; + } + .mL-nv-80\@md { + margin-left: -80px !important; + } + .mY-nv-80\@md { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .mX-nv-80\@md { + margin-left: -80px !important; + margin-right: -80px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-80\@sm { + margin: 80px !important; + } + .mT-80\@sm { + margin-top: 80px !important; + } + .mR-80\@sm { + margin-right: 80px !important; + } + .mB-80\@sm { + margin-bottom: 80px !important; + } + .mL-80\@sm { + margin-left: 80px !important; + } + .mY-80\@sm { + margin-top: 80px !important; + margin-bottom: 80px !important; + } + .mX-80\@sm { + margin-left: 80px !important; + margin-right: 80px !important; + } + .m-nv-80\@sm { + margin: -80px !important; + } + .mT-nv-80\@sm { + margin-top: -80px !important; + } + .mR-nv-80\@sm { + margin-right: -80px !important; + } + .mB-nv-80\@sm { + margin-bottom: -80px !important; + } + .mL-nv-80\@sm { + margin-left: -80px !important; + } + .mY-nv-80\@sm { + margin-top: -80px !important; + margin-bottom: -80px !important; + } + .mX-nv-80\@sm { + margin-left: -80px !important; + margin-right: -80px !important; + } + } + .m-90 { + margin: 90px !important; + } + + .mT-90 { + margin-top: 90px !important; + } + + .mR-90 { + margin-right: 90px !important; + } + + .mB-90 { + margin-bottom: 90px !important; + } + + .mL-90 { + margin-left: 90px !important; + } + + .mY-90 { + margin-top: 90px !important; + margin-bottom: 90px !important; + } + + .mX-90 { + margin-left: 90px !important; + margin-right: 90px !important; + } + + .m-nv-90 { + margin: -90px !important; + } + + .mT-nv-90 { + margin-top: -90px !important; + } + + .mR-nv-90 { + margin-right: -90px !important; + } + + .mB-nv-90 { + margin-bottom: -90px !important; + } + + .mL-nv-90 { + margin-left: -90px !important; + } + + .mY-nv-90 { + margin-top: -90px !important; + margin-bottom: -90px !important; + } + + .mX-nv-90 { + margin-left: -90px !important; + margin-right: -90px !important; + } + + @media screen and (min-width: 1440px) { + .m-90\@xl\+ { + margin: 90px !important; + } + .mT-90\@xl\+ { + margin-top: 90px !important; + } + .mR-90\@xl\+ { + margin-right: 90px !important; + } + .mB-90\@xl\+ { + margin-bottom: 90px !important; + } + .mL-90\@xl\+ { + margin-left: 90px !important; + } + .mY-90\@xl\+ { + margin-top: 90px !important; + margin-bottom: 90px !important; + } + .mX-90\@xl\+ { + margin-left: 90px !important; + margin-right: 90px !important; + } + .m-nv-90\@xl\+ { + margin: -90px !important; + } + .mT-nv-90\@xl\+ { + margin-top: -90px !important; + } + .mR-nv-90\@xl\+ { + margin-right: -90px !important; + } + .mB-nv-90\@xl\+ { + margin-bottom: -90px !important; + } + .mL-nv-90\@xl\+ { + margin-left: -90px !important; + } + .mY-nv-90\@xl\+ { + margin-top: -90px !important; + margin-bottom: -90px !important; + } + .mX-nv-90\@xl\+ { + margin-left: -90px !important; + margin-right: -90px !important; + } + } + @media screen and (min-width: 1200px) { + .m-90\@lg\+ { + margin: 90px !important; + } + .mT-90\@lg\+ { + margin-top: 90px !important; + } + .mR-90\@lg\+ { + margin-right: 90px !important; + } + .mB-90\@lg\+ { + margin-bottom: 90px !important; + } + .mL-90\@lg\+ { + margin-left: 90px !important; + } + .mY-90\@lg\+ { + margin-top: 90px !important; + margin-bottom: 90px !important; + } + .mX-90\@lg\+ { + margin-left: 90px !important; + margin-right: 90px !important; + } + .m-nv-90\@lg\+ { + margin: -90px !important; + } + .mT-nv-90\@lg\+ { + margin-top: -90px !important; + } + .mR-nv-90\@lg\+ { + margin-right: -90px !important; + } + .mB-nv-90\@lg\+ { + margin-bottom: -90px !important; + } + .mL-nv-90\@lg\+ { + margin-left: -90px !important; + } + .mY-nv-90\@lg\+ { + margin-top: -90px !important; + margin-bottom: -90px !important; + } + .mX-nv-90\@lg\+ { + margin-left: -90px !important; + margin-right: -90px !important; + } + } + @media screen and (min-width: 992px) { + .m-90\@md\+ { + margin: 90px !important; + } + .mT-90\@md\+ { + margin-top: 90px !important; + } + .mR-90\@md\+ { + margin-right: 90px !important; + } + .mB-90\@md\+ { + margin-bottom: 90px !important; + } + .mL-90\@md\+ { + margin-left: 90px !important; + } + .mY-90\@md\+ { + margin-top: 90px !important; + margin-bottom: 90px !important; + } + .mX-90\@md\+ { + margin-left: 90px !important; + margin-right: 90px !important; + } + .m-nv-90\@md\+ { + margin: -90px !important; + } + .mT-nv-90\@md\+ { + margin-top: -90px !important; + } + .mR-nv-90\@md\+ { + margin-right: -90px !important; + } + .mB-nv-90\@md\+ { + margin-bottom: -90px !important; + } + .mL-nv-90\@md\+ { + margin-left: -90px !important; + } + .mY-nv-90\@md\+ { + margin-top: -90px !important; + margin-bottom: -90px !important; + } + .mX-nv-90\@md\+ { + margin-left: -90px !important; + margin-right: -90px !important; + } + } + @media screen and (min-width: 768px) { + .m-90\@sm\+ { + margin: 90px !important; + } + .mT-90\@sm\+ { + margin-top: 90px !important; + } + .mR-90\@sm\+ { + margin-right: 90px !important; + } + .mB-90\@sm\+ { + margin-bottom: 90px !important; + } + .mL-90\@sm\+ { + margin-left: 90px !important; + } + .mY-90\@sm\+ { + margin-top: 90px !important; + margin-bottom: 90px !important; + } + .mX-90\@sm\+ { + margin-left: 90px !important; + margin-right: 90px !important; + } + .m-nv-90\@sm\+ { + margin: -90px !important; + } + .mT-nv-90\@sm\+ { + margin-top: -90px !important; + } + .mR-nv-90\@sm\+ { + margin-right: -90px !important; + } + .mB-nv-90\@sm\+ { + margin-bottom: -90px !important; + } + .mL-nv-90\@sm\+ { + margin-left: -90px !important; + } + .mY-nv-90\@sm\+ { + margin-top: -90px !important; + margin-bottom: -90px !important; + } + .mX-nv-90\@sm\+ { + margin-left: -90px !important; + margin-right: -90px !important; + } + } + @media screen and (min-width: 0) { + .m-90\@xs\+ { + margin: 90px !important; + } + .mT-90\@xs\+ { + margin-top: 90px !important; + } + .mR-90\@xs\+ { + margin-right: 90px !important; + } + .mB-90\@xs\+ { + margin-bottom: 90px !important; + } + .mL-90\@xs\+ { + margin-left: 90px !important; + } + .mY-90\@xs\+ { + margin-top: 90px !important; + margin-bottom: 90px !important; + } + .mX-90\@xs\+ { + margin-left: 90px !important; + margin-right: 90px !important; + } + .m-nv-90\@xs\+ { + margin: -90px !important; + } + .mT-nv-90\@xs\+ { + margin-top: -90px !important; + } + .mR-nv-90\@xs\+ { + margin-right: -90px !important; + } + .mB-nv-90\@xs\+ { + margin-bottom: -90px !important; + } + .mL-nv-90\@xs\+ { + margin-left: -90px !important; + } + .mY-nv-90\@xs\+ { + margin-top: -90px !important; + margin-bottom: -90px !important; + } + .mX-nv-90\@xs\+ { + margin-left: -90px !important; + margin-right: -90px !important; + } + } + @media screen and (max-width: 1439px) { + .m-90\@xl- { + margin: 90px !important; + } + .mT-90\@xl- { + margin-top: 90px !important; + } + .mR-90\@xl- { + margin-right: 90px !important; + } + .mB-90\@xl- { + margin-bottom: 90px !important; + } + .mL-90\@xl- { + margin-left: 90px !important; + } + .mY-90\@xl- { + margin-top: 90px !important; + margin-bottom: 90px !important; + } + .mX-90\@xl- { + margin-left: 90px !important; + margin-right: 90px !important; + } + .m-nv-90\@xl- { + margin: -90px !important; + } + .mT-nv-90\@xl- { + margin-top: -90px !important; + } + .mR-nv-90\@xl- { + margin-right: -90px !important; + } + .mB-nv-90\@xl- { + margin-bottom: -90px !important; + } + .mL-nv-90\@xl- { + margin-left: -90px !important; + } + .mY-nv-90\@xl- { + margin-top: -90px !important; + margin-bottom: -90px !important; + } + .mX-nv-90\@xl- { + margin-left: -90px !important; + margin-right: -90px !important; + } + } + @media screen and (max-width: 1199px) { + .m-90\@lg- { + margin: 90px !important; + } + .mT-90\@lg- { + margin-top: 90px !important; + } + .mR-90\@lg- { + margin-right: 90px !important; + } + .mB-90\@lg- { + margin-bottom: 90px !important; + } + .mL-90\@lg- { + margin-left: 90px !important; + } + .mY-90\@lg- { + margin-top: 90px !important; + margin-bottom: 90px !important; + } + .mX-90\@lg- { + margin-left: 90px !important; + margin-right: 90px !important; + } + .m-nv-90\@lg- { + margin: -90px !important; + } + .mT-nv-90\@lg- { + margin-top: -90px !important; + } + .mR-nv-90\@lg- { + margin-right: -90px !important; + } + .mB-nv-90\@lg- { + margin-bottom: -90px !important; + } + .mL-nv-90\@lg- { + margin-left: -90px !important; + } + .mY-nv-90\@lg- { + margin-top: -90px !important; + margin-bottom: -90px !important; + } + .mX-nv-90\@lg- { + margin-left: -90px !important; + margin-right: -90px !important; + } + } + @media screen and (max-width: 991px) { + .m-90\@md- { + margin: 90px !important; + } + .mT-90\@md- { + margin-top: 90px !important; + } + .mR-90\@md- { + margin-right: 90px !important; + } + .mB-90\@md- { + margin-bottom: 90px !important; + } + .mL-90\@md- { + margin-left: 90px !important; + } + .mY-90\@md- { + margin-top: 90px !important; + margin-bottom: 90px !important; + } + .mX-90\@md- { + margin-left: 90px !important; + margin-right: 90px !important; + } + .m-nv-90\@md- { + margin: -90px !important; + } + .mT-nv-90\@md- { + margin-top: -90px !important; + } + .mR-nv-90\@md- { + margin-right: -90px !important; + } + .mB-nv-90\@md- { + margin-bottom: -90px !important; + } + .mL-nv-90\@md- { + margin-left: -90px !important; + } + .mY-nv-90\@md- { + margin-top: -90px !important; + margin-bottom: -90px !important; + } + .mX-nv-90\@md- { + margin-left: -90px !important; + margin-right: -90px !important; + } + } + @media screen and (max-width: 767px) { + .m-90\@sm- { + margin: 90px !important; + } + .mT-90\@sm- { + margin-top: 90px !important; + } + .mR-90\@sm- { + margin-right: 90px !important; + } + .mB-90\@sm- { + margin-bottom: 90px !important; + } + .mL-90\@sm- { + margin-left: 90px !important; + } + .mY-90\@sm- { + margin-top: 90px !important; + margin-bottom: 90px !important; + } + .mX-90\@sm- { + margin-left: 90px !important; + margin-right: 90px !important; + } + .m-nv-90\@sm- { + margin: -90px !important; + } + .mT-nv-90\@sm- { + margin-top: -90px !important; + } + .mR-nv-90\@sm- { + margin-right: -90px !important; + } + .mB-nv-90\@sm- { + margin-bottom: -90px !important; + } + .mL-nv-90\@sm- { + margin-left: -90px !important; + } + .mY-nv-90\@sm- { + margin-top: -90px !important; + margin-bottom: -90px !important; + } + .mX-nv-90\@sm- { + margin-left: -90px !important; + margin-right: -90px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-90\@lg { + margin: 90px !important; + } + .mT-90\@lg { + margin-top: 90px !important; + } + .mR-90\@lg { + margin-right: 90px !important; + } + .mB-90\@lg { + margin-bottom: 90px !important; + } + .mL-90\@lg { + margin-left: 90px !important; + } + .mY-90\@lg { + margin-top: 90px !important; + margin-bottom: 90px !important; + } + .mX-90\@lg { + margin-left: 90px !important; + margin-right: 90px !important; + } + .m-nv-90\@lg { + margin: -90px !important; + } + .mT-nv-90\@lg { + margin-top: -90px !important; + } + .mR-nv-90\@lg { + margin-right: -90px !important; + } + .mB-nv-90\@lg { + margin-bottom: -90px !important; + } + .mL-nv-90\@lg { + margin-left: -90px !important; + } + .mY-nv-90\@lg { + margin-top: -90px !important; + margin-bottom: -90px !important; + } + .mX-nv-90\@lg { + margin-left: -90px !important; + margin-right: -90px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-90\@md { + margin: 90px !important; + } + .mT-90\@md { + margin-top: 90px !important; + } + .mR-90\@md { + margin-right: 90px !important; + } + .mB-90\@md { + margin-bottom: 90px !important; + } + .mL-90\@md { + margin-left: 90px !important; + } + .mY-90\@md { + margin-top: 90px !important; + margin-bottom: 90px !important; + } + .mX-90\@md { + margin-left: 90px !important; + margin-right: 90px !important; + } + .m-nv-90\@md { + margin: -90px !important; + } + .mT-nv-90\@md { + margin-top: -90px !important; + } + .mR-nv-90\@md { + margin-right: -90px !important; + } + .mB-nv-90\@md { + margin-bottom: -90px !important; + } + .mL-nv-90\@md { + margin-left: -90px !important; + } + .mY-nv-90\@md { + margin-top: -90px !important; + margin-bottom: -90px !important; + } + .mX-nv-90\@md { + margin-left: -90px !important; + margin-right: -90px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-90\@sm { + margin: 90px !important; + } + .mT-90\@sm { + margin-top: 90px !important; + } + .mR-90\@sm { + margin-right: 90px !important; + } + .mB-90\@sm { + margin-bottom: 90px !important; + } + .mL-90\@sm { + margin-left: 90px !important; + } + .mY-90\@sm { + margin-top: 90px !important; + margin-bottom: 90px !important; + } + .mX-90\@sm { + margin-left: 90px !important; + margin-right: 90px !important; + } + .m-nv-90\@sm { + margin: -90px !important; + } + .mT-nv-90\@sm { + margin-top: -90px !important; + } + .mR-nv-90\@sm { + margin-right: -90px !important; + } + .mB-nv-90\@sm { + margin-bottom: -90px !important; + } + .mL-nv-90\@sm { + margin-left: -90px !important; + } + .mY-nv-90\@sm { + margin-top: -90px !important; + margin-bottom: -90px !important; + } + .mX-nv-90\@sm { + margin-left: -90px !important; + margin-right: -90px !important; + } + } + .m-100 { + margin: 100px !important; + } + + .mT-100 { + margin-top: 100px !important; + } + + .mR-100 { + margin-right: 100px !important; + } + + .mB-100 { + margin-bottom: 100px !important; + } + + .mL-100 { + margin-left: 100px !important; + } + + .mY-100 { + margin-top: 100px !important; + margin-bottom: 100px !important; + } + + .mX-100 { + margin-left: 100px !important; + margin-right: 100px !important; + } + + .m-nv-100 { + margin: -100px !important; + } + + .mT-nv-100 { + margin-top: -100px !important; + } + + .mR-nv-100 { + margin-right: -100px !important; + } + + .mB-nv-100 { + margin-bottom: -100px !important; + } + + .mL-nv-100 { + margin-left: -100px !important; + } + + .mY-nv-100 { + margin-top: -100px !important; + margin-bottom: -100px !important; + } + + .mX-nv-100 { + margin-left: -100px !important; + margin-right: -100px !important; + } + + @media screen and (min-width: 1440px) { + .m-100\@xl\+ { + margin: 100px !important; + } + .mT-100\@xl\+ { + margin-top: 100px !important; + } + .mR-100\@xl\+ { + margin-right: 100px !important; + } + .mB-100\@xl\+ { + margin-bottom: 100px !important; + } + .mL-100\@xl\+ { + margin-left: 100px !important; + } + .mY-100\@xl\+ { + margin-top: 100px !important; + margin-bottom: 100px !important; + } + .mX-100\@xl\+ { + margin-left: 100px !important; + margin-right: 100px !important; + } + .m-nv-100\@xl\+ { + margin: -100px !important; + } + .mT-nv-100\@xl\+ { + margin-top: -100px !important; + } + .mR-nv-100\@xl\+ { + margin-right: -100px !important; + } + .mB-nv-100\@xl\+ { + margin-bottom: -100px !important; + } + .mL-nv-100\@xl\+ { + margin-left: -100px !important; + } + .mY-nv-100\@xl\+ { + margin-top: -100px !important; + margin-bottom: -100px !important; + } + .mX-nv-100\@xl\+ { + margin-left: -100px !important; + margin-right: -100px !important; + } + } + @media screen and (min-width: 1200px) { + .m-100\@lg\+ { + margin: 100px !important; + } + .mT-100\@lg\+ { + margin-top: 100px !important; + } + .mR-100\@lg\+ { + margin-right: 100px !important; + } + .mB-100\@lg\+ { + margin-bottom: 100px !important; + } + .mL-100\@lg\+ { + margin-left: 100px !important; + } + .mY-100\@lg\+ { + margin-top: 100px !important; + margin-bottom: 100px !important; + } + .mX-100\@lg\+ { + margin-left: 100px !important; + margin-right: 100px !important; + } + .m-nv-100\@lg\+ { + margin: -100px !important; + } + .mT-nv-100\@lg\+ { + margin-top: -100px !important; + } + .mR-nv-100\@lg\+ { + margin-right: -100px !important; + } + .mB-nv-100\@lg\+ { + margin-bottom: -100px !important; + } + .mL-nv-100\@lg\+ { + margin-left: -100px !important; + } + .mY-nv-100\@lg\+ { + margin-top: -100px !important; + margin-bottom: -100px !important; + } + .mX-nv-100\@lg\+ { + margin-left: -100px !important; + margin-right: -100px !important; + } + } + @media screen and (min-width: 992px) { + .m-100\@md\+ { + margin: 100px !important; + } + .mT-100\@md\+ { + margin-top: 100px !important; + } + .mR-100\@md\+ { + margin-right: 100px !important; + } + .mB-100\@md\+ { + margin-bottom: 100px !important; + } + .mL-100\@md\+ { + margin-left: 100px !important; + } + .mY-100\@md\+ { + margin-top: 100px !important; + margin-bottom: 100px !important; + } + .mX-100\@md\+ { + margin-left: 100px !important; + margin-right: 100px !important; + } + .m-nv-100\@md\+ { + margin: -100px !important; + } + .mT-nv-100\@md\+ { + margin-top: -100px !important; + } + .mR-nv-100\@md\+ { + margin-right: -100px !important; + } + .mB-nv-100\@md\+ { + margin-bottom: -100px !important; + } + .mL-nv-100\@md\+ { + margin-left: -100px !important; + } + .mY-nv-100\@md\+ { + margin-top: -100px !important; + margin-bottom: -100px !important; + } + .mX-nv-100\@md\+ { + margin-left: -100px !important; + margin-right: -100px !important; + } + } + @media screen and (min-width: 768px) { + .m-100\@sm\+ { + margin: 100px !important; + } + .mT-100\@sm\+ { + margin-top: 100px !important; + } + .mR-100\@sm\+ { + margin-right: 100px !important; + } + .mB-100\@sm\+ { + margin-bottom: 100px !important; + } + .mL-100\@sm\+ { + margin-left: 100px !important; + } + .mY-100\@sm\+ { + margin-top: 100px !important; + margin-bottom: 100px !important; + } + .mX-100\@sm\+ { + margin-left: 100px !important; + margin-right: 100px !important; + } + .m-nv-100\@sm\+ { + margin: -100px !important; + } + .mT-nv-100\@sm\+ { + margin-top: -100px !important; + } + .mR-nv-100\@sm\+ { + margin-right: -100px !important; + } + .mB-nv-100\@sm\+ { + margin-bottom: -100px !important; + } + .mL-nv-100\@sm\+ { + margin-left: -100px !important; + } + .mY-nv-100\@sm\+ { + margin-top: -100px !important; + margin-bottom: -100px !important; + } + .mX-nv-100\@sm\+ { + margin-left: -100px !important; + margin-right: -100px !important; + } + } + @media screen and (min-width: 0) { + .m-100\@xs\+ { + margin: 100px !important; + } + .mT-100\@xs\+ { + margin-top: 100px !important; + } + .mR-100\@xs\+ { + margin-right: 100px !important; + } + .mB-100\@xs\+ { + margin-bottom: 100px !important; + } + .mL-100\@xs\+ { + margin-left: 100px !important; + } + .mY-100\@xs\+ { + margin-top: 100px !important; + margin-bottom: 100px !important; + } + .mX-100\@xs\+ { + margin-left: 100px !important; + margin-right: 100px !important; + } + .m-nv-100\@xs\+ { + margin: -100px !important; + } + .mT-nv-100\@xs\+ { + margin-top: -100px !important; + } + .mR-nv-100\@xs\+ { + margin-right: -100px !important; + } + .mB-nv-100\@xs\+ { + margin-bottom: -100px !important; + } + .mL-nv-100\@xs\+ { + margin-left: -100px !important; + } + .mY-nv-100\@xs\+ { + margin-top: -100px !important; + margin-bottom: -100px !important; + } + .mX-nv-100\@xs\+ { + margin-left: -100px !important; + margin-right: -100px !important; + } + } + @media screen and (max-width: 1439px) { + .m-100\@xl- { + margin: 100px !important; + } + .mT-100\@xl- { + margin-top: 100px !important; + } + .mR-100\@xl- { + margin-right: 100px !important; + } + .mB-100\@xl- { + margin-bottom: 100px !important; + } + .mL-100\@xl- { + margin-left: 100px !important; + } + .mY-100\@xl- { + margin-top: 100px !important; + margin-bottom: 100px !important; + } + .mX-100\@xl- { + margin-left: 100px !important; + margin-right: 100px !important; + } + .m-nv-100\@xl- { + margin: -100px !important; + } + .mT-nv-100\@xl- { + margin-top: -100px !important; + } + .mR-nv-100\@xl- { + margin-right: -100px !important; + } + .mB-nv-100\@xl- { + margin-bottom: -100px !important; + } + .mL-nv-100\@xl- { + margin-left: -100px !important; + } + .mY-nv-100\@xl- { + margin-top: -100px !important; + margin-bottom: -100px !important; + } + .mX-nv-100\@xl- { + margin-left: -100px !important; + margin-right: -100px !important; + } + } + @media screen and (max-width: 1199px) { + .m-100\@lg- { + margin: 100px !important; + } + .mT-100\@lg- { + margin-top: 100px !important; + } + .mR-100\@lg- { + margin-right: 100px !important; + } + .mB-100\@lg- { + margin-bottom: 100px !important; + } + .mL-100\@lg- { + margin-left: 100px !important; + } + .mY-100\@lg- { + margin-top: 100px !important; + margin-bottom: 100px !important; + } + .mX-100\@lg- { + margin-left: 100px !important; + margin-right: 100px !important; + } + .m-nv-100\@lg- { + margin: -100px !important; + } + .mT-nv-100\@lg- { + margin-top: -100px !important; + } + .mR-nv-100\@lg- { + margin-right: -100px !important; + } + .mB-nv-100\@lg- { + margin-bottom: -100px !important; + } + .mL-nv-100\@lg- { + margin-left: -100px !important; + } + .mY-nv-100\@lg- { + margin-top: -100px !important; + margin-bottom: -100px !important; + } + .mX-nv-100\@lg- { + margin-left: -100px !important; + margin-right: -100px !important; + } + } + @media screen and (max-width: 991px) { + .m-100\@md- { + margin: 100px !important; + } + .mT-100\@md- { + margin-top: 100px !important; + } + .mR-100\@md- { + margin-right: 100px !important; + } + .mB-100\@md- { + margin-bottom: 100px !important; + } + .mL-100\@md- { + margin-left: 100px !important; + } + .mY-100\@md- { + margin-top: 100px !important; + margin-bottom: 100px !important; + } + .mX-100\@md- { + margin-left: 100px !important; + margin-right: 100px !important; + } + .m-nv-100\@md- { + margin: -100px !important; + } + .mT-nv-100\@md- { + margin-top: -100px !important; + } + .mR-nv-100\@md- { + margin-right: -100px !important; + } + .mB-nv-100\@md- { + margin-bottom: -100px !important; + } + .mL-nv-100\@md- { + margin-left: -100px !important; + } + .mY-nv-100\@md- { + margin-top: -100px !important; + margin-bottom: -100px !important; + } + .mX-nv-100\@md- { + margin-left: -100px !important; + margin-right: -100px !important; + } + } + @media screen and (max-width: 767px) { + .m-100\@sm- { + margin: 100px !important; + } + .mT-100\@sm- { + margin-top: 100px !important; + } + .mR-100\@sm- { + margin-right: 100px !important; + } + .mB-100\@sm- { + margin-bottom: 100px !important; + } + .mL-100\@sm- { + margin-left: 100px !important; + } + .mY-100\@sm- { + margin-top: 100px !important; + margin-bottom: 100px !important; + } + .mX-100\@sm- { + margin-left: 100px !important; + margin-right: 100px !important; + } + .m-nv-100\@sm- { + margin: -100px !important; + } + .mT-nv-100\@sm- { + margin-top: -100px !important; + } + .mR-nv-100\@sm- { + margin-right: -100px !important; + } + .mB-nv-100\@sm- { + margin-bottom: -100px !important; + } + .mL-nv-100\@sm- { + margin-left: -100px !important; + } + .mY-nv-100\@sm- { + margin-top: -100px !important; + margin-bottom: -100px !important; + } + .mX-nv-100\@sm- { + margin-left: -100px !important; + margin-right: -100px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-100\@lg { + margin: 100px !important; + } + .mT-100\@lg { + margin-top: 100px !important; + } + .mR-100\@lg { + margin-right: 100px !important; + } + .mB-100\@lg { + margin-bottom: 100px !important; + } + .mL-100\@lg { + margin-left: 100px !important; + } + .mY-100\@lg { + margin-top: 100px !important; + margin-bottom: 100px !important; + } + .mX-100\@lg { + margin-left: 100px !important; + margin-right: 100px !important; + } + .m-nv-100\@lg { + margin: -100px !important; + } + .mT-nv-100\@lg { + margin-top: -100px !important; + } + .mR-nv-100\@lg { + margin-right: -100px !important; + } + .mB-nv-100\@lg { + margin-bottom: -100px !important; + } + .mL-nv-100\@lg { + margin-left: -100px !important; + } + .mY-nv-100\@lg { + margin-top: -100px !important; + margin-bottom: -100px !important; + } + .mX-nv-100\@lg { + margin-left: -100px !important; + margin-right: -100px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-100\@md { + margin: 100px !important; + } + .mT-100\@md { + margin-top: 100px !important; + } + .mR-100\@md { + margin-right: 100px !important; + } + .mB-100\@md { + margin-bottom: 100px !important; + } + .mL-100\@md { + margin-left: 100px !important; + } + .mY-100\@md { + margin-top: 100px !important; + margin-bottom: 100px !important; + } + .mX-100\@md { + margin-left: 100px !important; + margin-right: 100px !important; + } + .m-nv-100\@md { + margin: -100px !important; + } + .mT-nv-100\@md { + margin-top: -100px !important; + } + .mR-nv-100\@md { + margin-right: -100px !important; + } + .mB-nv-100\@md { + margin-bottom: -100px !important; + } + .mL-nv-100\@md { + margin-left: -100px !important; + } + .mY-nv-100\@md { + margin-top: -100px !important; + margin-bottom: -100px !important; + } + .mX-nv-100\@md { + margin-left: -100px !important; + margin-right: -100px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-100\@sm { + margin: 100px !important; + } + .mT-100\@sm { + margin-top: 100px !important; + } + .mR-100\@sm { + margin-right: 100px !important; + } + .mB-100\@sm { + margin-bottom: 100px !important; + } + .mL-100\@sm { + margin-left: 100px !important; + } + .mY-100\@sm { + margin-top: 100px !important; + margin-bottom: 100px !important; + } + .mX-100\@sm { + margin-left: 100px !important; + margin-right: 100px !important; + } + .m-nv-100\@sm { + margin: -100px !important; + } + .mT-nv-100\@sm { + margin-top: -100px !important; + } + .mR-nv-100\@sm { + margin-right: -100px !important; + } + .mB-nv-100\@sm { + margin-bottom: -100px !important; + } + .mL-nv-100\@sm { + margin-left: -100px !important; + } + .mY-nv-100\@sm { + margin-top: -100px !important; + margin-bottom: -100px !important; + } + .mX-nv-100\@sm { + margin-left: -100px !important; + margin-right: -100px !important; + } + } + .m-110 { + margin: 110px !important; + } + + .mT-110 { + margin-top: 110px !important; + } + + .mR-110 { + margin-right: 110px !important; + } + + .mB-110 { + margin-bottom: 110px !important; + } + + .mL-110 { + margin-left: 110px !important; + } + + .mY-110 { + margin-top: 110px !important; + margin-bottom: 110px !important; + } + + .mX-110 { + margin-left: 110px !important; + margin-right: 110px !important; + } + + .m-nv-110 { + margin: -110px !important; + } + + .mT-nv-110 { + margin-top: -110px !important; + } + + .mR-nv-110 { + margin-right: -110px !important; + } + + .mB-nv-110 { + margin-bottom: -110px !important; + } + + .mL-nv-110 { + margin-left: -110px !important; + } + + .mY-nv-110 { + margin-top: -110px !important; + margin-bottom: -110px !important; + } + + .mX-nv-110 { + margin-left: -110px !important; + margin-right: -110px !important; + } + + @media screen and (min-width: 1440px) { + .m-110\@xl\+ { + margin: 110px !important; + } + .mT-110\@xl\+ { + margin-top: 110px !important; + } + .mR-110\@xl\+ { + margin-right: 110px !important; + } + .mB-110\@xl\+ { + margin-bottom: 110px !important; + } + .mL-110\@xl\+ { + margin-left: 110px !important; + } + .mY-110\@xl\+ { + margin-top: 110px !important; + margin-bottom: 110px !important; + } + .mX-110\@xl\+ { + margin-left: 110px !important; + margin-right: 110px !important; + } + .m-nv-110\@xl\+ { + margin: -110px !important; + } + .mT-nv-110\@xl\+ { + margin-top: -110px !important; + } + .mR-nv-110\@xl\+ { + margin-right: -110px !important; + } + .mB-nv-110\@xl\+ { + margin-bottom: -110px !important; + } + .mL-nv-110\@xl\+ { + margin-left: -110px !important; + } + .mY-nv-110\@xl\+ { + margin-top: -110px !important; + margin-bottom: -110px !important; + } + .mX-nv-110\@xl\+ { + margin-left: -110px !important; + margin-right: -110px !important; + } + } + @media screen and (min-width: 1200px) { + .m-110\@lg\+ { + margin: 110px !important; + } + .mT-110\@lg\+ { + margin-top: 110px !important; + } + .mR-110\@lg\+ { + margin-right: 110px !important; + } + .mB-110\@lg\+ { + margin-bottom: 110px !important; + } + .mL-110\@lg\+ { + margin-left: 110px !important; + } + .mY-110\@lg\+ { + margin-top: 110px !important; + margin-bottom: 110px !important; + } + .mX-110\@lg\+ { + margin-left: 110px !important; + margin-right: 110px !important; + } + .m-nv-110\@lg\+ { + margin: -110px !important; + } + .mT-nv-110\@lg\+ { + margin-top: -110px !important; + } + .mR-nv-110\@lg\+ { + margin-right: -110px !important; + } + .mB-nv-110\@lg\+ { + margin-bottom: -110px !important; + } + .mL-nv-110\@lg\+ { + margin-left: -110px !important; + } + .mY-nv-110\@lg\+ { + margin-top: -110px !important; + margin-bottom: -110px !important; + } + .mX-nv-110\@lg\+ { + margin-left: -110px !important; + margin-right: -110px !important; + } + } + @media screen and (min-width: 992px) { + .m-110\@md\+ { + margin: 110px !important; + } + .mT-110\@md\+ { + margin-top: 110px !important; + } + .mR-110\@md\+ { + margin-right: 110px !important; + } + .mB-110\@md\+ { + margin-bottom: 110px !important; + } + .mL-110\@md\+ { + margin-left: 110px !important; + } + .mY-110\@md\+ { + margin-top: 110px !important; + margin-bottom: 110px !important; + } + .mX-110\@md\+ { + margin-left: 110px !important; + margin-right: 110px !important; + } + .m-nv-110\@md\+ { + margin: -110px !important; + } + .mT-nv-110\@md\+ { + margin-top: -110px !important; + } + .mR-nv-110\@md\+ { + margin-right: -110px !important; + } + .mB-nv-110\@md\+ { + margin-bottom: -110px !important; + } + .mL-nv-110\@md\+ { + margin-left: -110px !important; + } + .mY-nv-110\@md\+ { + margin-top: -110px !important; + margin-bottom: -110px !important; + } + .mX-nv-110\@md\+ { + margin-left: -110px !important; + margin-right: -110px !important; + } + } + @media screen and (min-width: 768px) { + .m-110\@sm\+ { + margin: 110px !important; + } + .mT-110\@sm\+ { + margin-top: 110px !important; + } + .mR-110\@sm\+ { + margin-right: 110px !important; + } + .mB-110\@sm\+ { + margin-bottom: 110px !important; + } + .mL-110\@sm\+ { + margin-left: 110px !important; + } + .mY-110\@sm\+ { + margin-top: 110px !important; + margin-bottom: 110px !important; + } + .mX-110\@sm\+ { + margin-left: 110px !important; + margin-right: 110px !important; + } + .m-nv-110\@sm\+ { + margin: -110px !important; + } + .mT-nv-110\@sm\+ { + margin-top: -110px !important; + } + .mR-nv-110\@sm\+ { + margin-right: -110px !important; + } + .mB-nv-110\@sm\+ { + margin-bottom: -110px !important; + } + .mL-nv-110\@sm\+ { + margin-left: -110px !important; + } + .mY-nv-110\@sm\+ { + margin-top: -110px !important; + margin-bottom: -110px !important; + } + .mX-nv-110\@sm\+ { + margin-left: -110px !important; + margin-right: -110px !important; + } + } + @media screen and (min-width: 0) { + .m-110\@xs\+ { + margin: 110px !important; + } + .mT-110\@xs\+ { + margin-top: 110px !important; + } + .mR-110\@xs\+ { + margin-right: 110px !important; + } + .mB-110\@xs\+ { + margin-bottom: 110px !important; + } + .mL-110\@xs\+ { + margin-left: 110px !important; + } + .mY-110\@xs\+ { + margin-top: 110px !important; + margin-bottom: 110px !important; + } + .mX-110\@xs\+ { + margin-left: 110px !important; + margin-right: 110px !important; + } + .m-nv-110\@xs\+ { + margin: -110px !important; + } + .mT-nv-110\@xs\+ { + margin-top: -110px !important; + } + .mR-nv-110\@xs\+ { + margin-right: -110px !important; + } + .mB-nv-110\@xs\+ { + margin-bottom: -110px !important; + } + .mL-nv-110\@xs\+ { + margin-left: -110px !important; + } + .mY-nv-110\@xs\+ { + margin-top: -110px !important; + margin-bottom: -110px !important; + } + .mX-nv-110\@xs\+ { + margin-left: -110px !important; + margin-right: -110px !important; + } + } + @media screen and (max-width: 1439px) { + .m-110\@xl- { + margin: 110px !important; + } + .mT-110\@xl- { + margin-top: 110px !important; + } + .mR-110\@xl- { + margin-right: 110px !important; + } + .mB-110\@xl- { + margin-bottom: 110px !important; + } + .mL-110\@xl- { + margin-left: 110px !important; + } + .mY-110\@xl- { + margin-top: 110px !important; + margin-bottom: 110px !important; + } + .mX-110\@xl- { + margin-left: 110px !important; + margin-right: 110px !important; + } + .m-nv-110\@xl- { + margin: -110px !important; + } + .mT-nv-110\@xl- { + margin-top: -110px !important; + } + .mR-nv-110\@xl- { + margin-right: -110px !important; + } + .mB-nv-110\@xl- { + margin-bottom: -110px !important; + } + .mL-nv-110\@xl- { + margin-left: -110px !important; + } + .mY-nv-110\@xl- { + margin-top: -110px !important; + margin-bottom: -110px !important; + } + .mX-nv-110\@xl- { + margin-left: -110px !important; + margin-right: -110px !important; + } + } + @media screen and (max-width: 1199px) { + .m-110\@lg- { + margin: 110px !important; + } + .mT-110\@lg- { + margin-top: 110px !important; + } + .mR-110\@lg- { + margin-right: 110px !important; + } + .mB-110\@lg- { + margin-bottom: 110px !important; + } + .mL-110\@lg- { + margin-left: 110px !important; + } + .mY-110\@lg- { + margin-top: 110px !important; + margin-bottom: 110px !important; + } + .mX-110\@lg- { + margin-left: 110px !important; + margin-right: 110px !important; + } + .m-nv-110\@lg- { + margin: -110px !important; + } + .mT-nv-110\@lg- { + margin-top: -110px !important; + } + .mR-nv-110\@lg- { + margin-right: -110px !important; + } + .mB-nv-110\@lg- { + margin-bottom: -110px !important; + } + .mL-nv-110\@lg- { + margin-left: -110px !important; + } + .mY-nv-110\@lg- { + margin-top: -110px !important; + margin-bottom: -110px !important; + } + .mX-nv-110\@lg- { + margin-left: -110px !important; + margin-right: -110px !important; + } + } + @media screen and (max-width: 991px) { + .m-110\@md- { + margin: 110px !important; + } + .mT-110\@md- { + margin-top: 110px !important; + } + .mR-110\@md- { + margin-right: 110px !important; + } + .mB-110\@md- { + margin-bottom: 110px !important; + } + .mL-110\@md- { + margin-left: 110px !important; + } + .mY-110\@md- { + margin-top: 110px !important; + margin-bottom: 110px !important; + } + .mX-110\@md- { + margin-left: 110px !important; + margin-right: 110px !important; + } + .m-nv-110\@md- { + margin: -110px !important; + } + .mT-nv-110\@md- { + margin-top: -110px !important; + } + .mR-nv-110\@md- { + margin-right: -110px !important; + } + .mB-nv-110\@md- { + margin-bottom: -110px !important; + } + .mL-nv-110\@md- { + margin-left: -110px !important; + } + .mY-nv-110\@md- { + margin-top: -110px !important; + margin-bottom: -110px !important; + } + .mX-nv-110\@md- { + margin-left: -110px !important; + margin-right: -110px !important; + } + } + @media screen and (max-width: 767px) { + .m-110\@sm- { + margin: 110px !important; + } + .mT-110\@sm- { + margin-top: 110px !important; + } + .mR-110\@sm- { + margin-right: 110px !important; + } + .mB-110\@sm- { + margin-bottom: 110px !important; + } + .mL-110\@sm- { + margin-left: 110px !important; + } + .mY-110\@sm- { + margin-top: 110px !important; + margin-bottom: 110px !important; + } + .mX-110\@sm- { + margin-left: 110px !important; + margin-right: 110px !important; + } + .m-nv-110\@sm- { + margin: -110px !important; + } + .mT-nv-110\@sm- { + margin-top: -110px !important; + } + .mR-nv-110\@sm- { + margin-right: -110px !important; + } + .mB-nv-110\@sm- { + margin-bottom: -110px !important; + } + .mL-nv-110\@sm- { + margin-left: -110px !important; + } + .mY-nv-110\@sm- { + margin-top: -110px !important; + margin-bottom: -110px !important; + } + .mX-nv-110\@sm- { + margin-left: -110px !important; + margin-right: -110px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-110\@lg { + margin: 110px !important; + } + .mT-110\@lg { + margin-top: 110px !important; + } + .mR-110\@lg { + margin-right: 110px !important; + } + .mB-110\@lg { + margin-bottom: 110px !important; + } + .mL-110\@lg { + margin-left: 110px !important; + } + .mY-110\@lg { + margin-top: 110px !important; + margin-bottom: 110px !important; + } + .mX-110\@lg { + margin-left: 110px !important; + margin-right: 110px !important; + } + .m-nv-110\@lg { + margin: -110px !important; + } + .mT-nv-110\@lg { + margin-top: -110px !important; + } + .mR-nv-110\@lg { + margin-right: -110px !important; + } + .mB-nv-110\@lg { + margin-bottom: -110px !important; + } + .mL-nv-110\@lg { + margin-left: -110px !important; + } + .mY-nv-110\@lg { + margin-top: -110px !important; + margin-bottom: -110px !important; + } + .mX-nv-110\@lg { + margin-left: -110px !important; + margin-right: -110px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-110\@md { + margin: 110px !important; + } + .mT-110\@md { + margin-top: 110px !important; + } + .mR-110\@md { + margin-right: 110px !important; + } + .mB-110\@md { + margin-bottom: 110px !important; + } + .mL-110\@md { + margin-left: 110px !important; + } + .mY-110\@md { + margin-top: 110px !important; + margin-bottom: 110px !important; + } + .mX-110\@md { + margin-left: 110px !important; + margin-right: 110px !important; + } + .m-nv-110\@md { + margin: -110px !important; + } + .mT-nv-110\@md { + margin-top: -110px !important; + } + .mR-nv-110\@md { + margin-right: -110px !important; + } + .mB-nv-110\@md { + margin-bottom: -110px !important; + } + .mL-nv-110\@md { + margin-left: -110px !important; + } + .mY-nv-110\@md { + margin-top: -110px !important; + margin-bottom: -110px !important; + } + .mX-nv-110\@md { + margin-left: -110px !important; + margin-right: -110px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-110\@sm { + margin: 110px !important; + } + .mT-110\@sm { + margin-top: 110px !important; + } + .mR-110\@sm { + margin-right: 110px !important; + } + .mB-110\@sm { + margin-bottom: 110px !important; + } + .mL-110\@sm { + margin-left: 110px !important; + } + .mY-110\@sm { + margin-top: 110px !important; + margin-bottom: 110px !important; + } + .mX-110\@sm { + margin-left: 110px !important; + margin-right: 110px !important; + } + .m-nv-110\@sm { + margin: -110px !important; + } + .mT-nv-110\@sm { + margin-top: -110px !important; + } + .mR-nv-110\@sm { + margin-right: -110px !important; + } + .mB-nv-110\@sm { + margin-bottom: -110px !important; + } + .mL-nv-110\@sm { + margin-left: -110px !important; + } + .mY-nv-110\@sm { + margin-top: -110px !important; + margin-bottom: -110px !important; + } + .mX-nv-110\@sm { + margin-left: -110px !important; + margin-right: -110px !important; + } + } + .m-120 { + margin: 120px !important; + } + + .mT-120 { + margin-top: 120px !important; + } + + .mR-120 { + margin-right: 120px !important; + } + + .mB-120 { + margin-bottom: 120px !important; + } + + .mL-120 { + margin-left: 120px !important; + } + + .mY-120 { + margin-top: 120px !important; + margin-bottom: 120px !important; + } + + .mX-120 { + margin-left: 120px !important; + margin-right: 120px !important; + } + + .m-nv-120 { + margin: -120px !important; + } + + .mT-nv-120 { + margin-top: -120px !important; + } + + .mR-nv-120 { + margin-right: -120px !important; + } + + .mB-nv-120 { + margin-bottom: -120px !important; + } + + .mL-nv-120 { + margin-left: -120px !important; + } + + .mY-nv-120 { + margin-top: -120px !important; + margin-bottom: -120px !important; + } + + .mX-nv-120 { + margin-left: -120px !important; + margin-right: -120px !important; + } + + @media screen and (min-width: 1440px) { + .m-120\@xl\+ { + margin: 120px !important; + } + .mT-120\@xl\+ { + margin-top: 120px !important; + } + .mR-120\@xl\+ { + margin-right: 120px !important; + } + .mB-120\@xl\+ { + margin-bottom: 120px !important; + } + .mL-120\@xl\+ { + margin-left: 120px !important; + } + .mY-120\@xl\+ { + margin-top: 120px !important; + margin-bottom: 120px !important; + } + .mX-120\@xl\+ { + margin-left: 120px !important; + margin-right: 120px !important; + } + .m-nv-120\@xl\+ { + margin: -120px !important; + } + .mT-nv-120\@xl\+ { + margin-top: -120px !important; + } + .mR-nv-120\@xl\+ { + margin-right: -120px !important; + } + .mB-nv-120\@xl\+ { + margin-bottom: -120px !important; + } + .mL-nv-120\@xl\+ { + margin-left: -120px !important; + } + .mY-nv-120\@xl\+ { + margin-top: -120px !important; + margin-bottom: -120px !important; + } + .mX-nv-120\@xl\+ { + margin-left: -120px !important; + margin-right: -120px !important; + } + } + @media screen and (min-width: 1200px) { + .m-120\@lg\+ { + margin: 120px !important; + } + .mT-120\@lg\+ { + margin-top: 120px !important; + } + .mR-120\@lg\+ { + margin-right: 120px !important; + } + .mB-120\@lg\+ { + margin-bottom: 120px !important; + } + .mL-120\@lg\+ { + margin-left: 120px !important; + } + .mY-120\@lg\+ { + margin-top: 120px !important; + margin-bottom: 120px !important; + } + .mX-120\@lg\+ { + margin-left: 120px !important; + margin-right: 120px !important; + } + .m-nv-120\@lg\+ { + margin: -120px !important; + } + .mT-nv-120\@lg\+ { + margin-top: -120px !important; + } + .mR-nv-120\@lg\+ { + margin-right: -120px !important; + } + .mB-nv-120\@lg\+ { + margin-bottom: -120px !important; + } + .mL-nv-120\@lg\+ { + margin-left: -120px !important; + } + .mY-nv-120\@lg\+ { + margin-top: -120px !important; + margin-bottom: -120px !important; + } + .mX-nv-120\@lg\+ { + margin-left: -120px !important; + margin-right: -120px !important; + } + } + @media screen and (min-width: 992px) { + .m-120\@md\+ { + margin: 120px !important; + } + .mT-120\@md\+ { + margin-top: 120px !important; + } + .mR-120\@md\+ { + margin-right: 120px !important; + } + .mB-120\@md\+ { + margin-bottom: 120px !important; + } + .mL-120\@md\+ { + margin-left: 120px !important; + } + .mY-120\@md\+ { + margin-top: 120px !important; + margin-bottom: 120px !important; + } + .mX-120\@md\+ { + margin-left: 120px !important; + margin-right: 120px !important; + } + .m-nv-120\@md\+ { + margin: -120px !important; + } + .mT-nv-120\@md\+ { + margin-top: -120px !important; + } + .mR-nv-120\@md\+ { + margin-right: -120px !important; + } + .mB-nv-120\@md\+ { + margin-bottom: -120px !important; + } + .mL-nv-120\@md\+ { + margin-left: -120px !important; + } + .mY-nv-120\@md\+ { + margin-top: -120px !important; + margin-bottom: -120px !important; + } + .mX-nv-120\@md\+ { + margin-left: -120px !important; + margin-right: -120px !important; + } + } + @media screen and (min-width: 768px) { + .m-120\@sm\+ { + margin: 120px !important; + } + .mT-120\@sm\+ { + margin-top: 120px !important; + } + .mR-120\@sm\+ { + margin-right: 120px !important; + } + .mB-120\@sm\+ { + margin-bottom: 120px !important; + } + .mL-120\@sm\+ { + margin-left: 120px !important; + } + .mY-120\@sm\+ { + margin-top: 120px !important; + margin-bottom: 120px !important; + } + .mX-120\@sm\+ { + margin-left: 120px !important; + margin-right: 120px !important; + } + .m-nv-120\@sm\+ { + margin: -120px !important; + } + .mT-nv-120\@sm\+ { + margin-top: -120px !important; + } + .mR-nv-120\@sm\+ { + margin-right: -120px !important; + } + .mB-nv-120\@sm\+ { + margin-bottom: -120px !important; + } + .mL-nv-120\@sm\+ { + margin-left: -120px !important; + } + .mY-nv-120\@sm\+ { + margin-top: -120px !important; + margin-bottom: -120px !important; + } + .mX-nv-120\@sm\+ { + margin-left: -120px !important; + margin-right: -120px !important; + } + } + @media screen and (min-width: 0) { + .m-120\@xs\+ { + margin: 120px !important; + } + .mT-120\@xs\+ { + margin-top: 120px !important; + } + .mR-120\@xs\+ { + margin-right: 120px !important; + } + .mB-120\@xs\+ { + margin-bottom: 120px !important; + } + .mL-120\@xs\+ { + margin-left: 120px !important; + } + .mY-120\@xs\+ { + margin-top: 120px !important; + margin-bottom: 120px !important; + } + .mX-120\@xs\+ { + margin-left: 120px !important; + margin-right: 120px !important; + } + .m-nv-120\@xs\+ { + margin: -120px !important; + } + .mT-nv-120\@xs\+ { + margin-top: -120px !important; + } + .mR-nv-120\@xs\+ { + margin-right: -120px !important; + } + .mB-nv-120\@xs\+ { + margin-bottom: -120px !important; + } + .mL-nv-120\@xs\+ { + margin-left: -120px !important; + } + .mY-nv-120\@xs\+ { + margin-top: -120px !important; + margin-bottom: -120px !important; + } + .mX-nv-120\@xs\+ { + margin-left: -120px !important; + margin-right: -120px !important; + } + } + @media screen and (max-width: 1439px) { + .m-120\@xl- { + margin: 120px !important; + } + .mT-120\@xl- { + margin-top: 120px !important; + } + .mR-120\@xl- { + margin-right: 120px !important; + } + .mB-120\@xl- { + margin-bottom: 120px !important; + } + .mL-120\@xl- { + margin-left: 120px !important; + } + .mY-120\@xl- { + margin-top: 120px !important; + margin-bottom: 120px !important; + } + .mX-120\@xl- { + margin-left: 120px !important; + margin-right: 120px !important; + } + .m-nv-120\@xl- { + margin: -120px !important; + } + .mT-nv-120\@xl- { + margin-top: -120px !important; + } + .mR-nv-120\@xl- { + margin-right: -120px !important; + } + .mB-nv-120\@xl- { + margin-bottom: -120px !important; + } + .mL-nv-120\@xl- { + margin-left: -120px !important; + } + .mY-nv-120\@xl- { + margin-top: -120px !important; + margin-bottom: -120px !important; + } + .mX-nv-120\@xl- { + margin-left: -120px !important; + margin-right: -120px !important; + } + } + @media screen and (max-width: 1199px) { + .m-120\@lg- { + margin: 120px !important; + } + .mT-120\@lg- { + margin-top: 120px !important; + } + .mR-120\@lg- { + margin-right: 120px !important; + } + .mB-120\@lg- { + margin-bottom: 120px !important; + } + .mL-120\@lg- { + margin-left: 120px !important; + } + .mY-120\@lg- { + margin-top: 120px !important; + margin-bottom: 120px !important; + } + .mX-120\@lg- { + margin-left: 120px !important; + margin-right: 120px !important; + } + .m-nv-120\@lg- { + margin: -120px !important; + } + .mT-nv-120\@lg- { + margin-top: -120px !important; + } + .mR-nv-120\@lg- { + margin-right: -120px !important; + } + .mB-nv-120\@lg- { + margin-bottom: -120px !important; + } + .mL-nv-120\@lg- { + margin-left: -120px !important; + } + .mY-nv-120\@lg- { + margin-top: -120px !important; + margin-bottom: -120px !important; + } + .mX-nv-120\@lg- { + margin-left: -120px !important; + margin-right: -120px !important; + } + } + @media screen and (max-width: 991px) { + .m-120\@md- { + margin: 120px !important; + } + .mT-120\@md- { + margin-top: 120px !important; + } + .mR-120\@md- { + margin-right: 120px !important; + } + .mB-120\@md- { + margin-bottom: 120px !important; + } + .mL-120\@md- { + margin-left: 120px !important; + } + .mY-120\@md- { + margin-top: 120px !important; + margin-bottom: 120px !important; + } + .mX-120\@md- { + margin-left: 120px !important; + margin-right: 120px !important; + } + .m-nv-120\@md- { + margin: -120px !important; + } + .mT-nv-120\@md- { + margin-top: -120px !important; + } + .mR-nv-120\@md- { + margin-right: -120px !important; + } + .mB-nv-120\@md- { + margin-bottom: -120px !important; + } + .mL-nv-120\@md- { + margin-left: -120px !important; + } + .mY-nv-120\@md- { + margin-top: -120px !important; + margin-bottom: -120px !important; + } + .mX-nv-120\@md- { + margin-left: -120px !important; + margin-right: -120px !important; + } + } + @media screen and (max-width: 767px) { + .m-120\@sm- { + margin: 120px !important; + } + .mT-120\@sm- { + margin-top: 120px !important; + } + .mR-120\@sm- { + margin-right: 120px !important; + } + .mB-120\@sm- { + margin-bottom: 120px !important; + } + .mL-120\@sm- { + margin-left: 120px !important; + } + .mY-120\@sm- { + margin-top: 120px !important; + margin-bottom: 120px !important; + } + .mX-120\@sm- { + margin-left: 120px !important; + margin-right: 120px !important; + } + .m-nv-120\@sm- { + margin: -120px !important; + } + .mT-nv-120\@sm- { + margin-top: -120px !important; + } + .mR-nv-120\@sm- { + margin-right: -120px !important; + } + .mB-nv-120\@sm- { + margin-bottom: -120px !important; + } + .mL-nv-120\@sm- { + margin-left: -120px !important; + } + .mY-nv-120\@sm- { + margin-top: -120px !important; + margin-bottom: -120px !important; + } + .mX-nv-120\@sm- { + margin-left: -120px !important; + margin-right: -120px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-120\@lg { + margin: 120px !important; + } + .mT-120\@lg { + margin-top: 120px !important; + } + .mR-120\@lg { + margin-right: 120px !important; + } + .mB-120\@lg { + margin-bottom: 120px !important; + } + .mL-120\@lg { + margin-left: 120px !important; + } + .mY-120\@lg { + margin-top: 120px !important; + margin-bottom: 120px !important; + } + .mX-120\@lg { + margin-left: 120px !important; + margin-right: 120px !important; + } + .m-nv-120\@lg { + margin: -120px !important; + } + .mT-nv-120\@lg { + margin-top: -120px !important; + } + .mR-nv-120\@lg { + margin-right: -120px !important; + } + .mB-nv-120\@lg { + margin-bottom: -120px !important; + } + .mL-nv-120\@lg { + margin-left: -120px !important; + } + .mY-nv-120\@lg { + margin-top: -120px !important; + margin-bottom: -120px !important; + } + .mX-nv-120\@lg { + margin-left: -120px !important; + margin-right: -120px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-120\@md { + margin: 120px !important; + } + .mT-120\@md { + margin-top: 120px !important; + } + .mR-120\@md { + margin-right: 120px !important; + } + .mB-120\@md { + margin-bottom: 120px !important; + } + .mL-120\@md { + margin-left: 120px !important; + } + .mY-120\@md { + margin-top: 120px !important; + margin-bottom: 120px !important; + } + .mX-120\@md { + margin-left: 120px !important; + margin-right: 120px !important; + } + .m-nv-120\@md { + margin: -120px !important; + } + .mT-nv-120\@md { + margin-top: -120px !important; + } + .mR-nv-120\@md { + margin-right: -120px !important; + } + .mB-nv-120\@md { + margin-bottom: -120px !important; + } + .mL-nv-120\@md { + margin-left: -120px !important; + } + .mY-nv-120\@md { + margin-top: -120px !important; + margin-bottom: -120px !important; + } + .mX-nv-120\@md { + margin-left: -120px !important; + margin-right: -120px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-120\@sm { + margin: 120px !important; + } + .mT-120\@sm { + margin-top: 120px !important; + } + .mR-120\@sm { + margin-right: 120px !important; + } + .mB-120\@sm { + margin-bottom: 120px !important; + } + .mL-120\@sm { + margin-left: 120px !important; + } + .mY-120\@sm { + margin-top: 120px !important; + margin-bottom: 120px !important; + } + .mX-120\@sm { + margin-left: 120px !important; + margin-right: 120px !important; + } + .m-nv-120\@sm { + margin: -120px !important; + } + .mT-nv-120\@sm { + margin-top: -120px !important; + } + .mR-nv-120\@sm { + margin-right: -120px !important; + } + .mB-nv-120\@sm { + margin-bottom: -120px !important; + } + .mL-nv-120\@sm { + margin-left: -120px !important; + } + .mY-nv-120\@sm { + margin-top: -120px !important; + margin-bottom: -120px !important; + } + .mX-nv-120\@sm { + margin-left: -120px !important; + margin-right: -120px !important; + } + } + .m-130 { + margin: 130px !important; + } + + .mT-130 { + margin-top: 130px !important; + } + + .mR-130 { + margin-right: 130px !important; + } + + .mB-130 { + margin-bottom: 130px !important; + } + + .mL-130 { + margin-left: 130px !important; + } + + .mY-130 { + margin-top: 130px !important; + margin-bottom: 130px !important; + } + + .mX-130 { + margin-left: 130px !important; + margin-right: 130px !important; + } + + .m-nv-130 { + margin: -130px !important; + } + + .mT-nv-130 { + margin-top: -130px !important; + } + + .mR-nv-130 { + margin-right: -130px !important; + } + + .mB-nv-130 { + margin-bottom: -130px !important; + } + + .mL-nv-130 { + margin-left: -130px !important; + } + + .mY-nv-130 { + margin-top: -130px !important; + margin-bottom: -130px !important; + } + + .mX-nv-130 { + margin-left: -130px !important; + margin-right: -130px !important; + } + + @media screen and (min-width: 1440px) { + .m-130\@xl\+ { + margin: 130px !important; + } + .mT-130\@xl\+ { + margin-top: 130px !important; + } + .mR-130\@xl\+ { + margin-right: 130px !important; + } + .mB-130\@xl\+ { + margin-bottom: 130px !important; + } + .mL-130\@xl\+ { + margin-left: 130px !important; + } + .mY-130\@xl\+ { + margin-top: 130px !important; + margin-bottom: 130px !important; + } + .mX-130\@xl\+ { + margin-left: 130px !important; + margin-right: 130px !important; + } + .m-nv-130\@xl\+ { + margin: -130px !important; + } + .mT-nv-130\@xl\+ { + margin-top: -130px !important; + } + .mR-nv-130\@xl\+ { + margin-right: -130px !important; + } + .mB-nv-130\@xl\+ { + margin-bottom: -130px !important; + } + .mL-nv-130\@xl\+ { + margin-left: -130px !important; + } + .mY-nv-130\@xl\+ { + margin-top: -130px !important; + margin-bottom: -130px !important; + } + .mX-nv-130\@xl\+ { + margin-left: -130px !important; + margin-right: -130px !important; + } + } + @media screen and (min-width: 1200px) { + .m-130\@lg\+ { + margin: 130px !important; + } + .mT-130\@lg\+ { + margin-top: 130px !important; + } + .mR-130\@lg\+ { + margin-right: 130px !important; + } + .mB-130\@lg\+ { + margin-bottom: 130px !important; + } + .mL-130\@lg\+ { + margin-left: 130px !important; + } + .mY-130\@lg\+ { + margin-top: 130px !important; + margin-bottom: 130px !important; + } + .mX-130\@lg\+ { + margin-left: 130px !important; + margin-right: 130px !important; + } + .m-nv-130\@lg\+ { + margin: -130px !important; + } + .mT-nv-130\@lg\+ { + margin-top: -130px !important; + } + .mR-nv-130\@lg\+ { + margin-right: -130px !important; + } + .mB-nv-130\@lg\+ { + margin-bottom: -130px !important; + } + .mL-nv-130\@lg\+ { + margin-left: -130px !important; + } + .mY-nv-130\@lg\+ { + margin-top: -130px !important; + margin-bottom: -130px !important; + } + .mX-nv-130\@lg\+ { + margin-left: -130px !important; + margin-right: -130px !important; + } + } + @media screen and (min-width: 992px) { + .m-130\@md\+ { + margin: 130px !important; + } + .mT-130\@md\+ { + margin-top: 130px !important; + } + .mR-130\@md\+ { + margin-right: 130px !important; + } + .mB-130\@md\+ { + margin-bottom: 130px !important; + } + .mL-130\@md\+ { + margin-left: 130px !important; + } + .mY-130\@md\+ { + margin-top: 130px !important; + margin-bottom: 130px !important; + } + .mX-130\@md\+ { + margin-left: 130px !important; + margin-right: 130px !important; + } + .m-nv-130\@md\+ { + margin: -130px !important; + } + .mT-nv-130\@md\+ { + margin-top: -130px !important; + } + .mR-nv-130\@md\+ { + margin-right: -130px !important; + } + .mB-nv-130\@md\+ { + margin-bottom: -130px !important; + } + .mL-nv-130\@md\+ { + margin-left: -130px !important; + } + .mY-nv-130\@md\+ { + margin-top: -130px !important; + margin-bottom: -130px !important; + } + .mX-nv-130\@md\+ { + margin-left: -130px !important; + margin-right: -130px !important; + } + } + @media screen and (min-width: 768px) { + .m-130\@sm\+ { + margin: 130px !important; + } + .mT-130\@sm\+ { + margin-top: 130px !important; + } + .mR-130\@sm\+ { + margin-right: 130px !important; + } + .mB-130\@sm\+ { + margin-bottom: 130px !important; + } + .mL-130\@sm\+ { + margin-left: 130px !important; + } + .mY-130\@sm\+ { + margin-top: 130px !important; + margin-bottom: 130px !important; + } + .mX-130\@sm\+ { + margin-left: 130px !important; + margin-right: 130px !important; + } + .m-nv-130\@sm\+ { + margin: -130px !important; + } + .mT-nv-130\@sm\+ { + margin-top: -130px !important; + } + .mR-nv-130\@sm\+ { + margin-right: -130px !important; + } + .mB-nv-130\@sm\+ { + margin-bottom: -130px !important; + } + .mL-nv-130\@sm\+ { + margin-left: -130px !important; + } + .mY-nv-130\@sm\+ { + margin-top: -130px !important; + margin-bottom: -130px !important; + } + .mX-nv-130\@sm\+ { + margin-left: -130px !important; + margin-right: -130px !important; + } + } + @media screen and (min-width: 0) { + .m-130\@xs\+ { + margin: 130px !important; + } + .mT-130\@xs\+ { + margin-top: 130px !important; + } + .mR-130\@xs\+ { + margin-right: 130px !important; + } + .mB-130\@xs\+ { + margin-bottom: 130px !important; + } + .mL-130\@xs\+ { + margin-left: 130px !important; + } + .mY-130\@xs\+ { + margin-top: 130px !important; + margin-bottom: 130px !important; + } + .mX-130\@xs\+ { + margin-left: 130px !important; + margin-right: 130px !important; + } + .m-nv-130\@xs\+ { + margin: -130px !important; + } + .mT-nv-130\@xs\+ { + margin-top: -130px !important; + } + .mR-nv-130\@xs\+ { + margin-right: -130px !important; + } + .mB-nv-130\@xs\+ { + margin-bottom: -130px !important; + } + .mL-nv-130\@xs\+ { + margin-left: -130px !important; + } + .mY-nv-130\@xs\+ { + margin-top: -130px !important; + margin-bottom: -130px !important; + } + .mX-nv-130\@xs\+ { + margin-left: -130px !important; + margin-right: -130px !important; + } + } + @media screen and (max-width: 1439px) { + .m-130\@xl- { + margin: 130px !important; + } + .mT-130\@xl- { + margin-top: 130px !important; + } + .mR-130\@xl- { + margin-right: 130px !important; + } + .mB-130\@xl- { + margin-bottom: 130px !important; + } + .mL-130\@xl- { + margin-left: 130px !important; + } + .mY-130\@xl- { + margin-top: 130px !important; + margin-bottom: 130px !important; + } + .mX-130\@xl- { + margin-left: 130px !important; + margin-right: 130px !important; + } + .m-nv-130\@xl- { + margin: -130px !important; + } + .mT-nv-130\@xl- { + margin-top: -130px !important; + } + .mR-nv-130\@xl- { + margin-right: -130px !important; + } + .mB-nv-130\@xl- { + margin-bottom: -130px !important; + } + .mL-nv-130\@xl- { + margin-left: -130px !important; + } + .mY-nv-130\@xl- { + margin-top: -130px !important; + margin-bottom: -130px !important; + } + .mX-nv-130\@xl- { + margin-left: -130px !important; + margin-right: -130px !important; + } + } + @media screen and (max-width: 1199px) { + .m-130\@lg- { + margin: 130px !important; + } + .mT-130\@lg- { + margin-top: 130px !important; + } + .mR-130\@lg- { + margin-right: 130px !important; + } + .mB-130\@lg- { + margin-bottom: 130px !important; + } + .mL-130\@lg- { + margin-left: 130px !important; + } + .mY-130\@lg- { + margin-top: 130px !important; + margin-bottom: 130px !important; + } + .mX-130\@lg- { + margin-left: 130px !important; + margin-right: 130px !important; + } + .m-nv-130\@lg- { + margin: -130px !important; + } + .mT-nv-130\@lg- { + margin-top: -130px !important; + } + .mR-nv-130\@lg- { + margin-right: -130px !important; + } + .mB-nv-130\@lg- { + margin-bottom: -130px !important; + } + .mL-nv-130\@lg- { + margin-left: -130px !important; + } + .mY-nv-130\@lg- { + margin-top: -130px !important; + margin-bottom: -130px !important; + } + .mX-nv-130\@lg- { + margin-left: -130px !important; + margin-right: -130px !important; + } + } + @media screen and (max-width: 991px) { + .m-130\@md- { + margin: 130px !important; + } + .mT-130\@md- { + margin-top: 130px !important; + } + .mR-130\@md- { + margin-right: 130px !important; + } + .mB-130\@md- { + margin-bottom: 130px !important; + } + .mL-130\@md- { + margin-left: 130px !important; + } + .mY-130\@md- { + margin-top: 130px !important; + margin-bottom: 130px !important; + } + .mX-130\@md- { + margin-left: 130px !important; + margin-right: 130px !important; + } + .m-nv-130\@md- { + margin: -130px !important; + } + .mT-nv-130\@md- { + margin-top: -130px !important; + } + .mR-nv-130\@md- { + margin-right: -130px !important; + } + .mB-nv-130\@md- { + margin-bottom: -130px !important; + } + .mL-nv-130\@md- { + margin-left: -130px !important; + } + .mY-nv-130\@md- { + margin-top: -130px !important; + margin-bottom: -130px !important; + } + .mX-nv-130\@md- { + margin-left: -130px !important; + margin-right: -130px !important; + } + } + @media screen and (max-width: 767px) { + .m-130\@sm- { + margin: 130px !important; + } + .mT-130\@sm- { + margin-top: 130px !important; + } + .mR-130\@sm- { + margin-right: 130px !important; + } + .mB-130\@sm- { + margin-bottom: 130px !important; + } + .mL-130\@sm- { + margin-left: 130px !important; + } + .mY-130\@sm- { + margin-top: 130px !important; + margin-bottom: 130px !important; + } + .mX-130\@sm- { + margin-left: 130px !important; + margin-right: 130px !important; + } + .m-nv-130\@sm- { + margin: -130px !important; + } + .mT-nv-130\@sm- { + margin-top: -130px !important; + } + .mR-nv-130\@sm- { + margin-right: -130px !important; + } + .mB-nv-130\@sm- { + margin-bottom: -130px !important; + } + .mL-nv-130\@sm- { + margin-left: -130px !important; + } + .mY-nv-130\@sm- { + margin-top: -130px !important; + margin-bottom: -130px !important; + } + .mX-nv-130\@sm- { + margin-left: -130px !important; + margin-right: -130px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-130\@lg { + margin: 130px !important; + } + .mT-130\@lg { + margin-top: 130px !important; + } + .mR-130\@lg { + margin-right: 130px !important; + } + .mB-130\@lg { + margin-bottom: 130px !important; + } + .mL-130\@lg { + margin-left: 130px !important; + } + .mY-130\@lg { + margin-top: 130px !important; + margin-bottom: 130px !important; + } + .mX-130\@lg { + margin-left: 130px !important; + margin-right: 130px !important; + } + .m-nv-130\@lg { + margin: -130px !important; + } + .mT-nv-130\@lg { + margin-top: -130px !important; + } + .mR-nv-130\@lg { + margin-right: -130px !important; + } + .mB-nv-130\@lg { + margin-bottom: -130px !important; + } + .mL-nv-130\@lg { + margin-left: -130px !important; + } + .mY-nv-130\@lg { + margin-top: -130px !important; + margin-bottom: -130px !important; + } + .mX-nv-130\@lg { + margin-left: -130px !important; + margin-right: -130px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-130\@md { + margin: 130px !important; + } + .mT-130\@md { + margin-top: 130px !important; + } + .mR-130\@md { + margin-right: 130px !important; + } + .mB-130\@md { + margin-bottom: 130px !important; + } + .mL-130\@md { + margin-left: 130px !important; + } + .mY-130\@md { + margin-top: 130px !important; + margin-bottom: 130px !important; + } + .mX-130\@md { + margin-left: 130px !important; + margin-right: 130px !important; + } + .m-nv-130\@md { + margin: -130px !important; + } + .mT-nv-130\@md { + margin-top: -130px !important; + } + .mR-nv-130\@md { + margin-right: -130px !important; + } + .mB-nv-130\@md { + margin-bottom: -130px !important; + } + .mL-nv-130\@md { + margin-left: -130px !important; + } + .mY-nv-130\@md { + margin-top: -130px !important; + margin-bottom: -130px !important; + } + .mX-nv-130\@md { + margin-left: -130px !important; + margin-right: -130px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-130\@sm { + margin: 130px !important; + } + .mT-130\@sm { + margin-top: 130px !important; + } + .mR-130\@sm { + margin-right: 130px !important; + } + .mB-130\@sm { + margin-bottom: 130px !important; + } + .mL-130\@sm { + margin-left: 130px !important; + } + .mY-130\@sm { + margin-top: 130px !important; + margin-bottom: 130px !important; + } + .mX-130\@sm { + margin-left: 130px !important; + margin-right: 130px !important; + } + .m-nv-130\@sm { + margin: -130px !important; + } + .mT-nv-130\@sm { + margin-top: -130px !important; + } + .mR-nv-130\@sm { + margin-right: -130px !important; + } + .mB-nv-130\@sm { + margin-bottom: -130px !important; + } + .mL-nv-130\@sm { + margin-left: -130px !important; + } + .mY-nv-130\@sm { + margin-top: -130px !important; + margin-bottom: -130px !important; + } + .mX-nv-130\@sm { + margin-left: -130px !important; + margin-right: -130px !important; + } + } + .m-140 { + margin: 140px !important; + } + + .mT-140 { + margin-top: 140px !important; + } + + .mR-140 { + margin-right: 140px !important; + } + + .mB-140 { + margin-bottom: 140px !important; + } + + .mL-140 { + margin-left: 140px !important; + } + + .mY-140 { + margin-top: 140px !important; + margin-bottom: 140px !important; + } + + .mX-140 { + margin-left: 140px !important; + margin-right: 140px !important; + } + + .m-nv-140 { + margin: -140px !important; + } + + .mT-nv-140 { + margin-top: -140px !important; + } + + .mR-nv-140 { + margin-right: -140px !important; + } + + .mB-nv-140 { + margin-bottom: -140px !important; + } + + .mL-nv-140 { + margin-left: -140px !important; + } + + .mY-nv-140 { + margin-top: -140px !important; + margin-bottom: -140px !important; + } + + .mX-nv-140 { + margin-left: -140px !important; + margin-right: -140px !important; + } + + @media screen and (min-width: 1440px) { + .m-140\@xl\+ { + margin: 140px !important; + } + .mT-140\@xl\+ { + margin-top: 140px !important; + } + .mR-140\@xl\+ { + margin-right: 140px !important; + } + .mB-140\@xl\+ { + margin-bottom: 140px !important; + } + .mL-140\@xl\+ { + margin-left: 140px !important; + } + .mY-140\@xl\+ { + margin-top: 140px !important; + margin-bottom: 140px !important; + } + .mX-140\@xl\+ { + margin-left: 140px !important; + margin-right: 140px !important; + } + .m-nv-140\@xl\+ { + margin: -140px !important; + } + .mT-nv-140\@xl\+ { + margin-top: -140px !important; + } + .mR-nv-140\@xl\+ { + margin-right: -140px !important; + } + .mB-nv-140\@xl\+ { + margin-bottom: -140px !important; + } + .mL-nv-140\@xl\+ { + margin-left: -140px !important; + } + .mY-nv-140\@xl\+ { + margin-top: -140px !important; + margin-bottom: -140px !important; + } + .mX-nv-140\@xl\+ { + margin-left: -140px !important; + margin-right: -140px !important; + } + } + @media screen and (min-width: 1200px) { + .m-140\@lg\+ { + margin: 140px !important; + } + .mT-140\@lg\+ { + margin-top: 140px !important; + } + .mR-140\@lg\+ { + margin-right: 140px !important; + } + .mB-140\@lg\+ { + margin-bottom: 140px !important; + } + .mL-140\@lg\+ { + margin-left: 140px !important; + } + .mY-140\@lg\+ { + margin-top: 140px !important; + margin-bottom: 140px !important; + } + .mX-140\@lg\+ { + margin-left: 140px !important; + margin-right: 140px !important; + } + .m-nv-140\@lg\+ { + margin: -140px !important; + } + .mT-nv-140\@lg\+ { + margin-top: -140px !important; + } + .mR-nv-140\@lg\+ { + margin-right: -140px !important; + } + .mB-nv-140\@lg\+ { + margin-bottom: -140px !important; + } + .mL-nv-140\@lg\+ { + margin-left: -140px !important; + } + .mY-nv-140\@lg\+ { + margin-top: -140px !important; + margin-bottom: -140px !important; + } + .mX-nv-140\@lg\+ { + margin-left: -140px !important; + margin-right: -140px !important; + } + } + @media screen and (min-width: 992px) { + .m-140\@md\+ { + margin: 140px !important; + } + .mT-140\@md\+ { + margin-top: 140px !important; + } + .mR-140\@md\+ { + margin-right: 140px !important; + } + .mB-140\@md\+ { + margin-bottom: 140px !important; + } + .mL-140\@md\+ { + margin-left: 140px !important; + } + .mY-140\@md\+ { + margin-top: 140px !important; + margin-bottom: 140px !important; + } + .mX-140\@md\+ { + margin-left: 140px !important; + margin-right: 140px !important; + } + .m-nv-140\@md\+ { + margin: -140px !important; + } + .mT-nv-140\@md\+ { + margin-top: -140px !important; + } + .mR-nv-140\@md\+ { + margin-right: -140px !important; + } + .mB-nv-140\@md\+ { + margin-bottom: -140px !important; + } + .mL-nv-140\@md\+ { + margin-left: -140px !important; + } + .mY-nv-140\@md\+ { + margin-top: -140px !important; + margin-bottom: -140px !important; + } + .mX-nv-140\@md\+ { + margin-left: -140px !important; + margin-right: -140px !important; + } + } + @media screen and (min-width: 768px) { + .m-140\@sm\+ { + margin: 140px !important; + } + .mT-140\@sm\+ { + margin-top: 140px !important; + } + .mR-140\@sm\+ { + margin-right: 140px !important; + } + .mB-140\@sm\+ { + margin-bottom: 140px !important; + } + .mL-140\@sm\+ { + margin-left: 140px !important; + } + .mY-140\@sm\+ { + margin-top: 140px !important; + margin-bottom: 140px !important; + } + .mX-140\@sm\+ { + margin-left: 140px !important; + margin-right: 140px !important; + } + .m-nv-140\@sm\+ { + margin: -140px !important; + } + .mT-nv-140\@sm\+ { + margin-top: -140px !important; + } + .mR-nv-140\@sm\+ { + margin-right: -140px !important; + } + .mB-nv-140\@sm\+ { + margin-bottom: -140px !important; + } + .mL-nv-140\@sm\+ { + margin-left: -140px !important; + } + .mY-nv-140\@sm\+ { + margin-top: -140px !important; + margin-bottom: -140px !important; + } + .mX-nv-140\@sm\+ { + margin-left: -140px !important; + margin-right: -140px !important; + } + } + @media screen and (min-width: 0) { + .m-140\@xs\+ { + margin: 140px !important; + } + .mT-140\@xs\+ { + margin-top: 140px !important; + } + .mR-140\@xs\+ { + margin-right: 140px !important; + } + .mB-140\@xs\+ { + margin-bottom: 140px !important; + } + .mL-140\@xs\+ { + margin-left: 140px !important; + } + .mY-140\@xs\+ { + margin-top: 140px !important; + margin-bottom: 140px !important; + } + .mX-140\@xs\+ { + margin-left: 140px !important; + margin-right: 140px !important; + } + .m-nv-140\@xs\+ { + margin: -140px !important; + } + .mT-nv-140\@xs\+ { + margin-top: -140px !important; + } + .mR-nv-140\@xs\+ { + margin-right: -140px !important; + } + .mB-nv-140\@xs\+ { + margin-bottom: -140px !important; + } + .mL-nv-140\@xs\+ { + margin-left: -140px !important; + } + .mY-nv-140\@xs\+ { + margin-top: -140px !important; + margin-bottom: -140px !important; + } + .mX-nv-140\@xs\+ { + margin-left: -140px !important; + margin-right: -140px !important; + } + } + @media screen and (max-width: 1439px) { + .m-140\@xl- { + margin: 140px !important; + } + .mT-140\@xl- { + margin-top: 140px !important; + } + .mR-140\@xl- { + margin-right: 140px !important; + } + .mB-140\@xl- { + margin-bottom: 140px !important; + } + .mL-140\@xl- { + margin-left: 140px !important; + } + .mY-140\@xl- { + margin-top: 140px !important; + margin-bottom: 140px !important; + } + .mX-140\@xl- { + margin-left: 140px !important; + margin-right: 140px !important; + } + .m-nv-140\@xl- { + margin: -140px !important; + } + .mT-nv-140\@xl- { + margin-top: -140px !important; + } + .mR-nv-140\@xl- { + margin-right: -140px !important; + } + .mB-nv-140\@xl- { + margin-bottom: -140px !important; + } + .mL-nv-140\@xl- { + margin-left: -140px !important; + } + .mY-nv-140\@xl- { + margin-top: -140px !important; + margin-bottom: -140px !important; + } + .mX-nv-140\@xl- { + margin-left: -140px !important; + margin-right: -140px !important; + } + } + @media screen and (max-width: 1199px) { + .m-140\@lg- { + margin: 140px !important; + } + .mT-140\@lg- { + margin-top: 140px !important; + } + .mR-140\@lg- { + margin-right: 140px !important; + } + .mB-140\@lg- { + margin-bottom: 140px !important; + } + .mL-140\@lg- { + margin-left: 140px !important; + } + .mY-140\@lg- { + margin-top: 140px !important; + margin-bottom: 140px !important; + } + .mX-140\@lg- { + margin-left: 140px !important; + margin-right: 140px !important; + } + .m-nv-140\@lg- { + margin: -140px !important; + } + .mT-nv-140\@lg- { + margin-top: -140px !important; + } + .mR-nv-140\@lg- { + margin-right: -140px !important; + } + .mB-nv-140\@lg- { + margin-bottom: -140px !important; + } + .mL-nv-140\@lg- { + margin-left: -140px !important; + } + .mY-nv-140\@lg- { + margin-top: -140px !important; + margin-bottom: -140px !important; + } + .mX-nv-140\@lg- { + margin-left: -140px !important; + margin-right: -140px !important; + } + } + @media screen and (max-width: 991px) { + .m-140\@md- { + margin: 140px !important; + } + .mT-140\@md- { + margin-top: 140px !important; + } + .mR-140\@md- { + margin-right: 140px !important; + } + .mB-140\@md- { + margin-bottom: 140px !important; + } + .mL-140\@md- { + margin-left: 140px !important; + } + .mY-140\@md- { + margin-top: 140px !important; + margin-bottom: 140px !important; + } + .mX-140\@md- { + margin-left: 140px !important; + margin-right: 140px !important; + } + .m-nv-140\@md- { + margin: -140px !important; + } + .mT-nv-140\@md- { + margin-top: -140px !important; + } + .mR-nv-140\@md- { + margin-right: -140px !important; + } + .mB-nv-140\@md- { + margin-bottom: -140px !important; + } + .mL-nv-140\@md- { + margin-left: -140px !important; + } + .mY-nv-140\@md- { + margin-top: -140px !important; + margin-bottom: -140px !important; + } + .mX-nv-140\@md- { + margin-left: -140px !important; + margin-right: -140px !important; + } + } + @media screen and (max-width: 767px) { + .m-140\@sm- { + margin: 140px !important; + } + .mT-140\@sm- { + margin-top: 140px !important; + } + .mR-140\@sm- { + margin-right: 140px !important; + } + .mB-140\@sm- { + margin-bottom: 140px !important; + } + .mL-140\@sm- { + margin-left: 140px !important; + } + .mY-140\@sm- { + margin-top: 140px !important; + margin-bottom: 140px !important; + } + .mX-140\@sm- { + margin-left: 140px !important; + margin-right: 140px !important; + } + .m-nv-140\@sm- { + margin: -140px !important; + } + .mT-nv-140\@sm- { + margin-top: -140px !important; + } + .mR-nv-140\@sm- { + margin-right: -140px !important; + } + .mB-nv-140\@sm- { + margin-bottom: -140px !important; + } + .mL-nv-140\@sm- { + margin-left: -140px !important; + } + .mY-nv-140\@sm- { + margin-top: -140px !important; + margin-bottom: -140px !important; + } + .mX-nv-140\@sm- { + margin-left: -140px !important; + margin-right: -140px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-140\@lg { + margin: 140px !important; + } + .mT-140\@lg { + margin-top: 140px !important; + } + .mR-140\@lg { + margin-right: 140px !important; + } + .mB-140\@lg { + margin-bottom: 140px !important; + } + .mL-140\@lg { + margin-left: 140px !important; + } + .mY-140\@lg { + margin-top: 140px !important; + margin-bottom: 140px !important; + } + .mX-140\@lg { + margin-left: 140px !important; + margin-right: 140px !important; + } + .m-nv-140\@lg { + margin: -140px !important; + } + .mT-nv-140\@lg { + margin-top: -140px !important; + } + .mR-nv-140\@lg { + margin-right: -140px !important; + } + .mB-nv-140\@lg { + margin-bottom: -140px !important; + } + .mL-nv-140\@lg { + margin-left: -140px !important; + } + .mY-nv-140\@lg { + margin-top: -140px !important; + margin-bottom: -140px !important; + } + .mX-nv-140\@lg { + margin-left: -140px !important; + margin-right: -140px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-140\@md { + margin: 140px !important; + } + .mT-140\@md { + margin-top: 140px !important; + } + .mR-140\@md { + margin-right: 140px !important; + } + .mB-140\@md { + margin-bottom: 140px !important; + } + .mL-140\@md { + margin-left: 140px !important; + } + .mY-140\@md { + margin-top: 140px !important; + margin-bottom: 140px !important; + } + .mX-140\@md { + margin-left: 140px !important; + margin-right: 140px !important; + } + .m-nv-140\@md { + margin: -140px !important; + } + .mT-nv-140\@md { + margin-top: -140px !important; + } + .mR-nv-140\@md { + margin-right: -140px !important; + } + .mB-nv-140\@md { + margin-bottom: -140px !important; + } + .mL-nv-140\@md { + margin-left: -140px !important; + } + .mY-nv-140\@md { + margin-top: -140px !important; + margin-bottom: -140px !important; + } + .mX-nv-140\@md { + margin-left: -140px !important; + margin-right: -140px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-140\@sm { + margin: 140px !important; + } + .mT-140\@sm { + margin-top: 140px !important; + } + .mR-140\@sm { + margin-right: 140px !important; + } + .mB-140\@sm { + margin-bottom: 140px !important; + } + .mL-140\@sm { + margin-left: 140px !important; + } + .mY-140\@sm { + margin-top: 140px !important; + margin-bottom: 140px !important; + } + .mX-140\@sm { + margin-left: 140px !important; + margin-right: 140px !important; + } + .m-nv-140\@sm { + margin: -140px !important; + } + .mT-nv-140\@sm { + margin-top: -140px !important; + } + .mR-nv-140\@sm { + margin-right: -140px !important; + } + .mB-nv-140\@sm { + margin-bottom: -140px !important; + } + .mL-nv-140\@sm { + margin-left: -140px !important; + } + .mY-nv-140\@sm { + margin-top: -140px !important; + margin-bottom: -140px !important; + } + .mX-nv-140\@sm { + margin-left: -140px !important; + margin-right: -140px !important; + } + } + .m-150 { + margin: 150px !important; + } + + .mT-150 { + margin-top: 150px !important; + } + + .mR-150 { + margin-right: 150px !important; + } + + .mB-150 { + margin-bottom: 150px !important; + } + + .mL-150 { + margin-left: 150px !important; + } + + .mY-150 { + margin-top: 150px !important; + margin-bottom: 150px !important; + } + + .mX-150 { + margin-left: 150px !important; + margin-right: 150px !important; + } + + .m-nv-150 { + margin: -150px !important; + } + + .mT-nv-150 { + margin-top: -150px !important; + } + + .mR-nv-150 { + margin-right: -150px !important; + } + + .mB-nv-150 { + margin-bottom: -150px !important; + } + + .mL-nv-150 { + margin-left: -150px !important; + } + + .mY-nv-150 { + margin-top: -150px !important; + margin-bottom: -150px !important; + } + + .mX-nv-150 { + margin-left: -150px !important; + margin-right: -150px !important; + } + + @media screen and (min-width: 1440px) { + .m-150\@xl\+ { + margin: 150px !important; + } + .mT-150\@xl\+ { + margin-top: 150px !important; + } + .mR-150\@xl\+ { + margin-right: 150px !important; + } + .mB-150\@xl\+ { + margin-bottom: 150px !important; + } + .mL-150\@xl\+ { + margin-left: 150px !important; + } + .mY-150\@xl\+ { + margin-top: 150px !important; + margin-bottom: 150px !important; + } + .mX-150\@xl\+ { + margin-left: 150px !important; + margin-right: 150px !important; + } + .m-nv-150\@xl\+ { + margin: -150px !important; + } + .mT-nv-150\@xl\+ { + margin-top: -150px !important; + } + .mR-nv-150\@xl\+ { + margin-right: -150px !important; + } + .mB-nv-150\@xl\+ { + margin-bottom: -150px !important; + } + .mL-nv-150\@xl\+ { + margin-left: -150px !important; + } + .mY-nv-150\@xl\+ { + margin-top: -150px !important; + margin-bottom: -150px !important; + } + .mX-nv-150\@xl\+ { + margin-left: -150px !important; + margin-right: -150px !important; + } + } + @media screen and (min-width: 1200px) { + .m-150\@lg\+ { + margin: 150px !important; + } + .mT-150\@lg\+ { + margin-top: 150px !important; + } + .mR-150\@lg\+ { + margin-right: 150px !important; + } + .mB-150\@lg\+ { + margin-bottom: 150px !important; + } + .mL-150\@lg\+ { + margin-left: 150px !important; + } + .mY-150\@lg\+ { + margin-top: 150px !important; + margin-bottom: 150px !important; + } + .mX-150\@lg\+ { + margin-left: 150px !important; + margin-right: 150px !important; + } + .m-nv-150\@lg\+ { + margin: -150px !important; + } + .mT-nv-150\@lg\+ { + margin-top: -150px !important; + } + .mR-nv-150\@lg\+ { + margin-right: -150px !important; + } + .mB-nv-150\@lg\+ { + margin-bottom: -150px !important; + } + .mL-nv-150\@lg\+ { + margin-left: -150px !important; + } + .mY-nv-150\@lg\+ { + margin-top: -150px !important; + margin-bottom: -150px !important; + } + .mX-nv-150\@lg\+ { + margin-left: -150px !important; + margin-right: -150px !important; + } + } + @media screen and (min-width: 992px) { + .m-150\@md\+ { + margin: 150px !important; + } + .mT-150\@md\+ { + margin-top: 150px !important; + } + .mR-150\@md\+ { + margin-right: 150px !important; + } + .mB-150\@md\+ { + margin-bottom: 150px !important; + } + .mL-150\@md\+ { + margin-left: 150px !important; + } + .mY-150\@md\+ { + margin-top: 150px !important; + margin-bottom: 150px !important; + } + .mX-150\@md\+ { + margin-left: 150px !important; + margin-right: 150px !important; + } + .m-nv-150\@md\+ { + margin: -150px !important; + } + .mT-nv-150\@md\+ { + margin-top: -150px !important; + } + .mR-nv-150\@md\+ { + margin-right: -150px !important; + } + .mB-nv-150\@md\+ { + margin-bottom: -150px !important; + } + .mL-nv-150\@md\+ { + margin-left: -150px !important; + } + .mY-nv-150\@md\+ { + margin-top: -150px !important; + margin-bottom: -150px !important; + } + .mX-nv-150\@md\+ { + margin-left: -150px !important; + margin-right: -150px !important; + } + } + @media screen and (min-width: 768px) { + .m-150\@sm\+ { + margin: 150px !important; + } + .mT-150\@sm\+ { + margin-top: 150px !important; + } + .mR-150\@sm\+ { + margin-right: 150px !important; + } + .mB-150\@sm\+ { + margin-bottom: 150px !important; + } + .mL-150\@sm\+ { + margin-left: 150px !important; + } + .mY-150\@sm\+ { + margin-top: 150px !important; + margin-bottom: 150px !important; + } + .mX-150\@sm\+ { + margin-left: 150px !important; + margin-right: 150px !important; + } + .m-nv-150\@sm\+ { + margin: -150px !important; + } + .mT-nv-150\@sm\+ { + margin-top: -150px !important; + } + .mR-nv-150\@sm\+ { + margin-right: -150px !important; + } + .mB-nv-150\@sm\+ { + margin-bottom: -150px !important; + } + .mL-nv-150\@sm\+ { + margin-left: -150px !important; + } + .mY-nv-150\@sm\+ { + margin-top: -150px !important; + margin-bottom: -150px !important; + } + .mX-nv-150\@sm\+ { + margin-left: -150px !important; + margin-right: -150px !important; + } + } + @media screen and (min-width: 0) { + .m-150\@xs\+ { + margin: 150px !important; + } + .mT-150\@xs\+ { + margin-top: 150px !important; + } + .mR-150\@xs\+ { + margin-right: 150px !important; + } + .mB-150\@xs\+ { + margin-bottom: 150px !important; + } + .mL-150\@xs\+ { + margin-left: 150px !important; + } + .mY-150\@xs\+ { + margin-top: 150px !important; + margin-bottom: 150px !important; + } + .mX-150\@xs\+ { + margin-left: 150px !important; + margin-right: 150px !important; + } + .m-nv-150\@xs\+ { + margin: -150px !important; + } + .mT-nv-150\@xs\+ { + margin-top: -150px !important; + } + .mR-nv-150\@xs\+ { + margin-right: -150px !important; + } + .mB-nv-150\@xs\+ { + margin-bottom: -150px !important; + } + .mL-nv-150\@xs\+ { + margin-left: -150px !important; + } + .mY-nv-150\@xs\+ { + margin-top: -150px !important; + margin-bottom: -150px !important; + } + .mX-nv-150\@xs\+ { + margin-left: -150px !important; + margin-right: -150px !important; + } + } + @media screen and (max-width: 1439px) { + .m-150\@xl- { + margin: 150px !important; + } + .mT-150\@xl- { + margin-top: 150px !important; + } + .mR-150\@xl- { + margin-right: 150px !important; + } + .mB-150\@xl- { + margin-bottom: 150px !important; + } + .mL-150\@xl- { + margin-left: 150px !important; + } + .mY-150\@xl- { + margin-top: 150px !important; + margin-bottom: 150px !important; + } + .mX-150\@xl- { + margin-left: 150px !important; + margin-right: 150px !important; + } + .m-nv-150\@xl- { + margin: -150px !important; + } + .mT-nv-150\@xl- { + margin-top: -150px !important; + } + .mR-nv-150\@xl- { + margin-right: -150px !important; + } + .mB-nv-150\@xl- { + margin-bottom: -150px !important; + } + .mL-nv-150\@xl- { + margin-left: -150px !important; + } + .mY-nv-150\@xl- { + margin-top: -150px !important; + margin-bottom: -150px !important; + } + .mX-nv-150\@xl- { + margin-left: -150px !important; + margin-right: -150px !important; + } + } + @media screen and (max-width: 1199px) { + .m-150\@lg- { + margin: 150px !important; + } + .mT-150\@lg- { + margin-top: 150px !important; + } + .mR-150\@lg- { + margin-right: 150px !important; + } + .mB-150\@lg- { + margin-bottom: 150px !important; + } + .mL-150\@lg- { + margin-left: 150px !important; + } + .mY-150\@lg- { + margin-top: 150px !important; + margin-bottom: 150px !important; + } + .mX-150\@lg- { + margin-left: 150px !important; + margin-right: 150px !important; + } + .m-nv-150\@lg- { + margin: -150px !important; + } + .mT-nv-150\@lg- { + margin-top: -150px !important; + } + .mR-nv-150\@lg- { + margin-right: -150px !important; + } + .mB-nv-150\@lg- { + margin-bottom: -150px !important; + } + .mL-nv-150\@lg- { + margin-left: -150px !important; + } + .mY-nv-150\@lg- { + margin-top: -150px !important; + margin-bottom: -150px !important; + } + .mX-nv-150\@lg- { + margin-left: -150px !important; + margin-right: -150px !important; + } + } + @media screen and (max-width: 991px) { + .m-150\@md- { + margin: 150px !important; + } + .mT-150\@md- { + margin-top: 150px !important; + } + .mR-150\@md- { + margin-right: 150px !important; + } + .mB-150\@md- { + margin-bottom: 150px !important; + } + .mL-150\@md- { + margin-left: 150px !important; + } + .mY-150\@md- { + margin-top: 150px !important; + margin-bottom: 150px !important; + } + .mX-150\@md- { + margin-left: 150px !important; + margin-right: 150px !important; + } + .m-nv-150\@md- { + margin: -150px !important; + } + .mT-nv-150\@md- { + margin-top: -150px !important; + } + .mR-nv-150\@md- { + margin-right: -150px !important; + } + .mB-nv-150\@md- { + margin-bottom: -150px !important; + } + .mL-nv-150\@md- { + margin-left: -150px !important; + } + .mY-nv-150\@md- { + margin-top: -150px !important; + margin-bottom: -150px !important; + } + .mX-nv-150\@md- { + margin-left: -150px !important; + margin-right: -150px !important; + } + } + @media screen and (max-width: 767px) { + .m-150\@sm- { + margin: 150px !important; + } + .mT-150\@sm- { + margin-top: 150px !important; + } + .mR-150\@sm- { + margin-right: 150px !important; + } + .mB-150\@sm- { + margin-bottom: 150px !important; + } + .mL-150\@sm- { + margin-left: 150px !important; + } + .mY-150\@sm- { + margin-top: 150px !important; + margin-bottom: 150px !important; + } + .mX-150\@sm- { + margin-left: 150px !important; + margin-right: 150px !important; + } + .m-nv-150\@sm- { + margin: -150px !important; + } + .mT-nv-150\@sm- { + margin-top: -150px !important; + } + .mR-nv-150\@sm- { + margin-right: -150px !important; + } + .mB-nv-150\@sm- { + margin-bottom: -150px !important; + } + .mL-nv-150\@sm- { + margin-left: -150px !important; + } + .mY-nv-150\@sm- { + margin-top: -150px !important; + margin-bottom: -150px !important; + } + .mX-nv-150\@sm- { + margin-left: -150px !important; + margin-right: -150px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-150\@lg { + margin: 150px !important; + } + .mT-150\@lg { + margin-top: 150px !important; + } + .mR-150\@lg { + margin-right: 150px !important; + } + .mB-150\@lg { + margin-bottom: 150px !important; + } + .mL-150\@lg { + margin-left: 150px !important; + } + .mY-150\@lg { + margin-top: 150px !important; + margin-bottom: 150px !important; + } + .mX-150\@lg { + margin-left: 150px !important; + margin-right: 150px !important; + } + .m-nv-150\@lg { + margin: -150px !important; + } + .mT-nv-150\@lg { + margin-top: -150px !important; + } + .mR-nv-150\@lg { + margin-right: -150px !important; + } + .mB-nv-150\@lg { + margin-bottom: -150px !important; + } + .mL-nv-150\@lg { + margin-left: -150px !important; + } + .mY-nv-150\@lg { + margin-top: -150px !important; + margin-bottom: -150px !important; + } + .mX-nv-150\@lg { + margin-left: -150px !important; + margin-right: -150px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-150\@md { + margin: 150px !important; + } + .mT-150\@md { + margin-top: 150px !important; + } + .mR-150\@md { + margin-right: 150px !important; + } + .mB-150\@md { + margin-bottom: 150px !important; + } + .mL-150\@md { + margin-left: 150px !important; + } + .mY-150\@md { + margin-top: 150px !important; + margin-bottom: 150px !important; + } + .mX-150\@md { + margin-left: 150px !important; + margin-right: 150px !important; + } + .m-nv-150\@md { + margin: -150px !important; + } + .mT-nv-150\@md { + margin-top: -150px !important; + } + .mR-nv-150\@md { + margin-right: -150px !important; + } + .mB-nv-150\@md { + margin-bottom: -150px !important; + } + .mL-nv-150\@md { + margin-left: -150px !important; + } + .mY-nv-150\@md { + margin-top: -150px !important; + margin-bottom: -150px !important; + } + .mX-nv-150\@md { + margin-left: -150px !important; + margin-right: -150px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-150\@sm { + margin: 150px !important; + } + .mT-150\@sm { + margin-top: 150px !important; + } + .mR-150\@sm { + margin-right: 150px !important; + } + .mB-150\@sm { + margin-bottom: 150px !important; + } + .mL-150\@sm { + margin-left: 150px !important; + } + .mY-150\@sm { + margin-top: 150px !important; + margin-bottom: 150px !important; + } + .mX-150\@sm { + margin-left: 150px !important; + margin-right: 150px !important; + } + .m-nv-150\@sm { + margin: -150px !important; + } + .mT-nv-150\@sm { + margin-top: -150px !important; + } + .mR-nv-150\@sm { + margin-right: -150px !important; + } + .mB-nv-150\@sm { + margin-bottom: -150px !important; + } + .mL-nv-150\@sm { + margin-left: -150px !important; + } + .mY-nv-150\@sm { + margin-top: -150px !important; + margin-bottom: -150px !important; + } + .mX-nv-150\@sm { + margin-left: -150px !important; + margin-right: -150px !important; + } + } + .m-160 { + margin: 160px !important; + } + + .mT-160 { + margin-top: 160px !important; + } + + .mR-160 { + margin-right: 160px !important; + } + + .mB-160 { + margin-bottom: 160px !important; + } + + .mL-160 { + margin-left: 160px !important; + } + + .mY-160 { + margin-top: 160px !important; + margin-bottom: 160px !important; + } + + .mX-160 { + margin-left: 160px !important; + margin-right: 160px !important; + } + + .m-nv-160 { + margin: -160px !important; + } + + .mT-nv-160 { + margin-top: -160px !important; + } + + .mR-nv-160 { + margin-right: -160px !important; + } + + .mB-nv-160 { + margin-bottom: -160px !important; + } + + .mL-nv-160 { + margin-left: -160px !important; + } + + .mY-nv-160 { + margin-top: -160px !important; + margin-bottom: -160px !important; + } + + .mX-nv-160 { + margin-left: -160px !important; + margin-right: -160px !important; + } + + @media screen and (min-width: 1440px) { + .m-160\@xl\+ { + margin: 160px !important; + } + .mT-160\@xl\+ { + margin-top: 160px !important; + } + .mR-160\@xl\+ { + margin-right: 160px !important; + } + .mB-160\@xl\+ { + margin-bottom: 160px !important; + } + .mL-160\@xl\+ { + margin-left: 160px !important; + } + .mY-160\@xl\+ { + margin-top: 160px !important; + margin-bottom: 160px !important; + } + .mX-160\@xl\+ { + margin-left: 160px !important; + margin-right: 160px !important; + } + .m-nv-160\@xl\+ { + margin: -160px !important; + } + .mT-nv-160\@xl\+ { + margin-top: -160px !important; + } + .mR-nv-160\@xl\+ { + margin-right: -160px !important; + } + .mB-nv-160\@xl\+ { + margin-bottom: -160px !important; + } + .mL-nv-160\@xl\+ { + margin-left: -160px !important; + } + .mY-nv-160\@xl\+ { + margin-top: -160px !important; + margin-bottom: -160px !important; + } + .mX-nv-160\@xl\+ { + margin-left: -160px !important; + margin-right: -160px !important; + } + } + @media screen and (min-width: 1200px) { + .m-160\@lg\+ { + margin: 160px !important; + } + .mT-160\@lg\+ { + margin-top: 160px !important; + } + .mR-160\@lg\+ { + margin-right: 160px !important; + } + .mB-160\@lg\+ { + margin-bottom: 160px !important; + } + .mL-160\@lg\+ { + margin-left: 160px !important; + } + .mY-160\@lg\+ { + margin-top: 160px !important; + margin-bottom: 160px !important; + } + .mX-160\@lg\+ { + margin-left: 160px !important; + margin-right: 160px !important; + } + .m-nv-160\@lg\+ { + margin: -160px !important; + } + .mT-nv-160\@lg\+ { + margin-top: -160px !important; + } + .mR-nv-160\@lg\+ { + margin-right: -160px !important; + } + .mB-nv-160\@lg\+ { + margin-bottom: -160px !important; + } + .mL-nv-160\@lg\+ { + margin-left: -160px !important; + } + .mY-nv-160\@lg\+ { + margin-top: -160px !important; + margin-bottom: -160px !important; + } + .mX-nv-160\@lg\+ { + margin-left: -160px !important; + margin-right: -160px !important; + } + } + @media screen and (min-width: 992px) { + .m-160\@md\+ { + margin: 160px !important; + } + .mT-160\@md\+ { + margin-top: 160px !important; + } + .mR-160\@md\+ { + margin-right: 160px !important; + } + .mB-160\@md\+ { + margin-bottom: 160px !important; + } + .mL-160\@md\+ { + margin-left: 160px !important; + } + .mY-160\@md\+ { + margin-top: 160px !important; + margin-bottom: 160px !important; + } + .mX-160\@md\+ { + margin-left: 160px !important; + margin-right: 160px !important; + } + .m-nv-160\@md\+ { + margin: -160px !important; + } + .mT-nv-160\@md\+ { + margin-top: -160px !important; + } + .mR-nv-160\@md\+ { + margin-right: -160px !important; + } + .mB-nv-160\@md\+ { + margin-bottom: -160px !important; + } + .mL-nv-160\@md\+ { + margin-left: -160px !important; + } + .mY-nv-160\@md\+ { + margin-top: -160px !important; + margin-bottom: -160px !important; + } + .mX-nv-160\@md\+ { + margin-left: -160px !important; + margin-right: -160px !important; + } + } + @media screen and (min-width: 768px) { + .m-160\@sm\+ { + margin: 160px !important; + } + .mT-160\@sm\+ { + margin-top: 160px !important; + } + .mR-160\@sm\+ { + margin-right: 160px !important; + } + .mB-160\@sm\+ { + margin-bottom: 160px !important; + } + .mL-160\@sm\+ { + margin-left: 160px !important; + } + .mY-160\@sm\+ { + margin-top: 160px !important; + margin-bottom: 160px !important; + } + .mX-160\@sm\+ { + margin-left: 160px !important; + margin-right: 160px !important; + } + .m-nv-160\@sm\+ { + margin: -160px !important; + } + .mT-nv-160\@sm\+ { + margin-top: -160px !important; + } + .mR-nv-160\@sm\+ { + margin-right: -160px !important; + } + .mB-nv-160\@sm\+ { + margin-bottom: -160px !important; + } + .mL-nv-160\@sm\+ { + margin-left: -160px !important; + } + .mY-nv-160\@sm\+ { + margin-top: -160px !important; + margin-bottom: -160px !important; + } + .mX-nv-160\@sm\+ { + margin-left: -160px !important; + margin-right: -160px !important; + } + } + @media screen and (min-width: 0) { + .m-160\@xs\+ { + margin: 160px !important; + } + .mT-160\@xs\+ { + margin-top: 160px !important; + } + .mR-160\@xs\+ { + margin-right: 160px !important; + } + .mB-160\@xs\+ { + margin-bottom: 160px !important; + } + .mL-160\@xs\+ { + margin-left: 160px !important; + } + .mY-160\@xs\+ { + margin-top: 160px !important; + margin-bottom: 160px !important; + } + .mX-160\@xs\+ { + margin-left: 160px !important; + margin-right: 160px !important; + } + .m-nv-160\@xs\+ { + margin: -160px !important; + } + .mT-nv-160\@xs\+ { + margin-top: -160px !important; + } + .mR-nv-160\@xs\+ { + margin-right: -160px !important; + } + .mB-nv-160\@xs\+ { + margin-bottom: -160px !important; + } + .mL-nv-160\@xs\+ { + margin-left: -160px !important; + } + .mY-nv-160\@xs\+ { + margin-top: -160px !important; + margin-bottom: -160px !important; + } + .mX-nv-160\@xs\+ { + margin-left: -160px !important; + margin-right: -160px !important; + } + } + @media screen and (max-width: 1439px) { + .m-160\@xl- { + margin: 160px !important; + } + .mT-160\@xl- { + margin-top: 160px !important; + } + .mR-160\@xl- { + margin-right: 160px !important; + } + .mB-160\@xl- { + margin-bottom: 160px !important; + } + .mL-160\@xl- { + margin-left: 160px !important; + } + .mY-160\@xl- { + margin-top: 160px !important; + margin-bottom: 160px !important; + } + .mX-160\@xl- { + margin-left: 160px !important; + margin-right: 160px !important; + } + .m-nv-160\@xl- { + margin: -160px !important; + } + .mT-nv-160\@xl- { + margin-top: -160px !important; + } + .mR-nv-160\@xl- { + margin-right: -160px !important; + } + .mB-nv-160\@xl- { + margin-bottom: -160px !important; + } + .mL-nv-160\@xl- { + margin-left: -160px !important; + } + .mY-nv-160\@xl- { + margin-top: -160px !important; + margin-bottom: -160px !important; + } + .mX-nv-160\@xl- { + margin-left: -160px !important; + margin-right: -160px !important; + } + } + @media screen and (max-width: 1199px) { + .m-160\@lg- { + margin: 160px !important; + } + .mT-160\@lg- { + margin-top: 160px !important; + } + .mR-160\@lg- { + margin-right: 160px !important; + } + .mB-160\@lg- { + margin-bottom: 160px !important; + } + .mL-160\@lg- { + margin-left: 160px !important; + } + .mY-160\@lg- { + margin-top: 160px !important; + margin-bottom: 160px !important; + } + .mX-160\@lg- { + margin-left: 160px !important; + margin-right: 160px !important; + } + .m-nv-160\@lg- { + margin: -160px !important; + } + .mT-nv-160\@lg- { + margin-top: -160px !important; + } + .mR-nv-160\@lg- { + margin-right: -160px !important; + } + .mB-nv-160\@lg- { + margin-bottom: -160px !important; + } + .mL-nv-160\@lg- { + margin-left: -160px !important; + } + .mY-nv-160\@lg- { + margin-top: -160px !important; + margin-bottom: -160px !important; + } + .mX-nv-160\@lg- { + margin-left: -160px !important; + margin-right: -160px !important; + } + } + @media screen and (max-width: 991px) { + .m-160\@md- { + margin: 160px !important; + } + .mT-160\@md- { + margin-top: 160px !important; + } + .mR-160\@md- { + margin-right: 160px !important; + } + .mB-160\@md- { + margin-bottom: 160px !important; + } + .mL-160\@md- { + margin-left: 160px !important; + } + .mY-160\@md- { + margin-top: 160px !important; + margin-bottom: 160px !important; + } + .mX-160\@md- { + margin-left: 160px !important; + margin-right: 160px !important; + } + .m-nv-160\@md- { + margin: -160px !important; + } + .mT-nv-160\@md- { + margin-top: -160px !important; + } + .mR-nv-160\@md- { + margin-right: -160px !important; + } + .mB-nv-160\@md- { + margin-bottom: -160px !important; + } + .mL-nv-160\@md- { + margin-left: -160px !important; + } + .mY-nv-160\@md- { + margin-top: -160px !important; + margin-bottom: -160px !important; + } + .mX-nv-160\@md- { + margin-left: -160px !important; + margin-right: -160px !important; + } + } + @media screen and (max-width: 767px) { + .m-160\@sm- { + margin: 160px !important; + } + .mT-160\@sm- { + margin-top: 160px !important; + } + .mR-160\@sm- { + margin-right: 160px !important; + } + .mB-160\@sm- { + margin-bottom: 160px !important; + } + .mL-160\@sm- { + margin-left: 160px !important; + } + .mY-160\@sm- { + margin-top: 160px !important; + margin-bottom: 160px !important; + } + .mX-160\@sm- { + margin-left: 160px !important; + margin-right: 160px !important; + } + .m-nv-160\@sm- { + margin: -160px !important; + } + .mT-nv-160\@sm- { + margin-top: -160px !important; + } + .mR-nv-160\@sm- { + margin-right: -160px !important; + } + .mB-nv-160\@sm- { + margin-bottom: -160px !important; + } + .mL-nv-160\@sm- { + margin-left: -160px !important; + } + .mY-nv-160\@sm- { + margin-top: -160px !important; + margin-bottom: -160px !important; + } + .mX-nv-160\@sm- { + margin-left: -160px !important; + margin-right: -160px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-160\@lg { + margin: 160px !important; + } + .mT-160\@lg { + margin-top: 160px !important; + } + .mR-160\@lg { + margin-right: 160px !important; + } + .mB-160\@lg { + margin-bottom: 160px !important; + } + .mL-160\@lg { + margin-left: 160px !important; + } + .mY-160\@lg { + margin-top: 160px !important; + margin-bottom: 160px !important; + } + .mX-160\@lg { + margin-left: 160px !important; + margin-right: 160px !important; + } + .m-nv-160\@lg { + margin: -160px !important; + } + .mT-nv-160\@lg { + margin-top: -160px !important; + } + .mR-nv-160\@lg { + margin-right: -160px !important; + } + .mB-nv-160\@lg { + margin-bottom: -160px !important; + } + .mL-nv-160\@lg { + margin-left: -160px !important; + } + .mY-nv-160\@lg { + margin-top: -160px !important; + margin-bottom: -160px !important; + } + .mX-nv-160\@lg { + margin-left: -160px !important; + margin-right: -160px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-160\@md { + margin: 160px !important; + } + .mT-160\@md { + margin-top: 160px !important; + } + .mR-160\@md { + margin-right: 160px !important; + } + .mB-160\@md { + margin-bottom: 160px !important; + } + .mL-160\@md { + margin-left: 160px !important; + } + .mY-160\@md { + margin-top: 160px !important; + margin-bottom: 160px !important; + } + .mX-160\@md { + margin-left: 160px !important; + margin-right: 160px !important; + } + .m-nv-160\@md { + margin: -160px !important; + } + .mT-nv-160\@md { + margin-top: -160px !important; + } + .mR-nv-160\@md { + margin-right: -160px !important; + } + .mB-nv-160\@md { + margin-bottom: -160px !important; + } + .mL-nv-160\@md { + margin-left: -160px !important; + } + .mY-nv-160\@md { + margin-top: -160px !important; + margin-bottom: -160px !important; + } + .mX-nv-160\@md { + margin-left: -160px !important; + margin-right: -160px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-160\@sm { + margin: 160px !important; + } + .mT-160\@sm { + margin-top: 160px !important; + } + .mR-160\@sm { + margin-right: 160px !important; + } + .mB-160\@sm { + margin-bottom: 160px !important; + } + .mL-160\@sm { + margin-left: 160px !important; + } + .mY-160\@sm { + margin-top: 160px !important; + margin-bottom: 160px !important; + } + .mX-160\@sm { + margin-left: 160px !important; + margin-right: 160px !important; + } + .m-nv-160\@sm { + margin: -160px !important; + } + .mT-nv-160\@sm { + margin-top: -160px !important; + } + .mR-nv-160\@sm { + margin-right: -160px !important; + } + .mB-nv-160\@sm { + margin-bottom: -160px !important; + } + .mL-nv-160\@sm { + margin-left: -160px !important; + } + .mY-nv-160\@sm { + margin-top: -160px !important; + margin-bottom: -160px !important; + } + .mX-nv-160\@sm { + margin-left: -160px !important; + margin-right: -160px !important; + } + } + .m-a { + margin: auto !important; + } + + .mX-a { + margin-left: auto !important; + margin-right: auto !important; + } + + .mT-a { + margin-top: auto !important; + } + + .mR-a { + margin-right: auto !important; + } + + .mB-a { + margin-bottom: auto !important; + } + + .mL-a { + margin-left: auto !important; + } + + @media screen and (min-width: 1440px) { + .m-a\@xl\+ { + margin: auto !important; + } + .mX-a\@xl\+ { + margin-left: auto !important; + margin-right: auto !important; + } + .mT-a\@xl\+ { + margin-top: auto !important; + } + .mR-a\@xl\+ { + margin-right: auto !important; + } + .mB-a\@xl\+ { + margin-bottom: auto !important; + } + .mL-a\@xl\+ { + margin-left: auto !important; + } + } + @media screen and (min-width: 1200px) { + .m-a\@lg\+ { + margin: auto !important; + } + .mX-a\@lg\+ { + margin-left: auto !important; + margin-right: auto !important; + } + .mT-a\@lg\+ { + margin-top: auto !important; + } + .mR-a\@lg\+ { + margin-right: auto !important; + } + .mB-a\@lg\+ { + margin-bottom: auto !important; + } + .mL-a\@lg\+ { + margin-left: auto !important; + } + } + @media screen and (min-width: 992px) { + .m-a\@md\+ { + margin: auto !important; + } + .mX-a\@md\+ { + margin-left: auto !important; + margin-right: auto !important; + } + .mT-a\@md\+ { + margin-top: auto !important; + } + .mR-a\@md\+ { + margin-right: auto !important; + } + .mB-a\@md\+ { + margin-bottom: auto !important; + } + .mL-a\@md\+ { + margin-left: auto !important; + } + } + @media screen and (min-width: 768px) { + .m-a\@sm\+ { + margin: auto !important; + } + .mX-a\@sm\+ { + margin-left: auto !important; + margin-right: auto !important; + } + .mT-a\@sm\+ { + margin-top: auto !important; + } + .mR-a\@sm\+ { + margin-right: auto !important; + } + .mB-a\@sm\+ { + margin-bottom: auto !important; + } + .mL-a\@sm\+ { + margin-left: auto !important; + } + } + @media screen and (min-width: 0) { + .m-a\@xs\+ { + margin: auto !important; + } + .mX-a\@xs\+ { + margin-left: auto !important; + margin-right: auto !important; + } + .mT-a\@xs\+ { + margin-top: auto !important; + } + .mR-a\@xs\+ { + margin-right: auto !important; + } + .mB-a\@xs\+ { + margin-bottom: auto !important; + } + .mL-a\@xs\+ { + margin-left: auto !important; + } + } + @media screen and (max-width: 1439px) { + .m-a\@xl- { + margin: auto !important; + } + .mX-a\@xl- { + margin-left: auto !important; + margin-right: auto !important; + } + .mT-a\@xl- { + margin-top: auto !important; + } + .mR-a\@xl- { + margin-right: auto !important; + } + .mB-a\@xl- { + margin-bottom: auto !important; + } + .mL-a\@xl- { + margin-left: auto !important; + } + } + @media screen and (max-width: 1199px) { + .m-a\@lg- { + margin: auto !important; + } + .mX-a\@lg- { + margin-left: auto !important; + margin-right: auto !important; + } + .mT-a\@lg- { + margin-top: auto !important; + } + .mR-a\@lg- { + margin-right: auto !important; + } + .mB-a\@lg- { + margin-bottom: auto !important; + } + .mL-a\@lg- { + margin-left: auto !important; + } + } + @media screen and (max-width: 991px) { + .m-a\@md- { + margin: auto !important; + } + .mX-a\@md- { + margin-left: auto !important; + margin-right: auto !important; + } + .mT-a\@md- { + margin-top: auto !important; + } + .mR-a\@md- { + margin-right: auto !important; + } + .mB-a\@md- { + margin-bottom: auto !important; + } + .mL-a\@md- { + margin-left: auto !important; + } + } + @media screen and (max-width: 767px) { + .m-a\@sm- { + margin: auto !important; + } + .mX-a\@sm- { + margin-left: auto !important; + margin-right: auto !important; + } + .mT-a\@sm- { + margin-top: auto !important; + } + .mR-a\@sm- { + margin-right: auto !important; + } + .mB-a\@sm- { + margin-bottom: auto !important; + } + .mL-a\@sm- { + margin-left: auto !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .m-a\@lg { + margin: auto !important; + } + .mX-a\@lg { + margin-left: auto !important; + margin-right: auto !important; + } + .mT-a\@lg { + margin-top: auto !important; + } + .mR-a\@lg { + margin-right: auto !important; + } + .mB-a\@lg { + margin-bottom: auto !important; + } + .mL-a\@lg { + margin-left: auto !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .m-a\@md { + margin: auto !important; + } + .mX-a\@md { + margin-left: auto !important; + margin-right: auto !important; + } + .mT-a\@md { + margin-top: auto !important; + } + .mR-a\@md { + margin-right: auto !important; + } + .mB-a\@md { + margin-bottom: auto !important; + } + .mL-a\@md { + margin-left: auto !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .m-a\@sm { + margin: auto !important; + } + .mX-a\@sm { + margin-left: auto !important; + margin-right: auto !important; + } + .mT-a\@sm { + margin-top: auto !important; + } + .mR-a\@sm { + margin-right: auto !important; + } + .mB-a\@sm { + margin-bottom: auto !important; + } + .mL-a\@sm { + margin-left: auto !important; + } + } + .bgsz-cv { + background-size: cover; + } + + .bgsz-ct { + background-size: contain; + } + + .bgsz-full { + background-size: 100% 100%; + } + + .bgpX-c { + background-position-x: center; + } + + .bgpX-t { + background-position-x: top; + } + + .bgpX-r { + background-position-x: right; + } + + .bgpX-l { + background-position-x: left; + } + + .bgpX-b { + background-position-x: bottom; + } + + .bgpY-c { + background-position-y: center; + } + + .bgpY-t { + background-position-y: top; + } + + .bgpY-r { + background-position-y: right; + } + + .bgpY-l { + background-position-y: left; + } + + .bgpY-b { + background-position-y: bottom; + } + + .bgr-n { + background-repeat: no-repeat; + } + + .bgr-y { + background-repeat: repeat-y; + } + + .bgr-x { + background-repeat: repeat-x; + } + + .of-ct { + object-fit: contain; + } + + .of-cv { + object-fit: cover; + } + + .of-f { + object-fit: fill; + } + + .of-n { + object-fit: none; + } + + .of-sd { + object-fit: scale-down; + } + + .rsz-v { + resize: vertical; + } + + .rsz-h { + resize: horizontal; + } + + .op-0 { + opacity: 0; + } + + .op-10p { + opacity: 0.1; + } + + .op-20p { + opacity: 0.2; + } + + .op-30p { + opacity: 0.3; + } + + .op-40p { + opacity: 0.4; + } + + .op-50p { + opacity: 0.5; + } + + .op-60p { + opacity: 0.6; + } + + .op-70p { + opacity: 0.7; + } + + .op-80p { + opacity: 0.8; + } + + .op-90p { + opacity: 0.9; + } + + .op-100p { + opacity: 1; + } + + .cur-na { + cursor: not-allowed; + } + + .cur-p { + cursor: pointer; + } + + .cur-a { + cursor: auto; + } + + .vis-v { + visibility: visible; + } + + .vis-h { + visibility: hidden; + } + + .p-0 { + padding: 0px !important; + } + + .pT-0 { + padding-top: 0px !important; + } + + .pR-0 { + padding-right: 0px !important; + } + + .pB-0 { + padding-bottom: 0px !important; + } + + .pL-0 { + padding-left: 0px !important; + } + + .pY-0 { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + + .pX-0 { + padding-left: 0px !important; + padding-right: 0px !important; + } + + @media screen and (min-width: 1440px) { + .p-0\@xl\+ { + padding: 0px !important; + } + .pT-0\@xl\+ { + padding-top: 0px !important; + } + .pR-0\@xl\+ { + padding-right: 0px !important; + } + .pB-0\@xl\+ { + padding-bottom: 0px !important; + } + .pL-0\@xl\+ { + padding-left: 0px !important; + } + .pY-0\@xl\+ { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .pX-0\@xl\+ { + padding-left: 0px !important; + padding-right: 0px !important; + } + } + @media screen and (min-width: 1200px) { + .p-0\@lg\+ { + padding: 0px !important; + } + .pT-0\@lg\+ { + padding-top: 0px !important; + } + .pR-0\@lg\+ { + padding-right: 0px !important; + } + .pB-0\@lg\+ { + padding-bottom: 0px !important; + } + .pL-0\@lg\+ { + padding-left: 0px !important; + } + .pY-0\@lg\+ { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .pX-0\@lg\+ { + padding-left: 0px !important; + padding-right: 0px !important; + } + } + @media screen and (min-width: 992px) { + .p-0\@md\+ { + padding: 0px !important; + } + .pT-0\@md\+ { + padding-top: 0px !important; + } + .pR-0\@md\+ { + padding-right: 0px !important; + } + .pB-0\@md\+ { + padding-bottom: 0px !important; + } + .pL-0\@md\+ { + padding-left: 0px !important; + } + .pY-0\@md\+ { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .pX-0\@md\+ { + padding-left: 0px !important; + padding-right: 0px !important; + } + } + @media screen and (min-width: 768px) { + .p-0\@sm\+ { + padding: 0px !important; + } + .pT-0\@sm\+ { + padding-top: 0px !important; + } + .pR-0\@sm\+ { + padding-right: 0px !important; + } + .pB-0\@sm\+ { + padding-bottom: 0px !important; + } + .pL-0\@sm\+ { + padding-left: 0px !important; + } + .pY-0\@sm\+ { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .pX-0\@sm\+ { + padding-left: 0px !important; + padding-right: 0px !important; + } + } + @media screen and (min-width: 0) { + .p-0\@xs\+ { + padding: 0px !important; + } + .pT-0\@xs\+ { + padding-top: 0px !important; + } + .pR-0\@xs\+ { + padding-right: 0px !important; + } + .pB-0\@xs\+ { + padding-bottom: 0px !important; + } + .pL-0\@xs\+ { + padding-left: 0px !important; + } + .pY-0\@xs\+ { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .pX-0\@xs\+ { + padding-left: 0px !important; + padding-right: 0px !important; + } + } + @media screen and (max-width: 1439px) { + .p-0\@xl- { + padding: 0px !important; + } + .pT-0\@xl- { + padding-top: 0px !important; + } + .pR-0\@xl- { + padding-right: 0px !important; + } + .pB-0\@xl- { + padding-bottom: 0px !important; + } + .pL-0\@xl- { + padding-left: 0px !important; + } + .pY-0\@xl- { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .pX-0\@xl- { + padding-left: 0px !important; + padding-right: 0px !important; + } + } + @media screen and (max-width: 1199px) { + .p-0\@lg- { + padding: 0px !important; + } + .pT-0\@lg- { + padding-top: 0px !important; + } + .pR-0\@lg- { + padding-right: 0px !important; + } + .pB-0\@lg- { + padding-bottom: 0px !important; + } + .pL-0\@lg- { + padding-left: 0px !important; + } + .pY-0\@lg- { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .pX-0\@lg- { + padding-left: 0px !important; + padding-right: 0px !important; + } + } + @media screen and (max-width: 991px) { + .p-0\@md- { + padding: 0px !important; + } + .pT-0\@md- { + padding-top: 0px !important; + } + .pR-0\@md- { + padding-right: 0px !important; + } + .pB-0\@md- { + padding-bottom: 0px !important; + } + .pL-0\@md- { + padding-left: 0px !important; + } + .pY-0\@md- { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .pX-0\@md- { + padding-left: 0px !important; + padding-right: 0px !important; + } + } + @media screen and (max-width: 767px) { + .p-0\@sm- { + padding: 0px !important; + } + .pT-0\@sm- { + padding-top: 0px !important; + } + .pR-0\@sm- { + padding-right: 0px !important; + } + .pB-0\@sm- { + padding-bottom: 0px !important; + } + .pL-0\@sm- { + padding-left: 0px !important; + } + .pY-0\@sm- { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .pX-0\@sm- { + padding-left: 0px !important; + padding-right: 0px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-0\@lg { + padding: 0px !important; + } + .pT-0\@lg { + padding-top: 0px !important; + } + .pR-0\@lg { + padding-right: 0px !important; + } + .pB-0\@lg { + padding-bottom: 0px !important; + } + .pL-0\@lg { + padding-left: 0px !important; + } + .pY-0\@lg { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .pX-0\@lg { + padding-left: 0px !important; + padding-right: 0px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-0\@md { + padding: 0px !important; + } + .pT-0\@md { + padding-top: 0px !important; + } + .pR-0\@md { + padding-right: 0px !important; + } + .pB-0\@md { + padding-bottom: 0px !important; + } + .pL-0\@md { + padding-left: 0px !important; + } + .pY-0\@md { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .pX-0\@md { + padding-left: 0px !important; + padding-right: 0px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-0\@sm { + padding: 0px !important; + } + .pT-0\@sm { + padding-top: 0px !important; + } + .pR-0\@sm { + padding-right: 0px !important; + } + .pB-0\@sm { + padding-bottom: 0px !important; + } + .pL-0\@sm { + padding-left: 0px !important; + } + .pY-0\@sm { + padding-top: 0px !important; + padding-bottom: 0px !important; + } + .pX-0\@sm { + padding-left: 0px !important; + padding-right: 0px !important; + } + } + .p-1 { + padding: 1px !important; + } + + .pT-1 { + padding-top: 1px !important; + } + + .pR-1 { + padding-right: 1px !important; + } + + .pB-1 { + padding-bottom: 1px !important; + } + + .pL-1 { + padding-left: 1px !important; + } + + .pY-1 { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + + .pX-1 { + padding-left: 1px !important; + padding-right: 1px !important; + } + + @media screen and (min-width: 1440px) { + .p-1\@xl\+ { + padding: 1px !important; + } + .pT-1\@xl\+ { + padding-top: 1px !important; + } + .pR-1\@xl\+ { + padding-right: 1px !important; + } + .pB-1\@xl\+ { + padding-bottom: 1px !important; + } + .pL-1\@xl\+ { + padding-left: 1px !important; + } + .pY-1\@xl\+ { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .pX-1\@xl\+ { + padding-left: 1px !important; + padding-right: 1px !important; + } + } + @media screen and (min-width: 1200px) { + .p-1\@lg\+ { + padding: 1px !important; + } + .pT-1\@lg\+ { + padding-top: 1px !important; + } + .pR-1\@lg\+ { + padding-right: 1px !important; + } + .pB-1\@lg\+ { + padding-bottom: 1px !important; + } + .pL-1\@lg\+ { + padding-left: 1px !important; + } + .pY-1\@lg\+ { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .pX-1\@lg\+ { + padding-left: 1px !important; + padding-right: 1px !important; + } + } + @media screen and (min-width: 992px) { + .p-1\@md\+ { + padding: 1px !important; + } + .pT-1\@md\+ { + padding-top: 1px !important; + } + .pR-1\@md\+ { + padding-right: 1px !important; + } + .pB-1\@md\+ { + padding-bottom: 1px !important; + } + .pL-1\@md\+ { + padding-left: 1px !important; + } + .pY-1\@md\+ { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .pX-1\@md\+ { + padding-left: 1px !important; + padding-right: 1px !important; + } + } + @media screen and (min-width: 768px) { + .p-1\@sm\+ { + padding: 1px !important; + } + .pT-1\@sm\+ { + padding-top: 1px !important; + } + .pR-1\@sm\+ { + padding-right: 1px !important; + } + .pB-1\@sm\+ { + padding-bottom: 1px !important; + } + .pL-1\@sm\+ { + padding-left: 1px !important; + } + .pY-1\@sm\+ { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .pX-1\@sm\+ { + padding-left: 1px !important; + padding-right: 1px !important; + } + } + @media screen and (min-width: 0) { + .p-1\@xs\+ { + padding: 1px !important; + } + .pT-1\@xs\+ { + padding-top: 1px !important; + } + .pR-1\@xs\+ { + padding-right: 1px !important; + } + .pB-1\@xs\+ { + padding-bottom: 1px !important; + } + .pL-1\@xs\+ { + padding-left: 1px !important; + } + .pY-1\@xs\+ { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .pX-1\@xs\+ { + padding-left: 1px !important; + padding-right: 1px !important; + } + } + @media screen and (max-width: 1439px) { + .p-1\@xl- { + padding: 1px !important; + } + .pT-1\@xl- { + padding-top: 1px !important; + } + .pR-1\@xl- { + padding-right: 1px !important; + } + .pB-1\@xl- { + padding-bottom: 1px !important; + } + .pL-1\@xl- { + padding-left: 1px !important; + } + .pY-1\@xl- { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .pX-1\@xl- { + padding-left: 1px !important; + padding-right: 1px !important; + } + } + @media screen and (max-width: 1199px) { + .p-1\@lg- { + padding: 1px !important; + } + .pT-1\@lg- { + padding-top: 1px !important; + } + .pR-1\@lg- { + padding-right: 1px !important; + } + .pB-1\@lg- { + padding-bottom: 1px !important; + } + .pL-1\@lg- { + padding-left: 1px !important; + } + .pY-1\@lg- { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .pX-1\@lg- { + padding-left: 1px !important; + padding-right: 1px !important; + } + } + @media screen and (max-width: 991px) { + .p-1\@md- { + padding: 1px !important; + } + .pT-1\@md- { + padding-top: 1px !important; + } + .pR-1\@md- { + padding-right: 1px !important; + } + .pB-1\@md- { + padding-bottom: 1px !important; + } + .pL-1\@md- { + padding-left: 1px !important; + } + .pY-1\@md- { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .pX-1\@md- { + padding-left: 1px !important; + padding-right: 1px !important; + } + } + @media screen and (max-width: 767px) { + .p-1\@sm- { + padding: 1px !important; + } + .pT-1\@sm- { + padding-top: 1px !important; + } + .pR-1\@sm- { + padding-right: 1px !important; + } + .pB-1\@sm- { + padding-bottom: 1px !important; + } + .pL-1\@sm- { + padding-left: 1px !important; + } + .pY-1\@sm- { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .pX-1\@sm- { + padding-left: 1px !important; + padding-right: 1px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-1\@lg { + padding: 1px !important; + } + .pT-1\@lg { + padding-top: 1px !important; + } + .pR-1\@lg { + padding-right: 1px !important; + } + .pB-1\@lg { + padding-bottom: 1px !important; + } + .pL-1\@lg { + padding-left: 1px !important; + } + .pY-1\@lg { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .pX-1\@lg { + padding-left: 1px !important; + padding-right: 1px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-1\@md { + padding: 1px !important; + } + .pT-1\@md { + padding-top: 1px !important; + } + .pR-1\@md { + padding-right: 1px !important; + } + .pB-1\@md { + padding-bottom: 1px !important; + } + .pL-1\@md { + padding-left: 1px !important; + } + .pY-1\@md { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .pX-1\@md { + padding-left: 1px !important; + padding-right: 1px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-1\@sm { + padding: 1px !important; + } + .pT-1\@sm { + padding-top: 1px !important; + } + .pR-1\@sm { + padding-right: 1px !important; + } + .pB-1\@sm { + padding-bottom: 1px !important; + } + .pL-1\@sm { + padding-left: 1px !important; + } + .pY-1\@sm { + padding-top: 1px !important; + padding-bottom: 1px !important; + } + .pX-1\@sm { + padding-left: 1px !important; + padding-right: 1px !important; + } + } + .p-2 { + padding: 2px !important; + } + + .pT-2 { + padding-top: 2px !important; + } + + .pR-2 { + padding-right: 2px !important; + } + + .pB-2 { + padding-bottom: 2px !important; + } + + .pL-2 { + padding-left: 2px !important; + } + + .pY-2 { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + + .pX-2 { + padding-left: 2px !important; + padding-right: 2px !important; + } + + @media screen and (min-width: 1440px) { + .p-2\@xl\+ { + padding: 2px !important; + } + .pT-2\@xl\+ { + padding-top: 2px !important; + } + .pR-2\@xl\+ { + padding-right: 2px !important; + } + .pB-2\@xl\+ { + padding-bottom: 2px !important; + } + .pL-2\@xl\+ { + padding-left: 2px !important; + } + .pY-2\@xl\+ { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .pX-2\@xl\+ { + padding-left: 2px !important; + padding-right: 2px !important; + } + } + @media screen and (min-width: 1200px) { + .p-2\@lg\+ { + padding: 2px !important; + } + .pT-2\@lg\+ { + padding-top: 2px !important; + } + .pR-2\@lg\+ { + padding-right: 2px !important; + } + .pB-2\@lg\+ { + padding-bottom: 2px !important; + } + .pL-2\@lg\+ { + padding-left: 2px !important; + } + .pY-2\@lg\+ { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .pX-2\@lg\+ { + padding-left: 2px !important; + padding-right: 2px !important; + } + } + @media screen and (min-width: 992px) { + .p-2\@md\+ { + padding: 2px !important; + } + .pT-2\@md\+ { + padding-top: 2px !important; + } + .pR-2\@md\+ { + padding-right: 2px !important; + } + .pB-2\@md\+ { + padding-bottom: 2px !important; + } + .pL-2\@md\+ { + padding-left: 2px !important; + } + .pY-2\@md\+ { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .pX-2\@md\+ { + padding-left: 2px !important; + padding-right: 2px !important; + } + } + @media screen and (min-width: 768px) { + .p-2\@sm\+ { + padding: 2px !important; + } + .pT-2\@sm\+ { + padding-top: 2px !important; + } + .pR-2\@sm\+ { + padding-right: 2px !important; + } + .pB-2\@sm\+ { + padding-bottom: 2px !important; + } + .pL-2\@sm\+ { + padding-left: 2px !important; + } + .pY-2\@sm\+ { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .pX-2\@sm\+ { + padding-left: 2px !important; + padding-right: 2px !important; + } + } + @media screen and (min-width: 0) { + .p-2\@xs\+ { + padding: 2px !important; + } + .pT-2\@xs\+ { + padding-top: 2px !important; + } + .pR-2\@xs\+ { + padding-right: 2px !important; + } + .pB-2\@xs\+ { + padding-bottom: 2px !important; + } + .pL-2\@xs\+ { + padding-left: 2px !important; + } + .pY-2\@xs\+ { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .pX-2\@xs\+ { + padding-left: 2px !important; + padding-right: 2px !important; + } + } + @media screen and (max-width: 1439px) { + .p-2\@xl- { + padding: 2px !important; + } + .pT-2\@xl- { + padding-top: 2px !important; + } + .pR-2\@xl- { + padding-right: 2px !important; + } + .pB-2\@xl- { + padding-bottom: 2px !important; + } + .pL-2\@xl- { + padding-left: 2px !important; + } + .pY-2\@xl- { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .pX-2\@xl- { + padding-left: 2px !important; + padding-right: 2px !important; + } + } + @media screen and (max-width: 1199px) { + .p-2\@lg- { + padding: 2px !important; + } + .pT-2\@lg- { + padding-top: 2px !important; + } + .pR-2\@lg- { + padding-right: 2px !important; + } + .pB-2\@lg- { + padding-bottom: 2px !important; + } + .pL-2\@lg- { + padding-left: 2px !important; + } + .pY-2\@lg- { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .pX-2\@lg- { + padding-left: 2px !important; + padding-right: 2px !important; + } + } + @media screen and (max-width: 991px) { + .p-2\@md- { + padding: 2px !important; + } + .pT-2\@md- { + padding-top: 2px !important; + } + .pR-2\@md- { + padding-right: 2px !important; + } + .pB-2\@md- { + padding-bottom: 2px !important; + } + .pL-2\@md- { + padding-left: 2px !important; + } + .pY-2\@md- { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .pX-2\@md- { + padding-left: 2px !important; + padding-right: 2px !important; + } + } + @media screen and (max-width: 767px) { + .p-2\@sm- { + padding: 2px !important; + } + .pT-2\@sm- { + padding-top: 2px !important; + } + .pR-2\@sm- { + padding-right: 2px !important; + } + .pB-2\@sm- { + padding-bottom: 2px !important; + } + .pL-2\@sm- { + padding-left: 2px !important; + } + .pY-2\@sm- { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .pX-2\@sm- { + padding-left: 2px !important; + padding-right: 2px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-2\@lg { + padding: 2px !important; + } + .pT-2\@lg { + padding-top: 2px !important; + } + .pR-2\@lg { + padding-right: 2px !important; + } + .pB-2\@lg { + padding-bottom: 2px !important; + } + .pL-2\@lg { + padding-left: 2px !important; + } + .pY-2\@lg { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .pX-2\@lg { + padding-left: 2px !important; + padding-right: 2px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-2\@md { + padding: 2px !important; + } + .pT-2\@md { + padding-top: 2px !important; + } + .pR-2\@md { + padding-right: 2px !important; + } + .pB-2\@md { + padding-bottom: 2px !important; + } + .pL-2\@md { + padding-left: 2px !important; + } + .pY-2\@md { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .pX-2\@md { + padding-left: 2px !important; + padding-right: 2px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-2\@sm { + padding: 2px !important; + } + .pT-2\@sm { + padding-top: 2px !important; + } + .pR-2\@sm { + padding-right: 2px !important; + } + .pB-2\@sm { + padding-bottom: 2px !important; + } + .pL-2\@sm { + padding-left: 2px !important; + } + .pY-2\@sm { + padding-top: 2px !important; + padding-bottom: 2px !important; + } + .pX-2\@sm { + padding-left: 2px !important; + padding-right: 2px !important; + } + } + .p-3 { + padding: 3px !important; + } + + .pT-3 { + padding-top: 3px !important; + } + + .pR-3 { + padding-right: 3px !important; + } + + .pB-3 { + padding-bottom: 3px !important; + } + + .pL-3 { + padding-left: 3px !important; + } + + .pY-3 { + padding-top: 3px !important; + padding-bottom: 3px !important; + } + + .pX-3 { + padding-left: 3px !important; + padding-right: 3px !important; + } + + @media screen and (min-width: 1440px) { + .p-3\@xl\+ { + padding: 3px !important; + } + .pT-3\@xl\+ { + padding-top: 3px !important; + } + .pR-3\@xl\+ { + padding-right: 3px !important; + } + .pB-3\@xl\+ { + padding-bottom: 3px !important; + } + .pL-3\@xl\+ { + padding-left: 3px !important; + } + .pY-3\@xl\+ { + padding-top: 3px !important; + padding-bottom: 3px !important; + } + .pX-3\@xl\+ { + padding-left: 3px !important; + padding-right: 3px !important; + } + } + @media screen and (min-width: 1200px) { + .p-3\@lg\+ { + padding: 3px !important; + } + .pT-3\@lg\+ { + padding-top: 3px !important; + } + .pR-3\@lg\+ { + padding-right: 3px !important; + } + .pB-3\@lg\+ { + padding-bottom: 3px !important; + } + .pL-3\@lg\+ { + padding-left: 3px !important; + } + .pY-3\@lg\+ { + padding-top: 3px !important; + padding-bottom: 3px !important; + } + .pX-3\@lg\+ { + padding-left: 3px !important; + padding-right: 3px !important; + } + } + @media screen and (min-width: 992px) { + .p-3\@md\+ { + padding: 3px !important; + } + .pT-3\@md\+ { + padding-top: 3px !important; + } + .pR-3\@md\+ { + padding-right: 3px !important; + } + .pB-3\@md\+ { + padding-bottom: 3px !important; + } + .pL-3\@md\+ { + padding-left: 3px !important; + } + .pY-3\@md\+ { + padding-top: 3px !important; + padding-bottom: 3px !important; + } + .pX-3\@md\+ { + padding-left: 3px !important; + padding-right: 3px !important; + } + } + @media screen and (min-width: 768px) { + .p-3\@sm\+ { + padding: 3px !important; + } + .pT-3\@sm\+ { + padding-top: 3px !important; + } + .pR-3\@sm\+ { + padding-right: 3px !important; + } + .pB-3\@sm\+ { + padding-bottom: 3px !important; + } + .pL-3\@sm\+ { + padding-left: 3px !important; + } + .pY-3\@sm\+ { + padding-top: 3px !important; + padding-bottom: 3px !important; + } + .pX-3\@sm\+ { + padding-left: 3px !important; + padding-right: 3px !important; + } + } + @media screen and (min-width: 0) { + .p-3\@xs\+ { + padding: 3px !important; + } + .pT-3\@xs\+ { + padding-top: 3px !important; + } + .pR-3\@xs\+ { + padding-right: 3px !important; + } + .pB-3\@xs\+ { + padding-bottom: 3px !important; + } + .pL-3\@xs\+ { + padding-left: 3px !important; + } + .pY-3\@xs\+ { + padding-top: 3px !important; + padding-bottom: 3px !important; + } + .pX-3\@xs\+ { + padding-left: 3px !important; + padding-right: 3px !important; + } + } + @media screen and (max-width: 1439px) { + .p-3\@xl- { + padding: 3px !important; + } + .pT-3\@xl- { + padding-top: 3px !important; + } + .pR-3\@xl- { + padding-right: 3px !important; + } + .pB-3\@xl- { + padding-bottom: 3px !important; + } + .pL-3\@xl- { + padding-left: 3px !important; + } + .pY-3\@xl- { + padding-top: 3px !important; + padding-bottom: 3px !important; + } + .pX-3\@xl- { + padding-left: 3px !important; + padding-right: 3px !important; + } + } + @media screen and (max-width: 1199px) { + .p-3\@lg- { + padding: 3px !important; + } + .pT-3\@lg- { + padding-top: 3px !important; + } + .pR-3\@lg- { + padding-right: 3px !important; + } + .pB-3\@lg- { + padding-bottom: 3px !important; + } + .pL-3\@lg- { + padding-left: 3px !important; + } + .pY-3\@lg- { + padding-top: 3px !important; + padding-bottom: 3px !important; + } + .pX-3\@lg- { + padding-left: 3px !important; + padding-right: 3px !important; + } + } + @media screen and (max-width: 991px) { + .p-3\@md- { + padding: 3px !important; + } + .pT-3\@md- { + padding-top: 3px !important; + } + .pR-3\@md- { + padding-right: 3px !important; + } + .pB-3\@md- { + padding-bottom: 3px !important; + } + .pL-3\@md- { + padding-left: 3px !important; + } + .pY-3\@md- { + padding-top: 3px !important; + padding-bottom: 3px !important; + } + .pX-3\@md- { + padding-left: 3px !important; + padding-right: 3px !important; + } + } + @media screen and (max-width: 767px) { + .p-3\@sm- { + padding: 3px !important; + } + .pT-3\@sm- { + padding-top: 3px !important; + } + .pR-3\@sm- { + padding-right: 3px !important; + } + .pB-3\@sm- { + padding-bottom: 3px !important; + } + .pL-3\@sm- { + padding-left: 3px !important; + } + .pY-3\@sm- { + padding-top: 3px !important; + padding-bottom: 3px !important; + } + .pX-3\@sm- { + padding-left: 3px !important; + padding-right: 3px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-3\@lg { + padding: 3px !important; + } + .pT-3\@lg { + padding-top: 3px !important; + } + .pR-3\@lg { + padding-right: 3px !important; + } + .pB-3\@lg { + padding-bottom: 3px !important; + } + .pL-3\@lg { + padding-left: 3px !important; + } + .pY-3\@lg { + padding-top: 3px !important; + padding-bottom: 3px !important; + } + .pX-3\@lg { + padding-left: 3px !important; + padding-right: 3px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-3\@md { + padding: 3px !important; + } + .pT-3\@md { + padding-top: 3px !important; + } + .pR-3\@md { + padding-right: 3px !important; + } + .pB-3\@md { + padding-bottom: 3px !important; + } + .pL-3\@md { + padding-left: 3px !important; + } + .pY-3\@md { + padding-top: 3px !important; + padding-bottom: 3px !important; + } + .pX-3\@md { + padding-left: 3px !important; + padding-right: 3px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-3\@sm { + padding: 3px !important; + } + .pT-3\@sm { + padding-top: 3px !important; + } + .pR-3\@sm { + padding-right: 3px !important; + } + .pB-3\@sm { + padding-bottom: 3px !important; + } + .pL-3\@sm { + padding-left: 3px !important; + } + .pY-3\@sm { + padding-top: 3px !important; + padding-bottom: 3px !important; + } + .pX-3\@sm { + padding-left: 3px !important; + padding-right: 3px !important; + } + } + .p-4 { + padding: 4px !important; + } + + .pT-4 { + padding-top: 4px !important; + } + + .pR-4 { + padding-right: 4px !important; + } + + .pB-4 { + padding-bottom: 4px !important; + } + + .pL-4 { + padding-left: 4px !important; + } + + .pY-4 { + padding-top: 4px !important; + padding-bottom: 4px !important; + } + + .pX-4 { + padding-left: 4px !important; + padding-right: 4px !important; + } + + @media screen and (min-width: 1440px) { + .p-4\@xl\+ { + padding: 4px !important; + } + .pT-4\@xl\+ { + padding-top: 4px !important; + } + .pR-4\@xl\+ { + padding-right: 4px !important; + } + .pB-4\@xl\+ { + padding-bottom: 4px !important; + } + .pL-4\@xl\+ { + padding-left: 4px !important; + } + .pY-4\@xl\+ { + padding-top: 4px !important; + padding-bottom: 4px !important; + } + .pX-4\@xl\+ { + padding-left: 4px !important; + padding-right: 4px !important; + } + } + @media screen and (min-width: 1200px) { + .p-4\@lg\+ { + padding: 4px !important; + } + .pT-4\@lg\+ { + padding-top: 4px !important; + } + .pR-4\@lg\+ { + padding-right: 4px !important; + } + .pB-4\@lg\+ { + padding-bottom: 4px !important; + } + .pL-4\@lg\+ { + padding-left: 4px !important; + } + .pY-4\@lg\+ { + padding-top: 4px !important; + padding-bottom: 4px !important; + } + .pX-4\@lg\+ { + padding-left: 4px !important; + padding-right: 4px !important; + } + } + @media screen and (min-width: 992px) { + .p-4\@md\+ { + padding: 4px !important; + } + .pT-4\@md\+ { + padding-top: 4px !important; + } + .pR-4\@md\+ { + padding-right: 4px !important; + } + .pB-4\@md\+ { + padding-bottom: 4px !important; + } + .pL-4\@md\+ { + padding-left: 4px !important; + } + .pY-4\@md\+ { + padding-top: 4px !important; + padding-bottom: 4px !important; + } + .pX-4\@md\+ { + padding-left: 4px !important; + padding-right: 4px !important; + } + } + @media screen and (min-width: 768px) { + .p-4\@sm\+ { + padding: 4px !important; + } + .pT-4\@sm\+ { + padding-top: 4px !important; + } + .pR-4\@sm\+ { + padding-right: 4px !important; + } + .pB-4\@sm\+ { + padding-bottom: 4px !important; + } + .pL-4\@sm\+ { + padding-left: 4px !important; + } + .pY-4\@sm\+ { + padding-top: 4px !important; + padding-bottom: 4px !important; + } + .pX-4\@sm\+ { + padding-left: 4px !important; + padding-right: 4px !important; + } + } + @media screen and (min-width: 0) { + .p-4\@xs\+ { + padding: 4px !important; + } + .pT-4\@xs\+ { + padding-top: 4px !important; + } + .pR-4\@xs\+ { + padding-right: 4px !important; + } + .pB-4\@xs\+ { + padding-bottom: 4px !important; + } + .pL-4\@xs\+ { + padding-left: 4px !important; + } + .pY-4\@xs\+ { + padding-top: 4px !important; + padding-bottom: 4px !important; + } + .pX-4\@xs\+ { + padding-left: 4px !important; + padding-right: 4px !important; + } + } + @media screen and (max-width: 1439px) { + .p-4\@xl- { + padding: 4px !important; + } + .pT-4\@xl- { + padding-top: 4px !important; + } + .pR-4\@xl- { + padding-right: 4px !important; + } + .pB-4\@xl- { + padding-bottom: 4px !important; + } + .pL-4\@xl- { + padding-left: 4px !important; + } + .pY-4\@xl- { + padding-top: 4px !important; + padding-bottom: 4px !important; + } + .pX-4\@xl- { + padding-left: 4px !important; + padding-right: 4px !important; + } + } + @media screen and (max-width: 1199px) { + .p-4\@lg- { + padding: 4px !important; + } + .pT-4\@lg- { + padding-top: 4px !important; + } + .pR-4\@lg- { + padding-right: 4px !important; + } + .pB-4\@lg- { + padding-bottom: 4px !important; + } + .pL-4\@lg- { + padding-left: 4px !important; + } + .pY-4\@lg- { + padding-top: 4px !important; + padding-bottom: 4px !important; + } + .pX-4\@lg- { + padding-left: 4px !important; + padding-right: 4px !important; + } + } + @media screen and (max-width: 991px) { + .p-4\@md- { + padding: 4px !important; + } + .pT-4\@md- { + padding-top: 4px !important; + } + .pR-4\@md- { + padding-right: 4px !important; + } + .pB-4\@md- { + padding-bottom: 4px !important; + } + .pL-4\@md- { + padding-left: 4px !important; + } + .pY-4\@md- { + padding-top: 4px !important; + padding-bottom: 4px !important; + } + .pX-4\@md- { + padding-left: 4px !important; + padding-right: 4px !important; + } + } + @media screen and (max-width: 767px) { + .p-4\@sm- { + padding: 4px !important; + } + .pT-4\@sm- { + padding-top: 4px !important; + } + .pR-4\@sm- { + padding-right: 4px !important; + } + .pB-4\@sm- { + padding-bottom: 4px !important; + } + .pL-4\@sm- { + padding-left: 4px !important; + } + .pY-4\@sm- { + padding-top: 4px !important; + padding-bottom: 4px !important; + } + .pX-4\@sm- { + padding-left: 4px !important; + padding-right: 4px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-4\@lg { + padding: 4px !important; + } + .pT-4\@lg { + padding-top: 4px !important; + } + .pR-4\@lg { + padding-right: 4px !important; + } + .pB-4\@lg { + padding-bottom: 4px !important; + } + .pL-4\@lg { + padding-left: 4px !important; + } + .pY-4\@lg { + padding-top: 4px !important; + padding-bottom: 4px !important; + } + .pX-4\@lg { + padding-left: 4px !important; + padding-right: 4px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-4\@md { + padding: 4px !important; + } + .pT-4\@md { + padding-top: 4px !important; + } + .pR-4\@md { + padding-right: 4px !important; + } + .pB-4\@md { + padding-bottom: 4px !important; + } + .pL-4\@md { + padding-left: 4px !important; + } + .pY-4\@md { + padding-top: 4px !important; + padding-bottom: 4px !important; + } + .pX-4\@md { + padding-left: 4px !important; + padding-right: 4px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-4\@sm { + padding: 4px !important; + } + .pT-4\@sm { + padding-top: 4px !important; + } + .pR-4\@sm { + padding-right: 4px !important; + } + .pB-4\@sm { + padding-bottom: 4px !important; + } + .pL-4\@sm { + padding-left: 4px !important; + } + .pY-4\@sm { + padding-top: 4px !important; + padding-bottom: 4px !important; + } + .pX-4\@sm { + padding-left: 4px !important; + padding-right: 4px !important; + } + } + .p-5 { + padding: 5px !important; + } + + .pT-5 { + padding-top: 5px !important; + } + + .pR-5 { + padding-right: 5px !important; + } + + .pB-5 { + padding-bottom: 5px !important; + } + + .pL-5 { + padding-left: 5px !important; + } + + .pY-5 { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + + .pX-5 { + padding-left: 5px !important; + padding-right: 5px !important; + } + + @media screen and (min-width: 1440px) { + .p-5\@xl\+ { + padding: 5px !important; + } + .pT-5\@xl\+ { + padding-top: 5px !important; + } + .pR-5\@xl\+ { + padding-right: 5px !important; + } + .pB-5\@xl\+ { + padding-bottom: 5px !important; + } + .pL-5\@xl\+ { + padding-left: 5px !important; + } + .pY-5\@xl\+ { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .pX-5\@xl\+ { + padding-left: 5px !important; + padding-right: 5px !important; + } + } + @media screen and (min-width: 1200px) { + .p-5\@lg\+ { + padding: 5px !important; + } + .pT-5\@lg\+ { + padding-top: 5px !important; + } + .pR-5\@lg\+ { + padding-right: 5px !important; + } + .pB-5\@lg\+ { + padding-bottom: 5px !important; + } + .pL-5\@lg\+ { + padding-left: 5px !important; + } + .pY-5\@lg\+ { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .pX-5\@lg\+ { + padding-left: 5px !important; + padding-right: 5px !important; + } + } + @media screen and (min-width: 992px) { + .p-5\@md\+ { + padding: 5px !important; + } + .pT-5\@md\+ { + padding-top: 5px !important; + } + .pR-5\@md\+ { + padding-right: 5px !important; + } + .pB-5\@md\+ { + padding-bottom: 5px !important; + } + .pL-5\@md\+ { + padding-left: 5px !important; + } + .pY-5\@md\+ { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .pX-5\@md\+ { + padding-left: 5px !important; + padding-right: 5px !important; + } + } + @media screen and (min-width: 768px) { + .p-5\@sm\+ { + padding: 5px !important; + } + .pT-5\@sm\+ { + padding-top: 5px !important; + } + .pR-5\@sm\+ { + padding-right: 5px !important; + } + .pB-5\@sm\+ { + padding-bottom: 5px !important; + } + .pL-5\@sm\+ { + padding-left: 5px !important; + } + .pY-5\@sm\+ { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .pX-5\@sm\+ { + padding-left: 5px !important; + padding-right: 5px !important; + } + } + @media screen and (min-width: 0) { + .p-5\@xs\+ { + padding: 5px !important; + } + .pT-5\@xs\+ { + padding-top: 5px !important; + } + .pR-5\@xs\+ { + padding-right: 5px !important; + } + .pB-5\@xs\+ { + padding-bottom: 5px !important; + } + .pL-5\@xs\+ { + padding-left: 5px !important; + } + .pY-5\@xs\+ { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .pX-5\@xs\+ { + padding-left: 5px !important; + padding-right: 5px !important; + } + } + @media screen and (max-width: 1439px) { + .p-5\@xl- { + padding: 5px !important; + } + .pT-5\@xl- { + padding-top: 5px !important; + } + .pR-5\@xl- { + padding-right: 5px !important; + } + .pB-5\@xl- { + padding-bottom: 5px !important; + } + .pL-5\@xl- { + padding-left: 5px !important; + } + .pY-5\@xl- { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .pX-5\@xl- { + padding-left: 5px !important; + padding-right: 5px !important; + } + } + @media screen and (max-width: 1199px) { + .p-5\@lg- { + padding: 5px !important; + } + .pT-5\@lg- { + padding-top: 5px !important; + } + .pR-5\@lg- { + padding-right: 5px !important; + } + .pB-5\@lg- { + padding-bottom: 5px !important; + } + .pL-5\@lg- { + padding-left: 5px !important; + } + .pY-5\@lg- { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .pX-5\@lg- { + padding-left: 5px !important; + padding-right: 5px !important; + } + } + @media screen and (max-width: 991px) { + .p-5\@md- { + padding: 5px !important; + } + .pT-5\@md- { + padding-top: 5px !important; + } + .pR-5\@md- { + padding-right: 5px !important; + } + .pB-5\@md- { + padding-bottom: 5px !important; + } + .pL-5\@md- { + padding-left: 5px !important; + } + .pY-5\@md- { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .pX-5\@md- { + padding-left: 5px !important; + padding-right: 5px !important; + } + } + @media screen and (max-width: 767px) { + .p-5\@sm- { + padding: 5px !important; + } + .pT-5\@sm- { + padding-top: 5px !important; + } + .pR-5\@sm- { + padding-right: 5px !important; + } + .pB-5\@sm- { + padding-bottom: 5px !important; + } + .pL-5\@sm- { + padding-left: 5px !important; + } + .pY-5\@sm- { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .pX-5\@sm- { + padding-left: 5px !important; + padding-right: 5px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-5\@lg { + padding: 5px !important; + } + .pT-5\@lg { + padding-top: 5px !important; + } + .pR-5\@lg { + padding-right: 5px !important; + } + .pB-5\@lg { + padding-bottom: 5px !important; + } + .pL-5\@lg { + padding-left: 5px !important; + } + .pY-5\@lg { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .pX-5\@lg { + padding-left: 5px !important; + padding-right: 5px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-5\@md { + padding: 5px !important; + } + .pT-5\@md { + padding-top: 5px !important; + } + .pR-5\@md { + padding-right: 5px !important; + } + .pB-5\@md { + padding-bottom: 5px !important; + } + .pL-5\@md { + padding-left: 5px !important; + } + .pY-5\@md { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .pX-5\@md { + padding-left: 5px !important; + padding-right: 5px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-5\@sm { + padding: 5px !important; + } + .pT-5\@sm { + padding-top: 5px !important; + } + .pR-5\@sm { + padding-right: 5px !important; + } + .pB-5\@sm { + padding-bottom: 5px !important; + } + .pL-5\@sm { + padding-left: 5px !important; + } + .pY-5\@sm { + padding-top: 5px !important; + padding-bottom: 5px !important; + } + .pX-5\@sm { + padding-left: 5px !important; + padding-right: 5px !important; + } + } + .p-10 { + padding: 10px !important; + } + + .pT-10 { + padding-top: 10px !important; + } + + .pR-10 { + padding-right: 10px !important; + } + + .pB-10 { + padding-bottom: 10px !important; + } + + .pL-10 { + padding-left: 10px !important; + } + + .pY-10 { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + + .pX-10 { + padding-left: 10px !important; + padding-right: 10px !important; + } + + @media screen and (min-width: 1440px) { + .p-10\@xl\+ { + padding: 10px !important; + } + .pT-10\@xl\+ { + padding-top: 10px !important; + } + .pR-10\@xl\+ { + padding-right: 10px !important; + } + .pB-10\@xl\+ { + padding-bottom: 10px !important; + } + .pL-10\@xl\+ { + padding-left: 10px !important; + } + .pY-10\@xl\+ { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .pX-10\@xl\+ { + padding-left: 10px !important; + padding-right: 10px !important; + } + } + @media screen and (min-width: 1200px) { + .p-10\@lg\+ { + padding: 10px !important; + } + .pT-10\@lg\+ { + padding-top: 10px !important; + } + .pR-10\@lg\+ { + padding-right: 10px !important; + } + .pB-10\@lg\+ { + padding-bottom: 10px !important; + } + .pL-10\@lg\+ { + padding-left: 10px !important; + } + .pY-10\@lg\+ { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .pX-10\@lg\+ { + padding-left: 10px !important; + padding-right: 10px !important; + } + } + @media screen and (min-width: 992px) { + .p-10\@md\+ { + padding: 10px !important; + } + .pT-10\@md\+ { + padding-top: 10px !important; + } + .pR-10\@md\+ { + padding-right: 10px !important; + } + .pB-10\@md\+ { + padding-bottom: 10px !important; + } + .pL-10\@md\+ { + padding-left: 10px !important; + } + .pY-10\@md\+ { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .pX-10\@md\+ { + padding-left: 10px !important; + padding-right: 10px !important; + } + } + @media screen and (min-width: 768px) { + .p-10\@sm\+ { + padding: 10px !important; + } + .pT-10\@sm\+ { + padding-top: 10px !important; + } + .pR-10\@sm\+ { + padding-right: 10px !important; + } + .pB-10\@sm\+ { + padding-bottom: 10px !important; + } + .pL-10\@sm\+ { + padding-left: 10px !important; + } + .pY-10\@sm\+ { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .pX-10\@sm\+ { + padding-left: 10px !important; + padding-right: 10px !important; + } + } + @media screen and (min-width: 0) { + .p-10\@xs\+ { + padding: 10px !important; + } + .pT-10\@xs\+ { + padding-top: 10px !important; + } + .pR-10\@xs\+ { + padding-right: 10px !important; + } + .pB-10\@xs\+ { + padding-bottom: 10px !important; + } + .pL-10\@xs\+ { + padding-left: 10px !important; + } + .pY-10\@xs\+ { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .pX-10\@xs\+ { + padding-left: 10px !important; + padding-right: 10px !important; + } + } + @media screen and (max-width: 1439px) { + .p-10\@xl- { + padding: 10px !important; + } + .pT-10\@xl- { + padding-top: 10px !important; + } + .pR-10\@xl- { + padding-right: 10px !important; + } + .pB-10\@xl- { + padding-bottom: 10px !important; + } + .pL-10\@xl- { + padding-left: 10px !important; + } + .pY-10\@xl- { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .pX-10\@xl- { + padding-left: 10px !important; + padding-right: 10px !important; + } + } + @media screen and (max-width: 1199px) { + .p-10\@lg- { + padding: 10px !important; + } + .pT-10\@lg- { + padding-top: 10px !important; + } + .pR-10\@lg- { + padding-right: 10px !important; + } + .pB-10\@lg- { + padding-bottom: 10px !important; + } + .pL-10\@lg- { + padding-left: 10px !important; + } + .pY-10\@lg- { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .pX-10\@lg- { + padding-left: 10px !important; + padding-right: 10px !important; + } + } + @media screen and (max-width: 991px) { + .p-10\@md- { + padding: 10px !important; + } + .pT-10\@md- { + padding-top: 10px !important; + } + .pR-10\@md- { + padding-right: 10px !important; + } + .pB-10\@md- { + padding-bottom: 10px !important; + } + .pL-10\@md- { + padding-left: 10px !important; + } + .pY-10\@md- { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .pX-10\@md- { + padding-left: 10px !important; + padding-right: 10px !important; + } + } + @media screen and (max-width: 767px) { + .p-10\@sm- { + padding: 10px !important; + } + .pT-10\@sm- { + padding-top: 10px !important; + } + .pR-10\@sm- { + padding-right: 10px !important; + } + .pB-10\@sm- { + padding-bottom: 10px !important; + } + .pL-10\@sm- { + padding-left: 10px !important; + } + .pY-10\@sm- { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .pX-10\@sm- { + padding-left: 10px !important; + padding-right: 10px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-10\@lg { + padding: 10px !important; + } + .pT-10\@lg { + padding-top: 10px !important; + } + .pR-10\@lg { + padding-right: 10px !important; + } + .pB-10\@lg { + padding-bottom: 10px !important; + } + .pL-10\@lg { + padding-left: 10px !important; + } + .pY-10\@lg { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .pX-10\@lg { + padding-left: 10px !important; + padding-right: 10px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-10\@md { + padding: 10px !important; + } + .pT-10\@md { + padding-top: 10px !important; + } + .pR-10\@md { + padding-right: 10px !important; + } + .pB-10\@md { + padding-bottom: 10px !important; + } + .pL-10\@md { + padding-left: 10px !important; + } + .pY-10\@md { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .pX-10\@md { + padding-left: 10px !important; + padding-right: 10px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-10\@sm { + padding: 10px !important; + } + .pT-10\@sm { + padding-top: 10px !important; + } + .pR-10\@sm { + padding-right: 10px !important; + } + .pB-10\@sm { + padding-bottom: 10px !important; + } + .pL-10\@sm { + padding-left: 10px !important; + } + .pY-10\@sm { + padding-top: 10px !important; + padding-bottom: 10px !important; + } + .pX-10\@sm { + padding-left: 10px !important; + padding-right: 10px !important; + } + } + .p-15 { + padding: 15px !important; + } + + .pT-15 { + padding-top: 15px !important; + } + + .pR-15 { + padding-right: 15px !important; + } + + .pB-15 { + padding-bottom: 15px !important; + } + + .pL-15 { + padding-left: 15px !important; + } + + .pY-15 { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + + .pX-15 { + padding-left: 15px !important; + padding-right: 15px !important; + } + + @media screen and (min-width: 1440px) { + .p-15\@xl\+ { + padding: 15px !important; + } + .pT-15\@xl\+ { + padding-top: 15px !important; + } + .pR-15\@xl\+ { + padding-right: 15px !important; + } + .pB-15\@xl\+ { + padding-bottom: 15px !important; + } + .pL-15\@xl\+ { + padding-left: 15px !important; + } + .pY-15\@xl\+ { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .pX-15\@xl\+ { + padding-left: 15px !important; + padding-right: 15px !important; + } + } + @media screen and (min-width: 1200px) { + .p-15\@lg\+ { + padding: 15px !important; + } + .pT-15\@lg\+ { + padding-top: 15px !important; + } + .pR-15\@lg\+ { + padding-right: 15px !important; + } + .pB-15\@lg\+ { + padding-bottom: 15px !important; + } + .pL-15\@lg\+ { + padding-left: 15px !important; + } + .pY-15\@lg\+ { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .pX-15\@lg\+ { + padding-left: 15px !important; + padding-right: 15px !important; + } + } + @media screen and (min-width: 992px) { + .p-15\@md\+ { + padding: 15px !important; + } + .pT-15\@md\+ { + padding-top: 15px !important; + } + .pR-15\@md\+ { + padding-right: 15px !important; + } + .pB-15\@md\+ { + padding-bottom: 15px !important; + } + .pL-15\@md\+ { + padding-left: 15px !important; + } + .pY-15\@md\+ { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .pX-15\@md\+ { + padding-left: 15px !important; + padding-right: 15px !important; + } + } + @media screen and (min-width: 768px) { + .p-15\@sm\+ { + padding: 15px !important; + } + .pT-15\@sm\+ { + padding-top: 15px !important; + } + .pR-15\@sm\+ { + padding-right: 15px !important; + } + .pB-15\@sm\+ { + padding-bottom: 15px !important; + } + .pL-15\@sm\+ { + padding-left: 15px !important; + } + .pY-15\@sm\+ { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .pX-15\@sm\+ { + padding-left: 15px !important; + padding-right: 15px !important; + } + } + @media screen and (min-width: 0) { + .p-15\@xs\+ { + padding: 15px !important; + } + .pT-15\@xs\+ { + padding-top: 15px !important; + } + .pR-15\@xs\+ { + padding-right: 15px !important; + } + .pB-15\@xs\+ { + padding-bottom: 15px !important; + } + .pL-15\@xs\+ { + padding-left: 15px !important; + } + .pY-15\@xs\+ { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .pX-15\@xs\+ { + padding-left: 15px !important; + padding-right: 15px !important; + } + } + @media screen and (max-width: 1439px) { + .p-15\@xl- { + padding: 15px !important; + } + .pT-15\@xl- { + padding-top: 15px !important; + } + .pR-15\@xl- { + padding-right: 15px !important; + } + .pB-15\@xl- { + padding-bottom: 15px !important; + } + .pL-15\@xl- { + padding-left: 15px !important; + } + .pY-15\@xl- { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .pX-15\@xl- { + padding-left: 15px !important; + padding-right: 15px !important; + } + } + @media screen and (max-width: 1199px) { + .p-15\@lg- { + padding: 15px !important; + } + .pT-15\@lg- { + padding-top: 15px !important; + } + .pR-15\@lg- { + padding-right: 15px !important; + } + .pB-15\@lg- { + padding-bottom: 15px !important; + } + .pL-15\@lg- { + padding-left: 15px !important; + } + .pY-15\@lg- { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .pX-15\@lg- { + padding-left: 15px !important; + padding-right: 15px !important; + } + } + @media screen and (max-width: 991px) { + .p-15\@md- { + padding: 15px !important; + } + .pT-15\@md- { + padding-top: 15px !important; + } + .pR-15\@md- { + padding-right: 15px !important; + } + .pB-15\@md- { + padding-bottom: 15px !important; + } + .pL-15\@md- { + padding-left: 15px !important; + } + .pY-15\@md- { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .pX-15\@md- { + padding-left: 15px !important; + padding-right: 15px !important; + } + } + @media screen and (max-width: 767px) { + .p-15\@sm- { + padding: 15px !important; + } + .pT-15\@sm- { + padding-top: 15px !important; + } + .pR-15\@sm- { + padding-right: 15px !important; + } + .pB-15\@sm- { + padding-bottom: 15px !important; + } + .pL-15\@sm- { + padding-left: 15px !important; + } + .pY-15\@sm- { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .pX-15\@sm- { + padding-left: 15px !important; + padding-right: 15px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-15\@lg { + padding: 15px !important; + } + .pT-15\@lg { + padding-top: 15px !important; + } + .pR-15\@lg { + padding-right: 15px !important; + } + .pB-15\@lg { + padding-bottom: 15px !important; + } + .pL-15\@lg { + padding-left: 15px !important; + } + .pY-15\@lg { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .pX-15\@lg { + padding-left: 15px !important; + padding-right: 15px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-15\@md { + padding: 15px !important; + } + .pT-15\@md { + padding-top: 15px !important; + } + .pR-15\@md { + padding-right: 15px !important; + } + .pB-15\@md { + padding-bottom: 15px !important; + } + .pL-15\@md { + padding-left: 15px !important; + } + .pY-15\@md { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .pX-15\@md { + padding-left: 15px !important; + padding-right: 15px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-15\@sm { + padding: 15px !important; + } + .pT-15\@sm { + padding-top: 15px !important; + } + .pR-15\@sm { + padding-right: 15px !important; + } + .pB-15\@sm { + padding-bottom: 15px !important; + } + .pL-15\@sm { + padding-left: 15px !important; + } + .pY-15\@sm { + padding-top: 15px !important; + padding-bottom: 15px !important; + } + .pX-15\@sm { + padding-left: 15px !important; + padding-right: 15px !important; + } + } + .p-20 { + padding: 20px !important; + } + + .pT-20 { + padding-top: 20px !important; + } + + .pR-20 { + padding-right: 20px !important; + } + + .pB-20 { + padding-bottom: 20px !important; + } + + .pL-20 { + padding-left: 20px !important; + } + + .pY-20 { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + + .pX-20 { + padding-left: 20px !important; + padding-right: 20px !important; + } + + @media screen and (min-width: 1440px) { + .p-20\@xl\+ { + padding: 20px !important; + } + .pT-20\@xl\+ { + padding-top: 20px !important; + } + .pR-20\@xl\+ { + padding-right: 20px !important; + } + .pB-20\@xl\+ { + padding-bottom: 20px !important; + } + .pL-20\@xl\+ { + padding-left: 20px !important; + } + .pY-20\@xl\+ { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .pX-20\@xl\+ { + padding-left: 20px !important; + padding-right: 20px !important; + } + } + @media screen and (min-width: 1200px) { + .p-20\@lg\+ { + padding: 20px !important; + } + .pT-20\@lg\+ { + padding-top: 20px !important; + } + .pR-20\@lg\+ { + padding-right: 20px !important; + } + .pB-20\@lg\+ { + padding-bottom: 20px !important; + } + .pL-20\@lg\+ { + padding-left: 20px !important; + } + .pY-20\@lg\+ { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .pX-20\@lg\+ { + padding-left: 20px !important; + padding-right: 20px !important; + } + } + @media screen and (min-width: 992px) { + .p-20\@md\+ { + padding: 20px !important; + } + .pT-20\@md\+ { + padding-top: 20px !important; + } + .pR-20\@md\+ { + padding-right: 20px !important; + } + .pB-20\@md\+ { + padding-bottom: 20px !important; + } + .pL-20\@md\+ { + padding-left: 20px !important; + } + .pY-20\@md\+ { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .pX-20\@md\+ { + padding-left: 20px !important; + padding-right: 20px !important; + } + } + @media screen and (min-width: 768px) { + .p-20\@sm\+ { + padding: 20px !important; + } + .pT-20\@sm\+ { + padding-top: 20px !important; + } + .pR-20\@sm\+ { + padding-right: 20px !important; + } + .pB-20\@sm\+ { + padding-bottom: 20px !important; + } + .pL-20\@sm\+ { + padding-left: 20px !important; + } + .pY-20\@sm\+ { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .pX-20\@sm\+ { + padding-left: 20px !important; + padding-right: 20px !important; + } + } + @media screen and (min-width: 0) { + .p-20\@xs\+ { + padding: 20px !important; + } + .pT-20\@xs\+ { + padding-top: 20px !important; + } + .pR-20\@xs\+ { + padding-right: 20px !important; + } + .pB-20\@xs\+ { + padding-bottom: 20px !important; + } + .pL-20\@xs\+ { + padding-left: 20px !important; + } + .pY-20\@xs\+ { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .pX-20\@xs\+ { + padding-left: 20px !important; + padding-right: 20px !important; + } + } + @media screen and (max-width: 1439px) { + .p-20\@xl- { + padding: 20px !important; + } + .pT-20\@xl- { + padding-top: 20px !important; + } + .pR-20\@xl- { + padding-right: 20px !important; + } + .pB-20\@xl- { + padding-bottom: 20px !important; + } + .pL-20\@xl- { + padding-left: 20px !important; + } + .pY-20\@xl- { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .pX-20\@xl- { + padding-left: 20px !important; + padding-right: 20px !important; + } + } + @media screen and (max-width: 1199px) { + .p-20\@lg- { + padding: 20px !important; + } + .pT-20\@lg- { + padding-top: 20px !important; + } + .pR-20\@lg- { + padding-right: 20px !important; + } + .pB-20\@lg- { + padding-bottom: 20px !important; + } + .pL-20\@lg- { + padding-left: 20px !important; + } + .pY-20\@lg- { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .pX-20\@lg- { + padding-left: 20px !important; + padding-right: 20px !important; + } + } + @media screen and (max-width: 991px) { + .p-20\@md- { + padding: 20px !important; + } + .pT-20\@md- { + padding-top: 20px !important; + } + .pR-20\@md- { + padding-right: 20px !important; + } + .pB-20\@md- { + padding-bottom: 20px !important; + } + .pL-20\@md- { + padding-left: 20px !important; + } + .pY-20\@md- { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .pX-20\@md- { + padding-left: 20px !important; + padding-right: 20px !important; + } + } + @media screen and (max-width: 767px) { + .p-20\@sm- { + padding: 20px !important; + } + .pT-20\@sm- { + padding-top: 20px !important; + } + .pR-20\@sm- { + padding-right: 20px !important; + } + .pB-20\@sm- { + padding-bottom: 20px !important; + } + .pL-20\@sm- { + padding-left: 20px !important; + } + .pY-20\@sm- { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .pX-20\@sm- { + padding-left: 20px !important; + padding-right: 20px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-20\@lg { + padding: 20px !important; + } + .pT-20\@lg { + padding-top: 20px !important; + } + .pR-20\@lg { + padding-right: 20px !important; + } + .pB-20\@lg { + padding-bottom: 20px !important; + } + .pL-20\@lg { + padding-left: 20px !important; + } + .pY-20\@lg { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .pX-20\@lg { + padding-left: 20px !important; + padding-right: 20px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-20\@md { + padding: 20px !important; + } + .pT-20\@md { + padding-top: 20px !important; + } + .pR-20\@md { + padding-right: 20px !important; + } + .pB-20\@md { + padding-bottom: 20px !important; + } + .pL-20\@md { + padding-left: 20px !important; + } + .pY-20\@md { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .pX-20\@md { + padding-left: 20px !important; + padding-right: 20px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-20\@sm { + padding: 20px !important; + } + .pT-20\@sm { + padding-top: 20px !important; + } + .pR-20\@sm { + padding-right: 20px !important; + } + .pB-20\@sm { + padding-bottom: 20px !important; + } + .pL-20\@sm { + padding-left: 20px !important; + } + .pY-20\@sm { + padding-top: 20px !important; + padding-bottom: 20px !important; + } + .pX-20\@sm { + padding-left: 20px !important; + padding-right: 20px !important; + } + } + .p-25 { + padding: 25px !important; + } + + .pT-25 { + padding-top: 25px !important; + } + + .pR-25 { + padding-right: 25px !important; + } + + .pB-25 { + padding-bottom: 25px !important; + } + + .pL-25 { + padding-left: 25px !important; + } + + .pY-25 { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + + .pX-25 { + padding-left: 25px !important; + padding-right: 25px !important; + } + + @media screen and (min-width: 1440px) { + .p-25\@xl\+ { + padding: 25px !important; + } + .pT-25\@xl\+ { + padding-top: 25px !important; + } + .pR-25\@xl\+ { + padding-right: 25px !important; + } + .pB-25\@xl\+ { + padding-bottom: 25px !important; + } + .pL-25\@xl\+ { + padding-left: 25px !important; + } + .pY-25\@xl\+ { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .pX-25\@xl\+ { + padding-left: 25px !important; + padding-right: 25px !important; + } + } + @media screen and (min-width: 1200px) { + .p-25\@lg\+ { + padding: 25px !important; + } + .pT-25\@lg\+ { + padding-top: 25px !important; + } + .pR-25\@lg\+ { + padding-right: 25px !important; + } + .pB-25\@lg\+ { + padding-bottom: 25px !important; + } + .pL-25\@lg\+ { + padding-left: 25px !important; + } + .pY-25\@lg\+ { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .pX-25\@lg\+ { + padding-left: 25px !important; + padding-right: 25px !important; + } + } + @media screen and (min-width: 992px) { + .p-25\@md\+ { + padding: 25px !important; + } + .pT-25\@md\+ { + padding-top: 25px !important; + } + .pR-25\@md\+ { + padding-right: 25px !important; + } + .pB-25\@md\+ { + padding-bottom: 25px !important; + } + .pL-25\@md\+ { + padding-left: 25px !important; + } + .pY-25\@md\+ { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .pX-25\@md\+ { + padding-left: 25px !important; + padding-right: 25px !important; + } + } + @media screen and (min-width: 768px) { + .p-25\@sm\+ { + padding: 25px !important; + } + .pT-25\@sm\+ { + padding-top: 25px !important; + } + .pR-25\@sm\+ { + padding-right: 25px !important; + } + .pB-25\@sm\+ { + padding-bottom: 25px !important; + } + .pL-25\@sm\+ { + padding-left: 25px !important; + } + .pY-25\@sm\+ { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .pX-25\@sm\+ { + padding-left: 25px !important; + padding-right: 25px !important; + } + } + @media screen and (min-width: 0) { + .p-25\@xs\+ { + padding: 25px !important; + } + .pT-25\@xs\+ { + padding-top: 25px !important; + } + .pR-25\@xs\+ { + padding-right: 25px !important; + } + .pB-25\@xs\+ { + padding-bottom: 25px !important; + } + .pL-25\@xs\+ { + padding-left: 25px !important; + } + .pY-25\@xs\+ { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .pX-25\@xs\+ { + padding-left: 25px !important; + padding-right: 25px !important; + } + } + @media screen and (max-width: 1439px) { + .p-25\@xl- { + padding: 25px !important; + } + .pT-25\@xl- { + padding-top: 25px !important; + } + .pR-25\@xl- { + padding-right: 25px !important; + } + .pB-25\@xl- { + padding-bottom: 25px !important; + } + .pL-25\@xl- { + padding-left: 25px !important; + } + .pY-25\@xl- { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .pX-25\@xl- { + padding-left: 25px !important; + padding-right: 25px !important; + } + } + @media screen and (max-width: 1199px) { + .p-25\@lg- { + padding: 25px !important; + } + .pT-25\@lg- { + padding-top: 25px !important; + } + .pR-25\@lg- { + padding-right: 25px !important; + } + .pB-25\@lg- { + padding-bottom: 25px !important; + } + .pL-25\@lg- { + padding-left: 25px !important; + } + .pY-25\@lg- { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .pX-25\@lg- { + padding-left: 25px !important; + padding-right: 25px !important; + } + } + @media screen and (max-width: 991px) { + .p-25\@md- { + padding: 25px !important; + } + .pT-25\@md- { + padding-top: 25px !important; + } + .pR-25\@md- { + padding-right: 25px !important; + } + .pB-25\@md- { + padding-bottom: 25px !important; + } + .pL-25\@md- { + padding-left: 25px !important; + } + .pY-25\@md- { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .pX-25\@md- { + padding-left: 25px !important; + padding-right: 25px !important; + } + } + @media screen and (max-width: 767px) { + .p-25\@sm- { + padding: 25px !important; + } + .pT-25\@sm- { + padding-top: 25px !important; + } + .pR-25\@sm- { + padding-right: 25px !important; + } + .pB-25\@sm- { + padding-bottom: 25px !important; + } + .pL-25\@sm- { + padding-left: 25px !important; + } + .pY-25\@sm- { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .pX-25\@sm- { + padding-left: 25px !important; + padding-right: 25px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-25\@lg { + padding: 25px !important; + } + .pT-25\@lg { + padding-top: 25px !important; + } + .pR-25\@lg { + padding-right: 25px !important; + } + .pB-25\@lg { + padding-bottom: 25px !important; + } + .pL-25\@lg { + padding-left: 25px !important; + } + .pY-25\@lg { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .pX-25\@lg { + padding-left: 25px !important; + padding-right: 25px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-25\@md { + padding: 25px !important; + } + .pT-25\@md { + padding-top: 25px !important; + } + .pR-25\@md { + padding-right: 25px !important; + } + .pB-25\@md { + padding-bottom: 25px !important; + } + .pL-25\@md { + padding-left: 25px !important; + } + .pY-25\@md { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .pX-25\@md { + padding-left: 25px !important; + padding-right: 25px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-25\@sm { + padding: 25px !important; + } + .pT-25\@sm { + padding-top: 25px !important; + } + .pR-25\@sm { + padding-right: 25px !important; + } + .pB-25\@sm { + padding-bottom: 25px !important; + } + .pL-25\@sm { + padding-left: 25px !important; + } + .pY-25\@sm { + padding-top: 25px !important; + padding-bottom: 25px !important; + } + .pX-25\@sm { + padding-left: 25px !important; + padding-right: 25px !important; + } + } + .p-30 { + padding: 30px !important; + } + + .pT-30 { + padding-top: 30px !important; + } + + .pR-30 { + padding-right: 30px !important; + } + + .pB-30 { + padding-bottom: 30px !important; + } + + .pL-30 { + padding-left: 30px !important; + } + + .pY-30 { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + + .pX-30 { + padding-left: 30px !important; + padding-right: 30px !important; + } + + @media screen and (min-width: 1440px) { + .p-30\@xl\+ { + padding: 30px !important; + } + .pT-30\@xl\+ { + padding-top: 30px !important; + } + .pR-30\@xl\+ { + padding-right: 30px !important; + } + .pB-30\@xl\+ { + padding-bottom: 30px !important; + } + .pL-30\@xl\+ { + padding-left: 30px !important; + } + .pY-30\@xl\+ { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .pX-30\@xl\+ { + padding-left: 30px !important; + padding-right: 30px !important; + } + } + @media screen and (min-width: 1200px) { + .p-30\@lg\+ { + padding: 30px !important; + } + .pT-30\@lg\+ { + padding-top: 30px !important; + } + .pR-30\@lg\+ { + padding-right: 30px !important; + } + .pB-30\@lg\+ { + padding-bottom: 30px !important; + } + .pL-30\@lg\+ { + padding-left: 30px !important; + } + .pY-30\@lg\+ { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .pX-30\@lg\+ { + padding-left: 30px !important; + padding-right: 30px !important; + } + } + @media screen and (min-width: 992px) { + .p-30\@md\+ { + padding: 30px !important; + } + .pT-30\@md\+ { + padding-top: 30px !important; + } + .pR-30\@md\+ { + padding-right: 30px !important; + } + .pB-30\@md\+ { + padding-bottom: 30px !important; + } + .pL-30\@md\+ { + padding-left: 30px !important; + } + .pY-30\@md\+ { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .pX-30\@md\+ { + padding-left: 30px !important; + padding-right: 30px !important; + } + } + @media screen and (min-width: 768px) { + .p-30\@sm\+ { + padding: 30px !important; + } + .pT-30\@sm\+ { + padding-top: 30px !important; + } + .pR-30\@sm\+ { + padding-right: 30px !important; + } + .pB-30\@sm\+ { + padding-bottom: 30px !important; + } + .pL-30\@sm\+ { + padding-left: 30px !important; + } + .pY-30\@sm\+ { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .pX-30\@sm\+ { + padding-left: 30px !important; + padding-right: 30px !important; + } + } + @media screen and (min-width: 0) { + .p-30\@xs\+ { + padding: 30px !important; + } + .pT-30\@xs\+ { + padding-top: 30px !important; + } + .pR-30\@xs\+ { + padding-right: 30px !important; + } + .pB-30\@xs\+ { + padding-bottom: 30px !important; + } + .pL-30\@xs\+ { + padding-left: 30px !important; + } + .pY-30\@xs\+ { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .pX-30\@xs\+ { + padding-left: 30px !important; + padding-right: 30px !important; + } + } + @media screen and (max-width: 1439px) { + .p-30\@xl- { + padding: 30px !important; + } + .pT-30\@xl- { + padding-top: 30px !important; + } + .pR-30\@xl- { + padding-right: 30px !important; + } + .pB-30\@xl- { + padding-bottom: 30px !important; + } + .pL-30\@xl- { + padding-left: 30px !important; + } + .pY-30\@xl- { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .pX-30\@xl- { + padding-left: 30px !important; + padding-right: 30px !important; + } + } + @media screen and (max-width: 1199px) { + .p-30\@lg- { + padding: 30px !important; + } + .pT-30\@lg- { + padding-top: 30px !important; + } + .pR-30\@lg- { + padding-right: 30px !important; + } + .pB-30\@lg- { + padding-bottom: 30px !important; + } + .pL-30\@lg- { + padding-left: 30px !important; + } + .pY-30\@lg- { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .pX-30\@lg- { + padding-left: 30px !important; + padding-right: 30px !important; + } + } + @media screen and (max-width: 991px) { + .p-30\@md- { + padding: 30px !important; + } + .pT-30\@md- { + padding-top: 30px !important; + } + .pR-30\@md- { + padding-right: 30px !important; + } + .pB-30\@md- { + padding-bottom: 30px !important; + } + .pL-30\@md- { + padding-left: 30px !important; + } + .pY-30\@md- { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .pX-30\@md- { + padding-left: 30px !important; + padding-right: 30px !important; + } + } + @media screen and (max-width: 767px) { + .p-30\@sm- { + padding: 30px !important; + } + .pT-30\@sm- { + padding-top: 30px !important; + } + .pR-30\@sm- { + padding-right: 30px !important; + } + .pB-30\@sm- { + padding-bottom: 30px !important; + } + .pL-30\@sm- { + padding-left: 30px !important; + } + .pY-30\@sm- { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .pX-30\@sm- { + padding-left: 30px !important; + padding-right: 30px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-30\@lg { + padding: 30px !important; + } + .pT-30\@lg { + padding-top: 30px !important; + } + .pR-30\@lg { + padding-right: 30px !important; + } + .pB-30\@lg { + padding-bottom: 30px !important; + } + .pL-30\@lg { + padding-left: 30px !important; + } + .pY-30\@lg { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .pX-30\@lg { + padding-left: 30px !important; + padding-right: 30px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-30\@md { + padding: 30px !important; + } + .pT-30\@md { + padding-top: 30px !important; + } + .pR-30\@md { + padding-right: 30px !important; + } + .pB-30\@md { + padding-bottom: 30px !important; + } + .pL-30\@md { + padding-left: 30px !important; + } + .pY-30\@md { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .pX-30\@md { + padding-left: 30px !important; + padding-right: 30px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-30\@sm { + padding: 30px !important; + } + .pT-30\@sm { + padding-top: 30px !important; + } + .pR-30\@sm { + padding-right: 30px !important; + } + .pB-30\@sm { + padding-bottom: 30px !important; + } + .pL-30\@sm { + padding-left: 30px !important; + } + .pY-30\@sm { + padding-top: 30px !important; + padding-bottom: 30px !important; + } + .pX-30\@sm { + padding-left: 30px !important; + padding-right: 30px !important; + } + } + .p-35 { + padding: 35px !important; + } + + .pT-35 { + padding-top: 35px !important; + } + + .pR-35 { + padding-right: 35px !important; + } + + .pB-35 { + padding-bottom: 35px !important; + } + + .pL-35 { + padding-left: 35px !important; + } + + .pY-35 { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + + .pX-35 { + padding-left: 35px !important; + padding-right: 35px !important; + } + + @media screen and (min-width: 1440px) { + .p-35\@xl\+ { + padding: 35px !important; + } + .pT-35\@xl\+ { + padding-top: 35px !important; + } + .pR-35\@xl\+ { + padding-right: 35px !important; + } + .pB-35\@xl\+ { + padding-bottom: 35px !important; + } + .pL-35\@xl\+ { + padding-left: 35px !important; + } + .pY-35\@xl\+ { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .pX-35\@xl\+ { + padding-left: 35px !important; + padding-right: 35px !important; + } + } + @media screen and (min-width: 1200px) { + .p-35\@lg\+ { + padding: 35px !important; + } + .pT-35\@lg\+ { + padding-top: 35px !important; + } + .pR-35\@lg\+ { + padding-right: 35px !important; + } + .pB-35\@lg\+ { + padding-bottom: 35px !important; + } + .pL-35\@lg\+ { + padding-left: 35px !important; + } + .pY-35\@lg\+ { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .pX-35\@lg\+ { + padding-left: 35px !important; + padding-right: 35px !important; + } + } + @media screen and (min-width: 992px) { + .p-35\@md\+ { + padding: 35px !important; + } + .pT-35\@md\+ { + padding-top: 35px !important; + } + .pR-35\@md\+ { + padding-right: 35px !important; + } + .pB-35\@md\+ { + padding-bottom: 35px !important; + } + .pL-35\@md\+ { + padding-left: 35px !important; + } + .pY-35\@md\+ { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .pX-35\@md\+ { + padding-left: 35px !important; + padding-right: 35px !important; + } + } + @media screen and (min-width: 768px) { + .p-35\@sm\+ { + padding: 35px !important; + } + .pT-35\@sm\+ { + padding-top: 35px !important; + } + .pR-35\@sm\+ { + padding-right: 35px !important; + } + .pB-35\@sm\+ { + padding-bottom: 35px !important; + } + .pL-35\@sm\+ { + padding-left: 35px !important; + } + .pY-35\@sm\+ { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .pX-35\@sm\+ { + padding-left: 35px !important; + padding-right: 35px !important; + } + } + @media screen and (min-width: 0) { + .p-35\@xs\+ { + padding: 35px !important; + } + .pT-35\@xs\+ { + padding-top: 35px !important; + } + .pR-35\@xs\+ { + padding-right: 35px !important; + } + .pB-35\@xs\+ { + padding-bottom: 35px !important; + } + .pL-35\@xs\+ { + padding-left: 35px !important; + } + .pY-35\@xs\+ { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .pX-35\@xs\+ { + padding-left: 35px !important; + padding-right: 35px !important; + } + } + @media screen and (max-width: 1439px) { + .p-35\@xl- { + padding: 35px !important; + } + .pT-35\@xl- { + padding-top: 35px !important; + } + .pR-35\@xl- { + padding-right: 35px !important; + } + .pB-35\@xl- { + padding-bottom: 35px !important; + } + .pL-35\@xl- { + padding-left: 35px !important; + } + .pY-35\@xl- { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .pX-35\@xl- { + padding-left: 35px !important; + padding-right: 35px !important; + } + } + @media screen and (max-width: 1199px) { + .p-35\@lg- { + padding: 35px !important; + } + .pT-35\@lg- { + padding-top: 35px !important; + } + .pR-35\@lg- { + padding-right: 35px !important; + } + .pB-35\@lg- { + padding-bottom: 35px !important; + } + .pL-35\@lg- { + padding-left: 35px !important; + } + .pY-35\@lg- { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .pX-35\@lg- { + padding-left: 35px !important; + padding-right: 35px !important; + } + } + @media screen and (max-width: 991px) { + .p-35\@md- { + padding: 35px !important; + } + .pT-35\@md- { + padding-top: 35px !important; + } + .pR-35\@md- { + padding-right: 35px !important; + } + .pB-35\@md- { + padding-bottom: 35px !important; + } + .pL-35\@md- { + padding-left: 35px !important; + } + .pY-35\@md- { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .pX-35\@md- { + padding-left: 35px !important; + padding-right: 35px !important; + } + } + @media screen and (max-width: 767px) { + .p-35\@sm- { + padding: 35px !important; + } + .pT-35\@sm- { + padding-top: 35px !important; + } + .pR-35\@sm- { + padding-right: 35px !important; + } + .pB-35\@sm- { + padding-bottom: 35px !important; + } + .pL-35\@sm- { + padding-left: 35px !important; + } + .pY-35\@sm- { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .pX-35\@sm- { + padding-left: 35px !important; + padding-right: 35px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-35\@lg { + padding: 35px !important; + } + .pT-35\@lg { + padding-top: 35px !important; + } + .pR-35\@lg { + padding-right: 35px !important; + } + .pB-35\@lg { + padding-bottom: 35px !important; + } + .pL-35\@lg { + padding-left: 35px !important; + } + .pY-35\@lg { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .pX-35\@lg { + padding-left: 35px !important; + padding-right: 35px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-35\@md { + padding: 35px !important; + } + .pT-35\@md { + padding-top: 35px !important; + } + .pR-35\@md { + padding-right: 35px !important; + } + .pB-35\@md { + padding-bottom: 35px !important; + } + .pL-35\@md { + padding-left: 35px !important; + } + .pY-35\@md { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .pX-35\@md { + padding-left: 35px !important; + padding-right: 35px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-35\@sm { + padding: 35px !important; + } + .pT-35\@sm { + padding-top: 35px !important; + } + .pR-35\@sm { + padding-right: 35px !important; + } + .pB-35\@sm { + padding-bottom: 35px !important; + } + .pL-35\@sm { + padding-left: 35px !important; + } + .pY-35\@sm { + padding-top: 35px !important; + padding-bottom: 35px !important; + } + .pX-35\@sm { + padding-left: 35px !important; + padding-right: 35px !important; + } + } + .p-40 { + padding: 40px !important; + } + + .pT-40 { + padding-top: 40px !important; + } + + .pR-40 { + padding-right: 40px !important; + } + + .pB-40 { + padding-bottom: 40px !important; + } + + .pL-40 { + padding-left: 40px !important; + } + + .pY-40 { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + + .pX-40 { + padding-left: 40px !important; + padding-right: 40px !important; + } + + @media screen and (min-width: 1440px) { + .p-40\@xl\+ { + padding: 40px !important; + } + .pT-40\@xl\+ { + padding-top: 40px !important; + } + .pR-40\@xl\+ { + padding-right: 40px !important; + } + .pB-40\@xl\+ { + padding-bottom: 40px !important; + } + .pL-40\@xl\+ { + padding-left: 40px !important; + } + .pY-40\@xl\+ { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .pX-40\@xl\+ { + padding-left: 40px !important; + padding-right: 40px !important; + } + } + @media screen and (min-width: 1200px) { + .p-40\@lg\+ { + padding: 40px !important; + } + .pT-40\@lg\+ { + padding-top: 40px !important; + } + .pR-40\@lg\+ { + padding-right: 40px !important; + } + .pB-40\@lg\+ { + padding-bottom: 40px !important; + } + .pL-40\@lg\+ { + padding-left: 40px !important; + } + .pY-40\@lg\+ { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .pX-40\@lg\+ { + padding-left: 40px !important; + padding-right: 40px !important; + } + } + @media screen and (min-width: 992px) { + .p-40\@md\+ { + padding: 40px !important; + } + .pT-40\@md\+ { + padding-top: 40px !important; + } + .pR-40\@md\+ { + padding-right: 40px !important; + } + .pB-40\@md\+ { + padding-bottom: 40px !important; + } + .pL-40\@md\+ { + padding-left: 40px !important; + } + .pY-40\@md\+ { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .pX-40\@md\+ { + padding-left: 40px !important; + padding-right: 40px !important; + } + } + @media screen and (min-width: 768px) { + .p-40\@sm\+ { + padding: 40px !important; + } + .pT-40\@sm\+ { + padding-top: 40px !important; + } + .pR-40\@sm\+ { + padding-right: 40px !important; + } + .pB-40\@sm\+ { + padding-bottom: 40px !important; + } + .pL-40\@sm\+ { + padding-left: 40px !important; + } + .pY-40\@sm\+ { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .pX-40\@sm\+ { + padding-left: 40px !important; + padding-right: 40px !important; + } + } + @media screen and (min-width: 0) { + .p-40\@xs\+ { + padding: 40px !important; + } + .pT-40\@xs\+ { + padding-top: 40px !important; + } + .pR-40\@xs\+ { + padding-right: 40px !important; + } + .pB-40\@xs\+ { + padding-bottom: 40px !important; + } + .pL-40\@xs\+ { + padding-left: 40px !important; + } + .pY-40\@xs\+ { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .pX-40\@xs\+ { + padding-left: 40px !important; + padding-right: 40px !important; + } + } + @media screen and (max-width: 1439px) { + .p-40\@xl- { + padding: 40px !important; + } + .pT-40\@xl- { + padding-top: 40px !important; + } + .pR-40\@xl- { + padding-right: 40px !important; + } + .pB-40\@xl- { + padding-bottom: 40px !important; + } + .pL-40\@xl- { + padding-left: 40px !important; + } + .pY-40\@xl- { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .pX-40\@xl- { + padding-left: 40px !important; + padding-right: 40px !important; + } + } + @media screen and (max-width: 1199px) { + .p-40\@lg- { + padding: 40px !important; + } + .pT-40\@lg- { + padding-top: 40px !important; + } + .pR-40\@lg- { + padding-right: 40px !important; + } + .pB-40\@lg- { + padding-bottom: 40px !important; + } + .pL-40\@lg- { + padding-left: 40px !important; + } + .pY-40\@lg- { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .pX-40\@lg- { + padding-left: 40px !important; + padding-right: 40px !important; + } + } + @media screen and (max-width: 991px) { + .p-40\@md- { + padding: 40px !important; + } + .pT-40\@md- { + padding-top: 40px !important; + } + .pR-40\@md- { + padding-right: 40px !important; + } + .pB-40\@md- { + padding-bottom: 40px !important; + } + .pL-40\@md- { + padding-left: 40px !important; + } + .pY-40\@md- { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .pX-40\@md- { + padding-left: 40px !important; + padding-right: 40px !important; + } + } + @media screen and (max-width: 767px) { + .p-40\@sm- { + padding: 40px !important; + } + .pT-40\@sm- { + padding-top: 40px !important; + } + .pR-40\@sm- { + padding-right: 40px !important; + } + .pB-40\@sm- { + padding-bottom: 40px !important; + } + .pL-40\@sm- { + padding-left: 40px !important; + } + .pY-40\@sm- { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .pX-40\@sm- { + padding-left: 40px !important; + padding-right: 40px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-40\@lg { + padding: 40px !important; + } + .pT-40\@lg { + padding-top: 40px !important; + } + .pR-40\@lg { + padding-right: 40px !important; + } + .pB-40\@lg { + padding-bottom: 40px !important; + } + .pL-40\@lg { + padding-left: 40px !important; + } + .pY-40\@lg { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .pX-40\@lg { + padding-left: 40px !important; + padding-right: 40px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-40\@md { + padding: 40px !important; + } + .pT-40\@md { + padding-top: 40px !important; + } + .pR-40\@md { + padding-right: 40px !important; + } + .pB-40\@md { + padding-bottom: 40px !important; + } + .pL-40\@md { + padding-left: 40px !important; + } + .pY-40\@md { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .pX-40\@md { + padding-left: 40px !important; + padding-right: 40px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-40\@sm { + padding: 40px !important; + } + .pT-40\@sm { + padding-top: 40px !important; + } + .pR-40\@sm { + padding-right: 40px !important; + } + .pB-40\@sm { + padding-bottom: 40px !important; + } + .pL-40\@sm { + padding-left: 40px !important; + } + .pY-40\@sm { + padding-top: 40px !important; + padding-bottom: 40px !important; + } + .pX-40\@sm { + padding-left: 40px !important; + padding-right: 40px !important; + } + } + .p-50 { + padding: 50px !important; + } + + .pT-50 { + padding-top: 50px !important; + } + + .pR-50 { + padding-right: 50px !important; + } + + .pB-50 { + padding-bottom: 50px !important; + } + + .pL-50 { + padding-left: 50px !important; + } + + .pY-50 { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + + .pX-50 { + padding-left: 50px !important; + padding-right: 50px !important; + } + + @media screen and (min-width: 1440px) { + .p-50\@xl\+ { + padding: 50px !important; + } + .pT-50\@xl\+ { + padding-top: 50px !important; + } + .pR-50\@xl\+ { + padding-right: 50px !important; + } + .pB-50\@xl\+ { + padding-bottom: 50px !important; + } + .pL-50\@xl\+ { + padding-left: 50px !important; + } + .pY-50\@xl\+ { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .pX-50\@xl\+ { + padding-left: 50px !important; + padding-right: 50px !important; + } + } + @media screen and (min-width: 1200px) { + .p-50\@lg\+ { + padding: 50px !important; + } + .pT-50\@lg\+ { + padding-top: 50px !important; + } + .pR-50\@lg\+ { + padding-right: 50px !important; + } + .pB-50\@lg\+ { + padding-bottom: 50px !important; + } + .pL-50\@lg\+ { + padding-left: 50px !important; + } + .pY-50\@lg\+ { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .pX-50\@lg\+ { + padding-left: 50px !important; + padding-right: 50px !important; + } + } + @media screen and (min-width: 992px) { + .p-50\@md\+ { + padding: 50px !important; + } + .pT-50\@md\+ { + padding-top: 50px !important; + } + .pR-50\@md\+ { + padding-right: 50px !important; + } + .pB-50\@md\+ { + padding-bottom: 50px !important; + } + .pL-50\@md\+ { + padding-left: 50px !important; + } + .pY-50\@md\+ { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .pX-50\@md\+ { + padding-left: 50px !important; + padding-right: 50px !important; + } + } + @media screen and (min-width: 768px) { + .p-50\@sm\+ { + padding: 50px !important; + } + .pT-50\@sm\+ { + padding-top: 50px !important; + } + .pR-50\@sm\+ { + padding-right: 50px !important; + } + .pB-50\@sm\+ { + padding-bottom: 50px !important; + } + .pL-50\@sm\+ { + padding-left: 50px !important; + } + .pY-50\@sm\+ { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .pX-50\@sm\+ { + padding-left: 50px !important; + padding-right: 50px !important; + } + } + @media screen and (min-width: 0) { + .p-50\@xs\+ { + padding: 50px !important; + } + .pT-50\@xs\+ { + padding-top: 50px !important; + } + .pR-50\@xs\+ { + padding-right: 50px !important; + } + .pB-50\@xs\+ { + padding-bottom: 50px !important; + } + .pL-50\@xs\+ { + padding-left: 50px !important; + } + .pY-50\@xs\+ { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .pX-50\@xs\+ { + padding-left: 50px !important; + padding-right: 50px !important; + } + } + @media screen and (max-width: 1439px) { + .p-50\@xl- { + padding: 50px !important; + } + .pT-50\@xl- { + padding-top: 50px !important; + } + .pR-50\@xl- { + padding-right: 50px !important; + } + .pB-50\@xl- { + padding-bottom: 50px !important; + } + .pL-50\@xl- { + padding-left: 50px !important; + } + .pY-50\@xl- { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .pX-50\@xl- { + padding-left: 50px !important; + padding-right: 50px !important; + } + } + @media screen and (max-width: 1199px) { + .p-50\@lg- { + padding: 50px !important; + } + .pT-50\@lg- { + padding-top: 50px !important; + } + .pR-50\@lg- { + padding-right: 50px !important; + } + .pB-50\@lg- { + padding-bottom: 50px !important; + } + .pL-50\@lg- { + padding-left: 50px !important; + } + .pY-50\@lg- { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .pX-50\@lg- { + padding-left: 50px !important; + padding-right: 50px !important; + } + } + @media screen and (max-width: 991px) { + .p-50\@md- { + padding: 50px !important; + } + .pT-50\@md- { + padding-top: 50px !important; + } + .pR-50\@md- { + padding-right: 50px !important; + } + .pB-50\@md- { + padding-bottom: 50px !important; + } + .pL-50\@md- { + padding-left: 50px !important; + } + .pY-50\@md- { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .pX-50\@md- { + padding-left: 50px !important; + padding-right: 50px !important; + } + } + @media screen and (max-width: 767px) { + .p-50\@sm- { + padding: 50px !important; + } + .pT-50\@sm- { + padding-top: 50px !important; + } + .pR-50\@sm- { + padding-right: 50px !important; + } + .pB-50\@sm- { + padding-bottom: 50px !important; + } + .pL-50\@sm- { + padding-left: 50px !important; + } + .pY-50\@sm- { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .pX-50\@sm- { + padding-left: 50px !important; + padding-right: 50px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-50\@lg { + padding: 50px !important; + } + .pT-50\@lg { + padding-top: 50px !important; + } + .pR-50\@lg { + padding-right: 50px !important; + } + .pB-50\@lg { + padding-bottom: 50px !important; + } + .pL-50\@lg { + padding-left: 50px !important; + } + .pY-50\@lg { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .pX-50\@lg { + padding-left: 50px !important; + padding-right: 50px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-50\@md { + padding: 50px !important; + } + .pT-50\@md { + padding-top: 50px !important; + } + .pR-50\@md { + padding-right: 50px !important; + } + .pB-50\@md { + padding-bottom: 50px !important; + } + .pL-50\@md { + padding-left: 50px !important; + } + .pY-50\@md { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .pX-50\@md { + padding-left: 50px !important; + padding-right: 50px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-50\@sm { + padding: 50px !important; + } + .pT-50\@sm { + padding-top: 50px !important; + } + .pR-50\@sm { + padding-right: 50px !important; + } + .pB-50\@sm { + padding-bottom: 50px !important; + } + .pL-50\@sm { + padding-left: 50px !important; + } + .pY-50\@sm { + padding-top: 50px !important; + padding-bottom: 50px !important; + } + .pX-50\@sm { + padding-left: 50px !important; + padding-right: 50px !important; + } + } + .p-60 { + padding: 60px !important; + } + + .pT-60 { + padding-top: 60px !important; + } + + .pR-60 { + padding-right: 60px !important; + } + + .pB-60 { + padding-bottom: 60px !important; + } + + .pL-60 { + padding-left: 60px !important; + } + + .pY-60 { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + + .pX-60 { + padding-left: 60px !important; + padding-right: 60px !important; + } + + @media screen and (min-width: 1440px) { + .p-60\@xl\+ { + padding: 60px !important; + } + .pT-60\@xl\+ { + padding-top: 60px !important; + } + .pR-60\@xl\+ { + padding-right: 60px !important; + } + .pB-60\@xl\+ { + padding-bottom: 60px !important; + } + .pL-60\@xl\+ { + padding-left: 60px !important; + } + .pY-60\@xl\+ { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .pX-60\@xl\+ { + padding-left: 60px !important; + padding-right: 60px !important; + } + } + @media screen and (min-width: 1200px) { + .p-60\@lg\+ { + padding: 60px !important; + } + .pT-60\@lg\+ { + padding-top: 60px !important; + } + .pR-60\@lg\+ { + padding-right: 60px !important; + } + .pB-60\@lg\+ { + padding-bottom: 60px !important; + } + .pL-60\@lg\+ { + padding-left: 60px !important; + } + .pY-60\@lg\+ { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .pX-60\@lg\+ { + padding-left: 60px !important; + padding-right: 60px !important; + } + } + @media screen and (min-width: 992px) { + .p-60\@md\+ { + padding: 60px !important; + } + .pT-60\@md\+ { + padding-top: 60px !important; + } + .pR-60\@md\+ { + padding-right: 60px !important; + } + .pB-60\@md\+ { + padding-bottom: 60px !important; + } + .pL-60\@md\+ { + padding-left: 60px !important; + } + .pY-60\@md\+ { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .pX-60\@md\+ { + padding-left: 60px !important; + padding-right: 60px !important; + } + } + @media screen and (min-width: 768px) { + .p-60\@sm\+ { + padding: 60px !important; + } + .pT-60\@sm\+ { + padding-top: 60px !important; + } + .pR-60\@sm\+ { + padding-right: 60px !important; + } + .pB-60\@sm\+ { + padding-bottom: 60px !important; + } + .pL-60\@sm\+ { + padding-left: 60px !important; + } + .pY-60\@sm\+ { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .pX-60\@sm\+ { + padding-left: 60px !important; + padding-right: 60px !important; + } + } + @media screen and (min-width: 0) { + .p-60\@xs\+ { + padding: 60px !important; + } + .pT-60\@xs\+ { + padding-top: 60px !important; + } + .pR-60\@xs\+ { + padding-right: 60px !important; + } + .pB-60\@xs\+ { + padding-bottom: 60px !important; + } + .pL-60\@xs\+ { + padding-left: 60px !important; + } + .pY-60\@xs\+ { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .pX-60\@xs\+ { + padding-left: 60px !important; + padding-right: 60px !important; + } + } + @media screen and (max-width: 1439px) { + .p-60\@xl- { + padding: 60px !important; + } + .pT-60\@xl- { + padding-top: 60px !important; + } + .pR-60\@xl- { + padding-right: 60px !important; + } + .pB-60\@xl- { + padding-bottom: 60px !important; + } + .pL-60\@xl- { + padding-left: 60px !important; + } + .pY-60\@xl- { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .pX-60\@xl- { + padding-left: 60px !important; + padding-right: 60px !important; + } + } + @media screen and (max-width: 1199px) { + .p-60\@lg- { + padding: 60px !important; + } + .pT-60\@lg- { + padding-top: 60px !important; + } + .pR-60\@lg- { + padding-right: 60px !important; + } + .pB-60\@lg- { + padding-bottom: 60px !important; + } + .pL-60\@lg- { + padding-left: 60px !important; + } + .pY-60\@lg- { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .pX-60\@lg- { + padding-left: 60px !important; + padding-right: 60px !important; + } + } + @media screen and (max-width: 991px) { + .p-60\@md- { + padding: 60px !important; + } + .pT-60\@md- { + padding-top: 60px !important; + } + .pR-60\@md- { + padding-right: 60px !important; + } + .pB-60\@md- { + padding-bottom: 60px !important; + } + .pL-60\@md- { + padding-left: 60px !important; + } + .pY-60\@md- { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .pX-60\@md- { + padding-left: 60px !important; + padding-right: 60px !important; + } + } + @media screen and (max-width: 767px) { + .p-60\@sm- { + padding: 60px !important; + } + .pT-60\@sm- { + padding-top: 60px !important; + } + .pR-60\@sm- { + padding-right: 60px !important; + } + .pB-60\@sm- { + padding-bottom: 60px !important; + } + .pL-60\@sm- { + padding-left: 60px !important; + } + .pY-60\@sm- { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .pX-60\@sm- { + padding-left: 60px !important; + padding-right: 60px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-60\@lg { + padding: 60px !important; + } + .pT-60\@lg { + padding-top: 60px !important; + } + .pR-60\@lg { + padding-right: 60px !important; + } + .pB-60\@lg { + padding-bottom: 60px !important; + } + .pL-60\@lg { + padding-left: 60px !important; + } + .pY-60\@lg { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .pX-60\@lg { + padding-left: 60px !important; + padding-right: 60px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-60\@md { + padding: 60px !important; + } + .pT-60\@md { + padding-top: 60px !important; + } + .pR-60\@md { + padding-right: 60px !important; + } + .pB-60\@md { + padding-bottom: 60px !important; + } + .pL-60\@md { + padding-left: 60px !important; + } + .pY-60\@md { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .pX-60\@md { + padding-left: 60px !important; + padding-right: 60px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-60\@sm { + padding: 60px !important; + } + .pT-60\@sm { + padding-top: 60px !important; + } + .pR-60\@sm { + padding-right: 60px !important; + } + .pB-60\@sm { + padding-bottom: 60px !important; + } + .pL-60\@sm { + padding-left: 60px !important; + } + .pY-60\@sm { + padding-top: 60px !important; + padding-bottom: 60px !important; + } + .pX-60\@sm { + padding-left: 60px !important; + padding-right: 60px !important; + } + } + .p-70 { + padding: 70px !important; + } + + .pT-70 { + padding-top: 70px !important; + } + + .pR-70 { + padding-right: 70px !important; + } + + .pB-70 { + padding-bottom: 70px !important; + } + + .pL-70 { + padding-left: 70px !important; + } + + .pY-70 { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + + .pX-70 { + padding-left: 70px !important; + padding-right: 70px !important; + } + + @media screen and (min-width: 1440px) { + .p-70\@xl\+ { + padding: 70px !important; + } + .pT-70\@xl\+ { + padding-top: 70px !important; + } + .pR-70\@xl\+ { + padding-right: 70px !important; + } + .pB-70\@xl\+ { + padding-bottom: 70px !important; + } + .pL-70\@xl\+ { + padding-left: 70px !important; + } + .pY-70\@xl\+ { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .pX-70\@xl\+ { + padding-left: 70px !important; + padding-right: 70px !important; + } + } + @media screen and (min-width: 1200px) { + .p-70\@lg\+ { + padding: 70px !important; + } + .pT-70\@lg\+ { + padding-top: 70px !important; + } + .pR-70\@lg\+ { + padding-right: 70px !important; + } + .pB-70\@lg\+ { + padding-bottom: 70px !important; + } + .pL-70\@lg\+ { + padding-left: 70px !important; + } + .pY-70\@lg\+ { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .pX-70\@lg\+ { + padding-left: 70px !important; + padding-right: 70px !important; + } + } + @media screen and (min-width: 992px) { + .p-70\@md\+ { + padding: 70px !important; + } + .pT-70\@md\+ { + padding-top: 70px !important; + } + .pR-70\@md\+ { + padding-right: 70px !important; + } + .pB-70\@md\+ { + padding-bottom: 70px !important; + } + .pL-70\@md\+ { + padding-left: 70px !important; + } + .pY-70\@md\+ { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .pX-70\@md\+ { + padding-left: 70px !important; + padding-right: 70px !important; + } + } + @media screen and (min-width: 768px) { + .p-70\@sm\+ { + padding: 70px !important; + } + .pT-70\@sm\+ { + padding-top: 70px !important; + } + .pR-70\@sm\+ { + padding-right: 70px !important; + } + .pB-70\@sm\+ { + padding-bottom: 70px !important; + } + .pL-70\@sm\+ { + padding-left: 70px !important; + } + .pY-70\@sm\+ { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .pX-70\@sm\+ { + padding-left: 70px !important; + padding-right: 70px !important; + } + } + @media screen and (min-width: 0) { + .p-70\@xs\+ { + padding: 70px !important; + } + .pT-70\@xs\+ { + padding-top: 70px !important; + } + .pR-70\@xs\+ { + padding-right: 70px !important; + } + .pB-70\@xs\+ { + padding-bottom: 70px !important; + } + .pL-70\@xs\+ { + padding-left: 70px !important; + } + .pY-70\@xs\+ { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .pX-70\@xs\+ { + padding-left: 70px !important; + padding-right: 70px !important; + } + } + @media screen and (max-width: 1439px) { + .p-70\@xl- { + padding: 70px !important; + } + .pT-70\@xl- { + padding-top: 70px !important; + } + .pR-70\@xl- { + padding-right: 70px !important; + } + .pB-70\@xl- { + padding-bottom: 70px !important; + } + .pL-70\@xl- { + padding-left: 70px !important; + } + .pY-70\@xl- { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .pX-70\@xl- { + padding-left: 70px !important; + padding-right: 70px !important; + } + } + @media screen and (max-width: 1199px) { + .p-70\@lg- { + padding: 70px !important; + } + .pT-70\@lg- { + padding-top: 70px !important; + } + .pR-70\@lg- { + padding-right: 70px !important; + } + .pB-70\@lg- { + padding-bottom: 70px !important; + } + .pL-70\@lg- { + padding-left: 70px !important; + } + .pY-70\@lg- { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .pX-70\@lg- { + padding-left: 70px !important; + padding-right: 70px !important; + } + } + @media screen and (max-width: 991px) { + .p-70\@md- { + padding: 70px !important; + } + .pT-70\@md- { + padding-top: 70px !important; + } + .pR-70\@md- { + padding-right: 70px !important; + } + .pB-70\@md- { + padding-bottom: 70px !important; + } + .pL-70\@md- { + padding-left: 70px !important; + } + .pY-70\@md- { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .pX-70\@md- { + padding-left: 70px !important; + padding-right: 70px !important; + } + } + @media screen and (max-width: 767px) { + .p-70\@sm- { + padding: 70px !important; + } + .pT-70\@sm- { + padding-top: 70px !important; + } + .pR-70\@sm- { + padding-right: 70px !important; + } + .pB-70\@sm- { + padding-bottom: 70px !important; + } + .pL-70\@sm- { + padding-left: 70px !important; + } + .pY-70\@sm- { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .pX-70\@sm- { + padding-left: 70px !important; + padding-right: 70px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-70\@lg { + padding: 70px !important; + } + .pT-70\@lg { + padding-top: 70px !important; + } + .pR-70\@lg { + padding-right: 70px !important; + } + .pB-70\@lg { + padding-bottom: 70px !important; + } + .pL-70\@lg { + padding-left: 70px !important; + } + .pY-70\@lg { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .pX-70\@lg { + padding-left: 70px !important; + padding-right: 70px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-70\@md { + padding: 70px !important; + } + .pT-70\@md { + padding-top: 70px !important; + } + .pR-70\@md { + padding-right: 70px !important; + } + .pB-70\@md { + padding-bottom: 70px !important; + } + .pL-70\@md { + padding-left: 70px !important; + } + .pY-70\@md { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .pX-70\@md { + padding-left: 70px !important; + padding-right: 70px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-70\@sm { + padding: 70px !important; + } + .pT-70\@sm { + padding-top: 70px !important; + } + .pR-70\@sm { + padding-right: 70px !important; + } + .pB-70\@sm { + padding-bottom: 70px !important; + } + .pL-70\@sm { + padding-left: 70px !important; + } + .pY-70\@sm { + padding-top: 70px !important; + padding-bottom: 70px !important; + } + .pX-70\@sm { + padding-left: 70px !important; + padding-right: 70px !important; + } + } + .p-80 { + padding: 80px !important; + } + + .pT-80 { + padding-top: 80px !important; + } + + .pR-80 { + padding-right: 80px !important; + } + + .pB-80 { + padding-bottom: 80px !important; + } + + .pL-80 { + padding-left: 80px !important; + } + + .pY-80 { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + + .pX-80 { + padding-left: 80px !important; + padding-right: 80px !important; + } + + @media screen and (min-width: 1440px) { + .p-80\@xl\+ { + padding: 80px !important; + } + .pT-80\@xl\+ { + padding-top: 80px !important; + } + .pR-80\@xl\+ { + padding-right: 80px !important; + } + .pB-80\@xl\+ { + padding-bottom: 80px !important; + } + .pL-80\@xl\+ { + padding-left: 80px !important; + } + .pY-80\@xl\+ { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .pX-80\@xl\+ { + padding-left: 80px !important; + padding-right: 80px !important; + } + } + @media screen and (min-width: 1200px) { + .p-80\@lg\+ { + padding: 80px !important; + } + .pT-80\@lg\+ { + padding-top: 80px !important; + } + .pR-80\@lg\+ { + padding-right: 80px !important; + } + .pB-80\@lg\+ { + padding-bottom: 80px !important; + } + .pL-80\@lg\+ { + padding-left: 80px !important; + } + .pY-80\@lg\+ { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .pX-80\@lg\+ { + padding-left: 80px !important; + padding-right: 80px !important; + } + } + @media screen and (min-width: 992px) { + .p-80\@md\+ { + padding: 80px !important; + } + .pT-80\@md\+ { + padding-top: 80px !important; + } + .pR-80\@md\+ { + padding-right: 80px !important; + } + .pB-80\@md\+ { + padding-bottom: 80px !important; + } + .pL-80\@md\+ { + padding-left: 80px !important; + } + .pY-80\@md\+ { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .pX-80\@md\+ { + padding-left: 80px !important; + padding-right: 80px !important; + } + } + @media screen and (min-width: 768px) { + .p-80\@sm\+ { + padding: 80px !important; + } + .pT-80\@sm\+ { + padding-top: 80px !important; + } + .pR-80\@sm\+ { + padding-right: 80px !important; + } + .pB-80\@sm\+ { + padding-bottom: 80px !important; + } + .pL-80\@sm\+ { + padding-left: 80px !important; + } + .pY-80\@sm\+ { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .pX-80\@sm\+ { + padding-left: 80px !important; + padding-right: 80px !important; + } + } + @media screen and (min-width: 0) { + .p-80\@xs\+ { + padding: 80px !important; + } + .pT-80\@xs\+ { + padding-top: 80px !important; + } + .pR-80\@xs\+ { + padding-right: 80px !important; + } + .pB-80\@xs\+ { + padding-bottom: 80px !important; + } + .pL-80\@xs\+ { + padding-left: 80px !important; + } + .pY-80\@xs\+ { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .pX-80\@xs\+ { + padding-left: 80px !important; + padding-right: 80px !important; + } + } + @media screen and (max-width: 1439px) { + .p-80\@xl- { + padding: 80px !important; + } + .pT-80\@xl- { + padding-top: 80px !important; + } + .pR-80\@xl- { + padding-right: 80px !important; + } + .pB-80\@xl- { + padding-bottom: 80px !important; + } + .pL-80\@xl- { + padding-left: 80px !important; + } + .pY-80\@xl- { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .pX-80\@xl- { + padding-left: 80px !important; + padding-right: 80px !important; + } + } + @media screen and (max-width: 1199px) { + .p-80\@lg- { + padding: 80px !important; + } + .pT-80\@lg- { + padding-top: 80px !important; + } + .pR-80\@lg- { + padding-right: 80px !important; + } + .pB-80\@lg- { + padding-bottom: 80px !important; + } + .pL-80\@lg- { + padding-left: 80px !important; + } + .pY-80\@lg- { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .pX-80\@lg- { + padding-left: 80px !important; + padding-right: 80px !important; + } + } + @media screen and (max-width: 991px) { + .p-80\@md- { + padding: 80px !important; + } + .pT-80\@md- { + padding-top: 80px !important; + } + .pR-80\@md- { + padding-right: 80px !important; + } + .pB-80\@md- { + padding-bottom: 80px !important; + } + .pL-80\@md- { + padding-left: 80px !important; + } + .pY-80\@md- { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .pX-80\@md- { + padding-left: 80px !important; + padding-right: 80px !important; + } + } + @media screen and (max-width: 767px) { + .p-80\@sm- { + padding: 80px !important; + } + .pT-80\@sm- { + padding-top: 80px !important; + } + .pR-80\@sm- { + padding-right: 80px !important; + } + .pB-80\@sm- { + padding-bottom: 80px !important; + } + .pL-80\@sm- { + padding-left: 80px !important; + } + .pY-80\@sm- { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .pX-80\@sm- { + padding-left: 80px !important; + padding-right: 80px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-80\@lg { + padding: 80px !important; + } + .pT-80\@lg { + padding-top: 80px !important; + } + .pR-80\@lg { + padding-right: 80px !important; + } + .pB-80\@lg { + padding-bottom: 80px !important; + } + .pL-80\@lg { + padding-left: 80px !important; + } + .pY-80\@lg { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .pX-80\@lg { + padding-left: 80px !important; + padding-right: 80px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-80\@md { + padding: 80px !important; + } + .pT-80\@md { + padding-top: 80px !important; + } + .pR-80\@md { + padding-right: 80px !important; + } + .pB-80\@md { + padding-bottom: 80px !important; + } + .pL-80\@md { + padding-left: 80px !important; + } + .pY-80\@md { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .pX-80\@md { + padding-left: 80px !important; + padding-right: 80px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-80\@sm { + padding: 80px !important; + } + .pT-80\@sm { + padding-top: 80px !important; + } + .pR-80\@sm { + padding-right: 80px !important; + } + .pB-80\@sm { + padding-bottom: 80px !important; + } + .pL-80\@sm { + padding-left: 80px !important; + } + .pY-80\@sm { + padding-top: 80px !important; + padding-bottom: 80px !important; + } + .pX-80\@sm { + padding-left: 80px !important; + padding-right: 80px !important; + } + } + .p-90 { + padding: 90px !important; + } + + .pT-90 { + padding-top: 90px !important; + } + + .pR-90 { + padding-right: 90px !important; + } + + .pB-90 { + padding-bottom: 90px !important; + } + + .pL-90 { + padding-left: 90px !important; + } + + .pY-90 { + padding-top: 90px !important; + padding-bottom: 90px !important; + } + + .pX-90 { + padding-left: 90px !important; + padding-right: 90px !important; + } + + @media screen and (min-width: 1440px) { + .p-90\@xl\+ { + padding: 90px !important; + } + .pT-90\@xl\+ { + padding-top: 90px !important; + } + .pR-90\@xl\+ { + padding-right: 90px !important; + } + .pB-90\@xl\+ { + padding-bottom: 90px !important; + } + .pL-90\@xl\+ { + padding-left: 90px !important; + } + .pY-90\@xl\+ { + padding-top: 90px !important; + padding-bottom: 90px !important; + } + .pX-90\@xl\+ { + padding-left: 90px !important; + padding-right: 90px !important; + } + } + @media screen and (min-width: 1200px) { + .p-90\@lg\+ { + padding: 90px !important; + } + .pT-90\@lg\+ { + padding-top: 90px !important; + } + .pR-90\@lg\+ { + padding-right: 90px !important; + } + .pB-90\@lg\+ { + padding-bottom: 90px !important; + } + .pL-90\@lg\+ { + padding-left: 90px !important; + } + .pY-90\@lg\+ { + padding-top: 90px !important; + padding-bottom: 90px !important; + } + .pX-90\@lg\+ { + padding-left: 90px !important; + padding-right: 90px !important; + } + } + @media screen and (min-width: 992px) { + .p-90\@md\+ { + padding: 90px !important; + } + .pT-90\@md\+ { + padding-top: 90px !important; + } + .pR-90\@md\+ { + padding-right: 90px !important; + } + .pB-90\@md\+ { + padding-bottom: 90px !important; + } + .pL-90\@md\+ { + padding-left: 90px !important; + } + .pY-90\@md\+ { + padding-top: 90px !important; + padding-bottom: 90px !important; + } + .pX-90\@md\+ { + padding-left: 90px !important; + padding-right: 90px !important; + } + } + @media screen and (min-width: 768px) { + .p-90\@sm\+ { + padding: 90px !important; + } + .pT-90\@sm\+ { + padding-top: 90px !important; + } + .pR-90\@sm\+ { + padding-right: 90px !important; + } + .pB-90\@sm\+ { + padding-bottom: 90px !important; + } + .pL-90\@sm\+ { + padding-left: 90px !important; + } + .pY-90\@sm\+ { + padding-top: 90px !important; + padding-bottom: 90px !important; + } + .pX-90\@sm\+ { + padding-left: 90px !important; + padding-right: 90px !important; + } + } + @media screen and (min-width: 0) { + .p-90\@xs\+ { + padding: 90px !important; + } + .pT-90\@xs\+ { + padding-top: 90px !important; + } + .pR-90\@xs\+ { + padding-right: 90px !important; + } + .pB-90\@xs\+ { + padding-bottom: 90px !important; + } + .pL-90\@xs\+ { + padding-left: 90px !important; + } + .pY-90\@xs\+ { + padding-top: 90px !important; + padding-bottom: 90px !important; + } + .pX-90\@xs\+ { + padding-left: 90px !important; + padding-right: 90px !important; + } + } + @media screen and (max-width: 1439px) { + .p-90\@xl- { + padding: 90px !important; + } + .pT-90\@xl- { + padding-top: 90px !important; + } + .pR-90\@xl- { + padding-right: 90px !important; + } + .pB-90\@xl- { + padding-bottom: 90px !important; + } + .pL-90\@xl- { + padding-left: 90px !important; + } + .pY-90\@xl- { + padding-top: 90px !important; + padding-bottom: 90px !important; + } + .pX-90\@xl- { + padding-left: 90px !important; + padding-right: 90px !important; + } + } + @media screen and (max-width: 1199px) { + .p-90\@lg- { + padding: 90px !important; + } + .pT-90\@lg- { + padding-top: 90px !important; + } + .pR-90\@lg- { + padding-right: 90px !important; + } + .pB-90\@lg- { + padding-bottom: 90px !important; + } + .pL-90\@lg- { + padding-left: 90px !important; + } + .pY-90\@lg- { + padding-top: 90px !important; + padding-bottom: 90px !important; + } + .pX-90\@lg- { + padding-left: 90px !important; + padding-right: 90px !important; + } + } + @media screen and (max-width: 991px) { + .p-90\@md- { + padding: 90px !important; + } + .pT-90\@md- { + padding-top: 90px !important; + } + .pR-90\@md- { + padding-right: 90px !important; + } + .pB-90\@md- { + padding-bottom: 90px !important; + } + .pL-90\@md- { + padding-left: 90px !important; + } + .pY-90\@md- { + padding-top: 90px !important; + padding-bottom: 90px !important; + } + .pX-90\@md- { + padding-left: 90px !important; + padding-right: 90px !important; + } + } + @media screen and (max-width: 767px) { + .p-90\@sm- { + padding: 90px !important; + } + .pT-90\@sm- { + padding-top: 90px !important; + } + .pR-90\@sm- { + padding-right: 90px !important; + } + .pB-90\@sm- { + padding-bottom: 90px !important; + } + .pL-90\@sm- { + padding-left: 90px !important; + } + .pY-90\@sm- { + padding-top: 90px !important; + padding-bottom: 90px !important; + } + .pX-90\@sm- { + padding-left: 90px !important; + padding-right: 90px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-90\@lg { + padding: 90px !important; + } + .pT-90\@lg { + padding-top: 90px !important; + } + .pR-90\@lg { + padding-right: 90px !important; + } + .pB-90\@lg { + padding-bottom: 90px !important; + } + .pL-90\@lg { + padding-left: 90px !important; + } + .pY-90\@lg { + padding-top: 90px !important; + padding-bottom: 90px !important; + } + .pX-90\@lg { + padding-left: 90px !important; + padding-right: 90px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-90\@md { + padding: 90px !important; + } + .pT-90\@md { + padding-top: 90px !important; + } + .pR-90\@md { + padding-right: 90px !important; + } + .pB-90\@md { + padding-bottom: 90px !important; + } + .pL-90\@md { + padding-left: 90px !important; + } + .pY-90\@md { + padding-top: 90px !important; + padding-bottom: 90px !important; + } + .pX-90\@md { + padding-left: 90px !important; + padding-right: 90px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-90\@sm { + padding: 90px !important; + } + .pT-90\@sm { + padding-top: 90px !important; + } + .pR-90\@sm { + padding-right: 90px !important; + } + .pB-90\@sm { + padding-bottom: 90px !important; + } + .pL-90\@sm { + padding-left: 90px !important; + } + .pY-90\@sm { + padding-top: 90px !important; + padding-bottom: 90px !important; + } + .pX-90\@sm { + padding-left: 90px !important; + padding-right: 90px !important; + } + } + .p-100 { + padding: 100px !important; + } + + .pT-100 { + padding-top: 100px !important; + } + + .pR-100 { + padding-right: 100px !important; + } + + .pB-100 { + padding-bottom: 100px !important; + } + + .pL-100 { + padding-left: 100px !important; + } + + .pY-100 { + padding-top: 100px !important; + padding-bottom: 100px !important; + } + + .pX-100 { + padding-left: 100px !important; + padding-right: 100px !important; + } + + @media screen and (min-width: 1440px) { + .p-100\@xl\+ { + padding: 100px !important; + } + .pT-100\@xl\+ { + padding-top: 100px !important; + } + .pR-100\@xl\+ { + padding-right: 100px !important; + } + .pB-100\@xl\+ { + padding-bottom: 100px !important; + } + .pL-100\@xl\+ { + padding-left: 100px !important; + } + .pY-100\@xl\+ { + padding-top: 100px !important; + padding-bottom: 100px !important; + } + .pX-100\@xl\+ { + padding-left: 100px !important; + padding-right: 100px !important; + } + } + @media screen and (min-width: 1200px) { + .p-100\@lg\+ { + padding: 100px !important; + } + .pT-100\@lg\+ { + padding-top: 100px !important; + } + .pR-100\@lg\+ { + padding-right: 100px !important; + } + .pB-100\@lg\+ { + padding-bottom: 100px !important; + } + .pL-100\@lg\+ { + padding-left: 100px !important; + } + .pY-100\@lg\+ { + padding-top: 100px !important; + padding-bottom: 100px !important; + } + .pX-100\@lg\+ { + padding-left: 100px !important; + padding-right: 100px !important; + } + } + @media screen and (min-width: 992px) { + .p-100\@md\+ { + padding: 100px !important; + } + .pT-100\@md\+ { + padding-top: 100px !important; + } + .pR-100\@md\+ { + padding-right: 100px !important; + } + .pB-100\@md\+ { + padding-bottom: 100px !important; + } + .pL-100\@md\+ { + padding-left: 100px !important; + } + .pY-100\@md\+ { + padding-top: 100px !important; + padding-bottom: 100px !important; + } + .pX-100\@md\+ { + padding-left: 100px !important; + padding-right: 100px !important; + } + } + @media screen and (min-width: 768px) { + .p-100\@sm\+ { + padding: 100px !important; + } + .pT-100\@sm\+ { + padding-top: 100px !important; + } + .pR-100\@sm\+ { + padding-right: 100px !important; + } + .pB-100\@sm\+ { + padding-bottom: 100px !important; + } + .pL-100\@sm\+ { + padding-left: 100px !important; + } + .pY-100\@sm\+ { + padding-top: 100px !important; + padding-bottom: 100px !important; + } + .pX-100\@sm\+ { + padding-left: 100px !important; + padding-right: 100px !important; + } + } + @media screen and (min-width: 0) { + .p-100\@xs\+ { + padding: 100px !important; + } + .pT-100\@xs\+ { + padding-top: 100px !important; + } + .pR-100\@xs\+ { + padding-right: 100px !important; + } + .pB-100\@xs\+ { + padding-bottom: 100px !important; + } + .pL-100\@xs\+ { + padding-left: 100px !important; + } + .pY-100\@xs\+ { + padding-top: 100px !important; + padding-bottom: 100px !important; + } + .pX-100\@xs\+ { + padding-left: 100px !important; + padding-right: 100px !important; + } + } + @media screen and (max-width: 1439px) { + .p-100\@xl- { + padding: 100px !important; + } + .pT-100\@xl- { + padding-top: 100px !important; + } + .pR-100\@xl- { + padding-right: 100px !important; + } + .pB-100\@xl- { + padding-bottom: 100px !important; + } + .pL-100\@xl- { + padding-left: 100px !important; + } + .pY-100\@xl- { + padding-top: 100px !important; + padding-bottom: 100px !important; + } + .pX-100\@xl- { + padding-left: 100px !important; + padding-right: 100px !important; + } + } + @media screen and (max-width: 1199px) { + .p-100\@lg- { + padding: 100px !important; + } + .pT-100\@lg- { + padding-top: 100px !important; + } + .pR-100\@lg- { + padding-right: 100px !important; + } + .pB-100\@lg- { + padding-bottom: 100px !important; + } + .pL-100\@lg- { + padding-left: 100px !important; + } + .pY-100\@lg- { + padding-top: 100px !important; + padding-bottom: 100px !important; + } + .pX-100\@lg- { + padding-left: 100px !important; + padding-right: 100px !important; + } + } + @media screen and (max-width: 991px) { + .p-100\@md- { + padding: 100px !important; + } + .pT-100\@md- { + padding-top: 100px !important; + } + .pR-100\@md- { + padding-right: 100px !important; + } + .pB-100\@md- { + padding-bottom: 100px !important; + } + .pL-100\@md- { + padding-left: 100px !important; + } + .pY-100\@md- { + padding-top: 100px !important; + padding-bottom: 100px !important; + } + .pX-100\@md- { + padding-left: 100px !important; + padding-right: 100px !important; + } + } + @media screen and (max-width: 767px) { + .p-100\@sm- { + padding: 100px !important; + } + .pT-100\@sm- { + padding-top: 100px !important; + } + .pR-100\@sm- { + padding-right: 100px !important; + } + .pB-100\@sm- { + padding-bottom: 100px !important; + } + .pL-100\@sm- { + padding-left: 100px !important; + } + .pY-100\@sm- { + padding-top: 100px !important; + padding-bottom: 100px !important; + } + .pX-100\@sm- { + padding-left: 100px !important; + padding-right: 100px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-100\@lg { + padding: 100px !important; + } + .pT-100\@lg { + padding-top: 100px !important; + } + .pR-100\@lg { + padding-right: 100px !important; + } + .pB-100\@lg { + padding-bottom: 100px !important; + } + .pL-100\@lg { + padding-left: 100px !important; + } + .pY-100\@lg { + padding-top: 100px !important; + padding-bottom: 100px !important; + } + .pX-100\@lg { + padding-left: 100px !important; + padding-right: 100px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-100\@md { + padding: 100px !important; + } + .pT-100\@md { + padding-top: 100px !important; + } + .pR-100\@md { + padding-right: 100px !important; + } + .pB-100\@md { + padding-bottom: 100px !important; + } + .pL-100\@md { + padding-left: 100px !important; + } + .pY-100\@md { + padding-top: 100px !important; + padding-bottom: 100px !important; + } + .pX-100\@md { + padding-left: 100px !important; + padding-right: 100px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-100\@sm { + padding: 100px !important; + } + .pT-100\@sm { + padding-top: 100px !important; + } + .pR-100\@sm { + padding-right: 100px !important; + } + .pB-100\@sm { + padding-bottom: 100px !important; + } + .pL-100\@sm { + padding-left: 100px !important; + } + .pY-100\@sm { + padding-top: 100px !important; + padding-bottom: 100px !important; + } + .pX-100\@sm { + padding-left: 100px !important; + padding-right: 100px !important; + } + } + .p-110 { + padding: 110px !important; + } + + .pT-110 { + padding-top: 110px !important; + } + + .pR-110 { + padding-right: 110px !important; + } + + .pB-110 { + padding-bottom: 110px !important; + } + + .pL-110 { + padding-left: 110px !important; + } + + .pY-110 { + padding-top: 110px !important; + padding-bottom: 110px !important; + } + + .pX-110 { + padding-left: 110px !important; + padding-right: 110px !important; + } + + @media screen and (min-width: 1440px) { + .p-110\@xl\+ { + padding: 110px !important; + } + .pT-110\@xl\+ { + padding-top: 110px !important; + } + .pR-110\@xl\+ { + padding-right: 110px !important; + } + .pB-110\@xl\+ { + padding-bottom: 110px !important; + } + .pL-110\@xl\+ { + padding-left: 110px !important; + } + .pY-110\@xl\+ { + padding-top: 110px !important; + padding-bottom: 110px !important; + } + .pX-110\@xl\+ { + padding-left: 110px !important; + padding-right: 110px !important; + } + } + @media screen and (min-width: 1200px) { + .p-110\@lg\+ { + padding: 110px !important; + } + .pT-110\@lg\+ { + padding-top: 110px !important; + } + .pR-110\@lg\+ { + padding-right: 110px !important; + } + .pB-110\@lg\+ { + padding-bottom: 110px !important; + } + .pL-110\@lg\+ { + padding-left: 110px !important; + } + .pY-110\@lg\+ { + padding-top: 110px !important; + padding-bottom: 110px !important; + } + .pX-110\@lg\+ { + padding-left: 110px !important; + padding-right: 110px !important; + } + } + @media screen and (min-width: 992px) { + .p-110\@md\+ { + padding: 110px !important; + } + .pT-110\@md\+ { + padding-top: 110px !important; + } + .pR-110\@md\+ { + padding-right: 110px !important; + } + .pB-110\@md\+ { + padding-bottom: 110px !important; + } + .pL-110\@md\+ { + padding-left: 110px !important; + } + .pY-110\@md\+ { + padding-top: 110px !important; + padding-bottom: 110px !important; + } + .pX-110\@md\+ { + padding-left: 110px !important; + padding-right: 110px !important; + } + } + @media screen and (min-width: 768px) { + .p-110\@sm\+ { + padding: 110px !important; + } + .pT-110\@sm\+ { + padding-top: 110px !important; + } + .pR-110\@sm\+ { + padding-right: 110px !important; + } + .pB-110\@sm\+ { + padding-bottom: 110px !important; + } + .pL-110\@sm\+ { + padding-left: 110px !important; + } + .pY-110\@sm\+ { + padding-top: 110px !important; + padding-bottom: 110px !important; + } + .pX-110\@sm\+ { + padding-left: 110px !important; + padding-right: 110px !important; + } + } + @media screen and (min-width: 0) { + .p-110\@xs\+ { + padding: 110px !important; + } + .pT-110\@xs\+ { + padding-top: 110px !important; + } + .pR-110\@xs\+ { + padding-right: 110px !important; + } + .pB-110\@xs\+ { + padding-bottom: 110px !important; + } + .pL-110\@xs\+ { + padding-left: 110px !important; + } + .pY-110\@xs\+ { + padding-top: 110px !important; + padding-bottom: 110px !important; + } + .pX-110\@xs\+ { + padding-left: 110px !important; + padding-right: 110px !important; + } + } + @media screen and (max-width: 1439px) { + .p-110\@xl- { + padding: 110px !important; + } + .pT-110\@xl- { + padding-top: 110px !important; + } + .pR-110\@xl- { + padding-right: 110px !important; + } + .pB-110\@xl- { + padding-bottom: 110px !important; + } + .pL-110\@xl- { + padding-left: 110px !important; + } + .pY-110\@xl- { + padding-top: 110px !important; + padding-bottom: 110px !important; + } + .pX-110\@xl- { + padding-left: 110px !important; + padding-right: 110px !important; + } + } + @media screen and (max-width: 1199px) { + .p-110\@lg- { + padding: 110px !important; + } + .pT-110\@lg- { + padding-top: 110px !important; + } + .pR-110\@lg- { + padding-right: 110px !important; + } + .pB-110\@lg- { + padding-bottom: 110px !important; + } + .pL-110\@lg- { + padding-left: 110px !important; + } + .pY-110\@lg- { + padding-top: 110px !important; + padding-bottom: 110px !important; + } + .pX-110\@lg- { + padding-left: 110px !important; + padding-right: 110px !important; + } + } + @media screen and (max-width: 991px) { + .p-110\@md- { + padding: 110px !important; + } + .pT-110\@md- { + padding-top: 110px !important; + } + .pR-110\@md- { + padding-right: 110px !important; + } + .pB-110\@md- { + padding-bottom: 110px !important; + } + .pL-110\@md- { + padding-left: 110px !important; + } + .pY-110\@md- { + padding-top: 110px !important; + padding-bottom: 110px !important; + } + .pX-110\@md- { + padding-left: 110px !important; + padding-right: 110px !important; + } + } + @media screen and (max-width: 767px) { + .p-110\@sm- { + padding: 110px !important; + } + .pT-110\@sm- { + padding-top: 110px !important; + } + .pR-110\@sm- { + padding-right: 110px !important; + } + .pB-110\@sm- { + padding-bottom: 110px !important; + } + .pL-110\@sm- { + padding-left: 110px !important; + } + .pY-110\@sm- { + padding-top: 110px !important; + padding-bottom: 110px !important; + } + .pX-110\@sm- { + padding-left: 110px !important; + padding-right: 110px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-110\@lg { + padding: 110px !important; + } + .pT-110\@lg { + padding-top: 110px !important; + } + .pR-110\@lg { + padding-right: 110px !important; + } + .pB-110\@lg { + padding-bottom: 110px !important; + } + .pL-110\@lg { + padding-left: 110px !important; + } + .pY-110\@lg { + padding-top: 110px !important; + padding-bottom: 110px !important; + } + .pX-110\@lg { + padding-left: 110px !important; + padding-right: 110px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-110\@md { + padding: 110px !important; + } + .pT-110\@md { + padding-top: 110px !important; + } + .pR-110\@md { + padding-right: 110px !important; + } + .pB-110\@md { + padding-bottom: 110px !important; + } + .pL-110\@md { + padding-left: 110px !important; + } + .pY-110\@md { + padding-top: 110px !important; + padding-bottom: 110px !important; + } + .pX-110\@md { + padding-left: 110px !important; + padding-right: 110px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-110\@sm { + padding: 110px !important; + } + .pT-110\@sm { + padding-top: 110px !important; + } + .pR-110\@sm { + padding-right: 110px !important; + } + .pB-110\@sm { + padding-bottom: 110px !important; + } + .pL-110\@sm { + padding-left: 110px !important; + } + .pY-110\@sm { + padding-top: 110px !important; + padding-bottom: 110px !important; + } + .pX-110\@sm { + padding-left: 110px !important; + padding-right: 110px !important; + } + } + .p-120 { + padding: 120px !important; + } + + .pT-120 { + padding-top: 120px !important; + } + + .pR-120 { + padding-right: 120px !important; + } + + .pB-120 { + padding-bottom: 120px !important; + } + + .pL-120 { + padding-left: 120px !important; + } + + .pY-120 { + padding-top: 120px !important; + padding-bottom: 120px !important; + } + + .pX-120 { + padding-left: 120px !important; + padding-right: 120px !important; + } + + @media screen and (min-width: 1440px) { + .p-120\@xl\+ { + padding: 120px !important; + } + .pT-120\@xl\+ { + padding-top: 120px !important; + } + .pR-120\@xl\+ { + padding-right: 120px !important; + } + .pB-120\@xl\+ { + padding-bottom: 120px !important; + } + .pL-120\@xl\+ { + padding-left: 120px !important; + } + .pY-120\@xl\+ { + padding-top: 120px !important; + padding-bottom: 120px !important; + } + .pX-120\@xl\+ { + padding-left: 120px !important; + padding-right: 120px !important; + } + } + @media screen and (min-width: 1200px) { + .p-120\@lg\+ { + padding: 120px !important; + } + .pT-120\@lg\+ { + padding-top: 120px !important; + } + .pR-120\@lg\+ { + padding-right: 120px !important; + } + .pB-120\@lg\+ { + padding-bottom: 120px !important; + } + .pL-120\@lg\+ { + padding-left: 120px !important; + } + .pY-120\@lg\+ { + padding-top: 120px !important; + padding-bottom: 120px !important; + } + .pX-120\@lg\+ { + padding-left: 120px !important; + padding-right: 120px !important; + } + } + @media screen and (min-width: 992px) { + .p-120\@md\+ { + padding: 120px !important; + } + .pT-120\@md\+ { + padding-top: 120px !important; + } + .pR-120\@md\+ { + padding-right: 120px !important; + } + .pB-120\@md\+ { + padding-bottom: 120px !important; + } + .pL-120\@md\+ { + padding-left: 120px !important; + } + .pY-120\@md\+ { + padding-top: 120px !important; + padding-bottom: 120px !important; + } + .pX-120\@md\+ { + padding-left: 120px !important; + padding-right: 120px !important; + } + } + @media screen and (min-width: 768px) { + .p-120\@sm\+ { + padding: 120px !important; + } + .pT-120\@sm\+ { + padding-top: 120px !important; + } + .pR-120\@sm\+ { + padding-right: 120px !important; + } + .pB-120\@sm\+ { + padding-bottom: 120px !important; + } + .pL-120\@sm\+ { + padding-left: 120px !important; + } + .pY-120\@sm\+ { + padding-top: 120px !important; + padding-bottom: 120px !important; + } + .pX-120\@sm\+ { + padding-left: 120px !important; + padding-right: 120px !important; + } + } + @media screen and (min-width: 0) { + .p-120\@xs\+ { + padding: 120px !important; + } + .pT-120\@xs\+ { + padding-top: 120px !important; + } + .pR-120\@xs\+ { + padding-right: 120px !important; + } + .pB-120\@xs\+ { + padding-bottom: 120px !important; + } + .pL-120\@xs\+ { + padding-left: 120px !important; + } + .pY-120\@xs\+ { + padding-top: 120px !important; + padding-bottom: 120px !important; + } + .pX-120\@xs\+ { + padding-left: 120px !important; + padding-right: 120px !important; + } + } + @media screen and (max-width: 1439px) { + .p-120\@xl- { + padding: 120px !important; + } + .pT-120\@xl- { + padding-top: 120px !important; + } + .pR-120\@xl- { + padding-right: 120px !important; + } + .pB-120\@xl- { + padding-bottom: 120px !important; + } + .pL-120\@xl- { + padding-left: 120px !important; + } + .pY-120\@xl- { + padding-top: 120px !important; + padding-bottom: 120px !important; + } + .pX-120\@xl- { + padding-left: 120px !important; + padding-right: 120px !important; + } + } + @media screen and (max-width: 1199px) { + .p-120\@lg- { + padding: 120px !important; + } + .pT-120\@lg- { + padding-top: 120px !important; + } + .pR-120\@lg- { + padding-right: 120px !important; + } + .pB-120\@lg- { + padding-bottom: 120px !important; + } + .pL-120\@lg- { + padding-left: 120px !important; + } + .pY-120\@lg- { + padding-top: 120px !important; + padding-bottom: 120px !important; + } + .pX-120\@lg- { + padding-left: 120px !important; + padding-right: 120px !important; + } + } + @media screen and (max-width: 991px) { + .p-120\@md- { + padding: 120px !important; + } + .pT-120\@md- { + padding-top: 120px !important; + } + .pR-120\@md- { + padding-right: 120px !important; + } + .pB-120\@md- { + padding-bottom: 120px !important; + } + .pL-120\@md- { + padding-left: 120px !important; + } + .pY-120\@md- { + padding-top: 120px !important; + padding-bottom: 120px !important; + } + .pX-120\@md- { + padding-left: 120px !important; + padding-right: 120px !important; + } + } + @media screen and (max-width: 767px) { + .p-120\@sm- { + padding: 120px !important; + } + .pT-120\@sm- { + padding-top: 120px !important; + } + .pR-120\@sm- { + padding-right: 120px !important; + } + .pB-120\@sm- { + padding-bottom: 120px !important; + } + .pL-120\@sm- { + padding-left: 120px !important; + } + .pY-120\@sm- { + padding-top: 120px !important; + padding-bottom: 120px !important; + } + .pX-120\@sm- { + padding-left: 120px !important; + padding-right: 120px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-120\@lg { + padding: 120px !important; + } + .pT-120\@lg { + padding-top: 120px !important; + } + .pR-120\@lg { + padding-right: 120px !important; + } + .pB-120\@lg { + padding-bottom: 120px !important; + } + .pL-120\@lg { + padding-left: 120px !important; + } + .pY-120\@lg { + padding-top: 120px !important; + padding-bottom: 120px !important; + } + .pX-120\@lg { + padding-left: 120px !important; + padding-right: 120px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-120\@md { + padding: 120px !important; + } + .pT-120\@md { + padding-top: 120px !important; + } + .pR-120\@md { + padding-right: 120px !important; + } + .pB-120\@md { + padding-bottom: 120px !important; + } + .pL-120\@md { + padding-left: 120px !important; + } + .pY-120\@md { + padding-top: 120px !important; + padding-bottom: 120px !important; + } + .pX-120\@md { + padding-left: 120px !important; + padding-right: 120px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-120\@sm { + padding: 120px !important; + } + .pT-120\@sm { + padding-top: 120px !important; + } + .pR-120\@sm { + padding-right: 120px !important; + } + .pB-120\@sm { + padding-bottom: 120px !important; + } + .pL-120\@sm { + padding-left: 120px !important; + } + .pY-120\@sm { + padding-top: 120px !important; + padding-bottom: 120px !important; + } + .pX-120\@sm { + padding-left: 120px !important; + padding-right: 120px !important; + } + } + .p-130 { + padding: 130px !important; + } + + .pT-130 { + padding-top: 130px !important; + } + + .pR-130 { + padding-right: 130px !important; + } + + .pB-130 { + padding-bottom: 130px !important; + } + + .pL-130 { + padding-left: 130px !important; + } + + .pY-130 { + padding-top: 130px !important; + padding-bottom: 130px !important; + } + + .pX-130 { + padding-left: 130px !important; + padding-right: 130px !important; + } + + @media screen and (min-width: 1440px) { + .p-130\@xl\+ { + padding: 130px !important; + } + .pT-130\@xl\+ { + padding-top: 130px !important; + } + .pR-130\@xl\+ { + padding-right: 130px !important; + } + .pB-130\@xl\+ { + padding-bottom: 130px !important; + } + .pL-130\@xl\+ { + padding-left: 130px !important; + } + .pY-130\@xl\+ { + padding-top: 130px !important; + padding-bottom: 130px !important; + } + .pX-130\@xl\+ { + padding-left: 130px !important; + padding-right: 130px !important; + } + } + @media screen and (min-width: 1200px) { + .p-130\@lg\+ { + padding: 130px !important; + } + .pT-130\@lg\+ { + padding-top: 130px !important; + } + .pR-130\@lg\+ { + padding-right: 130px !important; + } + .pB-130\@lg\+ { + padding-bottom: 130px !important; + } + .pL-130\@lg\+ { + padding-left: 130px !important; + } + .pY-130\@lg\+ { + padding-top: 130px !important; + padding-bottom: 130px !important; + } + .pX-130\@lg\+ { + padding-left: 130px !important; + padding-right: 130px !important; + } + } + @media screen and (min-width: 992px) { + .p-130\@md\+ { + padding: 130px !important; + } + .pT-130\@md\+ { + padding-top: 130px !important; + } + .pR-130\@md\+ { + padding-right: 130px !important; + } + .pB-130\@md\+ { + padding-bottom: 130px !important; + } + .pL-130\@md\+ { + padding-left: 130px !important; + } + .pY-130\@md\+ { + padding-top: 130px !important; + padding-bottom: 130px !important; + } + .pX-130\@md\+ { + padding-left: 130px !important; + padding-right: 130px !important; + } + } + @media screen and (min-width: 768px) { + .p-130\@sm\+ { + padding: 130px !important; + } + .pT-130\@sm\+ { + padding-top: 130px !important; + } + .pR-130\@sm\+ { + padding-right: 130px !important; + } + .pB-130\@sm\+ { + padding-bottom: 130px !important; + } + .pL-130\@sm\+ { + padding-left: 130px !important; + } + .pY-130\@sm\+ { + padding-top: 130px !important; + padding-bottom: 130px !important; + } + .pX-130\@sm\+ { + padding-left: 130px !important; + padding-right: 130px !important; + } + } + @media screen and (min-width: 0) { + .p-130\@xs\+ { + padding: 130px !important; + } + .pT-130\@xs\+ { + padding-top: 130px !important; + } + .pR-130\@xs\+ { + padding-right: 130px !important; + } + .pB-130\@xs\+ { + padding-bottom: 130px !important; + } + .pL-130\@xs\+ { + padding-left: 130px !important; + } + .pY-130\@xs\+ { + padding-top: 130px !important; + padding-bottom: 130px !important; + } + .pX-130\@xs\+ { + padding-left: 130px !important; + padding-right: 130px !important; + } + } + @media screen and (max-width: 1439px) { + .p-130\@xl- { + padding: 130px !important; + } + .pT-130\@xl- { + padding-top: 130px !important; + } + .pR-130\@xl- { + padding-right: 130px !important; + } + .pB-130\@xl- { + padding-bottom: 130px !important; + } + .pL-130\@xl- { + padding-left: 130px !important; + } + .pY-130\@xl- { + padding-top: 130px !important; + padding-bottom: 130px !important; + } + .pX-130\@xl- { + padding-left: 130px !important; + padding-right: 130px !important; + } + } + @media screen and (max-width: 1199px) { + .p-130\@lg- { + padding: 130px !important; + } + .pT-130\@lg- { + padding-top: 130px !important; + } + .pR-130\@lg- { + padding-right: 130px !important; + } + .pB-130\@lg- { + padding-bottom: 130px !important; + } + .pL-130\@lg- { + padding-left: 130px !important; + } + .pY-130\@lg- { + padding-top: 130px !important; + padding-bottom: 130px !important; + } + .pX-130\@lg- { + padding-left: 130px !important; + padding-right: 130px !important; + } + } + @media screen and (max-width: 991px) { + .p-130\@md- { + padding: 130px !important; + } + .pT-130\@md- { + padding-top: 130px !important; + } + .pR-130\@md- { + padding-right: 130px !important; + } + .pB-130\@md- { + padding-bottom: 130px !important; + } + .pL-130\@md- { + padding-left: 130px !important; + } + .pY-130\@md- { + padding-top: 130px !important; + padding-bottom: 130px !important; + } + .pX-130\@md- { + padding-left: 130px !important; + padding-right: 130px !important; + } + } + @media screen and (max-width: 767px) { + .p-130\@sm- { + padding: 130px !important; + } + .pT-130\@sm- { + padding-top: 130px !important; + } + .pR-130\@sm- { + padding-right: 130px !important; + } + .pB-130\@sm- { + padding-bottom: 130px !important; + } + .pL-130\@sm- { + padding-left: 130px !important; + } + .pY-130\@sm- { + padding-top: 130px !important; + padding-bottom: 130px !important; + } + .pX-130\@sm- { + padding-left: 130px !important; + padding-right: 130px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-130\@lg { + padding: 130px !important; + } + .pT-130\@lg { + padding-top: 130px !important; + } + .pR-130\@lg { + padding-right: 130px !important; + } + .pB-130\@lg { + padding-bottom: 130px !important; + } + .pL-130\@lg { + padding-left: 130px !important; + } + .pY-130\@lg { + padding-top: 130px !important; + padding-bottom: 130px !important; + } + .pX-130\@lg { + padding-left: 130px !important; + padding-right: 130px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-130\@md { + padding: 130px !important; + } + .pT-130\@md { + padding-top: 130px !important; + } + .pR-130\@md { + padding-right: 130px !important; + } + .pB-130\@md { + padding-bottom: 130px !important; + } + .pL-130\@md { + padding-left: 130px !important; + } + .pY-130\@md { + padding-top: 130px !important; + padding-bottom: 130px !important; + } + .pX-130\@md { + padding-left: 130px !important; + padding-right: 130px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-130\@sm { + padding: 130px !important; + } + .pT-130\@sm { + padding-top: 130px !important; + } + .pR-130\@sm { + padding-right: 130px !important; + } + .pB-130\@sm { + padding-bottom: 130px !important; + } + .pL-130\@sm { + padding-left: 130px !important; + } + .pY-130\@sm { + padding-top: 130px !important; + padding-bottom: 130px !important; + } + .pX-130\@sm { + padding-left: 130px !important; + padding-right: 130px !important; + } + } + .p-140 { + padding: 140px !important; + } + + .pT-140 { + padding-top: 140px !important; + } + + .pR-140 { + padding-right: 140px !important; + } + + .pB-140 { + padding-bottom: 140px !important; + } + + .pL-140 { + padding-left: 140px !important; + } + + .pY-140 { + padding-top: 140px !important; + padding-bottom: 140px !important; + } + + .pX-140 { + padding-left: 140px !important; + padding-right: 140px !important; + } + + @media screen and (min-width: 1440px) { + .p-140\@xl\+ { + padding: 140px !important; + } + .pT-140\@xl\+ { + padding-top: 140px !important; + } + .pR-140\@xl\+ { + padding-right: 140px !important; + } + .pB-140\@xl\+ { + padding-bottom: 140px !important; + } + .pL-140\@xl\+ { + padding-left: 140px !important; + } + .pY-140\@xl\+ { + padding-top: 140px !important; + padding-bottom: 140px !important; + } + .pX-140\@xl\+ { + padding-left: 140px !important; + padding-right: 140px !important; + } + } + @media screen and (min-width: 1200px) { + .p-140\@lg\+ { + padding: 140px !important; + } + .pT-140\@lg\+ { + padding-top: 140px !important; + } + .pR-140\@lg\+ { + padding-right: 140px !important; + } + .pB-140\@lg\+ { + padding-bottom: 140px !important; + } + .pL-140\@lg\+ { + padding-left: 140px !important; + } + .pY-140\@lg\+ { + padding-top: 140px !important; + padding-bottom: 140px !important; + } + .pX-140\@lg\+ { + padding-left: 140px !important; + padding-right: 140px !important; + } + } + @media screen and (min-width: 992px) { + .p-140\@md\+ { + padding: 140px !important; + } + .pT-140\@md\+ { + padding-top: 140px !important; + } + .pR-140\@md\+ { + padding-right: 140px !important; + } + .pB-140\@md\+ { + padding-bottom: 140px !important; + } + .pL-140\@md\+ { + padding-left: 140px !important; + } + .pY-140\@md\+ { + padding-top: 140px !important; + padding-bottom: 140px !important; + } + .pX-140\@md\+ { + padding-left: 140px !important; + padding-right: 140px !important; + } + } + @media screen and (min-width: 768px) { + .p-140\@sm\+ { + padding: 140px !important; + } + .pT-140\@sm\+ { + padding-top: 140px !important; + } + .pR-140\@sm\+ { + padding-right: 140px !important; + } + .pB-140\@sm\+ { + padding-bottom: 140px !important; + } + .pL-140\@sm\+ { + padding-left: 140px !important; + } + .pY-140\@sm\+ { + padding-top: 140px !important; + padding-bottom: 140px !important; + } + .pX-140\@sm\+ { + padding-left: 140px !important; + padding-right: 140px !important; + } + } + @media screen and (min-width: 0) { + .p-140\@xs\+ { + padding: 140px !important; + } + .pT-140\@xs\+ { + padding-top: 140px !important; + } + .pR-140\@xs\+ { + padding-right: 140px !important; + } + .pB-140\@xs\+ { + padding-bottom: 140px !important; + } + .pL-140\@xs\+ { + padding-left: 140px !important; + } + .pY-140\@xs\+ { + padding-top: 140px !important; + padding-bottom: 140px !important; + } + .pX-140\@xs\+ { + padding-left: 140px !important; + padding-right: 140px !important; + } + } + @media screen and (max-width: 1439px) { + .p-140\@xl- { + padding: 140px !important; + } + .pT-140\@xl- { + padding-top: 140px !important; + } + .pR-140\@xl- { + padding-right: 140px !important; + } + .pB-140\@xl- { + padding-bottom: 140px !important; + } + .pL-140\@xl- { + padding-left: 140px !important; + } + .pY-140\@xl- { + padding-top: 140px !important; + padding-bottom: 140px !important; + } + .pX-140\@xl- { + padding-left: 140px !important; + padding-right: 140px !important; + } + } + @media screen and (max-width: 1199px) { + .p-140\@lg- { + padding: 140px !important; + } + .pT-140\@lg- { + padding-top: 140px !important; + } + .pR-140\@lg- { + padding-right: 140px !important; + } + .pB-140\@lg- { + padding-bottom: 140px !important; + } + .pL-140\@lg- { + padding-left: 140px !important; + } + .pY-140\@lg- { + padding-top: 140px !important; + padding-bottom: 140px !important; + } + .pX-140\@lg- { + padding-left: 140px !important; + padding-right: 140px !important; + } + } + @media screen and (max-width: 991px) { + .p-140\@md- { + padding: 140px !important; + } + .pT-140\@md- { + padding-top: 140px !important; + } + .pR-140\@md- { + padding-right: 140px !important; + } + .pB-140\@md- { + padding-bottom: 140px !important; + } + .pL-140\@md- { + padding-left: 140px !important; + } + .pY-140\@md- { + padding-top: 140px !important; + padding-bottom: 140px !important; + } + .pX-140\@md- { + padding-left: 140px !important; + padding-right: 140px !important; + } + } + @media screen and (max-width: 767px) { + .p-140\@sm- { + padding: 140px !important; + } + .pT-140\@sm- { + padding-top: 140px !important; + } + .pR-140\@sm- { + padding-right: 140px !important; + } + .pB-140\@sm- { + padding-bottom: 140px !important; + } + .pL-140\@sm- { + padding-left: 140px !important; + } + .pY-140\@sm- { + padding-top: 140px !important; + padding-bottom: 140px !important; + } + .pX-140\@sm- { + padding-left: 140px !important; + padding-right: 140px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-140\@lg { + padding: 140px !important; + } + .pT-140\@lg { + padding-top: 140px !important; + } + .pR-140\@lg { + padding-right: 140px !important; + } + .pB-140\@lg { + padding-bottom: 140px !important; + } + .pL-140\@lg { + padding-left: 140px !important; + } + .pY-140\@lg { + padding-top: 140px !important; + padding-bottom: 140px !important; + } + .pX-140\@lg { + padding-left: 140px !important; + padding-right: 140px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-140\@md { + padding: 140px !important; + } + .pT-140\@md { + padding-top: 140px !important; + } + .pR-140\@md { + padding-right: 140px !important; + } + .pB-140\@md { + padding-bottom: 140px !important; + } + .pL-140\@md { + padding-left: 140px !important; + } + .pY-140\@md { + padding-top: 140px !important; + padding-bottom: 140px !important; + } + .pX-140\@md { + padding-left: 140px !important; + padding-right: 140px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-140\@sm { + padding: 140px !important; + } + .pT-140\@sm { + padding-top: 140px !important; + } + .pR-140\@sm { + padding-right: 140px !important; + } + .pB-140\@sm { + padding-bottom: 140px !important; + } + .pL-140\@sm { + padding-left: 140px !important; + } + .pY-140\@sm { + padding-top: 140px !important; + padding-bottom: 140px !important; + } + .pX-140\@sm { + padding-left: 140px !important; + padding-right: 140px !important; + } + } + .p-150 { + padding: 150px !important; + } + + .pT-150 { + padding-top: 150px !important; + } + + .pR-150 { + padding-right: 150px !important; + } + + .pB-150 { + padding-bottom: 150px !important; + } + + .pL-150 { + padding-left: 150px !important; + } + + .pY-150 { + padding-top: 150px !important; + padding-bottom: 150px !important; + } + + .pX-150 { + padding-left: 150px !important; + padding-right: 150px !important; + } + + @media screen and (min-width: 1440px) { + .p-150\@xl\+ { + padding: 150px !important; + } + .pT-150\@xl\+ { + padding-top: 150px !important; + } + .pR-150\@xl\+ { + padding-right: 150px !important; + } + .pB-150\@xl\+ { + padding-bottom: 150px !important; + } + .pL-150\@xl\+ { + padding-left: 150px !important; + } + .pY-150\@xl\+ { + padding-top: 150px !important; + padding-bottom: 150px !important; + } + .pX-150\@xl\+ { + padding-left: 150px !important; + padding-right: 150px !important; + } + } + @media screen and (min-width: 1200px) { + .p-150\@lg\+ { + padding: 150px !important; + } + .pT-150\@lg\+ { + padding-top: 150px !important; + } + .pR-150\@lg\+ { + padding-right: 150px !important; + } + .pB-150\@lg\+ { + padding-bottom: 150px !important; + } + .pL-150\@lg\+ { + padding-left: 150px !important; + } + .pY-150\@lg\+ { + padding-top: 150px !important; + padding-bottom: 150px !important; + } + .pX-150\@lg\+ { + padding-left: 150px !important; + padding-right: 150px !important; + } + } + @media screen and (min-width: 992px) { + .p-150\@md\+ { + padding: 150px !important; + } + .pT-150\@md\+ { + padding-top: 150px !important; + } + .pR-150\@md\+ { + padding-right: 150px !important; + } + .pB-150\@md\+ { + padding-bottom: 150px !important; + } + .pL-150\@md\+ { + padding-left: 150px !important; + } + .pY-150\@md\+ { + padding-top: 150px !important; + padding-bottom: 150px !important; + } + .pX-150\@md\+ { + padding-left: 150px !important; + padding-right: 150px !important; + } + } + @media screen and (min-width: 768px) { + .p-150\@sm\+ { + padding: 150px !important; + } + .pT-150\@sm\+ { + padding-top: 150px !important; + } + .pR-150\@sm\+ { + padding-right: 150px !important; + } + .pB-150\@sm\+ { + padding-bottom: 150px !important; + } + .pL-150\@sm\+ { + padding-left: 150px !important; + } + .pY-150\@sm\+ { + padding-top: 150px !important; + padding-bottom: 150px !important; + } + .pX-150\@sm\+ { + padding-left: 150px !important; + padding-right: 150px !important; + } + } + @media screen and (min-width: 0) { + .p-150\@xs\+ { + padding: 150px !important; + } + .pT-150\@xs\+ { + padding-top: 150px !important; + } + .pR-150\@xs\+ { + padding-right: 150px !important; + } + .pB-150\@xs\+ { + padding-bottom: 150px !important; + } + .pL-150\@xs\+ { + padding-left: 150px !important; + } + .pY-150\@xs\+ { + padding-top: 150px !important; + padding-bottom: 150px !important; + } + .pX-150\@xs\+ { + padding-left: 150px !important; + padding-right: 150px !important; + } + } + @media screen and (max-width: 1439px) { + .p-150\@xl- { + padding: 150px !important; + } + .pT-150\@xl- { + padding-top: 150px !important; + } + .pR-150\@xl- { + padding-right: 150px !important; + } + .pB-150\@xl- { + padding-bottom: 150px !important; + } + .pL-150\@xl- { + padding-left: 150px !important; + } + .pY-150\@xl- { + padding-top: 150px !important; + padding-bottom: 150px !important; + } + .pX-150\@xl- { + padding-left: 150px !important; + padding-right: 150px !important; + } + } + @media screen and (max-width: 1199px) { + .p-150\@lg- { + padding: 150px !important; + } + .pT-150\@lg- { + padding-top: 150px !important; + } + .pR-150\@lg- { + padding-right: 150px !important; + } + .pB-150\@lg- { + padding-bottom: 150px !important; + } + .pL-150\@lg- { + padding-left: 150px !important; + } + .pY-150\@lg- { + padding-top: 150px !important; + padding-bottom: 150px !important; + } + .pX-150\@lg- { + padding-left: 150px !important; + padding-right: 150px !important; + } + } + @media screen and (max-width: 991px) { + .p-150\@md- { + padding: 150px !important; + } + .pT-150\@md- { + padding-top: 150px !important; + } + .pR-150\@md- { + padding-right: 150px !important; + } + .pB-150\@md- { + padding-bottom: 150px !important; + } + .pL-150\@md- { + padding-left: 150px !important; + } + .pY-150\@md- { + padding-top: 150px !important; + padding-bottom: 150px !important; + } + .pX-150\@md- { + padding-left: 150px !important; + padding-right: 150px !important; + } + } + @media screen and (max-width: 767px) { + .p-150\@sm- { + padding: 150px !important; + } + .pT-150\@sm- { + padding-top: 150px !important; + } + .pR-150\@sm- { + padding-right: 150px !important; + } + .pB-150\@sm- { + padding-bottom: 150px !important; + } + .pL-150\@sm- { + padding-left: 150px !important; + } + .pY-150\@sm- { + padding-top: 150px !important; + padding-bottom: 150px !important; + } + .pX-150\@sm- { + padding-left: 150px !important; + padding-right: 150px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-150\@lg { + padding: 150px !important; + } + .pT-150\@lg { + padding-top: 150px !important; + } + .pR-150\@lg { + padding-right: 150px !important; + } + .pB-150\@lg { + padding-bottom: 150px !important; + } + .pL-150\@lg { + padding-left: 150px !important; + } + .pY-150\@lg { + padding-top: 150px !important; + padding-bottom: 150px !important; + } + .pX-150\@lg { + padding-left: 150px !important; + padding-right: 150px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-150\@md { + padding: 150px !important; + } + .pT-150\@md { + padding-top: 150px !important; + } + .pR-150\@md { + padding-right: 150px !important; + } + .pB-150\@md { + padding-bottom: 150px !important; + } + .pL-150\@md { + padding-left: 150px !important; + } + .pY-150\@md { + padding-top: 150px !important; + padding-bottom: 150px !important; + } + .pX-150\@md { + padding-left: 150px !important; + padding-right: 150px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-150\@sm { + padding: 150px !important; + } + .pT-150\@sm { + padding-top: 150px !important; + } + .pR-150\@sm { + padding-right: 150px !important; + } + .pB-150\@sm { + padding-bottom: 150px !important; + } + .pL-150\@sm { + padding-left: 150px !important; + } + .pY-150\@sm { + padding-top: 150px !important; + padding-bottom: 150px !important; + } + .pX-150\@sm { + padding-left: 150px !important; + padding-right: 150px !important; + } + } + .p-160 { + padding: 160px !important; + } + + .pT-160 { + padding-top: 160px !important; + } + + .pR-160 { + padding-right: 160px !important; + } + + .pB-160 { + padding-bottom: 160px !important; + } + + .pL-160 { + padding-left: 160px !important; + } + + .pY-160 { + padding-top: 160px !important; + padding-bottom: 160px !important; + } + + .pX-160 { + padding-left: 160px !important; + padding-right: 160px !important; + } + + @media screen and (min-width: 1440px) { + .p-160\@xl\+ { + padding: 160px !important; + } + .pT-160\@xl\+ { + padding-top: 160px !important; + } + .pR-160\@xl\+ { + padding-right: 160px !important; + } + .pB-160\@xl\+ { + padding-bottom: 160px !important; + } + .pL-160\@xl\+ { + padding-left: 160px !important; + } + .pY-160\@xl\+ { + padding-top: 160px !important; + padding-bottom: 160px !important; + } + .pX-160\@xl\+ { + padding-left: 160px !important; + padding-right: 160px !important; + } + } + @media screen and (min-width: 1200px) { + .p-160\@lg\+ { + padding: 160px !important; + } + .pT-160\@lg\+ { + padding-top: 160px !important; + } + .pR-160\@lg\+ { + padding-right: 160px !important; + } + .pB-160\@lg\+ { + padding-bottom: 160px !important; + } + .pL-160\@lg\+ { + padding-left: 160px !important; + } + .pY-160\@lg\+ { + padding-top: 160px !important; + padding-bottom: 160px !important; + } + .pX-160\@lg\+ { + padding-left: 160px !important; + padding-right: 160px !important; + } + } + @media screen and (min-width: 992px) { + .p-160\@md\+ { + padding: 160px !important; + } + .pT-160\@md\+ { + padding-top: 160px !important; + } + .pR-160\@md\+ { + padding-right: 160px !important; + } + .pB-160\@md\+ { + padding-bottom: 160px !important; + } + .pL-160\@md\+ { + padding-left: 160px !important; + } + .pY-160\@md\+ { + padding-top: 160px !important; + padding-bottom: 160px !important; + } + .pX-160\@md\+ { + padding-left: 160px !important; + padding-right: 160px !important; + } + } + @media screen and (min-width: 768px) { + .p-160\@sm\+ { + padding: 160px !important; + } + .pT-160\@sm\+ { + padding-top: 160px !important; + } + .pR-160\@sm\+ { + padding-right: 160px !important; + } + .pB-160\@sm\+ { + padding-bottom: 160px !important; + } + .pL-160\@sm\+ { + padding-left: 160px !important; + } + .pY-160\@sm\+ { + padding-top: 160px !important; + padding-bottom: 160px !important; + } + .pX-160\@sm\+ { + padding-left: 160px !important; + padding-right: 160px !important; + } + } + @media screen and (min-width: 0) { + .p-160\@xs\+ { + padding: 160px !important; + } + .pT-160\@xs\+ { + padding-top: 160px !important; + } + .pR-160\@xs\+ { + padding-right: 160px !important; + } + .pB-160\@xs\+ { + padding-bottom: 160px !important; + } + .pL-160\@xs\+ { + padding-left: 160px !important; + } + .pY-160\@xs\+ { + padding-top: 160px !important; + padding-bottom: 160px !important; + } + .pX-160\@xs\+ { + padding-left: 160px !important; + padding-right: 160px !important; + } + } + @media screen and (max-width: 1439px) { + .p-160\@xl- { + padding: 160px !important; + } + .pT-160\@xl- { + padding-top: 160px !important; + } + .pR-160\@xl- { + padding-right: 160px !important; + } + .pB-160\@xl- { + padding-bottom: 160px !important; + } + .pL-160\@xl- { + padding-left: 160px !important; + } + .pY-160\@xl- { + padding-top: 160px !important; + padding-bottom: 160px !important; + } + .pX-160\@xl- { + padding-left: 160px !important; + padding-right: 160px !important; + } + } + @media screen and (max-width: 1199px) { + .p-160\@lg- { + padding: 160px !important; + } + .pT-160\@lg- { + padding-top: 160px !important; + } + .pR-160\@lg- { + padding-right: 160px !important; + } + .pB-160\@lg- { + padding-bottom: 160px !important; + } + .pL-160\@lg- { + padding-left: 160px !important; + } + .pY-160\@lg- { + padding-top: 160px !important; + padding-bottom: 160px !important; + } + .pX-160\@lg- { + padding-left: 160px !important; + padding-right: 160px !important; + } + } + @media screen and (max-width: 991px) { + .p-160\@md- { + padding: 160px !important; + } + .pT-160\@md- { + padding-top: 160px !important; + } + .pR-160\@md- { + padding-right: 160px !important; + } + .pB-160\@md- { + padding-bottom: 160px !important; + } + .pL-160\@md- { + padding-left: 160px !important; + } + .pY-160\@md- { + padding-top: 160px !important; + padding-bottom: 160px !important; + } + .pX-160\@md- { + padding-left: 160px !important; + padding-right: 160px !important; + } + } + @media screen and (max-width: 767px) { + .p-160\@sm- { + padding: 160px !important; + } + .pT-160\@sm- { + padding-top: 160px !important; + } + .pR-160\@sm- { + padding-right: 160px !important; + } + .pB-160\@sm- { + padding-bottom: 160px !important; + } + .pL-160\@sm- { + padding-left: 160px !important; + } + .pY-160\@sm- { + padding-top: 160px !important; + padding-bottom: 160px !important; + } + .pX-160\@sm- { + padding-left: 160px !important; + padding-right: 160px !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .p-160\@lg { + padding: 160px !important; + } + .pT-160\@lg { + padding-top: 160px !important; + } + .pR-160\@lg { + padding-right: 160px !important; + } + .pB-160\@lg { + padding-bottom: 160px !important; + } + .pL-160\@lg { + padding-left: 160px !important; + } + .pY-160\@lg { + padding-top: 160px !important; + padding-bottom: 160px !important; + } + .pX-160\@lg { + padding-left: 160px !important; + padding-right: 160px !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .p-160\@md { + padding: 160px !important; + } + .pT-160\@md { + padding-top: 160px !important; + } + .pR-160\@md { + padding-right: 160px !important; + } + .pB-160\@md { + padding-bottom: 160px !important; + } + .pL-160\@md { + padding-left: 160px !important; + } + .pY-160\@md { + padding-top: 160px !important; + padding-bottom: 160px !important; + } + .pX-160\@md { + padding-left: 160px !important; + padding-right: 160px !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .p-160\@sm { + padding: 160px !important; + } + .pT-160\@sm { + padding-top: 160px !important; + } + .pR-160\@sm { + padding-right: 160px !important; + } + .pB-160\@sm { + padding-bottom: 160px !important; + } + .pL-160\@sm { + padding-left: 160px !important; + } + .pY-160\@sm { + padding-top: 160px !important; + padding-bottom: 160px !important; + } + .pX-160\@sm { + padding-left: 160px !important; + padding-right: 160px !important; + } + } + .t-0 { + top: 0px; + } + + .r-0 { + right: 0px; + } + + .b-0 { + bottom: 0px; + } + + .l-0 { + left: 0px; + } + + @media screen and (min-width: 1440px) { + .t-0\@xl\+ { + top: 0px; + } + .r-0\@xl\+ { + right: 0px; + } + .b-0\@xl\+ { + bottom: 0px; + } + .l-0\@xl\+ { + left: 0px; + } + } + @media screen and (min-width: 1200px) { + .t-0\@lg\+ { + top: 0px; + } + .r-0\@lg\+ { + right: 0px; + } + .b-0\@lg\+ { + bottom: 0px; + } + .l-0\@lg\+ { + left: 0px; + } + } + @media screen and (min-width: 992px) { + .t-0\@md\+ { + top: 0px; + } + .r-0\@md\+ { + right: 0px; + } + .b-0\@md\+ { + bottom: 0px; + } + .l-0\@md\+ { + left: 0px; + } + } + @media screen and (min-width: 768px) { + .t-0\@sm\+ { + top: 0px; + } + .r-0\@sm\+ { + right: 0px; + } + .b-0\@sm\+ { + bottom: 0px; + } + .l-0\@sm\+ { + left: 0px; + } + } + @media screen and (min-width: 0) { + .t-0\@xs\+ { + top: 0px; + } + .r-0\@xs\+ { + right: 0px; + } + .b-0\@xs\+ { + bottom: 0px; + } + .l-0\@xs\+ { + left: 0px; + } + } + @media screen and (max-width: 1439px) { + .t-0\@xl- { + top: 0px; + } + .r-0\@xl- { + right: 0px; + } + .b-0\@xl- { + bottom: 0px; + } + .l-0\@xl- { + left: 0px; + } + } + @media screen and (max-width: 1199px) { + .t-0\@lg- { + top: 0px; + } + .r-0\@lg- { + right: 0px; + } + .b-0\@lg- { + bottom: 0px; + } + .l-0\@lg- { + left: 0px; + } + } + @media screen and (max-width: 991px) { + .t-0\@md- { + top: 0px; + } + .r-0\@md- { + right: 0px; + } + .b-0\@md- { + bottom: 0px; + } + .l-0\@md- { + left: 0px; + } + } + @media screen and (max-width: 767px) { + .t-0\@sm- { + top: 0px; + } + .r-0\@sm- { + right: 0px; + } + .b-0\@sm- { + bottom: 0px; + } + .l-0\@sm- { + left: 0px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-0\@lg { + top: 0px; + } + .r-0\@lg { + right: 0px; + } + .b-0\@lg { + bottom: 0px; + } + .l-0\@lg { + left: 0px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-0\@md { + top: 0px; + } + .r-0\@md { + right: 0px; + } + .b-0\@md { + bottom: 0px; + } + .l-0\@md { + left: 0px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-0\@sm { + top: 0px; + } + .r-0\@sm { + right: 0px; + } + .b-0\@sm { + bottom: 0px; + } + .l-0\@sm { + left: 0px; + } + } + .t-1 { + top: 1px; + } + + .r-1 { + right: 1px; + } + + .b-1 { + bottom: 1px; + } + + .l-1 { + left: 1px; + } + + @media screen and (min-width: 1440px) { + .t-1\@xl\+ { + top: 1px; + } + .r-1\@xl\+ { + right: 1px; + } + .b-1\@xl\+ { + bottom: 1px; + } + .l-1\@xl\+ { + left: 1px; + } + } + @media screen and (min-width: 1200px) { + .t-1\@lg\+ { + top: 1px; + } + .r-1\@lg\+ { + right: 1px; + } + .b-1\@lg\+ { + bottom: 1px; + } + .l-1\@lg\+ { + left: 1px; + } + } + @media screen and (min-width: 992px) { + .t-1\@md\+ { + top: 1px; + } + .r-1\@md\+ { + right: 1px; + } + .b-1\@md\+ { + bottom: 1px; + } + .l-1\@md\+ { + left: 1px; + } + } + @media screen and (min-width: 768px) { + .t-1\@sm\+ { + top: 1px; + } + .r-1\@sm\+ { + right: 1px; + } + .b-1\@sm\+ { + bottom: 1px; + } + .l-1\@sm\+ { + left: 1px; + } + } + @media screen and (min-width: 0) { + .t-1\@xs\+ { + top: 1px; + } + .r-1\@xs\+ { + right: 1px; + } + .b-1\@xs\+ { + bottom: 1px; + } + .l-1\@xs\+ { + left: 1px; + } + } + @media screen and (max-width: 1439px) { + .t-1\@xl- { + top: 1px; + } + .r-1\@xl- { + right: 1px; + } + .b-1\@xl- { + bottom: 1px; + } + .l-1\@xl- { + left: 1px; + } + } + @media screen and (max-width: 1199px) { + .t-1\@lg- { + top: 1px; + } + .r-1\@lg- { + right: 1px; + } + .b-1\@lg- { + bottom: 1px; + } + .l-1\@lg- { + left: 1px; + } + } + @media screen and (max-width: 991px) { + .t-1\@md- { + top: 1px; + } + .r-1\@md- { + right: 1px; + } + .b-1\@md- { + bottom: 1px; + } + .l-1\@md- { + left: 1px; + } + } + @media screen and (max-width: 767px) { + .t-1\@sm- { + top: 1px; + } + .r-1\@sm- { + right: 1px; + } + .b-1\@sm- { + bottom: 1px; + } + .l-1\@sm- { + left: 1px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-1\@lg { + top: 1px; + } + .r-1\@lg { + right: 1px; + } + .b-1\@lg { + bottom: 1px; + } + .l-1\@lg { + left: 1px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-1\@md { + top: 1px; + } + .r-1\@md { + right: 1px; + } + .b-1\@md { + bottom: 1px; + } + .l-1\@md { + left: 1px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-1\@sm { + top: 1px; + } + .r-1\@sm { + right: 1px; + } + .b-1\@sm { + bottom: 1px; + } + .l-1\@sm { + left: 1px; + } + } + .t-2 { + top: 2px; + } + + .r-2 { + right: 2px; + } + + .b-2 { + bottom: 2px; + } + + .l-2 { + left: 2px; + } + + @media screen and (min-width: 1440px) { + .t-2\@xl\+ { + top: 2px; + } + .r-2\@xl\+ { + right: 2px; + } + .b-2\@xl\+ { + bottom: 2px; + } + .l-2\@xl\+ { + left: 2px; + } + } + @media screen and (min-width: 1200px) { + .t-2\@lg\+ { + top: 2px; + } + .r-2\@lg\+ { + right: 2px; + } + .b-2\@lg\+ { + bottom: 2px; + } + .l-2\@lg\+ { + left: 2px; + } + } + @media screen and (min-width: 992px) { + .t-2\@md\+ { + top: 2px; + } + .r-2\@md\+ { + right: 2px; + } + .b-2\@md\+ { + bottom: 2px; + } + .l-2\@md\+ { + left: 2px; + } + } + @media screen and (min-width: 768px) { + .t-2\@sm\+ { + top: 2px; + } + .r-2\@sm\+ { + right: 2px; + } + .b-2\@sm\+ { + bottom: 2px; + } + .l-2\@sm\+ { + left: 2px; + } + } + @media screen and (min-width: 0) { + .t-2\@xs\+ { + top: 2px; + } + .r-2\@xs\+ { + right: 2px; + } + .b-2\@xs\+ { + bottom: 2px; + } + .l-2\@xs\+ { + left: 2px; + } + } + @media screen and (max-width: 1439px) { + .t-2\@xl- { + top: 2px; + } + .r-2\@xl- { + right: 2px; + } + .b-2\@xl- { + bottom: 2px; + } + .l-2\@xl- { + left: 2px; + } + } + @media screen and (max-width: 1199px) { + .t-2\@lg- { + top: 2px; + } + .r-2\@lg- { + right: 2px; + } + .b-2\@lg- { + bottom: 2px; + } + .l-2\@lg- { + left: 2px; + } + } + @media screen and (max-width: 991px) { + .t-2\@md- { + top: 2px; + } + .r-2\@md- { + right: 2px; + } + .b-2\@md- { + bottom: 2px; + } + .l-2\@md- { + left: 2px; + } + } + @media screen and (max-width: 767px) { + .t-2\@sm- { + top: 2px; + } + .r-2\@sm- { + right: 2px; + } + .b-2\@sm- { + bottom: 2px; + } + .l-2\@sm- { + left: 2px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-2\@lg { + top: 2px; + } + .r-2\@lg { + right: 2px; + } + .b-2\@lg { + bottom: 2px; + } + .l-2\@lg { + left: 2px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-2\@md { + top: 2px; + } + .r-2\@md { + right: 2px; + } + .b-2\@md { + bottom: 2px; + } + .l-2\@md { + left: 2px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-2\@sm { + top: 2px; + } + .r-2\@sm { + right: 2px; + } + .b-2\@sm { + bottom: 2px; + } + .l-2\@sm { + left: 2px; + } + } + .t-3 { + top: 3px; + } + + .r-3 { + right: 3px; + } + + .b-3 { + bottom: 3px; + } + + .l-3 { + left: 3px; + } + + @media screen and (min-width: 1440px) { + .t-3\@xl\+ { + top: 3px; + } + .r-3\@xl\+ { + right: 3px; + } + .b-3\@xl\+ { + bottom: 3px; + } + .l-3\@xl\+ { + left: 3px; + } + } + @media screen and (min-width: 1200px) { + .t-3\@lg\+ { + top: 3px; + } + .r-3\@lg\+ { + right: 3px; + } + .b-3\@lg\+ { + bottom: 3px; + } + .l-3\@lg\+ { + left: 3px; + } + } + @media screen and (min-width: 992px) { + .t-3\@md\+ { + top: 3px; + } + .r-3\@md\+ { + right: 3px; + } + .b-3\@md\+ { + bottom: 3px; + } + .l-3\@md\+ { + left: 3px; + } + } + @media screen and (min-width: 768px) { + .t-3\@sm\+ { + top: 3px; + } + .r-3\@sm\+ { + right: 3px; + } + .b-3\@sm\+ { + bottom: 3px; + } + .l-3\@sm\+ { + left: 3px; + } + } + @media screen and (min-width: 0) { + .t-3\@xs\+ { + top: 3px; + } + .r-3\@xs\+ { + right: 3px; + } + .b-3\@xs\+ { + bottom: 3px; + } + .l-3\@xs\+ { + left: 3px; + } + } + @media screen and (max-width: 1439px) { + .t-3\@xl- { + top: 3px; + } + .r-3\@xl- { + right: 3px; + } + .b-3\@xl- { + bottom: 3px; + } + .l-3\@xl- { + left: 3px; + } + } + @media screen and (max-width: 1199px) { + .t-3\@lg- { + top: 3px; + } + .r-3\@lg- { + right: 3px; + } + .b-3\@lg- { + bottom: 3px; + } + .l-3\@lg- { + left: 3px; + } + } + @media screen and (max-width: 991px) { + .t-3\@md- { + top: 3px; + } + .r-3\@md- { + right: 3px; + } + .b-3\@md- { + bottom: 3px; + } + .l-3\@md- { + left: 3px; + } + } + @media screen and (max-width: 767px) { + .t-3\@sm- { + top: 3px; + } + .r-3\@sm- { + right: 3px; + } + .b-3\@sm- { + bottom: 3px; + } + .l-3\@sm- { + left: 3px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-3\@lg { + top: 3px; + } + .r-3\@lg { + right: 3px; + } + .b-3\@lg { + bottom: 3px; + } + .l-3\@lg { + left: 3px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-3\@md { + top: 3px; + } + .r-3\@md { + right: 3px; + } + .b-3\@md { + bottom: 3px; + } + .l-3\@md { + left: 3px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-3\@sm { + top: 3px; + } + .r-3\@sm { + right: 3px; + } + .b-3\@sm { + bottom: 3px; + } + .l-3\@sm { + left: 3px; + } + } + .t-4 { + top: 4px; + } + + .r-4 { + right: 4px; + } + + .b-4 { + bottom: 4px; + } + + .l-4 { + left: 4px; + } + + @media screen and (min-width: 1440px) { + .t-4\@xl\+ { + top: 4px; + } + .r-4\@xl\+ { + right: 4px; + } + .b-4\@xl\+ { + bottom: 4px; + } + .l-4\@xl\+ { + left: 4px; + } + } + @media screen and (min-width: 1200px) { + .t-4\@lg\+ { + top: 4px; + } + .r-4\@lg\+ { + right: 4px; + } + .b-4\@lg\+ { + bottom: 4px; + } + .l-4\@lg\+ { + left: 4px; + } + } + @media screen and (min-width: 992px) { + .t-4\@md\+ { + top: 4px; + } + .r-4\@md\+ { + right: 4px; + } + .b-4\@md\+ { + bottom: 4px; + } + .l-4\@md\+ { + left: 4px; + } + } + @media screen and (min-width: 768px) { + .t-4\@sm\+ { + top: 4px; + } + .r-4\@sm\+ { + right: 4px; + } + .b-4\@sm\+ { + bottom: 4px; + } + .l-4\@sm\+ { + left: 4px; + } + } + @media screen and (min-width: 0) { + .t-4\@xs\+ { + top: 4px; + } + .r-4\@xs\+ { + right: 4px; + } + .b-4\@xs\+ { + bottom: 4px; + } + .l-4\@xs\+ { + left: 4px; + } + } + @media screen and (max-width: 1439px) { + .t-4\@xl- { + top: 4px; + } + .r-4\@xl- { + right: 4px; + } + .b-4\@xl- { + bottom: 4px; + } + .l-4\@xl- { + left: 4px; + } + } + @media screen and (max-width: 1199px) { + .t-4\@lg- { + top: 4px; + } + .r-4\@lg- { + right: 4px; + } + .b-4\@lg- { + bottom: 4px; + } + .l-4\@lg- { + left: 4px; + } + } + @media screen and (max-width: 991px) { + .t-4\@md- { + top: 4px; + } + .r-4\@md- { + right: 4px; + } + .b-4\@md- { + bottom: 4px; + } + .l-4\@md- { + left: 4px; + } + } + @media screen and (max-width: 767px) { + .t-4\@sm- { + top: 4px; + } + .r-4\@sm- { + right: 4px; + } + .b-4\@sm- { + bottom: 4px; + } + .l-4\@sm- { + left: 4px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-4\@lg { + top: 4px; + } + .r-4\@lg { + right: 4px; + } + .b-4\@lg { + bottom: 4px; + } + .l-4\@lg { + left: 4px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-4\@md { + top: 4px; + } + .r-4\@md { + right: 4px; + } + .b-4\@md { + bottom: 4px; + } + .l-4\@md { + left: 4px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-4\@sm { + top: 4px; + } + .r-4\@sm { + right: 4px; + } + .b-4\@sm { + bottom: 4px; + } + .l-4\@sm { + left: 4px; + } + } + .t-5 { + top: 5px; + } + + .r-5 { + right: 5px; + } + + .b-5 { + bottom: 5px; + } + + .l-5 { + left: 5px; + } + + @media screen and (min-width: 1440px) { + .t-5\@xl\+ { + top: 5px; + } + .r-5\@xl\+ { + right: 5px; + } + .b-5\@xl\+ { + bottom: 5px; + } + .l-5\@xl\+ { + left: 5px; + } + } + @media screen and (min-width: 1200px) { + .t-5\@lg\+ { + top: 5px; + } + .r-5\@lg\+ { + right: 5px; + } + .b-5\@lg\+ { + bottom: 5px; + } + .l-5\@lg\+ { + left: 5px; + } + } + @media screen and (min-width: 992px) { + .t-5\@md\+ { + top: 5px; + } + .r-5\@md\+ { + right: 5px; + } + .b-5\@md\+ { + bottom: 5px; + } + .l-5\@md\+ { + left: 5px; + } + } + @media screen and (min-width: 768px) { + .t-5\@sm\+ { + top: 5px; + } + .r-5\@sm\+ { + right: 5px; + } + .b-5\@sm\+ { + bottom: 5px; + } + .l-5\@sm\+ { + left: 5px; + } + } + @media screen and (min-width: 0) { + .t-5\@xs\+ { + top: 5px; + } + .r-5\@xs\+ { + right: 5px; + } + .b-5\@xs\+ { + bottom: 5px; + } + .l-5\@xs\+ { + left: 5px; + } + } + @media screen and (max-width: 1439px) { + .t-5\@xl- { + top: 5px; + } + .r-5\@xl- { + right: 5px; + } + .b-5\@xl- { + bottom: 5px; + } + .l-5\@xl- { + left: 5px; + } + } + @media screen and (max-width: 1199px) { + .t-5\@lg- { + top: 5px; + } + .r-5\@lg- { + right: 5px; + } + .b-5\@lg- { + bottom: 5px; + } + .l-5\@lg- { + left: 5px; + } + } + @media screen and (max-width: 991px) { + .t-5\@md- { + top: 5px; + } + .r-5\@md- { + right: 5px; + } + .b-5\@md- { + bottom: 5px; + } + .l-5\@md- { + left: 5px; + } + } + @media screen and (max-width: 767px) { + .t-5\@sm- { + top: 5px; + } + .r-5\@sm- { + right: 5px; + } + .b-5\@sm- { + bottom: 5px; + } + .l-5\@sm- { + left: 5px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-5\@lg { + top: 5px; + } + .r-5\@lg { + right: 5px; + } + .b-5\@lg { + bottom: 5px; + } + .l-5\@lg { + left: 5px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-5\@md { + top: 5px; + } + .r-5\@md { + right: 5px; + } + .b-5\@md { + bottom: 5px; + } + .l-5\@md { + left: 5px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-5\@sm { + top: 5px; + } + .r-5\@sm { + right: 5px; + } + .b-5\@sm { + bottom: 5px; + } + .l-5\@sm { + left: 5px; + } + } + .t-10 { + top: 10px; + } + + .r-10 { + right: 10px; + } + + .b-10 { + bottom: 10px; + } + + .l-10 { + left: 10px; + } + + @media screen and (min-width: 1440px) { + .t-10\@xl\+ { + top: 10px; + } + .r-10\@xl\+ { + right: 10px; + } + .b-10\@xl\+ { + bottom: 10px; + } + .l-10\@xl\+ { + left: 10px; + } + } + @media screen and (min-width: 1200px) { + .t-10\@lg\+ { + top: 10px; + } + .r-10\@lg\+ { + right: 10px; + } + .b-10\@lg\+ { + bottom: 10px; + } + .l-10\@lg\+ { + left: 10px; + } + } + @media screen and (min-width: 992px) { + .t-10\@md\+ { + top: 10px; + } + .r-10\@md\+ { + right: 10px; + } + .b-10\@md\+ { + bottom: 10px; + } + .l-10\@md\+ { + left: 10px; + } + } + @media screen and (min-width: 768px) { + .t-10\@sm\+ { + top: 10px; + } + .r-10\@sm\+ { + right: 10px; + } + .b-10\@sm\+ { + bottom: 10px; + } + .l-10\@sm\+ { + left: 10px; + } + } + @media screen and (min-width: 0) { + .t-10\@xs\+ { + top: 10px; + } + .r-10\@xs\+ { + right: 10px; + } + .b-10\@xs\+ { + bottom: 10px; + } + .l-10\@xs\+ { + left: 10px; + } + } + @media screen and (max-width: 1439px) { + .t-10\@xl- { + top: 10px; + } + .r-10\@xl- { + right: 10px; + } + .b-10\@xl- { + bottom: 10px; + } + .l-10\@xl- { + left: 10px; + } + } + @media screen and (max-width: 1199px) { + .t-10\@lg- { + top: 10px; + } + .r-10\@lg- { + right: 10px; + } + .b-10\@lg- { + bottom: 10px; + } + .l-10\@lg- { + left: 10px; + } + } + @media screen and (max-width: 991px) { + .t-10\@md- { + top: 10px; + } + .r-10\@md- { + right: 10px; + } + .b-10\@md- { + bottom: 10px; + } + .l-10\@md- { + left: 10px; + } + } + @media screen and (max-width: 767px) { + .t-10\@sm- { + top: 10px; + } + .r-10\@sm- { + right: 10px; + } + .b-10\@sm- { + bottom: 10px; + } + .l-10\@sm- { + left: 10px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-10\@lg { + top: 10px; + } + .r-10\@lg { + right: 10px; + } + .b-10\@lg { + bottom: 10px; + } + .l-10\@lg { + left: 10px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-10\@md { + top: 10px; + } + .r-10\@md { + right: 10px; + } + .b-10\@md { + bottom: 10px; + } + .l-10\@md { + left: 10px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-10\@sm { + top: 10px; + } + .r-10\@sm { + right: 10px; + } + .b-10\@sm { + bottom: 10px; + } + .l-10\@sm { + left: 10px; + } + } + .t-15 { + top: 15px; + } + + .r-15 { + right: 15px; + } + + .b-15 { + bottom: 15px; + } + + .l-15 { + left: 15px; + } + + @media screen and (min-width: 1440px) { + .t-15\@xl\+ { + top: 15px; + } + .r-15\@xl\+ { + right: 15px; + } + .b-15\@xl\+ { + bottom: 15px; + } + .l-15\@xl\+ { + left: 15px; + } + } + @media screen and (min-width: 1200px) { + .t-15\@lg\+ { + top: 15px; + } + .r-15\@lg\+ { + right: 15px; + } + .b-15\@lg\+ { + bottom: 15px; + } + .l-15\@lg\+ { + left: 15px; + } + } + @media screen and (min-width: 992px) { + .t-15\@md\+ { + top: 15px; + } + .r-15\@md\+ { + right: 15px; + } + .b-15\@md\+ { + bottom: 15px; + } + .l-15\@md\+ { + left: 15px; + } + } + @media screen and (min-width: 768px) { + .t-15\@sm\+ { + top: 15px; + } + .r-15\@sm\+ { + right: 15px; + } + .b-15\@sm\+ { + bottom: 15px; + } + .l-15\@sm\+ { + left: 15px; + } + } + @media screen and (min-width: 0) { + .t-15\@xs\+ { + top: 15px; + } + .r-15\@xs\+ { + right: 15px; + } + .b-15\@xs\+ { + bottom: 15px; + } + .l-15\@xs\+ { + left: 15px; + } + } + @media screen and (max-width: 1439px) { + .t-15\@xl- { + top: 15px; + } + .r-15\@xl- { + right: 15px; + } + .b-15\@xl- { + bottom: 15px; + } + .l-15\@xl- { + left: 15px; + } + } + @media screen and (max-width: 1199px) { + .t-15\@lg- { + top: 15px; + } + .r-15\@lg- { + right: 15px; + } + .b-15\@lg- { + bottom: 15px; + } + .l-15\@lg- { + left: 15px; + } + } + @media screen and (max-width: 991px) { + .t-15\@md- { + top: 15px; + } + .r-15\@md- { + right: 15px; + } + .b-15\@md- { + bottom: 15px; + } + .l-15\@md- { + left: 15px; + } + } + @media screen and (max-width: 767px) { + .t-15\@sm- { + top: 15px; + } + .r-15\@sm- { + right: 15px; + } + .b-15\@sm- { + bottom: 15px; + } + .l-15\@sm- { + left: 15px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-15\@lg { + top: 15px; + } + .r-15\@lg { + right: 15px; + } + .b-15\@lg { + bottom: 15px; + } + .l-15\@lg { + left: 15px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-15\@md { + top: 15px; + } + .r-15\@md { + right: 15px; + } + .b-15\@md { + bottom: 15px; + } + .l-15\@md { + left: 15px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-15\@sm { + top: 15px; + } + .r-15\@sm { + right: 15px; + } + .b-15\@sm { + bottom: 15px; + } + .l-15\@sm { + left: 15px; + } + } + .t-20 { + top: 20px; + } + + .r-20 { + right: 20px; + } + + .b-20 { + bottom: 20px; + } + + .l-20 { + left: 20px; + } + + @media screen and (min-width: 1440px) { + .t-20\@xl\+ { + top: 20px; + } + .r-20\@xl\+ { + right: 20px; + } + .b-20\@xl\+ { + bottom: 20px; + } + .l-20\@xl\+ { + left: 20px; + } + } + @media screen and (min-width: 1200px) { + .t-20\@lg\+ { + top: 20px; + } + .r-20\@lg\+ { + right: 20px; + } + .b-20\@lg\+ { + bottom: 20px; + } + .l-20\@lg\+ { + left: 20px; + } + } + @media screen and (min-width: 992px) { + .t-20\@md\+ { + top: 20px; + } + .r-20\@md\+ { + right: 20px; + } + .b-20\@md\+ { + bottom: 20px; + } + .l-20\@md\+ { + left: 20px; + } + } + @media screen and (min-width: 768px) { + .t-20\@sm\+ { + top: 20px; + } + .r-20\@sm\+ { + right: 20px; + } + .b-20\@sm\+ { + bottom: 20px; + } + .l-20\@sm\+ { + left: 20px; + } + } + @media screen and (min-width: 0) { + .t-20\@xs\+ { + top: 20px; + } + .r-20\@xs\+ { + right: 20px; + } + .b-20\@xs\+ { + bottom: 20px; + } + .l-20\@xs\+ { + left: 20px; + } + } + @media screen and (max-width: 1439px) { + .t-20\@xl- { + top: 20px; + } + .r-20\@xl- { + right: 20px; + } + .b-20\@xl- { + bottom: 20px; + } + .l-20\@xl- { + left: 20px; + } + } + @media screen and (max-width: 1199px) { + .t-20\@lg- { + top: 20px; + } + .r-20\@lg- { + right: 20px; + } + .b-20\@lg- { + bottom: 20px; + } + .l-20\@lg- { + left: 20px; + } + } + @media screen and (max-width: 991px) { + .t-20\@md- { + top: 20px; + } + .r-20\@md- { + right: 20px; + } + .b-20\@md- { + bottom: 20px; + } + .l-20\@md- { + left: 20px; + } + } + @media screen and (max-width: 767px) { + .t-20\@sm- { + top: 20px; + } + .r-20\@sm- { + right: 20px; + } + .b-20\@sm- { + bottom: 20px; + } + .l-20\@sm- { + left: 20px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-20\@lg { + top: 20px; + } + .r-20\@lg { + right: 20px; + } + .b-20\@lg { + bottom: 20px; + } + .l-20\@lg { + left: 20px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-20\@md { + top: 20px; + } + .r-20\@md { + right: 20px; + } + .b-20\@md { + bottom: 20px; + } + .l-20\@md { + left: 20px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-20\@sm { + top: 20px; + } + .r-20\@sm { + right: 20px; + } + .b-20\@sm { + bottom: 20px; + } + .l-20\@sm { + left: 20px; + } + } + .t-25 { + top: 25px; + } + + .r-25 { + right: 25px; + } + + .b-25 { + bottom: 25px; + } + + .l-25 { + left: 25px; + } + + @media screen and (min-width: 1440px) { + .t-25\@xl\+ { + top: 25px; + } + .r-25\@xl\+ { + right: 25px; + } + .b-25\@xl\+ { + bottom: 25px; + } + .l-25\@xl\+ { + left: 25px; + } + } + @media screen and (min-width: 1200px) { + .t-25\@lg\+ { + top: 25px; + } + .r-25\@lg\+ { + right: 25px; + } + .b-25\@lg\+ { + bottom: 25px; + } + .l-25\@lg\+ { + left: 25px; + } + } + @media screen and (min-width: 992px) { + .t-25\@md\+ { + top: 25px; + } + .r-25\@md\+ { + right: 25px; + } + .b-25\@md\+ { + bottom: 25px; + } + .l-25\@md\+ { + left: 25px; + } + } + @media screen and (min-width: 768px) { + .t-25\@sm\+ { + top: 25px; + } + .r-25\@sm\+ { + right: 25px; + } + .b-25\@sm\+ { + bottom: 25px; + } + .l-25\@sm\+ { + left: 25px; + } + } + @media screen and (min-width: 0) { + .t-25\@xs\+ { + top: 25px; + } + .r-25\@xs\+ { + right: 25px; + } + .b-25\@xs\+ { + bottom: 25px; + } + .l-25\@xs\+ { + left: 25px; + } + } + @media screen and (max-width: 1439px) { + .t-25\@xl- { + top: 25px; + } + .r-25\@xl- { + right: 25px; + } + .b-25\@xl- { + bottom: 25px; + } + .l-25\@xl- { + left: 25px; + } + } + @media screen and (max-width: 1199px) { + .t-25\@lg- { + top: 25px; + } + .r-25\@lg- { + right: 25px; + } + .b-25\@lg- { + bottom: 25px; + } + .l-25\@lg- { + left: 25px; + } + } + @media screen and (max-width: 991px) { + .t-25\@md- { + top: 25px; + } + .r-25\@md- { + right: 25px; + } + .b-25\@md- { + bottom: 25px; + } + .l-25\@md- { + left: 25px; + } + } + @media screen and (max-width: 767px) { + .t-25\@sm- { + top: 25px; + } + .r-25\@sm- { + right: 25px; + } + .b-25\@sm- { + bottom: 25px; + } + .l-25\@sm- { + left: 25px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-25\@lg { + top: 25px; + } + .r-25\@lg { + right: 25px; + } + .b-25\@lg { + bottom: 25px; + } + .l-25\@lg { + left: 25px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-25\@md { + top: 25px; + } + .r-25\@md { + right: 25px; + } + .b-25\@md { + bottom: 25px; + } + .l-25\@md { + left: 25px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-25\@sm { + top: 25px; + } + .r-25\@sm { + right: 25px; + } + .b-25\@sm { + bottom: 25px; + } + .l-25\@sm { + left: 25px; + } + } + .t-30 { + top: 30px; + } + + .r-30 { + right: 30px; + } + + .b-30 { + bottom: 30px; + } + + .l-30 { + left: 30px; + } + + @media screen and (min-width: 1440px) { + .t-30\@xl\+ { + top: 30px; + } + .r-30\@xl\+ { + right: 30px; + } + .b-30\@xl\+ { + bottom: 30px; + } + .l-30\@xl\+ { + left: 30px; + } + } + @media screen and (min-width: 1200px) { + .t-30\@lg\+ { + top: 30px; + } + .r-30\@lg\+ { + right: 30px; + } + .b-30\@lg\+ { + bottom: 30px; + } + .l-30\@lg\+ { + left: 30px; + } + } + @media screen and (min-width: 992px) { + .t-30\@md\+ { + top: 30px; + } + .r-30\@md\+ { + right: 30px; + } + .b-30\@md\+ { + bottom: 30px; + } + .l-30\@md\+ { + left: 30px; + } + } + @media screen and (min-width: 768px) { + .t-30\@sm\+ { + top: 30px; + } + .r-30\@sm\+ { + right: 30px; + } + .b-30\@sm\+ { + bottom: 30px; + } + .l-30\@sm\+ { + left: 30px; + } + } + @media screen and (min-width: 0) { + .t-30\@xs\+ { + top: 30px; + } + .r-30\@xs\+ { + right: 30px; + } + .b-30\@xs\+ { + bottom: 30px; + } + .l-30\@xs\+ { + left: 30px; + } + } + @media screen and (max-width: 1439px) { + .t-30\@xl- { + top: 30px; + } + .r-30\@xl- { + right: 30px; + } + .b-30\@xl- { + bottom: 30px; + } + .l-30\@xl- { + left: 30px; + } + } + @media screen and (max-width: 1199px) { + .t-30\@lg- { + top: 30px; + } + .r-30\@lg- { + right: 30px; + } + .b-30\@lg- { + bottom: 30px; + } + .l-30\@lg- { + left: 30px; + } + } + @media screen and (max-width: 991px) { + .t-30\@md- { + top: 30px; + } + .r-30\@md- { + right: 30px; + } + .b-30\@md- { + bottom: 30px; + } + .l-30\@md- { + left: 30px; + } + } + @media screen and (max-width: 767px) { + .t-30\@sm- { + top: 30px; + } + .r-30\@sm- { + right: 30px; + } + .b-30\@sm- { + bottom: 30px; + } + .l-30\@sm- { + left: 30px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-30\@lg { + top: 30px; + } + .r-30\@lg { + right: 30px; + } + .b-30\@lg { + bottom: 30px; + } + .l-30\@lg { + left: 30px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-30\@md { + top: 30px; + } + .r-30\@md { + right: 30px; + } + .b-30\@md { + bottom: 30px; + } + .l-30\@md { + left: 30px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-30\@sm { + top: 30px; + } + .r-30\@sm { + right: 30px; + } + .b-30\@sm { + bottom: 30px; + } + .l-30\@sm { + left: 30px; + } + } + .t-35 { + top: 35px; + } + + .r-35 { + right: 35px; + } + + .b-35 { + bottom: 35px; + } + + .l-35 { + left: 35px; + } + + @media screen and (min-width: 1440px) { + .t-35\@xl\+ { + top: 35px; + } + .r-35\@xl\+ { + right: 35px; + } + .b-35\@xl\+ { + bottom: 35px; + } + .l-35\@xl\+ { + left: 35px; + } + } + @media screen and (min-width: 1200px) { + .t-35\@lg\+ { + top: 35px; + } + .r-35\@lg\+ { + right: 35px; + } + .b-35\@lg\+ { + bottom: 35px; + } + .l-35\@lg\+ { + left: 35px; + } + } + @media screen and (min-width: 992px) { + .t-35\@md\+ { + top: 35px; + } + .r-35\@md\+ { + right: 35px; + } + .b-35\@md\+ { + bottom: 35px; + } + .l-35\@md\+ { + left: 35px; + } + } + @media screen and (min-width: 768px) { + .t-35\@sm\+ { + top: 35px; + } + .r-35\@sm\+ { + right: 35px; + } + .b-35\@sm\+ { + bottom: 35px; + } + .l-35\@sm\+ { + left: 35px; + } + } + @media screen and (min-width: 0) { + .t-35\@xs\+ { + top: 35px; + } + .r-35\@xs\+ { + right: 35px; + } + .b-35\@xs\+ { + bottom: 35px; + } + .l-35\@xs\+ { + left: 35px; + } + } + @media screen and (max-width: 1439px) { + .t-35\@xl- { + top: 35px; + } + .r-35\@xl- { + right: 35px; + } + .b-35\@xl- { + bottom: 35px; + } + .l-35\@xl- { + left: 35px; + } + } + @media screen and (max-width: 1199px) { + .t-35\@lg- { + top: 35px; + } + .r-35\@lg- { + right: 35px; + } + .b-35\@lg- { + bottom: 35px; + } + .l-35\@lg- { + left: 35px; + } + } + @media screen and (max-width: 991px) { + .t-35\@md- { + top: 35px; + } + .r-35\@md- { + right: 35px; + } + .b-35\@md- { + bottom: 35px; + } + .l-35\@md- { + left: 35px; + } + } + @media screen and (max-width: 767px) { + .t-35\@sm- { + top: 35px; + } + .r-35\@sm- { + right: 35px; + } + .b-35\@sm- { + bottom: 35px; + } + .l-35\@sm- { + left: 35px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-35\@lg { + top: 35px; + } + .r-35\@lg { + right: 35px; + } + .b-35\@lg { + bottom: 35px; + } + .l-35\@lg { + left: 35px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-35\@md { + top: 35px; + } + .r-35\@md { + right: 35px; + } + .b-35\@md { + bottom: 35px; + } + .l-35\@md { + left: 35px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-35\@sm { + top: 35px; + } + .r-35\@sm { + right: 35px; + } + .b-35\@sm { + bottom: 35px; + } + .l-35\@sm { + left: 35px; + } + } + .t-40 { + top: 40px; + } + + .r-40 { + right: 40px; + } + + .b-40 { + bottom: 40px; + } + + .l-40 { + left: 40px; + } + + @media screen and (min-width: 1440px) { + .t-40\@xl\+ { + top: 40px; + } + .r-40\@xl\+ { + right: 40px; + } + .b-40\@xl\+ { + bottom: 40px; + } + .l-40\@xl\+ { + left: 40px; + } + } + @media screen and (min-width: 1200px) { + .t-40\@lg\+ { + top: 40px; + } + .r-40\@lg\+ { + right: 40px; + } + .b-40\@lg\+ { + bottom: 40px; + } + .l-40\@lg\+ { + left: 40px; + } + } + @media screen and (min-width: 992px) { + .t-40\@md\+ { + top: 40px; + } + .r-40\@md\+ { + right: 40px; + } + .b-40\@md\+ { + bottom: 40px; + } + .l-40\@md\+ { + left: 40px; + } + } + @media screen and (min-width: 768px) { + .t-40\@sm\+ { + top: 40px; + } + .r-40\@sm\+ { + right: 40px; + } + .b-40\@sm\+ { + bottom: 40px; + } + .l-40\@sm\+ { + left: 40px; + } + } + @media screen and (min-width: 0) { + .t-40\@xs\+ { + top: 40px; + } + .r-40\@xs\+ { + right: 40px; + } + .b-40\@xs\+ { + bottom: 40px; + } + .l-40\@xs\+ { + left: 40px; + } + } + @media screen and (max-width: 1439px) { + .t-40\@xl- { + top: 40px; + } + .r-40\@xl- { + right: 40px; + } + .b-40\@xl- { + bottom: 40px; + } + .l-40\@xl- { + left: 40px; + } + } + @media screen and (max-width: 1199px) { + .t-40\@lg- { + top: 40px; + } + .r-40\@lg- { + right: 40px; + } + .b-40\@lg- { + bottom: 40px; + } + .l-40\@lg- { + left: 40px; + } + } + @media screen and (max-width: 991px) { + .t-40\@md- { + top: 40px; + } + .r-40\@md- { + right: 40px; + } + .b-40\@md- { + bottom: 40px; + } + .l-40\@md- { + left: 40px; + } + } + @media screen and (max-width: 767px) { + .t-40\@sm- { + top: 40px; + } + .r-40\@sm- { + right: 40px; + } + .b-40\@sm- { + bottom: 40px; + } + .l-40\@sm- { + left: 40px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-40\@lg { + top: 40px; + } + .r-40\@lg { + right: 40px; + } + .b-40\@lg { + bottom: 40px; + } + .l-40\@lg { + left: 40px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-40\@md { + top: 40px; + } + .r-40\@md { + right: 40px; + } + .b-40\@md { + bottom: 40px; + } + .l-40\@md { + left: 40px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-40\@sm { + top: 40px; + } + .r-40\@sm { + right: 40px; + } + .b-40\@sm { + bottom: 40px; + } + .l-40\@sm { + left: 40px; + } + } + .t-50 { + top: 50px; + } + + .r-50 { + right: 50px; + } + + .b-50 { + bottom: 50px; + } + + .l-50 { + left: 50px; + } + + @media screen and (min-width: 1440px) { + .t-50\@xl\+ { + top: 50px; + } + .r-50\@xl\+ { + right: 50px; + } + .b-50\@xl\+ { + bottom: 50px; + } + .l-50\@xl\+ { + left: 50px; + } + } + @media screen and (min-width: 1200px) { + .t-50\@lg\+ { + top: 50px; + } + .r-50\@lg\+ { + right: 50px; + } + .b-50\@lg\+ { + bottom: 50px; + } + .l-50\@lg\+ { + left: 50px; + } + } + @media screen and (min-width: 992px) { + .t-50\@md\+ { + top: 50px; + } + .r-50\@md\+ { + right: 50px; + } + .b-50\@md\+ { + bottom: 50px; + } + .l-50\@md\+ { + left: 50px; + } + } + @media screen and (min-width: 768px) { + .t-50\@sm\+ { + top: 50px; + } + .r-50\@sm\+ { + right: 50px; + } + .b-50\@sm\+ { + bottom: 50px; + } + .l-50\@sm\+ { + left: 50px; + } + } + @media screen and (min-width: 0) { + .t-50\@xs\+ { + top: 50px; + } + .r-50\@xs\+ { + right: 50px; + } + .b-50\@xs\+ { + bottom: 50px; + } + .l-50\@xs\+ { + left: 50px; + } + } + @media screen and (max-width: 1439px) { + .t-50\@xl- { + top: 50px; + } + .r-50\@xl- { + right: 50px; + } + .b-50\@xl- { + bottom: 50px; + } + .l-50\@xl- { + left: 50px; + } + } + @media screen and (max-width: 1199px) { + .t-50\@lg- { + top: 50px; + } + .r-50\@lg- { + right: 50px; + } + .b-50\@lg- { + bottom: 50px; + } + .l-50\@lg- { + left: 50px; + } + } + @media screen and (max-width: 991px) { + .t-50\@md- { + top: 50px; + } + .r-50\@md- { + right: 50px; + } + .b-50\@md- { + bottom: 50px; + } + .l-50\@md- { + left: 50px; + } + } + @media screen and (max-width: 767px) { + .t-50\@sm- { + top: 50px; + } + .r-50\@sm- { + right: 50px; + } + .b-50\@sm- { + bottom: 50px; + } + .l-50\@sm- { + left: 50px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-50\@lg { + top: 50px; + } + .r-50\@lg { + right: 50px; + } + .b-50\@lg { + bottom: 50px; + } + .l-50\@lg { + left: 50px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-50\@md { + top: 50px; + } + .r-50\@md { + right: 50px; + } + .b-50\@md { + bottom: 50px; + } + .l-50\@md { + left: 50px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-50\@sm { + top: 50px; + } + .r-50\@sm { + right: 50px; + } + .b-50\@sm { + bottom: 50px; + } + .l-50\@sm { + left: 50px; + } + } + .t-60 { + top: 60px; + } + + .r-60 { + right: 60px; + } + + .b-60 { + bottom: 60px; + } + + .l-60 { + left: 60px; + } + + @media screen and (min-width: 1440px) { + .t-60\@xl\+ { + top: 60px; + } + .r-60\@xl\+ { + right: 60px; + } + .b-60\@xl\+ { + bottom: 60px; + } + .l-60\@xl\+ { + left: 60px; + } + } + @media screen and (min-width: 1200px) { + .t-60\@lg\+ { + top: 60px; + } + .r-60\@lg\+ { + right: 60px; + } + .b-60\@lg\+ { + bottom: 60px; + } + .l-60\@lg\+ { + left: 60px; + } + } + @media screen and (min-width: 992px) { + .t-60\@md\+ { + top: 60px; + } + .r-60\@md\+ { + right: 60px; + } + .b-60\@md\+ { + bottom: 60px; + } + .l-60\@md\+ { + left: 60px; + } + } + @media screen and (min-width: 768px) { + .t-60\@sm\+ { + top: 60px; + } + .r-60\@sm\+ { + right: 60px; + } + .b-60\@sm\+ { + bottom: 60px; + } + .l-60\@sm\+ { + left: 60px; + } + } + @media screen and (min-width: 0) { + .t-60\@xs\+ { + top: 60px; + } + .r-60\@xs\+ { + right: 60px; + } + .b-60\@xs\+ { + bottom: 60px; + } + .l-60\@xs\+ { + left: 60px; + } + } + @media screen and (max-width: 1439px) { + .t-60\@xl- { + top: 60px; + } + .r-60\@xl- { + right: 60px; + } + .b-60\@xl- { + bottom: 60px; + } + .l-60\@xl- { + left: 60px; + } + } + @media screen and (max-width: 1199px) { + .t-60\@lg- { + top: 60px; + } + .r-60\@lg- { + right: 60px; + } + .b-60\@lg- { + bottom: 60px; + } + .l-60\@lg- { + left: 60px; + } + } + @media screen and (max-width: 991px) { + .t-60\@md- { + top: 60px; + } + .r-60\@md- { + right: 60px; + } + .b-60\@md- { + bottom: 60px; + } + .l-60\@md- { + left: 60px; + } + } + @media screen and (max-width: 767px) { + .t-60\@sm- { + top: 60px; + } + .r-60\@sm- { + right: 60px; + } + .b-60\@sm- { + bottom: 60px; + } + .l-60\@sm- { + left: 60px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-60\@lg { + top: 60px; + } + .r-60\@lg { + right: 60px; + } + .b-60\@lg { + bottom: 60px; + } + .l-60\@lg { + left: 60px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-60\@md { + top: 60px; + } + .r-60\@md { + right: 60px; + } + .b-60\@md { + bottom: 60px; + } + .l-60\@md { + left: 60px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-60\@sm { + top: 60px; + } + .r-60\@sm { + right: 60px; + } + .b-60\@sm { + bottom: 60px; + } + .l-60\@sm { + left: 60px; + } + } + .t-70 { + top: 70px; + } + + .r-70 { + right: 70px; + } + + .b-70 { + bottom: 70px; + } + + .l-70 { + left: 70px; + } + + @media screen and (min-width: 1440px) { + .t-70\@xl\+ { + top: 70px; + } + .r-70\@xl\+ { + right: 70px; + } + .b-70\@xl\+ { + bottom: 70px; + } + .l-70\@xl\+ { + left: 70px; + } + } + @media screen and (min-width: 1200px) { + .t-70\@lg\+ { + top: 70px; + } + .r-70\@lg\+ { + right: 70px; + } + .b-70\@lg\+ { + bottom: 70px; + } + .l-70\@lg\+ { + left: 70px; + } + } + @media screen and (min-width: 992px) { + .t-70\@md\+ { + top: 70px; + } + .r-70\@md\+ { + right: 70px; + } + .b-70\@md\+ { + bottom: 70px; + } + .l-70\@md\+ { + left: 70px; + } + } + @media screen and (min-width: 768px) { + .t-70\@sm\+ { + top: 70px; + } + .r-70\@sm\+ { + right: 70px; + } + .b-70\@sm\+ { + bottom: 70px; + } + .l-70\@sm\+ { + left: 70px; + } + } + @media screen and (min-width: 0) { + .t-70\@xs\+ { + top: 70px; + } + .r-70\@xs\+ { + right: 70px; + } + .b-70\@xs\+ { + bottom: 70px; + } + .l-70\@xs\+ { + left: 70px; + } + } + @media screen and (max-width: 1439px) { + .t-70\@xl- { + top: 70px; + } + .r-70\@xl- { + right: 70px; + } + .b-70\@xl- { + bottom: 70px; + } + .l-70\@xl- { + left: 70px; + } + } + @media screen and (max-width: 1199px) { + .t-70\@lg- { + top: 70px; + } + .r-70\@lg- { + right: 70px; + } + .b-70\@lg- { + bottom: 70px; + } + .l-70\@lg- { + left: 70px; + } + } + @media screen and (max-width: 991px) { + .t-70\@md- { + top: 70px; + } + .r-70\@md- { + right: 70px; + } + .b-70\@md- { + bottom: 70px; + } + .l-70\@md- { + left: 70px; + } + } + @media screen and (max-width: 767px) { + .t-70\@sm- { + top: 70px; + } + .r-70\@sm- { + right: 70px; + } + .b-70\@sm- { + bottom: 70px; + } + .l-70\@sm- { + left: 70px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-70\@lg { + top: 70px; + } + .r-70\@lg { + right: 70px; + } + .b-70\@lg { + bottom: 70px; + } + .l-70\@lg { + left: 70px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-70\@md { + top: 70px; + } + .r-70\@md { + right: 70px; + } + .b-70\@md { + bottom: 70px; + } + .l-70\@md { + left: 70px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-70\@sm { + top: 70px; + } + .r-70\@sm { + right: 70px; + } + .b-70\@sm { + bottom: 70px; + } + .l-70\@sm { + left: 70px; + } + } + .t-80 { + top: 80px; + } + + .r-80 { + right: 80px; + } + + .b-80 { + bottom: 80px; + } + + .l-80 { + left: 80px; + } + + @media screen and (min-width: 1440px) { + .t-80\@xl\+ { + top: 80px; + } + .r-80\@xl\+ { + right: 80px; + } + .b-80\@xl\+ { + bottom: 80px; + } + .l-80\@xl\+ { + left: 80px; + } + } + @media screen and (min-width: 1200px) { + .t-80\@lg\+ { + top: 80px; + } + .r-80\@lg\+ { + right: 80px; + } + .b-80\@lg\+ { + bottom: 80px; + } + .l-80\@lg\+ { + left: 80px; + } + } + @media screen and (min-width: 992px) { + .t-80\@md\+ { + top: 80px; + } + .r-80\@md\+ { + right: 80px; + } + .b-80\@md\+ { + bottom: 80px; + } + .l-80\@md\+ { + left: 80px; + } + } + @media screen and (min-width: 768px) { + .t-80\@sm\+ { + top: 80px; + } + .r-80\@sm\+ { + right: 80px; + } + .b-80\@sm\+ { + bottom: 80px; + } + .l-80\@sm\+ { + left: 80px; + } + } + @media screen and (min-width: 0) { + .t-80\@xs\+ { + top: 80px; + } + .r-80\@xs\+ { + right: 80px; + } + .b-80\@xs\+ { + bottom: 80px; + } + .l-80\@xs\+ { + left: 80px; + } + } + @media screen and (max-width: 1439px) { + .t-80\@xl- { + top: 80px; + } + .r-80\@xl- { + right: 80px; + } + .b-80\@xl- { + bottom: 80px; + } + .l-80\@xl- { + left: 80px; + } + } + @media screen and (max-width: 1199px) { + .t-80\@lg- { + top: 80px; + } + .r-80\@lg- { + right: 80px; + } + .b-80\@lg- { + bottom: 80px; + } + .l-80\@lg- { + left: 80px; + } + } + @media screen and (max-width: 991px) { + .t-80\@md- { + top: 80px; + } + .r-80\@md- { + right: 80px; + } + .b-80\@md- { + bottom: 80px; + } + .l-80\@md- { + left: 80px; + } + } + @media screen and (max-width: 767px) { + .t-80\@sm- { + top: 80px; + } + .r-80\@sm- { + right: 80px; + } + .b-80\@sm- { + bottom: 80px; + } + .l-80\@sm- { + left: 80px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-80\@lg { + top: 80px; + } + .r-80\@lg { + right: 80px; + } + .b-80\@lg { + bottom: 80px; + } + .l-80\@lg { + left: 80px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-80\@md { + top: 80px; + } + .r-80\@md { + right: 80px; + } + .b-80\@md { + bottom: 80px; + } + .l-80\@md { + left: 80px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-80\@sm { + top: 80px; + } + .r-80\@sm { + right: 80px; + } + .b-80\@sm { + bottom: 80px; + } + .l-80\@sm { + left: 80px; + } + } + .t-90 { + top: 90px; + } + + .r-90 { + right: 90px; + } + + .b-90 { + bottom: 90px; + } + + .l-90 { + left: 90px; + } + + @media screen and (min-width: 1440px) { + .t-90\@xl\+ { + top: 90px; + } + .r-90\@xl\+ { + right: 90px; + } + .b-90\@xl\+ { + bottom: 90px; + } + .l-90\@xl\+ { + left: 90px; + } + } + @media screen and (min-width: 1200px) { + .t-90\@lg\+ { + top: 90px; + } + .r-90\@lg\+ { + right: 90px; + } + .b-90\@lg\+ { + bottom: 90px; + } + .l-90\@lg\+ { + left: 90px; + } + } + @media screen and (min-width: 992px) { + .t-90\@md\+ { + top: 90px; + } + .r-90\@md\+ { + right: 90px; + } + .b-90\@md\+ { + bottom: 90px; + } + .l-90\@md\+ { + left: 90px; + } + } + @media screen and (min-width: 768px) { + .t-90\@sm\+ { + top: 90px; + } + .r-90\@sm\+ { + right: 90px; + } + .b-90\@sm\+ { + bottom: 90px; + } + .l-90\@sm\+ { + left: 90px; + } + } + @media screen and (min-width: 0) { + .t-90\@xs\+ { + top: 90px; + } + .r-90\@xs\+ { + right: 90px; + } + .b-90\@xs\+ { + bottom: 90px; + } + .l-90\@xs\+ { + left: 90px; + } + } + @media screen and (max-width: 1439px) { + .t-90\@xl- { + top: 90px; + } + .r-90\@xl- { + right: 90px; + } + .b-90\@xl- { + bottom: 90px; + } + .l-90\@xl- { + left: 90px; + } + } + @media screen and (max-width: 1199px) { + .t-90\@lg- { + top: 90px; + } + .r-90\@lg- { + right: 90px; + } + .b-90\@lg- { + bottom: 90px; + } + .l-90\@lg- { + left: 90px; + } + } + @media screen and (max-width: 991px) { + .t-90\@md- { + top: 90px; + } + .r-90\@md- { + right: 90px; + } + .b-90\@md- { + bottom: 90px; + } + .l-90\@md- { + left: 90px; + } + } + @media screen and (max-width: 767px) { + .t-90\@sm- { + top: 90px; + } + .r-90\@sm- { + right: 90px; + } + .b-90\@sm- { + bottom: 90px; + } + .l-90\@sm- { + left: 90px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-90\@lg { + top: 90px; + } + .r-90\@lg { + right: 90px; + } + .b-90\@lg { + bottom: 90px; + } + .l-90\@lg { + left: 90px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-90\@md { + top: 90px; + } + .r-90\@md { + right: 90px; + } + .b-90\@md { + bottom: 90px; + } + .l-90\@md { + left: 90px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-90\@sm { + top: 90px; + } + .r-90\@sm { + right: 90px; + } + .b-90\@sm { + bottom: 90px; + } + .l-90\@sm { + left: 90px; + } + } + .t-100 { + top: 100px; + } + + .r-100 { + right: 100px; + } + + .b-100 { + bottom: 100px; + } + + .l-100 { + left: 100px; + } + + @media screen and (min-width: 1440px) { + .t-100\@xl\+ { + top: 100px; + } + .r-100\@xl\+ { + right: 100px; + } + .b-100\@xl\+ { + bottom: 100px; + } + .l-100\@xl\+ { + left: 100px; + } + } + @media screen and (min-width: 1200px) { + .t-100\@lg\+ { + top: 100px; + } + .r-100\@lg\+ { + right: 100px; + } + .b-100\@lg\+ { + bottom: 100px; + } + .l-100\@lg\+ { + left: 100px; + } + } + @media screen and (min-width: 992px) { + .t-100\@md\+ { + top: 100px; + } + .r-100\@md\+ { + right: 100px; + } + .b-100\@md\+ { + bottom: 100px; + } + .l-100\@md\+ { + left: 100px; + } + } + @media screen and (min-width: 768px) { + .t-100\@sm\+ { + top: 100px; + } + .r-100\@sm\+ { + right: 100px; + } + .b-100\@sm\+ { + bottom: 100px; + } + .l-100\@sm\+ { + left: 100px; + } + } + @media screen and (min-width: 0) { + .t-100\@xs\+ { + top: 100px; + } + .r-100\@xs\+ { + right: 100px; + } + .b-100\@xs\+ { + bottom: 100px; + } + .l-100\@xs\+ { + left: 100px; + } + } + @media screen and (max-width: 1439px) { + .t-100\@xl- { + top: 100px; + } + .r-100\@xl- { + right: 100px; + } + .b-100\@xl- { + bottom: 100px; + } + .l-100\@xl- { + left: 100px; + } + } + @media screen and (max-width: 1199px) { + .t-100\@lg- { + top: 100px; + } + .r-100\@lg- { + right: 100px; + } + .b-100\@lg- { + bottom: 100px; + } + .l-100\@lg- { + left: 100px; + } + } + @media screen and (max-width: 991px) { + .t-100\@md- { + top: 100px; + } + .r-100\@md- { + right: 100px; + } + .b-100\@md- { + bottom: 100px; + } + .l-100\@md- { + left: 100px; + } + } + @media screen and (max-width: 767px) { + .t-100\@sm- { + top: 100px; + } + .r-100\@sm- { + right: 100px; + } + .b-100\@sm- { + bottom: 100px; + } + .l-100\@sm- { + left: 100px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-100\@lg { + top: 100px; + } + .r-100\@lg { + right: 100px; + } + .b-100\@lg { + bottom: 100px; + } + .l-100\@lg { + left: 100px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-100\@md { + top: 100px; + } + .r-100\@md { + right: 100px; + } + .b-100\@md { + bottom: 100px; + } + .l-100\@md { + left: 100px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-100\@sm { + top: 100px; + } + .r-100\@sm { + right: 100px; + } + .b-100\@sm { + bottom: 100px; + } + .l-100\@sm { + left: 100px; + } + } + .t-110 { + top: 110px; + } + + .r-110 { + right: 110px; + } + + .b-110 { + bottom: 110px; + } + + .l-110 { + left: 110px; + } + + @media screen and (min-width: 1440px) { + .t-110\@xl\+ { + top: 110px; + } + .r-110\@xl\+ { + right: 110px; + } + .b-110\@xl\+ { + bottom: 110px; + } + .l-110\@xl\+ { + left: 110px; + } + } + @media screen and (min-width: 1200px) { + .t-110\@lg\+ { + top: 110px; + } + .r-110\@lg\+ { + right: 110px; + } + .b-110\@lg\+ { + bottom: 110px; + } + .l-110\@lg\+ { + left: 110px; + } + } + @media screen and (min-width: 992px) { + .t-110\@md\+ { + top: 110px; + } + .r-110\@md\+ { + right: 110px; + } + .b-110\@md\+ { + bottom: 110px; + } + .l-110\@md\+ { + left: 110px; + } + } + @media screen and (min-width: 768px) { + .t-110\@sm\+ { + top: 110px; + } + .r-110\@sm\+ { + right: 110px; + } + .b-110\@sm\+ { + bottom: 110px; + } + .l-110\@sm\+ { + left: 110px; + } + } + @media screen and (min-width: 0) { + .t-110\@xs\+ { + top: 110px; + } + .r-110\@xs\+ { + right: 110px; + } + .b-110\@xs\+ { + bottom: 110px; + } + .l-110\@xs\+ { + left: 110px; + } + } + @media screen and (max-width: 1439px) { + .t-110\@xl- { + top: 110px; + } + .r-110\@xl- { + right: 110px; + } + .b-110\@xl- { + bottom: 110px; + } + .l-110\@xl- { + left: 110px; + } + } + @media screen and (max-width: 1199px) { + .t-110\@lg- { + top: 110px; + } + .r-110\@lg- { + right: 110px; + } + .b-110\@lg- { + bottom: 110px; + } + .l-110\@lg- { + left: 110px; + } + } + @media screen and (max-width: 991px) { + .t-110\@md- { + top: 110px; + } + .r-110\@md- { + right: 110px; + } + .b-110\@md- { + bottom: 110px; + } + .l-110\@md- { + left: 110px; + } + } + @media screen and (max-width: 767px) { + .t-110\@sm- { + top: 110px; + } + .r-110\@sm- { + right: 110px; + } + .b-110\@sm- { + bottom: 110px; + } + .l-110\@sm- { + left: 110px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-110\@lg { + top: 110px; + } + .r-110\@lg { + right: 110px; + } + .b-110\@lg { + bottom: 110px; + } + .l-110\@lg { + left: 110px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-110\@md { + top: 110px; + } + .r-110\@md { + right: 110px; + } + .b-110\@md { + bottom: 110px; + } + .l-110\@md { + left: 110px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-110\@sm { + top: 110px; + } + .r-110\@sm { + right: 110px; + } + .b-110\@sm { + bottom: 110px; + } + .l-110\@sm { + left: 110px; + } + } + .t-120 { + top: 120px; + } + + .r-120 { + right: 120px; + } + + .b-120 { + bottom: 120px; + } + + .l-120 { + left: 120px; + } + + @media screen and (min-width: 1440px) { + .t-120\@xl\+ { + top: 120px; + } + .r-120\@xl\+ { + right: 120px; + } + .b-120\@xl\+ { + bottom: 120px; + } + .l-120\@xl\+ { + left: 120px; + } + } + @media screen and (min-width: 1200px) { + .t-120\@lg\+ { + top: 120px; + } + .r-120\@lg\+ { + right: 120px; + } + .b-120\@lg\+ { + bottom: 120px; + } + .l-120\@lg\+ { + left: 120px; + } + } + @media screen and (min-width: 992px) { + .t-120\@md\+ { + top: 120px; + } + .r-120\@md\+ { + right: 120px; + } + .b-120\@md\+ { + bottom: 120px; + } + .l-120\@md\+ { + left: 120px; + } + } + @media screen and (min-width: 768px) { + .t-120\@sm\+ { + top: 120px; + } + .r-120\@sm\+ { + right: 120px; + } + .b-120\@sm\+ { + bottom: 120px; + } + .l-120\@sm\+ { + left: 120px; + } + } + @media screen and (min-width: 0) { + .t-120\@xs\+ { + top: 120px; + } + .r-120\@xs\+ { + right: 120px; + } + .b-120\@xs\+ { + bottom: 120px; + } + .l-120\@xs\+ { + left: 120px; + } + } + @media screen and (max-width: 1439px) { + .t-120\@xl- { + top: 120px; + } + .r-120\@xl- { + right: 120px; + } + .b-120\@xl- { + bottom: 120px; + } + .l-120\@xl- { + left: 120px; + } + } + @media screen and (max-width: 1199px) { + .t-120\@lg- { + top: 120px; + } + .r-120\@lg- { + right: 120px; + } + .b-120\@lg- { + bottom: 120px; + } + .l-120\@lg- { + left: 120px; + } + } + @media screen and (max-width: 991px) { + .t-120\@md- { + top: 120px; + } + .r-120\@md- { + right: 120px; + } + .b-120\@md- { + bottom: 120px; + } + .l-120\@md- { + left: 120px; + } + } + @media screen and (max-width: 767px) { + .t-120\@sm- { + top: 120px; + } + .r-120\@sm- { + right: 120px; + } + .b-120\@sm- { + bottom: 120px; + } + .l-120\@sm- { + left: 120px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-120\@lg { + top: 120px; + } + .r-120\@lg { + right: 120px; + } + .b-120\@lg { + bottom: 120px; + } + .l-120\@lg { + left: 120px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-120\@md { + top: 120px; + } + .r-120\@md { + right: 120px; + } + .b-120\@md { + bottom: 120px; + } + .l-120\@md { + left: 120px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-120\@sm { + top: 120px; + } + .r-120\@sm { + right: 120px; + } + .b-120\@sm { + bottom: 120px; + } + .l-120\@sm { + left: 120px; + } + } + .t-130 { + top: 130px; + } + + .r-130 { + right: 130px; + } + + .b-130 { + bottom: 130px; + } + + .l-130 { + left: 130px; + } + + @media screen and (min-width: 1440px) { + .t-130\@xl\+ { + top: 130px; + } + .r-130\@xl\+ { + right: 130px; + } + .b-130\@xl\+ { + bottom: 130px; + } + .l-130\@xl\+ { + left: 130px; + } + } + @media screen and (min-width: 1200px) { + .t-130\@lg\+ { + top: 130px; + } + .r-130\@lg\+ { + right: 130px; + } + .b-130\@lg\+ { + bottom: 130px; + } + .l-130\@lg\+ { + left: 130px; + } + } + @media screen and (min-width: 992px) { + .t-130\@md\+ { + top: 130px; + } + .r-130\@md\+ { + right: 130px; + } + .b-130\@md\+ { + bottom: 130px; + } + .l-130\@md\+ { + left: 130px; + } + } + @media screen and (min-width: 768px) { + .t-130\@sm\+ { + top: 130px; + } + .r-130\@sm\+ { + right: 130px; + } + .b-130\@sm\+ { + bottom: 130px; + } + .l-130\@sm\+ { + left: 130px; + } + } + @media screen and (min-width: 0) { + .t-130\@xs\+ { + top: 130px; + } + .r-130\@xs\+ { + right: 130px; + } + .b-130\@xs\+ { + bottom: 130px; + } + .l-130\@xs\+ { + left: 130px; + } + } + @media screen and (max-width: 1439px) { + .t-130\@xl- { + top: 130px; + } + .r-130\@xl- { + right: 130px; + } + .b-130\@xl- { + bottom: 130px; + } + .l-130\@xl- { + left: 130px; + } + } + @media screen and (max-width: 1199px) { + .t-130\@lg- { + top: 130px; + } + .r-130\@lg- { + right: 130px; + } + .b-130\@lg- { + bottom: 130px; + } + .l-130\@lg- { + left: 130px; + } + } + @media screen and (max-width: 991px) { + .t-130\@md- { + top: 130px; + } + .r-130\@md- { + right: 130px; + } + .b-130\@md- { + bottom: 130px; + } + .l-130\@md- { + left: 130px; + } + } + @media screen and (max-width: 767px) { + .t-130\@sm- { + top: 130px; + } + .r-130\@sm- { + right: 130px; + } + .b-130\@sm- { + bottom: 130px; + } + .l-130\@sm- { + left: 130px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-130\@lg { + top: 130px; + } + .r-130\@lg { + right: 130px; + } + .b-130\@lg { + bottom: 130px; + } + .l-130\@lg { + left: 130px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-130\@md { + top: 130px; + } + .r-130\@md { + right: 130px; + } + .b-130\@md { + bottom: 130px; + } + .l-130\@md { + left: 130px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-130\@sm { + top: 130px; + } + .r-130\@sm { + right: 130px; + } + .b-130\@sm { + bottom: 130px; + } + .l-130\@sm { + left: 130px; + } + } + .t-140 { + top: 140px; + } + + .r-140 { + right: 140px; + } + + .b-140 { + bottom: 140px; + } + + .l-140 { + left: 140px; + } + + @media screen and (min-width: 1440px) { + .t-140\@xl\+ { + top: 140px; + } + .r-140\@xl\+ { + right: 140px; + } + .b-140\@xl\+ { + bottom: 140px; + } + .l-140\@xl\+ { + left: 140px; + } + } + @media screen and (min-width: 1200px) { + .t-140\@lg\+ { + top: 140px; + } + .r-140\@lg\+ { + right: 140px; + } + .b-140\@lg\+ { + bottom: 140px; + } + .l-140\@lg\+ { + left: 140px; + } + } + @media screen and (min-width: 992px) { + .t-140\@md\+ { + top: 140px; + } + .r-140\@md\+ { + right: 140px; + } + .b-140\@md\+ { + bottom: 140px; + } + .l-140\@md\+ { + left: 140px; + } + } + @media screen and (min-width: 768px) { + .t-140\@sm\+ { + top: 140px; + } + .r-140\@sm\+ { + right: 140px; + } + .b-140\@sm\+ { + bottom: 140px; + } + .l-140\@sm\+ { + left: 140px; + } + } + @media screen and (min-width: 0) { + .t-140\@xs\+ { + top: 140px; + } + .r-140\@xs\+ { + right: 140px; + } + .b-140\@xs\+ { + bottom: 140px; + } + .l-140\@xs\+ { + left: 140px; + } + } + @media screen and (max-width: 1439px) { + .t-140\@xl- { + top: 140px; + } + .r-140\@xl- { + right: 140px; + } + .b-140\@xl- { + bottom: 140px; + } + .l-140\@xl- { + left: 140px; + } + } + @media screen and (max-width: 1199px) { + .t-140\@lg- { + top: 140px; + } + .r-140\@lg- { + right: 140px; + } + .b-140\@lg- { + bottom: 140px; + } + .l-140\@lg- { + left: 140px; + } + } + @media screen and (max-width: 991px) { + .t-140\@md- { + top: 140px; + } + .r-140\@md- { + right: 140px; + } + .b-140\@md- { + bottom: 140px; + } + .l-140\@md- { + left: 140px; + } + } + @media screen and (max-width: 767px) { + .t-140\@sm- { + top: 140px; + } + .r-140\@sm- { + right: 140px; + } + .b-140\@sm- { + bottom: 140px; + } + .l-140\@sm- { + left: 140px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-140\@lg { + top: 140px; + } + .r-140\@lg { + right: 140px; + } + .b-140\@lg { + bottom: 140px; + } + .l-140\@lg { + left: 140px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-140\@md { + top: 140px; + } + .r-140\@md { + right: 140px; + } + .b-140\@md { + bottom: 140px; + } + .l-140\@md { + left: 140px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-140\@sm { + top: 140px; + } + .r-140\@sm { + right: 140px; + } + .b-140\@sm { + bottom: 140px; + } + .l-140\@sm { + left: 140px; + } + } + .t-150 { + top: 150px; + } + + .r-150 { + right: 150px; + } + + .b-150 { + bottom: 150px; + } + + .l-150 { + left: 150px; + } + + @media screen and (min-width: 1440px) { + .t-150\@xl\+ { + top: 150px; + } + .r-150\@xl\+ { + right: 150px; + } + .b-150\@xl\+ { + bottom: 150px; + } + .l-150\@xl\+ { + left: 150px; + } + } + @media screen and (min-width: 1200px) { + .t-150\@lg\+ { + top: 150px; + } + .r-150\@lg\+ { + right: 150px; + } + .b-150\@lg\+ { + bottom: 150px; + } + .l-150\@lg\+ { + left: 150px; + } + } + @media screen and (min-width: 992px) { + .t-150\@md\+ { + top: 150px; + } + .r-150\@md\+ { + right: 150px; + } + .b-150\@md\+ { + bottom: 150px; + } + .l-150\@md\+ { + left: 150px; + } + } + @media screen and (min-width: 768px) { + .t-150\@sm\+ { + top: 150px; + } + .r-150\@sm\+ { + right: 150px; + } + .b-150\@sm\+ { + bottom: 150px; + } + .l-150\@sm\+ { + left: 150px; + } + } + @media screen and (min-width: 0) { + .t-150\@xs\+ { + top: 150px; + } + .r-150\@xs\+ { + right: 150px; + } + .b-150\@xs\+ { + bottom: 150px; + } + .l-150\@xs\+ { + left: 150px; + } + } + @media screen and (max-width: 1439px) { + .t-150\@xl- { + top: 150px; + } + .r-150\@xl- { + right: 150px; + } + .b-150\@xl- { + bottom: 150px; + } + .l-150\@xl- { + left: 150px; + } + } + @media screen and (max-width: 1199px) { + .t-150\@lg- { + top: 150px; + } + .r-150\@lg- { + right: 150px; + } + .b-150\@lg- { + bottom: 150px; + } + .l-150\@lg- { + left: 150px; + } + } + @media screen and (max-width: 991px) { + .t-150\@md- { + top: 150px; + } + .r-150\@md- { + right: 150px; + } + .b-150\@md- { + bottom: 150px; + } + .l-150\@md- { + left: 150px; + } + } + @media screen and (max-width: 767px) { + .t-150\@sm- { + top: 150px; + } + .r-150\@sm- { + right: 150px; + } + .b-150\@sm- { + bottom: 150px; + } + .l-150\@sm- { + left: 150px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-150\@lg { + top: 150px; + } + .r-150\@lg { + right: 150px; + } + .b-150\@lg { + bottom: 150px; + } + .l-150\@lg { + left: 150px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-150\@md { + top: 150px; + } + .r-150\@md { + right: 150px; + } + .b-150\@md { + bottom: 150px; + } + .l-150\@md { + left: 150px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-150\@sm { + top: 150px; + } + .r-150\@sm { + right: 150px; + } + .b-150\@sm { + bottom: 150px; + } + .l-150\@sm { + left: 150px; + } + } + .t-160 { + top: 160px; + } + + .r-160 { + right: 160px; + } + + .b-160 { + bottom: 160px; + } + + .l-160 { + left: 160px; + } + + @media screen and (min-width: 1440px) { + .t-160\@xl\+ { + top: 160px; + } + .r-160\@xl\+ { + right: 160px; + } + .b-160\@xl\+ { + bottom: 160px; + } + .l-160\@xl\+ { + left: 160px; + } + } + @media screen and (min-width: 1200px) { + .t-160\@lg\+ { + top: 160px; + } + .r-160\@lg\+ { + right: 160px; + } + .b-160\@lg\+ { + bottom: 160px; + } + .l-160\@lg\+ { + left: 160px; + } + } + @media screen and (min-width: 992px) { + .t-160\@md\+ { + top: 160px; + } + .r-160\@md\+ { + right: 160px; + } + .b-160\@md\+ { + bottom: 160px; + } + .l-160\@md\+ { + left: 160px; + } + } + @media screen and (min-width: 768px) { + .t-160\@sm\+ { + top: 160px; + } + .r-160\@sm\+ { + right: 160px; + } + .b-160\@sm\+ { + bottom: 160px; + } + .l-160\@sm\+ { + left: 160px; + } + } + @media screen and (min-width: 0) { + .t-160\@xs\+ { + top: 160px; + } + .r-160\@xs\+ { + right: 160px; + } + .b-160\@xs\+ { + bottom: 160px; + } + .l-160\@xs\+ { + left: 160px; + } + } + @media screen and (max-width: 1439px) { + .t-160\@xl- { + top: 160px; + } + .r-160\@xl- { + right: 160px; + } + .b-160\@xl- { + bottom: 160px; + } + .l-160\@xl- { + left: 160px; + } + } + @media screen and (max-width: 1199px) { + .t-160\@lg- { + top: 160px; + } + .r-160\@lg- { + right: 160px; + } + .b-160\@lg- { + bottom: 160px; + } + .l-160\@lg- { + left: 160px; + } + } + @media screen and (max-width: 991px) { + .t-160\@md- { + top: 160px; + } + .r-160\@md- { + right: 160px; + } + .b-160\@md- { + bottom: 160px; + } + .l-160\@md- { + left: 160px; + } + } + @media screen and (max-width: 767px) { + .t-160\@sm- { + top: 160px; + } + .r-160\@sm- { + right: 160px; + } + .b-160\@sm- { + bottom: 160px; + } + .l-160\@sm- { + left: 160px; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .t-160\@lg { + top: 160px; + } + .r-160\@lg { + right: 160px; + } + .b-160\@lg { + bottom: 160px; + } + .l-160\@lg { + left: 160px; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .t-160\@md { + top: 160px; + } + .r-160\@md { + right: 160px; + } + .b-160\@md { + bottom: 160px; + } + .l-160\@md { + left: 160px; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .t-160\@sm { + top: 160px; + } + .r-160\@sm { + right: 160px; + } + .b-160\@sm { + bottom: 160px; + } + .l-160\@sm { + left: 160px; + } + } + .tl-50p { + top: 50%; + left: 50%; + } + + .tr-50p { + top: 50%; + right: 50%; + } + + .t-50p { + top: 50%; + } + + .r-50p { + right: 50%; + } + + .b-50p { + bottom: 50%; + } + + .l-50p { + left: 50%; + } + + @media screen and (min-width: 1440px) { + .tl-50p\@xl\+ { + top: 50%; + left: 50%; + } + .tr-50p\@xl\+ { + top: 50%; + right: 50%; + } + .t-50p\@xl\+ { + top: 50%; + } + .r-50p\@xl\+ { + right: 50%; + } + .b-50p\@xl\+ { + bottom: 50%; + } + .l-50p\@xl\+ { + left: 50%; + } + } + @media screen and (min-width: 1200px) { + .tl-50p\@lg\+ { + top: 50%; + left: 50%; + } + .tr-50p\@lg\+ { + top: 50%; + right: 50%; + } + .t-50p\@lg\+ { + top: 50%; + } + .r-50p\@lg\+ { + right: 50%; + } + .b-50p\@lg\+ { + bottom: 50%; + } + .l-50p\@lg\+ { + left: 50%; + } + } + @media screen and (min-width: 992px) { + .tl-50p\@md\+ { + top: 50%; + left: 50%; + } + .tr-50p\@md\+ { + top: 50%; + right: 50%; + } + .t-50p\@md\+ { + top: 50%; + } + .r-50p\@md\+ { + right: 50%; + } + .b-50p\@md\+ { + bottom: 50%; + } + .l-50p\@md\+ { + left: 50%; + } + } + @media screen and (min-width: 768px) { + .tl-50p\@sm\+ { + top: 50%; + left: 50%; + } + .tr-50p\@sm\+ { + top: 50%; + right: 50%; + } + .t-50p\@sm\+ { + top: 50%; + } + .r-50p\@sm\+ { + right: 50%; + } + .b-50p\@sm\+ { + bottom: 50%; + } + .l-50p\@sm\+ { + left: 50%; + } + } + @media screen and (min-width: 0) { + .tl-50p\@xs\+ { + top: 50%; + left: 50%; + } + .tr-50p\@xs\+ { + top: 50%; + right: 50%; + } + .t-50p\@xs\+ { + top: 50%; + } + .r-50p\@xs\+ { + right: 50%; + } + .b-50p\@xs\+ { + bottom: 50%; + } + .l-50p\@xs\+ { + left: 50%; + } + } + @media screen and (max-width: 1439px) { + .tl-50p\@xl- { + top: 50%; + left: 50%; + } + .tr-50p\@xl- { + top: 50%; + right: 50%; + } + .t-50p\@xl- { + top: 50%; + } + .r-50p\@xl- { + right: 50%; + } + .b-50p\@xl- { + bottom: 50%; + } + .l-50p\@xl- { + left: 50%; + } + } + @media screen and (max-width: 1199px) { + .tl-50p\@lg- { + top: 50%; + left: 50%; + } + .tr-50p\@lg- { + top: 50%; + right: 50%; + } + .t-50p\@lg- { + top: 50%; + } + .r-50p\@lg- { + right: 50%; + } + .b-50p\@lg- { + bottom: 50%; + } + .l-50p\@lg- { + left: 50%; + } + } + @media screen and (max-width: 991px) { + .tl-50p\@md- { + top: 50%; + left: 50%; + } + .tr-50p\@md- { + top: 50%; + right: 50%; + } + .t-50p\@md- { + top: 50%; + } + .r-50p\@md- { + right: 50%; + } + .b-50p\@md- { + bottom: 50%; + } + .l-50p\@md- { + left: 50%; + } + } + @media screen and (max-width: 767px) { + .tl-50p\@sm- { + top: 50%; + left: 50%; + } + .tr-50p\@sm- { + top: 50%; + right: 50%; + } + .t-50p\@sm- { + top: 50%; + } + .r-50p\@sm- { + right: 50%; + } + .b-50p\@sm- { + bottom: 50%; + } + .l-50p\@sm- { + left: 50%; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .tl-50p\@lg { + top: 50%; + left: 50%; + } + .tr-50p\@lg { + top: 50%; + right: 50%; + } + .t-50p\@lg { + top: 50%; + } + .r-50p\@lg { + right: 50%; + } + .b-50p\@lg { + bottom: 50%; + } + .l-50p\@lg { + left: 50%; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .tl-50p\@md { + top: 50%; + left: 50%; + } + .tr-50p\@md { + top: 50%; + right: 50%; + } + .t-50p\@md { + top: 50%; + } + .r-50p\@md { + right: 50%; + } + .b-50p\@md { + bottom: 50%; + } + .l-50p\@md { + left: 50%; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .tl-50p\@sm { + top: 50%; + left: 50%; + } + .tr-50p\@sm { + top: 50%; + right: 50%; + } + .t-50p\@sm { + top: 50%; + } + .r-50p\@sm { + right: 50%; + } + .b-50p\@sm { + bottom: 50%; + } + .l-50p\@sm { + left: 50%; + } + } + .w-1\/4r, .sz-1\/4r { + width: 0.25rem; + } + + .w-1\/2r, .sz-1\/2r { + width: 0.5rem; + } + + .w-3\/4r, .sz-3\/4r { + width: 0.75rem; + } + + .w-1r, .sz-1r { + width: 1rem; + } + + .w-3\/2r, .sz-3\/2r { + width: 1.5rem; + } + + .w-2r, .sz-2r { + width: 2rem; + } + + .w-5\/2r, .sz-5\/2r { + width: 2.5rem; + } + + .w-3r, .sz-3r { + width: 3rem; + } + + .w-7\/2r, .sz-7\/2r { + width: 3.5rem; + } + + .w-4r, .sz-4r { + width: 4rem; + } + + .w-9\/2r, .sz-9\/2r { + width: 4.5rem; + } + + .w-5r, .sz-5r { + width: 5rem; + } + + .w-11\/2r, .sz-11\/2r { + width: 5.5rem; + } + + .w-6r, .sz-6r { + width: 6rem; + } + + @media screen and (min-width: 1440px) { + .w-1\/4r\@xl\+, .sz-1\/4r\@xl\+ { + width: 0.25rem; + } + .w-1\/2r\@xl\+, .sz-1\/2r\@xl\+ { + width: 0.5rem; + } + .w-3\/4r\@xl\+, .sz-3\/4r\@xl\+ { + width: 0.75rem; + } + .w-1r\@xl\+, .sz-1r\@xl\+ { + width: 1rem; + } + .w-3\/2r\@xl\+, .sz-3\/2r\@xl\+ { + width: 1.5rem; + } + .w-2r\@xl\+, .sz-2r\@xl\+ { + width: 2rem; + } + .w-5\/2r\@xl\+, .sz-5\/2r\@xl\+ { + width: 2.5rem; + } + .w-3r\@xl\+, .sz-3r\@xl\+ { + width: 3rem; + } + .w-7\/2r\@xl\+, .sz-7\/2r\@xl\+ { + width: 3.5rem; + } + .w-4r\@xl\+, .sz-4r\@xl\+ { + width: 4rem; + } + .w-9\/2r\@xl\+, .sz-9\/2r\@xl\+ { + width: 4.5rem; + } + .w-5r\@xl\+, .sz-5r\@xl\+ { + width: 5rem; + } + .w-11\/2r\@xl\+, .sz-11\/2r\@xl\+ { + width: 5.5rem; + } + .w-6r\@xl\+, .sz-6r\@xl\+ { + width: 6rem; + } + } + @media screen and (min-width: 1200px) { + .w-1\/4r\@lg\+, .sz-1\/4r\@lg\+ { + width: 0.25rem; + } + .w-1\/2r\@lg\+, .sz-1\/2r\@lg\+ { + width: 0.5rem; + } + .w-3\/4r\@lg\+, .sz-3\/4r\@lg\+ { + width: 0.75rem; + } + .w-1r\@lg\+, .sz-1r\@lg\+ { + width: 1rem; + } + .w-3\/2r\@lg\+, .sz-3\/2r\@lg\+ { + width: 1.5rem; + } + .w-2r\@lg\+, .sz-2r\@lg\+ { + width: 2rem; + } + .w-5\/2r\@lg\+, .sz-5\/2r\@lg\+ { + width: 2.5rem; + } + .w-3r\@lg\+, .sz-3r\@lg\+ { + width: 3rem; + } + .w-7\/2r\@lg\+, .sz-7\/2r\@lg\+ { + width: 3.5rem; + } + .w-4r\@lg\+, .sz-4r\@lg\+ { + width: 4rem; + } + .w-9\/2r\@lg\+, .sz-9\/2r\@lg\+ { + width: 4.5rem; + } + .w-5r\@lg\+, .sz-5r\@lg\+ { + width: 5rem; + } + .w-11\/2r\@lg\+, .sz-11\/2r\@lg\+ { + width: 5.5rem; + } + .w-6r\@lg\+, .sz-6r\@lg\+ { + width: 6rem; + } + } + @media screen and (min-width: 992px) { + .w-1\/4r\@md\+, .sz-1\/4r\@md\+ { + width: 0.25rem; + } + .w-1\/2r\@md\+, .sz-1\/2r\@md\+ { + width: 0.5rem; + } + .w-3\/4r\@md\+, .sz-3\/4r\@md\+ { + width: 0.75rem; + } + .w-1r\@md\+, .sz-1r\@md\+ { + width: 1rem; + } + .w-3\/2r\@md\+, .sz-3\/2r\@md\+ { + width: 1.5rem; + } + .w-2r\@md\+, .sz-2r\@md\+ { + width: 2rem; + } + .w-5\/2r\@md\+, .sz-5\/2r\@md\+ { + width: 2.5rem; + } + .w-3r\@md\+, .sz-3r\@md\+ { + width: 3rem; + } + .w-7\/2r\@md\+, .sz-7\/2r\@md\+ { + width: 3.5rem; + } + .w-4r\@md\+, .sz-4r\@md\+ { + width: 4rem; + } + .w-9\/2r\@md\+, .sz-9\/2r\@md\+ { + width: 4.5rem; + } + .w-5r\@md\+, .sz-5r\@md\+ { + width: 5rem; + } + .w-11\/2r\@md\+, .sz-11\/2r\@md\+ { + width: 5.5rem; + } + .w-6r\@md\+, .sz-6r\@md\+ { + width: 6rem; + } + } + @media screen and (min-width: 768px) { + .w-1\/4r\@sm\+, .sz-1\/4r\@sm\+ { + width: 0.25rem; + } + .w-1\/2r\@sm\+, .sz-1\/2r\@sm\+ { + width: 0.5rem; + } + .w-3\/4r\@sm\+, .sz-3\/4r\@sm\+ { + width: 0.75rem; + } + .w-1r\@sm\+, .sz-1r\@sm\+ { + width: 1rem; + } + .w-3\/2r\@sm\+, .sz-3\/2r\@sm\+ { + width: 1.5rem; + } + .w-2r\@sm\+, .sz-2r\@sm\+ { + width: 2rem; + } + .w-5\/2r\@sm\+, .sz-5\/2r\@sm\+ { + width: 2.5rem; + } + .w-3r\@sm\+, .sz-3r\@sm\+ { + width: 3rem; + } + .w-7\/2r\@sm\+, .sz-7\/2r\@sm\+ { + width: 3.5rem; + } + .w-4r\@sm\+, .sz-4r\@sm\+ { + width: 4rem; + } + .w-9\/2r\@sm\+, .sz-9\/2r\@sm\+ { + width: 4.5rem; + } + .w-5r\@sm\+, .sz-5r\@sm\+ { + width: 5rem; + } + .w-11\/2r\@sm\+, .sz-11\/2r\@sm\+ { + width: 5.5rem; + } + .w-6r\@sm\+, .sz-6r\@sm\+ { + width: 6rem; + } + } + @media screen and (min-width: 0) { + .w-1\/4r\@xs\+, .sz-1\/4r\@xs\+ { + width: 0.25rem; + } + .w-1\/2r\@xs\+, .sz-1\/2r\@xs\+ { + width: 0.5rem; + } + .w-3\/4r\@xs\+, .sz-3\/4r\@xs\+ { + width: 0.75rem; + } + .w-1r\@xs\+, .sz-1r\@xs\+ { + width: 1rem; + } + .w-3\/2r\@xs\+, .sz-3\/2r\@xs\+ { + width: 1.5rem; + } + .w-2r\@xs\+, .sz-2r\@xs\+ { + width: 2rem; + } + .w-5\/2r\@xs\+, .sz-5\/2r\@xs\+ { + width: 2.5rem; + } + .w-3r\@xs\+, .sz-3r\@xs\+ { + width: 3rem; + } + .w-7\/2r\@xs\+, .sz-7\/2r\@xs\+ { + width: 3.5rem; + } + .w-4r\@xs\+, .sz-4r\@xs\+ { + width: 4rem; + } + .w-9\/2r\@xs\+, .sz-9\/2r\@xs\+ { + width: 4.5rem; + } + .w-5r\@xs\+, .sz-5r\@xs\+ { + width: 5rem; + } + .w-11\/2r\@xs\+, .sz-11\/2r\@xs\+ { + width: 5.5rem; + } + .w-6r\@xs\+, .sz-6r\@xs\+ { + width: 6rem; + } + } + @media screen and (max-width: 1439px) { + .w-1\/4r\@xl-, .sz-1\/4r\@xl- { + width: 0.25rem; + } + .w-1\/2r\@xl-, .sz-1\/2r\@xl- { + width: 0.5rem; + } + .w-3\/4r\@xl-, .sz-3\/4r\@xl- { + width: 0.75rem; + } + .w-1r\@xl-, .sz-1r\@xl- { + width: 1rem; + } + .w-3\/2r\@xl-, .sz-3\/2r\@xl- { + width: 1.5rem; + } + .w-2r\@xl-, .sz-2r\@xl- { + width: 2rem; + } + .w-5\/2r\@xl-, .sz-5\/2r\@xl- { + width: 2.5rem; + } + .w-3r\@xl-, .sz-3r\@xl- { + width: 3rem; + } + .w-7\/2r\@xl-, .sz-7\/2r\@xl- { + width: 3.5rem; + } + .w-4r\@xl-, .sz-4r\@xl- { + width: 4rem; + } + .w-9\/2r\@xl-, .sz-9\/2r\@xl- { + width: 4.5rem; + } + .w-5r\@xl-, .sz-5r\@xl- { + width: 5rem; + } + .w-11\/2r\@xl-, .sz-11\/2r\@xl- { + width: 5.5rem; + } + .w-6r\@xl-, .sz-6r\@xl- { + width: 6rem; + } + } + @media screen and (max-width: 1199px) { + .w-1\/4r\@lg-, .sz-1\/4r\@lg- { + width: 0.25rem; + } + .w-1\/2r\@lg-, .sz-1\/2r\@lg- { + width: 0.5rem; + } + .w-3\/4r\@lg-, .sz-3\/4r\@lg- { + width: 0.75rem; + } + .w-1r\@lg-, .sz-1r\@lg- { + width: 1rem; + } + .w-3\/2r\@lg-, .sz-3\/2r\@lg- { + width: 1.5rem; + } + .w-2r\@lg-, .sz-2r\@lg- { + width: 2rem; + } + .w-5\/2r\@lg-, .sz-5\/2r\@lg- { + width: 2.5rem; + } + .w-3r\@lg-, .sz-3r\@lg- { + width: 3rem; + } + .w-7\/2r\@lg-, .sz-7\/2r\@lg- { + width: 3.5rem; + } + .w-4r\@lg-, .sz-4r\@lg- { + width: 4rem; + } + .w-9\/2r\@lg-, .sz-9\/2r\@lg- { + width: 4.5rem; + } + .w-5r\@lg-, .sz-5r\@lg- { + width: 5rem; + } + .w-11\/2r\@lg-, .sz-11\/2r\@lg- { + width: 5.5rem; + } + .w-6r\@lg-, .sz-6r\@lg- { + width: 6rem; + } + } + @media screen and (max-width: 991px) { + .w-1\/4r\@md-, .sz-1\/4r\@md- { + width: 0.25rem; + } + .w-1\/2r\@md-, .sz-1\/2r\@md- { + width: 0.5rem; + } + .w-3\/4r\@md-, .sz-3\/4r\@md- { + width: 0.75rem; + } + .w-1r\@md-, .sz-1r\@md- { + width: 1rem; + } + .w-3\/2r\@md-, .sz-3\/2r\@md- { + width: 1.5rem; + } + .w-2r\@md-, .sz-2r\@md- { + width: 2rem; + } + .w-5\/2r\@md-, .sz-5\/2r\@md- { + width: 2.5rem; + } + .w-3r\@md-, .sz-3r\@md- { + width: 3rem; + } + .w-7\/2r\@md-, .sz-7\/2r\@md- { + width: 3.5rem; + } + .w-4r\@md-, .sz-4r\@md- { + width: 4rem; + } + .w-9\/2r\@md-, .sz-9\/2r\@md- { + width: 4.5rem; + } + .w-5r\@md-, .sz-5r\@md- { + width: 5rem; + } + .w-11\/2r\@md-, .sz-11\/2r\@md- { + width: 5.5rem; + } + .w-6r\@md-, .sz-6r\@md- { + width: 6rem; + } + } + @media screen and (max-width: 767px) { + .w-1\/4r\@sm-, .sz-1\/4r\@sm- { + width: 0.25rem; + } + .w-1\/2r\@sm-, .sz-1\/2r\@sm- { + width: 0.5rem; + } + .w-3\/4r\@sm-, .sz-3\/4r\@sm- { + width: 0.75rem; + } + .w-1r\@sm-, .sz-1r\@sm- { + width: 1rem; + } + .w-3\/2r\@sm-, .sz-3\/2r\@sm- { + width: 1.5rem; + } + .w-2r\@sm-, .sz-2r\@sm- { + width: 2rem; + } + .w-5\/2r\@sm-, .sz-5\/2r\@sm- { + width: 2.5rem; + } + .w-3r\@sm-, .sz-3r\@sm- { + width: 3rem; + } + .w-7\/2r\@sm-, .sz-7\/2r\@sm- { + width: 3.5rem; + } + .w-4r\@sm-, .sz-4r\@sm- { + width: 4rem; + } + .w-9\/2r\@sm-, .sz-9\/2r\@sm- { + width: 4.5rem; + } + .w-5r\@sm-, .sz-5r\@sm- { + width: 5rem; + } + .w-11\/2r\@sm-, .sz-11\/2r\@sm- { + width: 5.5rem; + } + .w-6r\@sm-, .sz-6r\@sm- { + width: 6rem; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .w-1\/4r\@lg, .sz-1\/4r\@lg { + width: 0.25rem; + } + .w-1\/2r\@lg, .sz-1\/2r\@lg { + width: 0.5rem; + } + .w-3\/4r\@lg, .sz-3\/4r\@lg { + width: 0.75rem; + } + .w-1r\@lg, .sz-1r\@lg { + width: 1rem; + } + .w-3\/2r\@lg, .sz-3\/2r\@lg { + width: 1.5rem; + } + .w-2r\@lg, .sz-2r\@lg { + width: 2rem; + } + .w-5\/2r\@lg, .sz-5\/2r\@lg { + width: 2.5rem; + } + .w-3r\@lg, .sz-3r\@lg { + width: 3rem; + } + .w-7\/2r\@lg, .sz-7\/2r\@lg { + width: 3.5rem; + } + .w-4r\@lg, .sz-4r\@lg { + width: 4rem; + } + .w-9\/2r\@lg, .sz-9\/2r\@lg { + width: 4.5rem; + } + .w-5r\@lg, .sz-5r\@lg { + width: 5rem; + } + .w-11\/2r\@lg, .sz-11\/2r\@lg { + width: 5.5rem; + } + .w-6r\@lg, .sz-6r\@lg { + width: 6rem; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .w-1\/4r\@md, .sz-1\/4r\@md { + width: 0.25rem; + } + .w-1\/2r\@md, .sz-1\/2r\@md { + width: 0.5rem; + } + .w-3\/4r\@md, .sz-3\/4r\@md { + width: 0.75rem; + } + .w-1r\@md, .sz-1r\@md { + width: 1rem; + } + .w-3\/2r\@md, .sz-3\/2r\@md { + width: 1.5rem; + } + .w-2r\@md, .sz-2r\@md { + width: 2rem; + } + .w-5\/2r\@md, .sz-5\/2r\@md { + width: 2.5rem; + } + .w-3r\@md, .sz-3r\@md { + width: 3rem; + } + .w-7\/2r\@md, .sz-7\/2r\@md { + width: 3.5rem; + } + .w-4r\@md, .sz-4r\@md { + width: 4rem; + } + .w-9\/2r\@md, .sz-9\/2r\@md { + width: 4.5rem; + } + .w-5r\@md, .sz-5r\@md { + width: 5rem; + } + .w-11\/2r\@md, .sz-11\/2r\@md { + width: 5.5rem; + } + .w-6r\@md, .sz-6r\@md { + width: 6rem; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .w-1\/4r\@sm, .sz-1\/4r\@sm { + width: 0.25rem; + } + .w-1\/2r\@sm, .sz-1\/2r\@sm { + width: 0.5rem; + } + .w-3\/4r\@sm, .sz-3\/4r\@sm { + width: 0.75rem; + } + .w-1r\@sm, .sz-1r\@sm { + width: 1rem; + } + .w-3\/2r\@sm, .sz-3\/2r\@sm { + width: 1.5rem; + } + .w-2r\@sm, .sz-2r\@sm { + width: 2rem; + } + .w-5\/2r\@sm, .sz-5\/2r\@sm { + width: 2.5rem; + } + .w-3r\@sm, .sz-3r\@sm { + width: 3rem; + } + .w-7\/2r\@sm, .sz-7\/2r\@sm { + width: 3.5rem; + } + .w-4r\@sm, .sz-4r\@sm { + width: 4rem; + } + .w-9\/2r\@sm, .sz-9\/2r\@sm { + width: 4.5rem; + } + .w-5r\@sm, .sz-5r\@sm { + width: 5rem; + } + .w-11\/2r\@sm, .sz-11\/2r\@sm { + width: 5.5rem; + } + .w-6r\@sm, .sz-6r\@sm { + width: 6rem; + } + } + .w-0 { + width: 0px; + } + + .w-10p { + width: 10%; + } + + .w-20p { + width: 20%; + } + + .w-30p { + width: 30%; + } + + .w-40p { + width: 40%; + } + + .w-50p { + width: 50%; + } + + .w-60p { + width: 60%; + } + + .w-70p { + width: 70%; + } + + .w-80p { + width: 80%; + } + + .w-90p { + width: 90%; + } + + .w-100p { + width: 100%; + } + + .w-1px { + width: 1px; + } + + .w-a { + width: auto; + } + + @media screen and (min-width: 1440px) { + .w-0\@xl\+ { + width: 0px; + } + .w-10p\@xl\+ { + width: 10%; + } + .w-20p\@xl\+ { + width: 20%; + } + .w-30p\@xl\+ { + width: 30%; + } + .w-40p\@xl\+ { + width: 40%; + } + .w-50p\@xl\+ { + width: 50%; + } + .w-60p\@xl\+ { + width: 60%; + } + .w-70p\@xl\+ { + width: 70%; + } + .w-80p\@xl\+ { + width: 80%; + } + .w-90p\@xl\+ { + width: 90%; + } + .w-100p\@xl\+ { + width: 100%; + } + .w-1px\@xl\+ { + width: 1px; + } + .w-a\@xl\+ { + width: auto; + } + } + @media screen and (min-width: 1200px) { + .w-0\@lg\+ { + width: 0px; + } + .w-10p\@lg\+ { + width: 10%; + } + .w-20p\@lg\+ { + width: 20%; + } + .w-30p\@lg\+ { + width: 30%; + } + .w-40p\@lg\+ { + width: 40%; + } + .w-50p\@lg\+ { + width: 50%; + } + .w-60p\@lg\+ { + width: 60%; + } + .w-70p\@lg\+ { + width: 70%; + } + .w-80p\@lg\+ { + width: 80%; + } + .w-90p\@lg\+ { + width: 90%; + } + .w-100p\@lg\+ { + width: 100%; + } + .w-1px\@lg\+ { + width: 1px; + } + .w-a\@lg\+ { + width: auto; + } + } + @media screen and (min-width: 992px) { + .w-0\@md\+ { + width: 0px; + } + .w-10p\@md\+ { + width: 10%; + } + .w-20p\@md\+ { + width: 20%; + } + .w-30p\@md\+ { + width: 30%; + } + .w-40p\@md\+ { + width: 40%; + } + .w-50p\@md\+ { + width: 50%; + } + .w-60p\@md\+ { + width: 60%; + } + .w-70p\@md\+ { + width: 70%; + } + .w-80p\@md\+ { + width: 80%; + } + .w-90p\@md\+ { + width: 90%; + } + .w-100p\@md\+ { + width: 100%; + } + .w-1px\@md\+ { + width: 1px; + } + .w-a\@md\+ { + width: auto; + } + } + @media screen and (min-width: 768px) { + .w-0\@sm\+ { + width: 0px; + } + .w-10p\@sm\+ { + width: 10%; + } + .w-20p\@sm\+ { + width: 20%; + } + .w-30p\@sm\+ { + width: 30%; + } + .w-40p\@sm\+ { + width: 40%; + } + .w-50p\@sm\+ { + width: 50%; + } + .w-60p\@sm\+ { + width: 60%; + } + .w-70p\@sm\+ { + width: 70%; + } + .w-80p\@sm\+ { + width: 80%; + } + .w-90p\@sm\+ { + width: 90%; + } + .w-100p\@sm\+ { + width: 100%; + } + .w-1px\@sm\+ { + width: 1px; + } + .w-a\@sm\+ { + width: auto; + } + } + @media screen and (min-width: 0) { + .w-0\@xs\+ { + width: 0px; + } + .w-10p\@xs\+ { + width: 10%; + } + .w-20p\@xs\+ { + width: 20%; + } + .w-30p\@xs\+ { + width: 30%; + } + .w-40p\@xs\+ { + width: 40%; + } + .w-50p\@xs\+ { + width: 50%; + } + .w-60p\@xs\+ { + width: 60%; + } + .w-70p\@xs\+ { + width: 70%; + } + .w-80p\@xs\+ { + width: 80%; + } + .w-90p\@xs\+ { + width: 90%; + } + .w-100p\@xs\+ { + width: 100%; + } + .w-1px\@xs\+ { + width: 1px; + } + .w-a\@xs\+ { + width: auto; + } + } + @media screen and (max-width: 1439px) { + .w-0\@xl- { + width: 0px; + } + .w-10p\@xl- { + width: 10%; + } + .w-20p\@xl- { + width: 20%; + } + .w-30p\@xl- { + width: 30%; + } + .w-40p\@xl- { + width: 40%; + } + .w-50p\@xl- { + width: 50%; + } + .w-60p\@xl- { + width: 60%; + } + .w-70p\@xl- { + width: 70%; + } + .w-80p\@xl- { + width: 80%; + } + .w-90p\@xl- { + width: 90%; + } + .w-100p\@xl- { + width: 100%; + } + .w-1px\@xl- { + width: 1px; + } + .w-a\@xl- { + width: auto; + } + } + @media screen and (max-width: 1199px) { + .w-0\@lg- { + width: 0px; + } + .w-10p\@lg- { + width: 10%; + } + .w-20p\@lg- { + width: 20%; + } + .w-30p\@lg- { + width: 30%; + } + .w-40p\@lg- { + width: 40%; + } + .w-50p\@lg- { + width: 50%; + } + .w-60p\@lg- { + width: 60%; + } + .w-70p\@lg- { + width: 70%; + } + .w-80p\@lg- { + width: 80%; + } + .w-90p\@lg- { + width: 90%; + } + .w-100p\@lg- { + width: 100%; + } + .w-1px\@lg- { + width: 1px; + } + .w-a\@lg- { + width: auto; + } + } + @media screen and (max-width: 991px) { + .w-0\@md- { + width: 0px; + } + .w-10p\@md- { + width: 10%; + } + .w-20p\@md- { + width: 20%; + } + .w-30p\@md- { + width: 30%; + } + .w-40p\@md- { + width: 40%; + } + .w-50p\@md- { + width: 50%; + } + .w-60p\@md- { + width: 60%; + } + .w-70p\@md- { + width: 70%; + } + .w-80p\@md- { + width: 80%; + } + .w-90p\@md- { + width: 90%; + } + .w-100p\@md- { + width: 100%; + } + .w-1px\@md- { + width: 1px; + } + .w-a\@md- { + width: auto; + } + } + @media screen and (max-width: 767px) { + .w-0\@sm- { + width: 0px; + } + .w-10p\@sm- { + width: 10%; + } + .w-20p\@sm- { + width: 20%; + } + .w-30p\@sm- { + width: 30%; + } + .w-40p\@sm- { + width: 40%; + } + .w-50p\@sm- { + width: 50%; + } + .w-60p\@sm- { + width: 60%; + } + .w-70p\@sm- { + width: 70%; + } + .w-80p\@sm- { + width: 80%; + } + .w-90p\@sm- { + width: 90%; + } + .w-100p\@sm- { + width: 100%; + } + .w-1px\@sm- { + width: 1px; + } + .w-a\@sm- { + width: auto; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .w-0\@lg { + width: 0px; + } + .w-10p\@lg { + width: 10%; + } + .w-20p\@lg { + width: 20%; + } + .w-30p\@lg { + width: 30%; + } + .w-40p\@lg { + width: 40%; + } + .w-50p\@lg { + width: 50%; + } + .w-60p\@lg { + width: 60%; + } + .w-70p\@lg { + width: 70%; + } + .w-80p\@lg { + width: 80%; + } + .w-90p\@lg { + width: 90%; + } + .w-100p\@lg { + width: 100%; + } + .w-1px\@lg { + width: 1px; + } + .w-a\@lg { + width: auto; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .w-0\@md { + width: 0px; + } + .w-10p\@md { + width: 10%; + } + .w-20p\@md { + width: 20%; + } + .w-30p\@md { + width: 30%; + } + .w-40p\@md { + width: 40%; + } + .w-50p\@md { + width: 50%; + } + .w-60p\@md { + width: 60%; + } + .w-70p\@md { + width: 70%; + } + .w-80p\@md { + width: 80%; + } + .w-90p\@md { + width: 90%; + } + .w-100p\@md { + width: 100%; + } + .w-1px\@md { + width: 1px; + } + .w-a\@md { + width: auto; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .w-0\@sm { + width: 0px; + } + .w-10p\@sm { + width: 10%; + } + .w-20p\@sm { + width: 20%; + } + .w-30p\@sm { + width: 30%; + } + .w-40p\@sm { + width: 40%; + } + .w-50p\@sm { + width: 50%; + } + .w-60p\@sm { + width: 60%; + } + .w-70p\@sm { + width: 70%; + } + .w-80p\@sm { + width: 80%; + } + .w-90p\@sm { + width: 90%; + } + .w-100p\@sm { + width: 100%; + } + .w-1px\@sm { + width: 1px; + } + .w-a\@sm { + width: auto; + } + } + .h-1\/4r, .sz-1\/4r { + height: 0.25rem; + } + + .h-1\/2r, .sz-1\/2r { + height: 0.5rem; + } + + .h-3\/4r, .sz-3\/4r { + height: 0.75rem; + } + + .h-1r, .sz-1r { + height: 1rem; + } + + .h-3\/2r, .sz-3\/2r { + height: 1.5rem; + } + + .h-2r, .sz-2r { + height: 2rem; + } + + .h-5\/2r, .sz-5\/2r { + height: 2.5rem; + } + + .h-3r, .sz-3r { + height: 3rem; + } + + .h-7\/2r, .sz-7\/2r { + height: 3.5rem; + } + + .h-4r, .sz-4r { + height: 4rem; + } + + .h-9\/2r, .sz-9\/2r { + height: 4.5rem; + } + + .h-5r, .sz-5r { + height: 5rem; + } + + .h-11\/2r, .sz-11\/2r { + height: 5.5rem; + } + + .h-6r, .sz-6r { + height: 6rem; + } + + @media screen and (min-width: 1440px) { + .h-1\/4r\@xl\+, .sz-1\/4r\@xl\+ { + height: 0.25rem; + } + .h-1\/2r\@xl\+, .sz-1\/2r\@xl\+ { + height: 0.5rem; + } + .h-3\/4r\@xl\+, .sz-3\/4r\@xl\+ { + height: 0.75rem; + } + .h-1r\@xl\+, .sz-1r\@xl\+ { + height: 1rem; + } + .h-3\/2r\@xl\+, .sz-3\/2r\@xl\+ { + height: 1.5rem; + } + .h-2r\@xl\+, .sz-2r\@xl\+ { + height: 2rem; + } + .h-5\/2r\@xl\+, .sz-5\/2r\@xl\+ { + height: 2.5rem; + } + .h-3r\@xl\+, .sz-3r\@xl\+ { + height: 3rem; + } + .h-7\/2r\@xl\+, .sz-7\/2r\@xl\+ { + height: 3.5rem; + } + .h-4r\@xl\+, .sz-4r\@xl\+ { + height: 4rem; + } + .h-9\/2r\@xl\+, .sz-9\/2r\@xl\+ { + height: 4.5rem; + } + .h-5r\@xl\+, .sz-5r\@xl\+ { + height: 5rem; + } + .h-11\/2r\@xl\+, .sz-11\/2r\@xl\+ { + height: 5.5rem; + } + .h-6r\@xl\+, .sz-6r\@xl\+ { + height: 6rem; + } + } + @media screen and (min-width: 1200px) { + .h-1\/4r\@lg\+, .sz-1\/4r\@lg\+ { + height: 0.25rem; + } + .h-1\/2r\@lg\+, .sz-1\/2r\@lg\+ { + height: 0.5rem; + } + .h-3\/4r\@lg\+, .sz-3\/4r\@lg\+ { + height: 0.75rem; + } + .h-1r\@lg\+, .sz-1r\@lg\+ { + height: 1rem; + } + .h-3\/2r\@lg\+, .sz-3\/2r\@lg\+ { + height: 1.5rem; + } + .h-2r\@lg\+, .sz-2r\@lg\+ { + height: 2rem; + } + .h-5\/2r\@lg\+, .sz-5\/2r\@lg\+ { + height: 2.5rem; + } + .h-3r\@lg\+, .sz-3r\@lg\+ { + height: 3rem; + } + .h-7\/2r\@lg\+, .sz-7\/2r\@lg\+ { + height: 3.5rem; + } + .h-4r\@lg\+, .sz-4r\@lg\+ { + height: 4rem; + } + .h-9\/2r\@lg\+, .sz-9\/2r\@lg\+ { + height: 4.5rem; + } + .h-5r\@lg\+, .sz-5r\@lg\+ { + height: 5rem; + } + .h-11\/2r\@lg\+, .sz-11\/2r\@lg\+ { + height: 5.5rem; + } + .h-6r\@lg\+, .sz-6r\@lg\+ { + height: 6rem; + } + } + @media screen and (min-width: 992px) { + .h-1\/4r\@md\+, .sz-1\/4r\@md\+ { + height: 0.25rem; + } + .h-1\/2r\@md\+, .sz-1\/2r\@md\+ { + height: 0.5rem; + } + .h-3\/4r\@md\+, .sz-3\/4r\@md\+ { + height: 0.75rem; + } + .h-1r\@md\+, .sz-1r\@md\+ { + height: 1rem; + } + .h-3\/2r\@md\+, .sz-3\/2r\@md\+ { + height: 1.5rem; + } + .h-2r\@md\+, .sz-2r\@md\+ { + height: 2rem; + } + .h-5\/2r\@md\+, .sz-5\/2r\@md\+ { + height: 2.5rem; + } + .h-3r\@md\+, .sz-3r\@md\+ { + height: 3rem; + } + .h-7\/2r\@md\+, .sz-7\/2r\@md\+ { + height: 3.5rem; + } + .h-4r\@md\+, .sz-4r\@md\+ { + height: 4rem; + } + .h-9\/2r\@md\+, .sz-9\/2r\@md\+ { + height: 4.5rem; + } + .h-5r\@md\+, .sz-5r\@md\+ { + height: 5rem; + } + .h-11\/2r\@md\+, .sz-11\/2r\@md\+ { + height: 5.5rem; + } + .h-6r\@md\+, .sz-6r\@md\+ { + height: 6rem; + } + } + @media screen and (min-width: 768px) { + .h-1\/4r\@sm\+, .sz-1\/4r\@sm\+ { + height: 0.25rem; + } + .h-1\/2r\@sm\+, .sz-1\/2r\@sm\+ { + height: 0.5rem; + } + .h-3\/4r\@sm\+, .sz-3\/4r\@sm\+ { + height: 0.75rem; + } + .h-1r\@sm\+, .sz-1r\@sm\+ { + height: 1rem; + } + .h-3\/2r\@sm\+, .sz-3\/2r\@sm\+ { + height: 1.5rem; + } + .h-2r\@sm\+, .sz-2r\@sm\+ { + height: 2rem; + } + .h-5\/2r\@sm\+, .sz-5\/2r\@sm\+ { + height: 2.5rem; + } + .h-3r\@sm\+, .sz-3r\@sm\+ { + height: 3rem; + } + .h-7\/2r\@sm\+, .sz-7\/2r\@sm\+ { + height: 3.5rem; + } + .h-4r\@sm\+, .sz-4r\@sm\+ { + height: 4rem; + } + .h-9\/2r\@sm\+, .sz-9\/2r\@sm\+ { + height: 4.5rem; + } + .h-5r\@sm\+, .sz-5r\@sm\+ { + height: 5rem; + } + .h-11\/2r\@sm\+, .sz-11\/2r\@sm\+ { + height: 5.5rem; + } + .h-6r\@sm\+, .sz-6r\@sm\+ { + height: 6rem; + } + } + @media screen and (min-width: 0) { + .h-1\/4r\@xs\+, .sz-1\/4r\@xs\+ { + height: 0.25rem; + } + .h-1\/2r\@xs\+, .sz-1\/2r\@xs\+ { + height: 0.5rem; + } + .h-3\/4r\@xs\+, .sz-3\/4r\@xs\+ { + height: 0.75rem; + } + .h-1r\@xs\+, .sz-1r\@xs\+ { + height: 1rem; + } + .h-3\/2r\@xs\+, .sz-3\/2r\@xs\+ { + height: 1.5rem; + } + .h-2r\@xs\+, .sz-2r\@xs\+ { + height: 2rem; + } + .h-5\/2r\@xs\+, .sz-5\/2r\@xs\+ { + height: 2.5rem; + } + .h-3r\@xs\+, .sz-3r\@xs\+ { + height: 3rem; + } + .h-7\/2r\@xs\+, .sz-7\/2r\@xs\+ { + height: 3.5rem; + } + .h-4r\@xs\+, .sz-4r\@xs\+ { + height: 4rem; + } + .h-9\/2r\@xs\+, .sz-9\/2r\@xs\+ { + height: 4.5rem; + } + .h-5r\@xs\+, .sz-5r\@xs\+ { + height: 5rem; + } + .h-11\/2r\@xs\+, .sz-11\/2r\@xs\+ { + height: 5.5rem; + } + .h-6r\@xs\+, .sz-6r\@xs\+ { + height: 6rem; + } + } + @media screen and (max-width: 1439px) { + .h-1\/4r\@xl-, .sz-1\/4r\@xl- { + height: 0.25rem; + } + .h-1\/2r\@xl-, .sz-1\/2r\@xl- { + height: 0.5rem; + } + .h-3\/4r\@xl-, .sz-3\/4r\@xl- { + height: 0.75rem; + } + .h-1r\@xl-, .sz-1r\@xl- { + height: 1rem; + } + .h-3\/2r\@xl-, .sz-3\/2r\@xl- { + height: 1.5rem; + } + .h-2r\@xl-, .sz-2r\@xl- { + height: 2rem; + } + .h-5\/2r\@xl-, .sz-5\/2r\@xl- { + height: 2.5rem; + } + .h-3r\@xl-, .sz-3r\@xl- { + height: 3rem; + } + .h-7\/2r\@xl-, .sz-7\/2r\@xl- { + height: 3.5rem; + } + .h-4r\@xl-, .sz-4r\@xl- { + height: 4rem; + } + .h-9\/2r\@xl-, .sz-9\/2r\@xl- { + height: 4.5rem; + } + .h-5r\@xl-, .sz-5r\@xl- { + height: 5rem; + } + .h-11\/2r\@xl-, .sz-11\/2r\@xl- { + height: 5.5rem; + } + .h-6r\@xl-, .sz-6r\@xl- { + height: 6rem; + } + } + @media screen and (max-width: 1199px) { + .h-1\/4r\@lg-, .sz-1\/4r\@lg- { + height: 0.25rem; + } + .h-1\/2r\@lg-, .sz-1\/2r\@lg- { + height: 0.5rem; + } + .h-3\/4r\@lg-, .sz-3\/4r\@lg- { + height: 0.75rem; + } + .h-1r\@lg-, .sz-1r\@lg- { + height: 1rem; + } + .h-3\/2r\@lg-, .sz-3\/2r\@lg- { + height: 1.5rem; + } + .h-2r\@lg-, .sz-2r\@lg- { + height: 2rem; + } + .h-5\/2r\@lg-, .sz-5\/2r\@lg- { + height: 2.5rem; + } + .h-3r\@lg-, .sz-3r\@lg- { + height: 3rem; + } + .h-7\/2r\@lg-, .sz-7\/2r\@lg- { + height: 3.5rem; + } + .h-4r\@lg-, .sz-4r\@lg- { + height: 4rem; + } + .h-9\/2r\@lg-, .sz-9\/2r\@lg- { + height: 4.5rem; + } + .h-5r\@lg-, .sz-5r\@lg- { + height: 5rem; + } + .h-11\/2r\@lg-, .sz-11\/2r\@lg- { + height: 5.5rem; + } + .h-6r\@lg-, .sz-6r\@lg- { + height: 6rem; + } + } + @media screen and (max-width: 991px) { + .h-1\/4r\@md-, .sz-1\/4r\@md- { + height: 0.25rem; + } + .h-1\/2r\@md-, .sz-1\/2r\@md- { + height: 0.5rem; + } + .h-3\/4r\@md-, .sz-3\/4r\@md- { + height: 0.75rem; + } + .h-1r\@md-, .sz-1r\@md- { + height: 1rem; + } + .h-3\/2r\@md-, .sz-3\/2r\@md- { + height: 1.5rem; + } + .h-2r\@md-, .sz-2r\@md- { + height: 2rem; + } + .h-5\/2r\@md-, .sz-5\/2r\@md- { + height: 2.5rem; + } + .h-3r\@md-, .sz-3r\@md- { + height: 3rem; + } + .h-7\/2r\@md-, .sz-7\/2r\@md- { + height: 3.5rem; + } + .h-4r\@md-, .sz-4r\@md- { + height: 4rem; + } + .h-9\/2r\@md-, .sz-9\/2r\@md- { + height: 4.5rem; + } + .h-5r\@md-, .sz-5r\@md- { + height: 5rem; + } + .h-11\/2r\@md-, .sz-11\/2r\@md- { + height: 5.5rem; + } + .h-6r\@md-, .sz-6r\@md- { + height: 6rem; + } + } + @media screen and (max-width: 767px) { + .h-1\/4r\@sm-, .sz-1\/4r\@sm- { + height: 0.25rem; + } + .h-1\/2r\@sm-, .sz-1\/2r\@sm- { + height: 0.5rem; + } + .h-3\/4r\@sm-, .sz-3\/4r\@sm- { + height: 0.75rem; + } + .h-1r\@sm-, .sz-1r\@sm- { + height: 1rem; + } + .h-3\/2r\@sm-, .sz-3\/2r\@sm- { + height: 1.5rem; + } + .h-2r\@sm-, .sz-2r\@sm- { + height: 2rem; + } + .h-5\/2r\@sm-, .sz-5\/2r\@sm- { + height: 2.5rem; + } + .h-3r\@sm-, .sz-3r\@sm- { + height: 3rem; + } + .h-7\/2r\@sm-, .sz-7\/2r\@sm- { + height: 3.5rem; + } + .h-4r\@sm-, .sz-4r\@sm- { + height: 4rem; + } + .h-9\/2r\@sm-, .sz-9\/2r\@sm- { + height: 4.5rem; + } + .h-5r\@sm-, .sz-5r\@sm- { + height: 5rem; + } + .h-11\/2r\@sm-, .sz-11\/2r\@sm- { + height: 5.5rem; + } + .h-6r\@sm-, .sz-6r\@sm- { + height: 6rem; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .h-1\/4r\@lg, .sz-1\/4r\@lg { + height: 0.25rem; + } + .h-1\/2r\@lg, .sz-1\/2r\@lg { + height: 0.5rem; + } + .h-3\/4r\@lg, .sz-3\/4r\@lg { + height: 0.75rem; + } + .h-1r\@lg, .sz-1r\@lg { + height: 1rem; + } + .h-3\/2r\@lg, .sz-3\/2r\@lg { + height: 1.5rem; + } + .h-2r\@lg, .sz-2r\@lg { + height: 2rem; + } + .h-5\/2r\@lg, .sz-5\/2r\@lg { + height: 2.5rem; + } + .h-3r\@lg, .sz-3r\@lg { + height: 3rem; + } + .h-7\/2r\@lg, .sz-7\/2r\@lg { + height: 3.5rem; + } + .h-4r\@lg, .sz-4r\@lg { + height: 4rem; + } + .h-9\/2r\@lg, .sz-9\/2r\@lg { + height: 4.5rem; + } + .h-5r\@lg, .sz-5r\@lg { + height: 5rem; + } + .h-11\/2r\@lg, .sz-11\/2r\@lg { + height: 5.5rem; + } + .h-6r\@lg, .sz-6r\@lg { + height: 6rem; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .h-1\/4r\@md, .sz-1\/4r\@md { + height: 0.25rem; + } + .h-1\/2r\@md, .sz-1\/2r\@md { + height: 0.5rem; + } + .h-3\/4r\@md, .sz-3\/4r\@md { + height: 0.75rem; + } + .h-1r\@md, .sz-1r\@md { + height: 1rem; + } + .h-3\/2r\@md, .sz-3\/2r\@md { + height: 1.5rem; + } + .h-2r\@md, .sz-2r\@md { + height: 2rem; + } + .h-5\/2r\@md, .sz-5\/2r\@md { + height: 2.5rem; + } + .h-3r\@md, .sz-3r\@md { + height: 3rem; + } + .h-7\/2r\@md, .sz-7\/2r\@md { + height: 3.5rem; + } + .h-4r\@md, .sz-4r\@md { + height: 4rem; + } + .h-9\/2r\@md, .sz-9\/2r\@md { + height: 4.5rem; + } + .h-5r\@md, .sz-5r\@md { + height: 5rem; + } + .h-11\/2r\@md, .sz-11\/2r\@md { + height: 5.5rem; + } + .h-6r\@md, .sz-6r\@md { + height: 6rem; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .h-1\/4r\@sm, .sz-1\/4r\@sm { + height: 0.25rem; + } + .h-1\/2r\@sm, .sz-1\/2r\@sm { + height: 0.5rem; + } + .h-3\/4r\@sm, .sz-3\/4r\@sm { + height: 0.75rem; + } + .h-1r\@sm, .sz-1r\@sm { + height: 1rem; + } + .h-3\/2r\@sm, .sz-3\/2r\@sm { + height: 1.5rem; + } + .h-2r\@sm, .sz-2r\@sm { + height: 2rem; + } + .h-5\/2r\@sm, .sz-5\/2r\@sm { + height: 2.5rem; + } + .h-3r\@sm, .sz-3r\@sm { + height: 3rem; + } + .h-7\/2r\@sm, .sz-7\/2r\@sm { + height: 3.5rem; + } + .h-4r\@sm, .sz-4r\@sm { + height: 4rem; + } + .h-9\/2r\@sm, .sz-9\/2r\@sm { + height: 4.5rem; + } + .h-5r\@sm, .sz-5r\@sm { + height: 5rem; + } + .h-11\/2r\@sm, .sz-11\/2r\@sm { + height: 5.5rem; + } + .h-6r\@sm, .sz-6r\@sm { + height: 6rem; + } + } + .h-0 { + height: 0; + } + + .h-auto { + height: auto; + } + + .h-100p { + height: 100%; + } + + .h-100vh { + height: 100vh; + } + + @media screen and (min-width: 1440px) { + .h-0\@xl\+ { + height: 0; + } + .h-auto\@xl\+ { + height: auto; + } + .h-100p\@xl\+ { + height: 100%; + } + .h-100vh\@xl\+ { + height: 100vh; + } + } + @media screen and (min-width: 1200px) { + .h-0\@lg\+ { + height: 0; + } + .h-auto\@lg\+ { + height: auto; + } + .h-100p\@lg\+ { + height: 100%; + } + .h-100vh\@lg\+ { + height: 100vh; + } + } + @media screen and (min-width: 992px) { + .h-0\@md\+ { + height: 0; + } + .h-auto\@md\+ { + height: auto; + } + .h-100p\@md\+ { + height: 100%; + } + .h-100vh\@md\+ { + height: 100vh; + } + } + @media screen and (min-width: 768px) { + .h-0\@sm\+ { + height: 0; + } + .h-auto\@sm\+ { + height: auto; + } + .h-100p\@sm\+ { + height: 100%; + } + .h-100vh\@sm\+ { + height: 100vh; + } + } + @media screen and (min-width: 0) { + .h-0\@xs\+ { + height: 0; + } + .h-auto\@xs\+ { + height: auto; + } + .h-100p\@xs\+ { + height: 100%; + } + .h-100vh\@xs\+ { + height: 100vh; + } + } + @media screen and (max-width: 1439px) { + .h-0\@xl- { + height: 0; + } + .h-auto\@xl- { + height: auto; + } + .h-100p\@xl- { + height: 100%; + } + .h-100vh\@xl- { + height: 100vh; + } + } + @media screen and (max-width: 1199px) { + .h-0\@lg- { + height: 0; + } + .h-auto\@lg- { + height: auto; + } + .h-100p\@lg- { + height: 100%; + } + .h-100vh\@lg- { + height: 100vh; + } + } + @media screen and (max-width: 991px) { + .h-0\@md- { + height: 0; + } + .h-auto\@md- { + height: auto; + } + .h-100p\@md- { + height: 100%; + } + .h-100vh\@md- { + height: 100vh; + } + } + @media screen and (max-width: 767px) { + .h-0\@sm- { + height: 0; + } + .h-auto\@sm- { + height: auto; + } + .h-100p\@sm- { + height: 100%; + } + .h-100vh\@sm- { + height: 100vh; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .h-0\@lg { + height: 0; + } + .h-auto\@lg { + height: auto; + } + .h-100p\@lg { + height: 100%; + } + .h-100vh\@lg { + height: 100vh; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .h-0\@md { + height: 0; + } + .h-auto\@md { + height: auto; + } + .h-100p\@md { + height: 100%; + } + .h-100vh\@md { + height: 100vh; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .h-0\@sm { + height: 0; + } + .h-auto\@sm { + height: auto; + } + .h-100p\@sm { + height: 100%; + } + .h-100vh\@sm { + height: 100vh; + } + } + .mw-100p { + max-width: 100%; + } + + .mh-100p { + max-height: 100%; + } + + @media screen and (min-width: 1440px) { + .mw-100p\@xl\+ { + max-width: 100%; + } + .mh-100p\@xl\+ { + max-height: 100%; + } + } + @media screen and (min-width: 1200px) { + .mw-100p\@lg\+ { + max-width: 100%; + } + .mh-100p\@lg\+ { + max-height: 100%; + } + } + @media screen and (min-width: 992px) { + .mw-100p\@md\+ { + max-width: 100%; + } + .mh-100p\@md\+ { + max-height: 100%; + } + } + @media screen and (min-width: 768px) { + .mw-100p\@sm\+ { + max-width: 100%; + } + .mh-100p\@sm\+ { + max-height: 100%; + } + } + @media screen and (min-width: 0) { + .mw-100p\@xs\+ { + max-width: 100%; + } + .mh-100p\@xs\+ { + max-height: 100%; + } + } + @media screen and (max-width: 1439px) { + .mw-100p\@xl- { + max-width: 100%; + } + .mh-100p\@xl- { + max-height: 100%; + } + } + @media screen and (max-width: 1199px) { + .mw-100p\@lg- { + max-width: 100%; + } + .mh-100p\@lg- { + max-height: 100%; + } + } + @media screen and (max-width: 991px) { + .mw-100p\@md- { + max-width: 100%; + } + .mh-100p\@md- { + max-height: 100%; + } + } + @media screen and (max-width: 767px) { + .mw-100p\@sm- { + max-width: 100%; + } + .mh-100p\@sm- { + max-height: 100%; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .mw-100p\@lg { + max-width: 100%; + } + .mh-100p\@lg { + max-height: 100%; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .mw-100p\@md { + max-width: 100%; + } + .mh-100p\@md { + max-height: 100%; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .mw-100p\@sm { + max-width: 100%; + } + .mh-100p\@sm { + max-height: 100%; + } + } + .ta-c { + text-align: center !important; + } + + .ta-l { + text-align: left !important; + } + + .ta-r { + text-align: right !important; + } + + @media screen and (min-width: 1440px) { + .ta-c\@xl\+ { + text-align: center !important; + } + .ta-l\@xl\+ { + text-align: left !important; + } + .ta-r\@xl\+ { + text-align: right !important; + } + } + @media screen and (min-width: 1200px) { + .ta-c\@lg\+ { + text-align: center !important; + } + .ta-l\@lg\+ { + text-align: left !important; + } + .ta-r\@lg\+ { + text-align: right !important; + } + } + @media screen and (min-width: 992px) { + .ta-c\@md\+ { + text-align: center !important; + } + .ta-l\@md\+ { + text-align: left !important; + } + .ta-r\@md\+ { + text-align: right !important; + } + } + @media screen and (min-width: 768px) { + .ta-c\@sm\+ { + text-align: center !important; + } + .ta-l\@sm\+ { + text-align: left !important; + } + .ta-r\@sm\+ { + text-align: right !important; + } + } + @media screen and (min-width: 0) { + .ta-c\@xs\+ { + text-align: center !important; + } + .ta-l\@xs\+ { + text-align: left !important; + } + .ta-r\@xs\+ { + text-align: right !important; + } + } + @media screen and (max-width: 1439px) { + .ta-c\@xl- { + text-align: center !important; + } + .ta-l\@xl- { + text-align: left !important; + } + .ta-r\@xl- { + text-align: right !important; + } + } + @media screen and (max-width: 1199px) { + .ta-c\@lg- { + text-align: center !important; + } + .ta-l\@lg- { + text-align: left !important; + } + .ta-r\@lg- { + text-align: right !important; + } + } + @media screen and (max-width: 991px) { + .ta-c\@md- { + text-align: center !important; + } + .ta-l\@md- { + text-align: left !important; + } + .ta-r\@md- { + text-align: right !important; + } + } + @media screen and (max-width: 767px) { + .ta-c\@sm- { + text-align: center !important; + } + .ta-l\@sm- { + text-align: left !important; + } + .ta-r\@sm- { + text-align: right !important; + } + } + @media screen and (min-width: 1199px) and (max-width: 1439px) { + .ta-c\@lg { + text-align: center !important; + } + .ta-l\@lg { + text-align: left !important; + } + .ta-r\@lg { + text-align: right !important; + } + } + @media screen and (min-width: 991px) and (max-width: 1199px) { + .ta-c\@md { + text-align: center !important; + } + .ta-l\@md { + text-align: left !important; + } + .ta-r\@md { + text-align: right !important; + } + } + @media screen and (min-width: 767px) and (max-width: 991px) { + .ta-c\@sm { + text-align: center !important; + } + .ta-l\@sm { + text-align: left !important; + } + .ta-r\@sm { + text-align: right !important; + } + } + .tt-n { + text-transform: none !important; + } + + .tt-u { + text-transform: uppercase !important; + } + + .tt-l { + text-transform: lowercase !important; + } + + .tt-c { + text-transform: capitalize !important; + } + + .fs-i { + font-style: italic !important; + } + + .fs-o { + font-style: oblique !important; + } + + .td-n { + text-decoration: none !important; + } + + .td-o { + text-decoration: overline !important; + } + + .td-lt { + text-decoration: line-through !important; + } + + .td-u { + text-decoration: underline !important; + } + + .whs-nw { + white-space: nowrap !important; + } + + .whs-p { + white-space: pre !important; + } + + .whs-n { + white-space: normal !important; + } + + .wob-n { + word-break: normal !important; + } + + .wob-ba { + word-break: break-all !important; + } + + .wob-k { + word-break: keep-all !important; + } + + .wow-bw { + word-wrap: break-word !important; + } + + .wow-n { + word-wrap: normal !important; + } + + .tov-e { + text-overflow: ellipsis !important; + } + + .fsz-xs { + font-size: 0.75rem !important; + } + + .fsz-sm { + font-size: 0.87rem !important; + } + + .fsz-def { + font-size: 1rem !important; + } + + .fsz-md { + font-size: 1.15rem !important; + } + + .fsz-lg { + font-size: 1.4rem !important; + } + + .fsz-xl { + font-size: 1.7rem !important; + } + + .fw-100 { + font-weight: 100 !important; + } + + .fw-200 { + font-weight: 200 !important; + } + + .fw-300 { + font-weight: 300 !important; + } + + .fw-400 { + font-weight: 400 !important; + } + + .fw-500 { + font-weight: 500 !important; + } + + .fw-600 { + font-weight: 600 !important; + } + + .fw-700 { + font-weight: 700 !important; + } + + .fw-800 { + font-weight: 800 !important; + } + + .fw-900 { + font-weight: 900 !important; + } + + .lh-0 { + line-height: 0 !important; + } + + .lh-1 { + line-height: 1 !important; + } + + .lh-3\/2 { + line-height: 1.5 !important; + } + + .bd { + border: 1px solid rgba(0, 0, 0, 0.0625) !important; + } + + .bdT { + border-top: 1px solid rgba(0, 0, 0, 0.0625) !important; + } + + .bdR { + border-right: 1px solid rgba(0, 0, 0, 0.0625) !important; + } + + .bdB { + border-bottom: 1px solid rgba(0, 0, 0, 0.0625) !important; + } + + .bdL { + border-left: 1px solid rgba(0, 0, 0, 0.0625) !important; + } + + .bdw-0 { + border-width: 0px !important; + } + + .bdwT-0 { + border-top-width: 0px !important; + } + + .bdwR-0 { + border-right-width: 0px !important; + } + + .bdwB-0 { + border-bottom-width: 0px !important; + } + + .bdwL-0 { + border-left-width: 0px !important; + } + + .bdw-1 { + border-width: 1px !important; + } + + .bdwT-1 { + border-top-width: 1px !important; + } + + .bdwR-1 { + border-right-width: 1px !important; + } + + .bdwB-1 { + border-bottom-width: 1px !important; + } + + .bdwL-1 { + border-left-width: 1px !important; + } + + .bdw-2 { + border-width: 2px !important; + } + + .bdwT-2 { + border-top-width: 2px !important; + } + + .bdwR-2 { + border-right-width: 2px !important; + } + + .bdwB-2 { + border-bottom-width: 2px !important; + } + + .bdwL-2 { + border-left-width: 2px !important; + } + + .bdw-3 { + border-width: 3px !important; + } + + .bdwT-3 { + border-top-width: 3px !important; + } + + .bdwR-3 { + border-right-width: 3px !important; + } + + .bdwB-3 { + border-bottom-width: 3px !important; + } + + .bdwL-3 { + border-left-width: 3px !important; + } + + .bdw-4 { + border-width: 4px !important; + } + + .bdwT-4 { + border-top-width: 4px !important; + } + + .bdwR-4 { + border-right-width: 4px !important; + } + + .bdwB-4 { + border-bottom-width: 4px !important; + } + + .bdwL-4 { + border-left-width: 4px !important; + } + + .bdw-5 { + border-width: 5px !important; + } + + .bdwT-5 { + border-top-width: 5px !important; + } + + .bdwR-5 { + border-right-width: 5px !important; + } + + .bdwB-5 { + border-bottom-width: 5px !important; + } + + .bdwL-5 { + border-left-width: 5px !important; + } + + .bdrs-0 { + border-radius: 0px !important; + } + + .bdrsT-0 { + border-top-left-radius: 0px !important; + border-top-right-radius: 0px !important; + } + + .bdrsR-0 { + border-top-right-radius: 0px !important; + border-bottom-right-radius: 0px !important; + } + + .bdrsB-0 { + border-bottom-left-radius: 0px !important; + border-bottom-right-radius: 0px !important; + } + + .bdrsL-0 { + border-top-left-radius: 0px !important; + border-bottom-left-radius: 0px !important; + } + + .bdrs-1 { + border-radius: 1px !important; + } + + .bdrsT-1 { + border-top-left-radius: 1px !important; + border-top-right-radius: 1px !important; + } + + .bdrsR-1 { + border-top-right-radius: 1px !important; + border-bottom-right-radius: 1px !important; + } + + .bdrsB-1 { + border-bottom-left-radius: 1px !important; + border-bottom-right-radius: 1px !important; + } + + .bdrsL-1 { + border-top-left-radius: 1px !important; + border-bottom-left-radius: 1px !important; + } + + .bdrs-2 { + border-radius: 2px !important; + } + + .bdrsT-2 { + border-top-left-radius: 2px !important; + border-top-right-radius: 2px !important; + } + + .bdrsR-2 { + border-top-right-radius: 2px !important; + border-bottom-right-radius: 2px !important; + } + + .bdrsB-2 { + border-bottom-left-radius: 2px !important; + border-bottom-right-radius: 2px !important; + } + + .bdrsL-2 { + border-top-left-radius: 2px !important; + border-bottom-left-radius: 2px !important; + } + + .bdrs-3 { + border-radius: 3px !important; + } + + .bdrsT-3 { + border-top-left-radius: 3px !important; + border-top-right-radius: 3px !important; + } + + .bdrsR-3 { + border-top-right-radius: 3px !important; + border-bottom-right-radius: 3px !important; + } + + .bdrsB-3 { + border-bottom-left-radius: 3px !important; + border-bottom-right-radius: 3px !important; + } + + .bdrsL-3 { + border-top-left-radius: 3px !important; + border-bottom-left-radius: 3px !important; + } + + .bdrs-4 { + border-radius: 4px !important; + } + + .bdrsT-4 { + border-top-left-radius: 4px !important; + border-top-right-radius: 4px !important; + } + + .bdrsR-4 { + border-top-right-radius: 4px !important; + border-bottom-right-radius: 4px !important; + } + + .bdrsB-4 { + border-bottom-left-radius: 4px !important; + border-bottom-right-radius: 4px !important; + } + + .bdrsL-4 { + border-top-left-radius: 4px !important; + border-bottom-left-radius: 4px !important; + } + + .bdrs-50p { + border-radius: 50% !important; + } + + .bdrs-10em { + border-radius: 10em !important; + } + + .bds-n { + border-style: none !important; + } + + .bds-s { + border-style: solid !important; + } + + .bds-dt { + border-style: dotted !important; + } + + .bds-ds { + border-style: dashed !important; + } + + .bds-db { + border-style: double !important; + } + + .bds-g { + border-style: groove !important; + } + + .bds-r { + border-style: ridge !important; + } + + .bds-i { + border-style: inset !important; + } + + .bds-o { + border-style: outset !important; + } + + .no-after::after { + display: none !important; + } + + .no-before::before { + display: none !important; + } + /* Code migrated from pages HEADER */ @@ -8,7 +45561,6 @@ position: fixed; height: 100vh; width: 100%; - background: #fff; z-index: 90000; } diff --git a/apps/static/assets/css/bootstrap.css b/apps/static/assets/css/bootstrap.css index 5e2ea48..30aae55 100644 --- a/apps/static/assets/css/bootstrap.css +++ b/apps/static/assets/css/bootstrap.css @@ -1,4084 +1,4108 @@ +@charset "UTF-8"; /*! - * Bootstrap v5.2.0 (https://getbootstrap.com/) - * Copyright 2011-2022 The Bootstrap Authors - * Copyright 2011-2022 Twitter, Inc. + * Bootstrap v5.3.2 (https://getbootstrap.com/) + * Copyright 2011-2023 The Bootstrap Authors * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ - :root { - --bs-blue: #2196f3; - --bs-indigo: #3f51b5; - --bs-purple: #9c27b0; - --bs-pink: #e91e63; - --bs-red: #f44336; - --bs-orange: #ff9800; - --bs-yellow: #ffeb3b; - --bs-green: #4caf50; - --bs-teal: #009688; - --bs-cyan: #00bcd4; - --bs-black: #000; - --bs-white: #fff; - --bs-gray: #6c757d; - --bs-gray-dark: #343a40; - --bs-gray-100: #f8f9fa; - --bs-gray-200: #e9ecef; - --bs-gray-300: #dee2e6; - --bs-gray-400: #ced4da; - --bs-gray-500: #adb5bd; - --bs-gray-600: #6c757d; - --bs-gray-700: #495057; - --bs-gray-800: #343a40; - --bs-gray-900: #212529; - --bs-primary: #2196f3; - --bs-secondary: #6c757d; - --bs-success: #4caf50; - --bs-info: #00bcd4; - --bs-warning: #ffeb3b; - --bs-danger: #f44336; - --bs-light: #f8f9fa; - --bs-dark: #212529; - --bs-primary-rgb: 33, 150, 243; - --bs-secondary-rgb: 108, 117, 125; - --bs-success-rgb: 76, 175, 80; - --bs-info-rgb: 0, 188, 212; - --bs-warning-rgb: 255, 235, 59; - --bs-danger-rgb: 244, 67, 54; - --bs-light-rgb: 248, 249, 250; - --bs-dark-rgb: 33, 37, 41; - --bs-white-rgb: 255, 255, 255; - --bs-black-rgb: 0, 0, 0; - --bs-body-color-rgb: 33, 37, 41; - --bs-body-bg-rgb: 255, 255, 255; - --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"; - --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; - --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); - --bs-body-font-family: var(--bs-font-sans-serif); - --bs-body-font-size: 0.875rem; - --bs-body-font-weight: 400; - --bs-body-line-height: 1.5; - --bs-body-color: #212529; - --bs-body-bg: #fff; - --bs-border-width: 1px; - --bs-border-style: solid; - --bs-border-color: rgba(0, 0, 0, 0.0625); - --bs-border-color-translucent: rgba(0, 0, 0, 0.175); - --bs-border-radius: 0.375rem; - --bs-border-radius-sm: 0.25rem; - --bs-border-radius-lg: 0.5rem; - --bs-border-radius-xl: 1rem; - --bs-border-radius-2xl: 2rem; - --bs-border-radius-pill: 50rem; - --bs-link-color: #2196f3; - --bs-link-hover-color: #1a78c2; - --bs-code-color: #e91e63; - --bs-highlight-bg: #fffbd8; +:root, +[data-bs-theme=light] { + --bs-blue: #0d6efd; + --bs-indigo: #6610f2; + --bs-purple: #6f42c1; + --bs-pink: #d63384; + --bs-red: #dc3545; + --bs-orange: #fd7e14; + --bs-yellow: #ffc107; + --bs-green: #198754; + --bs-teal: #20c997; + --bs-cyan: #0dcaf0; + --bs-black: #000; + --bs-white: #fff; + --bs-gray: #6c757d; + --bs-gray-dark: #343a40; + --bs-gray-100: #f8f9fa; + --bs-gray-200: #e9ecef; + --bs-gray-300: #dee2e6; + --bs-gray-400: #ced4da; + --bs-gray-500: #adb5bd; + --bs-gray-600: #6c757d; + --bs-gray-700: #495057; + --bs-gray-800: #343a40; + --bs-gray-900: #212529; + --bs-primary: #0d6efd; + --bs-secondary: #6c757d; + --bs-success: #198754; + --bs-info: #0dcaf0; + --bs-warning: #ffc107; + --bs-danger: #dc3545; + --bs-light: #f8f9fa; + --bs-dark: #212529; + --bs-primary-rgb: 13, 110, 253; + --bs-secondary-rgb: 108, 117, 125; + --bs-success-rgb: 25, 135, 84; + --bs-info-rgb: 13, 202, 240; + --bs-warning-rgb: 255, 193, 7; + --bs-danger-rgb: 220, 53, 69; + --bs-light-rgb: 248, 249, 250; + --bs-dark-rgb: 33, 37, 41; + --bs-primary-text-emphasis: #052c65; + --bs-secondary-text-emphasis: #2b2f32; + --bs-success-text-emphasis: #0a3622; + --bs-info-text-emphasis: #055160; + --bs-warning-text-emphasis: #664d03; + --bs-danger-text-emphasis: #58151c; + --bs-light-text-emphasis: #495057; + --bs-dark-text-emphasis: #495057; + --bs-primary-bg-subtle: #cfe2ff; + --bs-secondary-bg-subtle: #e2e3e5; + --bs-success-bg-subtle: #d1e7dd; + --bs-info-bg-subtle: #cff4fc; + --bs-warning-bg-subtle: #fff3cd; + --bs-danger-bg-subtle: #f8d7da; + --bs-light-bg-subtle: #fcfcfd; + --bs-dark-bg-subtle: #ced4da; + --bs-primary-border-subtle: #9ec5fe; + --bs-secondary-border-subtle: #c4c8cb; + --bs-success-border-subtle: #a3cfbb; + --bs-info-border-subtle: #9eeaf9; + --bs-warning-border-subtle: #ffe69c; + --bs-danger-border-subtle: #f1aeb5; + --bs-light-border-subtle: #e9ecef; + --bs-dark-border-subtle: #adb5bd; + --bs-white-rgb: 255, 255, 255; + --bs-black-rgb: 0, 0, 0; + --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"; + --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); + --bs-body-font-family: var(--bs-font-sans-serif); + --bs-body-font-size: 1rem; + --bs-body-font-weight: 400; + --bs-body-line-height: 1.5; + --bs-body-color: #212529; + --bs-body-color-rgb: 33, 37, 41; + --bs-body-bg: #fff; + --bs-body-bg-rgb: 255, 255, 255; + --bs-emphasis-color: #000; + --bs-emphasis-color-rgb: 0, 0, 0; + --bs-secondary-color: rgba(33, 37, 41, 0.75); + --bs-secondary-color-rgb: 33, 37, 41; + --bs-secondary-bg: #e9ecef; + --bs-secondary-bg-rgb: 233, 236, 239; + --bs-tertiary-color: rgba(33, 37, 41, 0.5); + --bs-tertiary-color-rgb: 33, 37, 41; + --bs-tertiary-bg: #f8f9fa; + --bs-tertiary-bg-rgb: 248, 249, 250; + --bs-heading-color: inherit; + --bs-link-color: #0d6efd; + --bs-link-color-rgb: 13, 110, 253; + --bs-link-decoration: underline; + --bs-link-hover-color: #0a58ca; + --bs-link-hover-color-rgb: 10, 88, 202; + --bs-code-color: #d63384; + --bs-highlight-color: #212529; + --bs-highlight-bg: #fff3cd; + --bs-border-width: 1px; + --bs-border-style: solid; + --bs-border-color: #dee2e6; + --bs-border-color-translucent: rgba(0, 0, 0, 0.175); + --bs-border-radius: 0.375rem; + --bs-border-radius-sm: 0.25rem; + --bs-border-radius-lg: 0.5rem; + --bs-border-radius-xl: 1rem; + --bs-border-radius-xxl: 2rem; + --bs-border-radius-2xl: var(--bs-border-radius-xxl); + --bs-border-radius-pill: 50rem; + --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); + --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); + --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175); + --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075); + --bs-focus-ring-width: 0.25rem; + --bs-focus-ring-opacity: 0.25; + --bs-focus-ring-color: rgba(13, 110, 253, 0.25); + --bs-form-valid-color: #198754; + --bs-form-valid-border-color: #198754; + --bs-form-invalid-color: #dc3545; + --bs-form-invalid-border-color: #dc3545; +} + +[data-bs-theme=dark] { + color-scheme: dark; + --bs-body-color: #dee2e6; + --bs-body-color-rgb: 222, 226, 230; + --bs-body-bg: #212529; + --bs-body-bg-rgb: 33, 37, 41; + --bs-emphasis-color: #fff; + --bs-emphasis-color-rgb: 255, 255, 255; + --bs-secondary-color: rgba(222, 226, 230, 0.75); + --bs-secondary-color-rgb: 222, 226, 230; + --bs-secondary-bg: #343a40; + --bs-secondary-bg-rgb: 52, 58, 64; + --bs-tertiary-color: rgba(222, 226, 230, 0.5); + --bs-tertiary-color-rgb: 222, 226, 230; + --bs-tertiary-bg: #2b3035; + --bs-tertiary-bg-rgb: 43, 48, 53; + --bs-primary-text-emphasis: #6ea8fe; + --bs-secondary-text-emphasis: #a7acb1; + --bs-success-text-emphasis: #75b798; + --bs-info-text-emphasis: #6edff6; + --bs-warning-text-emphasis: #ffda6a; + --bs-danger-text-emphasis: #ea868f; + --bs-light-text-emphasis: #f8f9fa; + --bs-dark-text-emphasis: #dee2e6; + --bs-primary-bg-subtle: #031633; + --bs-secondary-bg-subtle: #161719; + --bs-success-bg-subtle: #051b11; + --bs-info-bg-subtle: #032830; + --bs-warning-bg-subtle: #332701; + --bs-danger-bg-subtle: #2c0b0e; + --bs-light-bg-subtle: #343a40; + --bs-dark-bg-subtle: #1a1d20; + --bs-primary-border-subtle: #084298; + --bs-secondary-border-subtle: #41464b; + --bs-success-border-subtle: #0f5132; + --bs-info-border-subtle: #087990; + --bs-warning-border-subtle: #997404; + --bs-danger-border-subtle: #842029; + --bs-light-border-subtle: #495057; + --bs-dark-border-subtle: #343a40; + --bs-heading-color: inherit; + --bs-link-color: #6ea8fe; + --bs-link-hover-color: #8bb9fe; + --bs-link-color-rgb: 110, 168, 254; + --bs-link-hover-color-rgb: 139, 185, 254; + --bs-code-color: #e685b5; + --bs-highlight-color: #dee2e6; + --bs-highlight-bg: #664d03; + --bs-border-color: #495057; + --bs-border-color-translucent: rgba(255, 255, 255, 0.15); + --bs-form-valid-color: #75b798; + --bs-form-valid-border-color: #75b798; + --bs-form-invalid-color: #ea868f; + --bs-form-invalid-border-color: #ea868f; +} + +*, +*::before, +*::after { + box-sizing: border-box; +} + +@media (prefers-reduced-motion: no-preference) { + :root { + scroll-behavior: smooth; } - - *, - *::before, - *::after { - box-sizing: border-box; - } - - @media (prefers-reduced-motion: no-preference) { - :root { - scroll-behavior: smooth; - } - } - - body { - margin: 0; - font-family: var(--bs-body-font-family); - font-size: var(--bs-body-font-size); - font-weight: var(--bs-body-font-weight); - line-height: var(--bs-body-line-height); - color: var(--bs-body-color); - text-align: var(--bs-body-text-align); - background-color: var(--bs-body-bg); - -webkit-text-size-adjust: 100%; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); - } - - hr { - margin: 1rem 0; - color: inherit; - border: 0; - border-top: 1px solid; - opacity: 0.25; - } - - h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { - margin-top: 0; - margin-bottom: 0.5rem; - font-weight: 500; - line-height: 1.2; - } - +} + +body { + margin: 0; + font-family: var(--bs-body-font-family); + font-size: var(--bs-body-font-size); + font-weight: var(--bs-body-font-weight); + line-height: var(--bs-body-line-height); + color: var(--bs-body-color); + text-align: var(--bs-body-text-align); + background-color: var(--bs-body-bg); + -webkit-text-size-adjust: 100%; + -webkit-tap-highlight-color: rgba(0, 0, 0, 0); +} + +hr { + margin: 1rem 0; + color: inherit; + border: 0; + border-top: var(--bs-border-width) solid; + opacity: 0.25; +} + +h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { + margin-top: 0; + margin-bottom: 0.5rem; + font-weight: 500; + line-height: 1.2; + color: var(--bs-heading-color); +} + +h1, .h1 { + font-size: calc(1.375rem + 1.5vw); +} +@media (min-width: 1200px) { h1, .h1 { - font-size: calc(1.34375rem + 1.125vw); + font-size: 2.5rem; } - @media (min-width: 1200px) { - h1, .h1 { - font-size: 2.1875rem; - } - } - +} + +h2, .h2 { + font-size: calc(1.325rem + 0.9vw); +} +@media (min-width: 1200px) { h2, .h2 { - font-size: calc(1.3rem + 0.6vw); + font-size: 2rem; } - @media (min-width: 1200px) { - h2, .h2 { - font-size: 1.75rem; - } - } - +} + +h3, .h3 { + font-size: calc(1.3rem + 0.6vw); +} +@media (min-width: 1200px) { h3, .h3 { - font-size: calc(1.278125rem + 0.3375vw); + font-size: 1.75rem; } - @media (min-width: 1200px) { - h3, .h3 { - font-size: 1.53125rem; - } - } - +} + +h4, .h4 { + font-size: calc(1.275rem + 0.3vw); +} +@media (min-width: 1200px) { h4, .h4 { - font-size: calc(1.25625rem + 0.075vw); + font-size: 1.5rem; } - @media (min-width: 1200px) { - h4, .h4 { - font-size: 1.3125rem; - } - } - - h5, .h5 { - font-size: 1.09375rem; - } - - h6, .h6 { - font-size: 0.875rem; - } - - p { - margin-top: 0; - margin-bottom: 1rem; - } - - abbr[title] { - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; - cursor: help; - -webkit-text-decoration-skip-ink: none; - text-decoration-skip-ink: none; - } - - address { - margin-bottom: 1rem; - font-style: normal; - line-height: inherit; - } - - ol, - ul { - padding-left: 2rem; - } - - ol, - ul, - dl { - margin-top: 0; - margin-bottom: 1rem; - } - - ol ol, - ul ul, - ol ul, - ul ol { - margin-bottom: 0; - } - - dt { - font-weight: 700; - } - - dd { - margin-bottom: 0.5rem; - margin-left: 0; - } - - blockquote { - margin: 0 0 1rem; - } - - b, - strong { - font-weight: bolder; - } - - small, .small { - font-size: 0.875em; - } - - mark, .mark { - padding: 0.1875em; - background-color: var(--bs-highlight-bg); - } - - sub, - sup { - position: relative; - font-size: 0.75em; - line-height: 0; - vertical-align: baseline; - } - - sub { - bottom: -0.25em; - } - - sup { - top: -0.5em; - } - - a { - color: var(--bs-link-color); - text-decoration: underline; - } - a:hover { - color: var(--bs-link-hover-color); - } - - a:not([href]):not([class]), a:not([href]):not([class]):hover { - color: inherit; - text-decoration: none; - } - - pre, - code, - kbd, - samp { - font-family: var(--bs-font-monospace); - font-size: 1em; - } - - pre { - display: block; - margin-top: 0; - margin-bottom: 1rem; - overflow: auto; - font-size: 0.875em; - } - pre code { - font-size: inherit; - color: inherit; - word-break: normal; - } - - code { - font-size: 0.875em; - color: var(--bs-code-color); - word-wrap: break-word; - } - a > code { - color: inherit; - } - - kbd { - padding: 0.1875rem 0.375rem; - font-size: 0.875em; - color: var(--bs-body-bg); - background-color: var(--bs-body-color); - border-radius: 0.25rem; - } - kbd kbd { - padding: 0; - font-size: 1em; - } - - figure { - margin: 0 0 1rem; - } - - img, - svg { - vertical-align: middle; - } - - table { - caption-side: bottom; - border-collapse: collapse; - } - - caption { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - color: #6c757d; - text-align: left; - } - - th { - text-align: inherit; - text-align: -webkit-match-parent; - } - - thead, - tbody, - tfoot, - tr, - td, - th { - border-color: inherit; - border-style: solid; - border-width: 0; - } - - label { - display: inline-block; - } - - button { - border-radius: 0; - } - - button:focus:not(:focus-visible) { - outline: 0; - } - - input, - button, - select, - optgroup, - textarea { - margin: 0; - font-family: inherit; - font-size: inherit; - line-height: inherit; - } - - button, - select { - text-transform: none; - } - - [role=button] { - cursor: pointer; - } - - select { - word-wrap: normal; - } - select:disabled { - opacity: 1; - } - - [list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { - display: none !important; - } - - button, - [type=button], - [type=reset], - [type=submit] { - -webkit-appearance: button; - } - button:not(:disabled), - [type=button]:not(:disabled), - [type=reset]:not(:disabled), - [type=submit]:not(:disabled) { - cursor: pointer; - } - - ::-moz-focus-inner { - padding: 0; - border-style: none; - } - - textarea { - resize: vertical; - } - - fieldset { - min-width: 0; - padding: 0; - margin: 0; - border: 0; - } - +} + +h5, .h5 { + font-size: 1.25rem; +} + +h6, .h6 { + font-size: 1rem; +} + +p { + margin-top: 0; + margin-bottom: 1rem; +} + +abbr[title] { + -webkit-text-decoration: underline dotted; + text-decoration: underline dotted; + cursor: help; + -webkit-text-decoration-skip-ink: none; + text-decoration-skip-ink: none; +} + +address { + margin-bottom: 1rem; + font-style: normal; + line-height: inherit; +} + +ol, +ul { + padding-left: 2rem; +} + +ol, +ul, +dl { + margin-top: 0; + margin-bottom: 1rem; +} + +ol ol, +ul ul, +ol ul, +ul ol { + margin-bottom: 0; +} + +dt { + font-weight: 700; +} + +dd { + margin-bottom: 0.5rem; + margin-left: 0; +} + +blockquote { + margin: 0 0 1rem; +} + +b, +strong { + font-weight: bolder; +} + +small, .small { + font-size: 0.875em; +} + +mark, .mark { + padding: 0.1875em; + color: var(--bs-highlight-color); + background-color: var(--bs-highlight-bg); +} + +sub, +sup { + position: relative; + font-size: 0.75em; + line-height: 0; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +a { + color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1)); + text-decoration: underline; +} +a:hover { + --bs-link-color-rgb: var(--bs-link-hover-color-rgb); +} + +a:not([href]):not([class]), a:not([href]):not([class]):hover { + color: inherit; + text-decoration: none; +} + +pre, +code, +kbd, +samp { + font-family: var(--bs-font-monospace); + font-size: 1em; +} + +pre { + display: block; + margin-top: 0; + margin-bottom: 1rem; + overflow: auto; + font-size: 0.875em; +} +pre code { + font-size: inherit; + color: inherit; + word-break: normal; +} + +code { + font-size: 0.875em; + color: var(--bs-code-color); + word-wrap: break-word; +} +a > code { + color: inherit; +} + +kbd { + padding: 0.1875rem 0.375rem; + font-size: 0.875em; + color: var(--bs-body-bg); + background-color: var(--bs-body-color); + border-radius: 0.25rem; +} +kbd kbd { + padding: 0; + font-size: 1em; +} + +figure { + margin: 0 0 1rem; +} + +img, +svg { + vertical-align: middle; +} + +table { + caption-side: bottom; + border-collapse: collapse; +} + +caption { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: var(--bs-secondary-color); + text-align: left; +} + +th { + text-align: inherit; + text-align: -webkit-match-parent; +} + +thead, +tbody, +tfoot, +tr, +td, +th { + border-color: inherit; + border-style: solid; + border-width: 0; +} + +label { + display: inline-block; +} + +button { + border-radius: 0; +} + +button:focus:not(:focus-visible) { + outline: 0; +} + +input, +button, +select, +optgroup, +textarea { + margin: 0; + font-family: inherit; + font-size: inherit; + line-height: inherit; +} + +button, +select { + text-transform: none; +} + +[role=button] { + cursor: pointer; +} + +select { + word-wrap: normal; +} +select:disabled { + opacity: 1; +} + +[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator { + display: none !important; +} + +button, +[type=button], +[type=reset], +[type=submit] { + -webkit-appearance: button; +} +button:not(:disabled), +[type=button]:not(:disabled), +[type=reset]:not(:disabled), +[type=submit]:not(:disabled) { + cursor: pointer; +} + +::-moz-focus-inner { + padding: 0; + border-style: none; +} + +textarea { + resize: vertical; +} + +fieldset { + min-width: 0; + padding: 0; + margin: 0; + border: 0; +} + +legend { + float: left; + width: 100%; + padding: 0; + margin-bottom: 0.5rem; + font-size: calc(1.275rem + 0.3vw); + line-height: inherit; +} +@media (min-width: 1200px) { legend { - float: left; - width: 100%; - padding: 0; - margin-bottom: 0.5rem; - font-size: calc(1.275rem + 0.3vw); - line-height: inherit; + font-size: 1.5rem; } - @media (min-width: 1200px) { - legend { - font-size: 1.5rem; - } - } - legend + * { - clear: left; - } - - ::-webkit-datetime-edit-fields-wrapper, - ::-webkit-datetime-edit-text, - ::-webkit-datetime-edit-minute, - ::-webkit-datetime-edit-hour-field, - ::-webkit-datetime-edit-day-field, - ::-webkit-datetime-edit-month-field, - ::-webkit-datetime-edit-year-field { - padding: 0; - } - - ::-webkit-inner-spin-button { - height: auto; - } - - [type=search] { - outline-offset: -2px; - -webkit-appearance: textfield; - } - - /* rtl:raw: - [type="tel"], - [type="url"], - [type="email"], - [type="number"] { - direction: ltr; - } - */ - ::-webkit-search-decoration { - -webkit-appearance: none; - } - - ::-webkit-color-swatch-wrapper { - padding: 0; - } - - ::file-selector-button { - font: inherit; - -webkit-appearance: button; - } - - output { - display: inline-block; - } - - iframe { - border: 0; - } - - summary { - display: list-item; - cursor: pointer; - } - - progress { - vertical-align: baseline; - } - - [hidden] { - display: none !important; - } - - .lead { - font-size: 1.09375rem; - font-weight: 300; - } - +} +legend + * { + clear: left; +} + +::-webkit-datetime-edit-fields-wrapper, +::-webkit-datetime-edit-text, +::-webkit-datetime-edit-minute, +::-webkit-datetime-edit-hour-field, +::-webkit-datetime-edit-day-field, +::-webkit-datetime-edit-month-field, +::-webkit-datetime-edit-year-field { + padding: 0; +} + +::-webkit-inner-spin-button { + height: auto; +} + +[type=search] { + -webkit-appearance: textfield; + outline-offset: -2px; +} + +/* rtl:raw: +[type="tel"], +[type="url"], +[type="email"], +[type="number"] { + direction: ltr; +} +*/ +::-webkit-search-decoration { + -webkit-appearance: none; +} + +::-webkit-color-swatch-wrapper { + padding: 0; +} + +::-webkit-file-upload-button { + font: inherit; + -webkit-appearance: button; +} + +::file-selector-button { + font: inherit; + -webkit-appearance: button; +} + +output { + display: inline-block; +} + +iframe { + border: 0; +} + +summary { + display: list-item; + cursor: pointer; +} + +progress { + vertical-align: baseline; +} + +[hidden] { + display: none !important; +} + +.lead { + font-size: 1.25rem; + font-weight: 300; +} + +.display-1 { + font-size: calc(1.625rem + 4.5vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width: 1200px) { .display-1 { - font-size: calc(1.625rem + 4.5vw); - font-weight: 300; - line-height: 1.2; + font-size: 5rem; } - @media (min-width: 1200px) { - .display-1 { - font-size: 5rem; - } - } - +} + +.display-2 { + font-size: calc(1.575rem + 3.9vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width: 1200px) { .display-2 { - font-size: calc(1.575rem + 3.9vw); - font-weight: 300; - line-height: 1.2; + font-size: 4.5rem; } - @media (min-width: 1200px) { - .display-2 { - font-size: 4.5rem; - } - } - +} + +.display-3 { + font-size: calc(1.525rem + 3.3vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width: 1200px) { .display-3 { - font-size: calc(1.525rem + 3.3vw); - font-weight: 300; - line-height: 1.2; + font-size: 4rem; } - @media (min-width: 1200px) { - .display-3 { - font-size: 4rem; - } - } - +} + +.display-4 { + font-size: calc(1.475rem + 2.7vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width: 1200px) { .display-4 { - font-size: calc(1.475rem + 2.7vw); - font-weight: 300; - line-height: 1.2; + font-size: 3.5rem; } - @media (min-width: 1200px) { - .display-4 { - font-size: 3.5rem; - } - } - +} + +.display-5 { + font-size: calc(1.425rem + 2.1vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width: 1200px) { .display-5 { - font-size: calc(1.425rem + 2.1vw); - font-weight: 300; - line-height: 1.2; + font-size: 3rem; } - @media (min-width: 1200px) { - .display-5 { - font-size: 3rem; - } - } - +} + +.display-6 { + font-size: calc(1.375rem + 1.5vw); + font-weight: 300; + line-height: 1.2; +} +@media (min-width: 1200px) { .display-6 { - font-size: calc(1.375rem + 1.5vw); - font-weight: 300; - line-height: 1.2; + font-size: 2.5rem; } - @media (min-width: 1200px) { - .display-6 { - font-size: 2.5rem; - } +} + +.list-unstyled { + padding-left: 0; + list-style: none; +} + +.list-inline { + padding-left: 0; + list-style: none; +} + +.list-inline-item { + display: inline-block; +} +.list-inline-item:not(:last-child) { + margin-right: 0.5rem; +} + +.initialism { + font-size: 0.875em; + text-transform: uppercase; +} + +.blockquote { + margin-bottom: 1rem; + font-size: 1.25rem; +} +.blockquote > :last-child { + margin-bottom: 0; +} + +.blockquote-footer { + margin-top: -1rem; + margin-bottom: 1rem; + font-size: 0.875em; + color: #6c757d; +} +.blockquote-footer::before { + content: "— "; +} + +.img-fluid { + max-width: 100%; + height: auto; +} + +.img-thumbnail { + padding: 0.25rem; + background-color: var(--bs-body-bg); + border: var(--bs-border-width) solid var(--bs-border-color); + border-radius: var(--bs-border-radius); + max-width: 100%; + height: auto; +} + +.figure { + display: inline-block; +} + +.figure-img { + margin-bottom: 0.5rem; + line-height: 1; +} + +.figure-caption { + font-size: 0.875em; + color: var(--bs-secondary-color); +} + +.container, +.container-fluid, +.container-xxl, +.container-xl, +.container-lg, +.container-md, +.container-sm { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-right: auto; + margin-left: auto; +} + +@media (min-width: 576px) { + .container-sm, .container { + max-width: 540px; } - - .list-unstyled { - padding-left: 0; - list-style: none; +} +@media (min-width: 768px) { + .container-md, .container-sm, .container { + max-width: 720px; } - - .list-inline { - padding-left: 0; - list-style: none; +} +@media (min-width: 992px) { + .container-lg, .container-md, .container-sm, .container { + max-width: 960px; } - - .list-inline-item { - display: inline-block; +} +@media (min-width: 1200px) { + .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1140px; } - .list-inline-item:not(:last-child) { - margin-right: 0.5rem; +} +@media (min-width: 1400px) { + .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { + max-width: 1320px; } - - .initialism { - font-size: 0.875em; - text-transform: uppercase; - } - - .blockquote { - margin-bottom: 1rem; - font-size: 1.09375rem; - } - .blockquote > :last-child { - margin-bottom: 0; - } - - .blockquote-footer { - margin-top: -1rem; - margin-bottom: 1rem; - font-size: 0.875em; - color: #6c757d; - } - .blockquote-footer::before { - content: "— "; - } - - .img-fluid { - max-width: 100%; - height: auto; - } - - .img-thumbnail { - padding: 0.25rem; - background-color: #fff; - border: 1px solid var(--bs-border-color); - border-radius: 0.375rem; - max-width: 100%; - height: auto; - } - - .figure { - display: inline-block; - } - - .figure-img { - margin-bottom: 0.5rem; - line-height: 1; - } - - .figure-caption { - font-size: 0.875em; - color: #6c757d; - } - - .container, - .container-fluid, - .container-xxl, - .container-xl, - .container-lg, - .container-md, - .container-sm { - --bs-gutter-x: 1.5rem; - --bs-gutter-y: 0; - width: 100%; - padding-right: calc(var(--bs-gutter-x) * 0.5); - padding-left: calc(var(--bs-gutter-x) * 0.5); - margin-right: auto; - margin-left: auto; - } - - @media (min-width: 576px) { - .container-sm, .container { - max-width: 540px; - } - } - @media (min-width: 768px) { - .container-md, .container-sm, .container { - max-width: 720px; - } - } - @media (min-width: 992px) { - .container-lg, .container-md, .container-sm, .container { - max-width: 960px; - } - } - @media (min-width: 1200px) { - .container-xl, .container-lg, .container-md, .container-sm, .container { - max-width: 1140px; - } - } - @media (min-width: 1400px) { - .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container { - max-width: 1320px; - } - } - .row { - --bs-gutter-x: 1.5rem; - --bs-gutter-y: 0; - display: flex; - flex-wrap: wrap; - margin-top: calc(-1 * var(--bs-gutter-y)); - margin-right: calc(-0.5 * var(--bs-gutter-x)); - margin-left: calc(-0.5 * var(--bs-gutter-x)); - } - .row > * { - flex-shrink: 0; - width: 100%; - max-width: 100%; - padding-right: calc(var(--bs-gutter-x) * 0.5); - padding-left: calc(var(--bs-gutter-x) * 0.5); - margin-top: var(--bs-gutter-y); - } - - .col { +} +:root { + --bs-breakpoint-xs: 0; + --bs-breakpoint-sm: 576px; + --bs-breakpoint-md: 768px; + --bs-breakpoint-lg: 992px; + --bs-breakpoint-xl: 1200px; + --bs-breakpoint-xxl: 1400px; +} + +.row { + --bs-gutter-x: 1.5rem; + --bs-gutter-y: 0; + display: flex; + flex-wrap: wrap; + margin-top: calc(-1 * var(--bs-gutter-y)); + margin-right: calc(-0.5 * var(--bs-gutter-x)); + margin-left: calc(-0.5 * var(--bs-gutter-x)); +} +.row > * { + flex-shrink: 0; + width: 100%; + max-width: 100%; + padding-right: calc(var(--bs-gutter-x) * 0.5); + padding-left: calc(var(--bs-gutter-x) * 0.5); + margin-top: var(--bs-gutter-y); +} + +.col { + flex: 1 0 0%; +} + +.row-cols-auto > * { + flex: 0 0 auto; + width: auto; +} + +.row-cols-1 > * { + flex: 0 0 auto; + width: 100%; +} + +.row-cols-2 > * { + flex: 0 0 auto; + width: 50%; +} + +.row-cols-3 > * { + flex: 0 0 auto; + width: 33.33333333%; +} + +.row-cols-4 > * { + flex: 0 0 auto; + width: 25%; +} + +.row-cols-5 > * { + flex: 0 0 auto; + width: 20%; +} + +.row-cols-6 > * { + flex: 0 0 auto; + width: 16.66666667%; +} + +.col-auto { + flex: 0 0 auto; + width: auto; +} + +.col-1 { + flex: 0 0 auto; + width: 8.33333333%; +} + +.col-2 { + flex: 0 0 auto; + width: 16.66666667%; +} + +.col-3 { + flex: 0 0 auto; + width: 25%; +} + +.col-4 { + flex: 0 0 auto; + width: 33.33333333%; +} + +.col-5 { + flex: 0 0 auto; + width: 41.66666667%; +} + +.col-6 { + flex: 0 0 auto; + width: 50%; +} + +.col-7 { + flex: 0 0 auto; + width: 58.33333333%; +} + +.col-8 { + flex: 0 0 auto; + width: 66.66666667%; +} + +.col-9 { + flex: 0 0 auto; + width: 75%; +} + +.col-10 { + flex: 0 0 auto; + width: 83.33333333%; +} + +.col-11 { + flex: 0 0 auto; + width: 91.66666667%; +} + +.col-12 { + flex: 0 0 auto; + width: 100%; +} + +.offset-1 { + margin-left: 8.33333333%; +} + +.offset-2 { + margin-left: 16.66666667%; +} + +.offset-3 { + margin-left: 25%; +} + +.offset-4 { + margin-left: 33.33333333%; +} + +.offset-5 { + margin-left: 41.66666667%; +} + +.offset-6 { + margin-left: 50%; +} + +.offset-7 { + margin-left: 58.33333333%; +} + +.offset-8 { + margin-left: 66.66666667%; +} + +.offset-9 { + margin-left: 75%; +} + +.offset-10 { + margin-left: 83.33333333%; +} + +.offset-11 { + margin-left: 91.66666667%; +} + +.g-0, +.gx-0 { + --bs-gutter-x: 0; +} + +.g-0, +.gy-0 { + --bs-gutter-y: 0; +} + +.g-1, +.gx-1 { + --bs-gutter-x: 0.25rem; +} + +.g-1, +.gy-1 { + --bs-gutter-y: 0.25rem; +} + +.g-2, +.gx-2 { + --bs-gutter-x: 0.5rem; +} + +.g-2, +.gy-2 { + --bs-gutter-y: 0.5rem; +} + +.g-3, +.gx-3 { + --bs-gutter-x: 1rem; +} + +.g-3, +.gy-3 { + --bs-gutter-y: 1rem; +} + +.g-4, +.gx-4 { + --bs-gutter-x: 1.5rem; +} + +.g-4, +.gy-4 { + --bs-gutter-y: 1.5rem; +} + +.g-5, +.gx-5 { + --bs-gutter-x: 3rem; +} + +.g-5, +.gy-5 { + --bs-gutter-y: 3rem; +} + +@media (min-width: 576px) { + .col-sm { flex: 1 0 0%; } - - .row-cols-auto > * { + .row-cols-sm-auto > * { flex: 0 0 auto; width: auto; } - - .row-cols-1 > * { + .row-cols-sm-1 > * { flex: 0 0 auto; width: 100%; } - - .row-cols-2 > * { + .row-cols-sm-2 > * { flex: 0 0 auto; width: 50%; } - - .row-cols-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - - .row-cols-4 > * { - flex: 0 0 auto; - width: 25%; - } - - .row-cols-5 > * { - flex: 0 0 auto; - width: 20%; - } - - .row-cols-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - - .col-auto { - flex: 0 0 auto; - width: auto; - } - - .col-1 { - flex: 0 0 auto; - width: 8.33333333%; - } - - .col-2 { - flex: 0 0 auto; - width: 16.66666667%; - } - - .col-3 { - flex: 0 0 auto; - width: 25%; - } - - .col-4 { + .row-cols-sm-3 > * { flex: 0 0 auto; width: 33.33333333%; } - - .col-5 { + .row-cols-sm-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-sm-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-sm-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-sm-auto { + flex: 0 0 auto; + width: auto; + } + .col-sm-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-sm-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-sm-3 { + flex: 0 0 auto; + width: 25%; + } + .col-sm-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-sm-5 { flex: 0 0 auto; width: 41.66666667%; } - - .col-6 { + .col-sm-6 { flex: 0 0 auto; width: 50%; } - - .col-7 { + .col-sm-7 { flex: 0 0 auto; width: 58.33333333%; } - - .col-8 { + .col-sm-8 { flex: 0 0 auto; width: 66.66666667%; } - - .col-9 { + .col-sm-9 { flex: 0 0 auto; width: 75%; } - - .col-10 { + .col-sm-10 { flex: 0 0 auto; width: 83.33333333%; } - - .col-11 { + .col-sm-11 { flex: 0 0 auto; width: 91.66666667%; } - - .col-12 { + .col-sm-12 { flex: 0 0 auto; width: 100%; } - - .offset-1 { + .offset-sm-0 { + margin-left: 0; + } + .offset-sm-1 { margin-left: 8.33333333%; } - - .offset-2 { + .offset-sm-2 { margin-left: 16.66666667%; } - - .offset-3 { + .offset-sm-3 { margin-left: 25%; } - - .offset-4 { + .offset-sm-4 { margin-left: 33.33333333%; } - - .offset-5 { + .offset-sm-5 { margin-left: 41.66666667%; } - - .offset-6 { + .offset-sm-6 { margin-left: 50%; } - - .offset-7 { + .offset-sm-7 { margin-left: 58.33333333%; } - - .offset-8 { + .offset-sm-8 { margin-left: 66.66666667%; } - - .offset-9 { + .offset-sm-9 { margin-left: 75%; } - - .offset-10 { + .offset-sm-10 { margin-left: 83.33333333%; } - - .offset-11 { + .offset-sm-11 { margin-left: 91.66666667%; } - - .g-0, - .gx-0 { + .g-sm-0, + .gx-sm-0 { --bs-gutter-x: 0; } - - .g-0, - .gy-0 { + .g-sm-0, + .gy-sm-0 { --bs-gutter-y: 0; } - - .g-1, - .gx-1 { + .g-sm-1, + .gx-sm-1 { --bs-gutter-x: 0.25rem; } - - .g-1, - .gy-1 { + .g-sm-1, + .gy-sm-1 { --bs-gutter-y: 0.25rem; } - - .g-2, - .gx-2 { + .g-sm-2, + .gx-sm-2 { --bs-gutter-x: 0.5rem; } - - .g-2, - .gy-2 { + .g-sm-2, + .gy-sm-2 { --bs-gutter-y: 0.5rem; } - - .g-3, - .gx-3 { + .g-sm-3, + .gx-sm-3 { --bs-gutter-x: 1rem; } - - .g-3, - .gy-3 { + .g-sm-3, + .gy-sm-3 { --bs-gutter-y: 1rem; } - - .g-4, - .gx-4 { + .g-sm-4, + .gx-sm-4 { --bs-gutter-x: 1.5rem; } - - .g-4, - .gy-4 { + .g-sm-4, + .gy-sm-4 { --bs-gutter-y: 1.5rem; } - - .g-5, - .gx-5 { + .g-sm-5, + .gx-sm-5 { --bs-gutter-x: 3rem; } - - .g-5, - .gy-5 { + .g-sm-5, + .gy-sm-5 { --bs-gutter-y: 3rem; } - - @media (min-width: 576px) { - .col-sm { - flex: 1 0 0%; - } - .row-cols-sm-auto > * { - flex: 0 0 auto; - width: auto; - } - .row-cols-sm-1 > * { - flex: 0 0 auto; - width: 100%; - } - .row-cols-sm-2 > * { - flex: 0 0 auto; - width: 50%; - } - .row-cols-sm-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - .row-cols-sm-4 > * { - flex: 0 0 auto; - width: 25%; - } - .row-cols-sm-5 > * { - flex: 0 0 auto; - width: 20%; - } - .row-cols-sm-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-sm-auto { - flex: 0 0 auto; - width: auto; - } - .col-sm-1 { - flex: 0 0 auto; - width: 8.33333333%; - } - .col-sm-2 { - flex: 0 0 auto; - width: 16.66666667%; - } - .col-sm-3 { - flex: 0 0 auto; - width: 25%; - } - .col-sm-4 { - flex: 0 0 auto; - width: 33.33333333%; - } - .col-sm-5 { - flex: 0 0 auto; - width: 41.66666667%; - } - .col-sm-6 { - flex: 0 0 auto; - width: 50%; - } - .col-sm-7 { - flex: 0 0 auto; - width: 58.33333333%; - } - .col-sm-8 { - flex: 0 0 auto; - width: 66.66666667%; - } - .col-sm-9 { - flex: 0 0 auto; - width: 75%; - } - .col-sm-10 { - flex: 0 0 auto; - width: 83.33333333%; - } - .col-sm-11 { - flex: 0 0 auto; - width: 91.66666667%; - } - .col-sm-12 { - flex: 0 0 auto; - width: 100%; - } - .offset-sm-0 { - margin-left: 0; - } - .offset-sm-1 { - margin-left: 8.33333333%; - } - .offset-sm-2 { - margin-left: 16.66666667%; - } - .offset-sm-3 { - margin-left: 25%; - } - .offset-sm-4 { - margin-left: 33.33333333%; - } - .offset-sm-5 { - margin-left: 41.66666667%; - } - .offset-sm-6 { - margin-left: 50%; - } - .offset-sm-7 { - margin-left: 58.33333333%; - } - .offset-sm-8 { - margin-left: 66.66666667%; - } - .offset-sm-9 { - margin-left: 75%; - } - .offset-sm-10 { - margin-left: 83.33333333%; - } - .offset-sm-11 { - margin-left: 91.66666667%; - } - .g-sm-0, - .gx-sm-0 { - --bs-gutter-x: 0; - } - .g-sm-0, - .gy-sm-0 { - --bs-gutter-y: 0; - } - .g-sm-1, - .gx-sm-1 { - --bs-gutter-x: 0.25rem; - } - .g-sm-1, - .gy-sm-1 { - --bs-gutter-y: 0.25rem; - } - .g-sm-2, - .gx-sm-2 { - --bs-gutter-x: 0.5rem; - } - .g-sm-2, - .gy-sm-2 { - --bs-gutter-y: 0.5rem; - } - .g-sm-3, - .gx-sm-3 { - --bs-gutter-x: 1rem; - } - .g-sm-3, - .gy-sm-3 { - --bs-gutter-y: 1rem; - } - .g-sm-4, - .gx-sm-4 { - --bs-gutter-x: 1.5rem; - } - .g-sm-4, - .gy-sm-4 { - --bs-gutter-y: 1.5rem; - } - .g-sm-5, - .gx-sm-5 { - --bs-gutter-x: 3rem; - } - .g-sm-5, - .gy-sm-5 { - --bs-gutter-y: 3rem; - } +} +@media (min-width: 768px) { + .col-md { + flex: 1 0 0%; } - @media (min-width: 768px) { - .col-md { - flex: 1 0 0%; - } - .row-cols-md-auto > * { - flex: 0 0 auto; - width: auto; - } - .row-cols-md-1 > * { - flex: 0 0 auto; - width: 100%; - } - .row-cols-md-2 > * { - flex: 0 0 auto; - width: 50%; - } - .row-cols-md-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - .row-cols-md-4 > * { - flex: 0 0 auto; - width: 25%; - } - .row-cols-md-5 > * { - flex: 0 0 auto; - width: 20%; - } - .row-cols-md-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-md-auto { - flex: 0 0 auto; - width: auto; - } - .col-md-1 { - flex: 0 0 auto; - width: 8.33333333%; - } - .col-md-2 { - flex: 0 0 auto; - width: 16.66666667%; - } - .col-md-3 { - flex: 0 0 auto; - width: 25%; - } - .col-md-4 { - flex: 0 0 auto; - width: 33.33333333%; - } - .col-md-5 { - flex: 0 0 auto; - width: 41.66666667%; - } - .col-md-6 { - flex: 0 0 auto; - width: 50%; - } - .col-md-7 { - flex: 0 0 auto; - width: 58.33333333%; - } - .col-md-8 { - flex: 0 0 auto; - width: 66.66666667%; - } - .col-md-9 { - flex: 0 0 auto; - width: 75%; - } - .col-md-10 { - flex: 0 0 auto; - width: 83.33333333%; - } - .col-md-11 { - flex: 0 0 auto; - width: 91.66666667%; - } - .col-md-12 { - flex: 0 0 auto; - width: 100%; - } - .offset-md-0 { - margin-left: 0; - } - .offset-md-1 { - margin-left: 8.33333333%; - } - .offset-md-2 { - margin-left: 16.66666667%; - } - .offset-md-3 { - margin-left: 25%; - } - .offset-md-4 { - margin-left: 33.33333333%; - } - .offset-md-5 { - margin-left: 41.66666667%; - } - .offset-md-6 { - margin-left: 50%; - } - .offset-md-7 { - margin-left: 58.33333333%; - } - .offset-md-8 { - margin-left: 66.66666667%; - } - .offset-md-9 { - margin-left: 75%; - } - .offset-md-10 { - margin-left: 83.33333333%; - } - .offset-md-11 { - margin-left: 91.66666667%; - } - .g-md-0, - .gx-md-0 { - --bs-gutter-x: 0; - } - .g-md-0, - .gy-md-0 { - --bs-gutter-y: 0; - } - .g-md-1, - .gx-md-1 { - --bs-gutter-x: 0.25rem; - } - .g-md-1, - .gy-md-1 { - --bs-gutter-y: 0.25rem; - } - .g-md-2, - .gx-md-2 { - --bs-gutter-x: 0.5rem; - } - .g-md-2, - .gy-md-2 { - --bs-gutter-y: 0.5rem; - } - .g-md-3, - .gx-md-3 { - --bs-gutter-x: 1rem; - } - .g-md-3, - .gy-md-3 { - --bs-gutter-y: 1rem; - } - .g-md-4, - .gx-md-4 { - --bs-gutter-x: 1.5rem; - } - .g-md-4, - .gy-md-4 { - --bs-gutter-y: 1.5rem; - } - .g-md-5, - .gx-md-5 { - --bs-gutter-x: 3rem; - } - .g-md-5, - .gy-md-5 { - --bs-gutter-y: 3rem; - } + .row-cols-md-auto > * { + flex: 0 0 auto; + width: auto; } - @media (min-width: 992px) { - .col-lg { - flex: 1 0 0%; - } - .row-cols-lg-auto > * { - flex: 0 0 auto; - width: auto; - } - .row-cols-lg-1 > * { - flex: 0 0 auto; - width: 100%; - } - .row-cols-lg-2 > * { - flex: 0 0 auto; - width: 50%; - } - .row-cols-lg-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - .row-cols-lg-4 > * { - flex: 0 0 auto; - width: 25%; - } - .row-cols-lg-5 > * { - flex: 0 0 auto; - width: 20%; - } - .row-cols-lg-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-lg-auto { - flex: 0 0 auto; - width: auto; - } - .col-lg-1 { - flex: 0 0 auto; - width: 8.33333333%; - } - .col-lg-2 { - flex: 0 0 auto; - width: 16.66666667%; - } - .col-lg-3 { - flex: 0 0 auto; - width: 25%; - } - .col-lg-4 { - flex: 0 0 auto; - width: 33.33333333%; - } - .col-lg-5 { - flex: 0 0 auto; - width: 41.66666667%; - } - .col-lg-6 { - flex: 0 0 auto; - width: 50%; - } - .col-lg-7 { - flex: 0 0 auto; - width: 58.33333333%; - } - .col-lg-8 { - flex: 0 0 auto; - width: 66.66666667%; - } - .col-lg-9 { - flex: 0 0 auto; - width: 75%; - } - .col-lg-10 { - flex: 0 0 auto; - width: 83.33333333%; - } - .col-lg-11 { - flex: 0 0 auto; - width: 91.66666667%; - } - .col-lg-12 { - flex: 0 0 auto; - width: 100%; - } - .offset-lg-0 { - margin-left: 0; - } - .offset-lg-1 { - margin-left: 8.33333333%; - } - .offset-lg-2 { - margin-left: 16.66666667%; - } - .offset-lg-3 { - margin-left: 25%; - } - .offset-lg-4 { - margin-left: 33.33333333%; - } - .offset-lg-5 { - margin-left: 41.66666667%; - } - .offset-lg-6 { - margin-left: 50%; - } - .offset-lg-7 { - margin-left: 58.33333333%; - } - .offset-lg-8 { - margin-left: 66.66666667%; - } - .offset-lg-9 { - margin-left: 75%; - } - .offset-lg-10 { - margin-left: 83.33333333%; - } - .offset-lg-11 { - margin-left: 91.66666667%; - } - .g-lg-0, - .gx-lg-0 { - --bs-gutter-x: 0; - } - .g-lg-0, - .gy-lg-0 { - --bs-gutter-y: 0; - } - .g-lg-1, - .gx-lg-1 { - --bs-gutter-x: 0.25rem; - } - .g-lg-1, - .gy-lg-1 { - --bs-gutter-y: 0.25rem; - } - .g-lg-2, - .gx-lg-2 { - --bs-gutter-x: 0.5rem; - } - .g-lg-2, - .gy-lg-2 { - --bs-gutter-y: 0.5rem; - } - .g-lg-3, - .gx-lg-3 { - --bs-gutter-x: 1rem; - } - .g-lg-3, - .gy-lg-3 { - --bs-gutter-y: 1rem; - } - .g-lg-4, - .gx-lg-4 { - --bs-gutter-x: 1.5rem; - } - .g-lg-4, - .gy-lg-4 { - --bs-gutter-y: 1.5rem; - } - .g-lg-5, - .gx-lg-5 { - --bs-gutter-x: 3rem; - } - .g-lg-5, - .gy-lg-5 { - --bs-gutter-y: 3rem; - } - } - @media (min-width: 1200px) { - .col-xl { - flex: 1 0 0%; - } - .row-cols-xl-auto > * { - flex: 0 0 auto; - width: auto; - } - .row-cols-xl-1 > * { - flex: 0 0 auto; - width: 100%; - } - .row-cols-xl-2 > * { - flex: 0 0 auto; - width: 50%; - } - .row-cols-xl-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - .row-cols-xl-4 > * { - flex: 0 0 auto; - width: 25%; - } - .row-cols-xl-5 > * { - flex: 0 0 auto; - width: 20%; - } - .row-cols-xl-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-xl-auto { - flex: 0 0 auto; - width: auto; - } - .col-xl-1 { - flex: 0 0 auto; - width: 8.33333333%; - } - .col-xl-2 { - flex: 0 0 auto; - width: 16.66666667%; - } - .col-xl-3 { - flex: 0 0 auto; - width: 25%; - } - .col-xl-4 { - flex: 0 0 auto; - width: 33.33333333%; - } - .col-xl-5 { - flex: 0 0 auto; - width: 41.66666667%; - } - .col-xl-6 { - flex: 0 0 auto; - width: 50%; - } - .col-xl-7 { - flex: 0 0 auto; - width: 58.33333333%; - } - .col-xl-8 { - flex: 0 0 auto; - width: 66.66666667%; - } - .col-xl-9 { - flex: 0 0 auto; - width: 75%; - } - .col-xl-10 { - flex: 0 0 auto; - width: 83.33333333%; - } - .col-xl-11 { - flex: 0 0 auto; - width: 91.66666667%; - } - .col-xl-12 { - flex: 0 0 auto; - width: 100%; - } - .offset-xl-0 { - margin-left: 0; - } - .offset-xl-1 { - margin-left: 8.33333333%; - } - .offset-xl-2 { - margin-left: 16.66666667%; - } - .offset-xl-3 { - margin-left: 25%; - } - .offset-xl-4 { - margin-left: 33.33333333%; - } - .offset-xl-5 { - margin-left: 41.66666667%; - } - .offset-xl-6 { - margin-left: 50%; - } - .offset-xl-7 { - margin-left: 58.33333333%; - } - .offset-xl-8 { - margin-left: 66.66666667%; - } - .offset-xl-9 { - margin-left: 75%; - } - .offset-xl-10 { - margin-left: 83.33333333%; - } - .offset-xl-11 { - margin-left: 91.66666667%; - } - .g-xl-0, - .gx-xl-0 { - --bs-gutter-x: 0; - } - .g-xl-0, - .gy-xl-0 { - --bs-gutter-y: 0; - } - .g-xl-1, - .gx-xl-1 { - --bs-gutter-x: 0.25rem; - } - .g-xl-1, - .gy-xl-1 { - --bs-gutter-y: 0.25rem; - } - .g-xl-2, - .gx-xl-2 { - --bs-gutter-x: 0.5rem; - } - .g-xl-2, - .gy-xl-2 { - --bs-gutter-y: 0.5rem; - } - .g-xl-3, - .gx-xl-3 { - --bs-gutter-x: 1rem; - } - .g-xl-3, - .gy-xl-3 { - --bs-gutter-y: 1rem; - } - .g-xl-4, - .gx-xl-4 { - --bs-gutter-x: 1.5rem; - } - .g-xl-4, - .gy-xl-4 { - --bs-gutter-y: 1.5rem; - } - .g-xl-5, - .gx-xl-5 { - --bs-gutter-x: 3rem; - } - .g-xl-5, - .gy-xl-5 { - --bs-gutter-y: 3rem; - } - } - @media (min-width: 1400px) { - .col-xxl { - flex: 1 0 0%; - } - .row-cols-xxl-auto > * { - flex: 0 0 auto; - width: auto; - } - .row-cols-xxl-1 > * { - flex: 0 0 auto; - width: 100%; - } - .row-cols-xxl-2 > * { - flex: 0 0 auto; - width: 50%; - } - .row-cols-xxl-3 > * { - flex: 0 0 auto; - width: 33.3333333333%; - } - .row-cols-xxl-4 > * { - flex: 0 0 auto; - width: 25%; - } - .row-cols-xxl-5 > * { - flex: 0 0 auto; - width: 20%; - } - .row-cols-xxl-6 > * { - flex: 0 0 auto; - width: 16.6666666667%; - } - .col-xxl-auto { - flex: 0 0 auto; - width: auto; - } - .col-xxl-1 { - flex: 0 0 auto; - width: 8.33333333%; - } - .col-xxl-2 { - flex: 0 0 auto; - width: 16.66666667%; - } - .col-xxl-3 { - flex: 0 0 auto; - width: 25%; - } - .col-xxl-4 { - flex: 0 0 auto; - width: 33.33333333%; - } - .col-xxl-5 { - flex: 0 0 auto; - width: 41.66666667%; - } - .col-xxl-6 { - flex: 0 0 auto; - width: 50%; - } - .col-xxl-7 { - flex: 0 0 auto; - width: 58.33333333%; - } - .col-xxl-8 { - flex: 0 0 auto; - width: 66.66666667%; - } - .col-xxl-9 { - flex: 0 0 auto; - width: 75%; - } - .col-xxl-10 { - flex: 0 0 auto; - width: 83.33333333%; - } - .col-xxl-11 { - flex: 0 0 auto; - width: 91.66666667%; - } - .col-xxl-12 { - flex: 0 0 auto; - width: 100%; - } - .offset-xxl-0 { - margin-left: 0; - } - .offset-xxl-1 { - margin-left: 8.33333333%; - } - .offset-xxl-2 { - margin-left: 16.66666667%; - } - .offset-xxl-3 { - margin-left: 25%; - } - .offset-xxl-4 { - margin-left: 33.33333333%; - } - .offset-xxl-5 { - margin-left: 41.66666667%; - } - .offset-xxl-6 { - margin-left: 50%; - } - .offset-xxl-7 { - margin-left: 58.33333333%; - } - .offset-xxl-8 { - margin-left: 66.66666667%; - } - .offset-xxl-9 { - margin-left: 75%; - } - .offset-xxl-10 { - margin-left: 83.33333333%; - } - .offset-xxl-11 { - margin-left: 91.66666667%; - } - .g-xxl-0, - .gx-xxl-0 { - --bs-gutter-x: 0; - } - .g-xxl-0, - .gy-xxl-0 { - --bs-gutter-y: 0; - } - .g-xxl-1, - .gx-xxl-1 { - --bs-gutter-x: 0.25rem; - } - .g-xxl-1, - .gy-xxl-1 { - --bs-gutter-y: 0.25rem; - } - .g-xxl-2, - .gx-xxl-2 { - --bs-gutter-x: 0.5rem; - } - .g-xxl-2, - .gy-xxl-2 { - --bs-gutter-y: 0.5rem; - } - .g-xxl-3, - .gx-xxl-3 { - --bs-gutter-x: 1rem; - } - .g-xxl-3, - .gy-xxl-3 { - --bs-gutter-y: 1rem; - } - .g-xxl-4, - .gx-xxl-4 { - --bs-gutter-x: 1.5rem; - } - .g-xxl-4, - .gy-xxl-4 { - --bs-gutter-y: 1.5rem; - } - .g-xxl-5, - .gx-xxl-5 { - --bs-gutter-x: 3rem; - } - .g-xxl-5, - .gy-xxl-5 { - --bs-gutter-y: 3rem; - } - } - .table { - --bs-table-color: var(--bs-body-color); - --bs-table-bg: transparent; - --bs-table-border-color: var(--bs-border-color); - --bs-table-accent-bg: transparent; - --bs-table-striped-color: var(--bs-body-color); - --bs-table-striped-bg: rgba(0, 0, 0, 0.05); - --bs-table-active-color: var(--bs-body-color); - --bs-table-active-bg: rgba(0, 0, 0, 0.1); - --bs-table-hover-color: var(--bs-body-color); - --bs-table-hover-bg: rgba(0, 0, 0, 0.075); + .row-cols-md-1 > * { + flex: 0 0 auto; width: 100%; - margin-bottom: 1rem; - color: var(--bs-table-color); - vertical-align: top; - border-color: var(--bs-table-border-color); } - .table > :not(caption) > * > * { - padding: 0.5rem 0.5rem; - background-color: var(--bs-table-bg); - border-bottom-width: 1px; - box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg); + .row-cols-md-2 > * { + flex: 0 0 auto; + width: 50%; } - .table > tbody { - vertical-align: inherit; + .row-cols-md-3 > * { + flex: 0 0 auto; + width: 33.33333333%; } - .table > thead { - vertical-align: bottom; + .row-cols-md-4 > * { + flex: 0 0 auto; + width: 25%; } - - .table-group-divider { - border-top: 2px solid currentcolor; + .row-cols-md-5 > * { + flex: 0 0 auto; + width: 20%; } - - .caption-top { - caption-side: top; + .row-cols-md-6 > * { + flex: 0 0 auto; + width: 16.66666667%; } - - .table-sm > :not(caption) > * > * { - padding: 0.25rem 0.25rem; + .col-md-auto { + flex: 0 0 auto; + width: auto; } - - .table-bordered > :not(caption) > * { - border-width: 1px 0; + .col-md-1 { + flex: 0 0 auto; + width: 8.33333333%; } - .table-bordered > :not(caption) > * > * { - border-width: 0 1px; + .col-md-2 { + flex: 0 0 auto; + width: 16.66666667%; } - - .table-borderless > :not(caption) > * > * { - border-bottom-width: 0; + .col-md-3 { + flex: 0 0 auto; + width: 25%; } - .table-borderless > :not(:first-child) { - border-top-width: 0; + .col-md-4 { + flex: 0 0 auto; + width: 33.33333333%; } - - .table-striped > tbody > tr:nth-of-type(odd) > * { - --bs-table-accent-bg: var(--bs-table-striped-bg); - color: var(--bs-table-striped-color); + .col-md-5 { + flex: 0 0 auto; + width: 41.66666667%; } - - .table-striped-columns > :not(caption) > tr > :nth-child(even) { - --bs-table-accent-bg: var(--bs-table-striped-bg); - color: var(--bs-table-striped-color); + .col-md-6 { + flex: 0 0 auto; + width: 50%; } - - .table-active { - --bs-table-accent-bg: var(--bs-table-active-bg); - color: var(--bs-table-active-color); + .col-md-7 { + flex: 0 0 auto; + width: 58.33333333%; } - - .table-hover > tbody > tr:hover > * { - --bs-table-accent-bg: var(--bs-table-hover-bg); - color: var(--bs-table-hover-color); + .col-md-8 { + flex: 0 0 auto; + width: 66.66666667%; } - - .table-primary { - --bs-table-color: #000; - --bs-table-bg: #d3eafd; - --bs-table-border-color: #bed3e4; - --bs-table-striped-bg: #c8def0; - --bs-table-striped-color: #000; - --bs-table-active-bg: #bed3e4; - --bs-table-active-color: #000; - --bs-table-hover-bg: #c3d8ea; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + .col-md-9 { + flex: 0 0 auto; + width: 75%; } - - .table-secondary { - --bs-table-color: #000; - --bs-table-bg: #e2e3e5; - --bs-table-border-color: #cbccce; - --bs-table-striped-bg: #d7d8da; - --bs-table-striped-color: #000; - --bs-table-active-bg: #cbccce; - --bs-table-active-color: #000; - --bs-table-hover-bg: #d1d2d4; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + .col-md-10 { + flex: 0 0 auto; + width: 83.33333333%; } - - .table-success { - --bs-table-color: #000; - --bs-table-bg: #dbefdc; - --bs-table-border-color: #c5d7c6; - --bs-table-striped-bg: #d0e3d1; - --bs-table-striped-color: #000; - --bs-table-active-bg: #c5d7c6; - --bs-table-active-color: #000; - --bs-table-hover-bg: #cbddcc; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + .col-md-11 { + flex: 0 0 auto; + width: 91.66666667%; } - - .table-info { - --bs-table-color: #000; - --bs-table-bg: #ccf2f6; - --bs-table-border-color: #b8dadd; - --bs-table-striped-bg: #c2e6ea; - --bs-table-striped-color: #000; - --bs-table-active-bg: #b8dadd; - --bs-table-active-color: #000; - --bs-table-hover-bg: #bde0e4; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + .col-md-12 { + flex: 0 0 auto; + width: 100%; } - - .table-warning { - --bs-table-color: #000; - --bs-table-bg: #fffbd8; - --bs-table-border-color: #e6e2c2; - --bs-table-striped-bg: #f2eecd; - --bs-table-striped-color: #000; - --bs-table-active-bg: #e6e2c2; - --bs-table-active-color: #000; - --bs-table-hover-bg: #ece8c8; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + .offset-md-0 { + margin-left: 0; } - - .table-danger { - --bs-table-color: #000; - --bs-table-bg: #fdd9d7; - --bs-table-border-color: #e4c3c2; - --bs-table-striped-bg: #f0cecc; - --bs-table-striped-color: #000; - --bs-table-active-bg: #e4c3c2; - --bs-table-active-color: #000; - --bs-table-hover-bg: #eac9c7; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + .offset-md-1 { + margin-left: 8.33333333%; } - - .table-light { - --bs-table-color: #000; - --bs-table-bg: #f8f9fa; - --bs-table-border-color: #dfe0e1; - --bs-table-striped-bg: #ecedee; - --bs-table-striped-color: #000; - --bs-table-active-bg: #dfe0e1; - --bs-table-active-color: #000; - --bs-table-hover-bg: #e5e6e7; - --bs-table-hover-color: #000; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + .offset-md-2 { + margin-left: 16.66666667%; } - - .table-dark { - --bs-table-color: #fff; - --bs-table-bg: #212529; - --bs-table-border-color: #373b3e; - --bs-table-striped-bg: #2c3034; - --bs-table-striped-color: #fff; - --bs-table-active-bg: #373b3e; - --bs-table-active-color: #fff; - --bs-table-hover-bg: #323539; - --bs-table-hover-color: #fff; - color: var(--bs-table-color); - border-color: var(--bs-table-border-color); + .offset-md-3 { + margin-left: 25%; } - - .table-responsive { + .offset-md-4 { + margin-left: 33.33333333%; + } + .offset-md-5 { + margin-left: 41.66666667%; + } + .offset-md-6 { + margin-left: 50%; + } + .offset-md-7 { + margin-left: 58.33333333%; + } + .offset-md-8 { + margin-left: 66.66666667%; + } + .offset-md-9 { + margin-left: 75%; + } + .offset-md-10 { + margin-left: 83.33333333%; + } + .offset-md-11 { + margin-left: 91.66666667%; + } + .g-md-0, + .gx-md-0 { + --bs-gutter-x: 0; + } + .g-md-0, + .gy-md-0 { + --bs-gutter-y: 0; + } + .g-md-1, + .gx-md-1 { + --bs-gutter-x: 0.25rem; + } + .g-md-1, + .gy-md-1 { + --bs-gutter-y: 0.25rem; + } + .g-md-2, + .gx-md-2 { + --bs-gutter-x: 0.5rem; + } + .g-md-2, + .gy-md-2 { + --bs-gutter-y: 0.5rem; + } + .g-md-3, + .gx-md-3 { + --bs-gutter-x: 1rem; + } + .g-md-3, + .gy-md-3 { + --bs-gutter-y: 1rem; + } + .g-md-4, + .gx-md-4 { + --bs-gutter-x: 1.5rem; + } + .g-md-4, + .gy-md-4 { + --bs-gutter-y: 1.5rem; + } + .g-md-5, + .gx-md-5 { + --bs-gutter-x: 3rem; + } + .g-md-5, + .gy-md-5 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 992px) { + .col-lg { + flex: 1 0 0%; + } + .row-cols-lg-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-lg-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-lg-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-lg-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-lg-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-lg-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-lg-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-lg-auto { + flex: 0 0 auto; + width: auto; + } + .col-lg-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-lg-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-lg-3 { + flex: 0 0 auto; + width: 25%; + } + .col-lg-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-lg-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-lg-6 { + flex: 0 0 auto; + width: 50%; + } + .col-lg-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-lg-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-lg-9 { + flex: 0 0 auto; + width: 75%; + } + .col-lg-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-lg-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-lg-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-lg-0 { + margin-left: 0; + } + .offset-lg-1 { + margin-left: 8.33333333%; + } + .offset-lg-2 { + margin-left: 16.66666667%; + } + .offset-lg-3 { + margin-left: 25%; + } + .offset-lg-4 { + margin-left: 33.33333333%; + } + .offset-lg-5 { + margin-left: 41.66666667%; + } + .offset-lg-6 { + margin-left: 50%; + } + .offset-lg-7 { + margin-left: 58.33333333%; + } + .offset-lg-8 { + margin-left: 66.66666667%; + } + .offset-lg-9 { + margin-left: 75%; + } + .offset-lg-10 { + margin-left: 83.33333333%; + } + .offset-lg-11 { + margin-left: 91.66666667%; + } + .g-lg-0, + .gx-lg-0 { + --bs-gutter-x: 0; + } + .g-lg-0, + .gy-lg-0 { + --bs-gutter-y: 0; + } + .g-lg-1, + .gx-lg-1 { + --bs-gutter-x: 0.25rem; + } + .g-lg-1, + .gy-lg-1 { + --bs-gutter-y: 0.25rem; + } + .g-lg-2, + .gx-lg-2 { + --bs-gutter-x: 0.5rem; + } + .g-lg-2, + .gy-lg-2 { + --bs-gutter-y: 0.5rem; + } + .g-lg-3, + .gx-lg-3 { + --bs-gutter-x: 1rem; + } + .g-lg-3, + .gy-lg-3 { + --bs-gutter-y: 1rem; + } + .g-lg-4, + .gx-lg-4 { + --bs-gutter-x: 1.5rem; + } + .g-lg-4, + .gy-lg-4 { + --bs-gutter-y: 1.5rem; + } + .g-lg-5, + .gx-lg-5 { + --bs-gutter-x: 3rem; + } + .g-lg-5, + .gy-lg-5 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 1200px) { + .col-xl { + flex: 1 0 0%; + } + .row-cols-xl-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-xl-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xl-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xl-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-xl-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xl-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xl-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xl-0 { + margin-left: 0; + } + .offset-xl-1 { + margin-left: 8.33333333%; + } + .offset-xl-2 { + margin-left: 16.66666667%; + } + .offset-xl-3 { + margin-left: 25%; + } + .offset-xl-4 { + margin-left: 33.33333333%; + } + .offset-xl-5 { + margin-left: 41.66666667%; + } + .offset-xl-6 { + margin-left: 50%; + } + .offset-xl-7 { + margin-left: 58.33333333%; + } + .offset-xl-8 { + margin-left: 66.66666667%; + } + .offset-xl-9 { + margin-left: 75%; + } + .offset-xl-10 { + margin-left: 83.33333333%; + } + .offset-xl-11 { + margin-left: 91.66666667%; + } + .g-xl-0, + .gx-xl-0 { + --bs-gutter-x: 0; + } + .g-xl-0, + .gy-xl-0 { + --bs-gutter-y: 0; + } + .g-xl-1, + .gx-xl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xl-1, + .gy-xl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xl-2, + .gx-xl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xl-2, + .gy-xl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xl-3, + .gx-xl-3 { + --bs-gutter-x: 1rem; + } + .g-xl-3, + .gy-xl-3 { + --bs-gutter-y: 1rem; + } + .g-xl-4, + .gx-xl-4 { + --bs-gutter-x: 1.5rem; + } + .g-xl-4, + .gy-xl-4 { + --bs-gutter-y: 1.5rem; + } + .g-xl-5, + .gx-xl-5 { + --bs-gutter-x: 3rem; + } + .g-xl-5, + .gy-xl-5 { + --bs-gutter-y: 3rem; + } +} +@media (min-width: 1400px) { + .col-xxl { + flex: 1 0 0%; + } + .row-cols-xxl-auto > * { + flex: 0 0 auto; + width: auto; + } + .row-cols-xxl-1 > * { + flex: 0 0 auto; + width: 100%; + } + .row-cols-xxl-2 > * { + flex: 0 0 auto; + width: 50%; + } + .row-cols-xxl-3 > * { + flex: 0 0 auto; + width: 33.33333333%; + } + .row-cols-xxl-4 > * { + flex: 0 0 auto; + width: 25%; + } + .row-cols-xxl-5 > * { + flex: 0 0 auto; + width: 20%; + } + .row-cols-xxl-6 > * { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xxl-auto { + flex: 0 0 auto; + width: auto; + } + .col-xxl-1 { + flex: 0 0 auto; + width: 8.33333333%; + } + .col-xxl-2 { + flex: 0 0 auto; + width: 16.66666667%; + } + .col-xxl-3 { + flex: 0 0 auto; + width: 25%; + } + .col-xxl-4 { + flex: 0 0 auto; + width: 33.33333333%; + } + .col-xxl-5 { + flex: 0 0 auto; + width: 41.66666667%; + } + .col-xxl-6 { + flex: 0 0 auto; + width: 50%; + } + .col-xxl-7 { + flex: 0 0 auto; + width: 58.33333333%; + } + .col-xxl-8 { + flex: 0 0 auto; + width: 66.66666667%; + } + .col-xxl-9 { + flex: 0 0 auto; + width: 75%; + } + .col-xxl-10 { + flex: 0 0 auto; + width: 83.33333333%; + } + .col-xxl-11 { + flex: 0 0 auto; + width: 91.66666667%; + } + .col-xxl-12 { + flex: 0 0 auto; + width: 100%; + } + .offset-xxl-0 { + margin-left: 0; + } + .offset-xxl-1 { + margin-left: 8.33333333%; + } + .offset-xxl-2 { + margin-left: 16.66666667%; + } + .offset-xxl-3 { + margin-left: 25%; + } + .offset-xxl-4 { + margin-left: 33.33333333%; + } + .offset-xxl-5 { + margin-left: 41.66666667%; + } + .offset-xxl-6 { + margin-left: 50%; + } + .offset-xxl-7 { + margin-left: 58.33333333%; + } + .offset-xxl-8 { + margin-left: 66.66666667%; + } + .offset-xxl-9 { + margin-left: 75%; + } + .offset-xxl-10 { + margin-left: 83.33333333%; + } + .offset-xxl-11 { + margin-left: 91.66666667%; + } + .g-xxl-0, + .gx-xxl-0 { + --bs-gutter-x: 0; + } + .g-xxl-0, + .gy-xxl-0 { + --bs-gutter-y: 0; + } + .g-xxl-1, + .gx-xxl-1 { + --bs-gutter-x: 0.25rem; + } + .g-xxl-1, + .gy-xxl-1 { + --bs-gutter-y: 0.25rem; + } + .g-xxl-2, + .gx-xxl-2 { + --bs-gutter-x: 0.5rem; + } + .g-xxl-2, + .gy-xxl-2 { + --bs-gutter-y: 0.5rem; + } + .g-xxl-3, + .gx-xxl-3 { + --bs-gutter-x: 1rem; + } + .g-xxl-3, + .gy-xxl-3 { + --bs-gutter-y: 1rem; + } + .g-xxl-4, + .gx-xxl-4 { + --bs-gutter-x: 1.5rem; + } + .g-xxl-4, + .gy-xxl-4 { + --bs-gutter-y: 1.5rem; + } + .g-xxl-5, + .gx-xxl-5 { + --bs-gutter-x: 3rem; + } + .g-xxl-5, + .gy-xxl-5 { + --bs-gutter-y: 3rem; + } +} +.table { + --bs-table-color-type: initial; + --bs-table-bg-type: initial; + --bs-table-color-state: initial; + --bs-table-bg-state: initial; + --bs-table-color: var(--bs-emphasis-color); + --bs-table-bg: var(--bs-body-bg); + --bs-table-border-color: var(--bs-border-color); + --bs-table-accent-bg: transparent; + --bs-table-striped-color: var(--bs-emphasis-color); + --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05); + --bs-table-active-color: var(--bs-emphasis-color); + --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1); + --bs-table-hover-color: var(--bs-emphasis-color); + --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075); + width: 100%; + margin-bottom: 1rem; + vertical-align: top; + border-color: var(--bs-table-border-color); +} +.table > :not(caption) > * > * { + padding: 0.5rem 0.5rem; + color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color))); + background-color: var(--bs-table-bg); + border-bottom-width: var(--bs-border-width); + box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg))); +} +.table > tbody { + vertical-align: inherit; +} +.table > thead { + vertical-align: bottom; +} + +.table-group-divider { + border-top: calc(var(--bs-border-width) * 2) solid currentcolor; +} + +.caption-top { + caption-side: top; +} + +.table-sm > :not(caption) > * > * { + padding: 0.25rem 0.25rem; +} + +.table-bordered > :not(caption) > * { + border-width: var(--bs-border-width) 0; +} +.table-bordered > :not(caption) > * > * { + border-width: 0 var(--bs-border-width); +} + +.table-borderless > :not(caption) > * > * { + border-bottom-width: 0; +} +.table-borderless > :not(:first-child) { + border-top-width: 0; +} + +.table-striped > tbody > tr:nth-of-type(odd) > * { + --bs-table-color-type: var(--bs-table-striped-color); + --bs-table-bg-type: var(--bs-table-striped-bg); +} + +.table-striped-columns > :not(caption) > tr > :nth-child(even) { + --bs-table-color-type: var(--bs-table-striped-color); + --bs-table-bg-type: var(--bs-table-striped-bg); +} + +.table-active { + --bs-table-color-state: var(--bs-table-active-color); + --bs-table-bg-state: var(--bs-table-active-bg); +} + +.table-hover > tbody > tr:hover > * { + --bs-table-color-state: var(--bs-table-hover-color); + --bs-table-bg-state: var(--bs-table-hover-bg); +} + +.table-primary { + --bs-table-color: #000; + --bs-table-bg: #cfe2ff; + --bs-table-border-color: #a6b5cc; + --bs-table-striped-bg: #c5d7f2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bacbe6; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfd1ec; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-secondary { + --bs-table-color: #000; + --bs-table-bg: #e2e3e5; + --bs-table-border-color: #b5b6b7; + --bs-table-striped-bg: #d7d8da; + --bs-table-striped-color: #000; + --bs-table-active-bg: #cbccce; + --bs-table-active-color: #000; + --bs-table-hover-bg: #d1d2d4; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-success { + --bs-table-color: #000; + --bs-table-bg: #d1e7dd; + --bs-table-border-color: #a7b9b1; + --bs-table-striped-bg: #c7dbd2; + --bs-table-striped-color: #000; + --bs-table-active-bg: #bcd0c7; + --bs-table-active-color: #000; + --bs-table-hover-bg: #c1d6cc; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-info { + --bs-table-color: #000; + --bs-table-bg: #cff4fc; + --bs-table-border-color: #a6c3ca; + --bs-table-striped-bg: #c5e8ef; + --bs-table-striped-color: #000; + --bs-table-active-bg: #badce3; + --bs-table-active-color: #000; + --bs-table-hover-bg: #bfe2e9; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-warning { + --bs-table-color: #000; + --bs-table-bg: #fff3cd; + --bs-table-border-color: #ccc2a4; + --bs-table-striped-bg: #f2e7c3; + --bs-table-striped-color: #000; + --bs-table-active-bg: #e6dbb9; + --bs-table-active-color: #000; + --bs-table-hover-bg: #ece1be; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-danger { + --bs-table-color: #000; + --bs-table-bg: #f8d7da; + --bs-table-border-color: #c6acae; + --bs-table-striped-bg: #eccccf; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfc2c4; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5c7ca; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-light { + --bs-table-color: #000; + --bs-table-bg: #f8f9fa; + --bs-table-border-color: #c6c7c8; + --bs-table-striped-bg: #ecedee; + --bs-table-striped-color: #000; + --bs-table-active-bg: #dfe0e1; + --bs-table-active-color: #000; + --bs-table-hover-bg: #e5e6e7; + --bs-table-hover-color: #000; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-dark { + --bs-table-color: #fff; + --bs-table-bg: #212529; + --bs-table-border-color: #4d5154; + --bs-table-striped-bg: #2c3034; + --bs-table-striped-color: #fff; + --bs-table-active-bg: #373b3e; + --bs-table-active-color: #fff; + --bs-table-hover-bg: #323539; + --bs-table-hover-color: #fff; + color: var(--bs-table-color); + border-color: var(--bs-table-border-color); +} + +.table-responsive { + overflow-x: auto; + -webkit-overflow-scrolling: touch; +} + +@media (max-width: 575.98px) { + .table-responsive-sm { overflow-x: auto; -webkit-overflow-scrolling: touch; } - - @media (max-width: 575.98px) { - .table-responsive-sm { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } +} +@media (max-width: 767.98px) { + .table-responsive-md { + overflow-x: auto; + -webkit-overflow-scrolling: touch; } - @media (max-width: 767.98px) { - .table-responsive-md { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } +} +@media (max-width: 991.98px) { + .table-responsive-lg { + overflow-x: auto; + -webkit-overflow-scrolling: touch; } - @media (max-width: 991.98px) { - .table-responsive-lg { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } +} +@media (max-width: 1199.98px) { + .table-responsive-xl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; } - @media (max-width: 1199.98px) { - .table-responsive-xl { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } +} +@media (max-width: 1399.98px) { + .table-responsive-xxl { + overflow-x: auto; + -webkit-overflow-scrolling: touch; } - @media (max-width: 1399.98px) { - .table-responsive-xxl { - overflow-x: auto; - -webkit-overflow-scrolling: touch; - } - } - .form-label { - margin-bottom: 0.5rem; - } - - .col-form-label { - padding-top: calc(0.375rem + 1px); - padding-bottom: calc(0.375rem + 1px); - margin-bottom: 0; - font-size: inherit; - line-height: 1.5; - } - - .col-form-label-lg { - padding-top: calc(0.5rem + 1px); - padding-bottom: calc(0.5rem + 1px); - font-size: 1.09375rem; - } - - .col-form-label-sm { - padding-top: calc(0.25rem + 1px); - padding-bottom: calc(0.25rem + 1px); - font-size: 0.765625rem; - } - - .form-text { - margin-top: 0.25rem; - font-size: 0.875em; - color: #6c757d; - } - +} +.form-label { + margin-bottom: 0.5rem; +} + +.col-form-label { + padding-top: calc(0.375rem + var(--bs-border-width)); + padding-bottom: calc(0.375rem + var(--bs-border-width)); + margin-bottom: 0; + font-size: inherit; + line-height: 1.5; +} + +.col-form-label-lg { + padding-top: calc(0.5rem + var(--bs-border-width)); + padding-bottom: calc(0.5rem + var(--bs-border-width)); + font-size: 1.25rem; +} + +.col-form-label-sm { + padding-top: calc(0.25rem + var(--bs-border-width)); + padding-bottom: calc(0.25rem + var(--bs-border-width)); + font-size: 0.875rem; +} + +.form-text { + margin-top: 0.25rem; + font-size: 0.875em; + color: var(--bs-secondary-color); +} + +.form-control { + display: block; + width: 100%; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: var(--bs-body-color); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: var(--bs-body-bg); + background-clip: padding-box; + border: var(--bs-border-width) solid var(--bs-border-color); + border-radius: var(--bs-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { .form-control { - display: block; - width: 100%; - padding: 0.375rem 0.75rem; - font-size: 0.875rem; - font-weight: 400; - line-height: 1.5; - color: #212529; - background-color: #fff; - background-clip: padding-box; - border: 1px solid #ced4da; - -webkit-appearance: none; - appearance: none; - border-radius: 0.375rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: none; } - @media (prefers-reduced-motion: reduce) { - .form-control { - transition: none; - } - } - .form-control[type=file] { - overflow: hidden; - } - .form-control[type=file]:not(:disabled):not([readonly]) { - cursor: pointer; - } - .form-control:focus { - color: #212529; - background-color: #fff; - border-color: #90cbf9; - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); - } - .form-control::-webkit-date-and-time-value { - height: 1.5em; - } - .form-control::placeholder { - color: #6c757d; - opacity: 1; - } - .form-control:disabled { - background-color: #e9ecef; - opacity: 1; +} +.form-control[type=file] { + overflow: hidden; +} +.form-control[type=file]:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control:focus { + color: var(--bs-body-color); + background-color: var(--bs-body-bg); + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} +.form-control::-webkit-date-and-time-value { + min-width: 85px; + height: 1.5em; + margin: 0; +} +.form-control::-webkit-datetime-edit { + display: block; + padding: 0; +} +.form-control::-moz-placeholder { + color: var(--bs-secondary-color); + opacity: 1; +} +.form-control::placeholder { + color: var(--bs-secondary-color); + opacity: 1; +} +.form-control:disabled { + background-color: var(--bs-secondary-bg); + opacity: 1; +} +.form-control::-webkit-file-upload-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: var(--bs-body-color); + background-color: var(--bs-tertiary-bg); + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: var(--bs-border-width); + border-radius: 0; + -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +.form-control::file-selector-button { + padding: 0.375rem 0.75rem; + margin: -0.375rem -0.75rem; + -webkit-margin-end: 0.75rem; + margin-inline-end: 0.75rem; + color: var(--bs-body-color); + background-color: var(--bs-tertiary-bg); + pointer-events: none; + border-color: inherit; + border-style: solid; + border-width: 0; + border-inline-end-width: var(--bs-border-width); + border-radius: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .form-control::-webkit-file-upload-button { + -webkit-transition: none; + transition: none; } .form-control::file-selector-button { - padding: 0.375rem 0.75rem; - margin: -0.375rem -0.75rem; - -webkit-margin-end: 0.75rem; - margin-inline-end: 0.75rem; - color: #212529; - background-color: #e9ecef; - pointer-events: none; - border-color: inherit; - border-style: solid; - border-width: 0; - border-inline-end-width: 1px; - border-radius: 0; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: none; } - @media (prefers-reduced-motion: reduce) { - .form-control::file-selector-button { - transition: none; - } - } - .form-control:hover:not(:disabled):not([readonly])::file-selector-button { - background-color: #dde0e3; - } - - .form-control-plaintext { - display: block; - width: 100%; - padding: 0.375rem 0; - margin-bottom: 0; - line-height: 1.5; - color: #212529; - background-color: transparent; - border: solid transparent; - border-width: 1px 0; - } - .form-control-plaintext:focus { - outline: 0; - } - .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { - padding-right: 0; - padding-left: 0; - } - - .form-control-sm { - min-height: calc(1.5em + 0.5rem + 2px); - padding: 0.25rem 0.5rem; - font-size: 0.765625rem; - border-radius: 0.25rem; - } - .form-control-sm::file-selector-button { - padding: 0.25rem 0.5rem; - margin: -0.25rem -0.5rem; - -webkit-margin-end: 0.5rem; - margin-inline-end: 0.5rem; - } - - .form-control-lg { - min-height: calc(1.5em + 1rem + 2px); - padding: 0.5rem 1rem; - font-size: 1.09375rem; - border-radius: 0.5rem; - } - .form-control-lg::file-selector-button { - padding: 0.5rem 1rem; - margin: -0.5rem -1rem; - -webkit-margin-end: 1rem; - margin-inline-end: 1rem; - } - - textarea.form-control { - min-height: calc(1.5em + 0.75rem + 2px); - } - textarea.form-control-sm { - min-height: calc(1.5em + 0.5rem + 2px); - } - textarea.form-control-lg { - min-height: calc(1.5em + 1rem + 2px); - } - - .form-control-color { - width: 3rem; - height: calc(1.5em + 0.75rem + 2px); - padding: 0.375rem; - } - .form-control-color:not(:disabled):not([readonly]) { - cursor: pointer; - } - .form-control-color::-moz-color-swatch { - border: 0 !important; - border-radius: 0.375rem; - } - .form-control-color::-webkit-color-swatch { - border-radius: 0.375rem; - } - .form-control-color.form-control-sm { - height: calc(1.5em + 0.5rem + 2px); - } - .form-control-color.form-control-lg { - height: calc(1.5em + 1rem + 2px); - } - +} +.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { + background-color: var(--bs-secondary-bg); +} +.form-control:hover:not(:disabled):not([readonly])::file-selector-button { + background-color: var(--bs-secondary-bg); +} + +.form-control-plaintext { + display: block; + width: 100%; + padding: 0.375rem 0; + margin-bottom: 0; + line-height: 1.5; + color: var(--bs-body-color); + background-color: transparent; + border: solid transparent; + border-width: var(--bs-border-width) 0; +} +.form-control-plaintext:focus { + outline: 0; +} +.form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { + padding-right: 0; + padding-left: 0; +} + +.form-control-sm { + min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: var(--bs-border-radius-sm); +} +.form-control-sm::-webkit-file-upload-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} +.form-control-sm::file-selector-button { + padding: 0.25rem 0.5rem; + margin: -0.25rem -0.5rem; + -webkit-margin-end: 0.5rem; + margin-inline-end: 0.5rem; +} + +.form-control-lg { + min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: var(--bs-border-radius-lg); +} +.form-control-lg::-webkit-file-upload-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} +.form-control-lg::file-selector-button { + padding: 0.5rem 1rem; + margin: -0.5rem -1rem; + -webkit-margin-end: 1rem; + margin-inline-end: 1rem; +} + +textarea.form-control { + min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); +} +textarea.form-control-sm { + min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); +} +textarea.form-control-lg { + min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); +} + +.form-control-color { + width: 3rem; + height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); + padding: 0.375rem; +} +.form-control-color:not(:disabled):not([readonly]) { + cursor: pointer; +} +.form-control-color::-moz-color-swatch { + border: 0 !important; + border-radius: var(--bs-border-radius); +} +.form-control-color::-webkit-color-swatch { + border: 0 !important; + border-radius: var(--bs-border-radius); +} +.form-control-color.form-control-sm { + height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2)); +} +.form-control-color.form-control-lg { + height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2)); +} + +.form-select { + --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); + display: block; + width: 100%; + padding: 0.375rem 2.25rem 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: var(--bs-body-color); + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: var(--bs-body-bg); + background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none); + background-repeat: no-repeat; + background-position: right 0.75rem center; + background-size: 16px 12px; + border: var(--bs-border-width) solid var(--bs-border-color); + border-radius: var(--bs-border-radius); + transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { .form-select { - display: block; - width: 100%; - padding: 0.375rem 2.25rem 0.375rem 0.75rem; - -moz-padding-start: calc(0.75rem - 3px); - font-size: 0.875rem; - font-weight: 400; - line-height: 1.5; - color: #212529; - background-color: #fff; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right 0.75rem center; - background-size: 16px 12px; - border: 1px solid #ced4da; - border-radius: 0.375rem; - transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -webkit-appearance: none; - appearance: none; - } - @media (prefers-reduced-motion: reduce) { - .form-select { - transition: none; - } - } - .form-select:focus { - border-color: #90cbf9; - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); - } - .form-select[multiple], .form-select[size]:not([size="1"]) { - padding-right: 0.75rem; - background-image: none; - } - .form-select:disabled { - background-color: #e9ecef; - } - .form-select:-moz-focusring { - color: transparent; - text-shadow: 0 0 0 #212529; - } - - .form-select-sm { - padding-top: 0.25rem; - padding-bottom: 0.25rem; - padding-left: 0.5rem; - font-size: 0.765625rem; - border-radius: 0.25rem; - } - - .form-select-lg { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - padding-left: 1rem; - font-size: 1.09375rem; - border-radius: 0.5rem; - } - - .form-check { - display: block; - min-height: 1.3125rem; - padding-left: 1.5em; - margin-bottom: 0.125rem; - } - .form-check .form-check-input { - float: left; - margin-left: -1.5em; - } - - .form-check-reverse { - padding-right: 1.5em; - padding-left: 0; - text-align: right; - } - .form-check-reverse .form-check-input { - float: right; - margin-right: -1.5em; - margin-left: 0; - } - - .form-check-input { - width: 1em; - height: 1em; - margin-top: 0.25em; - vertical-align: top; - background-color: #fff; - background-repeat: no-repeat; - background-position: center; - background-size: contain; - border: 1px solid rgba(0, 0, 0, 0.25); - -webkit-appearance: none; - appearance: none; - -webkit-print-color-adjust: exact; - print-color-adjust: exact; - } - .form-check-input[type=checkbox] { - border-radius: 0.25em; - } - .form-check-input[type=radio] { - border-radius: 50%; - } - .form-check-input:active { - filter: brightness(90%); - } - .form-check-input:focus { - border-color: #90cbf9; - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); - } - .form-check-input:checked { - background-color: #2196f3; - border-color: #2196f3; - } - .form-check-input:checked[type=checkbox] { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); - } - .form-check-input:checked[type=radio] { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); - } - .form-check-input[type=checkbox]:indeterminate { - background-color: #2196f3; - border-color: #2196f3; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); - } - .form-check-input:disabled { - pointer-events: none; - filter: none; - opacity: 0.5; - } - .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { - cursor: default; - opacity: 0.5; - } - - .form-switch { - padding-left: 2.5em; + transition: none; } +} +.form-select:focus { + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} +.form-select[multiple], .form-select[size]:not([size="1"]) { + padding-right: 0.75rem; + background-image: none; +} +.form-select:disabled { + background-color: var(--bs-secondary-bg); +} +.form-select:-moz-focusring { + color: transparent; + text-shadow: 0 0 0 var(--bs-body-color); +} + +.form-select-sm { + padding-top: 0.25rem; + padding-bottom: 0.25rem; + padding-left: 0.5rem; + font-size: 0.875rem; + border-radius: var(--bs-border-radius-sm); +} + +.form-select-lg { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + padding-left: 1rem; + font-size: 1.25rem; + border-radius: var(--bs-border-radius-lg); +} + +[data-bs-theme=dark] .form-select { + --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); +} + +.form-check { + display: block; + min-height: 1.5rem; + padding-left: 1.5em; + margin-bottom: 0.125rem; +} +.form-check .form-check-input { + float: left; + margin-left: -1.5em; +} + +.form-check-reverse { + padding-right: 1.5em; + padding-left: 0; + text-align: right; +} +.form-check-reverse .form-check-input { + float: right; + margin-right: -1.5em; + margin-left: 0; +} + +.form-check-input { + --bs-form-check-bg: var(--bs-body-bg); + flex-shrink: 0; + width: 1em; + height: 1em; + margin-top: 0.25em; + vertical-align: top; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: var(--bs-form-check-bg); + background-image: var(--bs-form-check-bg-image); + background-repeat: no-repeat; + background-position: center; + background-size: contain; + border: var(--bs-border-width) solid var(--bs-border-color); + -webkit-print-color-adjust: exact; + color-adjust: exact; + print-color-adjust: exact; +} +.form-check-input[type=checkbox] { + border-radius: 0.25em; +} +.form-check-input[type=radio] { + border-radius: 50%; +} +.form-check-input:active { + filter: brightness(90%); +} +.form-check-input:focus { + border-color: #86b7fe; + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} +.form-check-input:checked { + background-color: #0d6efd; + border-color: #0d6efd; +} +.form-check-input:checked[type=checkbox] { + --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e"); +} +.form-check-input:checked[type=radio] { + --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); +} +.form-check-input[type=checkbox]:indeterminate { + background-color: #0d6efd; + border-color: #0d6efd; + --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); +} +.form-check-input:disabled { + pointer-events: none; + filter: none; + opacity: 0.5; +} +.form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { + cursor: default; + opacity: 0.5; +} + +.form-switch { + padding-left: 2.5em; +} +.form-switch .form-check-input { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); + width: 2em; + margin-left: -2.5em; + background-image: var(--bs-form-switch-bg); + background-position: left center; + border-radius: 2em; + transition: background-position 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { .form-switch .form-check-input { - width: 2em; - margin-left: -2.5em; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); - background-position: left center; - border-radius: 2em; - transition: background-position 0.15s ease-in-out; - } - @media (prefers-reduced-motion: reduce) { - .form-switch .form-check-input { - transition: none; - } - } - .form-switch .form-check-input:focus { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2390cbf9'/%3e%3c/svg%3e"); - } - .form-switch .form-check-input:checked { - background-position: right center; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); - } - .form-switch.form-check-reverse { - padding-right: 2.5em; - padding-left: 0; - } - .form-switch.form-check-reverse .form-check-input { - margin-right: -2.5em; - margin-left: 0; - } - - .form-check-inline { - display: inline-block; - margin-right: 1rem; - } - - .btn-check { - position: absolute; - clip: rect(0, 0, 0, 0); - pointer-events: none; - } - .btn-check[disabled] + .btn, .btn-check:disabled + .btn { - pointer-events: none; - filter: none; - opacity: 0.65; - } - - .form-range { - width: 100%; - height: 1.5rem; - padding: 0; - background-color: transparent; - -webkit-appearance: none; - appearance: none; - } - .form-range:focus { - outline: 0; - } - .form-range:focus::-webkit-slider-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(33, 150, 243, 0.25); - } - .form-range:focus::-moz-range-thumb { - box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(33, 150, 243, 0.25); - } - .form-range::-moz-focus-outer { - border: 0; + transition: none; } +} +.form-switch .form-check-input:focus { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e"); +} +.form-switch .form-check-input:checked { + background-position: right center; + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); +} +.form-switch.form-check-reverse { + padding-right: 2.5em; + padding-left: 0; +} +.form-switch.form-check-reverse .form-check-input { + margin-right: -2.5em; + margin-left: 0; +} + +.form-check-inline { + display: inline-block; + margin-right: 1rem; +} + +.btn-check { + position: absolute; + clip: rect(0, 0, 0, 0); + pointer-events: none; +} +.btn-check[disabled] + .btn, .btn-check:disabled + .btn { + pointer-events: none; + filter: none; + opacity: 0.65; +} + +[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) { + --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e"); +} + +.form-range { + width: 100%; + height: 1.5rem; + padding: 0; + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; + background-color: transparent; +} +.form-range:focus { + outline: 0; +} +.form-range:focus::-webkit-slider-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} +.form-range:focus::-moz-range-thumb { + box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} +.form-range::-moz-focus-outer { + border: 0; +} +.form-range::-webkit-slider-thumb { + width: 1rem; + height: 1rem; + margin-top: -0.25rem; + -webkit-appearance: none; + appearance: none; + background-color: #0d6efd; + border: 0; + border-radius: 1rem; + -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { .form-range::-webkit-slider-thumb { - width: 1rem; - height: 1rem; - margin-top: -0.25rem; - background-color: #2196f3; - border: 0; - border-radius: 1rem; - -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - -webkit-appearance: none; - appearance: none; - } - @media (prefers-reduced-motion: reduce) { - .form-range::-webkit-slider-thumb { - -webkit-transition: none; - transition: none; - } - } - .form-range::-webkit-slider-thumb:active { - background-color: #bce0fb; - } - .form-range::-webkit-slider-runnable-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; - border-radius: 1rem; + -webkit-transition: none; + transition: none; } +} +.form-range::-webkit-slider-thumb:active { + background-color: #b6d4fe; +} +.form-range::-webkit-slider-runnable-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: var(--bs-secondary-bg); + border-color: transparent; + border-radius: 1rem; +} +.form-range::-moz-range-thumb { + width: 1rem; + height: 1rem; + -moz-appearance: none; + appearance: none; + background-color: #0d6efd; + border: 0; + border-radius: 1rem; + -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { .form-range::-moz-range-thumb { - width: 1rem; - height: 1rem; - background-color: #2196f3; - border: 0; - border-radius: 1rem; - -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - appearance: none; - } - @media (prefers-reduced-motion: reduce) { - .form-range::-moz-range-thumb { - -moz-transition: none; - transition: none; - } - } - .form-range::-moz-range-thumb:active { - background-color: #bce0fb; - } - .form-range::-moz-range-track { - width: 100%; - height: 0.5rem; - color: transparent; - cursor: pointer; - background-color: #dee2e6; - border-color: transparent; - border-radius: 1rem; - } - .form-range:disabled { - pointer-events: none; - } - .form-range:disabled::-webkit-slider-thumb { - background-color: #adb5bd; - } - .form-range:disabled::-moz-range-thumb { - background-color: #adb5bd; - } - - .form-floating { - position: relative; - } - .form-floating > .form-control, - .form-floating > .form-control-plaintext, - .form-floating > .form-select { - height: calc(3.5rem + 2px); - line-height: 1.25; + -moz-transition: none; + transition: none; } +} +.form-range::-moz-range-thumb:active { + background-color: #b6d4fe; +} +.form-range::-moz-range-track { + width: 100%; + height: 0.5rem; + color: transparent; + cursor: pointer; + background-color: var(--bs-secondary-bg); + border-color: transparent; + border-radius: 1rem; +} +.form-range:disabled { + pointer-events: none; +} +.form-range:disabled::-webkit-slider-thumb { + background-color: var(--bs-secondary-color); +} +.form-range:disabled::-moz-range-thumb { + background-color: var(--bs-secondary-color); +} + +.form-floating { + position: relative; +} +.form-floating > .form-control, +.form-floating > .form-control-plaintext, +.form-floating > .form-select { + height: calc(3.5rem + calc(var(--bs-border-width) * 2)); + min-height: calc(3.5rem + calc(var(--bs-border-width) * 2)); + line-height: 1.25; +} +.form-floating > label { + position: absolute; + top: 0; + left: 0; + z-index: 2; + height: 100%; + padding: 1rem 0.75rem; + overflow: hidden; + text-align: start; + text-overflow: ellipsis; + white-space: nowrap; + pointer-events: none; + border: var(--bs-border-width) solid transparent; + transform-origin: 0 0; + transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { .form-floating > label { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - padding: 1rem 0.75rem; - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - pointer-events: none; - border: 1px solid transparent; - transform-origin: 0 0; - transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; + transition: none; } - @media (prefers-reduced-motion: reduce) { - .form-floating > label { - transition: none; - } - } - .form-floating > .form-control, - .form-floating > .form-control-plaintext { - padding: 1rem 0.75rem; - } - .form-floating > .form-control::placeholder, - .form-floating > .form-control-plaintext::placeholder { - color: transparent; - } - .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), - .form-floating > .form-control-plaintext:focus, - .form-floating > .form-control-plaintext:not(:placeholder-shown) { - padding-top: 1.625rem; - padding-bottom: 0.625rem; - } - .form-floating > .form-control:-webkit-autofill, - .form-floating > .form-control-plaintext:-webkit-autofill { - padding-top: 1.625rem; - padding-bottom: 0.625rem; - } - .form-floating > .form-select { - padding-top: 1.625rem; - padding-bottom: 0.625rem; - } - .form-floating > .form-control:focus ~ label, - .form-floating > .form-control:not(:placeholder-shown) ~ label, - .form-floating > .form-control-plaintext ~ label, - .form-floating > .form-select ~ label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); - } - .form-floating > .form-control:-webkit-autofill ~ label { - opacity: 0.65; - transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); - } - .form-floating > .form-control-plaintext ~ label { - border-width: 1px 0; - } - - .input-group { - position: relative; - display: flex; - flex-wrap: wrap; - align-items: stretch; - width: 100%; - } - .input-group > .form-control, - .input-group > .form-select, - .input-group > .form-floating { - position: relative; - flex: 1 1 auto; - width: 1%; - min-width: 0; - } - .input-group > .form-control:focus, - .input-group > .form-select:focus, - .input-group > .form-floating:focus-within { - z-index: 3; - } - .input-group .btn { - position: relative; - z-index: 2; - } - .input-group .btn:focus { - z-index: 3; - } - - .input-group-text { - display: flex; - align-items: center; - padding: 0.375rem 0.75rem; - font-size: 0.875rem; - font-weight: 400; - line-height: 1.5; - color: #212529; - text-align: center; - white-space: nowrap; - background-color: #e9ecef; - border: 1px solid #ced4da; - border-radius: 0.375rem; - } - - .input-group-lg > .form-control, - .input-group-lg > .form-select, - .input-group-lg > .input-group-text, - .input-group-lg > .btn { - padding: 0.5rem 1rem; - font-size: 1.09375rem; - border-radius: 0.5rem; - } - - .input-group-sm > .form-control, - .input-group-sm > .form-select, - .input-group-sm > .input-group-text, - .input-group-sm > .btn { - padding: 0.25rem 0.5rem; - font-size: 0.765625rem; - border-radius: 0.25rem; - } - - .input-group-lg > .form-select, - .input-group-sm > .form-select { - padding-right: 3rem; - } - - .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), - .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), - .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, - .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - .input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), - .input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), - .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, - .input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - .input-group > :not(:first-child):not(.dropdown-menu):not(.form-floating):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback), - .input-group > .form-floating:not(:first-child) > .form-control, - .input-group > .form-floating:not(:first-child) > .form-select { - margin-left: -1px; - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .valid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 0.875em; - color: #4caf50; - } - - .valid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.25rem 0.5rem; - margin-top: 0.1rem; - font-size: 0.765625rem; - color: #000; - background-color: rgba(76, 175, 80, 0.9); - border-radius: 0.375rem; - } - - .was-validated :valid ~ .valid-feedback, - .was-validated :valid ~ .valid-tooltip, - .is-valid ~ .valid-feedback, - .is-valid ~ .valid-tooltip { - display: block; - } - - .was-validated .form-control:valid, .form-control.is-valid { - border-color: #4caf50; - padding-right: calc(1.5em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right calc(0.375em + 0.1875rem) center; - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); - } - .was-validated .form-control:valid:focus, .form-control.is-valid:focus { - border-color: #4caf50; - box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.25); - } - - .was-validated textarea.form-control:valid, textarea.form-control.is-valid { - padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); - } - - .was-validated .form-select:valid, .form-select.is-valid { - border-color: #4caf50; - } - .was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { - padding-right: 4.125rem; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%234caf50' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); - background-position: right 0.75rem center, center right 2.25rem; - background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); - } - .was-validated .form-select:valid:focus, .form-select.is-valid:focus { - border-color: #4caf50; - box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.25); - } - - .was-validated .form-control-color:valid, .form-control-color.is-valid { - width: calc(3rem + calc(1.5em + 0.75rem)); - } - - .was-validated .form-check-input:valid, .form-check-input.is-valid { - border-color: #4caf50; - } - .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { - background-color: #4caf50; - } - .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { - box-shadow: 0 0 0 0.25rem rgba(76, 175, 80, 0.25); - } - .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { - color: #4caf50; - } - - .form-check-inline .form-check-input ~ .valid-feedback { - margin-left: 0.5em; - } - - .was-validated .input-group .form-control:valid, .input-group .form-control.is-valid, - .was-validated .input-group .form-select:valid, - .input-group .form-select.is-valid { - z-index: 1; - } - .was-validated .input-group .form-control:valid:focus, .input-group .form-control.is-valid:focus, - .was-validated .input-group .form-select:valid:focus, - .input-group .form-select.is-valid:focus { - z-index: 3; - } - - .invalid-feedback { - display: none; - width: 100%; - margin-top: 0.25rem; - font-size: 0.875em; - color: #f44336; - } - - .invalid-tooltip { - position: absolute; - top: 100%; - z-index: 5; - display: none; - max-width: 100%; - padding: 0.25rem 0.5rem; - margin-top: 0.1rem; - font-size: 0.765625rem; - color: #000; - background-color: rgba(244, 67, 54, 0.9); - border-radius: 0.375rem; - } - - .was-validated :invalid ~ .invalid-feedback, - .was-validated :invalid ~ .invalid-tooltip, - .is-invalid ~ .invalid-feedback, - .is-invalid ~ .invalid-tooltip { - display: block; - } - - .was-validated .form-control:invalid, .form-control.is-invalid { - border-color: #f44336; - padding-right: calc(1.5em + 0.75rem); - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f44336'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f44336' stroke='none'/%3e%3c/svg%3e"); - background-repeat: no-repeat; - background-position: right calc(0.375em + 0.1875rem) center; - background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); - } - .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { - border-color: #f44336; - box-shadow: 0 0 0 0.25rem rgba(244, 67, 54, 0.25); - } - - .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { - padding-right: calc(1.5em + 0.75rem); - background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); - } - - .was-validated .form-select:invalid, .form-select.is-invalid { - border-color: #f44336; - } - .was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { - padding-right: 4.125rem; - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23f44336'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23f44336' stroke='none'/%3e%3c/svg%3e"); - background-position: right 0.75rem center, center right 2.25rem; - background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); - } - .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { - border-color: #f44336; - box-shadow: 0 0 0 0.25rem rgba(244, 67, 54, 0.25); - } - - .was-validated .form-control-color:invalid, .form-control-color.is-invalid { - width: calc(3rem + calc(1.5em + 0.75rem)); - } - - .was-validated .form-check-input:invalid, .form-check-input.is-invalid { - border-color: #f44336; - } - .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { - background-color: #f44336; - } - .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { - box-shadow: 0 0 0 0.25rem rgba(244, 67, 54, 0.25); - } - .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { - color: #f44336; - } - - .form-check-inline .form-check-input ~ .invalid-feedback { - margin-left: 0.5em; - } - - .was-validated .input-group .form-control:invalid, .input-group .form-control.is-invalid, - .was-validated .input-group .form-select:invalid, - .input-group .form-select.is-invalid { - z-index: 2; - } - .was-validated .input-group .form-control:invalid:focus, .input-group .form-control.is-invalid:focus, - .was-validated .input-group .form-select:invalid:focus, - .input-group .form-select.is-invalid:focus { - z-index: 3; - } - +} +.form-floating > .form-control, +.form-floating > .form-control-plaintext { + padding: 1rem 0.75rem; +} +.form-floating > .form-control::-moz-placeholder, .form-floating > .form-control-plaintext::-moz-placeholder { + color: transparent; +} +.form-floating > .form-control::placeholder, +.form-floating > .form-control-plaintext::placeholder { + color: transparent; +} +.form-floating > .form-control:not(:-moz-placeholder-shown), .form-floating > .form-control-plaintext:not(:-moz-placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown), +.form-floating > .form-control-plaintext:focus, +.form-floating > .form-control-plaintext:not(:placeholder-shown) { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-control:-webkit-autofill, +.form-floating > .form-control-plaintext:-webkit-autofill { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-select { + padding-top: 1.625rem; + padding-bottom: 0.625rem; +} +.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { + color: rgba(var(--bs-body-color-rgb), 0.65); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} +.form-floating > .form-control:focus ~ label, +.form-floating > .form-control:not(:placeholder-shown) ~ label, +.form-floating > .form-control-plaintext ~ label, +.form-floating > .form-select ~ label { + color: rgba(var(--bs-body-color-rgb), 0.65); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} +.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after { + position: absolute; + inset: 1rem 0.375rem; + z-index: -1; + height: 1.5em; + content: ""; + background-color: var(--bs-body-bg); + border-radius: var(--bs-border-radius); +} +.form-floating > .form-control:focus ~ label::after, +.form-floating > .form-control:not(:placeholder-shown) ~ label::after, +.form-floating > .form-control-plaintext ~ label::after, +.form-floating > .form-select ~ label::after { + position: absolute; + inset: 1rem 0.375rem; + z-index: -1; + height: 1.5em; + content: ""; + background-color: var(--bs-body-bg); + border-radius: var(--bs-border-radius); +} +.form-floating > .form-control:-webkit-autofill ~ label { + color: rgba(var(--bs-body-color-rgb), 0.65); + transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); +} +.form-floating > .form-control-plaintext ~ label { + border-width: var(--bs-border-width) 0; +} +.form-floating > :disabled ~ label, +.form-floating > .form-control:disabled ~ label { + color: #6c757d; +} +.form-floating > :disabled ~ label::after, +.form-floating > .form-control:disabled ~ label::after { + background-color: var(--bs-secondary-bg); +} + +.input-group { + position: relative; + display: flex; + flex-wrap: wrap; + align-items: stretch; + width: 100%; +} +.input-group > .form-control, +.input-group > .form-select, +.input-group > .form-floating { + position: relative; + flex: 1 1 auto; + width: 1%; + min-width: 0; +} +.input-group > .form-control:focus, +.input-group > .form-select:focus, +.input-group > .form-floating:focus-within { + z-index: 5; +} +.input-group .btn { + position: relative; + z-index: 2; +} +.input-group .btn:focus { + z-index: 5; +} + +.input-group-text { + display: flex; + align-items: center; + padding: 0.375rem 0.75rem; + font-size: 1rem; + font-weight: 400; + line-height: 1.5; + color: var(--bs-body-color); + text-align: center; + white-space: nowrap; + background-color: var(--bs-tertiary-bg); + border: var(--bs-border-width) solid var(--bs-border-color); + border-radius: var(--bs-border-radius); +} + +.input-group-lg > .form-control, +.input-group-lg > .form-select, +.input-group-lg > .input-group-text, +.input-group-lg > .btn { + padding: 0.5rem 1rem; + font-size: 1.25rem; + border-radius: var(--bs-border-radius-lg); +} + +.input-group-sm > .form-control, +.input-group-sm > .form-select, +.input-group-sm > .input-group-text, +.input-group-sm > .btn { + padding: 0.25rem 0.5rem; + font-size: 0.875rem; + border-radius: var(--bs-border-radius-sm); +} + +.input-group-lg > .form-select, +.input-group-sm > .form-select { + padding-right: 3rem; +} + +.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), +.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3), +.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, +.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating), +.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4), +.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control, +.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { + margin-left: calc(var(--bs-border-width) * -1); + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} +.input-group > .form-floating:not(:first-child) > .form-control, +.input-group > .form-floating:not(:first-child) > .form-select { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.valid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: var(--bs-form-valid-color); +} + +.valid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #fff; + background-color: var(--bs-success); + border-radius: var(--bs-border-radius); +} + +.was-validated :valid ~ .valid-feedback, +.was-validated :valid ~ .valid-tooltip, +.is-valid ~ .valid-feedback, +.is-valid ~ .valid-tooltip { + display: block; +} + +.was-validated .form-control:valid, .form-control.is-valid { + border-color: var(--bs-form-valid-border-color); + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:valid:focus, .form-control.is-valid:focus { + border-color: var(--bs-form-valid-border-color); + box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); +} + +.was-validated textarea.form-control:valid, textarea.form-control.is-valid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .form-select:valid, .form-select.is-valid { + border-color: var(--bs-form-valid-border-color); +} +.was-validated .form-select:valid:not([multiple]):not([size]), .was-validated .form-select:valid:not([multiple])[size="1"], .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { + --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); + padding-right: 4.125rem; + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-select:valid:focus, .form-select.is-valid:focus { + border-color: var(--bs-form-valid-border-color); + box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); +} + +.was-validated .form-control-color:valid, .form-control-color.is-valid { + width: calc(3rem + calc(1.5em + 0.75rem)); +} + +.was-validated .form-check-input:valid, .form-check-input.is-valid { + border-color: var(--bs-form-valid-border-color); +} +.was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { + background-color: var(--bs-form-valid-color); +} +.was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { + box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25); +} +.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { + color: var(--bs-form-valid-color); +} + +.form-check-inline .form-check-input ~ .valid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group > .form-control:not(:focus):valid, .input-group > .form-control:not(:focus).is-valid, +.was-validated .input-group > .form-select:not(:focus):valid, +.input-group > .form-select:not(:focus).is-valid, +.was-validated .input-group > .form-floating:not(:focus-within):valid, +.input-group > .form-floating:not(:focus-within).is-valid { + z-index: 3; +} + +.invalid-feedback { + display: none; + width: 100%; + margin-top: 0.25rem; + font-size: 0.875em; + color: var(--bs-form-invalid-color); +} + +.invalid-tooltip { + position: absolute; + top: 100%; + z-index: 5; + display: none; + max-width: 100%; + padding: 0.25rem 0.5rem; + margin-top: 0.1rem; + font-size: 0.875rem; + color: #fff; + background-color: var(--bs-danger); + border-radius: var(--bs-border-radius); +} + +.was-validated :invalid ~ .invalid-feedback, +.was-validated :invalid ~ .invalid-tooltip, +.is-invalid ~ .invalid-feedback, +.is-invalid ~ .invalid-tooltip { + display: block; +} + +.was-validated .form-control:invalid, .form-control.is-invalid { + border-color: var(--bs-form-invalid-border-color); + padding-right: calc(1.5em + 0.75rem); + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-position: right calc(0.375em + 0.1875rem) center; + background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { + border-color: var(--bs-form-invalid-border-color); + box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); +} + +.was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { + padding-right: calc(1.5em + 0.75rem); + background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); +} + +.was-validated .form-select:invalid, .form-select.is-invalid { + border-color: var(--bs-form-invalid-border-color); +} +.was-validated .form-select:invalid:not([multiple]):not([size]), .was-validated .form-select:invalid:not([multiple])[size="1"], .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { + --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); + padding-right: 4.125rem; + background-position: right 0.75rem center, center right 2.25rem; + background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); +} +.was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { + border-color: var(--bs-form-invalid-border-color); + box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); +} + +.was-validated .form-control-color:invalid, .form-control-color.is-invalid { + width: calc(3rem + calc(1.5em + 0.75rem)); +} + +.was-validated .form-check-input:invalid, .form-check-input.is-invalid { + border-color: var(--bs-form-invalid-border-color); +} +.was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { + background-color: var(--bs-form-invalid-color); +} +.was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { + box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25); +} +.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { + color: var(--bs-form-invalid-color); +} + +.form-check-inline .form-check-input ~ .invalid-feedback { + margin-left: 0.5em; +} + +.was-validated .input-group > .form-control:not(:focus):invalid, .input-group > .form-control:not(:focus).is-invalid, +.was-validated .input-group > .form-select:not(:focus):invalid, +.input-group > .form-select:not(:focus).is-invalid, +.was-validated .input-group > .form-floating:not(:focus-within):invalid, +.input-group > .form-floating:not(:focus-within).is-invalid { + z-index: 4; +} + +.btn { + --bs-btn-padding-x: 0.75rem; + --bs-btn-padding-y: 0.375rem; + --bs-btn-font-family: ; + --bs-btn-font-size: 1rem; + --bs-btn-font-weight: 400; + --bs-btn-line-height: 1.5; + --bs-btn-color: var(--bs-body-color); + --bs-btn-bg: transparent; + --bs-btn-border-width: var(--bs-border-width); + --bs-btn-border-color: transparent; + --bs-btn-border-radius: var(--bs-border-radius); + --bs-btn-hover-border-color: transparent; + --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); + --bs-btn-disabled-opacity: 0.65; + --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); + display: inline-block; + padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); + font-family: var(--bs-btn-font-family); + font-size: var(--bs-btn-font-size); + font-weight: var(--bs-btn-font-weight); + line-height: var(--bs-btn-line-height); + color: var(--bs-btn-color); + text-align: center; + text-decoration: none; + vertical-align: middle; + cursor: pointer; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); + border-radius: var(--bs-btn-border-radius); + background-color: var(--bs-btn-bg); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { .btn { - --bs-btn-padding-x: 0.75rem; - --bs-btn-padding-y: 0.375rem; - --bs-btn-font-family: ; - --bs-btn-font-size: 0.875rem; - --bs-btn-font-weight: 400; - --bs-btn-line-height: 1.5; - --bs-btn-color: #212529; - --bs-btn-bg: transparent; - --bs-btn-border-width: 1px; - --bs-btn-border-color: transparent; - --bs-btn-border-radius: 0.375rem; - --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); - --bs-btn-disabled-opacity: 0.65; - --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5); - display: inline-block; - padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x); - font-family: var(--bs-btn-font-family); - font-size: var(--bs-btn-font-size); - font-weight: var(--bs-btn-font-weight); - line-height: var(--bs-btn-line-height); - color: var(--bs-btn-color); - text-align: center; - text-decoration: none; - vertical-align: middle; - cursor: pointer; - -webkit-user-select: none; - user-select: none; - border: var(--bs-btn-border-width) solid var(--bs-btn-border-color); - border-radius: var(--bs-btn-border-radius); - background-color: var(--bs-btn-bg); - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; + transition: none; } - @media (prefers-reduced-motion: reduce) { - .btn { - transition: none; - } - } - .btn:hover { - color: var(--bs-btn-hover-color); - background-color: var(--bs-btn-hover-bg); - border-color: var(--bs-btn-hover-border-color); - } - .btn-check:focus + .btn, .btn:focus { - color: var(--bs-btn-hover-color); - background-color: var(--bs-btn-hover-bg); - border-color: var(--bs-btn-hover-border-color); - outline: 0; - box-shadow: var(--bs-btn-focus-box-shadow); - } - .btn-check:checked + .btn, .btn-check:active + .btn, .btn:active, .btn.active, .btn.show { - color: var(--bs-btn-active-color); - background-color: var(--bs-btn-active-bg); - border-color: var(--bs-btn-active-border-color); - } - .btn-check:checked + .btn:focus, .btn-check:active + .btn:focus, .btn:active:focus, .btn.active:focus, .btn.show:focus { - box-shadow: var(--bs-btn-focus-box-shadow); - } - .btn:disabled, .btn.disabled, fieldset:disabled .btn { - color: var(--bs-btn-disabled-color); - pointer-events: none; - background-color: var(--bs-btn-disabled-bg); - border-color: var(--bs-btn-disabled-border-color); - opacity: var(--bs-btn-disabled-opacity); - } - - .btn-primary { - --bs-btn-color: #000; - --bs-btn-bg: #2196f3; - --bs-btn-border-color: #2196f3; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #42a6f5; - --bs-btn-hover-border-color: #37a1f4; - --bs-btn-focus-shadow-rgb: 28, 128, 207; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #4dabf5; - --bs-btn-active-border-color: #37a1f4; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #2196f3; - --bs-btn-disabled-border-color: #2196f3; - } - - .btn-secondary { - --bs-btn-color: #fff; - --bs-btn-bg: #6c757d; - --bs-btn-border-color: #6c757d; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #5c636a; - --bs-btn-hover-border-color: #565e64; - --bs-btn-focus-shadow-rgb: 130, 138, 145; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #565e64; - --bs-btn-active-border-color: #51585e; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #6c757d; - --bs-btn-disabled-border-color: #6c757d; - } - - .btn-success { - --bs-btn-color: #000; - --bs-btn-bg: #4caf50; - --bs-btn-border-color: #4caf50; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #67bb6a; - --bs-btn-hover-border-color: #5eb762; - --bs-btn-focus-shadow-rgb: 65, 149, 68; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #70bf73; - --bs-btn-active-border-color: #5eb762; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #4caf50; - --bs-btn-disabled-border-color: #4caf50; - } - - .btn-info { - --bs-btn-color: #000; - --bs-btn-bg: #00bcd4; - --bs-btn-border-color: #00bcd4; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #26c6da; - --bs-btn-hover-border-color: #1ac3d8; - --bs-btn-focus-shadow-rgb: 0, 160, 180; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #33c9dd; - --bs-btn-active-border-color: #1ac3d8; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #00bcd4; - --bs-btn-disabled-border-color: #00bcd4; - } - - .btn-warning { - --bs-btn-color: #000; - --bs-btn-bg: #ffeb3b; - --bs-btn-border-color: #ffeb3b; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #ffee58; - --bs-btn-hover-border-color: #ffed4f; - --bs-btn-focus-shadow-rgb: 217, 200, 50; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #ffef62; - --bs-btn-active-border-color: #ffed4f; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #ffeb3b; - --bs-btn-disabled-border-color: #ffeb3b; - } - - .btn-danger { - --bs-btn-color: #000; - --bs-btn-bg: #f44336; - --bs-btn-border-color: #f44336; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #f65f54; - --bs-btn-hover-border-color: #f5564a; - --bs-btn-focus-shadow-rgb: 207, 57, 46; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #f6695e; - --bs-btn-active-border-color: #f5564a; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #f44336; - --bs-btn-disabled-border-color: #f44336; - } - - .btn-light { - --bs-btn-color: #000; - --bs-btn-bg: #f8f9fa; - --bs-btn-border-color: #f8f9fa; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #d3d4d5; - --bs-btn-hover-border-color: #c6c7c8; - --bs-btn-focus-shadow-rgb: 211, 212, 213; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #c6c7c8; - --bs-btn-active-border-color: #babbbc; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #000; - --bs-btn-disabled-bg: #f8f9fa; - --bs-btn-disabled-border-color: #f8f9fa; - } - - .btn-dark { - --bs-btn-color: #fff; - --bs-btn-bg: #212529; - --bs-btn-border-color: #212529; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #424649; - --bs-btn-hover-border-color: #373b3e; - --bs-btn-focus-shadow-rgb: 66, 70, 73; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #4d5154; - --bs-btn-active-border-color: #373b3e; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #fff; - --bs-btn-disabled-bg: #212529; - --bs-btn-disabled-border-color: #212529; - } - - .btn-outline-primary { - --bs-btn-color: #2196f3; - --bs-btn-border-color: #2196f3; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #2196f3; - --bs-btn-hover-border-color: #2196f3; - --bs-btn-focus-shadow-rgb: 33, 150, 243; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #2196f3; - --bs-btn-active-border-color: #2196f3; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #2196f3; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #2196f3; - --bs-gradient: none; - } - - .btn-outline-secondary { - --bs-btn-color: #6c757d; - --bs-btn-border-color: #6c757d; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #6c757d; - --bs-btn-hover-border-color: #6c757d; - --bs-btn-focus-shadow-rgb: 108, 117, 125; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #6c757d; - --bs-btn-active-border-color: #6c757d; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #6c757d; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #6c757d; - --bs-gradient: none; - } - - .btn-outline-success { - --bs-btn-color: #4caf50; - --bs-btn-border-color: #4caf50; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #4caf50; - --bs-btn-hover-border-color: #4caf50; - --bs-btn-focus-shadow-rgb: 76, 175, 80; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #4caf50; - --bs-btn-active-border-color: #4caf50; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #4caf50; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #4caf50; - --bs-gradient: none; - } - - .btn-outline-info { - --bs-btn-color: #00bcd4; - --bs-btn-border-color: #00bcd4; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #00bcd4; - --bs-btn-hover-border-color: #00bcd4; - --bs-btn-focus-shadow-rgb: 0, 188, 212; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #00bcd4; - --bs-btn-active-border-color: #00bcd4; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #00bcd4; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #00bcd4; - --bs-gradient: none; - } - - .btn-outline-warning { - --bs-btn-color: #ffeb3b; - --bs-btn-border-color: #ffeb3b; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #ffeb3b; - --bs-btn-hover-border-color: #ffeb3b; - --bs-btn-focus-shadow-rgb: 255, 235, 59; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #ffeb3b; - --bs-btn-active-border-color: #ffeb3b; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #ffeb3b; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #ffeb3b; - --bs-gradient: none; - } - - .btn-outline-danger { - --bs-btn-color: #f44336; - --bs-btn-border-color: #f44336; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #f44336; - --bs-btn-hover-border-color: #f44336; - --bs-btn-focus-shadow-rgb: 244, 67, 54; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #f44336; - --bs-btn-active-border-color: #f44336; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #f44336; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #f44336; - --bs-gradient: none; - } - - .btn-outline-light { - --bs-btn-color: #f8f9fa; - --bs-btn-border-color: #f8f9fa; - --bs-btn-hover-color: #000; - --bs-btn-hover-bg: #f8f9fa; - --bs-btn-hover-border-color: #f8f9fa; - --bs-btn-focus-shadow-rgb: 248, 249, 250; - --bs-btn-active-color: #000; - --bs-btn-active-bg: #f8f9fa; - --bs-btn-active-border-color: #f8f9fa; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #f8f9fa; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #f8f9fa; - --bs-gradient: none; - } - - .btn-outline-dark { - --bs-btn-color: #212529; - --bs-btn-border-color: #212529; - --bs-btn-hover-color: #fff; - --bs-btn-hover-bg: #212529; - --bs-btn-hover-border-color: #212529; - --bs-btn-focus-shadow-rgb: 33, 37, 41; - --bs-btn-active-color: #fff; - --bs-btn-active-bg: #212529; - --bs-btn-active-border-color: #212529; - --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); - --bs-btn-disabled-color: #212529; - --bs-btn-disabled-bg: transparent; - --bs-btn-disabled-border-color: #212529; - --bs-gradient: none; - } - - .btn-link { - --bs-btn-font-weight: 400; - --bs-btn-color: var(--bs-link-color); - --bs-btn-bg: transparent; - --bs-btn-border-color: transparent; - --bs-btn-hover-color: var(--bs-link-hover-color); - --bs-btn-hover-border-color: transparent; - --bs-btn-active-color: var(--bs-link-hover-color); - --bs-btn-active-border-color: transparent; - --bs-btn-disabled-color: #6c757d; - --bs-btn-disabled-border-color: transparent; - --bs-btn-box-shadow: none; - --bs-btn-focus-shadow-rgb: 28, 128, 207; - text-decoration: underline; - } - .btn-link:focus { - color: var(--bs-btn-color); - } - .btn-link:hover { - color: var(--bs-btn-hover-color); - } - - .btn-lg, .btn-group-lg > .btn { - --bs-btn-padding-y: 0.5rem; - --bs-btn-padding-x: 1rem; - --bs-btn-font-size: 1.09375rem; - --bs-btn-border-radius: 0.5rem; - } - - .btn-sm, .btn-group-sm > .btn { - --bs-btn-padding-y: 0.25rem; - --bs-btn-padding-x: 0.5rem; - --bs-btn-font-size: 0.765625rem; - --bs-btn-border-radius: 0.25rem; - } - +} +.btn:hover { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); +} +.btn-check + .btn:hover { + color: var(--bs-btn-color); + background-color: var(--bs-btn-bg); + border-color: var(--bs-btn-border-color); +} +.btn:focus-visible { + color: var(--bs-btn-hover-color); + background-color: var(--bs-btn-hover-bg); + border-color: var(--bs-btn-hover-border-color); + outline: 0; + box-shadow: var(--bs-btn-focus-box-shadow); +} +.btn-check:focus-visible + .btn { + border-color: var(--bs-btn-hover-border-color); + outline: 0; + box-shadow: var(--bs-btn-focus-box-shadow); +} +.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show { + color: var(--bs-btn-active-color); + background-color: var(--bs-btn-active-bg); + border-color: var(--bs-btn-active-border-color); +} +.btn-check:checked + .btn:focus-visible, :not(.btn-check) + .btn:active:focus-visible, .btn:first-child:active:focus-visible, .btn.active:focus-visible, .btn.show:focus-visible { + box-shadow: var(--bs-btn-focus-box-shadow); +} +.btn:disabled, .btn.disabled, fieldset:disabled .btn { + color: var(--bs-btn-disabled-color); + pointer-events: none; + background-color: var(--bs-btn-disabled-bg); + border-color: var(--bs-btn-disabled-border-color); + opacity: var(--bs-btn-disabled-opacity); +} + +.btn-primary { + --bs-btn-color: #fff; + --bs-btn-bg: #0d6efd; + --bs-btn-border-color: #0d6efd; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #0b5ed7; + --bs-btn-hover-border-color: #0a58ca; + --bs-btn-focus-shadow-rgb: 49, 132, 253; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #0a58ca; + --bs-btn-active-border-color: #0a53be; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #0d6efd; + --bs-btn-disabled-border-color: #0d6efd; +} + +.btn-secondary { + --bs-btn-color: #fff; + --bs-btn-bg: #6c757d; + --bs-btn-border-color: #6c757d; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #5c636a; + --bs-btn-hover-border-color: #565e64; + --bs-btn-focus-shadow-rgb: 130, 138, 145; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #565e64; + --bs-btn-active-border-color: #51585e; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #6c757d; + --bs-btn-disabled-border-color: #6c757d; +} + +.btn-success { + --bs-btn-color: #fff; + --bs-btn-bg: #198754; + --bs-btn-border-color: #198754; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #157347; + --bs-btn-hover-border-color: #146c43; + --bs-btn-focus-shadow-rgb: 60, 153, 110; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #146c43; + --bs-btn-active-border-color: #13653f; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #198754; + --bs-btn-disabled-border-color: #198754; +} + +.btn-info { + --bs-btn-color: #000; + --bs-btn-bg: #0dcaf0; + --bs-btn-border-color: #0dcaf0; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #31d2f2; + --bs-btn-hover-border-color: #25cff2; + --bs-btn-focus-shadow-rgb: 11, 172, 204; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #3dd5f3; + --bs-btn-active-border-color: #25cff2; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #0dcaf0; + --bs-btn-disabled-border-color: #0dcaf0; +} + +.btn-warning { + --bs-btn-color: #000; + --bs-btn-bg: #ffc107; + --bs-btn-border-color: #ffc107; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #ffca2c; + --bs-btn-hover-border-color: #ffc720; + --bs-btn-focus-shadow-rgb: 217, 164, 6; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #ffcd39; + --bs-btn-active-border-color: #ffc720; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #ffc107; + --bs-btn-disabled-border-color: #ffc107; +} + +.btn-danger { + --bs-btn-color: #fff; + --bs-btn-bg: #dc3545; + --bs-btn-border-color: #dc3545; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #bb2d3b; + --bs-btn-hover-border-color: #b02a37; + --bs-btn-focus-shadow-rgb: 225, 83, 97; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #b02a37; + --bs-btn-active-border-color: #a52834; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #dc3545; + --bs-btn-disabled-border-color: #dc3545; +} + +.btn-light { + --bs-btn-color: #000; + --bs-btn-bg: #f8f9fa; + --bs-btn-border-color: #f8f9fa; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #d3d4d5; + --bs-btn-hover-border-color: #c6c7c8; + --bs-btn-focus-shadow-rgb: 211, 212, 213; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #c6c7c8; + --bs-btn-active-border-color: #babbbc; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #000; + --bs-btn-disabled-bg: #f8f9fa; + --bs-btn-disabled-border-color: #f8f9fa; +} + +.btn-dark { + --bs-btn-color: #fff; + --bs-btn-bg: #212529; + --bs-btn-border-color: #212529; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #424649; + --bs-btn-hover-border-color: #373b3e; + --bs-btn-focus-shadow-rgb: 66, 70, 73; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #4d5154; + --bs-btn-active-border-color: #373b3e; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #fff; + --bs-btn-disabled-bg: #212529; + --bs-btn-disabled-border-color: #212529; +} + +.btn-outline-primary { + --bs-btn-color: #0d6efd; + --bs-btn-border-color: #0d6efd; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #0d6efd; + --bs-btn-hover-border-color: #0d6efd; + --bs-btn-focus-shadow-rgb: 13, 110, 253; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #0d6efd; + --bs-btn-active-border-color: #0d6efd; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #0d6efd; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #0d6efd; + --bs-gradient: none; +} + +.btn-outline-secondary { + --bs-btn-color: #6c757d; + --bs-btn-border-color: #6c757d; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #6c757d; + --bs-btn-hover-border-color: #6c757d; + --bs-btn-focus-shadow-rgb: 108, 117, 125; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #6c757d; + --bs-btn-active-border-color: #6c757d; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #6c757d; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #6c757d; + --bs-gradient: none; +} + +.btn-outline-success { + --bs-btn-color: #198754; + --bs-btn-border-color: #198754; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #198754; + --bs-btn-hover-border-color: #198754; + --bs-btn-focus-shadow-rgb: 25, 135, 84; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #198754; + --bs-btn-active-border-color: #198754; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #198754; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #198754; + --bs-gradient: none; +} + +.btn-outline-info { + --bs-btn-color: #0dcaf0; + --bs-btn-border-color: #0dcaf0; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #0dcaf0; + --bs-btn-hover-border-color: #0dcaf0; + --bs-btn-focus-shadow-rgb: 13, 202, 240; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #0dcaf0; + --bs-btn-active-border-color: #0dcaf0; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #0dcaf0; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #0dcaf0; + --bs-gradient: none; +} + +.btn-outline-warning { + --bs-btn-color: #ffc107; + --bs-btn-border-color: #ffc107; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #ffc107; + --bs-btn-hover-border-color: #ffc107; + --bs-btn-focus-shadow-rgb: 255, 193, 7; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #ffc107; + --bs-btn-active-border-color: #ffc107; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #ffc107; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #ffc107; + --bs-gradient: none; +} + +.btn-outline-danger { + --bs-btn-color: #dc3545; + --bs-btn-border-color: #dc3545; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #dc3545; + --bs-btn-hover-border-color: #dc3545; + --bs-btn-focus-shadow-rgb: 220, 53, 69; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #dc3545; + --bs-btn-active-border-color: #dc3545; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #dc3545; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #dc3545; + --bs-gradient: none; +} + +.btn-outline-light { + --bs-btn-color: #f8f9fa; + --bs-btn-border-color: #f8f9fa; + --bs-btn-hover-color: #000; + --bs-btn-hover-bg: #f8f9fa; + --bs-btn-hover-border-color: #f8f9fa; + --bs-btn-focus-shadow-rgb: 248, 249, 250; + --bs-btn-active-color: #000; + --bs-btn-active-bg: #f8f9fa; + --bs-btn-active-border-color: #f8f9fa; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #f8f9fa; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #f8f9fa; + --bs-gradient: none; +} + +.btn-outline-dark { + --bs-btn-color: #212529; + --bs-btn-border-color: #212529; + --bs-btn-hover-color: #fff; + --bs-btn-hover-bg: #212529; + --bs-btn-hover-border-color: #212529; + --bs-btn-focus-shadow-rgb: 33, 37, 41; + --bs-btn-active-color: #fff; + --bs-btn-active-bg: #212529; + --bs-btn-active-border-color: #212529; + --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); + --bs-btn-disabled-color: #212529; + --bs-btn-disabled-bg: transparent; + --bs-btn-disabled-border-color: #212529; + --bs-gradient: none; +} + +.btn-link { + --bs-btn-font-weight: 400; + --bs-btn-color: var(--bs-link-color); + --bs-btn-bg: transparent; + --bs-btn-border-color: transparent; + --bs-btn-hover-color: var(--bs-link-hover-color); + --bs-btn-hover-border-color: transparent; + --bs-btn-active-color: var(--bs-link-hover-color); + --bs-btn-active-border-color: transparent; + --bs-btn-disabled-color: #6c757d; + --bs-btn-disabled-border-color: transparent; + --bs-btn-box-shadow: 0 0 0 #000; + --bs-btn-focus-shadow-rgb: 49, 132, 253; + text-decoration: underline; +} +.btn-link:focus-visible { + color: var(--bs-btn-color); +} +.btn-link:hover { + color: var(--bs-btn-hover-color); +} + +.btn-lg, .btn-group-lg > .btn { + --bs-btn-padding-y: 0.5rem; + --bs-btn-padding-x: 1rem; + --bs-btn-font-size: 1.25rem; + --bs-btn-border-radius: var(--bs-border-radius-lg); +} + +.btn-sm, .btn-group-sm > .btn { + --bs-btn-padding-y: 0.25rem; + --bs-btn-padding-x: 0.5rem; + --bs-btn-font-size: 0.875rem; + --bs-btn-border-radius: var(--bs-border-radius-sm); +} + +.fade { + transition: opacity 0.15s linear; +} +@media (prefers-reduced-motion: reduce) { .fade { - transition: opacity 0.15s linear; + transition: none; } - @media (prefers-reduced-motion: reduce) { - .fade { - transition: none; - } - } - .fade:not(.show) { - opacity: 0; - } - - .collapse:not(.show) { - display: none; - } - +} +.fade:not(.show) { + opacity: 0; +} + +.collapse:not(.show) { + display: none; +} + +.collapsing { + height: 0; + overflow: hidden; + transition: height 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { .collapsing { - height: 0; - overflow: hidden; - transition: height 0.35s ease; - } - @media (prefers-reduced-motion: reduce) { - .collapsing { - transition: none; - } + transition: none; } +} +.collapsing.collapse-horizontal { + width: 0; + height: auto; + transition: width 0.35s ease; +} +@media (prefers-reduced-motion: reduce) { .collapsing.collapse-horizontal { - width: 0; - height: auto; - transition: width 0.35s ease; + transition: none; } - @media (prefers-reduced-motion: reduce) { - .collapsing.collapse-horizontal { - transition: none; - } - } - - .dropup, - .dropend, - .dropdown, - .dropstart, - .dropup-center, - .dropdown-center { - position: relative; - } - - .dropdown-toggle { - white-space: nowrap; - } - .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid; - border-right: 0.3em solid transparent; - border-bottom: 0; - border-left: 0.3em solid transparent; - } - .dropdown-toggle:empty::after { - margin-left: 0; - } - - .dropdown-menu { - --bs-dropdown-min-width: 10rem; - --bs-dropdown-padding-x: 0; - --bs-dropdown-padding-y: 0.5rem; - --bs-dropdown-spacer: 0.125rem; - --bs-dropdown-font-size: 0.875rem; - --bs-dropdown-color: #212529; - --bs-dropdown-bg: #fff; - --bs-dropdown-border-color: var(--bs-border-color-translucent); - --bs-dropdown-border-radius: 0.375rem; - --bs-dropdown-border-width: 1px; - --bs-dropdown-inner-border-radius: calc(0.375rem - 1px); - --bs-dropdown-divider-bg: var(--bs-border-color-translucent); - --bs-dropdown-divider-margin-y: 0.5rem; - --bs-dropdown-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - --bs-dropdown-link-color: #212529; - --bs-dropdown-link-hover-color: #1e2125; - --bs-dropdown-link-hover-bg: #e9ecef; - --bs-dropdown-link-active-color: #fff; - --bs-dropdown-link-active-bg: #2196f3; - --bs-dropdown-link-disabled-color: #adb5bd; - --bs-dropdown-item-padding-x: 1rem; - --bs-dropdown-item-padding-y: 0.25rem; - --bs-dropdown-header-color: #6c757d; - --bs-dropdown-header-padding-x: 1rem; - --bs-dropdown-header-padding-y: 0.5rem; - position: absolute; - z-index: 1000; - display: none; - min-width: var(--bs-dropdown-min-width); - padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); - margin: 0; - font-size: var(--bs-dropdown-font-size); - color: var(--bs-dropdown-color); - text-align: left; - list-style: none; - background-color: var(--bs-dropdown-bg); - background-clip: padding-box; - border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); - border-radius: var(--bs-dropdown-border-radius); - } - .dropdown-menu[data-bs-popper] { - top: 100%; - left: 0; - margin-top: var(--bs-dropdown-spacer); - } - - .dropdown-menu-start { +} + +.dropup, +.dropend, +.dropdown, +.dropstart, +.dropup-center, +.dropdown-center { + position: relative; +} + +.dropdown-toggle { + white-space: nowrap; +} +.dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid; + border-right: 0.3em solid transparent; + border-bottom: 0; + border-left: 0.3em solid transparent; +} +.dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropdown-menu { + --bs-dropdown-zindex: 1000; + --bs-dropdown-min-width: 10rem; + --bs-dropdown-padding-x: 0; + --bs-dropdown-padding-y: 0.5rem; + --bs-dropdown-spacer: 0.125rem; + --bs-dropdown-font-size: 1rem; + --bs-dropdown-color: var(--bs-body-color); + --bs-dropdown-bg: var(--bs-body-bg); + --bs-dropdown-border-color: var(--bs-border-color-translucent); + --bs-dropdown-border-radius: var(--bs-border-radius); + --bs-dropdown-border-width: var(--bs-border-width); + --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width)); + --bs-dropdown-divider-bg: var(--bs-border-color-translucent); + --bs-dropdown-divider-margin-y: 0.5rem; + --bs-dropdown-box-shadow: var(--bs-box-shadow); + --bs-dropdown-link-color: var(--bs-body-color); + --bs-dropdown-link-hover-color: var(--bs-body-color); + --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg); + --bs-dropdown-link-active-color: #fff; + --bs-dropdown-link-active-bg: #0d6efd; + --bs-dropdown-link-disabled-color: var(--bs-tertiary-color); + --bs-dropdown-item-padding-x: 1rem; + --bs-dropdown-item-padding-y: 0.25rem; + --bs-dropdown-header-color: #6c757d; + --bs-dropdown-header-padding-x: 1rem; + --bs-dropdown-header-padding-y: 0.5rem; + position: absolute; + z-index: var(--bs-dropdown-zindex); + display: none; + min-width: var(--bs-dropdown-min-width); + padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x); + margin: 0; + font-size: var(--bs-dropdown-font-size); + color: var(--bs-dropdown-color); + text-align: left; + list-style: none; + background-color: var(--bs-dropdown-bg); + background-clip: padding-box; + border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color); + border-radius: var(--bs-dropdown-border-radius); +} +.dropdown-menu[data-bs-popper] { + top: 100%; + left: 0; + margin-top: var(--bs-dropdown-spacer); +} + +.dropdown-menu-start { + --bs-position: start; +} +.dropdown-menu-start[data-bs-popper] { + right: auto; + left: 0; +} + +.dropdown-menu-end { + --bs-position: end; +} +.dropdown-menu-end[data-bs-popper] { + right: 0; + left: auto; +} + +@media (min-width: 576px) { + .dropdown-menu-sm-start { --bs-position: start; } - .dropdown-menu-start[data-bs-popper] { + .dropdown-menu-sm-start[data-bs-popper] { right: auto; left: 0; } - - .dropdown-menu-end { + .dropdown-menu-sm-end { --bs-position: end; } - .dropdown-menu-end[data-bs-popper] { + .dropdown-menu-sm-end[data-bs-popper] { right: 0; left: auto; } - - @media (min-width: 576px) { - .dropdown-menu-sm-start { - --bs-position: start; - } - .dropdown-menu-sm-start[data-bs-popper] { - right: auto; - left: 0; - } - .dropdown-menu-sm-end { - --bs-position: end; - } - .dropdown-menu-sm-end[data-bs-popper] { - right: 0; - left: auto; - } +} +@media (min-width: 768px) { + .dropdown-menu-md-start { + --bs-position: start; } - @media (min-width: 768px) { - .dropdown-menu-md-start { - --bs-position: start; - } - .dropdown-menu-md-start[data-bs-popper] { - right: auto; - left: 0; - } - .dropdown-menu-md-end { - --bs-position: end; - } - .dropdown-menu-md-end[data-bs-popper] { - right: 0; - left: auto; - } - } - @media (min-width: 992px) { - .dropdown-menu-lg-start { - --bs-position: start; - } - .dropdown-menu-lg-start[data-bs-popper] { - right: auto; - left: 0; - } - .dropdown-menu-lg-end { - --bs-position: end; - } - .dropdown-menu-lg-end[data-bs-popper] { - right: 0; - left: auto; - } - } - @media (min-width: 1200px) { - .dropdown-menu-xl-start { - --bs-position: start; - } - .dropdown-menu-xl-start[data-bs-popper] { - right: auto; - left: 0; - } - .dropdown-menu-xl-end { - --bs-position: end; - } - .dropdown-menu-xl-end[data-bs-popper] { - right: 0; - left: auto; - } - } - @media (min-width: 1400px) { - .dropdown-menu-xxl-start { - --bs-position: start; - } - .dropdown-menu-xxl-start[data-bs-popper] { - right: auto; - left: 0; - } - .dropdown-menu-xxl-end { - --bs-position: end; - } - .dropdown-menu-xxl-end[data-bs-popper] { - right: 0; - left: auto; - } - } - .dropup .dropdown-menu[data-bs-popper] { - top: auto; - bottom: 100%; - margin-top: 0; - margin-bottom: var(--bs-dropdown-spacer); - } - .dropup .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0; - border-right: 0.3em solid transparent; - border-bottom: 0.3em solid; - border-left: 0.3em solid transparent; - } - .dropup .dropdown-toggle:empty::after { - margin-left: 0; - } - - .dropend .dropdown-menu[data-bs-popper] { - top: 0; + .dropdown-menu-md-start[data-bs-popper] { right: auto; - left: 100%; - margin-top: 0; - margin-left: var(--bs-dropdown-spacer); + left: 0; } - .dropend .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0; - border-bottom: 0.3em solid transparent; - border-left: 0.3em solid; + .dropdown-menu-md-end { + --bs-position: end; } - .dropend .dropdown-toggle:empty::after { - margin-left: 0; - } - .dropend .dropdown-toggle::after { - vertical-align: 0; - } - - .dropstart .dropdown-menu[data-bs-popper] { - top: 0; - right: 100%; + .dropdown-menu-md-end[data-bs-popper] { + right: 0; left: auto; - margin-top: 0; - margin-right: var(--bs-dropdown-spacer); } - .dropstart .dropdown-toggle::after { - display: inline-block; - margin-left: 0.255em; - vertical-align: 0.255em; - content: ""; +} +@media (min-width: 992px) { + .dropdown-menu-lg-start { + --bs-position: start; } - .dropstart .dropdown-toggle::after { - display: none; + .dropdown-menu-lg-start[data-bs-popper] { + right: auto; + left: 0; } - .dropstart .dropdown-toggle::before { - display: inline-block; - margin-right: 0.255em; - vertical-align: 0.255em; - content: ""; - border-top: 0.3em solid transparent; - border-right: 0.3em solid; - border-bottom: 0.3em solid transparent; + .dropdown-menu-lg-end { + --bs-position: end; } - .dropstart .dropdown-toggle:empty::after { - margin-left: 0; + .dropdown-menu-lg-end[data-bs-popper] { + right: 0; + left: auto; } - .dropstart .dropdown-toggle::before { - vertical-align: 0; +} +@media (min-width: 1200px) { + .dropdown-menu-xl-start { + --bs-position: start; } - - .dropdown-divider { - height: 0; - margin: var(--bs-dropdown-divider-margin-y) 0; - overflow: hidden; - border-top: 1px solid var(--bs-dropdown-divider-bg); - opacity: 1; + .dropdown-menu-xl-start[data-bs-popper] { + right: auto; + left: 0; } - - .dropdown-item { - display: block; - width: 100%; - padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); - clear: both; - font-weight: 400; - color: var(--bs-dropdown-link-color); - text-align: inherit; - text-decoration: none; - white-space: nowrap; - background-color: transparent; - border: 0; + .dropdown-menu-xl-end { + --bs-position: end; } - .dropdown-item:hover, .dropdown-item:focus { - color: var(--bs-dropdown-link-hover-color); - background-color: var(--bs-dropdown-link-hover-bg); + .dropdown-menu-xl-end[data-bs-popper] { + right: 0; + left: auto; } - .dropdown-item.active, .dropdown-item:active { - color: var(--bs-dropdown-link-active-color); - text-decoration: none; - background-color: var(--bs-dropdown-link-active-bg); +} +@media (min-width: 1400px) { + .dropdown-menu-xxl-start { + --bs-position: start; } - .dropdown-item.disabled, .dropdown-item:disabled { - color: var(--bs-dropdown-link-disabled-color); - pointer-events: none; - background-color: transparent; + .dropdown-menu-xxl-start[data-bs-popper] { + right: auto; + left: 0; } - - .dropdown-menu.show { - display: block; + .dropdown-menu-xxl-end { + --bs-position: end; } - - .dropdown-header { - display: block; - padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); - margin-bottom: 0; - font-size: 0.765625rem; - color: var(--bs-dropdown-header-color); - white-space: nowrap; + .dropdown-menu-xxl-end[data-bs-popper] { + right: 0; + left: auto; } - - .dropdown-item-text { - display: block; - padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); - color: var(--bs-dropdown-link-color); - } - - .dropdown-menu-dark { - --bs-dropdown-color: #dee2e6; - --bs-dropdown-bg: #343a40; - --bs-dropdown-border-color: var(--bs-border-color-translucent); - --bs-dropdown-box-shadow: ; - --bs-dropdown-link-color: #dee2e6; - --bs-dropdown-link-hover-color: #fff; - --bs-dropdown-divider-bg: var(--bs-border-color-translucent); - --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); - --bs-dropdown-link-active-color: #fff; - --bs-dropdown-link-active-bg: #2196f3; - --bs-dropdown-link-disabled-color: #adb5bd; - --bs-dropdown-header-color: #adb5bd; - } - - .btn-group, - .btn-group-vertical { - position: relative; - display: inline-flex; - vertical-align: middle; - } - .btn-group > .btn, - .btn-group-vertical > .btn { - position: relative; - flex: 1 1 auto; - } - .btn-group > .btn-check:checked + .btn, - .btn-group > .btn-check:focus + .btn, - .btn-group > .btn:hover, - .btn-group > .btn:focus, - .btn-group > .btn:active, - .btn-group > .btn.active, - .btn-group-vertical > .btn-check:checked + .btn, - .btn-group-vertical > .btn-check:focus + .btn, - .btn-group-vertical > .btn:hover, - .btn-group-vertical > .btn:focus, - .btn-group-vertical > .btn:active, - .btn-group-vertical > .btn.active { - z-index: 1; - } - - .btn-toolbar { - display: flex; - flex-wrap: wrap; - justify-content: flex-start; - } - .btn-toolbar .input-group { - width: auto; - } - - .btn-group { - border-radius: 0.375rem; - } - .btn-group > .btn:not(:first-child), - .btn-group > .btn-group:not(:first-child) { - margin-left: -1px; - } - .btn-group > .btn:not(:last-child):not(.dropdown-toggle), - .btn-group > .btn.dropdown-toggle-split:first-child, - .btn-group > .btn-group:not(:last-child) > .btn { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - .btn-group > .btn:nth-child(n+3), - .btn-group > :not(.btn-check) + .btn, - .btn-group > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - - .dropdown-toggle-split { - padding-right: 0.5625rem; - padding-left: 0.5625rem; - } - .dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { - margin-left: 0; - } - .dropstart .dropdown-toggle-split::before { - margin-right: 0; - } - - .btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { - padding-right: 0.375rem; - padding-left: 0.375rem; - } - - .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { - padding-right: 0.75rem; - padding-left: 0.75rem; - } - - .btn-group-vertical { - flex-direction: column; - align-items: flex-start; - justify-content: center; - } - .btn-group-vertical > .btn, - .btn-group-vertical > .btn-group { - width: 100%; - } - .btn-group-vertical > .btn:not(:first-child), - .btn-group-vertical > .btn-group:not(:first-child) { - margin-top: -1px; - } - .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), - .btn-group-vertical > .btn-group:not(:last-child) > .btn { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; - } - .btn-group-vertical > .btn ~ .btn, - .btn-group-vertical > .btn-group:not(:first-child) > .btn { - border-top-left-radius: 0; - border-top-right-radius: 0; - } - - .nav { - --bs-nav-link-padding-x: 1rem; - --bs-nav-link-padding-y: 0.5rem; - --bs-nav-link-font-weight: ; - --bs-nav-link-color: var(--bs-link-color); - --bs-nav-link-hover-color: var(--bs-link-hover-color); - --bs-nav-link-disabled-color: #6c757d; - display: flex; - flex-wrap: wrap; - padding-left: 0; - margin-bottom: 0; - list-style: none; - } - +} +.dropup .dropdown-menu[data-bs-popper] { + top: auto; + bottom: 100%; + margin-top: 0; + margin-bottom: var(--bs-dropdown-spacer); +} +.dropup .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0; + border-right: 0.3em solid transparent; + border-bottom: 0.3em solid; + border-left: 0.3em solid transparent; +} +.dropup .dropdown-toggle:empty::after { + margin-left: 0; +} + +.dropend .dropdown-menu[data-bs-popper] { + top: 0; + right: auto; + left: 100%; + margin-top: 0; + margin-left: var(--bs-dropdown-spacer); +} +.dropend .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0; + border-bottom: 0.3em solid transparent; + border-left: 0.3em solid; +} +.dropend .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropend .dropdown-toggle::after { + vertical-align: 0; +} + +.dropstart .dropdown-menu[data-bs-popper] { + top: 0; + right: 100%; + left: auto; + margin-top: 0; + margin-right: var(--bs-dropdown-spacer); +} +.dropstart .dropdown-toggle::after { + display: inline-block; + margin-left: 0.255em; + vertical-align: 0.255em; + content: ""; +} +.dropstart .dropdown-toggle::after { + display: none; +} +.dropstart .dropdown-toggle::before { + display: inline-block; + margin-right: 0.255em; + vertical-align: 0.255em; + content: ""; + border-top: 0.3em solid transparent; + border-right: 0.3em solid; + border-bottom: 0.3em solid transparent; +} +.dropstart .dropdown-toggle:empty::after { + margin-left: 0; +} +.dropstart .dropdown-toggle::before { + vertical-align: 0; +} + +.dropdown-divider { + height: 0; + margin: var(--bs-dropdown-divider-margin-y) 0; + overflow: hidden; + border-top: 1px solid var(--bs-dropdown-divider-bg); + opacity: 1; +} + +.dropdown-item { + display: block; + width: 100%; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + clear: both; + font-weight: 400; + color: var(--bs-dropdown-link-color); + text-align: inherit; + text-decoration: none; + white-space: nowrap; + background-color: transparent; + border: 0; + border-radius: var(--bs-dropdown-item-border-radius, 0); +} +.dropdown-item:hover, .dropdown-item:focus { + color: var(--bs-dropdown-link-hover-color); + background-color: var(--bs-dropdown-link-hover-bg); +} +.dropdown-item.active, .dropdown-item:active { + color: var(--bs-dropdown-link-active-color); + text-decoration: none; + background-color: var(--bs-dropdown-link-active-bg); +} +.dropdown-item.disabled, .dropdown-item:disabled { + color: var(--bs-dropdown-link-disabled-color); + pointer-events: none; + background-color: transparent; +} + +.dropdown-menu.show { + display: block; +} + +.dropdown-header { + display: block; + padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x); + margin-bottom: 0; + font-size: 0.875rem; + color: var(--bs-dropdown-header-color); + white-space: nowrap; +} + +.dropdown-item-text { + display: block; + padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x); + color: var(--bs-dropdown-link-color); +} + +.dropdown-menu-dark { + --bs-dropdown-color: #dee2e6; + --bs-dropdown-bg: #343a40; + --bs-dropdown-border-color: var(--bs-border-color-translucent); + --bs-dropdown-box-shadow: ; + --bs-dropdown-link-color: #dee2e6; + --bs-dropdown-link-hover-color: #fff; + --bs-dropdown-divider-bg: var(--bs-border-color-translucent); + --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15); + --bs-dropdown-link-active-color: #fff; + --bs-dropdown-link-active-bg: #0d6efd; + --bs-dropdown-link-disabled-color: #adb5bd; + --bs-dropdown-header-color: #adb5bd; +} + +.btn-group, +.btn-group-vertical { + position: relative; + display: inline-flex; + vertical-align: middle; +} +.btn-group > .btn, +.btn-group-vertical > .btn { + position: relative; + flex: 1 1 auto; +} +.btn-group > .btn-check:checked + .btn, +.btn-group > .btn-check:focus + .btn, +.btn-group > .btn:hover, +.btn-group > .btn:focus, +.btn-group > .btn:active, +.btn-group > .btn.active, +.btn-group-vertical > .btn-check:checked + .btn, +.btn-group-vertical > .btn-check:focus + .btn, +.btn-group-vertical > .btn:hover, +.btn-group-vertical > .btn:focus, +.btn-group-vertical > .btn:active, +.btn-group-vertical > .btn.active { + z-index: 1; +} + +.btn-toolbar { + display: flex; + flex-wrap: wrap; + justify-content: flex-start; +} +.btn-toolbar .input-group { + width: auto; +} + +.btn-group { + border-radius: var(--bs-border-radius); +} +.btn-group > :not(.btn-check:first-child) + .btn, +.btn-group > .btn-group:not(:first-child) { + margin-left: calc(var(--bs-border-width) * -1); +} +.btn-group > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group > .btn.dropdown-toggle-split:first-child, +.btn-group > .btn-group:not(:last-child) > .btn { + border-top-right-radius: 0; + border-bottom-right-radius: 0; +} +.btn-group > .btn:nth-child(n+3), +.btn-group > :not(.btn-check) + .btn, +.btn-group > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-bottom-left-radius: 0; +} + +.dropdown-toggle-split { + padding-right: 0.5625rem; + padding-left: 0.5625rem; +} +.dropdown-toggle-split::after, .dropup .dropdown-toggle-split::after, .dropend .dropdown-toggle-split::after { + margin-left: 0; +} +.dropstart .dropdown-toggle-split::before { + margin-right: 0; +} + +.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split { + padding-right: 0.375rem; + padding-left: 0.375rem; +} + +.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { + padding-right: 0.75rem; + padding-left: 0.75rem; +} + +.btn-group-vertical { + flex-direction: column; + align-items: flex-start; + justify-content: center; +} +.btn-group-vertical > .btn, +.btn-group-vertical > .btn-group { + width: 100%; +} +.btn-group-vertical > .btn:not(:first-child), +.btn-group-vertical > .btn-group:not(:first-child) { + margin-top: calc(var(--bs-border-width) * -1); +} +.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), +.btn-group-vertical > .btn-group:not(:last-child) > .btn { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; +} +.btn-group-vertical > .btn ~ .btn, +.btn-group-vertical > .btn-group:not(:first-child) > .btn { + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav { + --bs-nav-link-padding-x: 1rem; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-link-color); + --bs-nav-link-hover-color: var(--bs-link-hover-color); + --bs-nav-link-disabled-color: var(--bs-secondary-color); + display: flex; + flex-wrap: wrap; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} + +.nav-link { + display: block; + padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); + font-size: var(--bs-nav-link-font-size); + font-weight: var(--bs-nav-link-font-weight); + color: var(--bs-nav-link-color); + text-decoration: none; + background: none; + border: 0; + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { .nav-link { - display: block; - padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x); - font-size: var(--bs-nav-link-font-size); - font-weight: var(--bs-nav-link-font-weight); - color: var(--bs-nav-link-color); - text-decoration: none; - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; + transition: none; } - @media (prefers-reduced-motion: reduce) { - .nav-link { - transition: none; - } - } - .nav-link:hover, .nav-link:focus { - color: var(--bs-nav-link-hover-color); - } - .nav-link.disabled { - color: var(--bs-nav-link-disabled-color); - pointer-events: none; - cursor: default; - } - - .nav-tabs { - --bs-nav-tabs-border-width: 1px; - --bs-nav-tabs-border-color: #dee2e6; - --bs-nav-tabs-border-radius: 0.375rem; - --bs-nav-tabs-link-hover-border-color: #e9ecef #e9ecef #dee2e6; - --bs-nav-tabs-link-active-color: #495057; - --bs-nav-tabs-link-active-bg: #fff; - --bs-nav-tabs-link-active-border-color: #dee2e6 #dee2e6 #fff; - border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); - } - .nav-tabs .nav-link { - margin-bottom: calc(var(--bs-nav-tabs-border-width) * -1); - background: none; - border: var(--bs-nav-tabs-border-width) solid transparent; - border-top-left-radius: var(--bs-nav-tabs-border-radius); - border-top-right-radius: var(--bs-nav-tabs-border-radius); - } - .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { - isolation: isolate; - border-color: var(--bs-nav-tabs-link-hover-border-color); - } - .nav-tabs .nav-link.disabled, .nav-tabs .nav-link:disabled { - color: var(--bs-nav-link-disabled-color); - background-color: transparent; - border-color: transparent; - } - .nav-tabs .nav-link.active, - .nav-tabs .nav-item.show .nav-link { - color: var(--bs-nav-tabs-link-active-color); - background-color: var(--bs-nav-tabs-link-active-bg); - border-color: var(--bs-nav-tabs-link-active-border-color); - } - .nav-tabs .dropdown-menu { - margin-top: calc(var(--bs-nav-tabs-border-width) * -1); - border-top-left-radius: 0; - border-top-right-radius: 0; - } - - .nav-pills { - --bs-nav-pills-border-radius: 0.375rem; - --bs-nav-pills-link-active-color: #fff; - --bs-nav-pills-link-active-bg: #2196f3; - } - .nav-pills .nav-link { - background: none; - border: 0; - border-radius: var(--bs-nav-pills-border-radius); - } - .nav-pills .nav-link:disabled { - color: var(--bs-nav-link-disabled-color); - background-color: transparent; - border-color: transparent; - } - .nav-pills .nav-link.active, - .nav-pills .show > .nav-link { - color: var(--bs-nav-pills-link-active-color); - background-color: var(--bs-nav-pills-link-active-bg); - } - - .nav-fill > .nav-link, - .nav-fill .nav-item { - flex: 1 1 auto; - text-align: center; - } - - .nav-justified > .nav-link, - .nav-justified .nav-item { - flex-basis: 0; - flex-grow: 1; - text-align: center; - } - - .nav-fill .nav-item .nav-link, - .nav-justified .nav-item .nav-link { - width: 100%; - } - - .tab-content > .tab-pane { - display: none; - } - .tab-content > .active { - display: block; - } - - .navbar { - --bs-navbar-padding-x: 0; - --bs-navbar-padding-y: 0.5rem; - --bs-navbar-color: rgba(0, 0, 0, 0.55); - --bs-navbar-hover-color: rgba(0, 0, 0, 0.7); - --bs-navbar-disabled-color: rgba(0, 0, 0, 0.3); - --bs-navbar-active-color: rgba(0, 0, 0, 0.9); - --bs-navbar-brand-padding-y: 0.3359375rem; - --bs-navbar-brand-margin-end: 1rem; - --bs-navbar-brand-font-size: 1.09375rem; - --bs-navbar-brand-color: rgba(0, 0, 0, 0.9); - --bs-navbar-brand-hover-color: rgba(0, 0, 0, 0.9); - --bs-navbar-nav-link-padding-x: 0.5rem; - --bs-navbar-toggler-padding-y: 0.25rem; - --bs-navbar-toggler-padding-x: 0.75rem; - --bs-navbar-toggler-font-size: 1.09375rem; - --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); - --bs-navbar-toggler-border-color: rgba(0, 0, 0, 0.1); - --bs-navbar-toggler-border-radius: 0.375rem; - --bs-navbar-toggler-focus-width: 0.25rem; - --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; - position: relative; - display: flex; - flex-wrap: wrap; - align-items: center; - justify-content: space-between; - padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); - } - .navbar > .container, - .navbar > .container-fluid, - .navbar > .container-sm, - .navbar > .container-md, - .navbar > .container-lg, - .navbar > .container-xl, - .navbar > .container-xxl { - display: flex; - flex-wrap: inherit; - align-items: center; - justify-content: space-between; - } - .navbar-brand { - padding-top: var(--bs-navbar-brand-padding-y); - padding-bottom: var(--bs-navbar-brand-padding-y); - margin-right: var(--bs-navbar-brand-margin-end); - font-size: var(--bs-navbar-brand-font-size); - color: var(--bs-navbar-brand-color); - text-decoration: none; - white-space: nowrap; - } - .navbar-brand:hover, .navbar-brand:focus { - color: var(--bs-navbar-brand-hover-color); - } - - .navbar-nav { - --bs-nav-link-padding-x: 0; - --bs-nav-link-padding-y: 0.5rem; - --bs-nav-link-font-weight: ; - --bs-nav-link-color: var(--bs-navbar-color); - --bs-nav-link-hover-color: var(--bs-navbar-hover-color); - --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - list-style: none; - } - .navbar-nav .show > .nav-link, - .navbar-nav .nav-link.active { - color: var(--bs-navbar-active-color); - } - .navbar-nav .dropdown-menu { - position: static; - } - - .navbar-text { - padding-top: 0.5rem; - padding-bottom: 0.5rem; - color: var(--bs-navbar-color); - } - .navbar-text a, - .navbar-text a:hover, - .navbar-text a:focus { - color: var(--bs-navbar-active-color); - } - - .navbar-collapse { - flex-basis: 100%; - flex-grow: 1; - align-items: center; - } - +} +.nav-link:hover, .nav-link:focus { + color: var(--bs-nav-link-hover-color); +} +.nav-link:focus-visible { + outline: 0; + box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); +} +.nav-link.disabled, .nav-link:disabled { + color: var(--bs-nav-link-disabled-color); + pointer-events: none; + cursor: default; +} + +.nav-tabs { + --bs-nav-tabs-border-width: var(--bs-border-width); + --bs-nav-tabs-border-color: var(--bs-border-color); + --bs-nav-tabs-border-radius: var(--bs-border-radius); + --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color); + --bs-nav-tabs-link-active-color: var(--bs-emphasis-color); + --bs-nav-tabs-link-active-bg: var(--bs-body-bg); + --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg); + border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color); +} +.nav-tabs .nav-link { + margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width)); + border: var(--bs-nav-tabs-border-width) solid transparent; + border-top-left-radius: var(--bs-nav-tabs-border-radius); + border-top-right-radius: var(--bs-nav-tabs-border-radius); +} +.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { + isolation: isolate; + border-color: var(--bs-nav-tabs-link-hover-border-color); +} +.nav-tabs .nav-link.active, +.nav-tabs .nav-item.show .nav-link { + color: var(--bs-nav-tabs-link-active-color); + background-color: var(--bs-nav-tabs-link-active-bg); + border-color: var(--bs-nav-tabs-link-active-border-color); +} +.nav-tabs .dropdown-menu { + margin-top: calc(-1 * var(--bs-nav-tabs-border-width)); + border-top-left-radius: 0; + border-top-right-radius: 0; +} + +.nav-pills { + --bs-nav-pills-border-radius: var(--bs-border-radius); + --bs-nav-pills-link-active-color: #fff; + --bs-nav-pills-link-active-bg: #0d6efd; +} +.nav-pills .nav-link { + border-radius: var(--bs-nav-pills-border-radius); +} +.nav-pills .nav-link.active, +.nav-pills .show > .nav-link { + color: var(--bs-nav-pills-link-active-color); + background-color: var(--bs-nav-pills-link-active-bg); +} + +.nav-underline { + --bs-nav-underline-gap: 1rem; + --bs-nav-underline-border-width: 0.125rem; + --bs-nav-underline-link-active-color: var(--bs-emphasis-color); + gap: var(--bs-nav-underline-gap); +} +.nav-underline .nav-link { + padding-right: 0; + padding-left: 0; + border-bottom: var(--bs-nav-underline-border-width) solid transparent; +} +.nav-underline .nav-link:hover, .nav-underline .nav-link:focus { + border-bottom-color: currentcolor; +} +.nav-underline .nav-link.active, +.nav-underline .show > .nav-link { + font-weight: 700; + color: var(--bs-nav-underline-link-active-color); + border-bottom-color: currentcolor; +} + +.nav-fill > .nav-link, +.nav-fill .nav-item { + flex: 1 1 auto; + text-align: center; +} + +.nav-justified > .nav-link, +.nav-justified .nav-item { + flex-basis: 0; + flex-grow: 1; + text-align: center; +} + +.nav-fill .nav-item .nav-link, +.nav-justified .nav-item .nav-link { + width: 100%; +} + +.tab-content > .tab-pane { + display: none; +} +.tab-content > .active { + display: block; +} + +.navbar { + --bs-navbar-padding-x: 0; + --bs-navbar-padding-y: 0.5rem; + --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); + --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); + --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3); + --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1); + --bs-navbar-brand-padding-y: 0.3125rem; + --bs-navbar-brand-margin-end: 1rem; + --bs-navbar-brand-font-size: 1.25rem; + --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1); + --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1); + --bs-navbar-nav-link-padding-x: 0.5rem; + --bs-navbar-toggler-padding-y: 0.25rem; + --bs-navbar-toggler-padding-x: 0.75rem; + --bs-navbar-toggler-font-size: 1.25rem; + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); + --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15); + --bs-navbar-toggler-border-radius: var(--bs-border-radius); + --bs-navbar-toggler-focus-width: 0.25rem; + --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out; + position: relative; + display: flex; + flex-wrap: wrap; + align-items: center; + justify-content: space-between; + padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x); +} +.navbar > .container, +.navbar > .container-fluid, +.navbar > .container-sm, +.navbar > .container-md, +.navbar > .container-lg, +.navbar > .container-xl, +.navbar > .container-xxl { + display: flex; + flex-wrap: inherit; + align-items: center; + justify-content: space-between; +} +.navbar-brand { + padding-top: var(--bs-navbar-brand-padding-y); + padding-bottom: var(--bs-navbar-brand-padding-y); + margin-right: var(--bs-navbar-brand-margin-end); + font-size: var(--bs-navbar-brand-font-size); + color: var(--bs-navbar-brand-color); + text-decoration: none; + white-space: nowrap; +} +.navbar-brand:hover, .navbar-brand:focus { + color: var(--bs-navbar-brand-hover-color); +} + +.navbar-nav { + --bs-nav-link-padding-x: 0; + --bs-nav-link-padding-y: 0.5rem; + --bs-nav-link-font-weight: ; + --bs-nav-link-color: var(--bs-navbar-color); + --bs-nav-link-hover-color: var(--bs-navbar-hover-color); + --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color); + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + list-style: none; +} +.navbar-nav .nav-link.active, .navbar-nav .nav-link.show { + color: var(--bs-navbar-active-color); +} +.navbar-nav .dropdown-menu { + position: static; +} + +.navbar-text { + padding-top: 0.5rem; + padding-bottom: 0.5rem; + color: var(--bs-navbar-color); +} +.navbar-text a, +.navbar-text a:hover, +.navbar-text a:focus { + color: var(--bs-navbar-active-color); +} + +.navbar-collapse { + flex-basis: 100%; + flex-grow: 1; + align-items: center; +} + +.navbar-toggler { + padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); + font-size: var(--bs-navbar-toggler-font-size); + line-height: 1; + color: var(--bs-navbar-color); + background-color: transparent; + border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); + border-radius: var(--bs-navbar-toggler-border-radius); + transition: var(--bs-navbar-toggler-transition); +} +@media (prefers-reduced-motion: reduce) { .navbar-toggler { - padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x); - font-size: var(--bs-navbar-toggler-font-size); - line-height: 1; - color: var(--bs-navbar-color); - background-color: transparent; - border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color); - border-radius: var(--bs-navbar-toggler-border-radius); - transition: var(--bs-navbar-toggler-transition); + transition: none; } - @media (prefers-reduced-motion: reduce) { - .navbar-toggler { - transition: none; - } - } - .navbar-toggler:hover { - text-decoration: none; - } - .navbar-toggler:focus { - text-decoration: none; - outline: 0; - box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); - } - - .navbar-toggler-icon { - display: inline-block; - width: 1.5em; - height: 1.5em; - vertical-align: middle; - background-image: var(--bs-navbar-toggler-icon-bg); - background-repeat: no-repeat; - background-position: center; - background-size: 100%; - } - - .navbar-nav-scroll { - max-height: var(--bs-scroll-height, 75vh); - overflow-y: auto; - } - - @media (min-width: 576px) { - .navbar-expand-sm { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-sm .navbar-nav { - flex-direction: row; - } - .navbar-expand-sm .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-sm .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); - } - .navbar-expand-sm .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-sm .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-sm .navbar-toggler { - display: none; - } - .navbar-expand-sm .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - transition: none; - } - .navbar-expand-sm .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-sm .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } - } - @media (min-width: 768px) { - .navbar-expand-md { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-md .navbar-nav { - flex-direction: row; - } - .navbar-expand-md .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-md .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); - } - .navbar-expand-md .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-md .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-md .navbar-toggler { - display: none; - } - .navbar-expand-md .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - transition: none; - } - .navbar-expand-md .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-md .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } - } - @media (min-width: 992px) { - .navbar-expand-lg { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-lg .navbar-nav { - flex-direction: row; - } - .navbar-expand-lg .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-lg .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); - } - .navbar-expand-lg .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-lg .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-lg .navbar-toggler { - display: none; - } - .navbar-expand-lg .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - transition: none; - } - .navbar-expand-lg .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-lg .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } - } - @media (min-width: 1200px) { - .navbar-expand-xl { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-xl .navbar-nav { - flex-direction: row; - } - .navbar-expand-xl .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-xl .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); - } - .navbar-expand-xl .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-xl .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-xl .navbar-toggler { - display: none; - } - .navbar-expand-xl .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - transition: none; - } - .navbar-expand-xl .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-xl .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } - } - @media (min-width: 1400px) { - .navbar-expand-xxl { - flex-wrap: nowrap; - justify-content: flex-start; - } - .navbar-expand-xxl .navbar-nav { - flex-direction: row; - } - .navbar-expand-xxl .navbar-nav .dropdown-menu { - position: absolute; - } - .navbar-expand-xxl .navbar-nav .nav-link { - padding-right: var(--bs-navbar-nav-link-padding-x); - padding-left: var(--bs-navbar-nav-link-padding-x); - } - .navbar-expand-xxl .navbar-nav-scroll { - overflow: visible; - } - .navbar-expand-xxl .navbar-collapse { - display: flex !important; - flex-basis: auto; - } - .navbar-expand-xxl .navbar-toggler { - display: none; - } - .navbar-expand-xxl .offcanvas { - position: static; - z-index: auto; - flex-grow: 1; - width: auto !important; - height: auto !important; - visibility: visible !important; - background-color: transparent !important; - border: 0 !important; - transform: none !important; - transition: none; - } - .navbar-expand-xxl .offcanvas .offcanvas-header { - display: none; - } - .navbar-expand-xxl .offcanvas .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - } - } - .navbar-expand { +} +.navbar-toggler:hover { + text-decoration: none; +} +.navbar-toggler:focus { + text-decoration: none; + outline: 0; + box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width); +} + +.navbar-toggler-icon { + display: inline-block; + width: 1.5em; + height: 1.5em; + vertical-align: middle; + background-image: var(--bs-navbar-toggler-icon-bg); + background-repeat: no-repeat; + background-position: center; + background-size: 100%; +} + +.navbar-nav-scroll { + max-height: var(--bs-scroll-height, 75vh); + overflow-y: auto; +} + +@media (min-width: 576px) { + .navbar-expand-sm { flex-wrap: nowrap; justify-content: flex-start; } - .navbar-expand .navbar-nav { + .navbar-expand-sm .navbar-nav { flex-direction: row; } - .navbar-expand .navbar-nav .dropdown-menu { + .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } - .navbar-expand .navbar-nav .nav-link { + .navbar-expand-sm .navbar-nav .nav-link { padding-right: var(--bs-navbar-nav-link-padding-x); padding-left: var(--bs-navbar-nav-link-padding-x); } - .navbar-expand .navbar-nav-scroll { + .navbar-expand-sm .navbar-nav-scroll { overflow: visible; } - .navbar-expand .navbar-collapse { + .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } - .navbar-expand .navbar-toggler { + .navbar-expand-sm .navbar-toggler { display: none; } - .navbar-expand .offcanvas { + .navbar-expand-sm .offcanvas { position: static; z-index: auto; flex-grow: 1; @@ -4090,2383 +4114,2208 @@ transform: none !important; transition: none; } - .navbar-expand .offcanvas .offcanvas-header { + .navbar-expand-sm .offcanvas .offcanvas-header { display: none; } - .navbar-expand .offcanvas .offcanvas-body { + .navbar-expand-sm .offcanvas .offcanvas-body { display: flex; flex-grow: 0; padding: 0; overflow-y: visible; } - - .navbar-dark { - --bs-navbar-color: rgba(255, 255, 255, 0.55); - --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); - --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); - --bs-navbar-active-color: #fff; - --bs-navbar-brand-color: #fff; - --bs-navbar-brand-hover-color: #fff; - --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); - --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} +@media (min-width: 768px) { + .navbar-expand-md { + flex-wrap: nowrap; + justify-content: flex-start; } - - .card { - --bs-card-spacer-y: 1rem; - --bs-card-spacer-x: 1rem; - --bs-card-title-spacer-y: 0.5rem; - --bs-card-border-width: 1px; - --bs-card-border-color: var(--bs-border-color-translucent); - --bs-card-border-radius: 0.375rem; - --bs-card-box-shadow: ; - --bs-card-inner-border-radius: calc(0.375rem - 1px); - --bs-card-cap-padding-y: 0.5rem; - --bs-card-cap-padding-x: 1rem; - --bs-card-cap-bg: rgba(0, 0, 0, 0.03); - --bs-card-cap-color: ; - --bs-card-height: ; - --bs-card-color: ; - --bs-card-bg: #fff; - --bs-card-img-overlay-padding: 1rem; - --bs-card-group-margin: 0.75rem; - position: relative; - display: flex; - flex-direction: column; - min-width: 0; - height: var(--bs-card-height); - word-wrap: break-word; - background-color: var(--bs-card-bg); - background-clip: border-box; - border: var(--bs-card-border-width) solid var(--bs-card-border-color); - border-radius: var(--bs-card-border-radius); - } - .card > hr { - margin-right: 0; - margin-left: 0; - } - .card > .list-group { - border-top: inherit; - border-bottom: inherit; - } - .card > .list-group:first-child { - border-top-width: 0; - border-top-left-radius: var(--bs-card-inner-border-radius); - border-top-right-radius: var(--bs-card-inner-border-radius); - } - .card > .list-group:last-child { - border-bottom-width: 0; - border-bottom-right-radius: var(--bs-card-inner-border-radius); - border-bottom-left-radius: var(--bs-card-inner-border-radius); - } - .card > .card-header + .list-group, - .card > .list-group + .card-footer { - border-top: 0; - } - - .card-body { - flex: 1 1 auto; - padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); - color: var(--bs-card-color); - } - - .card-title { - margin-bottom: var(--bs-card-title-spacer-y); - } - - .card-subtitle { - margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); - margin-bottom: 0; - } - - .card-text:last-child { - margin-bottom: 0; - } - - .card-link + .card-link { - margin-left: var(--bs-card-spacer-x); - } - - .card-header { - padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); - margin-bottom: 0; - color: var(--bs-card-cap-color); - background-color: var(--bs-card-cap-bg); - border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); - } - .card-header:first-child { - border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; - } - - .card-footer { - padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); - color: var(--bs-card-cap-color); - background-color: var(--bs-card-cap-bg); - border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); - } - .card-footer:last-child { - border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); - } - - .card-header-tabs { - margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); - margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); - margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); - border-bottom: 0; - } - .card-header-tabs .nav-link.active { - background-color: var(--bs-card-bg); - border-bottom-color: var(--bs-card-bg); - } - - .card-header-pills { - margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); - margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); - } - - .card-img-overlay { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - padding: var(--bs-card-img-overlay-padding); - border-radius: var(--bs-card-inner-border-radius); - } - - .card-img, - .card-img-top, - .card-img-bottom { - width: 100%; - } - - .card-img, - .card-img-top { - border-top-left-radius: var(--bs-card-inner-border-radius); - border-top-right-radius: var(--bs-card-inner-border-radius); - } - - .card-img, - .card-img-bottom { - border-bottom-right-radius: var(--bs-card-inner-border-radius); - border-bottom-left-radius: var(--bs-card-inner-border-radius); - } - - .card-group > .card { - margin-bottom: var(--bs-card-group-margin); - } - @media (min-width: 576px) { - .card-group { - display: flex; - flex-flow: row wrap; - } - .card-group > .card { - flex: 1 0 0%; - margin-bottom: 0; - } - .card-group > .card + .card { - margin-left: 0; - border-left: 0; - } - .card-group > .card:not(:last-child) { - border-top-right-radius: 0; - border-bottom-right-radius: 0; - } - .card-group > .card:not(:last-child) .card-img-top, - .card-group > .card:not(:last-child) .card-header { - border-top-right-radius: 0; - } - .card-group > .card:not(:last-child) .card-img-bottom, - .card-group > .card:not(:last-child) .card-footer { - border-bottom-right-radius: 0; - } - .card-group > .card:not(:first-child) { - border-top-left-radius: 0; - border-bottom-left-radius: 0; - } - .card-group > .card:not(:first-child) .card-img-top, - .card-group > .card:not(:first-child) .card-header { - border-top-left-radius: 0; - } - .card-group > .card:not(:first-child) .card-img-bottom, - .card-group > .card:not(:first-child) .card-footer { - border-bottom-left-radius: 0; - } - } - - .accordion { - --bs-accordion-color: #000; - --bs-accordion-bg: #fff; - --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; - --bs-accordion-border-color: var(--bs-border-color); - --bs-accordion-border-width: 1px; - --bs-accordion-border-radius: 0.375rem; - --bs-accordion-inner-border-radius: calc(0.375rem - 1px); - --bs-accordion-btn-padding-x: 1.25rem; - --bs-accordion-btn-padding-y: 1rem; - --bs-accordion-btn-color: var(--bs-body-color); - --bs-accordion-btn-bg: var(--bs-accordion-bg); - --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--bs-body-color%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - --bs-accordion-btn-icon-width: 1.25rem; - --bs-accordion-btn-icon-transform: rotate(-180deg); - --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; - --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%231e87db'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - --bs-accordion-btn-focus-border-color: #90cbf9; - --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); - --bs-accordion-body-padding-x: 1.25rem; - --bs-accordion-body-padding-y: 1rem; - --bs-accordion-active-color: #1e87db; - --bs-accordion-active-bg: #e9f5fe; - } - - .accordion-button { - position: relative; - display: flex; - align-items: center; - width: 100%; - padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); - font-size: 0.875rem; - color: var(--bs-accordion-btn-color); - text-align: left; - background-color: var(--bs-accordion-btn-bg); - border: 0; - border-radius: 0; - overflow-anchor: none; - transition: var(--bs-accordion-transition); - } - @media (prefers-reduced-motion: reduce) { - .accordion-button { - transition: none; - } - } - .accordion-button:not(.collapsed) { - color: var(--bs-accordion-active-color); - background-color: var(--bs-accordion-active-bg); - box-shadow: inset 0 calc(var(--bs-accordion-border-width) * -1) 0 var(--bs-accordion-border-color); - } - .accordion-button:not(.collapsed)::after { - background-image: var(--bs-accordion-btn-active-icon); - transform: var(--bs-accordion-btn-icon-transform); - } - .accordion-button::after { - flex-shrink: 0; - width: var(--bs-accordion-btn-icon-width); - height: var(--bs-accordion-btn-icon-width); - margin-left: auto; - content: ""; - background-image: var(--bs-accordion-btn-icon); - background-repeat: no-repeat; - background-size: var(--bs-accordion-btn-icon-width); - transition: var(--bs-accordion-btn-icon-transition); - } - @media (prefers-reduced-motion: reduce) { - .accordion-button::after { - transition: none; - } - } - .accordion-button:hover { - z-index: 2; - } - .accordion-button:focus { - z-index: 3; - border-color: var(--bs-accordion-btn-focus-border-color); - outline: 0; - box-shadow: var(--bs-accordion-btn-focus-box-shadow); - } - - .accordion-header { - margin-bottom: 0; - } - - .accordion-item { - color: var(--bs-accordion-color); - background-color: var(--bs-accordion-bg); - border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); - } - .accordion-item:first-of-type { - border-top-left-radius: var(--bs-accordion-border-radius); - border-top-right-radius: var(--bs-accordion-border-radius); - } - .accordion-item:first-of-type .accordion-button { - border-top-left-radius: var(--bs-accordion-inner-border-radius); - border-top-right-radius: var(--bs-accordion-inner-border-radius); - } - .accordion-item:not(:first-of-type) { - border-top: 0; - } - .accordion-item:last-of-type { - border-bottom-right-radius: var(--bs-accordion-border-radius); - border-bottom-left-radius: var(--bs-accordion-border-radius); - } - .accordion-item:last-of-type .accordion-button.collapsed { - border-bottom-right-radius: var(--bs-accordion-inner-border-radius); - border-bottom-left-radius: var(--bs-accordion-inner-border-radius); - } - .accordion-item:last-of-type .accordion-collapse { - border-bottom-right-radius: var(--bs-accordion-border-radius); - border-bottom-left-radius: var(--bs-accordion-border-radius); - } - - .accordion-body { - padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); - } - - .accordion-flush .accordion-collapse { - border-width: 0; - } - .accordion-flush .accordion-item { - border-right: 0; - border-left: 0; - border-radius: 0; - } - .accordion-flush .accordion-item:first-child { - border-top: 0; - } - .accordion-flush .accordion-item:last-child { - border-bottom: 0; - } - .accordion-flush .accordion-item .accordion-button { - border-radius: 0; - } - - .breadcrumb { - --bs-breadcrumb-padding-x: 0; - --bs-breadcrumb-padding-y: 0; - --bs-breadcrumb-margin-bottom: 1rem; - --bs-breadcrumb-bg: ; - --bs-breadcrumb-border-radius: ; - --bs-breadcrumb-divider-color: #6c757d; - --bs-breadcrumb-item-padding-x: 0.5rem; - --bs-breadcrumb-item-active-color: #6c757d; - display: flex; - flex-wrap: wrap; - padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); - margin-bottom: var(--bs-breadcrumb-margin-bottom); - font-size: var(--bs-breadcrumb-font-size); - list-style: none; - background-color: var(--bs-breadcrumb-bg); - border-radius: var(--bs-breadcrumb-border-radius); - } - - .breadcrumb-item + .breadcrumb-item { - padding-left: var(--bs-breadcrumb-item-padding-x); - } - .breadcrumb-item + .breadcrumb-item::before { - float: left; - padding-right: var(--bs-breadcrumb-item-padding-x); - color: var(--bs-breadcrumb-divider-color); - content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; - } - .breadcrumb-item.active { - color: var(--bs-breadcrumb-item-active-color); - } - - .pagination { - --bs-pagination-padding-x: 0.75rem; - --bs-pagination-padding-y: 0.375rem; - --bs-pagination-font-size: 0.875rem; - --bs-pagination-color: var(--bs-link-color); - --bs-pagination-bg: #fff; - --bs-pagination-border-width: 1px; - --bs-pagination-border-color: #dee2e6; - --bs-pagination-border-radius: 0.375rem; - --bs-pagination-hover-color: var(--bs-link-hover-color); - --bs-pagination-hover-bg: #e9ecef; - --bs-pagination-hover-border-color: #dee2e6; - --bs-pagination-focus-color: var(--bs-link-hover-color); - --bs-pagination-focus-bg: #e9ecef; - --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); - --bs-pagination-active-color: #fff; - --bs-pagination-active-bg: #2196f3; - --bs-pagination-active-border-color: #2196f3; - --bs-pagination-disabled-color: #6c757d; - --bs-pagination-disabled-bg: #fff; - --bs-pagination-disabled-border-color: #dee2e6; - display: flex; - padding-left: 0; - list-style: none; - } - - .page-link { - position: relative; - display: block; - padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); - font-size: var(--bs-pagination-font-size); - color: var(--bs-pagination-color); - text-decoration: none; - background-color: var(--bs-pagination-bg); - border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); - transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; - } - @media (prefers-reduced-motion: reduce) { - .page-link { - transition: none; - } - } - .page-link:hover { - z-index: 2; - color: var(--bs-pagination-hover-color); - background-color: var(--bs-pagination-hover-bg); - border-color: var(--bs-pagination-hover-border-color); - } - .page-link:focus { - z-index: 3; - color: var(--bs-pagination-focus-color); - background-color: var(--bs-pagination-focus-bg); - outline: 0; - box-shadow: var(--bs-pagination-focus-box-shadow); - } - .page-link.active, .active > .page-link { - z-index: 3; - color: var(--bs-pagination-active-color); - background-color: var(--bs-pagination-active-bg); - border-color: var(--bs-pagination-active-border-color); - } - .page-link.disabled, .disabled > .page-link { - color: var(--bs-pagination-disabled-color); - pointer-events: none; - background-color: var(--bs-pagination-disabled-bg); - border-color: var(--bs-pagination-disabled-border-color); - } - - .page-item:not(:first-child) .page-link { - margin-left: -1px; - } - .page-item:first-child .page-link { - border-top-left-radius: var(--bs-pagination-border-radius); - border-bottom-left-radius: var(--bs-pagination-border-radius); - } - .page-item:last-child .page-link { - border-top-right-radius: var(--bs-pagination-border-radius); - border-bottom-right-radius: var(--bs-pagination-border-radius); - } - - .pagination-lg { - --bs-pagination-padding-x: 1.5rem; - --bs-pagination-padding-y: 0.75rem; - --bs-pagination-font-size: 1.09375rem; - --bs-pagination-border-radius: 0.5rem; - } - - .pagination-sm { - --bs-pagination-padding-x: 0.5rem; - --bs-pagination-padding-y: 0.25rem; - --bs-pagination-font-size: 0.765625rem; - --bs-pagination-border-radius: 0.25rem; - } - - .badge { - --bs-badge-padding-x: 0.65em; - --bs-badge-padding-y: 0.35em; - --bs-badge-font-size: 0.75em; - --bs-badge-font-weight: 700; - --bs-badge-color: #fff; - --bs-badge-border-radius: 0.375rem; - display: inline-block; - padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); - font-size: var(--bs-badge-font-size); - font-weight: var(--bs-badge-font-weight); - line-height: 1; - color: var(--bs-badge-color); - text-align: center; - white-space: nowrap; - vertical-align: baseline; - border-radius: var(--bs-badge-border-radius); - } - .badge:empty { - display: none; - } - - .btn .badge { - position: relative; - top: -1px; - } - - .alert { - --bs-alert-bg: transparent; - --bs-alert-padding-x: 1rem; - --bs-alert-padding-y: 1rem; - --bs-alert-margin-bottom: 1rem; - --bs-alert-color: inherit; - --bs-alert-border-color: transparent; - --bs-alert-border: 1px solid var(--bs-alert-border-color); - --bs-alert-border-radius: 0.375rem; - position: relative; - padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); - margin-bottom: var(--bs-alert-margin-bottom); - color: var(--bs-alert-color); - background-color: var(--bs-alert-bg); - border: var(--bs-alert-border); - border-radius: var(--bs-alert-border-radius); - } - - .alert-heading { - color: inherit; - } - - .alert-link { - font-weight: 700; - } - - .alert-dismissible { - padding-right: 3rem; - } - .alert-dismissible .btn-close { - position: absolute; - top: 0; - right: 0; - z-index: 2; - padding: 1.25rem 1rem; - } - - .alert-primary { - --bs-alert-color: #145a92; - --bs-alert-bg: #d3eafd; - --bs-alert-border-color: #bce0fb; - } - .alert-primary .alert-link { - color: #104875; - } - - .alert-secondary { - --bs-alert-color: #41464b; - --bs-alert-bg: #e2e3e5; - --bs-alert-border-color: #d3d6d8; - } - .alert-secondary .alert-link { - color: #34383c; - } - - .alert-success { - --bs-alert-color: #2e6930; - --bs-alert-bg: #dbefdc; - --bs-alert-border-color: #c9e7cb; - } - .alert-success .alert-link { - color: #255426; - } - - .alert-info { - --bs-alert-color: #00717f; - --bs-alert-bg: #ccf2f6; - --bs-alert-border-color: #b3ebf2; - } - .alert-info .alert-link { - color: #005a66; - } - - .alert-warning { - --bs-alert-color: #665e18; - --bs-alert-bg: #fffbd8; - --bs-alert-border-color: #fff9c4; - } - .alert-warning .alert-link { - color: #524b13; - } - - .alert-danger { - --bs-alert-color: #922820; - --bs-alert-bg: #fdd9d7; - --bs-alert-border-color: #fcc7c3; - } - .alert-danger .alert-link { - color: #75201a; - } - - .alert-light { - --bs-alert-color: #636464; - --bs-alert-bg: #fefefe; - --bs-alert-border-color: #fdfdfe; - } - .alert-light .alert-link { - color: #4f5050; - } - - .alert-dark { - --bs-alert-color: #141619; - --bs-alert-bg: #d3d3d4; - --bs-alert-border-color: #bcbebf; - } - .alert-dark .alert-link { - color: #101214; - } - - @keyframes progress-bar-stripes { - 0% { - background-position-x: 1rem; - } - } - .progress { - --bs-progress-height: 1rem; - --bs-progress-font-size: 0.65625rem; - --bs-progress-bg: #e9ecef; - --bs-progress-border-radius: 0.375rem; - --bs-progress-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075); - --bs-progress-bar-color: #fff; - --bs-progress-bar-bg: #2196f3; - --bs-progress-bar-transition: width 0.6s ease; - display: flex; - height: var(--bs-progress-height); - overflow: hidden; - font-size: var(--bs-progress-font-size); - background-color: var(--bs-progress-bg); - border-radius: var(--bs-progress-border-radius); - } - - .progress-bar { - display: flex; - flex-direction: column; - justify-content: center; - overflow: hidden; - color: var(--bs-progress-bar-color); - text-align: center; - white-space: nowrap; - background-color: var(--bs-progress-bar-bg); - transition: var(--bs-progress-bar-transition); - } - @media (prefers-reduced-motion: reduce) { - .progress-bar { - transition: none; - } - } - - .progress-bar-striped { - background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); - background-size: var(--bs-progress-height) var(--bs-progress-height); - } - - .progress-bar-animated { - animation: 1s linear infinite progress-bar-stripes; - } - @media (prefers-reduced-motion: reduce) { - .progress-bar-animated { - animation: none; - } - } - - .list-group { - --bs-list-group-color: #212529; - --bs-list-group-bg: #fff; - --bs-list-group-border-color: rgba(0, 0, 0, 0.125); - --bs-list-group-border-width: 1px; - --bs-list-group-border-radius: 0.375rem; - --bs-list-group-item-padding-x: 1rem; - --bs-list-group-item-padding-y: 0.5rem; - --bs-list-group-action-color: #495057; - --bs-list-group-action-hover-color: #495057; - --bs-list-group-action-hover-bg: #f8f9fa; - --bs-list-group-action-active-color: #212529; - --bs-list-group-action-active-bg: #e9ecef; - --bs-list-group-disabled-color: #6c757d; - --bs-list-group-disabled-bg: #fff; - --bs-list-group-active-color: #fff; - --bs-list-group-active-bg: #2196f3; - --bs-list-group-active-border-color: #2196f3; - display: flex; - flex-direction: column; - padding-left: 0; - margin-bottom: 0; - border-radius: var(--bs-list-group-border-radius); - } - - .list-group-numbered { - list-style-type: none; - counter-reset: section; - } - .list-group-numbered > .list-group-item::before { - content: counters(section, ".") ". "; - counter-increment: section; - } - - .list-group-item-action { - width: 100%; - color: var(--bs-list-group-action-color); - text-align: inherit; - } - .list-group-item-action:hover, .list-group-item-action:focus { - z-index: 1; - color: var(--bs-list-group-action-hover-color); - text-decoration: none; - background-color: var(--bs-list-group-action-hover-bg); - } - .list-group-item-action:active { - color: var(--bs-list-group-action-active-color); - background-color: var(--bs-list-group-action-active-bg); - } - - .list-group-item { - position: relative; - display: block; - padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); - color: var(--bs-list-group-color); - text-decoration: none; - background-color: var(--bs-list-group-bg); - border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); - } - .list-group-item:first-child { - border-top-left-radius: inherit; - border-top-right-radius: inherit; - } - .list-group-item:last-child { - border-bottom-right-radius: inherit; - border-bottom-left-radius: inherit; - } - .list-group-item.disabled, .list-group-item:disabled { - color: var(--bs-list-group-disabled-color); - pointer-events: none; - background-color: var(--bs-list-group-disabled-bg); - } - .list-group-item.active { - z-index: 2; - color: var(--bs-list-group-active-color); - background-color: var(--bs-list-group-active-bg); - border-color: var(--bs-list-group-active-border-color); - } - .list-group-item + .list-group-item { - border-top-width: 0; - } - .list-group-item + .list-group-item.active { - margin-top: calc(var(--bs-list-group-border-width) * -1); - border-top-width: var(--bs-list-group-border-width); - } - - .list-group-horizontal { + .navbar-expand-md .navbar-nav { flex-direction: row; } - .list-group-horizontal > .list-group-item:first-child { + .navbar-expand-md .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-md .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-md .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-md .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-md .navbar-toggler { + display: none; + } + .navbar-expand-md .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-md .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-md .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 992px) { + .navbar-expand-lg { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-lg .navbar-nav { + flex-direction: row; + } + .navbar-expand-lg .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-lg .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-lg .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-lg .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-lg .navbar-toggler { + display: none; + } + .navbar-expand-lg .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-lg .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-lg .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 1200px) { + .navbar-expand-xl { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-xl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xl .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-xl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xl .navbar-toggler { + display: none; + } + .navbar-expand-xl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-xl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +@media (min-width: 1400px) { + .navbar-expand-xxl { + flex-wrap: nowrap; + justify-content: flex-start; + } + .navbar-expand-xxl .navbar-nav { + flex-direction: row; + } + .navbar-expand-xxl .navbar-nav .dropdown-menu { + position: absolute; + } + .navbar-expand-xxl .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); + } + .navbar-expand-xxl .navbar-nav-scroll { + overflow: visible; + } + .navbar-expand-xxl .navbar-collapse { + display: flex !important; + flex-basis: auto; + } + .navbar-expand-xxl .navbar-toggler { + display: none; + } + .navbar-expand-xxl .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-header { + display: none; + } + .navbar-expand-xxl .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + } +} +.navbar-expand { + flex-wrap: nowrap; + justify-content: flex-start; +} +.navbar-expand .navbar-nav { + flex-direction: row; +} +.navbar-expand .navbar-nav .dropdown-menu { + position: absolute; +} +.navbar-expand .navbar-nav .nav-link { + padding-right: var(--bs-navbar-nav-link-padding-x); + padding-left: var(--bs-navbar-nav-link-padding-x); +} +.navbar-expand .navbar-nav-scroll { + overflow: visible; +} +.navbar-expand .navbar-collapse { + display: flex !important; + flex-basis: auto; +} +.navbar-expand .navbar-toggler { + display: none; +} +.navbar-expand .offcanvas { + position: static; + z-index: auto; + flex-grow: 1; + width: auto !important; + height: auto !important; + visibility: visible !important; + background-color: transparent !important; + border: 0 !important; + transform: none !important; + transition: none; +} +.navbar-expand .offcanvas .offcanvas-header { + display: none; +} +.navbar-expand .offcanvas .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; +} + +.navbar-dark, +.navbar[data-bs-theme=dark] { + --bs-navbar-color: rgba(255, 255, 255, 0.55); + --bs-navbar-hover-color: rgba(255, 255, 255, 0.75); + --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25); + --bs-navbar-active-color: #fff; + --bs-navbar-brand-color: #fff; + --bs-navbar-brand-hover-color: #fff; + --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1); + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +[data-bs-theme=dark] .navbar-toggler-icon { + --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); +} + +.card { + --bs-card-spacer-y: 1rem; + --bs-card-spacer-x: 1rem; + --bs-card-title-spacer-y: 0.5rem; + --bs-card-title-color: ; + --bs-card-subtitle-color: ; + --bs-card-border-width: var(--bs-border-width); + --bs-card-border-color: var(--bs-border-color-translucent); + --bs-card-border-radius: var(--bs-border-radius); + --bs-card-box-shadow: ; + --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); + --bs-card-cap-padding-y: 0.5rem; + --bs-card-cap-padding-x: 1rem; + --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03); + --bs-card-cap-color: ; + --bs-card-height: ; + --bs-card-color: ; + --bs-card-bg: var(--bs-body-bg); + --bs-card-img-overlay-padding: 1rem; + --bs-card-group-margin: 0.75rem; + position: relative; + display: flex; + flex-direction: column; + min-width: 0; + height: var(--bs-card-height); + color: var(--bs-body-color); + word-wrap: break-word; + background-color: var(--bs-card-bg); + background-clip: border-box; + border: var(--bs-card-border-width) solid var(--bs-card-border-color); + border-radius: var(--bs-card-border-radius); +} +.card > hr { + margin-right: 0; + margin-left: 0; +} +.card > .list-group { + border-top: inherit; + border-bottom: inherit; +} +.card > .list-group:first-child { + border-top-width: 0; + border-top-left-radius: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); +} +.card > .list-group:last-child { + border-bottom-width: 0; + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); +} +.card > .card-header + .list-group, +.card > .list-group + .card-footer { + border-top: 0; +} + +.card-body { + flex: 1 1 auto; + padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x); + color: var(--bs-card-color); +} + +.card-title { + margin-bottom: var(--bs-card-title-spacer-y); + color: var(--bs-card-title-color); +} + +.card-subtitle { + margin-top: calc(-0.5 * var(--bs-card-title-spacer-y)); + margin-bottom: 0; + color: var(--bs-card-subtitle-color); +} + +.card-text:last-child { + margin-bottom: 0; +} + +.card-link + .card-link { + margin-left: var(--bs-card-spacer-x); +} + +.card-header { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + margin-bottom: 0; + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color); +} +.card-header:first-child { + border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0; +} + +.card-footer { + padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x); + color: var(--bs-card-cap-color); + background-color: var(--bs-card-cap-bg); + border-top: var(--bs-card-border-width) solid var(--bs-card-border-color); +} +.card-footer:last-child { + border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius); +} + +.card-header-tabs { + margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); + margin-bottom: calc(-1 * var(--bs-card-cap-padding-y)); + margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); + border-bottom: 0; +} +.card-header-tabs .nav-link.active { + background-color: var(--bs-card-bg); + border-bottom-color: var(--bs-card-bg); +} + +.card-header-pills { + margin-right: calc(-0.5 * var(--bs-card-cap-padding-x)); + margin-left: calc(-0.5 * var(--bs-card-cap-padding-x)); +} + +.card-img-overlay { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + padding: var(--bs-card-img-overlay-padding); + border-radius: var(--bs-card-inner-border-radius); +} + +.card-img, +.card-img-top, +.card-img-bottom { + width: 100%; +} + +.card-img, +.card-img-top { + border-top-left-radius: var(--bs-card-inner-border-radius); + border-top-right-radius: var(--bs-card-inner-border-radius); +} + +.card-img, +.card-img-bottom { + border-bottom-right-radius: var(--bs-card-inner-border-radius); + border-bottom-left-radius: var(--bs-card-inner-border-radius); +} + +.card-group > .card { + margin-bottom: var(--bs-card-group-margin); +} +@media (min-width: 576px) { + .card-group { + display: flex; + flex-flow: row wrap; + } + .card-group > .card { + flex: 1 0 0%; + margin-bottom: 0; + } + .card-group > .card + .card { + margin-left: 0; + border-left: 0; + } + .card-group > .card:not(:last-child) { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-top, + .card-group > .card:not(:last-child) .card-header { + border-top-right-radius: 0; + } + .card-group > .card:not(:last-child) .card-img-bottom, + .card-group > .card:not(:last-child) .card-footer { + border-bottom-right-radius: 0; + } + .card-group > .card:not(:first-child) { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-top, + .card-group > .card:not(:first-child) .card-header { + border-top-left-radius: 0; + } + .card-group > .card:not(:first-child) .card-img-bottom, + .card-group > .card:not(:first-child) .card-footer { + border-bottom-left-radius: 0; + } +} + +.accordion { + --bs-accordion-color: var(--bs-body-color); + --bs-accordion-bg: var(--bs-body-bg); + --bs-accordion-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; + --bs-accordion-border-color: var(--bs-border-color); + --bs-accordion-border-width: var(--bs-border-width); + --bs-accordion-border-radius: var(--bs-border-radius); + --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width))); + --bs-accordion-btn-padding-x: 1.25rem; + --bs-accordion-btn-padding-y: 1rem; + --bs-accordion-btn-color: var(--bs-body-color); + --bs-accordion-btn-bg: var(--bs-accordion-bg); + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-icon-width: 1.25rem; + --bs-accordion-btn-icon-transform: rotate(-180deg); + --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out; + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23052c65'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-focus-border-color: #86b7fe; + --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + --bs-accordion-body-padding-x: 1.25rem; + --bs-accordion-body-padding-y: 1rem; + --bs-accordion-active-color: var(--bs-primary-text-emphasis); + --bs-accordion-active-bg: var(--bs-primary-bg-subtle); +} + +.accordion-button { + position: relative; + display: flex; + align-items: center; + width: 100%; + padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x); + font-size: 1rem; + color: var(--bs-accordion-btn-color); + text-align: left; + background-color: var(--bs-accordion-btn-bg); + border: 0; + border-radius: 0; + overflow-anchor: none; + transition: var(--bs-accordion-transition); +} +@media (prefers-reduced-motion: reduce) { + .accordion-button { + transition: none; + } +} +.accordion-button:not(.collapsed) { + color: var(--bs-accordion-active-color); + background-color: var(--bs-accordion-active-bg); + box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); +} +.accordion-button:not(.collapsed)::after { + background-image: var(--bs-accordion-btn-active-icon); + transform: var(--bs-accordion-btn-icon-transform); +} +.accordion-button::after { + flex-shrink: 0; + width: var(--bs-accordion-btn-icon-width); + height: var(--bs-accordion-btn-icon-width); + margin-left: auto; + content: ""; + background-image: var(--bs-accordion-btn-icon); + background-repeat: no-repeat; + background-size: var(--bs-accordion-btn-icon-width); + transition: var(--bs-accordion-btn-icon-transition); +} +@media (prefers-reduced-motion: reduce) { + .accordion-button::after { + transition: none; + } +} +.accordion-button:hover { + z-index: 2; +} +.accordion-button:focus { + z-index: 3; + border-color: var(--bs-accordion-btn-focus-border-color); + outline: 0; + box-shadow: var(--bs-accordion-btn-focus-box-shadow); +} + +.accordion-header { + margin-bottom: 0; +} + +.accordion-item { + color: var(--bs-accordion-color); + background-color: var(--bs-accordion-bg); + border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color); +} +.accordion-item:first-of-type { + border-top-left-radius: var(--bs-accordion-border-radius); + border-top-right-radius: var(--bs-accordion-border-radius); +} +.accordion-item:first-of-type .accordion-button { + border-top-left-radius: var(--bs-accordion-inner-border-radius); + border-top-right-radius: var(--bs-accordion-inner-border-radius); +} +.accordion-item:not(:first-of-type) { + border-top: 0; +} +.accordion-item:last-of-type { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); +} +.accordion-item:last-of-type .accordion-button.collapsed { + border-bottom-right-radius: var(--bs-accordion-inner-border-radius); + border-bottom-left-radius: var(--bs-accordion-inner-border-radius); +} +.accordion-item:last-of-type .accordion-collapse { + border-bottom-right-radius: var(--bs-accordion-border-radius); + border-bottom-left-radius: var(--bs-accordion-border-radius); +} + +.accordion-body { + padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x); +} + +.accordion-flush .accordion-collapse { + border-width: 0; +} +.accordion-flush .accordion-item { + border-right: 0; + border-left: 0; + border-radius: 0; +} +.accordion-flush .accordion-item:first-child { + border-top: 0; +} +.accordion-flush .accordion-item:last-child { + border-bottom: 0; +} +.accordion-flush .accordion-item .accordion-button, .accordion-flush .accordion-item .accordion-button.collapsed { + border-radius: 0; +} + +[data-bs-theme=dark] .accordion-button::after { + --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); + --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} + +.breadcrumb { + --bs-breadcrumb-padding-x: 0; + --bs-breadcrumb-padding-y: 0; + --bs-breadcrumb-margin-bottom: 1rem; + --bs-breadcrumb-bg: ; + --bs-breadcrumb-border-radius: ; + --bs-breadcrumb-divider-color: var(--bs-secondary-color); + --bs-breadcrumb-item-padding-x: 0.5rem; + --bs-breadcrumb-item-active-color: var(--bs-secondary-color); + display: flex; + flex-wrap: wrap; + padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x); + margin-bottom: var(--bs-breadcrumb-margin-bottom); + font-size: var(--bs-breadcrumb-font-size); + list-style: none; + background-color: var(--bs-breadcrumb-bg); + border-radius: var(--bs-breadcrumb-border-radius); +} + +.breadcrumb-item + .breadcrumb-item { + padding-left: var(--bs-breadcrumb-item-padding-x); +} +.breadcrumb-item + .breadcrumb-item::before { + float: left; + padding-right: var(--bs-breadcrumb-item-padding-x); + color: var(--bs-breadcrumb-divider-color); + content: var(--bs-breadcrumb-divider, "/") /* rtl: var(--bs-breadcrumb-divider, "/") */; +} +.breadcrumb-item.active { + color: var(--bs-breadcrumb-item-active-color); +} + +.pagination { + --bs-pagination-padding-x: 0.75rem; + --bs-pagination-padding-y: 0.375rem; + --bs-pagination-font-size: 1rem; + --bs-pagination-color: var(--bs-link-color); + --bs-pagination-bg: var(--bs-body-bg); + --bs-pagination-border-width: var(--bs-border-width); + --bs-pagination-border-color: var(--bs-border-color); + --bs-pagination-border-radius: var(--bs-border-radius); + --bs-pagination-hover-color: var(--bs-link-hover-color); + --bs-pagination-hover-bg: var(--bs-tertiary-bg); + --bs-pagination-hover-border-color: var(--bs-border-color); + --bs-pagination-focus-color: var(--bs-link-hover-color); + --bs-pagination-focus-bg: var(--bs-secondary-bg); + --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + --bs-pagination-active-color: #fff; + --bs-pagination-active-bg: #0d6efd; + --bs-pagination-active-border-color: #0d6efd; + --bs-pagination-disabled-color: var(--bs-secondary-color); + --bs-pagination-disabled-bg: var(--bs-secondary-bg); + --bs-pagination-disabled-border-color: var(--bs-border-color); + display: flex; + padding-left: 0; + list-style: none; +} + +.page-link { + position: relative; + display: block; + padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x); + font-size: var(--bs-pagination-font-size); + color: var(--bs-pagination-color); + text-decoration: none; + background-color: var(--bs-pagination-bg); + border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color); + transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { + .page-link { + transition: none; + } +} +.page-link:hover { + z-index: 2; + color: var(--bs-pagination-hover-color); + background-color: var(--bs-pagination-hover-bg); + border-color: var(--bs-pagination-hover-border-color); +} +.page-link:focus { + z-index: 3; + color: var(--bs-pagination-focus-color); + background-color: var(--bs-pagination-focus-bg); + outline: 0; + box-shadow: var(--bs-pagination-focus-box-shadow); +} +.page-link.active, .active > .page-link { + z-index: 3; + color: var(--bs-pagination-active-color); + background-color: var(--bs-pagination-active-bg); + border-color: var(--bs-pagination-active-border-color); +} +.page-link.disabled, .disabled > .page-link { + color: var(--bs-pagination-disabled-color); + pointer-events: none; + background-color: var(--bs-pagination-disabled-bg); + border-color: var(--bs-pagination-disabled-border-color); +} + +.page-item:not(:first-child) .page-link { + margin-left: calc(var(--bs-border-width) * -1); +} +.page-item:first-child .page-link { + border-top-left-radius: var(--bs-pagination-border-radius); + border-bottom-left-radius: var(--bs-pagination-border-radius); +} +.page-item:last-child .page-link { + border-top-right-radius: var(--bs-pagination-border-radius); + border-bottom-right-radius: var(--bs-pagination-border-radius); +} + +.pagination-lg { + --bs-pagination-padding-x: 1.5rem; + --bs-pagination-padding-y: 0.75rem; + --bs-pagination-font-size: 1.25rem; + --bs-pagination-border-radius: var(--bs-border-radius-lg); +} + +.pagination-sm { + --bs-pagination-padding-x: 0.5rem; + --bs-pagination-padding-y: 0.25rem; + --bs-pagination-font-size: 0.875rem; + --bs-pagination-border-radius: var(--bs-border-radius-sm); +} + +.badge { + --bs-badge-padding-x: 0.65em; + --bs-badge-padding-y: 0.35em; + --bs-badge-font-size: 0.75em; + --bs-badge-font-weight: 700; + --bs-badge-color: #fff; + --bs-badge-border-radius: var(--bs-border-radius); + display: inline-block; + padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x); + font-size: var(--bs-badge-font-size); + font-weight: var(--bs-badge-font-weight); + line-height: 1; + color: var(--bs-badge-color); + text-align: center; + white-space: nowrap; + vertical-align: baseline; + border-radius: var(--bs-badge-border-radius); +} +.badge:empty { + display: none; +} + +.btn .badge { + position: relative; + top: -1px; +} + +.alert { + --bs-alert-bg: transparent; + --bs-alert-padding-x: 1rem; + --bs-alert-padding-y: 1rem; + --bs-alert-margin-bottom: 1rem; + --bs-alert-color: inherit; + --bs-alert-border-color: transparent; + --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color); + --bs-alert-border-radius: var(--bs-border-radius); + --bs-alert-link-color: inherit; + position: relative; + padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x); + margin-bottom: var(--bs-alert-margin-bottom); + color: var(--bs-alert-color); + background-color: var(--bs-alert-bg); + border: var(--bs-alert-border); + border-radius: var(--bs-alert-border-radius); +} + +.alert-heading { + color: inherit; +} + +.alert-link { + font-weight: 700; + color: var(--bs-alert-link-color); +} + +.alert-dismissible { + padding-right: 3rem; +} +.alert-dismissible .btn-close { + position: absolute; + top: 0; + right: 0; + z-index: 2; + padding: 1.25rem 1rem; +} + +.alert-primary { + --bs-alert-color: var(--bs-primary-text-emphasis); + --bs-alert-bg: var(--bs-primary-bg-subtle); + --bs-alert-border-color: var(--bs-primary-border-subtle); + --bs-alert-link-color: var(--bs-primary-text-emphasis); +} + +.alert-secondary { + --bs-alert-color: var(--bs-secondary-text-emphasis); + --bs-alert-bg: var(--bs-secondary-bg-subtle); + --bs-alert-border-color: var(--bs-secondary-border-subtle); + --bs-alert-link-color: var(--bs-secondary-text-emphasis); +} + +.alert-success { + --bs-alert-color: var(--bs-success-text-emphasis); + --bs-alert-bg: var(--bs-success-bg-subtle); + --bs-alert-border-color: var(--bs-success-border-subtle); + --bs-alert-link-color: var(--bs-success-text-emphasis); +} + +.alert-info { + --bs-alert-color: var(--bs-info-text-emphasis); + --bs-alert-bg: var(--bs-info-bg-subtle); + --bs-alert-border-color: var(--bs-info-border-subtle); + --bs-alert-link-color: var(--bs-info-text-emphasis); +} + +.alert-warning { + --bs-alert-color: var(--bs-warning-text-emphasis); + --bs-alert-bg: var(--bs-warning-bg-subtle); + --bs-alert-border-color: var(--bs-warning-border-subtle); + --bs-alert-link-color: var(--bs-warning-text-emphasis); +} + +.alert-danger { + --bs-alert-color: var(--bs-danger-text-emphasis); + --bs-alert-bg: var(--bs-danger-bg-subtle); + --bs-alert-border-color: var(--bs-danger-border-subtle); + --bs-alert-link-color: var(--bs-danger-text-emphasis); +} + +.alert-light { + --bs-alert-color: var(--bs-light-text-emphasis); + --bs-alert-bg: var(--bs-light-bg-subtle); + --bs-alert-border-color: var(--bs-light-border-subtle); + --bs-alert-link-color: var(--bs-light-text-emphasis); +} + +.alert-dark { + --bs-alert-color: var(--bs-dark-text-emphasis); + --bs-alert-bg: var(--bs-dark-bg-subtle); + --bs-alert-border-color: var(--bs-dark-border-subtle); + --bs-alert-link-color: var(--bs-dark-text-emphasis); +} + +@keyframes progress-bar-stripes { + 0% { + background-position-x: 1rem; + } +} +.progress, +.progress-stacked { + --bs-progress-height: 1rem; + --bs-progress-font-size: 0.75rem; + --bs-progress-bg: var(--bs-secondary-bg); + --bs-progress-border-radius: var(--bs-border-radius); + --bs-progress-box-shadow: var(--bs-box-shadow-inset); + --bs-progress-bar-color: #fff; + --bs-progress-bar-bg: #0d6efd; + --bs-progress-bar-transition: width 0.6s ease; + display: flex; + height: var(--bs-progress-height); + overflow: hidden; + font-size: var(--bs-progress-font-size); + background-color: var(--bs-progress-bg); + border-radius: var(--bs-progress-border-radius); +} + +.progress-bar { + display: flex; + flex-direction: column; + justify-content: center; + overflow: hidden; + color: var(--bs-progress-bar-color); + text-align: center; + white-space: nowrap; + background-color: var(--bs-progress-bar-bg); + transition: var(--bs-progress-bar-transition); +} +@media (prefers-reduced-motion: reduce) { + .progress-bar { + transition: none; + } +} + +.progress-bar-striped { + background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); + background-size: var(--bs-progress-height) var(--bs-progress-height); +} + +.progress-stacked > .progress { + overflow: visible; +} + +.progress-stacked > .progress > .progress-bar { + width: 100%; +} + +.progress-bar-animated { + animation: 1s linear infinite progress-bar-stripes; +} +@media (prefers-reduced-motion: reduce) { + .progress-bar-animated { + animation: none; + } +} + +.list-group { + --bs-list-group-color: var(--bs-body-color); + --bs-list-group-bg: var(--bs-body-bg); + --bs-list-group-border-color: var(--bs-border-color); + --bs-list-group-border-width: var(--bs-border-width); + --bs-list-group-border-radius: var(--bs-border-radius); + --bs-list-group-item-padding-x: 1rem; + --bs-list-group-item-padding-y: 0.5rem; + --bs-list-group-action-color: var(--bs-secondary-color); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-tertiary-bg); + --bs-list-group-action-active-color: var(--bs-body-color); + --bs-list-group-action-active-bg: var(--bs-secondary-bg); + --bs-list-group-disabled-color: var(--bs-secondary-color); + --bs-list-group-disabled-bg: var(--bs-body-bg); + --bs-list-group-active-color: #fff; + --bs-list-group-active-bg: #0d6efd; + --bs-list-group-active-border-color: #0d6efd; + display: flex; + flex-direction: column; + padding-left: 0; + margin-bottom: 0; + border-radius: var(--bs-list-group-border-radius); +} + +.list-group-numbered { + list-style-type: none; + counter-reset: section; +} +.list-group-numbered > .list-group-item::before { + content: counters(section, ".") ". "; + counter-increment: section; +} + +.list-group-item-action { + width: 100%; + color: var(--bs-list-group-action-color); + text-align: inherit; +} +.list-group-item-action:hover, .list-group-item-action:focus { + z-index: 1; + color: var(--bs-list-group-action-hover-color); + text-decoration: none; + background-color: var(--bs-list-group-action-hover-bg); +} +.list-group-item-action:active { + color: var(--bs-list-group-action-active-color); + background-color: var(--bs-list-group-action-active-bg); +} + +.list-group-item { + position: relative; + display: block; + padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x); + color: var(--bs-list-group-color); + text-decoration: none; + background-color: var(--bs-list-group-bg); + border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color); +} +.list-group-item:first-child { + border-top-left-radius: inherit; + border-top-right-radius: inherit; +} +.list-group-item:last-child { + border-bottom-right-radius: inherit; + border-bottom-left-radius: inherit; +} +.list-group-item.disabled, .list-group-item:disabled { + color: var(--bs-list-group-disabled-color); + pointer-events: none; + background-color: var(--bs-list-group-disabled-bg); +} +.list-group-item.active { + z-index: 2; + color: var(--bs-list-group-active-color); + background-color: var(--bs-list-group-active-bg); + border-color: var(--bs-list-group-active-border-color); +} +.list-group-item + .list-group-item { + border-top-width: 0; +} +.list-group-item + .list-group-item.active { + margin-top: calc(-1 * var(--bs-list-group-border-width)); + border-top-width: var(--bs-list-group-border-width); +} + +.list-group-horizontal { + flex-direction: row; +} +.list-group-horizontal > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; +} +.list-group-horizontal > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; +} +.list-group-horizontal > .list-group-item.active { + margin-top: 0; +} +.list-group-horizontal > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; +} +.list-group-horizontal > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); +} + +@media (min-width: 576px) { + .list-group-horizontal-sm { + flex-direction: row; + } + .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) { border-bottom-left-radius: var(--bs-list-group-border-radius); border-top-right-radius: 0; } - .list-group-horizontal > .list-group-item:last-child { + .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) { border-top-right-radius: var(--bs-list-group-border-radius); border-bottom-left-radius: 0; } - .list-group-horizontal > .list-group-item.active { + .list-group-horizontal-sm > .list-group-item.active { margin-top: 0; } - .list-group-horizontal > .list-group-item + .list-group-item { + .list-group-horizontal-sm > .list-group-item + .list-group-item { border-top-width: var(--bs-list-group-border-width); border-left-width: 0; } - .list-group-horizontal > .list-group-item + .list-group-item.active { - margin-left: calc(var(--bs-list-group-border-width) * -1); + .list-group-horizontal-sm > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); border-left-width: var(--bs-list-group-border-width); } - - @media (min-width: 576px) { - .list-group-horizontal-sm { - flex-direction: row; - } - .list-group-horizontal-sm > .list-group-item:first-child { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-sm > .list-group-item:last-child { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-sm > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-sm > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-sm > .list-group-item + .list-group-item.active { - margin-left: calc(var(--bs-list-group-border-width) * -1); - border-left-width: var(--bs-list-group-border-width); - } +} +@media (min-width: 768px) { + .list-group-horizontal-md { + flex-direction: row; } - @media (min-width: 768px) { - .list-group-horizontal-md { - flex-direction: row; - } - .list-group-horizontal-md > .list-group-item:first-child { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-md > .list-group-item:last-child { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-md > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-md > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-md > .list-group-item + .list-group-item.active { - margin-left: calc(var(--bs-list-group-border-width) * -1); - border-left-width: var(--bs-list-group-border-width); - } + .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; } - @media (min-width: 992px) { - .list-group-horizontal-lg { - flex-direction: row; - } - .list-group-horizontal-lg > .list-group-item:first-child { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-lg > .list-group-item:last-child { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-lg > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-lg > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-lg > .list-group-item + .list-group-item.active { - margin-left: calc(var(--bs-list-group-border-width) * -1); - border-left-width: var(--bs-list-group-border-width); - } + .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; } - @media (min-width: 1200px) { - .list-group-horizontal-xl { - flex-direction: row; - } - .list-group-horizontal-xl > .list-group-item:first-child { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-xl > .list-group-item:last-child { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-xl > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-xl > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-xl > .list-group-item + .list-group-item.active { - margin-left: calc(var(--bs-list-group-border-width) * -1); - border-left-width: var(--bs-list-group-border-width); - } + .list-group-horizontal-md > .list-group-item.active { + margin-top: 0; } - @media (min-width: 1400px) { - .list-group-horizontal-xxl { - flex-direction: row; - } - .list-group-horizontal-xxl > .list-group-item:first-child { - border-bottom-left-radius: var(--bs-list-group-border-radius); - border-top-right-radius: 0; - } - .list-group-horizontal-xxl > .list-group-item:last-child { - border-top-right-radius: var(--bs-list-group-border-radius); - border-bottom-left-radius: 0; - } - .list-group-horizontal-xxl > .list-group-item.active { - margin-top: 0; - } - .list-group-horizontal-xxl > .list-group-item + .list-group-item { - border-top-width: var(--bs-list-group-border-width); - border-left-width: 0; - } - .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { - margin-left: calc(var(--bs-list-group-border-width) * -1); - border-left-width: var(--bs-list-group-border-width); - } + .list-group-horizontal-md > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; } - .list-group-flush { - border-radius: 0; + .list-group-horizontal-md > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); } - .list-group-flush > .list-group-item { - border-width: 0 0 var(--bs-list-group-border-width); +} +@media (min-width: 992px) { + .list-group-horizontal-lg { + flex-direction: row; } - .list-group-flush > .list-group-item:last-child { - border-bottom-width: 0; + .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; } - - .list-group-item-primary { - color: #145a92; - background-color: #d3eafd; + .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; } - .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { - color: #145a92; - background-color: #bed3e4; + .list-group-horizontal-lg > .list-group-item.active { + margin-top: 0; } - .list-group-item-primary.list-group-item-action.active { - color: #fff; - background-color: #145a92; - border-color: #145a92; + .list-group-horizontal-lg > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; } - - .list-group-item-secondary { - color: #41464b; - background-color: #e2e3e5; + .list-group-horizontal-lg > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); } - .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { - color: #41464b; - background-color: #cbccce; +} +@media (min-width: 1200px) { + .list-group-horizontal-xl { + flex-direction: row; } - .list-group-item-secondary.list-group-item-action.active { - color: #fff; - background-color: #41464b; - border-color: #41464b; + .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; } - - .list-group-item-success { - color: #2e6930; - background-color: #dbefdc; + .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; } - .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { - color: #2e6930; - background-color: #c5d7c6; + .list-group-horizontal-xl > .list-group-item.active { + margin-top: 0; } - .list-group-item-success.list-group-item-action.active { - color: #fff; - background-color: #2e6930; - border-color: #2e6930; + .list-group-horizontal-xl > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; } - - .list-group-item-info { - color: #00717f; - background-color: #ccf2f6; + .list-group-horizontal-xl > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); } - .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { - color: #00717f; - background-color: #b8dadd; +} +@media (min-width: 1400px) { + .list-group-horizontal-xxl { + flex-direction: row; } - .list-group-item-info.list-group-item-action.active { - color: #fff; - background-color: #00717f; - border-color: #00717f; + .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) { + border-bottom-left-radius: var(--bs-list-group-border-radius); + border-top-right-radius: 0; } - - .list-group-item-warning { - color: #665e18; - background-color: #fffbd8; + .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) { + border-top-right-radius: var(--bs-list-group-border-radius); + border-bottom-left-radius: 0; } - .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { - color: #665e18; - background-color: #e6e2c2; + .list-group-horizontal-xxl > .list-group-item.active { + margin-top: 0; } - .list-group-item-warning.list-group-item-action.active { - color: #fff; - background-color: #665e18; - border-color: #665e18; + .list-group-horizontal-xxl > .list-group-item + .list-group-item { + border-top-width: var(--bs-list-group-border-width); + border-left-width: 0; } - - .list-group-item-danger { - color: #922820; - background-color: #fdd9d7; - } - .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { - color: #922820; - background-color: #e4c3c2; - } - .list-group-item-danger.list-group-item-action.active { - color: #fff; - background-color: #922820; - border-color: #922820; - } - - .list-group-item-light { - color: #636464; - background-color: #fefefe; - } - .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { - color: #636464; - background-color: #e5e5e5; - } - .list-group-item-light.list-group-item-action.active { - color: #fff; - background-color: #636464; - border-color: #636464; - } - - .list-group-item-dark { - color: #141619; - background-color: #d3d3d4; - } - .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { - color: #141619; - background-color: #bebebf; - } - .list-group-item-dark.list-group-item-action.active { - color: #fff; - background-color: #141619; - border-color: #141619; - } - - .btn-close { - box-sizing: content-box; - width: 1em; - height: 1em; - padding: 0.25em 0.25em; - color: #000; - background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; - border: 0; - border-radius: 0.375rem; - opacity: 0.5; - } - .btn-close:hover { - color: #000; - text-decoration: none; - opacity: 0.75; - } - .btn-close:focus { - outline: 0; - box-shadow: 0 0 0 0.25rem rgba(33, 150, 243, 0.25); - opacity: 1; - } - .btn-close:disabled, .btn-close.disabled { - pointer-events: none; - -webkit-user-select: none; - user-select: none; - opacity: 0.25; - } - - .btn-close-white { - filter: invert(1) grayscale(100%) brightness(200%); - } - - .toast { - --bs-toast-padding-x: 0.75rem; - --bs-toast-padding-y: 0.5rem; - --bs-toast-spacing: 1.5rem; - --bs-toast-max-width: 350px; - --bs-toast-font-size: 0.875rem; - --bs-toast-color: ; - --bs-toast-bg: rgba(255, 255, 255, 0.85); - --bs-toast-border-width: 1px; - --bs-toast-border-color: var(--bs-border-color-translucent); - --bs-toast-border-radius: 0.375rem; - --bs-toast-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - --bs-toast-header-color: #6c757d; - --bs-toast-header-bg: rgba(255, 255, 255, 0.85); - --bs-toast-header-border-color: rgba(0, 0, 0, 0.05); - width: var(--bs-toast-max-width); - max-width: 100%; - font-size: var(--bs-toast-font-size); - color: var(--bs-toast-color); - pointer-events: auto; - background-color: var(--bs-toast-bg); - background-clip: padding-box; - border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); - box-shadow: var(--bs-toast-box-shadow); - border-radius: var(--bs-toast-border-radius); - } - .toast.showing { - opacity: 0; - } - .toast:not(.show) { - display: none; - } - - .toast-container { - position: absolute; - z-index: 1090; - width: max-content; - max-width: 100%; - pointer-events: none; - } - .toast-container > :not(:last-child) { - margin-bottom: var(--bs-toast-spacing); - } - - .toast-header { - display: flex; - align-items: center; - padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); - color: var(--bs-toast-header-color); - background-color: var(--bs-toast-header-bg); - background-clip: padding-box; - border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); - border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); - border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); - } - .toast-header .btn-close { - margin-right: calc(var(--bs-toast-padding-x) * -0.5); - margin-left: var(--bs-toast-padding-x); - } - - .toast-body { - padding: var(--bs-toast-padding-x); - word-wrap: break-word; - } - - .modal { - --bs-modal-zindex: 1055; - --bs-modal-width: 500px; - --bs-modal-padding: 1rem; - --bs-modal-margin: 0.5rem; - --bs-modal-color: ; - --bs-modal-bg: #fff; - --bs-modal-border-color: var(--bs-border-color-translucent); - --bs-modal-border-width: 1px; - --bs-modal-border-radius: 0.5rem; - --bs-modal-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - --bs-modal-inner-border-radius: calc(0.5rem - 1px); - --bs-modal-header-padding-x: 1rem; - --bs-modal-header-padding-y: 1rem; - --bs-modal-header-padding: 1rem 1rem; - --bs-modal-header-border-color: var(--bs-border-color); - --bs-modal-header-border-width: 1px; - --bs-modal-title-line-height: 1.5; - --bs-modal-footer-gap: 0.5rem; - --bs-modal-footer-bg: ; - --bs-modal-footer-border-color: var(--bs-border-color); - --bs-modal-footer-border-width: 1px; - position: fixed; - top: 0; - left: 0; - z-index: var(--bs-modal-zindex); - display: none; - width: 100%; - height: 100%; - overflow-x: hidden; - overflow-y: auto; - outline: 0; - } - - .modal-dialog { - position: relative; - width: auto; - margin: var(--bs-modal-margin); - pointer-events: none; + .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { + margin-left: calc(-1 * var(--bs-list-group-border-width)); + border-left-width: var(--bs-list-group-border-width); } +} +.list-group-flush { + border-radius: 0; +} +.list-group-flush > .list-group-item { + border-width: 0 0 var(--bs-list-group-border-width); +} +.list-group-flush > .list-group-item:last-child { + border-bottom-width: 0; +} + +.list-group-item-primary { + --bs-list-group-color: var(--bs-primary-text-emphasis); + --bs-list-group-bg: var(--bs-primary-bg-subtle); + --bs-list-group-border-color: var(--bs-primary-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-primary-border-subtle); + --bs-list-group-active-color: var(--bs-primary-bg-subtle); + --bs-list-group-active-bg: var(--bs-primary-text-emphasis); + --bs-list-group-active-border-color: var(--bs-primary-text-emphasis); +} + +.list-group-item-secondary { + --bs-list-group-color: var(--bs-secondary-text-emphasis); + --bs-list-group-bg: var(--bs-secondary-bg-subtle); + --bs-list-group-border-color: var(--bs-secondary-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle); + --bs-list-group-active-color: var(--bs-secondary-bg-subtle); + --bs-list-group-active-bg: var(--bs-secondary-text-emphasis); + --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis); +} + +.list-group-item-success { + --bs-list-group-color: var(--bs-success-text-emphasis); + --bs-list-group-bg: var(--bs-success-bg-subtle); + --bs-list-group-border-color: var(--bs-success-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-success-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-success-border-subtle); + --bs-list-group-active-color: var(--bs-success-bg-subtle); + --bs-list-group-active-bg: var(--bs-success-text-emphasis); + --bs-list-group-active-border-color: var(--bs-success-text-emphasis); +} + +.list-group-item-info { + --bs-list-group-color: var(--bs-info-text-emphasis); + --bs-list-group-bg: var(--bs-info-bg-subtle); + --bs-list-group-border-color: var(--bs-info-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-info-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-info-border-subtle); + --bs-list-group-active-color: var(--bs-info-bg-subtle); + --bs-list-group-active-bg: var(--bs-info-text-emphasis); + --bs-list-group-active-border-color: var(--bs-info-text-emphasis); +} + +.list-group-item-warning { + --bs-list-group-color: var(--bs-warning-text-emphasis); + --bs-list-group-bg: var(--bs-warning-bg-subtle); + --bs-list-group-border-color: var(--bs-warning-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-warning-border-subtle); + --bs-list-group-active-color: var(--bs-warning-bg-subtle); + --bs-list-group-active-bg: var(--bs-warning-text-emphasis); + --bs-list-group-active-border-color: var(--bs-warning-text-emphasis); +} + +.list-group-item-danger { + --bs-list-group-color: var(--bs-danger-text-emphasis); + --bs-list-group-bg: var(--bs-danger-bg-subtle); + --bs-list-group-border-color: var(--bs-danger-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-danger-border-subtle); + --bs-list-group-active-color: var(--bs-danger-bg-subtle); + --bs-list-group-active-bg: var(--bs-danger-text-emphasis); + --bs-list-group-active-border-color: var(--bs-danger-text-emphasis); +} + +.list-group-item-light { + --bs-list-group-color: var(--bs-light-text-emphasis); + --bs-list-group-bg: var(--bs-light-bg-subtle); + --bs-list-group-border-color: var(--bs-light-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-light-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-light-border-subtle); + --bs-list-group-active-color: var(--bs-light-bg-subtle); + --bs-list-group-active-bg: var(--bs-light-text-emphasis); + --bs-list-group-active-border-color: var(--bs-light-text-emphasis); +} + +.list-group-item-dark { + --bs-list-group-color: var(--bs-dark-text-emphasis); + --bs-list-group-bg: var(--bs-dark-bg-subtle); + --bs-list-group-border-color: var(--bs-dark-border-subtle); + --bs-list-group-action-hover-color: var(--bs-emphasis-color); + --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle); + --bs-list-group-action-active-color: var(--bs-emphasis-color); + --bs-list-group-action-active-bg: var(--bs-dark-border-subtle); + --bs-list-group-active-color: var(--bs-dark-bg-subtle); + --bs-list-group-active-bg: var(--bs-dark-text-emphasis); + --bs-list-group-active-border-color: var(--bs-dark-text-emphasis); +} + +.btn-close { + --bs-btn-close-color: #000; + --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e"); + --bs-btn-close-opacity: 0.5; + --bs-btn-close-hover-opacity: 0.75; + --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); + --bs-btn-close-focus-opacity: 1; + --bs-btn-close-disabled-opacity: 0.25; + --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); + box-sizing: content-box; + width: 1em; + height: 1em; + padding: 0.25em 0.25em; + color: var(--bs-btn-close-color); + background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; + border: 0; + border-radius: 0.375rem; + opacity: var(--bs-btn-close-opacity); +} +.btn-close:hover { + color: var(--bs-btn-close-color); + text-decoration: none; + opacity: var(--bs-btn-close-hover-opacity); +} +.btn-close:focus { + outline: 0; + box-shadow: var(--bs-btn-close-focus-shadow); + opacity: var(--bs-btn-close-focus-opacity); +} +.btn-close:disabled, .btn-close.disabled { + pointer-events: none; + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; + opacity: var(--bs-btn-close-disabled-opacity); +} + +.btn-close-white { + filter: var(--bs-btn-close-white-filter); +} + +[data-bs-theme=dark] .btn-close { + filter: var(--bs-btn-close-white-filter); +} + +.toast { + --bs-toast-zindex: 1090; + --bs-toast-padding-x: 0.75rem; + --bs-toast-padding-y: 0.5rem; + --bs-toast-spacing: 1.5rem; + --bs-toast-max-width: 350px; + --bs-toast-font-size: 0.875rem; + --bs-toast-color: ; + --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85); + --bs-toast-border-width: var(--bs-border-width); + --bs-toast-border-color: var(--bs-border-color-translucent); + --bs-toast-border-radius: var(--bs-border-radius); + --bs-toast-box-shadow: var(--bs-box-shadow); + --bs-toast-header-color: var(--bs-secondary-color); + --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85); + --bs-toast-header-border-color: var(--bs-border-color-translucent); + width: var(--bs-toast-max-width); + max-width: 100%; + font-size: var(--bs-toast-font-size); + color: var(--bs-toast-color); + pointer-events: auto; + background-color: var(--bs-toast-bg); + background-clip: padding-box; + border: var(--bs-toast-border-width) solid var(--bs-toast-border-color); + box-shadow: var(--bs-toast-box-shadow); + border-radius: var(--bs-toast-border-radius); +} +.toast.showing { + opacity: 0; +} +.toast:not(.show) { + display: none; +} + +.toast-container { + --bs-toast-zindex: 1090; + position: absolute; + z-index: var(--bs-toast-zindex); + width: -webkit-max-content; + width: -moz-max-content; + width: max-content; + max-width: 100%; + pointer-events: none; +} +.toast-container > :not(:last-child) { + margin-bottom: var(--bs-toast-spacing); +} + +.toast-header { + display: flex; + align-items: center; + padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x); + color: var(--bs-toast-header-color); + background-color: var(--bs-toast-header-bg); + background-clip: padding-box; + border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color); + border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); + border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width)); +} +.toast-header .btn-close { + margin-right: calc(-0.5 * var(--bs-toast-padding-x)); + margin-left: var(--bs-toast-padding-x); +} + +.toast-body { + padding: var(--bs-toast-padding-x); + word-wrap: break-word; +} + +.modal { + --bs-modal-zindex: 1055; + --bs-modal-width: 500px; + --bs-modal-padding: 1rem; + --bs-modal-margin: 0.5rem; + --bs-modal-color: ; + --bs-modal-bg: var(--bs-body-bg); + --bs-modal-border-color: var(--bs-border-color-translucent); + --bs-modal-border-width: var(--bs-border-width); + --bs-modal-border-radius: var(--bs-border-radius-lg); + --bs-modal-box-shadow: var(--bs-box-shadow-sm); + --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width))); + --bs-modal-header-padding-x: 1rem; + --bs-modal-header-padding-y: 1rem; + --bs-modal-header-padding: 1rem 1rem; + --bs-modal-header-border-color: var(--bs-border-color); + --bs-modal-header-border-width: var(--bs-border-width); + --bs-modal-title-line-height: 1.5; + --bs-modal-footer-gap: 0.5rem; + --bs-modal-footer-bg: ; + --bs-modal-footer-border-color: var(--bs-border-color); + --bs-modal-footer-border-width: var(--bs-border-width); + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-modal-zindex); + display: none; + width: 100%; + height: 100%; + overflow-x: hidden; + overflow-y: auto; + outline: 0; +} + +.modal-dialog { + position: relative; + width: auto; + margin: var(--bs-modal-margin); + pointer-events: none; +} +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out; + transform: translate(0, -50px); +} +@media (prefers-reduced-motion: reduce) { .modal.fade .modal-dialog { - transition: transform 0.3s ease-out; - transform: translate(0, -50px); + transition: none; } - @media (prefers-reduced-motion: reduce) { - .modal.fade .modal-dialog { - transition: none; - } +} +.modal.show .modal-dialog { + transform: none; +} +.modal.modal-static .modal-dialog { + transform: scale(1.02); +} + +.modal-dialog-scrollable { + height: calc(100% - var(--bs-modal-margin) * 2); +} +.modal-dialog-scrollable .modal-content { + max-height: 100%; + overflow: hidden; +} +.modal-dialog-scrollable .modal-body { + overflow-y: auto; +} + +.modal-dialog-centered { + display: flex; + align-items: center; + min-height: calc(100% - var(--bs-modal-margin) * 2); +} + +.modal-content { + position: relative; + display: flex; + flex-direction: column; + width: 100%; + color: var(--bs-modal-color); + pointer-events: auto; + background-color: var(--bs-modal-bg); + background-clip: padding-box; + border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); + border-radius: var(--bs-modal-border-radius); + outline: 0; +} + +.modal-backdrop { + --bs-backdrop-zindex: 1050; + --bs-backdrop-bg: #000; + --bs-backdrop-opacity: 0.5; + position: fixed; + top: 0; + left: 0; + z-index: var(--bs-backdrop-zindex); + width: 100vw; + height: 100vh; + background-color: var(--bs-backdrop-bg); +} +.modal-backdrop.fade { + opacity: 0; +} +.modal-backdrop.show { + opacity: var(--bs-backdrop-opacity); +} + +.modal-header { + display: flex; + flex-shrink: 0; + align-items: center; + justify-content: space-between; + padding: var(--bs-modal-header-padding); + border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); + border-top-left-radius: var(--bs-modal-inner-border-radius); + border-top-right-radius: var(--bs-modal-inner-border-radius); +} +.modal-header .btn-close { + padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); + margin: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) auto; +} + +.modal-title { + margin-bottom: 0; + line-height: var(--bs-modal-title-line-height); +} + +.modal-body { + position: relative; + flex: 1 1 auto; + padding: var(--bs-modal-padding); +} + +.modal-footer { + display: flex; + flex-shrink: 0; + flex-wrap: wrap; + align-items: center; + justify-content: flex-end; + padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); + background-color: var(--bs-modal-footer-bg); + border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); + border-bottom-right-radius: var(--bs-modal-inner-border-radius); + border-bottom-left-radius: var(--bs-modal-inner-border-radius); +} +.modal-footer > * { + margin: calc(var(--bs-modal-footer-gap) * 0.5); +} + +@media (min-width: 576px) { + .modal { + --bs-modal-margin: 1.75rem; + --bs-modal-box-shadow: var(--bs-box-shadow); } - .modal.show .modal-dialog { - transform: none; + .modal-dialog { + max-width: var(--bs-modal-width); + margin-right: auto; + margin-left: auto; } - .modal.modal-static .modal-dialog { - transform: scale(1.02); + .modal-sm { + --bs-modal-width: 300px; } - - .modal-dialog-scrollable { - height: calc(100% - var(--bs-modal-margin) * 2); - } - .modal-dialog-scrollable .modal-content { - max-height: 100%; - overflow: hidden; - } - .modal-dialog-scrollable .modal-body { - overflow-y: auto; - } - - .modal-dialog-centered { - display: flex; - align-items: center; - min-height: calc(100% - var(--bs-modal-margin) * 2); - } - - .modal-content { - position: relative; - display: flex; - flex-direction: column; - width: 100%; - color: var(--bs-modal-color); - pointer-events: auto; - background-color: var(--bs-modal-bg); - background-clip: padding-box; - border: var(--bs-modal-border-width) solid var(--bs-modal-border-color); - border-radius: var(--bs-modal-border-radius); - outline: 0; - } - - .modal-backdrop { - --bs-backdrop-zindex: 1050; - --bs-backdrop-bg: #000; - --bs-backdrop-opacity: 0.5; - position: fixed; - top: 0; - left: 0; - z-index: var(--bs-backdrop-zindex); - width: 100vw; - height: 100vh; - background-color: var(--bs-backdrop-bg); - } - .modal-backdrop.fade { - opacity: 0; - } - .modal-backdrop.show { - opacity: var(--bs-backdrop-opacity); - } - - .modal-header { - display: flex; - flex-shrink: 0; - align-items: center; - justify-content: space-between; - padding: var(--bs-modal-header-padding); - border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color); - border-top-left-radius: var(--bs-modal-inner-border-radius); - border-top-right-radius: var(--bs-modal-inner-border-radius); - } - .modal-header .btn-close { - padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5); - margin: calc(var(--bs-modal-header-padding-y) * -0.5) calc(var(--bs-modal-header-padding-x) * -0.5) calc(var(--bs-modal-header-padding-y) * -0.5) auto; - } - - .modal-title { - margin-bottom: 0; - line-height: var(--bs-modal-title-line-height); - } - - .modal-body { - position: relative; - flex: 1 1 auto; - padding: var(--bs-modal-padding); - } - - .modal-footer { - display: flex; - flex-shrink: 0; - flex-wrap: wrap; - align-items: center; - justify-content: flex-end; - padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5); - background-color: var(--bs-modal-footer-bg); - border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color); - border-bottom-right-radius: var(--bs-modal-inner-border-radius); - border-bottom-left-radius: var(--bs-modal-inner-border-radius); - } - .modal-footer > * { - margin: calc(var(--bs-modal-footer-gap) * 0.5); - } - - @media (min-width: 576px) { - .modal { - --bs-modal-margin: 1.75rem; - --bs-modal-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - } - .modal-dialog { - max-width: var(--bs-modal-width); - margin-right: auto; - margin-left: auto; - } - .modal-sm { - --bs-modal-width: 300px; - } - } - @media (min-width: 992px) { - .modal-lg, +} +@media (min-width: 992px) { + .modal-lg, .modal-xl { - --bs-modal-width: 800px; - } + --bs-modal-width: 800px; } - @media (min-width: 1200px) { - .modal-xl { - --bs-modal-width: 1140px; - } +} +@media (min-width: 1200px) { + .modal-xl { + --bs-modal-width: 1140px; } - .modal-fullscreen { +} +.modal-fullscreen { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; +} +.modal-fullscreen .modal-content { + height: 100%; + border: 0; + border-radius: 0; +} +.modal-fullscreen .modal-header, +.modal-fullscreen .modal-footer { + border-radius: 0; +} +.modal-fullscreen .modal-body { + overflow-y: auto; +} + +@media (max-width: 575.98px) { + .modal-fullscreen-sm-down { width: 100vw; max-width: none; height: 100%; margin: 0; } - .modal-fullscreen .modal-content { + .modal-fullscreen-sm-down .modal-content { height: 100%; border: 0; border-radius: 0; } - .modal-fullscreen .modal-header, - .modal-fullscreen .modal-footer { + .modal-fullscreen-sm-down .modal-header, + .modal-fullscreen-sm-down .modal-footer { border-radius: 0; } - .modal-fullscreen .modal-body { + .modal-fullscreen-sm-down .modal-body { overflow-y: auto; } - - @media (max-width: 575.98px) { - .modal-fullscreen-sm-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-sm-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-sm-down .modal-header, - .modal-fullscreen-sm-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-sm-down .modal-body { - overflow-y: auto; - } +} +@media (max-width: 767.98px) { + .modal-fullscreen-md-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; } - @media (max-width: 767.98px) { - .modal-fullscreen-md-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-md-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-md-down .modal-header, + .modal-fullscreen-md-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-md-down .modal-header, .modal-fullscreen-md-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-md-down .modal-body { - overflow-y: auto; - } + border-radius: 0; } - @media (max-width: 991.98px) { - .modal-fullscreen-lg-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-lg-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-lg-down .modal-header, + .modal-fullscreen-md-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 991.98px) { + .modal-fullscreen-lg-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-lg-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-lg-down .modal-header, .modal-fullscreen-lg-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-lg-down .modal-body { - overflow-y: auto; - } + border-radius: 0; } - @media (max-width: 1199.98px) { - .modal-fullscreen-xl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-xl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-xl-down .modal-header, + .modal-fullscreen-lg-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 1199.98px) { + .modal-fullscreen-xl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xl-down .modal-header, .modal-fullscreen-xl-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-xl-down .modal-body { - overflow-y: auto; - } + border-radius: 0; } - @media (max-width: 1399.98px) { - .modal-fullscreen-xxl-down { - width: 100vw; - max-width: none; - height: 100%; - margin: 0; - } - .modal-fullscreen-xxl-down .modal-content { - height: 100%; - border: 0; - border-radius: 0; - } - .modal-fullscreen-xxl-down .modal-header, + .modal-fullscreen-xl-down .modal-body { + overflow-y: auto; + } +} +@media (max-width: 1399.98px) { + .modal-fullscreen-xxl-down { + width: 100vw; + max-width: none; + height: 100%; + margin: 0; + } + .modal-fullscreen-xxl-down .modal-content { + height: 100%; + border: 0; + border-radius: 0; + } + .modal-fullscreen-xxl-down .modal-header, .modal-fullscreen-xxl-down .modal-footer { - border-radius: 0; - } - .modal-fullscreen-xxl-down .modal-body { - overflow-y: auto; - } + border-radius: 0; } - .tooltip { - --bs-tooltip-zindex: 1080; - --bs-tooltip-max-width: 200px; - --bs-tooltip-padding-x: 0.5rem; - --bs-tooltip-padding-y: 0.25rem; - --bs-tooltip-margin: ; - --bs-tooltip-font-size: 0.765625rem; - --bs-tooltip-color: #fff; - --bs-tooltip-bg: #000; - --bs-tooltip-border-radius: 0.375rem; - --bs-tooltip-opacity: 0.9; - --bs-tooltip-arrow-width: 0.8rem; - --bs-tooltip-arrow-height: 0.4rem; - z-index: var(--bs-tooltip-zindex); - display: block; - padding: var(--bs-tooltip-arrow-height); - margin: var(--bs-tooltip-margin); - font-family: var(--bs-font-sans-serif); - font-style: normal; - font-weight: 400; - line-height: 1.5; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - white-space: normal; - word-spacing: normal; - line-break: auto; - font-size: var(--bs-tooltip-font-size); - word-wrap: break-word; - opacity: 0; + .modal-fullscreen-xxl-down .modal-body { + overflow-y: auto; } - .tooltip.show { - opacity: var(--bs-tooltip-opacity); - } - .tooltip .tooltip-arrow { - display: block; - width: var(--bs-tooltip-arrow-width); - height: var(--bs-tooltip-arrow-height); - } - .tooltip .tooltip-arrow::before { - position: absolute; - content: ""; - border-color: transparent; - border-style: solid; - } - - .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { - bottom: 0; - } - .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { - top: -1px; - border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; - border-top-color: var(--bs-tooltip-bg); - } - - /* rtl:begin:ignore */ - .bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { - left: 0; - width: var(--bs-tooltip-arrow-height); - height: var(--bs-tooltip-arrow-width); - } - .bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { - right: -1px; - border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; - border-right-color: var(--bs-tooltip-bg); - } - - /* rtl:end:ignore */ - .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { - top: 0; - } - .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { - bottom: -1px; - border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); - border-bottom-color: var(--bs-tooltip-bg); - } - - /* rtl:begin:ignore */ - .bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { - right: 0; - width: var(--bs-tooltip-arrow-height); - height: var(--bs-tooltip-arrow-width); - } - .bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { - left: -1px; - border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); - border-left-color: var(--bs-tooltip-bg); - } - - /* rtl:end:ignore */ - .tooltip-inner { - max-width: var(--bs-tooltip-max-width); - padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); - color: var(--bs-tooltip-color); - text-align: center; - background-color: var(--bs-tooltip-bg); - border-radius: var(--bs-tooltip-border-radius); - } - - .popover { - --bs-popover-zindex: 1070; - --bs-popover-max-width: 276px; - --bs-popover-font-size: 0.765625rem; - --bs-popover-bg: #fff; - --bs-popover-border-width: 1px; - --bs-popover-border-color: var(--bs-border-color-translucent); - --bs-popover-border-radius: 0.5rem; - --bs-popover-inner-border-radius: calc(0.5rem - 1px); - --bs-popover-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); - --bs-popover-header-padding-x: 1rem; - --bs-popover-header-padding-y: 0.5rem; - --bs-popover-header-font-size: 0.875rem; - --bs-popover-header-color: var(--bs-heading-color); - --bs-popover-header-bg: #f0f0f0; - --bs-popover-body-padding-x: 1rem; - --bs-popover-body-padding-y: 1rem; - --bs-popover-body-color: #212529; - --bs-popover-arrow-width: 1rem; - --bs-popover-arrow-height: 0.5rem; - --bs-popover-arrow-border: var(--bs-popover-border-color); - z-index: var(--bs-popover-zindex); - display: block; - max-width: var(--bs-popover-max-width); - font-family: var(--bs-font-sans-serif); - font-style: normal; - font-weight: 400; - line-height: 1.5; - text-align: left; - text-align: start; - text-decoration: none; - text-shadow: none; - text-transform: none; - letter-spacing: normal; - word-break: normal; - white-space: normal; - word-spacing: normal; - line-break: auto; - font-size: var(--bs-popover-font-size); - word-wrap: break-word; - background-color: var(--bs-popover-bg); - background-clip: padding-box; - border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); - border-radius: var(--bs-popover-border-radius); - } - .popover .popover-arrow { - display: block; - width: var(--bs-popover-arrow-width); - height: var(--bs-popover-arrow-height); - } - .popover .popover-arrow::before, .popover .popover-arrow::after { - position: absolute; - display: block; - content: ""; - border-color: transparent; - border-style: solid; - border-width: 0; - } - - .bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { - bottom: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); - } - .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { - border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; - } - .bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { - bottom: 0; - border-top-color: var(--bs-popover-arrow-border); - } - .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { - bottom: var(--bs-popover-border-width); - border-top-color: var(--bs-popover-bg); - } - - /* rtl:begin:ignore */ - .bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { - left: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); - width: var(--bs-popover-arrow-height); - height: var(--bs-popover-arrow-width); - } - .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { - border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; - } - .bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { - left: 0; - border-right-color: var(--bs-popover-arrow-border); - } - .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { - left: var(--bs-popover-border-width); - border-right-color: var(--bs-popover-bg); - } - - /* rtl:end:ignore */ - .bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { - top: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); - } - .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { - border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); - } - .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { - top: 0; - border-bottom-color: var(--bs-popover-arrow-border); - } - .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { - top: var(--bs-popover-border-width); - border-bottom-color: var(--bs-popover-bg); - } - .bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { - position: absolute; - top: 0; - left: 50%; - display: block; - width: var(--bs-popover-arrow-width); - margin-left: calc(var(--bs-popover-arrow-width) * -0.5); - content: ""; - border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); - } - - /* rtl:begin:ignore */ - .bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { - right: calc(var(--bs-popover-arrow-height) * -1 - var(--bs-popover-border-width)); - width: var(--bs-popover-arrow-height); - height: var(--bs-popover-arrow-width); - } - .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { - border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); - } - .bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { - right: 0; - border-left-color: var(--bs-popover-arrow-border); - } - .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { - right: var(--bs-popover-border-width); - border-left-color: var(--bs-popover-bg); - } - - /* rtl:end:ignore */ - .popover-header { - padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); - margin-bottom: 0; - font-size: var(--bs-popover-header-font-size); - color: var(--bs-popover-header-color); - background-color: var(--bs-popover-header-bg); - border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); - border-top-left-radius: var(--bs-popover-inner-border-radius); - border-top-right-radius: var(--bs-popover-inner-border-radius); - } - .popover-header:empty { - display: none; - } - - .popover-body { - padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); - color: var(--bs-popover-body-color); - } - - .carousel { - position: relative; - } - - .carousel.pointer-event { - touch-action: pan-y; - } - - .carousel-inner { - position: relative; - width: 100%; - overflow: hidden; - } - .carousel-inner::after { - display: block; - clear: both; - content: ""; - } - +} +.tooltip { + --bs-tooltip-zindex: 1080; + --bs-tooltip-max-width: 200px; + --bs-tooltip-padding-x: 0.5rem; + --bs-tooltip-padding-y: 0.25rem; + --bs-tooltip-margin: ; + --bs-tooltip-font-size: 0.875rem; + --bs-tooltip-color: var(--bs-body-bg); + --bs-tooltip-bg: var(--bs-emphasis-color); + --bs-tooltip-border-radius: var(--bs-border-radius); + --bs-tooltip-opacity: 0.9; + --bs-tooltip-arrow-width: 0.8rem; + --bs-tooltip-arrow-height: 0.4rem; + z-index: var(--bs-tooltip-zindex); + display: block; + margin: var(--bs-tooltip-margin); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-tooltip-font-size); + word-wrap: break-word; + opacity: 0; +} +.tooltip.show { + opacity: var(--bs-tooltip-opacity); +} +.tooltip .tooltip-arrow { + display: block; + width: var(--bs-tooltip-arrow-width); + height: var(--bs-tooltip-arrow-height); +} +.tooltip .tooltip-arrow::before { + position: absolute; + content: ""; + border-color: transparent; + border-style: solid; +} + +.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow { + bottom: calc(-1 * var(--bs-tooltip-arrow-height)); +} +.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before { + top: -1px; + border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; + border-top-color: var(--bs-tooltip-bg); +} + +/* rtl:begin:ignore */ +.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow { + left: calc(-1 * var(--bs-tooltip-arrow-height)); + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); +} +.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before { + right: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0; + border-right-color: var(--bs-tooltip-bg); +} + +/* rtl:end:ignore */ +.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow { + top: calc(-1 * var(--bs-tooltip-arrow-height)); +} +.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before { + bottom: -1px; + border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); + border-bottom-color: var(--bs-tooltip-bg); +} + +/* rtl:begin:ignore */ +.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow { + right: calc(-1 * var(--bs-tooltip-arrow-height)); + width: var(--bs-tooltip-arrow-height); + height: var(--bs-tooltip-arrow-width); +} +.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before { + left: -1px; + border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height); + border-left-color: var(--bs-tooltip-bg); +} + +/* rtl:end:ignore */ +.tooltip-inner { + max-width: var(--bs-tooltip-max-width); + padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x); + color: var(--bs-tooltip-color); + text-align: center; + background-color: var(--bs-tooltip-bg); + border-radius: var(--bs-tooltip-border-radius); +} + +.popover { + --bs-popover-zindex: 1070; + --bs-popover-max-width: 276px; + --bs-popover-font-size: 0.875rem; + --bs-popover-bg: var(--bs-body-bg); + --bs-popover-border-width: var(--bs-border-width); + --bs-popover-border-color: var(--bs-border-color-translucent); + --bs-popover-border-radius: var(--bs-border-radius-lg); + --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width)); + --bs-popover-box-shadow: var(--bs-box-shadow); + --bs-popover-header-padding-x: 1rem; + --bs-popover-header-padding-y: 0.5rem; + --bs-popover-header-font-size: 1rem; + --bs-popover-header-color: inherit; + --bs-popover-header-bg: var(--bs-secondary-bg); + --bs-popover-body-padding-x: 1rem; + --bs-popover-body-padding-y: 1rem; + --bs-popover-body-color: var(--bs-body-color); + --bs-popover-arrow-width: 1rem; + --bs-popover-arrow-height: 0.5rem; + --bs-popover-arrow-border: var(--bs-popover-border-color); + z-index: var(--bs-popover-zindex); + display: block; + max-width: var(--bs-popover-max-width); + font-family: var(--bs-font-sans-serif); + font-style: normal; + font-weight: 400; + line-height: 1.5; + text-align: left; + text-align: start; + text-decoration: none; + text-shadow: none; + text-transform: none; + letter-spacing: normal; + word-break: normal; + white-space: normal; + word-spacing: normal; + line-break: auto; + font-size: var(--bs-popover-font-size); + word-wrap: break-word; + background-color: var(--bs-popover-bg); + background-clip: padding-box; + border: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-radius: var(--bs-popover-border-radius); +} +.popover .popover-arrow { + display: block; + width: var(--bs-popover-arrow-width); + height: var(--bs-popover-arrow-height); +} +.popover .popover-arrow::before, .popover .popover-arrow::after { + position: absolute; + display: block; + content: ""; + border-color: transparent; + border-style: solid; + border-width: 0; +} + +.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow { + bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); +} +.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; +} +.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before { + bottom: 0; + border-top-color: var(--bs-popover-arrow-border); +} +.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after { + bottom: var(--bs-popover-border-width); + border-top-color: var(--bs-popover-bg); +} + +/* rtl:begin:ignore */ +.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow { + left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); +} +.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0; +} +.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before { + left: 0; + border-right-color: var(--bs-popover-arrow-border); +} +.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after { + left: var(--bs-popover-border-width); + border-right-color: var(--bs-popover-bg); +} + +/* rtl:end:ignore */ +.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow { + top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); +} +.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); +} +.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before { + top: 0; + border-bottom-color: var(--bs-popover-arrow-border); +} +.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after { + top: var(--bs-popover-border-width); + border-bottom-color: var(--bs-popover-bg); +} +.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before { + position: absolute; + top: 0; + left: 50%; + display: block; + width: var(--bs-popover-arrow-width); + margin-left: calc(-0.5 * var(--bs-popover-arrow-width)); + content: ""; + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg); +} + +/* rtl:begin:ignore */ +.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow { + right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)); + width: var(--bs-popover-arrow-height); + height: var(--bs-popover-arrow-width); +} +.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height); +} +.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before { + right: 0; + border-left-color: var(--bs-popover-arrow-border); +} +.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after { + right: var(--bs-popover-border-width); + border-left-color: var(--bs-popover-bg); +} + +/* rtl:end:ignore */ +.popover-header { + padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x); + margin-bottom: 0; + font-size: var(--bs-popover-header-font-size); + color: var(--bs-popover-header-color); + background-color: var(--bs-popover-header-bg); + border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color); + border-top-left-radius: var(--bs-popover-inner-border-radius); + border-top-right-radius: var(--bs-popover-inner-border-radius); +} +.popover-header:empty { + display: none; +} + +.popover-body { + padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x); + color: var(--bs-popover-body-color); +} + +.carousel { + position: relative; +} + +.carousel.pointer-event { + touch-action: pan-y; +} + +.carousel-inner { + position: relative; + width: 100%; + overflow: hidden; +} +.carousel-inner::after { + display: block; + clear: both; + content: ""; +} + +.carousel-item { + position: relative; + display: none; + float: left; + width: 100%; + margin-right: -100%; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; + transition: transform 0.6s ease-in-out; +} +@media (prefers-reduced-motion: reduce) { .carousel-item { - position: relative; - display: none; - float: left; - width: 100%; - margin-right: -100%; - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - transition: transform 0.6s ease-in-out; - } - @media (prefers-reduced-motion: reduce) { - .carousel-item { - transition: none; - } - } - - .carousel-item.active, - .carousel-item-next, - .carousel-item-prev { - display: block; - } - - /* rtl:begin:ignore */ - .carousel-item-next:not(.carousel-item-start), - .active.carousel-item-end { - transform: translateX(100%); - } - - .carousel-item-prev:not(.carousel-item-end), - .active.carousel-item-start { - transform: translateX(-100%); - } - - /* rtl:end:ignore */ - .carousel-fade .carousel-item { - opacity: 0; - transition-property: opacity; - transform: none; - } - .carousel-fade .carousel-item.active, - .carousel-fade .carousel-item-next.carousel-item-start, - .carousel-fade .carousel-item-prev.carousel-item-end { - z-index: 1; - opacity: 1; + transition: none; } +} + +.carousel-item.active, +.carousel-item-next, +.carousel-item-prev { + display: block; +} + +.carousel-item-next:not(.carousel-item-start), +.active.carousel-item-end { + transform: translateX(100%); +} + +.carousel-item-prev:not(.carousel-item-end), +.active.carousel-item-start { + transform: translateX(-100%); +} + +.carousel-fade .carousel-item { + opacity: 0; + transition-property: opacity; + transform: none; +} +.carousel-fade .carousel-item.active, +.carousel-fade .carousel-item-next.carousel-item-start, +.carousel-fade .carousel-item-prev.carousel-item-end { + z-index: 1; + opacity: 1; +} +.carousel-fade .active.carousel-item-start, +.carousel-fade .active.carousel-item-end { + z-index: 0; + opacity: 0; + transition: opacity 0s 0.6s; +} +@media (prefers-reduced-motion: reduce) { .carousel-fade .active.carousel-item-start, .carousel-fade .active.carousel-item-end { - z-index: 0; - opacity: 0; - transition: opacity 0s 0.6s; + transition: none; } - @media (prefers-reduced-motion: reduce) { - .carousel-fade .active.carousel-item-start, - .carousel-fade .active.carousel-item-end { - transition: none; - } - } - +} + +.carousel-control-prev, +.carousel-control-next { + position: absolute; + top: 0; + bottom: 0; + z-index: 1; + display: flex; + align-items: center; + justify-content: center; + width: 15%; + padding: 0; + color: #fff; + text-align: center; + background: none; + border: 0; + opacity: 0.5; + transition: opacity 0.15s ease; +} +@media (prefers-reduced-motion: reduce) { .carousel-control-prev, .carousel-control-next { - position: absolute; - top: 0; - bottom: 0; - z-index: 1; - display: flex; - align-items: center; - justify-content: center; - width: 15%; - padding: 0; - color: #fff; - text-align: center; - background: none; - border: 0; - opacity: 0.5; - transition: opacity 0.15s ease; - } - @media (prefers-reduced-motion: reduce) { - .carousel-control-prev, - .carousel-control-next { - transition: none; - } - } - .carousel-control-prev:hover, .carousel-control-prev:focus, - .carousel-control-next:hover, - .carousel-control-next:focus { - color: #fff; - text-decoration: none; - outline: 0; - opacity: 0.9; - } - - .carousel-control-prev { - left: 0; - } - - .carousel-control-next { - right: 0; - } - - .carousel-control-prev-icon, - .carousel-control-next-icon { - display: inline-block; - width: 2rem; - height: 2rem; - background-repeat: no-repeat; - background-position: 50%; - background-size: 100% 100%; - } - - /* rtl:options: { - "autoRename": true, - "stringMap":[ { - "name" : "prev-next", - "search" : "prev", - "replace" : "next" - } ] - } */ - .carousel-control-prev-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); - } - - .carousel-control-next-icon { - background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); - } - - .carousel-indicators { - position: absolute; - right: 0; - bottom: 0; - left: 0; - z-index: 2; - display: flex; - justify-content: center; - padding: 0; - margin-right: 15%; - margin-bottom: 1rem; - margin-left: 15%; - list-style: none; + transition: none; } +} +.carousel-control-prev:hover, .carousel-control-prev:focus, +.carousel-control-next:hover, +.carousel-control-next:focus { + color: #fff; + text-decoration: none; + outline: 0; + opacity: 0.9; +} + +.carousel-control-prev { + left: 0; +} + +.carousel-control-next { + right: 0; +} + +.carousel-control-prev-icon, +.carousel-control-next-icon { + display: inline-block; + width: 2rem; + height: 2rem; + background-repeat: no-repeat; + background-position: 50%; + background-size: 100% 100%; +} + +/* rtl:options: { + "autoRename": true, + "stringMap":[ { + "name" : "prev-next", + "search" : "prev", + "replace" : "next" + } ] +} */ +.carousel-control-prev-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); +} + +.carousel-control-next-icon { + background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); +} + +.carousel-indicators { + position: absolute; + right: 0; + bottom: 0; + left: 0; + z-index: 2; + display: flex; + justify-content: center; + padding: 0; + margin-right: 15%; + margin-bottom: 1rem; + margin-left: 15%; +} +.carousel-indicators [data-bs-target] { + box-sizing: content-box; + flex: 0 1 auto; + width: 30px; + height: 3px; + padding: 0; + margin-right: 3px; + margin-left: 3px; + text-indent: -999px; + cursor: pointer; + background-color: #fff; + background-clip: padding-box; + border: 0; + border-top: 10px solid transparent; + border-bottom: 10px solid transparent; + opacity: 0.5; + transition: opacity 0.6s ease; +} +@media (prefers-reduced-motion: reduce) { .carousel-indicators [data-bs-target] { - box-sizing: content-box; - flex: 0 1 auto; - width: 30px; - height: 3px; - padding: 0; - margin-right: 3px; - margin-left: 3px; - text-indent: -999px; - cursor: pointer; - background-color: #fff; - background-clip: padding-box; - border: 0; - border-top: 10px solid transparent; - border-bottom: 10px solid transparent; - opacity: 0.5; - transition: opacity 0.6s ease; + transition: none; } - @media (prefers-reduced-motion: reduce) { - .carousel-indicators [data-bs-target] { - transition: none; - } +} +.carousel-indicators .active { + opacity: 1; +} + +.carousel-caption { + position: absolute; + right: 15%; + bottom: 1.25rem; + left: 15%; + padding-top: 1.25rem; + padding-bottom: 1.25rem; + color: #fff; + text-align: center; +} + +.carousel-dark .carousel-control-prev-icon, +.carousel-dark .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} +.carousel-dark .carousel-indicators [data-bs-target] { + background-color: #000; +} +.carousel-dark .carousel-caption { + color: #000; +} + +[data-bs-theme=dark] .carousel .carousel-control-prev-icon, +[data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon, +[data-bs-theme=dark].carousel .carousel-control-next-icon { + filter: invert(1) grayscale(100); +} +[data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { + background-color: #000; +} +[data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption { + color: #000; +} + +.spinner-grow, +.spinner-border { + display: inline-block; + width: var(--bs-spinner-width); + height: var(--bs-spinner-height); + vertical-align: var(--bs-spinner-vertical-align); + border-radius: 50%; + animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); +} + +@keyframes spinner-border { + to { + transform: rotate(360deg) /* rtl:ignore */; } - .carousel-indicators .active { +} +.spinner-border { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-border-width: 0.25em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-border; + border: var(--bs-spinner-border-width) solid currentcolor; + border-right-color: transparent; +} + +.spinner-border-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; + --bs-spinner-border-width: 0.2em; +} + +@keyframes spinner-grow { + 0% { + transform: scale(0); + } + 50% { opacity: 1; + transform: none; } - - .carousel-caption { - position: absolute; - right: 15%; - bottom: 1.25rem; - left: 15%; - padding-top: 1.25rem; - padding-bottom: 1.25rem; - color: #fff; - text-align: center; - } - - .carousel-dark .carousel-control-prev-icon, - .carousel-dark .carousel-control-next-icon { - filter: invert(1) grayscale(100); - } - .carousel-dark .carousel-indicators [data-bs-target] { - background-color: #000; - } - .carousel-dark .carousel-caption { - color: #000; - } - - .spinner-grow, - .spinner-border { - display: inline-block; - width: var(--bs-spinner-width); - height: var(--bs-spinner-height); - vertical-align: var(--bs-spinner-vertical-align); - border-radius: 50%; - animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name); - } - - @keyframes spinner-border { - to { - transform: rotate(360deg) /* rtl:ignore */; - } - } - .spinner-border { - --bs-spinner-width: 2rem; - --bs-spinner-height: 2rem; - --bs-spinner-vertical-align: -0.125em; - --bs-spinner-border-width: 0.25em; - --bs-spinner-animation-speed: 0.75s; - --bs-spinner-animation-name: spinner-border; - border: var(--bs-spinner-border-width) solid currentcolor; - border-right-color: transparent; - } - - .spinner-border-sm { - --bs-spinner-width: 1rem; - --bs-spinner-height: 1rem; - --bs-spinner-border-width: 0.2em; - } - - @keyframes spinner-grow { - 0% { - transform: scale(0); - } - 50% { - opacity: 1; - transform: none; - } - } +} +.spinner-grow { + --bs-spinner-width: 2rem; + --bs-spinner-height: 2rem; + --bs-spinner-vertical-align: -0.125em; + --bs-spinner-animation-speed: 0.75s; + --bs-spinner-animation-name: spinner-grow; + background-color: currentcolor; + opacity: 0; +} + +.spinner-grow-sm { + --bs-spinner-width: 1rem; + --bs-spinner-height: 1rem; +} + +@media (prefers-reduced-motion: reduce) { + .spinner-border, .spinner-grow { - --bs-spinner-width: 2rem; - --bs-spinner-height: 2rem; - --bs-spinner-vertical-align: -0.125em; - --bs-spinner-animation-speed: 0.75s; - --bs-spinner-animation-name: spinner-grow; - background-color: currentcolor; - opacity: 0; + --bs-spinner-animation-speed: 1.5s; } - - .spinner-grow-sm { - --bs-spinner-width: 1rem; - --bs-spinner-height: 1rem; - } - - @media (prefers-reduced-motion: reduce) { - .spinner-border, - .spinner-grow { - --bs-spinner-animation-speed: 1.5s; - } - } - .offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { - --bs-offcanvas-width: 400px; - --bs-offcanvas-height: 30vh; - --bs-offcanvas-padding-x: 1rem; - --bs-offcanvas-padding-y: 1rem; - --bs-offcanvas-color: ; - --bs-offcanvas-bg: #fff; - --bs-offcanvas-border-width: 1px; - --bs-offcanvas-border-color: var(--bs-border-color-translucent); - --bs-offcanvas-box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075); - } - - @media (max-width: 575.98px) { - .offcanvas-sm { - position: fixed; - bottom: 0; - z-index: 1045; - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: transform 0.3s ease-in-out; - } - } - @media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-sm { - transition: none; - } - } - @media (max-width: 575.98px) { - .offcanvas-sm.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%); - } - } - @media (max-width: 575.98px) { - .offcanvas-sm.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%); - } - } - @media (max-width: 575.98px) { - .offcanvas-sm.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%); - } - } - @media (max-width: 575.98px) { - .offcanvas-sm.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%); - } - } - @media (max-width: 575.98px) { - .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { - transform: none; - } - } - @media (max-width: 575.98px) { - .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { - visibility: visible; - } - } - @media (min-width: 576px) { - .offcanvas-sm { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-sm .offcanvas-header { - display: none; - } - .offcanvas-sm .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } - } - - @media (max-width: 767.98px) { - .offcanvas-md { - position: fixed; - bottom: 0; - z-index: 1045; - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: transform 0.3s ease-in-out; - } - } - @media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-md { - transition: none; - } - } - @media (max-width: 767.98px) { - .offcanvas-md.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%); - } - } - @media (max-width: 767.98px) { - .offcanvas-md.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%); - } - } - @media (max-width: 767.98px) { - .offcanvas-md.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%); - } - } - @media (max-width: 767.98px) { - .offcanvas-md.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%); - } - } - @media (max-width: 767.98px) { - .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { - transform: none; - } - } - @media (max-width: 767.98px) { - .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { - visibility: visible; - } - } - @media (min-width: 768px) { - .offcanvas-md { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-md .offcanvas-header { - display: none; - } - .offcanvas-md .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } - } - - @media (max-width: 991.98px) { - .offcanvas-lg { - position: fixed; - bottom: 0; - z-index: 1045; - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: transform 0.3s ease-in-out; - } - } - @media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-lg { - transition: none; - } - } - @media (max-width: 991.98px) { - .offcanvas-lg.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%); - } - } - @media (max-width: 991.98px) { - .offcanvas-lg.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%); - } - } - @media (max-width: 991.98px) { - .offcanvas-lg.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%); - } - } - @media (max-width: 991.98px) { - .offcanvas-lg.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%); - } - } - @media (max-width: 991.98px) { - .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { - transform: none; - } - } - @media (max-width: 991.98px) { - .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { - visibility: visible; - } - } - @media (min-width: 992px) { - .offcanvas-lg { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-lg .offcanvas-header { - display: none; - } - .offcanvas-lg .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } - } - - @media (max-width: 1199.98px) { - .offcanvas-xl { - position: fixed; - bottom: 0; - z-index: 1045; - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: transform 0.3s ease-in-out; - } - } - @media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-xl { - transition: none; - } - } - @media (max-width: 1199.98px) { - .offcanvas-xl.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%); - } - } - @media (max-width: 1199.98px) { - .offcanvas-xl.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%); - } - } - @media (max-width: 1199.98px) { - .offcanvas-xl.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%); - } - } - @media (max-width: 1199.98px) { - .offcanvas-xl.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%); - } - } - @media (max-width: 1199.98px) { - .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { - transform: none; - } - } - @media (max-width: 1199.98px) { - .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { - visibility: visible; - } - } - @media (min-width: 1200px) { - .offcanvas-xl { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-xl .offcanvas-header { - display: none; - } - .offcanvas-xl .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } - } - - @media (max-width: 1399.98px) { - .offcanvas-xxl { - position: fixed; - bottom: 0; - z-index: 1045; - display: flex; - flex-direction: column; - max-width: 100%; - color: var(--bs-offcanvas-color); - visibility: hidden; - background-color: var(--bs-offcanvas-bg); - background-clip: padding-box; - outline: 0; - transition: transform 0.3s ease-in-out; - } - } - @media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { - .offcanvas-xxl { - transition: none; - } - } - @media (max-width: 1399.98px) { - .offcanvas-xxl.offcanvas-start { - top: 0; - left: 0; - width: var(--bs-offcanvas-width); - border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(-100%); - } - } - @media (max-width: 1399.98px) { - .offcanvas-xxl.offcanvas-end { - top: 0; - right: 0; - width: var(--bs-offcanvas-width); - border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateX(100%); - } - } - @media (max-width: 1399.98px) { - .offcanvas-xxl.offcanvas-top { - top: 0; - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(-100%); - } - } - @media (max-width: 1399.98px) { - .offcanvas-xxl.offcanvas-bottom { - right: 0; - left: 0; - height: var(--bs-offcanvas-height); - max-height: 100%; - border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); - transform: translateY(100%); - } - } - @media (max-width: 1399.98px) { - .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { - transform: none; - } - } - @media (max-width: 1399.98px) { - .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { - visibility: visible; - } - } - @media (min-width: 1400px) { - .offcanvas-xxl { - --bs-offcanvas-height: auto; - --bs-offcanvas-border-width: 0; - background-color: transparent !important; - } - .offcanvas-xxl .offcanvas-header { - display: none; - } - .offcanvas-xxl .offcanvas-body { - display: flex; - flex-grow: 0; - padding: 0; - overflow-y: visible; - background-color: transparent !important; - } - } - - .offcanvas { +} +.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm { + --bs-offcanvas-zindex: 1045; + --bs-offcanvas-width: 400px; + --bs-offcanvas-height: 30vh; + --bs-offcanvas-padding-x: 1rem; + --bs-offcanvas-padding-y: 1rem; + --bs-offcanvas-color: var(--bs-body-color); + --bs-offcanvas-bg: var(--bs-body-bg); + --bs-offcanvas-border-width: var(--bs-border-width); + --bs-offcanvas-border-color: var(--bs-border-color-translucent); + --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm); + --bs-offcanvas-transition: transform 0.3s ease-in-out; + --bs-offcanvas-title-line-height: 1.5; +} + +@media (max-width: 575.98px) { + .offcanvas-sm { position: fixed; bottom: 0; - z-index: 1045; + z-index: var(--bs-offcanvas-zindex); display: flex; flex-direction: column; max-width: 100%; @@ -6475,28 +6324,30 @@ background-color: var(--bs-offcanvas-bg); background-clip: padding-box; outline: 0; - transition: transform 0.3s ease-in-out; + transition: var(--bs-offcanvas-transition); } - @media (prefers-reduced-motion: reduce) { - .offcanvas { - transition: none; - } +} +@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-sm { + transition: none; } - .offcanvas.offcanvas-start { +} +@media (max-width: 575.98px) { + .offcanvas-sm.offcanvas-start { top: 0; left: 0; width: var(--bs-offcanvas-width); border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(-100%); } - .offcanvas.offcanvas-end { + .offcanvas-sm.offcanvas-end { top: 0; right: 0; width: var(--bs-offcanvas-width); border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateX(100%); } - .offcanvas.offcanvas-top { + .offcanvas-sm.offcanvas-top { top: 0; right: 0; left: 0; @@ -6505,7 +6356,7 @@ border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(-100%); } - .offcanvas.offcanvas-bottom { + .offcanvas-sm.offcanvas-bottom { right: 0; left: 0; height: var(--bs-offcanvas-height); @@ -6513,49969 +6364,5705 @@ border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); transform: translateY(100%); } - .offcanvas.showing, .offcanvas.show:not(.hiding) { + .offcanvas-sm.showing, .offcanvas-sm.show:not(.hiding) { transform: none; } - .offcanvas.showing, .offcanvas.hiding, .offcanvas.show { + .offcanvas-sm.showing, .offcanvas-sm.hiding, .offcanvas-sm.show { visibility: visible; } - - .offcanvas-backdrop { - position: fixed; - top: 0; - left: 0; - z-index: 1040; - width: 100vw; - height: 100vh; - background-color: #000; - } - .offcanvas-backdrop.fade { - opacity: 0; - } - .offcanvas-backdrop.show { - opacity: 0.5; - } - - .offcanvas-header { - display: flex; - align-items: center; - justify-content: space-between; - padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); - } - .offcanvas-header .btn-close { - padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); - margin-top: calc(var(--bs-offcanvas-padding-y) * -0.5); - margin-right: calc(var(--bs-offcanvas-padding-x) * -0.5); - margin-bottom: calc(var(--bs-offcanvas-padding-y) * -0.5); - } - - .offcanvas-title { - margin-bottom: 0; - line-height: 1.5; - } - - .offcanvas-body { - flex-grow: 1; - padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); - overflow-y: auto; - } - - .placeholder { - display: inline-block; - min-height: 1em; - vertical-align: middle; - cursor: wait; - background-color: currentcolor; - opacity: 0.5; - } - .placeholder.btn::before { - display: inline-block; - content: ""; - } - - .placeholder-xs { - min-height: 0.6em; - } - - .placeholder-sm { - min-height: 0.8em; - } - - .placeholder-lg { - min-height: 1.2em; - } - - .placeholder-glow .placeholder { - animation: placeholder-glow 2s ease-in-out infinite; - } - - @keyframes placeholder-glow { - 50% { - opacity: 0.2; - } - } - .placeholder-wave { - -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); - mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); - -webkit-mask-size: 200% 100%; - mask-size: 200% 100%; - animation: placeholder-wave 2s linear infinite; - } - - @keyframes placeholder-wave { - 100% { - -webkit-mask-position: -200% 0%; - mask-position: -200% 0%; - } - } - .clearfix::after { - display: block; - clear: both; - content: ""; - } - - .text-bg-primary { - color: #000 !important; - background-color: RGBA(33, 150, 243, var(--bs-bg-opacity, 1)) !important; - } - - .text-bg-secondary { - color: #fff !important; - background-color: RGBA(108, 117, 125, var(--bs-bg-opacity, 1)) !important; - } - - .text-bg-success { - color: #000 !important; - background-color: RGBA(76, 175, 80, var(--bs-bg-opacity, 1)) !important; - } - - .text-bg-info { - color: #000 !important; - background-color: RGBA(0, 188, 212, var(--bs-bg-opacity, 1)) !important; - } - - .text-bg-warning { - color: #000 !important; - background-color: RGBA(255, 235, 59, var(--bs-bg-opacity, 1)) !important; - } - - .text-bg-danger { - color: #000 !important; - background-color: RGBA(244, 67, 54, var(--bs-bg-opacity, 1)) !important; - } - - .text-bg-light { - color: #000 !important; - background-color: RGBA(248, 249, 250, var(--bs-bg-opacity, 1)) !important; - } - - .text-bg-dark { - color: #fff !important; - background-color: RGBA(33, 37, 41, var(--bs-bg-opacity, 1)) !important; - } - - .link-primary { - color: #2196f3 !important; - } - .link-primary:hover, .link-primary:focus { - color: #4dabf5 !important; - } - - .link-secondary { - color: #6c757d !important; - } - .link-secondary:hover, .link-secondary:focus { - color: #565e64 !important; - } - - .link-success { - color: #4caf50 !important; - } - .link-success:hover, .link-success:focus { - color: #70bf73 !important; - } - - .link-info { - color: #00bcd4 !important; - } - .link-info:hover, .link-info:focus { - color: #33c9dd !important; - } - - .link-warning { - color: #ffeb3b !important; - } - .link-warning:hover, .link-warning:focus { - color: #ffef62 !important; - } - - .link-danger { - color: #f44336 !important; - } - .link-danger:hover, .link-danger:focus { - color: #f6695e !important; - } - - .link-light { - color: #f8f9fa !important; - } - .link-light:hover, .link-light:focus { - color: #f9fafb !important; - } - - .link-dark { - color: #212529 !important; - } - .link-dark:hover, .link-dark:focus { - color: #1a1e21 !important; - } - - .ratio { - position: relative; - width: 100%; - } - .ratio::before { - display: block; - padding-top: var(--bs-aspect-ratio); - content: ""; - } - .ratio > * { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - - .ratio-1x1 { - --bs-aspect-ratio: 100%; - } - - .ratio-4x3 { - --bs-aspect-ratio: 75%; - } - - .ratio-16x9 { - --bs-aspect-ratio: 56.25%; - } - - .ratio-21x9 { - --bs-aspect-ratio: 42.8571428571%; - } - - .fixed-top { - position: fixed; - top: 0; - right: 0; - left: 0; - z-index: 1030; - } - - .fixed-bottom { - position: fixed; - right: 0; - bottom: 0; - left: 0; - z-index: 1030; - } - - .sticky-top { - position: sticky; - top: 0; - z-index: 1020; - } - - .sticky-bottom { - position: sticky; - bottom: 0; - z-index: 1020; - } - - @media (min-width: 576px) { - .sticky-sm-top { - position: sticky; - top: 0; - z-index: 1020; - } - .sticky-sm-bottom { - position: sticky; - bottom: 0; - z-index: 1020; - } - } - @media (min-width: 768px) { - .sticky-md-top { - position: sticky; - top: 0; - z-index: 1020; - } - .sticky-md-bottom { - position: sticky; - bottom: 0; - z-index: 1020; - } - } - @media (min-width: 992px) { - .sticky-lg-top { - position: sticky; - top: 0; - z-index: 1020; - } - .sticky-lg-bottom { - position: sticky; - bottom: 0; - z-index: 1020; - } - } - @media (min-width: 1200px) { - .sticky-xl-top { - position: sticky; - top: 0; - z-index: 1020; - } - .sticky-xl-bottom { - position: sticky; - bottom: 0; - z-index: 1020; - } - } - @media (min-width: 1400px) { - .sticky-xxl-top { - position: sticky; - top: 0; - z-index: 1020; - } - .sticky-xxl-bottom { - position: sticky; - bottom: 0; - z-index: 1020; - } - } - .hstack { - display: flex; - flex-direction: row; - align-items: center; - align-self: stretch; - } - - .vstack { - display: flex; - flex: 1 1 auto; - flex-direction: column; - align-self: stretch; - } - - .visually-hidden, - .visually-hidden-focusable:not(:focus):not(:focus-within) { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border: 0 !important; - } - - .stretched-link::after { - position: absolute; - top: 0; - right: 0; - bottom: 0; - left: 0; - z-index: 1; - content: ""; - } - - .text-truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; - } - - .vr { - display: inline-block; - align-self: stretch; - width: 1px; - min-height: 1em; - background-color: currentcolor; - opacity: 0.25; - } - - .align-baseline { - vertical-align: baseline !important; - } - - .align-top { - vertical-align: top !important; - } - - .align-middle { - vertical-align: middle !important; - } - - .align-bottom { - vertical-align: bottom !important; - } - - .align-text-bottom { - vertical-align: text-bottom !important; - } - - .align-text-top { - vertical-align: text-top !important; - } - - .float-start { - float: left !important; - } - - .float-end { - float: right !important; - } - - .float-none { - float: none !important; - } - - .opacity-0 { - opacity: 0 !important; - } - - .opacity-25 { - opacity: 0.25 !important; - } - - .opacity-50 { - opacity: 0.5 !important; - } - - .opacity-75 { - opacity: 0.75 !important; - } - - .opacity-100 { - opacity: 1 !important; - } - - .overflow-auto { - overflow: auto !important; - } - - .overflow-hidden { - overflow: hidden !important; - } - - .overflow-visible { - overflow: visible !important; - } - - .overflow-scroll { - overflow: scroll !important; - } - - .d-inline { - display: inline !important; - } - - .d-inline-block { - display: inline-block !important; - } - - .d-block { - display: block !important; - } - - .d-grid { - display: grid !important; - } - - .d-table { - display: table !important; - } - - .d-table-row { - display: table-row !important; - } - - .d-table-cell { - display: table-cell !important; - } - - .d-flex { - display: flex !important; - } - - .d-inline-flex { - display: inline-flex !important; - } - - .d-none { - display: none !important; - } - - .shadow { - box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; - } - - .shadow-sm { - box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; - } - - .shadow-lg { - box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; - } - - .shadow-none { - box-shadow: none !important; - } - - .position-static { - position: static !important; - } - - .position-relative { - position: relative !important; - } - - .position-absolute { - position: absolute !important; - } - - .position-fixed { - position: fixed !important; - } - - .position-sticky { - position: sticky !important; - } - - .top-0 { - top: 0 !important; - } - - .top-50 { - top: 50% !important; - } - - .top-100 { - top: 100% !important; - } - - .bottom-0 { - bottom: 0 !important; - } - - .bottom-50 { - bottom: 50% !important; - } - - .bottom-100 { - bottom: 100% !important; - } - - .start-0 { - left: 0 !important; - } - - .start-50 { - left: 50% !important; - } - - .start-100 { - left: 100% !important; - } - - .end-0 { - right: 0 !important; - } - - .end-50 { - right: 50% !important; - } - - .end-100 { - right: 100% !important; - } - - .translate-middle { - transform: translate(-50%, -50%) !important; - } - - .translate-middle-x { - transform: translateX(-50%) !important; - } - - .translate-middle-y { - transform: translateY(-50%) !important; - } - - .border { - border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; - } - - .border-0 { - border: 0 !important; - } - - .border-top { - border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; - } - - .border-top-0 { - border-top: 0 !important; - } - - .border-end { - border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; - } - - .border-end-0 { - border-right: 0 !important; - } - - .border-bottom { - border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; - } - - .border-bottom-0 { - border-bottom: 0 !important; - } - - .border-start { - border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; - } - - .border-start-0 { - border-left: 0 !important; - } - - .border-primary { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; - } - - .border-secondary { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; - } - - .border-success { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; - } - - .border-info { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; - } - - .border-warning { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; - } - - .border-danger { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; - } - - .border-light { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; - } - - .border-dark { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; - } - - .border-white { - --bs-border-opacity: 1; - border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; - } - - .border-1 { - --bs-border-width: 1px; - } - - .border-2 { - --bs-border-width: 2px; - } - - .border-3 { - --bs-border-width: 3px; - } - - .border-4 { - --bs-border-width: 4px; - } - - .border-5 { - --bs-border-width: 5px; - } - - .border-opacity-10 { - --bs-border-opacity: 0.1; - } - - .border-opacity-25 { - --bs-border-opacity: 0.25; - } - - .border-opacity-50 { - --bs-border-opacity: 0.5; - } - - .border-opacity-75 { - --bs-border-opacity: 0.75; - } - - .border-opacity-100 { - --bs-border-opacity: 1; - } - - .w-25 { - width: 25% !important; - } - - .w-50 { - width: 50% !important; - } - - .w-75 { - width: 75% !important; - } - - .w-100 { - width: 100% !important; - } - - .w-auto { - width: auto !important; - } - - .mw-100 { - max-width: 100% !important; - } - - .vw-100 { - width: 100vw !important; - } - - .min-vw-100 { - min-width: 100vw !important; - } - - .h-25 { - height: 25% !important; - } - - .h-50 { - height: 50% !important; - } - - .h-75 { - height: 75% !important; - } - - .h-100 { - height: 100% !important; - } - - .h-auto { - height: auto !important; - } - - .mh-100 { - max-height: 100% !important; - } - - .vh-100 { - height: 100vh !important; - } - - .min-vh-100 { - min-height: 100vh !important; - } - - .flex-fill { - flex: 1 1 auto !important; - } - - .flex-row { - flex-direction: row !important; - } - - .flex-column { - flex-direction: column !important; - } - - .flex-row-reverse { - flex-direction: row-reverse !important; - } - - .flex-column-reverse { - flex-direction: column-reverse !important; - } - - .flex-grow-0 { - flex-grow: 0 !important; - } - - .flex-grow-1 { - flex-grow: 1 !important; - } - - .flex-shrink-0 { - flex-shrink: 0 !important; - } - - .flex-shrink-1 { - flex-shrink: 1 !important; - } - - .flex-wrap { - flex-wrap: wrap !important; - } - - .flex-nowrap { - flex-wrap: nowrap !important; - } - - .flex-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - - .justify-content-start { - justify-content: flex-start !important; - } - - .justify-content-end { - justify-content: flex-end !important; - } - - .justify-content-center { - justify-content: center !important; - } - - .justify-content-between { - justify-content: space-between !important; - } - - .justify-content-around { - justify-content: space-around !important; - } - - .justify-content-evenly { - justify-content: space-evenly !important; - } - - .align-items-start { - align-items: flex-start !important; - } - - .align-items-end { - align-items: flex-end !important; - } - - .align-items-center { - align-items: center !important; - } - - .align-items-baseline { - align-items: baseline !important; - } - - .align-items-stretch { - align-items: stretch !important; - } - - .align-content-start { - align-content: flex-start !important; - } - - .align-content-end { - align-content: flex-end !important; - } - - .align-content-center { - align-content: center !important; - } - - .align-content-between { - align-content: space-between !important; - } - - .align-content-around { - align-content: space-around !important; - } - - .align-content-stretch { - align-content: stretch !important; - } - - .align-self-auto { - align-self: auto !important; - } - - .align-self-start { - align-self: flex-start !important; - } - - .align-self-end { - align-self: flex-end !important; - } - - .align-self-center { - align-self: center !important; - } - - .align-self-baseline { - align-self: baseline !important; - } - - .align-self-stretch { - align-self: stretch !important; - } - - .order-first { - order: -1 !important; - } - - .order-0 { - order: 0 !important; - } - - .order-1 { - order: 1 !important; - } - - .order-2 { - order: 2 !important; - } - - .order-3 { - order: 3 !important; - } - - .order-4 { - order: 4 !important; - } - - .order-5 { - order: 5 !important; - } - - .order-last { - order: 6 !important; - } - - .m-0 { - margin: 0 !important; - } - - .m-1 { - margin: 0.25rem !important; - } - - .m-2 { - margin: 0.5rem !important; - } - - .m-3 { - margin: 1rem !important; - } - - .m-4 { - margin: 1.5rem !important; - } - - .m-5 { - margin: 3rem !important; - } - - .m-auto { - margin: auto !important; - } - - .mx-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - - .mx-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - - .mx-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - - .mx-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - - .mx-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - - .mx-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - - .mx-auto { - margin-right: auto !important; - margin-left: auto !important; - } - - .my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - - .my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - - .my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - - .my-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - - .my-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - - .my-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - - .my-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - - .mt-0 { - margin-top: 0 !important; - } - - .mt-1 { - margin-top: 0.25rem !important; - } - - .mt-2 { - margin-top: 0.5rem !important; - } - - .mt-3 { - margin-top: 1rem !important; - } - - .mt-4 { - margin-top: 1.5rem !important; - } - - .mt-5 { - margin-top: 3rem !important; - } - - .mt-auto { - margin-top: auto !important; - } - - .me-0 { - margin-right: 0 !important; - } - - .me-1 { - margin-right: 0.25rem !important; - } - - .me-2 { - margin-right: 0.5rem !important; - } - - .me-3 { - margin-right: 1rem !important; - } - - .me-4 { - margin-right: 1.5rem !important; - } - - .me-5 { - margin-right: 3rem !important; - } - - .me-auto { - margin-right: auto !important; - } - - .mb-0 { - margin-bottom: 0 !important; - } - - .mb-1 { - margin-bottom: 0.25rem !important; - } - - .mb-2 { - margin-bottom: 0.5rem !important; - } - - .mb-3 { - margin-bottom: 1rem !important; - } - - .mb-4 { - margin-bottom: 1.5rem !important; - } - - .mb-5 { - margin-bottom: 3rem !important; - } - - .mb-auto { - margin-bottom: auto !important; - } - - .ms-0 { - margin-left: 0 !important; - } - - .ms-1 { - margin-left: 0.25rem !important; - } - - .ms-2 { - margin-left: 0.5rem !important; - } - - .ms-3 { - margin-left: 1rem !important; - } - - .ms-4 { - margin-left: 1.5rem !important; - } - - .ms-5 { - margin-left: 3rem !important; - } - - .ms-auto { - margin-left: auto !important; - } - - .p-0 { - padding: 0 !important; - } - - .p-1 { - padding: 0.25rem !important; - } - - .p-2 { - padding: 0.5rem !important; - } - - .p-3 { - padding: 1rem !important; - } - - .p-4 { - padding: 1.5rem !important; - } - - .p-5 { - padding: 3rem !important; - } - - .px-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - - .px-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - - .px-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - - .px-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - - .px-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - - .px-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - - .py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - - .py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - - .py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - - .py-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - - .py-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - - .py-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - - .pt-0 { - padding-top: 0 !important; - } - - .pt-1 { - padding-top: 0.25rem !important; - } - - .pt-2 { - padding-top: 0.5rem !important; - } - - .pt-3 { - padding-top: 1rem !important; - } - - .pt-4 { - padding-top: 1.5rem !important; - } - - .pt-5 { - padding-top: 3rem !important; - } - - .pe-0 { - padding-right: 0 !important; - } - - .pe-1 { - padding-right: 0.25rem !important; - } - - .pe-2 { - padding-right: 0.5rem !important; - } - - .pe-3 { - padding-right: 1rem !important; - } - - .pe-4 { - padding-right: 1.5rem !important; - } - - .pe-5 { - padding-right: 3rem !important; - } - - .pb-0 { - padding-bottom: 0 !important; - } - - .pb-1 { - padding-bottom: 0.25rem !important; - } - - .pb-2 { - padding-bottom: 0.5rem !important; - } - - .pb-3 { - padding-bottom: 1rem !important; - } - - .pb-4 { - padding-bottom: 1.5rem !important; - } - - .pb-5 { - padding-bottom: 3rem !important; - } - - .ps-0 { - padding-left: 0 !important; - } - - .ps-1 { - padding-left: 0.25rem !important; - } - - .ps-2 { - padding-left: 0.5rem !important; - } - - .ps-3 { - padding-left: 1rem !important; - } - - .ps-4 { - padding-left: 1.5rem !important; - } - - .ps-5 { - padding-left: 3rem !important; - } - - .gap-0 { - gap: 0 !important; - } - - .gap-1 { - gap: 0.25rem !important; - } - - .gap-2 { - gap: 0.5rem !important; - } - - .gap-3 { - gap: 1rem !important; - } - - .gap-4 { - gap: 1.5rem !important; - } - - .gap-5 { - gap: 3rem !important; - } - - .font-monospace { - font-family: var(--bs-font-monospace) !important; - } - - .fs-1 { - font-size: calc(1.34375rem + 1.125vw) !important; - } - - .fs-2 { - font-size: calc(1.3rem + 0.6vw) !important; - } - - .fs-3 { - font-size: calc(1.278125rem + 0.3375vw) !important; - } - - .fs-4 { - font-size: calc(1.25625rem + 0.075vw) !important; - } - - .fs-5 { - font-size: 1.09375rem !important; - } - - .fs-6 { - font-size: 0.875rem !important; - } - - .fst-italic { - font-style: italic !important; - } - - .fst-normal { - font-style: normal !important; - } - - .fw-light { - font-weight: 300 !important; - } - - .fw-lighter { - font-weight: lighter !important; - } - - .fw-normal { - font-weight: 400 !important; - } - - .fw-bold { - font-weight: 700 !important; - } - - .fw-semibold { - font-weight: 600 !important; - } - - .fw-bolder { - font-weight: bolder !important; - } - - .lh-1 { - line-height: 1 !important; - } - - .lh-sm { - line-height: 1.25 !important; - } - - .lh-base { - line-height: 1.5 !important; - } - - .lh-lg { - line-height: 2 !important; - } - - .text-start { - text-align: left !important; - } - - .text-end { - text-align: right !important; - } - - .text-center { - text-align: center !important; - } - - .text-decoration-none { - text-decoration: none !important; - } - - .text-decoration-underline { - text-decoration: underline !important; - } - - .text-decoration-line-through { - text-decoration: line-through !important; - } - - .text-lowercase { - text-transform: lowercase !important; - } - - .text-uppercase { - text-transform: uppercase !important; - } - - .text-capitalize { - text-transform: capitalize !important; - } - - .text-wrap { - white-space: normal !important; - } - - .text-nowrap { - white-space: nowrap !important; - } - - /* rtl:begin:remove */ - .text-break { - word-wrap: break-word !important; - word-break: break-word !important; - } - - /* rtl:end:remove */ - .text-primary { - --bs-text-opacity: 1; - color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; - } - - .text-secondary { - --bs-text-opacity: 1; - color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; - } - - .text-success { - --bs-text-opacity: 1; - color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; - } - - .text-info { - --bs-text-opacity: 1; - color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; - } - - .text-warning { - --bs-text-opacity: 1; - color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; - } - - .text-danger { - --bs-text-opacity: 1; - color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; - } - - .text-light { - --bs-text-opacity: 1; - color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; - } - - .text-dark { - --bs-text-opacity: 1; - color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; - } - - .text-black { - --bs-text-opacity: 1; - color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; - } - - .text-white { - --bs-text-opacity: 1; - color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; - } - - .text-body { - --bs-text-opacity: 1; - color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; - } - - .text-muted { - --bs-text-opacity: 1; - color: #6c757d !important; - } - - .text-black-50 { - --bs-text-opacity: 1; - color: rgba(0, 0, 0, 0.5) !important; - } - - .text-white-50 { - --bs-text-opacity: 1; - color: rgba(255, 255, 255, 0.5) !important; - } - - .text-reset { - --bs-text-opacity: 1; - color: inherit !important; - } - - .text-opacity-25 { - --bs-text-opacity: 0.25; - } - - .text-opacity-50 { - --bs-text-opacity: 0.5; - } - - .text-opacity-75 { - --bs-text-opacity: 0.75; - } - - .text-opacity-100 { - --bs-text-opacity: 1; - } - - .bg-primary { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; - } - - .bg-secondary { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; - } - - .bg-success { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; - } - - .bg-info { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; - } - - .bg-warning { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; - } - - .bg-danger { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; - } - - .bg-light { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; - } - - .bg-dark { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; - } - - .bg-black { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; - } - - .bg-white { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; - } - - .bg-body { - --bs-bg-opacity: 1; - background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; - } - - .bg-transparent { - --bs-bg-opacity: 1; +} +@media (min-width: 576px) { + .offcanvas-sm { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; background-color: transparent !important; } - - .bg-opacity-10 { - --bs-bg-opacity: 0.1; - } - - .bg-opacity-25 { - --bs-bg-opacity: 0.25; - } - - .bg-opacity-50 { - --bs-bg-opacity: 0.5; - } - - .bg-opacity-75 { - --bs-bg-opacity: 0.75; - } - - .bg-opacity-100 { - --bs-bg-opacity: 1; - } - - .bg-gradient { - background-image: var(--bs-gradient) !important; - } - - .user-select-all { - -webkit-user-select: all !important; - user-select: all !important; - } - - .user-select-auto { - -webkit-user-select: auto !important; - user-select: auto !important; - } - - .user-select-none { - -webkit-user-select: none !important; - user-select: none !important; - } - - .pe-none { - pointer-events: none !important; - } - - .pe-auto { - pointer-events: auto !important; - } - - .rounded { - border-radius: var(--bs-border-radius) !important; - } - - .rounded-0 { - border-radius: 0 !important; - } - - .rounded-1 { - border-radius: var(--bs-border-radius-sm) !important; - } - - .rounded-2 { - border-radius: var(--bs-border-radius) !important; - } - - .rounded-3 { - border-radius: var(--bs-border-radius-lg) !important; - } - - .rounded-4 { - border-radius: var(--bs-border-radius-xl) !important; - } - - .rounded-5 { - border-radius: var(--bs-border-radius-2xl) !important; - } - - .rounded-circle { - border-radius: 50% !important; - } - - .rounded-pill { - border-radius: var(--bs-border-radius-pill) !important; - } - - .rounded-top { - border-top-left-radius: var(--bs-border-radius) !important; - border-top-right-radius: var(--bs-border-radius) !important; - } - - .rounded-end { - border-top-right-radius: var(--bs-border-radius) !important; - border-bottom-right-radius: var(--bs-border-radius) !important; - } - - .rounded-bottom { - border-bottom-right-radius: var(--bs-border-radius) !important; - border-bottom-left-radius: var(--bs-border-radius) !important; - } - - .rounded-start { - border-bottom-left-radius: var(--bs-border-radius) !important; - border-top-left-radius: var(--bs-border-radius) !important; - } - - .rounded-top-0 { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; - } - - .rounded-end-0 { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; - } - - .rounded-bottom-0 { - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; - } - - .rounded-start-0 { - border-bottom-left-radius: 0 !important; - border-top-left-radius: 0 !important; - } - - .visible { - visibility: visible !important; - } - - .invisible { - visibility: hidden !important; - } - - @media (min-width: 576px) { - .float-sm-start { - float: left !important; - } - .float-sm-end { - float: right !important; - } - .float-sm-none { - float: none !important; - } - .d-sm-inline { - display: inline !important; - } - .d-sm-inline-block { - display: inline-block !important; - } - .d-sm-block { - display: block !important; - } - .d-sm-grid { - display: grid !important; - } - .d-sm-table { - display: table !important; - } - .d-sm-table-row { - display: table-row !important; - } - .d-sm-table-cell { - display: table-cell !important; - } - .d-sm-flex { - display: flex !important; - } - .d-sm-inline-flex { - display: inline-flex !important; - } - .d-sm-none { - display: none !important; - } - .flex-sm-fill { - flex: 1 1 auto !important; - } - .flex-sm-row { - flex-direction: row !important; - } - .flex-sm-column { - flex-direction: column !important; - } - .flex-sm-row-reverse { - flex-direction: row-reverse !important; - } - .flex-sm-column-reverse { - flex-direction: column-reverse !important; - } - .flex-sm-grow-0 { - flex-grow: 0 !important; - } - .flex-sm-grow-1 { - flex-grow: 1 !important; - } - .flex-sm-shrink-0 { - flex-shrink: 0 !important; - } - .flex-sm-shrink-1 { - flex-shrink: 1 !important; - } - .flex-sm-wrap { - flex-wrap: wrap !important; - } - .flex-sm-nowrap { - flex-wrap: nowrap !important; - } - .flex-sm-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-sm-start { - justify-content: flex-start !important; - } - .justify-content-sm-end { - justify-content: flex-end !important; - } - .justify-content-sm-center { - justify-content: center !important; - } - .justify-content-sm-between { - justify-content: space-between !important; - } - .justify-content-sm-around { - justify-content: space-around !important; - } - .justify-content-sm-evenly { - justify-content: space-evenly !important; - } - .align-items-sm-start { - align-items: flex-start !important; - } - .align-items-sm-end { - align-items: flex-end !important; - } - .align-items-sm-center { - align-items: center !important; - } - .align-items-sm-baseline { - align-items: baseline !important; - } - .align-items-sm-stretch { - align-items: stretch !important; - } - .align-content-sm-start { - align-content: flex-start !important; - } - .align-content-sm-end { - align-content: flex-end !important; - } - .align-content-sm-center { - align-content: center !important; - } - .align-content-sm-between { - align-content: space-between !important; - } - .align-content-sm-around { - align-content: space-around !important; - } - .align-content-sm-stretch { - align-content: stretch !important; - } - .align-self-sm-auto { - align-self: auto !important; - } - .align-self-sm-start { - align-self: flex-start !important; - } - .align-self-sm-end { - align-self: flex-end !important; - } - .align-self-sm-center { - align-self: center !important; - } - .align-self-sm-baseline { - align-self: baseline !important; - } - .align-self-sm-stretch { - align-self: stretch !important; - } - .order-sm-first { - order: -1 !important; - } - .order-sm-0 { - order: 0 !important; - } - .order-sm-1 { - order: 1 !important; - } - .order-sm-2 { - order: 2 !important; - } - .order-sm-3 { - order: 3 !important; - } - .order-sm-4 { - order: 4 !important; - } - .order-sm-5 { - order: 5 !important; - } - .order-sm-last { - order: 6 !important; - } - .m-sm-0 { - margin: 0 !important; - } - .m-sm-1 { - margin: 0.25rem !important; - } - .m-sm-2 { - margin: 0.5rem !important; - } - .m-sm-3 { - margin: 1rem !important; - } - .m-sm-4 { - margin: 1.5rem !important; - } - .m-sm-5 { - margin: 3rem !important; - } - .m-sm-auto { - margin: auto !important; - } - .mx-sm-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-sm-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-sm-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-sm-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-sm-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-sm-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-sm-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-sm-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-sm-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-sm-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-sm-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-sm-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-sm-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-sm-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-sm-0 { - margin-top: 0 !important; - } - .mt-sm-1 { - margin-top: 0.25rem !important; - } - .mt-sm-2 { - margin-top: 0.5rem !important; - } - .mt-sm-3 { - margin-top: 1rem !important; - } - .mt-sm-4 { - margin-top: 1.5rem !important; - } - .mt-sm-5 { - margin-top: 3rem !important; - } - .mt-sm-auto { - margin-top: auto !important; - } - .me-sm-0 { - margin-right: 0 !important; - } - .me-sm-1 { - margin-right: 0.25rem !important; - } - .me-sm-2 { - margin-right: 0.5rem !important; - } - .me-sm-3 { - margin-right: 1rem !important; - } - .me-sm-4 { - margin-right: 1.5rem !important; - } - .me-sm-5 { - margin-right: 3rem !important; - } - .me-sm-auto { - margin-right: auto !important; - } - .mb-sm-0 { - margin-bottom: 0 !important; - } - .mb-sm-1 { - margin-bottom: 0.25rem !important; - } - .mb-sm-2 { - margin-bottom: 0.5rem !important; - } - .mb-sm-3 { - margin-bottom: 1rem !important; - } - .mb-sm-4 { - margin-bottom: 1.5rem !important; - } - .mb-sm-5 { - margin-bottom: 3rem !important; - } - .mb-sm-auto { - margin-bottom: auto !important; - } - .ms-sm-0 { - margin-left: 0 !important; - } - .ms-sm-1 { - margin-left: 0.25rem !important; - } - .ms-sm-2 { - margin-left: 0.5rem !important; - } - .ms-sm-3 { - margin-left: 1rem !important; - } - .ms-sm-4 { - margin-left: 1.5rem !important; - } - .ms-sm-5 { - margin-left: 3rem !important; - } - .ms-sm-auto { - margin-left: auto !important; - } - .p-sm-0 { - padding: 0 !important; - } - .p-sm-1 { - padding: 0.25rem !important; - } - .p-sm-2 { - padding: 0.5rem !important; - } - .p-sm-3 { - padding: 1rem !important; - } - .p-sm-4 { - padding: 1.5rem !important; - } - .p-sm-5 { - padding: 3rem !important; - } - .px-sm-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-sm-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-sm-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-sm-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-sm-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-sm-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-sm-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-sm-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-sm-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-sm-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-sm-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-sm-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-sm-0 { - padding-top: 0 !important; - } - .pt-sm-1 { - padding-top: 0.25rem !important; - } - .pt-sm-2 { - padding-top: 0.5rem !important; - } - .pt-sm-3 { - padding-top: 1rem !important; - } - .pt-sm-4 { - padding-top: 1.5rem !important; - } - .pt-sm-5 { - padding-top: 3rem !important; - } - .pe-sm-0 { - padding-right: 0 !important; - } - .pe-sm-1 { - padding-right: 0.25rem !important; - } - .pe-sm-2 { - padding-right: 0.5rem !important; - } - .pe-sm-3 { - padding-right: 1rem !important; - } - .pe-sm-4 { - padding-right: 1.5rem !important; - } - .pe-sm-5 { - padding-right: 3rem !important; - } - .pb-sm-0 { - padding-bottom: 0 !important; - } - .pb-sm-1 { - padding-bottom: 0.25rem !important; - } - .pb-sm-2 { - padding-bottom: 0.5rem !important; - } - .pb-sm-3 { - padding-bottom: 1rem !important; - } - .pb-sm-4 { - padding-bottom: 1.5rem !important; - } - .pb-sm-5 { - padding-bottom: 3rem !important; - } - .ps-sm-0 { - padding-left: 0 !important; - } - .ps-sm-1 { - padding-left: 0.25rem !important; - } - .ps-sm-2 { - padding-left: 0.5rem !important; - } - .ps-sm-3 { - padding-left: 1rem !important; - } - .ps-sm-4 { - padding-left: 1.5rem !important; - } - .ps-sm-5 { - padding-left: 3rem !important; - } - .gap-sm-0 { - gap: 0 !important; - } - .gap-sm-1 { - gap: 0.25rem !important; - } - .gap-sm-2 { - gap: 0.5rem !important; - } - .gap-sm-3 { - gap: 1rem !important; - } - .gap-sm-4 { - gap: 1.5rem !important; - } - .gap-sm-5 { - gap: 3rem !important; - } - .text-sm-start { - text-align: left !important; - } - .text-sm-end { - text-align: right !important; - } - .text-sm-center { - text-align: center !important; - } - } - @media (min-width: 768px) { - .float-md-start { - float: left !important; - } - .float-md-end { - float: right !important; - } - .float-md-none { - float: none !important; - } - .d-md-inline { - display: inline !important; - } - .d-md-inline-block { - display: inline-block !important; - } - .d-md-block { - display: block !important; - } - .d-md-grid { - display: grid !important; - } - .d-md-table { - display: table !important; - } - .d-md-table-row { - display: table-row !important; - } - .d-md-table-cell { - display: table-cell !important; - } - .d-md-flex { - display: flex !important; - } - .d-md-inline-flex { - display: inline-flex !important; - } - .d-md-none { - display: none !important; - } - .flex-md-fill { - flex: 1 1 auto !important; - } - .flex-md-row { - flex-direction: row !important; - } - .flex-md-column { - flex-direction: column !important; - } - .flex-md-row-reverse { - flex-direction: row-reverse !important; - } - .flex-md-column-reverse { - flex-direction: column-reverse !important; - } - .flex-md-grow-0 { - flex-grow: 0 !important; - } - .flex-md-grow-1 { - flex-grow: 1 !important; - } - .flex-md-shrink-0 { - flex-shrink: 0 !important; - } - .flex-md-shrink-1 { - flex-shrink: 1 !important; - } - .flex-md-wrap { - flex-wrap: wrap !important; - } - .flex-md-nowrap { - flex-wrap: nowrap !important; - } - .flex-md-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-md-start { - justify-content: flex-start !important; - } - .justify-content-md-end { - justify-content: flex-end !important; - } - .justify-content-md-center { - justify-content: center !important; - } - .justify-content-md-between { - justify-content: space-between !important; - } - .justify-content-md-around { - justify-content: space-around !important; - } - .justify-content-md-evenly { - justify-content: space-evenly !important; - } - .align-items-md-start { - align-items: flex-start !important; - } - .align-items-md-end { - align-items: flex-end !important; - } - .align-items-md-center { - align-items: center !important; - } - .align-items-md-baseline { - align-items: baseline !important; - } - .align-items-md-stretch { - align-items: stretch !important; - } - .align-content-md-start { - align-content: flex-start !important; - } - .align-content-md-end { - align-content: flex-end !important; - } - .align-content-md-center { - align-content: center !important; - } - .align-content-md-between { - align-content: space-between !important; - } - .align-content-md-around { - align-content: space-around !important; - } - .align-content-md-stretch { - align-content: stretch !important; - } - .align-self-md-auto { - align-self: auto !important; - } - .align-self-md-start { - align-self: flex-start !important; - } - .align-self-md-end { - align-self: flex-end !important; - } - .align-self-md-center { - align-self: center !important; - } - .align-self-md-baseline { - align-self: baseline !important; - } - .align-self-md-stretch { - align-self: stretch !important; - } - .order-md-first { - order: -1 !important; - } - .order-md-0 { - order: 0 !important; - } - .order-md-1 { - order: 1 !important; - } - .order-md-2 { - order: 2 !important; - } - .order-md-3 { - order: 3 !important; - } - .order-md-4 { - order: 4 !important; - } - .order-md-5 { - order: 5 !important; - } - .order-md-last { - order: 6 !important; - } - .m-md-0 { - margin: 0 !important; - } - .m-md-1 { - margin: 0.25rem !important; - } - .m-md-2 { - margin: 0.5rem !important; - } - .m-md-3 { - margin: 1rem !important; - } - .m-md-4 { - margin: 1.5rem !important; - } - .m-md-5 { - margin: 3rem !important; - } - .m-md-auto { - margin: auto !important; - } - .mx-md-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-md-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-md-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-md-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-md-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-md-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-md-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-md-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-md-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-md-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-md-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-md-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-md-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-md-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-md-0 { - margin-top: 0 !important; - } - .mt-md-1 { - margin-top: 0.25rem !important; - } - .mt-md-2 { - margin-top: 0.5rem !important; - } - .mt-md-3 { - margin-top: 1rem !important; - } - .mt-md-4 { - margin-top: 1.5rem !important; - } - .mt-md-5 { - margin-top: 3rem !important; - } - .mt-md-auto { - margin-top: auto !important; - } - .me-md-0 { - margin-right: 0 !important; - } - .me-md-1 { - margin-right: 0.25rem !important; - } - .me-md-2 { - margin-right: 0.5rem !important; - } - .me-md-3 { - margin-right: 1rem !important; - } - .me-md-4 { - margin-right: 1.5rem !important; - } - .me-md-5 { - margin-right: 3rem !important; - } - .me-md-auto { - margin-right: auto !important; - } - .mb-md-0 { - margin-bottom: 0 !important; - } - .mb-md-1 { - margin-bottom: 0.25rem !important; - } - .mb-md-2 { - margin-bottom: 0.5rem !important; - } - .mb-md-3 { - margin-bottom: 1rem !important; - } - .mb-md-4 { - margin-bottom: 1.5rem !important; - } - .mb-md-5 { - margin-bottom: 3rem !important; - } - .mb-md-auto { - margin-bottom: auto !important; - } - .ms-md-0 { - margin-left: 0 !important; - } - .ms-md-1 { - margin-left: 0.25rem !important; - } - .ms-md-2 { - margin-left: 0.5rem !important; - } - .ms-md-3 { - margin-left: 1rem !important; - } - .ms-md-4 { - margin-left: 1.5rem !important; - } - .ms-md-5 { - margin-left: 3rem !important; - } - .ms-md-auto { - margin-left: auto !important; - } - .p-md-0 { - padding: 0 !important; - } - .p-md-1 { - padding: 0.25rem !important; - } - .p-md-2 { - padding: 0.5rem !important; - } - .p-md-3 { - padding: 1rem !important; - } - .p-md-4 { - padding: 1.5rem !important; - } - .p-md-5 { - padding: 3rem !important; - } - .px-md-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-md-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-md-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-md-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-md-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-md-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-md-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-md-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-md-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-md-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-md-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-md-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-md-0 { - padding-top: 0 !important; - } - .pt-md-1 { - padding-top: 0.25rem !important; - } - .pt-md-2 { - padding-top: 0.5rem !important; - } - .pt-md-3 { - padding-top: 1rem !important; - } - .pt-md-4 { - padding-top: 1.5rem !important; - } - .pt-md-5 { - padding-top: 3rem !important; - } - .pe-md-0 { - padding-right: 0 !important; - } - .pe-md-1 { - padding-right: 0.25rem !important; - } - .pe-md-2 { - padding-right: 0.5rem !important; - } - .pe-md-3 { - padding-right: 1rem !important; - } - .pe-md-4 { - padding-right: 1.5rem !important; - } - .pe-md-5 { - padding-right: 3rem !important; - } - .pb-md-0 { - padding-bottom: 0 !important; - } - .pb-md-1 { - padding-bottom: 0.25rem !important; - } - .pb-md-2 { - padding-bottom: 0.5rem !important; - } - .pb-md-3 { - padding-bottom: 1rem !important; - } - .pb-md-4 { - padding-bottom: 1.5rem !important; - } - .pb-md-5 { - padding-bottom: 3rem !important; - } - .ps-md-0 { - padding-left: 0 !important; - } - .ps-md-1 { - padding-left: 0.25rem !important; - } - .ps-md-2 { - padding-left: 0.5rem !important; - } - .ps-md-3 { - padding-left: 1rem !important; - } - .ps-md-4 { - padding-left: 1.5rem !important; - } - .ps-md-5 { - padding-left: 3rem !important; - } - .gap-md-0 { - gap: 0 !important; - } - .gap-md-1 { - gap: 0.25rem !important; - } - .gap-md-2 { - gap: 0.5rem !important; - } - .gap-md-3 { - gap: 1rem !important; - } - .gap-md-4 { - gap: 1.5rem !important; - } - .gap-md-5 { - gap: 3rem !important; - } - .text-md-start { - text-align: left !important; - } - .text-md-end { - text-align: right !important; - } - .text-md-center { - text-align: center !important; - } - } - @media (min-width: 992px) { - .float-lg-start { - float: left !important; - } - .float-lg-end { - float: right !important; - } - .float-lg-none { - float: none !important; - } - .d-lg-inline { - display: inline !important; - } - .d-lg-inline-block { - display: inline-block !important; - } - .d-lg-block { - display: block !important; - } - .d-lg-grid { - display: grid !important; - } - .d-lg-table { - display: table !important; - } - .d-lg-table-row { - display: table-row !important; - } - .d-lg-table-cell { - display: table-cell !important; - } - .d-lg-flex { - display: flex !important; - } - .d-lg-inline-flex { - display: inline-flex !important; - } - .d-lg-none { - display: none !important; - } - .flex-lg-fill { - flex: 1 1 auto !important; - } - .flex-lg-row { - flex-direction: row !important; - } - .flex-lg-column { - flex-direction: column !important; - } - .flex-lg-row-reverse { - flex-direction: row-reverse !important; - } - .flex-lg-column-reverse { - flex-direction: column-reverse !important; - } - .flex-lg-grow-0 { - flex-grow: 0 !important; - } - .flex-lg-grow-1 { - flex-grow: 1 !important; - } - .flex-lg-shrink-0 { - flex-shrink: 0 !important; - } - .flex-lg-shrink-1 { - flex-shrink: 1 !important; - } - .flex-lg-wrap { - flex-wrap: wrap !important; - } - .flex-lg-nowrap { - flex-wrap: nowrap !important; - } - .flex-lg-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-lg-start { - justify-content: flex-start !important; - } - .justify-content-lg-end { - justify-content: flex-end !important; - } - .justify-content-lg-center { - justify-content: center !important; - } - .justify-content-lg-between { - justify-content: space-between !important; - } - .justify-content-lg-around { - justify-content: space-around !important; - } - .justify-content-lg-evenly { - justify-content: space-evenly !important; - } - .align-items-lg-start { - align-items: flex-start !important; - } - .align-items-lg-end { - align-items: flex-end !important; - } - .align-items-lg-center { - align-items: center !important; - } - .align-items-lg-baseline { - align-items: baseline !important; - } - .align-items-lg-stretch { - align-items: stretch !important; - } - .align-content-lg-start { - align-content: flex-start !important; - } - .align-content-lg-end { - align-content: flex-end !important; - } - .align-content-lg-center { - align-content: center !important; - } - .align-content-lg-between { - align-content: space-between !important; - } - .align-content-lg-around { - align-content: space-around !important; - } - .align-content-lg-stretch { - align-content: stretch !important; - } - .align-self-lg-auto { - align-self: auto !important; - } - .align-self-lg-start { - align-self: flex-start !important; - } - .align-self-lg-end { - align-self: flex-end !important; - } - .align-self-lg-center { - align-self: center !important; - } - .align-self-lg-baseline { - align-self: baseline !important; - } - .align-self-lg-stretch { - align-self: stretch !important; - } - .order-lg-first { - order: -1 !important; - } - .order-lg-0 { - order: 0 !important; - } - .order-lg-1 { - order: 1 !important; - } - .order-lg-2 { - order: 2 !important; - } - .order-lg-3 { - order: 3 !important; - } - .order-lg-4 { - order: 4 !important; - } - .order-lg-5 { - order: 5 !important; - } - .order-lg-last { - order: 6 !important; - } - .m-lg-0 { - margin: 0 !important; - } - .m-lg-1 { - margin: 0.25rem !important; - } - .m-lg-2 { - margin: 0.5rem !important; - } - .m-lg-3 { - margin: 1rem !important; - } - .m-lg-4 { - margin: 1.5rem !important; - } - .m-lg-5 { - margin: 3rem !important; - } - .m-lg-auto { - margin: auto !important; - } - .mx-lg-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-lg-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-lg-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-lg-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-lg-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-lg-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-lg-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-lg-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-lg-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-lg-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-lg-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-lg-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-lg-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-lg-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-lg-0 { - margin-top: 0 !important; - } - .mt-lg-1 { - margin-top: 0.25rem !important; - } - .mt-lg-2 { - margin-top: 0.5rem !important; - } - .mt-lg-3 { - margin-top: 1rem !important; - } - .mt-lg-4 { - margin-top: 1.5rem !important; - } - .mt-lg-5 { - margin-top: 3rem !important; - } - .mt-lg-auto { - margin-top: auto !important; - } - .me-lg-0 { - margin-right: 0 !important; - } - .me-lg-1 { - margin-right: 0.25rem !important; - } - .me-lg-2 { - margin-right: 0.5rem !important; - } - .me-lg-3 { - margin-right: 1rem !important; - } - .me-lg-4 { - margin-right: 1.5rem !important; - } - .me-lg-5 { - margin-right: 3rem !important; - } - .me-lg-auto { - margin-right: auto !important; - } - .mb-lg-0 { - margin-bottom: 0 !important; - } - .mb-lg-1 { - margin-bottom: 0.25rem !important; - } - .mb-lg-2 { - margin-bottom: 0.5rem !important; - } - .mb-lg-3 { - margin-bottom: 1rem !important; - } - .mb-lg-4 { - margin-bottom: 1.5rem !important; - } - .mb-lg-5 { - margin-bottom: 3rem !important; - } - .mb-lg-auto { - margin-bottom: auto !important; - } - .ms-lg-0 { - margin-left: 0 !important; - } - .ms-lg-1 { - margin-left: 0.25rem !important; - } - .ms-lg-2 { - margin-left: 0.5rem !important; - } - .ms-lg-3 { - margin-left: 1rem !important; - } - .ms-lg-4 { - margin-left: 1.5rem !important; - } - .ms-lg-5 { - margin-left: 3rem !important; - } - .ms-lg-auto { - margin-left: auto !important; - } - .p-lg-0 { - padding: 0 !important; - } - .p-lg-1 { - padding: 0.25rem !important; - } - .p-lg-2 { - padding: 0.5rem !important; - } - .p-lg-3 { - padding: 1rem !important; - } - .p-lg-4 { - padding: 1.5rem !important; - } - .p-lg-5 { - padding: 3rem !important; - } - .px-lg-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-lg-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-lg-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-lg-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-lg-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-lg-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-lg-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-lg-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-lg-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-lg-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-lg-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-lg-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-lg-0 { - padding-top: 0 !important; - } - .pt-lg-1 { - padding-top: 0.25rem !important; - } - .pt-lg-2 { - padding-top: 0.5rem !important; - } - .pt-lg-3 { - padding-top: 1rem !important; - } - .pt-lg-4 { - padding-top: 1.5rem !important; - } - .pt-lg-5 { - padding-top: 3rem !important; - } - .pe-lg-0 { - padding-right: 0 !important; - } - .pe-lg-1 { - padding-right: 0.25rem !important; - } - .pe-lg-2 { - padding-right: 0.5rem !important; - } - .pe-lg-3 { - padding-right: 1rem !important; - } - .pe-lg-4 { - padding-right: 1.5rem !important; - } - .pe-lg-5 { - padding-right: 3rem !important; - } - .pb-lg-0 { - padding-bottom: 0 !important; - } - .pb-lg-1 { - padding-bottom: 0.25rem !important; - } - .pb-lg-2 { - padding-bottom: 0.5rem !important; - } - .pb-lg-3 { - padding-bottom: 1rem !important; - } - .pb-lg-4 { - padding-bottom: 1.5rem !important; - } - .pb-lg-5 { - padding-bottom: 3rem !important; - } - .ps-lg-0 { - padding-left: 0 !important; - } - .ps-lg-1 { - padding-left: 0.25rem !important; - } - .ps-lg-2 { - padding-left: 0.5rem !important; - } - .ps-lg-3 { - padding-left: 1rem !important; - } - .ps-lg-4 { - padding-left: 1.5rem !important; - } - .ps-lg-5 { - padding-left: 3rem !important; - } - .gap-lg-0 { - gap: 0 !important; - } - .gap-lg-1 { - gap: 0.25rem !important; - } - .gap-lg-2 { - gap: 0.5rem !important; - } - .gap-lg-3 { - gap: 1rem !important; - } - .gap-lg-4 { - gap: 1.5rem !important; - } - .gap-lg-5 { - gap: 3rem !important; - } - .text-lg-start { - text-align: left !important; - } - .text-lg-end { - text-align: right !important; - } - .text-lg-center { - text-align: center !important; - } - } - @media (min-width: 1200px) { - .float-xl-start { - float: left !important; - } - .float-xl-end { - float: right !important; - } - .float-xl-none { - float: none !important; - } - .d-xl-inline { - display: inline !important; - } - .d-xl-inline-block { - display: inline-block !important; - } - .d-xl-block { - display: block !important; - } - .d-xl-grid { - display: grid !important; - } - .d-xl-table { - display: table !important; - } - .d-xl-table-row { - display: table-row !important; - } - .d-xl-table-cell { - display: table-cell !important; - } - .d-xl-flex { - display: flex !important; - } - .d-xl-inline-flex { - display: inline-flex !important; - } - .d-xl-none { - display: none !important; - } - .flex-xl-fill { - flex: 1 1 auto !important; - } - .flex-xl-row { - flex-direction: row !important; - } - .flex-xl-column { - flex-direction: column !important; - } - .flex-xl-row-reverse { - flex-direction: row-reverse !important; - } - .flex-xl-column-reverse { - flex-direction: column-reverse !important; - } - .flex-xl-grow-0 { - flex-grow: 0 !important; - } - .flex-xl-grow-1 { - flex-grow: 1 !important; - } - .flex-xl-shrink-0 { - flex-shrink: 0 !important; - } - .flex-xl-shrink-1 { - flex-shrink: 1 !important; - } - .flex-xl-wrap { - flex-wrap: wrap !important; - } - .flex-xl-nowrap { - flex-wrap: nowrap !important; - } - .flex-xl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-xl-start { - justify-content: flex-start !important; - } - .justify-content-xl-end { - justify-content: flex-end !important; - } - .justify-content-xl-center { - justify-content: center !important; - } - .justify-content-xl-between { - justify-content: space-between !important; - } - .justify-content-xl-around { - justify-content: space-around !important; - } - .justify-content-xl-evenly { - justify-content: space-evenly !important; - } - .align-items-xl-start { - align-items: flex-start !important; - } - .align-items-xl-end { - align-items: flex-end !important; - } - .align-items-xl-center { - align-items: center !important; - } - .align-items-xl-baseline { - align-items: baseline !important; - } - .align-items-xl-stretch { - align-items: stretch !important; - } - .align-content-xl-start { - align-content: flex-start !important; - } - .align-content-xl-end { - align-content: flex-end !important; - } - .align-content-xl-center { - align-content: center !important; - } - .align-content-xl-between { - align-content: space-between !important; - } - .align-content-xl-around { - align-content: space-around !important; - } - .align-content-xl-stretch { - align-content: stretch !important; - } - .align-self-xl-auto { - align-self: auto !important; - } - .align-self-xl-start { - align-self: flex-start !important; - } - .align-self-xl-end { - align-self: flex-end !important; - } - .align-self-xl-center { - align-self: center !important; - } - .align-self-xl-baseline { - align-self: baseline !important; - } - .align-self-xl-stretch { - align-self: stretch !important; - } - .order-xl-first { - order: -1 !important; - } - .order-xl-0 { - order: 0 !important; - } - .order-xl-1 { - order: 1 !important; - } - .order-xl-2 { - order: 2 !important; - } - .order-xl-3 { - order: 3 !important; - } - .order-xl-4 { - order: 4 !important; - } - .order-xl-5 { - order: 5 !important; - } - .order-xl-last { - order: 6 !important; - } - .m-xl-0 { - margin: 0 !important; - } - .m-xl-1 { - margin: 0.25rem !important; - } - .m-xl-2 { - margin: 0.5rem !important; - } - .m-xl-3 { - margin: 1rem !important; - } - .m-xl-4 { - margin: 1.5rem !important; - } - .m-xl-5 { - margin: 3rem !important; - } - .m-xl-auto { - margin: auto !important; - } - .mx-xl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-xl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-xl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-xl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-xl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-xl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-xl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-xl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-xl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-xl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-xl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-xl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-xl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-xl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-xl-0 { - margin-top: 0 !important; - } - .mt-xl-1 { - margin-top: 0.25rem !important; - } - .mt-xl-2 { - margin-top: 0.5rem !important; - } - .mt-xl-3 { - margin-top: 1rem !important; - } - .mt-xl-4 { - margin-top: 1.5rem !important; - } - .mt-xl-5 { - margin-top: 3rem !important; - } - .mt-xl-auto { - margin-top: auto !important; - } - .me-xl-0 { - margin-right: 0 !important; - } - .me-xl-1 { - margin-right: 0.25rem !important; - } - .me-xl-2 { - margin-right: 0.5rem !important; - } - .me-xl-3 { - margin-right: 1rem !important; - } - .me-xl-4 { - margin-right: 1.5rem !important; - } - .me-xl-5 { - margin-right: 3rem !important; - } - .me-xl-auto { - margin-right: auto !important; - } - .mb-xl-0 { - margin-bottom: 0 !important; - } - .mb-xl-1 { - margin-bottom: 0.25rem !important; - } - .mb-xl-2 { - margin-bottom: 0.5rem !important; - } - .mb-xl-3 { - margin-bottom: 1rem !important; - } - .mb-xl-4 { - margin-bottom: 1.5rem !important; - } - .mb-xl-5 { - margin-bottom: 3rem !important; - } - .mb-xl-auto { - margin-bottom: auto !important; - } - .ms-xl-0 { - margin-left: 0 !important; - } - .ms-xl-1 { - margin-left: 0.25rem !important; - } - .ms-xl-2 { - margin-left: 0.5rem !important; - } - .ms-xl-3 { - margin-left: 1rem !important; - } - .ms-xl-4 { - margin-left: 1.5rem !important; - } - .ms-xl-5 { - margin-left: 3rem !important; - } - .ms-xl-auto { - margin-left: auto !important; - } - .p-xl-0 { - padding: 0 !important; - } - .p-xl-1 { - padding: 0.25rem !important; - } - .p-xl-2 { - padding: 0.5rem !important; - } - .p-xl-3 { - padding: 1rem !important; - } - .p-xl-4 { - padding: 1.5rem !important; - } - .p-xl-5 { - padding: 3rem !important; - } - .px-xl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-xl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-xl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-xl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-xl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-xl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-xl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-xl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-xl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-xl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-xl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-xl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-xl-0 { - padding-top: 0 !important; - } - .pt-xl-1 { - padding-top: 0.25rem !important; - } - .pt-xl-2 { - padding-top: 0.5rem !important; - } - .pt-xl-3 { - padding-top: 1rem !important; - } - .pt-xl-4 { - padding-top: 1.5rem !important; - } - .pt-xl-5 { - padding-top: 3rem !important; - } - .pe-xl-0 { - padding-right: 0 !important; - } - .pe-xl-1 { - padding-right: 0.25rem !important; - } - .pe-xl-2 { - padding-right: 0.5rem !important; - } - .pe-xl-3 { - padding-right: 1rem !important; - } - .pe-xl-4 { - padding-right: 1.5rem !important; - } - .pe-xl-5 { - padding-right: 3rem !important; - } - .pb-xl-0 { - padding-bottom: 0 !important; - } - .pb-xl-1 { - padding-bottom: 0.25rem !important; - } - .pb-xl-2 { - padding-bottom: 0.5rem !important; - } - .pb-xl-3 { - padding-bottom: 1rem !important; - } - .pb-xl-4 { - padding-bottom: 1.5rem !important; - } - .pb-xl-5 { - padding-bottom: 3rem !important; - } - .ps-xl-0 { - padding-left: 0 !important; - } - .ps-xl-1 { - padding-left: 0.25rem !important; - } - .ps-xl-2 { - padding-left: 0.5rem !important; - } - .ps-xl-3 { - padding-left: 1rem !important; - } - .ps-xl-4 { - padding-left: 1.5rem !important; - } - .ps-xl-5 { - padding-left: 3rem !important; - } - .gap-xl-0 { - gap: 0 !important; - } - .gap-xl-1 { - gap: 0.25rem !important; - } - .gap-xl-2 { - gap: 0.5rem !important; - } - .gap-xl-3 { - gap: 1rem !important; - } - .gap-xl-4 { - gap: 1.5rem !important; - } - .gap-xl-5 { - gap: 3rem !important; - } - .text-xl-start { - text-align: left !important; - } - .text-xl-end { - text-align: right !important; - } - .text-xl-center { - text-align: center !important; - } - } - @media (min-width: 1400px) { - .float-xxl-start { - float: left !important; - } - .float-xxl-end { - float: right !important; - } - .float-xxl-none { - float: none !important; - } - .d-xxl-inline { - display: inline !important; - } - .d-xxl-inline-block { - display: inline-block !important; - } - .d-xxl-block { - display: block !important; - } - .d-xxl-grid { - display: grid !important; - } - .d-xxl-table { - display: table !important; - } - .d-xxl-table-row { - display: table-row !important; - } - .d-xxl-table-cell { - display: table-cell !important; - } - .d-xxl-flex { - display: flex !important; - } - .d-xxl-inline-flex { - display: inline-flex !important; - } - .d-xxl-none { - display: none !important; - } - .flex-xxl-fill { - flex: 1 1 auto !important; - } - .flex-xxl-row { - flex-direction: row !important; - } - .flex-xxl-column { - flex-direction: column !important; - } - .flex-xxl-row-reverse { - flex-direction: row-reverse !important; - } - .flex-xxl-column-reverse { - flex-direction: column-reverse !important; - } - .flex-xxl-grow-0 { - flex-grow: 0 !important; - } - .flex-xxl-grow-1 { - flex-grow: 1 !important; - } - .flex-xxl-shrink-0 { - flex-shrink: 0 !important; - } - .flex-xxl-shrink-1 { - flex-shrink: 1 !important; - } - .flex-xxl-wrap { - flex-wrap: wrap !important; - } - .flex-xxl-nowrap { - flex-wrap: nowrap !important; - } - .flex-xxl-wrap-reverse { - flex-wrap: wrap-reverse !important; - } - .justify-content-xxl-start { - justify-content: flex-start !important; - } - .justify-content-xxl-end { - justify-content: flex-end !important; - } - .justify-content-xxl-center { - justify-content: center !important; - } - .justify-content-xxl-between { - justify-content: space-between !important; - } - .justify-content-xxl-around { - justify-content: space-around !important; - } - .justify-content-xxl-evenly { - justify-content: space-evenly !important; - } - .align-items-xxl-start { - align-items: flex-start !important; - } - .align-items-xxl-end { - align-items: flex-end !important; - } - .align-items-xxl-center { - align-items: center !important; - } - .align-items-xxl-baseline { - align-items: baseline !important; - } - .align-items-xxl-stretch { - align-items: stretch !important; - } - .align-content-xxl-start { - align-content: flex-start !important; - } - .align-content-xxl-end { - align-content: flex-end !important; - } - .align-content-xxl-center { - align-content: center !important; - } - .align-content-xxl-between { - align-content: space-between !important; - } - .align-content-xxl-around { - align-content: space-around !important; - } - .align-content-xxl-stretch { - align-content: stretch !important; - } - .align-self-xxl-auto { - align-self: auto !important; - } - .align-self-xxl-start { - align-self: flex-start !important; - } - .align-self-xxl-end { - align-self: flex-end !important; - } - .align-self-xxl-center { - align-self: center !important; - } - .align-self-xxl-baseline { - align-self: baseline !important; - } - .align-self-xxl-stretch { - align-self: stretch !important; - } - .order-xxl-first { - order: -1 !important; - } - .order-xxl-0 { - order: 0 !important; - } - .order-xxl-1 { - order: 1 !important; - } - .order-xxl-2 { - order: 2 !important; - } - .order-xxl-3 { - order: 3 !important; - } - .order-xxl-4 { - order: 4 !important; - } - .order-xxl-5 { - order: 5 !important; - } - .order-xxl-last { - order: 6 !important; - } - .m-xxl-0 { - margin: 0 !important; - } - .m-xxl-1 { - margin: 0.25rem !important; - } - .m-xxl-2 { - margin: 0.5rem !important; - } - .m-xxl-3 { - margin: 1rem !important; - } - .m-xxl-4 { - margin: 1.5rem !important; - } - .m-xxl-5 { - margin: 3rem !important; - } - .m-xxl-auto { - margin: auto !important; - } - .mx-xxl-0 { - margin-right: 0 !important; - margin-left: 0 !important; - } - .mx-xxl-1 { - margin-right: 0.25rem !important; - margin-left: 0.25rem !important; - } - .mx-xxl-2 { - margin-right: 0.5rem !important; - margin-left: 0.5rem !important; - } - .mx-xxl-3 { - margin-right: 1rem !important; - margin-left: 1rem !important; - } - .mx-xxl-4 { - margin-right: 1.5rem !important; - margin-left: 1.5rem !important; - } - .mx-xxl-5 { - margin-right: 3rem !important; - margin-left: 3rem !important; - } - .mx-xxl-auto { - margin-right: auto !important; - margin-left: auto !important; - } - .my-xxl-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; - } - .my-xxl-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; - } - .my-xxl-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; - } - .my-xxl-3 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; - } - .my-xxl-4 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; - } - .my-xxl-5 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; - } - .my-xxl-auto { - margin-top: auto !important; - margin-bottom: auto !important; - } - .mt-xxl-0 { - margin-top: 0 !important; - } - .mt-xxl-1 { - margin-top: 0.25rem !important; - } - .mt-xxl-2 { - margin-top: 0.5rem !important; - } - .mt-xxl-3 { - margin-top: 1rem !important; - } - .mt-xxl-4 { - margin-top: 1.5rem !important; - } - .mt-xxl-5 { - margin-top: 3rem !important; - } - .mt-xxl-auto { - margin-top: auto !important; - } - .me-xxl-0 { - margin-right: 0 !important; - } - .me-xxl-1 { - margin-right: 0.25rem !important; - } - .me-xxl-2 { - margin-right: 0.5rem !important; - } - .me-xxl-3 { - margin-right: 1rem !important; - } - .me-xxl-4 { - margin-right: 1.5rem !important; - } - .me-xxl-5 { - margin-right: 3rem !important; - } - .me-xxl-auto { - margin-right: auto !important; - } - .mb-xxl-0 { - margin-bottom: 0 !important; - } - .mb-xxl-1 { - margin-bottom: 0.25rem !important; - } - .mb-xxl-2 { - margin-bottom: 0.5rem !important; - } - .mb-xxl-3 { - margin-bottom: 1rem !important; - } - .mb-xxl-4 { - margin-bottom: 1.5rem !important; - } - .mb-xxl-5 { - margin-bottom: 3rem !important; - } - .mb-xxl-auto { - margin-bottom: auto !important; - } - .ms-xxl-0 { - margin-left: 0 !important; - } - .ms-xxl-1 { - margin-left: 0.25rem !important; - } - .ms-xxl-2 { - margin-left: 0.5rem !important; - } - .ms-xxl-3 { - margin-left: 1rem !important; - } - .ms-xxl-4 { - margin-left: 1.5rem !important; - } - .ms-xxl-5 { - margin-left: 3rem !important; - } - .ms-xxl-auto { - margin-left: auto !important; - } - .p-xxl-0 { - padding: 0 !important; - } - .p-xxl-1 { - padding: 0.25rem !important; - } - .p-xxl-2 { - padding: 0.5rem !important; - } - .p-xxl-3 { - padding: 1rem !important; - } - .p-xxl-4 { - padding: 1.5rem !important; - } - .p-xxl-5 { - padding: 3rem !important; - } - .px-xxl-0 { - padding-right: 0 !important; - padding-left: 0 !important; - } - .px-xxl-1 { - padding-right: 0.25rem !important; - padding-left: 0.25rem !important; - } - .px-xxl-2 { - padding-right: 0.5rem !important; - padding-left: 0.5rem !important; - } - .px-xxl-3 { - padding-right: 1rem !important; - padding-left: 1rem !important; - } - .px-xxl-4 { - padding-right: 1.5rem !important; - padding-left: 1.5rem !important; - } - .px-xxl-5 { - padding-right: 3rem !important; - padding-left: 3rem !important; - } - .py-xxl-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; - } - .py-xxl-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; - } - .py-xxl-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; - } - .py-xxl-3 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; - } - .py-xxl-4 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; - } - .py-xxl-5 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; - } - .pt-xxl-0 { - padding-top: 0 !important; - } - .pt-xxl-1 { - padding-top: 0.25rem !important; - } - .pt-xxl-2 { - padding-top: 0.5rem !important; - } - .pt-xxl-3 { - padding-top: 1rem !important; - } - .pt-xxl-4 { - padding-top: 1.5rem !important; - } - .pt-xxl-5 { - padding-top: 3rem !important; - } - .pe-xxl-0 { - padding-right: 0 !important; - } - .pe-xxl-1 { - padding-right: 0.25rem !important; - } - .pe-xxl-2 { - padding-right: 0.5rem !important; - } - .pe-xxl-3 { - padding-right: 1rem !important; - } - .pe-xxl-4 { - padding-right: 1.5rem !important; - } - .pe-xxl-5 { - padding-right: 3rem !important; - } - .pb-xxl-0 { - padding-bottom: 0 !important; - } - .pb-xxl-1 { - padding-bottom: 0.25rem !important; - } - .pb-xxl-2 { - padding-bottom: 0.5rem !important; - } - .pb-xxl-3 { - padding-bottom: 1rem !important; - } - .pb-xxl-4 { - padding-bottom: 1.5rem !important; - } - .pb-xxl-5 { - padding-bottom: 3rem !important; - } - .ps-xxl-0 { - padding-left: 0 !important; - } - .ps-xxl-1 { - padding-left: 0.25rem !important; - } - .ps-xxl-2 { - padding-left: 0.5rem !important; - } - .ps-xxl-3 { - padding-left: 1rem !important; - } - .ps-xxl-4 { - padding-left: 1.5rem !important; - } - .ps-xxl-5 { - padding-left: 3rem !important; - } - .gap-xxl-0 { - gap: 0 !important; - } - .gap-xxl-1 { - gap: 0.25rem !important; - } - .gap-xxl-2 { - gap: 0.5rem !important; - } - .gap-xxl-3 { - gap: 1rem !important; - } - .gap-xxl-4 { - gap: 1.5rem !important; - } - .gap-xxl-5 { - gap: 3rem !important; - } - .text-xxl-start { - text-align: left !important; - } - .text-xxl-end { - text-align: right !important; - } - .text-xxl-center { - text-align: center !important; - } - } - @media (min-width: 1200px) { - .fs-1 { - font-size: 2.1875rem !important; - } - .fs-2 { - font-size: 1.75rem !important; - } - .fs-3 { - font-size: 1.53125rem !important; - } - .fs-4 { - font-size: 1.3125rem !important; - } - } - @media print { - .d-print-inline { - display: inline !important; - } - .d-print-inline-block { - display: inline-block !important; - } - .d-print-block { - display: block !important; - } - .d-print-grid { - display: grid !important; - } - .d-print-table { - display: table !important; - } - .d-print-table-row { - display: table-row !important; - } - .d-print-table-cell { - display: table-cell !important; - } - .d-print-flex { - display: flex !important; - } - .d-print-inline-flex { - display: inline-flex !important; - } - .d-print-none { - display: none !important; - } - } - html, html a, body { - -webkit-font-smoothing: antialiased; - } - - a { - transition: all 0.3s ease-in-out; - text-decoration: none; - } - - body { - font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; - font-size: 14px; - color: #72777a; - line-height: 1.5; - letter-spacing: 0.2px; - overflow-x: hidden; - } - - h1, .h1, - h2, - .h2, - h3, - .h3, - h4, - .h4, - h5, - .h5, - h6, - .h6 { - font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; - letter-spacing: 0.5px; - line-height: 1.5; - } - h1 a, .h1 a, - h2 a, - .h2 a, - h3 a, - .h3 a, - h4 a, - .h4 a, - h5 a, - .h5 a, - h6 a, - .h6 a { - font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; - } - h1 small, .h1 small, h1 .small, .h1 .small, - h2 small, - .h2 small, - h2 .small, - .h2 .small, - h3 small, - .h3 small, - h3 .small, - .h3 .small, - h4 small, - .h4 small, - h4 .small, - .h4 .small, - h5 small, - .h5 small, - h5 .small, - .h5 .small, - h6 small, - .h6 small, - h6 .small, - .h6 .small { - font-weight: 300; - color: #3d4142; - } - - p { - font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; - line-height: 1.9; - } - - .lead { - font-size: 18px; - } - - ul { - margin-bottom: 0; - } - - a { - color: #0f9aee; - } - a:hover, a:focus { - text-decoration: none; - color: #0c7bbe; - } - a:focus { - outline: none; - } - a.text-gray:hover, a.text-gray:focus, a.text-gray.active { - color: #313435 !important; - } - - :focus { - outline: none; - } - - hr { - border-top: 1px solid rgba(0, 0, 0, 0.0625); - } - - a.btn { - color: #fff; - } - - a.btn:hover { - color: #fff; - } - - .btn-color { - color: #fff; - } - - .btn-color:hover { - color: #fff; - } - - .sidebar { - background-color: #fff; - bottom: 0; - overflow: hidden; - position: fixed; - top: 0; - transition: all 0.2s ease; - width: 280px; - z-index: 1000; - } - .sidebar ul { - list-style-type: none; - } - @media screen and (min-width: 992px) and (max-width: 1439px) { - .sidebar { - width: 70px; - } - .sidebar .sidebar-inner .sidebar-logo { - border-bottom: 1px solid transparent; - padding: 0; - } - .sidebar .sidebar-inner .sidebar-logo a .logo { - background-position: center center; - width: 70px; - } - .sidebar .sidebar-inner .sidebar-menu { - overflow-x: hidden; - } - .sidebar .sidebar-inner .sidebar-menu > li > a .title { - display: none; - } - .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow { - opacity: 0; - } - .sidebar .sidebar-inner .sidebar-menu li.dropdown.open ul.dropdown-menu { - display: none !important; - } - .sidebar:hover { - width: 280px; - } - .sidebar:hover .sidebar-inner .sidebar-logo { - border-bottom: 1px solid rgba(0, 0, 0, 0.0625); - padding: 0 20px; - } - .sidebar:hover .sidebar-inner .sidebar-menu > li > a .title { - display: inline-block; - } - .sidebar:hover .sidebar-inner .sidebar-menu li.dropdown .arrow { - opacity: 1; - } - .sidebar:hover .sidebar-inner .sidebar-menu li.open > ul.dropdown-menu { - display: block !important; - } - } - @media screen and (max-width: 991px) { - .sidebar { - left: -280px; - width: calc(280px - 30px); - } - } - - .sidebar-inner { - position: relative; - height: 100%; - } - - .sidebar-logo { - border-bottom: 1px solid rgba(0, 0, 0, 0.0625); - border-right: 1px solid rgba(0, 0, 0, 0.0625); - line-height: 0; - padding: 0 20px; - transition: all 0.2s ease; - } - .sidebar-logo a { - display: inline-block; - width: 100%; - } - .sidebar-logo a .logo { - background-position: center left; - background-repeat: no-repeat; - display: inline-block; - min-height: calc(65px - 1px); - width: 100%; - width: 70px; - } - .sidebar-logo a .logo-text { - color: #313435; - } - .sidebar-logo .mobile-toggle { - display: none; - float: right; - font-size: 18px; - line-height: calc(65px - 1px); - } - .sidebar-logo .mobile-toggle a { - color: #72777a; - } - @media screen and (max-width: 991px) { - .sidebar-logo .mobile-toggle { - display: inline-block; - } - } - @media screen and (min-width: 992px) and (max-width: 1439px) { - .sidebar-logo .mobile-toggle { - display: none; - } - } - - .sidebar-menu { - border-right: 1px solid rgba(0, 0, 0, 0.0625); - height: calc(100vh - 65px); - list-style: none; - margin: 0; - overflow: auto; - padding: 0; - position: relative; - } - .sidebar-menu::after { - display: block; - clear: both; - content: ""; - } - .sidebar-menu .dropdown-toggle::after { + .offcanvas-sm .offcanvas-header { display: none; } - .sidebar-menu .sidebar-link.actived::before { - background: #2196f3; - border-radius: 50%; - content: ""; - display: block; - height: 8px; - left: -4px; - position: absolute; - top: calc(50% - 4px); - width: 8px; - } - .sidebar-menu li { - position: relative; - } - .sidebar-menu li.dropdown .arrow { - font-size: 10px; - line-height: 40px; - position: absolute; - right: 30px; - transition: all 0.05s ease-in; - } - @media screen and (max-width: 991px) { - .sidebar-menu li.dropdown .arrow { - right: 25px; - } - } - .sidebar-menu li.dropdown.open > a { - color: #313435; - } - .sidebar-menu li.dropdown.open > a .icon-holder { - color: #0f9aee; - } - .sidebar-menu li.dropdown.open > a > .arrow { - transform: rotate(90deg); - } - .sidebar-menu li.dropdown.open > .dropdown-menu { - display: block; - } - .sidebar-menu li.dropdown.open > .dropdown-menu .dropdown-menu { - padding-left: 20px; - } - .sidebar-menu li.dropdown.open > .dropdown-menu .arrow { - line-height: 25px; - } - .sidebar-menu li a { - color: #72777a; - transition: all 0.3s ease; - } - .sidebar-menu li a:hover, .sidebar-menu li a:focus { - color: #313435; - text-decoration: none; - } - .sidebar-menu li a:hover .icon-holder, .sidebar-menu li a:focus .icon-holder { - color: #0f9aee; - } - .sidebar-menu > li.dropdown ul.dropdown-menu { - background-color: transparent; - border-radius: 0; - border: 0; - box-shadow: none; - float: none; - padding-left: 50px; - padding-top: 0; - position: relative; - width: 100%; - } - .sidebar-menu > li.dropdown ul.dropdown-menu > li > a { - display: block; - padding: 10px 15px; - } - .sidebar-menu > li.dropdown ul.dropdown-menu > li > a:hover, .sidebar-menu > li.dropdown ul.dropdown-menu > li > a:focus { - background-color: transparent; - color: #313435; - } - .sidebar-menu > li.dropdown ul.dropdown-menu > li.actived a { - color: #313435; - } - .sidebar-menu > li > a { - display: block; - font-size: 15px; - font-weight: 500; - padding: 5px 15px; - position: relative; - white-space: nowrap; - } - .sidebar-menu > li > a .icon-holder { - border-radius: 6px; - display: inline-block; - font-size: 17px; - height: 35px; - left: 0; - line-height: 35px; - margin-right: 14px; - position: relative; - text-align: center; - transition: all 0.3s ease; - width: 35px; - } - - @media screen and (min-width: 1440px) { - .is-collapsed .sidebar { - width: 70px; - } - .is-collapsed .sidebar .sidebar-inner .sidebar-logo { - border-bottom: 1px solid transparent; - padding: 0; - } - .is-collapsed .sidebar .sidebar-inner .sidebar-menu { - overflow-x: hidden; - } - .is-collapsed .sidebar .sidebar-inner .sidebar-menu > li > a .title { - display: none; - } - .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow { - opacity: 0; - } - .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown.open ul.dropdown-menu { - display: none !important; - } - .is-collapsed .sidebar:hover { - width: 280px; - } - .is-collapsed .sidebar:hover .sidebar-inner .sidebar-logo { - border-bottom: 1px solid rgba(0, 0, 0, 0.0625); - padding: 0 20px; - } - .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu > li > a .title { - display: inline-block; - } - .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu li.dropdown .arrow { - opacity: 1; - } - .is-collapsed .sidebar:hover .sidebar-inner .sidebar-menu li.open > ul.dropdown-menu { - display: block !important; - } - } - @media screen and (min-width: 992px) and (max-width: 1439px) { - .is-collapsed .sidebar { - width: 280px; - } - .is-collapsed .sidebar .sidebar-inner .sidebar-logo { - border-bottom: 1px solid rgba(0, 0, 0, 0.0625); - padding: 0 20px; - } - .is-collapsed .sidebar .sidebar-inner .sidebar-logo > a .logo { - background-position: center left; - width: 150px; - } - .is-collapsed .sidebar .sidebar-inner .sidebar-menu > li > a .title { - display: inline-block; - } - .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.dropdown .arrow { - opacity: 1; - } - .is-collapsed .sidebar .sidebar-inner .sidebar-menu li.open > ul.dropdown-menu { - display: block !important; - } - } - @media screen and (max-width: 991px) { - .is-collapsed .sidebar { - left: 0; - } - } - - .header { - background-color: #fff; - border-bottom: 1px solid rgba(0, 0, 0, 0.0625); - display: block; - margin-bottom: 0; - padding: 0; - position: fixed; - transition: all 0.2s ease; - width: calc(100% - 280px); - z-index: 800; - } - @media screen and (max-width: 991px) { - .header { - width: 100%; - } - } - @media screen and (min-width: 992px) and (max-width: 1439px) { - .header { - width: calc(100% - 70px); - } - } - .header .header-container { - height: 65px; - } - .header .header-container::after { - display: block; - clear: both; - content: ""; - } - .header .header-container .nav-left, - .header .header-container .nav-right { - list-style: none; - margin-bottom: 0; - padding-left: 0; - position: relative; - } - .header .header-container .nav-left > li, - .header .header-container .nav-right > li { - float: left; - } - .header .header-container .nav-left > li > a, - .header .header-container .nav-right > li > a { - color: #72777a; - display: block; - line-height: 65px; - min-height: 65px; - padding: 0 15px; - transition: all 0.2s ease-in-out; - } - .header .header-container .nav-left > li > a i, - .header .header-container .nav-right > li > a i { - font-size: 17px; - } - .header .header-container .nav-left > li > a:hover, .header .header-container .nav-left > li > a:focus, - .header .header-container .nav-right > li > a:hover, - .header .header-container .nav-right > li > a:focus { - color: #313435; - text-decoration: none; - } - @media screen and (max-width: 991px) { - .header .header-container .nav-left > li > a, - .header .header-container .nav-right > li > a { - padding: 0 15px; - } - } - .header .header-container .nav-left .notifications, - .header .header-container .nav-right .notifications { - position: relative; - } - .header .header-container .nav-left .notifications .counter, - .header .header-container .nav-right .notifications .counter { - background-color: #ff3c7e; - border-radius: 50px; - color: #fff; - font-size: 10px; - line-height: 1; - padding: 3px 5.5px; - position: absolute; - right: 6px; - top: 12px; - } - .header .header-container .nav-left .notifications .dropdown-menu, - .header .header-container .nav-right .notifications .dropdown-menu { - min-width: 350px; - padding: 0; - } - @media screen and (max-width: 767px) { - .header .header-container .nav-left .notifications .dropdown-menu, - .header .header-container .nav-right .notifications .dropdown-menu { - max-width: 300px; - } - } - .header .header-container .dropdown-menu { - margin: 0; - transform-origin: top right; - transition: transform 0.15s ease-out; - } - .header .header-container .dropdown-menu .divider { - border-bottom: 1px solid rgba(0, 0, 0, 0.0625); - height: 1px; - overflow: hidden; - } - .header .header-container .dropdown-menu > li > a { - transition: all 0.2s ease-out; - } - .header .header-container .show .dropdown-menu { - transform: scale(1, 1); - } - .header .header-container .nav-left { - float: left; - margin-left: 15px; - } - .header .header-container .nav-right { - float: right; - } - .header .header-container .nav-right .dropdown-menu { - left: auto; - right: 0; - } - .header .header-container .nav-right .dropdown-menu > li { - width: 100%; - } - .header .header-container .nav-right .dropdown-menu > li > a { - line-height: 1.5; - min-height: auto; - padding: 10px 15px; - } - .header .search-box .search-icon-close { - display: none; - } - .header .search-box.active .search-icon { - display: none; - } - .header .search-box.active .search-icon-close { - display: inline-block; - } - .header .search-input { - display: none; - } - .header .search-input.active { - display: inline-block; - } - .header .search-input input { - background-color: transparent; - border: 0; - box-shadow: none; - font-size: 18px; - height: 40px; - margin-top: 12px; - outline: none; - padding: 5px; - } - @media screen and (max-width: 767px) { - .header .search-input input { - width: 85px; - } - } - .header .search-input input::-webkit-input-placeholder { - color: #a6aaac; - font-style: italic; - } - .header .search-input input:-moz-placeholder { - color: #a6aaac; - font-style: italic; - } - .header .search-input input::-moz-placeholder { - color: #a6aaac; - font-style: italic; - } - .header .search-input input:-ms-input-placeholder { - color: #a6aaac; - font-style: italic; - } - - .is-collapsed .header { - width: calc(100% - 70px); - } - @media screen and (max-width: 991px) { - .is-collapsed .header { - width: 100%; - } - } - @media screen and (min-width: 992px) and (max-width: 1439px) { - .is-collapsed .header { - width: calc(100% - 280px); - } - } - - .page-container { - min-height: 100vh; - padding-left: 280px; - transition: all 0.2s ease; - } - @media screen and (min-width: 992px) and (max-width: 1439px) { - .page-container { - padding-left: 70px; - } - } - @media screen and (max-width: 991px) { - .page-container { - padding-left: 0; - } - } - - .main-content { - padding: 85px 20px 20px; - min-height: calc(100vh - 61px); - } - @media screen and (max-width: 991px) { - .main-content { - padding: 85px 5px 5px; - } - } - - .remain-height { - height: calc(100vh - 126px); - } - - .full-container { - left: 280px; - min-height: calc(100vh - 65px); - position: absolute; - right: 0; - top: 65px; - transition: all 0.2s ease; - } - @media screen and (min-width: 992px) and (max-width: 1439px) { - .full-container { - left: 0; - padding-left: 70px; - } - } - @media screen and (max-width: 991px) { - .full-container { - left: 0; - } - } - - .is-collapsed .page-container { - padding-left: 70px; - } - @media screen and (max-width: 991px) { - .is-collapsed .page-container { - padding-left: 0; - } - } - @media screen and (min-width: 992px) and (max-width: 1439px) { - .is-collapsed .page-container { - padding-left: 280px; - } - } - .is-collapsed .full-container { - left: 70px; - } - @media screen and (max-width: 991px) { - .is-collapsed .full-container { - left: 0; - } - } - @media screen and (min-width: 992px) and (max-width: 1439px) { - .is-collapsed .full-container { - left: 280px; - padding-left: 0; - } - } - - .progress { - height: 4px; - background-color: #eaeef3; - border-radius: 4px; - margin-bottom: 10px; - } - - .easy-pie-chart { - position: relative; - } - .easy-pie-chart span { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - line-height: 0; - } - - .checkbox label { - display: inline-block; - vertical-align: middle; - position: relative; - padding-left: 17px; - margin-bottom: 0; - } - - .checkbox label::before { - content: ""; - display: inline-block; - position: absolute; - width: 17px; - height: 17px; - left: 0; - top: 50%; - transform: translateY(-50%); - margin-left: -12px; - border: 1px solid #e6eaf0; - border-radius: 3px; - background-color: #ffffff; - transition: border 0.15s ease-in-out, color 0.15s ease-in-out; - } - - .checkbox label::after { - display: inline-block; - position: absolute; - width: 17px; - height: 17px; - text-align: center; - font-size: 10px !important; - line-height: 17px; - left: 0; - top: 50%; - transform: translateY(-50%); - margin-left: -12px; - color: #b9c2d0; - } - - .checkbox input[type=checkbox] { - opacity: 0; - z-index: 1; - } - - .checkbox input[type=checkbox]:focus + label::before { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - } - - .checkbox input[type=checkbox]:checked + label::after { - font-family: "FontAwesome"; - content: "\f00c"; - font-size: 13px; - } - - .checkbox input[type=checkbox]:disabled + label { - opacity: 0.65; - } - - .checkbox input[type=checkbox]:disabled + label::before { - background-color: #d3d9e3; - cursor: not-allowed; - } - - .checkbox.checkbox-circle label::before { - border-radius: 50%; - } - - .checkbox.checkbox-inline { - margin-top: 0; - } - - .checkbox-primary input[type=checkbox]:checked + label::before { - background-color: #7774e7; - border-color: #7774e7; - } - - .checkbox-primary input[type=checkbox]:checked + label::after { - color: #fff; - } - - .checkbox-danger input[type=checkbox]:checked + label::before { - background-color: #ff3c7e; - border-color: #ff3c7e; - } - - .checkbox-danger input[type=checkbox]:checked + label::after { - color: #ffffff; - } - - .checkbox-info input[type=checkbox]:checked + label::before { - background-color: #0f9aee; - border-color: #0f9aee; - } - - .checkbox-info input[type=checkbox]:checked + label::after { - color: #ffffff; - } - - .checkbox-warning input[type=checkbox]:checked + label::before { - background-color: #fc0; - border-color: #fc0; - } - - .checkbox-warning input[type=checkbox]:checked + label::after { - color: #ffffff; - } - - .checkbox-success input[type=checkbox]:checked + label::before { - background-color: #37c936; - border-color: #37c936; - } - - .checkbox-success input[type=checkbox]:checked + label::after { - color: #ffffff; - } - - .radio { - padding-left: 20px; - } - - .radio label { - display: inline-block; - vertical-align: middle; - position: relative; - padding-left: 5px; - } - - .radio label::before { - content: ""; - display: inline-block; - position: absolute; - width: 17px; - height: 17px; - left: 0; - margin-left: -20px; - border: 1px solid #cccccc; - border-radius: 50%; - background-color: #fff; - transition: border 0.15s ease-in-out; - } - - .radio label::after { - display: inline-block; - position: absolute; - content: " "; - width: 11px; - height: 11px; - left: 3px; - top: 3px; - margin-left: -20px; - border-radius: 50%; - background-color: #555555; - transform: scale(0, 0); - transition: transform 0.1s cubic-bezier(0.8, -0.33, 0.2, 1.33); - } - - .radio input[type=radio] { - opacity: 0; - z-index: 1; - } - - .radio input[type=radio]:focus + label::before { - outline: thin dotted; - outline: 5px auto -webkit-focus-ring-color; - outline-offset: -2px; - } - - .radio input[type=radio]:checked + label::after { - transform: scale(1, 1); - } - - .radio input[type=radio]:disabled + label { - opacity: 0.65; - } - - .radio input[type=radio]:disabled + label::before { - cursor: not-allowed; - } - - .radio.radio-inline { - margin-top: 0; - } - - .radio-primary input[type=radio] + label::after { - background-color: #428bca; - } - - .radio-primary input[type=radio]:checked + label::before { - border-color: #428bca; - } - - .radio-primary input[type=radio]:checked + label::after { - background-color: #428bca; - } - - .radio-danger input[type=radio] + label::after { - background-color: #d9534f; - } - - .radio-danger input[type=radio]:checked + label::before { - border-color: #d9534f; - } - - .radio-danger input[type=radio]:checked + label::after { - background-color: #d9534f; - } - - .radio-info input[type=radio] + label::after { - background-color: #5bc0de; - } - - .radio-info input[type=radio]:checked + label::before { - border-color: #5bc0de; - } - - .radio-info input[type=radio]:checked + label::after { - background-color: #5bc0de; - } - - .radio-warning input[type=radio] + label::after { - background-color: #f0ad4e; - } - - .radio-warning input[type=radio]:checked + label::before { - border-color: #f0ad4e; - } - - .radio-warning input[type=radio]:checked + label::after { - background-color: #f0ad4e; - } - - .radio-success input[type=radio] + label::after { - background-color: #5cb85c; - } - - .radio-success input[type=radio]:checked + label::before { - border-color: #5cb85c; - } - - .radio-success input[type=radio]:checked + label::after { - background-color: #5cb85c; - } - - #loader { - transition: all 0.3s ease-in-out; - opacity: 1; - display: default; - } - - #loader.fadeOut { - opacity: 0; - display: none; - } - - .spinner { - width: 40px; - height: 40px; - position: absolute; - top: calc(50% - 20px); - left: calc(50% - 20px); - background-color: #333; - border-radius: 100%; - animation: sk-scaleout 1s infinite ease-in-out; - } - @keyframes sk-scaleout { - 0% { - transform: scale(0); - } - 100% { - transform: scale(1); - opacity: 0; - } - } - footer { - z-index: 1; - position: relative; - } - - #chat-sidebar { - width: 250px; - height: calc(100vh - 65px - 60px); - overflow: auto; - } - @media screen and (max-width: 991px) { - #chat-sidebar { - transition: all 0.3s ease-in-out; - margin-left: -250px; - } - #chat-sidebar.open { - margin-left: 0; - } - } - - #chat-box { - height: calc(100vh - 65px - 60px); - overflow: auto; - } - - .email-app .email-side-nav { - background: #fff; - position: fixed; - border-right: 1px solid rgba(0, 0, 0, 0.0625); - float: left; - width: 250px; - transition: all 0.3s ease-in-out; - } - @media screen and (max-width: 991px) { - .email-app .email-side-nav { - z-index: 1; - left: -250px; - } - } - .email-app .email-wrapper { - margin: 0; - padding: 0; - overflow: auto; - min-height: 100%; - transition: all 0.3s ease-in-out; - } - @media screen and (max-width: 991px) { - .email-app .email-wrapper { - position: absolute; - left: 0; - width: 100%; - overflow-x: hidden; - } - } - @media screen and (min-width: 992px) { - .email-app .email-wrapper { - margin-left: 250px; - } - } - .email-app .email-wrapper .email-list { - position: relative; - padding: 0; - width: 100%; - overflow-y: hidden; - background-color: #fff; - height: calc(100vh - 65px); - } - @media screen and (max-width: 991px) { - .email-app .email-wrapper .email-list { - max-height: calc(100vh - 65px); - } - } - @media screen and (min-width: 992px) { - .email-app .email-wrapper .email-list { - width: 40%; - border-right: 1px solid rgba(0, 0, 0, 0.0625); - float: left; - } - } - .email-app .email-wrapper .email-content { - float: left; - width: 60%; - position: relative; - padding: 0; - background-color: #fff; - } - .email-app .email-wrapper .email-content.no-inbox-view { - width: 100%; - } - @media screen and (max-width: 991px) { - .email-app .email-wrapper .email-content { - position: absolute; - top: 0; - left: 100%; - width: 100%; - height: 100%; - transition: all 0.3s ease-in-out; - max-height: calc(100vh - 65px); - overflow-y: auto; - } - .email-app .email-wrapper .email-content.open { - left: 0; - } - } - .email-app .email-wrapper .email-compose { - position: relative; - } - .email-app .email-wrapper .email-compose .email-compose-body { - padding: 30px 20px; - } - @media screen and (max-width: 991px) { - .email-app.side-active .email-side-nav { - left: 0; - } - } - @media screen and (max-width: 991px) { - .email-app.side-active .email-wrapper { - left: 250px; - } - } - - .centerY { - top: 50%; - transform: translateY(-50%); - } - - .centerX { - left: 50%; - transform: translateX(-50%); - } - - .centerXY { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - - @media screen and (min-width: 1440px) { - .centerY\@xl\+ { - top: 50%; - transform: translateY(-50%); - } - .centerX\@xl\+ { - left: 50%; - transform: translateX(-50%); - } - .centerXY\@xl\+ { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - } - @media screen and (min-width: 1200px) { - .centerY\@lg\+ { - top: 50%; - transform: translateY(-50%); - } - .centerX\@lg\+ { - left: 50%; - transform: translateX(-50%); - } - .centerXY\@lg\+ { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - } - @media screen and (min-width: 992px) { - .centerY\@md\+ { - top: 50%; - transform: translateY(-50%); - } - .centerX\@md\+ { - left: 50%; - transform: translateX(-50%); - } - .centerXY\@md\+ { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - } - @media screen and (min-width: 768px) { - .centerY\@sm\+ { - top: 50%; - transform: translateY(-50%); - } - .centerX\@sm\+ { - left: 50%; - transform: translateX(-50%); - } - .centerXY\@sm\+ { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - } - @media screen and (min-width: 0) { - .centerY\@xs\+ { - top: 50%; - transform: translateY(-50%); - } - .centerX\@xs\+ { - left: 50%; - transform: translateX(-50%); - } - .centerXY\@xs\+ { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - } - @media screen and (max-width: 1439px) { - .centerY\@xl- { - top: 50%; - transform: translateY(-50%); - } - .centerX\@xl- { - left: 50%; - transform: translateX(-50%); - } - .centerXY\@xl- { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - } - @media screen and (max-width: 1199px) { - .centerY\@lg- { - top: 50%; - transform: translateY(-50%); - } - .centerX\@lg- { - left: 50%; - transform: translateX(-50%); - } - .centerXY\@lg- { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - } - @media screen and (max-width: 991px) { - .centerY\@md- { - top: 50%; - transform: translateY(-50%); - } - .centerX\@md- { - left: 50%; - transform: translateX(-50%); - } - .centerXY\@md- { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - } - @media screen and (max-width: 767px) { - .centerY\@sm- { - top: 50%; - transform: translateY(-50%); - } - .centerX\@sm- { - left: 50%; - transform: translateX(-50%); - } - .centerXY\@sm- { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .centerY\@lg { - top: 50%; - transform: translateY(-50%); - } - .centerX\@lg { - left: 50%; - transform: translateX(-50%); - } - .centerXY\@lg { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .centerY\@md { - top: 50%; - transform: translateY(-50%); - } - .centerX\@md { - left: 50%; - transform: translateX(-50%); - } - .centerXY\@md { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .centerY\@sm { - top: 50%; - transform: translateY(-50%); - } - .centerX\@sm { - left: 50%; - transform: translateX(-50%); - } - .centerXY\@sm { - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - } - } - [class*=gap] { - width: auto !important; - overflow: hidden !important; - } - - .gapX-0 { - margin-left: 0px !important; - margin-right: 0px !important; - } - .gapX-0 > * { - padding-left: 0px !important; - padding-right: 0px !important; - } - - .gapY-0 { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .gapY-0 > * { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - - .gap-0 { - margin: 0px !important; - } - .gap-0 > * { - padding: 0px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-0\@xl\+ { - margin-left: 0px !important; - margin-right: 0px !important; - } - .gapX-0\@xl\+ > * { - padding-left: 0px !important; - padding-right: 0px !important; - } - .gapY-0\@xl\+ { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .gapY-0\@xl\+ > * { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .gap-0\@xl\+ { - margin: 0px !important; - } - .gap-0\@xl\+ > * { - padding: 0px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-0\@lg\+ { - margin-left: 0px !important; - margin-right: 0px !important; - } - .gapX-0\@lg\+ > * { - padding-left: 0px !important; - padding-right: 0px !important; - } - .gapY-0\@lg\+ { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .gapY-0\@lg\+ > * { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .gap-0\@lg\+ { - margin: 0px !important; - } - .gap-0\@lg\+ > * { - padding: 0px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-0\@md\+ { - margin-left: 0px !important; - margin-right: 0px !important; - } - .gapX-0\@md\+ > * { - padding-left: 0px !important; - padding-right: 0px !important; - } - .gapY-0\@md\+ { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .gapY-0\@md\+ > * { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .gap-0\@md\+ { - margin: 0px !important; - } - .gap-0\@md\+ > * { - padding: 0px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-0\@sm\+ { - margin-left: 0px !important; - margin-right: 0px !important; - } - .gapX-0\@sm\+ > * { - padding-left: 0px !important; - padding-right: 0px !important; - } - .gapY-0\@sm\+ { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .gapY-0\@sm\+ > * { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .gap-0\@sm\+ { - margin: 0px !important; - } - .gap-0\@sm\+ > * { - padding: 0px !important; - } - } - @media screen and (min-width: 0) { - .gapX-0\@xs\+ { - margin-left: 0px !important; - margin-right: 0px !important; - } - .gapX-0\@xs\+ > * { - padding-left: 0px !important; - padding-right: 0px !important; - } - .gapY-0\@xs\+ { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .gapY-0\@xs\+ > * { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .gap-0\@xs\+ { - margin: 0px !important; - } - .gap-0\@xs\+ > * { - padding: 0px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-0\@xl- { - margin-left: 0px !important; - margin-right: 0px !important; - } - .gapX-0\@xl- > * { - padding-left: 0px !important; - padding-right: 0px !important; - } - .gapY-0\@xl- { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .gapY-0\@xl- > * { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .gap-0\@xl- { - margin: 0px !important; - } - .gap-0\@xl- > * { - padding: 0px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-0\@lg- { - margin-left: 0px !important; - margin-right: 0px !important; - } - .gapX-0\@lg- > * { - padding-left: 0px !important; - padding-right: 0px !important; - } - .gapY-0\@lg- { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .gapY-0\@lg- > * { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .gap-0\@lg- { - margin: 0px !important; - } - .gap-0\@lg- > * { - padding: 0px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-0\@md- { - margin-left: 0px !important; - margin-right: 0px !important; - } - .gapX-0\@md- > * { - padding-left: 0px !important; - padding-right: 0px !important; - } - .gapY-0\@md- { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .gapY-0\@md- > * { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .gap-0\@md- { - margin: 0px !important; - } - .gap-0\@md- > * { - padding: 0px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-0\@sm- { - margin-left: 0px !important; - margin-right: 0px !important; - } - .gapX-0\@sm- > * { - padding-left: 0px !important; - padding-right: 0px !important; - } - .gapY-0\@sm- { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .gapY-0\@sm- > * { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .gap-0\@sm- { - margin: 0px !important; - } - .gap-0\@sm- > * { - padding: 0px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-0\@lg { - margin-left: 0px !important; - margin-right: 0px !important; - } - .gapX-0\@lg > * { - padding-left: 0px !important; - padding-right: 0px !important; - } - .gapY-0\@lg { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .gapY-0\@lg > * { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .gap-0\@lg { - margin: 0px !important; - } - .gap-0\@lg > * { - padding: 0px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-0\@md { - margin-left: 0px !important; - margin-right: 0px !important; - } - .gapX-0\@md > * { - padding-left: 0px !important; - padding-right: 0px !important; - } - .gapY-0\@md { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .gapY-0\@md > * { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .gap-0\@md { - margin: 0px !important; - } - .gap-0\@md > * { - padding: 0px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-0\@sm { - margin-left: 0px !important; - margin-right: 0px !important; - } - .gapX-0\@sm > * { - padding-left: 0px !important; - padding-right: 0px !important; - } - .gapY-0\@sm { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .gapY-0\@sm > * { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .gap-0\@sm { - margin: 0px !important; - } - .gap-0\@sm > * { - padding: 0px !important; - } - } - .gapX-1 { - margin-left: -0.5px !important; - margin-right: -0.5px !important; - } - .gapX-1 > * { - padding-left: 0.5px !important; - padding-right: 0.5px !important; - } - - .gapY-1 { - margin-top: -0.5px !important; - margin-bottom: -0.5px !important; - } - .gapY-1 > * { - padding-top: 0.5px !important; - padding-bottom: 0.5px !important; - } - - .gap-1 { - margin: -0.5px !important; - } - .gap-1 > * { - padding: 0.5px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-1\@xl\+ { - margin-left: -0.5px !important; - margin-right: -0.5px !important; - } - .gapX-1\@xl\+ > * { - padding-left: 0.5px !important; - padding-right: 0.5px !important; - } - .gapY-1\@xl\+ { - margin-top: -0.5px !important; - margin-bottom: -0.5px !important; - } - .gapY-1\@xl\+ > * { - padding-top: 0.5px !important; - padding-bottom: 0.5px !important; - } - .gap-1\@xl\+ { - margin: -0.5px !important; - } - .gap-1\@xl\+ > * { - padding: 0.5px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-1\@lg\+ { - margin-left: -0.5px !important; - margin-right: -0.5px !important; - } - .gapX-1\@lg\+ > * { - padding-left: 0.5px !important; - padding-right: 0.5px !important; - } - .gapY-1\@lg\+ { - margin-top: -0.5px !important; - margin-bottom: -0.5px !important; - } - .gapY-1\@lg\+ > * { - padding-top: 0.5px !important; - padding-bottom: 0.5px !important; - } - .gap-1\@lg\+ { - margin: -0.5px !important; - } - .gap-1\@lg\+ > * { - padding: 0.5px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-1\@md\+ { - margin-left: -0.5px !important; - margin-right: -0.5px !important; - } - .gapX-1\@md\+ > * { - padding-left: 0.5px !important; - padding-right: 0.5px !important; - } - .gapY-1\@md\+ { - margin-top: -0.5px !important; - margin-bottom: -0.5px !important; - } - .gapY-1\@md\+ > * { - padding-top: 0.5px !important; - padding-bottom: 0.5px !important; - } - .gap-1\@md\+ { - margin: -0.5px !important; - } - .gap-1\@md\+ > * { - padding: 0.5px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-1\@sm\+ { - margin-left: -0.5px !important; - margin-right: -0.5px !important; - } - .gapX-1\@sm\+ > * { - padding-left: 0.5px !important; - padding-right: 0.5px !important; - } - .gapY-1\@sm\+ { - margin-top: -0.5px !important; - margin-bottom: -0.5px !important; - } - .gapY-1\@sm\+ > * { - padding-top: 0.5px !important; - padding-bottom: 0.5px !important; - } - .gap-1\@sm\+ { - margin: -0.5px !important; - } - .gap-1\@sm\+ > * { - padding: 0.5px !important; - } - } - @media screen and (min-width: 0) { - .gapX-1\@xs\+ { - margin-left: -0.5px !important; - margin-right: -0.5px !important; - } - .gapX-1\@xs\+ > * { - padding-left: 0.5px !important; - padding-right: 0.5px !important; - } - .gapY-1\@xs\+ { - margin-top: -0.5px !important; - margin-bottom: -0.5px !important; - } - .gapY-1\@xs\+ > * { - padding-top: 0.5px !important; - padding-bottom: 0.5px !important; - } - .gap-1\@xs\+ { - margin: -0.5px !important; - } - .gap-1\@xs\+ > * { - padding: 0.5px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-1\@xl- { - margin-left: -0.5px !important; - margin-right: -0.5px !important; - } - .gapX-1\@xl- > * { - padding-left: 0.5px !important; - padding-right: 0.5px !important; - } - .gapY-1\@xl- { - margin-top: -0.5px !important; - margin-bottom: -0.5px !important; - } - .gapY-1\@xl- > * { - padding-top: 0.5px !important; - padding-bottom: 0.5px !important; - } - .gap-1\@xl- { - margin: -0.5px !important; - } - .gap-1\@xl- > * { - padding: 0.5px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-1\@lg- { - margin-left: -0.5px !important; - margin-right: -0.5px !important; - } - .gapX-1\@lg- > * { - padding-left: 0.5px !important; - padding-right: 0.5px !important; - } - .gapY-1\@lg- { - margin-top: -0.5px !important; - margin-bottom: -0.5px !important; - } - .gapY-1\@lg- > * { - padding-top: 0.5px !important; - padding-bottom: 0.5px !important; - } - .gap-1\@lg- { - margin: -0.5px !important; - } - .gap-1\@lg- > * { - padding: 0.5px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-1\@md- { - margin-left: -0.5px !important; - margin-right: -0.5px !important; - } - .gapX-1\@md- > * { - padding-left: 0.5px !important; - padding-right: 0.5px !important; - } - .gapY-1\@md- { - margin-top: -0.5px !important; - margin-bottom: -0.5px !important; - } - .gapY-1\@md- > * { - padding-top: 0.5px !important; - padding-bottom: 0.5px !important; - } - .gap-1\@md- { - margin: -0.5px !important; - } - .gap-1\@md- > * { - padding: 0.5px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-1\@sm- { - margin-left: -0.5px !important; - margin-right: -0.5px !important; - } - .gapX-1\@sm- > * { - padding-left: 0.5px !important; - padding-right: 0.5px !important; - } - .gapY-1\@sm- { - margin-top: -0.5px !important; - margin-bottom: -0.5px !important; - } - .gapY-1\@sm- > * { - padding-top: 0.5px !important; - padding-bottom: 0.5px !important; - } - .gap-1\@sm- { - margin: -0.5px !important; - } - .gap-1\@sm- > * { - padding: 0.5px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-1\@lg { - margin-left: -0.5px !important; - margin-right: -0.5px !important; - } - .gapX-1\@lg > * { - padding-left: 0.5px !important; - padding-right: 0.5px !important; - } - .gapY-1\@lg { - margin-top: -0.5px !important; - margin-bottom: -0.5px !important; - } - .gapY-1\@lg > * { - padding-top: 0.5px !important; - padding-bottom: 0.5px !important; - } - .gap-1\@lg { - margin: -0.5px !important; - } - .gap-1\@lg > * { - padding: 0.5px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-1\@md { - margin-left: -0.5px !important; - margin-right: -0.5px !important; - } - .gapX-1\@md > * { - padding-left: 0.5px !important; - padding-right: 0.5px !important; - } - .gapY-1\@md { - margin-top: -0.5px !important; - margin-bottom: -0.5px !important; - } - .gapY-1\@md > * { - padding-top: 0.5px !important; - padding-bottom: 0.5px !important; - } - .gap-1\@md { - margin: -0.5px !important; - } - .gap-1\@md > * { - padding: 0.5px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-1\@sm { - margin-left: -0.5px !important; - margin-right: -0.5px !important; - } - .gapX-1\@sm > * { - padding-left: 0.5px !important; - padding-right: 0.5px !important; - } - .gapY-1\@sm { - margin-top: -0.5px !important; - margin-bottom: -0.5px !important; - } - .gapY-1\@sm > * { - padding-top: 0.5px !important; - padding-bottom: 0.5px !important; - } - .gap-1\@sm { - margin: -0.5px !important; - } - .gap-1\@sm > * { - padding: 0.5px !important; - } - } - .gapX-2 { - margin-left: -1px !important; - margin-right: -1px !important; - } - .gapX-2 > * { - padding-left: 1px !important; - padding-right: 1px !important; - } - - .gapY-2 { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .gapY-2 > * { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - - .gap-2 { - margin: -1px !important; - } - .gap-2 > * { - padding: 1px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-2\@xl\+ { - margin-left: -1px !important; - margin-right: -1px !important; - } - .gapX-2\@xl\+ > * { - padding-left: 1px !important; - padding-right: 1px !important; - } - .gapY-2\@xl\+ { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .gapY-2\@xl\+ > * { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .gap-2\@xl\+ { - margin: -1px !important; - } - .gap-2\@xl\+ > * { - padding: 1px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-2\@lg\+ { - margin-left: -1px !important; - margin-right: -1px !important; - } - .gapX-2\@lg\+ > * { - padding-left: 1px !important; - padding-right: 1px !important; - } - .gapY-2\@lg\+ { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .gapY-2\@lg\+ > * { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .gap-2\@lg\+ { - margin: -1px !important; - } - .gap-2\@lg\+ > * { - padding: 1px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-2\@md\+ { - margin-left: -1px !important; - margin-right: -1px !important; - } - .gapX-2\@md\+ > * { - padding-left: 1px !important; - padding-right: 1px !important; - } - .gapY-2\@md\+ { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .gapY-2\@md\+ > * { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .gap-2\@md\+ { - margin: -1px !important; - } - .gap-2\@md\+ > * { - padding: 1px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-2\@sm\+ { - margin-left: -1px !important; - margin-right: -1px !important; - } - .gapX-2\@sm\+ > * { - padding-left: 1px !important; - padding-right: 1px !important; - } - .gapY-2\@sm\+ { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .gapY-2\@sm\+ > * { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .gap-2\@sm\+ { - margin: -1px !important; - } - .gap-2\@sm\+ > * { - padding: 1px !important; - } - } - @media screen and (min-width: 0) { - .gapX-2\@xs\+ { - margin-left: -1px !important; - margin-right: -1px !important; - } - .gapX-2\@xs\+ > * { - padding-left: 1px !important; - padding-right: 1px !important; - } - .gapY-2\@xs\+ { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .gapY-2\@xs\+ > * { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .gap-2\@xs\+ { - margin: -1px !important; - } - .gap-2\@xs\+ > * { - padding: 1px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-2\@xl- { - margin-left: -1px !important; - margin-right: -1px !important; - } - .gapX-2\@xl- > * { - padding-left: 1px !important; - padding-right: 1px !important; - } - .gapY-2\@xl- { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .gapY-2\@xl- > * { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .gap-2\@xl- { - margin: -1px !important; - } - .gap-2\@xl- > * { - padding: 1px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-2\@lg- { - margin-left: -1px !important; - margin-right: -1px !important; - } - .gapX-2\@lg- > * { - padding-left: 1px !important; - padding-right: 1px !important; - } - .gapY-2\@lg- { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .gapY-2\@lg- > * { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .gap-2\@lg- { - margin: -1px !important; - } - .gap-2\@lg- > * { - padding: 1px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-2\@md- { - margin-left: -1px !important; - margin-right: -1px !important; - } - .gapX-2\@md- > * { - padding-left: 1px !important; - padding-right: 1px !important; - } - .gapY-2\@md- { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .gapY-2\@md- > * { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .gap-2\@md- { - margin: -1px !important; - } - .gap-2\@md- > * { - padding: 1px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-2\@sm- { - margin-left: -1px !important; - margin-right: -1px !important; - } - .gapX-2\@sm- > * { - padding-left: 1px !important; - padding-right: 1px !important; - } - .gapY-2\@sm- { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .gapY-2\@sm- > * { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .gap-2\@sm- { - margin: -1px !important; - } - .gap-2\@sm- > * { - padding: 1px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-2\@lg { - margin-left: -1px !important; - margin-right: -1px !important; - } - .gapX-2\@lg > * { - padding-left: 1px !important; - padding-right: 1px !important; - } - .gapY-2\@lg { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .gapY-2\@lg > * { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .gap-2\@lg { - margin: -1px !important; - } - .gap-2\@lg > * { - padding: 1px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-2\@md { - margin-left: -1px !important; - margin-right: -1px !important; - } - .gapX-2\@md > * { - padding-left: 1px !important; - padding-right: 1px !important; - } - .gapY-2\@md { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .gapY-2\@md > * { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .gap-2\@md { - margin: -1px !important; - } - .gap-2\@md > * { - padding: 1px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-2\@sm { - margin-left: -1px !important; - margin-right: -1px !important; - } - .gapX-2\@sm > * { - padding-left: 1px !important; - padding-right: 1px !important; - } - .gapY-2\@sm { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .gapY-2\@sm > * { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .gap-2\@sm { - margin: -1px !important; - } - .gap-2\@sm > * { - padding: 1px !important; - } - } - .gapX-3 { - margin-left: -1.5px !important; - margin-right: -1.5px !important; - } - .gapX-3 > * { - padding-left: 1.5px !important; - padding-right: 1.5px !important; - } - - .gapY-3 { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; - } - .gapY-3 > * { - padding-top: 1.5px !important; - padding-bottom: 1.5px !important; - } - - .gap-3 { - margin: -1.5px !important; - } - .gap-3 > * { - padding: 1.5px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-3\@xl\+ { - margin-left: -1.5px !important; - margin-right: -1.5px !important; - } - .gapX-3\@xl\+ > * { - padding-left: 1.5px !important; - padding-right: 1.5px !important; - } - .gapY-3\@xl\+ { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; - } - .gapY-3\@xl\+ > * { - padding-top: 1.5px !important; - padding-bottom: 1.5px !important; - } - .gap-3\@xl\+ { - margin: -1.5px !important; - } - .gap-3\@xl\+ > * { - padding: 1.5px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-3\@lg\+ { - margin-left: -1.5px !important; - margin-right: -1.5px !important; - } - .gapX-3\@lg\+ > * { - padding-left: 1.5px !important; - padding-right: 1.5px !important; - } - .gapY-3\@lg\+ { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; - } - .gapY-3\@lg\+ > * { - padding-top: 1.5px !important; - padding-bottom: 1.5px !important; - } - .gap-3\@lg\+ { - margin: -1.5px !important; - } - .gap-3\@lg\+ > * { - padding: 1.5px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-3\@md\+ { - margin-left: -1.5px !important; - margin-right: -1.5px !important; - } - .gapX-3\@md\+ > * { - padding-left: 1.5px !important; - padding-right: 1.5px !important; - } - .gapY-3\@md\+ { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; - } - .gapY-3\@md\+ > * { - padding-top: 1.5px !important; - padding-bottom: 1.5px !important; - } - .gap-3\@md\+ { - margin: -1.5px !important; - } - .gap-3\@md\+ > * { - padding: 1.5px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-3\@sm\+ { - margin-left: -1.5px !important; - margin-right: -1.5px !important; - } - .gapX-3\@sm\+ > * { - padding-left: 1.5px !important; - padding-right: 1.5px !important; - } - .gapY-3\@sm\+ { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; - } - .gapY-3\@sm\+ > * { - padding-top: 1.5px !important; - padding-bottom: 1.5px !important; - } - .gap-3\@sm\+ { - margin: -1.5px !important; - } - .gap-3\@sm\+ > * { - padding: 1.5px !important; - } - } - @media screen and (min-width: 0) { - .gapX-3\@xs\+ { - margin-left: -1.5px !important; - margin-right: -1.5px !important; - } - .gapX-3\@xs\+ > * { - padding-left: 1.5px !important; - padding-right: 1.5px !important; - } - .gapY-3\@xs\+ { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; - } - .gapY-3\@xs\+ > * { - padding-top: 1.5px !important; - padding-bottom: 1.5px !important; - } - .gap-3\@xs\+ { - margin: -1.5px !important; - } - .gap-3\@xs\+ > * { - padding: 1.5px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-3\@xl- { - margin-left: -1.5px !important; - margin-right: -1.5px !important; - } - .gapX-3\@xl- > * { - padding-left: 1.5px !important; - padding-right: 1.5px !important; - } - .gapY-3\@xl- { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; - } - .gapY-3\@xl- > * { - padding-top: 1.5px !important; - padding-bottom: 1.5px !important; - } - .gap-3\@xl- { - margin: -1.5px !important; - } - .gap-3\@xl- > * { - padding: 1.5px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-3\@lg- { - margin-left: -1.5px !important; - margin-right: -1.5px !important; - } - .gapX-3\@lg- > * { - padding-left: 1.5px !important; - padding-right: 1.5px !important; - } - .gapY-3\@lg- { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; - } - .gapY-3\@lg- > * { - padding-top: 1.5px !important; - padding-bottom: 1.5px !important; - } - .gap-3\@lg- { - margin: -1.5px !important; - } - .gap-3\@lg- > * { - padding: 1.5px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-3\@md- { - margin-left: -1.5px !important; - margin-right: -1.5px !important; - } - .gapX-3\@md- > * { - padding-left: 1.5px !important; - padding-right: 1.5px !important; - } - .gapY-3\@md- { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; - } - .gapY-3\@md- > * { - padding-top: 1.5px !important; - padding-bottom: 1.5px !important; - } - .gap-3\@md- { - margin: -1.5px !important; - } - .gap-3\@md- > * { - padding: 1.5px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-3\@sm- { - margin-left: -1.5px !important; - margin-right: -1.5px !important; - } - .gapX-3\@sm- > * { - padding-left: 1.5px !important; - padding-right: 1.5px !important; - } - .gapY-3\@sm- { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; - } - .gapY-3\@sm- > * { - padding-top: 1.5px !important; - padding-bottom: 1.5px !important; - } - .gap-3\@sm- { - margin: -1.5px !important; - } - .gap-3\@sm- > * { - padding: 1.5px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-3\@lg { - margin-left: -1.5px !important; - margin-right: -1.5px !important; - } - .gapX-3\@lg > * { - padding-left: 1.5px !important; - padding-right: 1.5px !important; - } - .gapY-3\@lg { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; - } - .gapY-3\@lg > * { - padding-top: 1.5px !important; - padding-bottom: 1.5px !important; - } - .gap-3\@lg { - margin: -1.5px !important; - } - .gap-3\@lg > * { - padding: 1.5px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-3\@md { - margin-left: -1.5px !important; - margin-right: -1.5px !important; - } - .gapX-3\@md > * { - padding-left: 1.5px !important; - padding-right: 1.5px !important; - } - .gapY-3\@md { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; - } - .gapY-3\@md > * { - padding-top: 1.5px !important; - padding-bottom: 1.5px !important; - } - .gap-3\@md { - margin: -1.5px !important; - } - .gap-3\@md > * { - padding: 1.5px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-3\@sm { - margin-left: -1.5px !important; - margin-right: -1.5px !important; - } - .gapX-3\@sm > * { - padding-left: 1.5px !important; - padding-right: 1.5px !important; - } - .gapY-3\@sm { - margin-top: -1.5px !important; - margin-bottom: -1.5px !important; - } - .gapY-3\@sm > * { - padding-top: 1.5px !important; - padding-bottom: 1.5px !important; - } - .gap-3\@sm { - margin: -1.5px !important; - } - .gap-3\@sm > * { - padding: 1.5px !important; - } - } - .gapX-4 { - margin-left: -2px !important; - margin-right: -2px !important; - } - .gapX-4 > * { - padding-left: 2px !important; - padding-right: 2px !important; - } - - .gapY-4 { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .gapY-4 > * { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - - .gap-4 { - margin: -2px !important; - } - .gap-4 > * { - padding: 2px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-4\@xl\+ { - margin-left: -2px !important; - margin-right: -2px !important; - } - .gapX-4\@xl\+ > * { - padding-left: 2px !important; - padding-right: 2px !important; - } - .gapY-4\@xl\+ { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .gapY-4\@xl\+ > * { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .gap-4\@xl\+ { - margin: -2px !important; - } - .gap-4\@xl\+ > * { - padding: 2px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-4\@lg\+ { - margin-left: -2px !important; - margin-right: -2px !important; - } - .gapX-4\@lg\+ > * { - padding-left: 2px !important; - padding-right: 2px !important; - } - .gapY-4\@lg\+ { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .gapY-4\@lg\+ > * { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .gap-4\@lg\+ { - margin: -2px !important; - } - .gap-4\@lg\+ > * { - padding: 2px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-4\@md\+ { - margin-left: -2px !important; - margin-right: -2px !important; - } - .gapX-4\@md\+ > * { - padding-left: 2px !important; - padding-right: 2px !important; - } - .gapY-4\@md\+ { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .gapY-4\@md\+ > * { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .gap-4\@md\+ { - margin: -2px !important; - } - .gap-4\@md\+ > * { - padding: 2px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-4\@sm\+ { - margin-left: -2px !important; - margin-right: -2px !important; - } - .gapX-4\@sm\+ > * { - padding-left: 2px !important; - padding-right: 2px !important; - } - .gapY-4\@sm\+ { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .gapY-4\@sm\+ > * { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .gap-4\@sm\+ { - margin: -2px !important; - } - .gap-4\@sm\+ > * { - padding: 2px !important; - } - } - @media screen and (min-width: 0) { - .gapX-4\@xs\+ { - margin-left: -2px !important; - margin-right: -2px !important; - } - .gapX-4\@xs\+ > * { - padding-left: 2px !important; - padding-right: 2px !important; - } - .gapY-4\@xs\+ { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .gapY-4\@xs\+ > * { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .gap-4\@xs\+ { - margin: -2px !important; - } - .gap-4\@xs\+ > * { - padding: 2px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-4\@xl- { - margin-left: -2px !important; - margin-right: -2px !important; - } - .gapX-4\@xl- > * { - padding-left: 2px !important; - padding-right: 2px !important; - } - .gapY-4\@xl- { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .gapY-4\@xl- > * { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .gap-4\@xl- { - margin: -2px !important; - } - .gap-4\@xl- > * { - padding: 2px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-4\@lg- { - margin-left: -2px !important; - margin-right: -2px !important; - } - .gapX-4\@lg- > * { - padding-left: 2px !important; - padding-right: 2px !important; - } - .gapY-4\@lg- { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .gapY-4\@lg- > * { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .gap-4\@lg- { - margin: -2px !important; - } - .gap-4\@lg- > * { - padding: 2px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-4\@md- { - margin-left: -2px !important; - margin-right: -2px !important; - } - .gapX-4\@md- > * { - padding-left: 2px !important; - padding-right: 2px !important; - } - .gapY-4\@md- { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .gapY-4\@md- > * { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .gap-4\@md- { - margin: -2px !important; - } - .gap-4\@md- > * { - padding: 2px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-4\@sm- { - margin-left: -2px !important; - margin-right: -2px !important; - } - .gapX-4\@sm- > * { - padding-left: 2px !important; - padding-right: 2px !important; - } - .gapY-4\@sm- { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .gapY-4\@sm- > * { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .gap-4\@sm- { - margin: -2px !important; - } - .gap-4\@sm- > * { - padding: 2px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-4\@lg { - margin-left: -2px !important; - margin-right: -2px !important; - } - .gapX-4\@lg > * { - padding-left: 2px !important; - padding-right: 2px !important; - } - .gapY-4\@lg { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .gapY-4\@lg > * { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .gap-4\@lg { - margin: -2px !important; - } - .gap-4\@lg > * { - padding: 2px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-4\@md { - margin-left: -2px !important; - margin-right: -2px !important; - } - .gapX-4\@md > * { - padding-left: 2px !important; - padding-right: 2px !important; - } - .gapY-4\@md { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .gapY-4\@md > * { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .gap-4\@md { - margin: -2px !important; - } - .gap-4\@md > * { - padding: 2px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-4\@sm { - margin-left: -2px !important; - margin-right: -2px !important; - } - .gapX-4\@sm > * { - padding-left: 2px !important; - padding-right: 2px !important; - } - .gapY-4\@sm { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .gapY-4\@sm > * { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .gap-4\@sm { - margin: -2px !important; - } - .gap-4\@sm > * { - padding: 2px !important; - } - } - .gapX-5 { - margin-left: -2.5px !important; - margin-right: -2.5px !important; - } - .gapX-5 > * { - padding-left: 2.5px !important; - padding-right: 2.5px !important; - } - - .gapY-5 { - margin-top: -2.5px !important; - margin-bottom: -2.5px !important; - } - .gapY-5 > * { - padding-top: 2.5px !important; - padding-bottom: 2.5px !important; - } - - .gap-5 { - margin: -2.5px !important; - } - .gap-5 > * { - padding: 2.5px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-5\@xl\+ { - margin-left: -2.5px !important; - margin-right: -2.5px !important; - } - .gapX-5\@xl\+ > * { - padding-left: 2.5px !important; - padding-right: 2.5px !important; - } - .gapY-5\@xl\+ { - margin-top: -2.5px !important; - margin-bottom: -2.5px !important; - } - .gapY-5\@xl\+ > * { - padding-top: 2.5px !important; - padding-bottom: 2.5px !important; - } - .gap-5\@xl\+ { - margin: -2.5px !important; - } - .gap-5\@xl\+ > * { - padding: 2.5px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-5\@lg\+ { - margin-left: -2.5px !important; - margin-right: -2.5px !important; - } - .gapX-5\@lg\+ > * { - padding-left: 2.5px !important; - padding-right: 2.5px !important; - } - .gapY-5\@lg\+ { - margin-top: -2.5px !important; - margin-bottom: -2.5px !important; - } - .gapY-5\@lg\+ > * { - padding-top: 2.5px !important; - padding-bottom: 2.5px !important; - } - .gap-5\@lg\+ { - margin: -2.5px !important; - } - .gap-5\@lg\+ > * { - padding: 2.5px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-5\@md\+ { - margin-left: -2.5px !important; - margin-right: -2.5px !important; - } - .gapX-5\@md\+ > * { - padding-left: 2.5px !important; - padding-right: 2.5px !important; - } - .gapY-5\@md\+ { - margin-top: -2.5px !important; - margin-bottom: -2.5px !important; - } - .gapY-5\@md\+ > * { - padding-top: 2.5px !important; - padding-bottom: 2.5px !important; - } - .gap-5\@md\+ { - margin: -2.5px !important; - } - .gap-5\@md\+ > * { - padding: 2.5px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-5\@sm\+ { - margin-left: -2.5px !important; - margin-right: -2.5px !important; - } - .gapX-5\@sm\+ > * { - padding-left: 2.5px !important; - padding-right: 2.5px !important; - } - .gapY-5\@sm\+ { - margin-top: -2.5px !important; - margin-bottom: -2.5px !important; - } - .gapY-5\@sm\+ > * { - padding-top: 2.5px !important; - padding-bottom: 2.5px !important; - } - .gap-5\@sm\+ { - margin: -2.5px !important; - } - .gap-5\@sm\+ > * { - padding: 2.5px !important; - } - } - @media screen and (min-width: 0) { - .gapX-5\@xs\+ { - margin-left: -2.5px !important; - margin-right: -2.5px !important; - } - .gapX-5\@xs\+ > * { - padding-left: 2.5px !important; - padding-right: 2.5px !important; - } - .gapY-5\@xs\+ { - margin-top: -2.5px !important; - margin-bottom: -2.5px !important; - } - .gapY-5\@xs\+ > * { - padding-top: 2.5px !important; - padding-bottom: 2.5px !important; - } - .gap-5\@xs\+ { - margin: -2.5px !important; - } - .gap-5\@xs\+ > * { - padding: 2.5px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-5\@xl- { - margin-left: -2.5px !important; - margin-right: -2.5px !important; - } - .gapX-5\@xl- > * { - padding-left: 2.5px !important; - padding-right: 2.5px !important; - } - .gapY-5\@xl- { - margin-top: -2.5px !important; - margin-bottom: -2.5px !important; - } - .gapY-5\@xl- > * { - padding-top: 2.5px !important; - padding-bottom: 2.5px !important; - } - .gap-5\@xl- { - margin: -2.5px !important; - } - .gap-5\@xl- > * { - padding: 2.5px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-5\@lg- { - margin-left: -2.5px !important; - margin-right: -2.5px !important; - } - .gapX-5\@lg- > * { - padding-left: 2.5px !important; - padding-right: 2.5px !important; - } - .gapY-5\@lg- { - margin-top: -2.5px !important; - margin-bottom: -2.5px !important; - } - .gapY-5\@lg- > * { - padding-top: 2.5px !important; - padding-bottom: 2.5px !important; - } - .gap-5\@lg- { - margin: -2.5px !important; - } - .gap-5\@lg- > * { - padding: 2.5px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-5\@md- { - margin-left: -2.5px !important; - margin-right: -2.5px !important; - } - .gapX-5\@md- > * { - padding-left: 2.5px !important; - padding-right: 2.5px !important; - } - .gapY-5\@md- { - margin-top: -2.5px !important; - margin-bottom: -2.5px !important; - } - .gapY-5\@md- > * { - padding-top: 2.5px !important; - padding-bottom: 2.5px !important; - } - .gap-5\@md- { - margin: -2.5px !important; - } - .gap-5\@md- > * { - padding: 2.5px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-5\@sm- { - margin-left: -2.5px !important; - margin-right: -2.5px !important; - } - .gapX-5\@sm- > * { - padding-left: 2.5px !important; - padding-right: 2.5px !important; - } - .gapY-5\@sm- { - margin-top: -2.5px !important; - margin-bottom: -2.5px !important; - } - .gapY-5\@sm- > * { - padding-top: 2.5px !important; - padding-bottom: 2.5px !important; - } - .gap-5\@sm- { - margin: -2.5px !important; - } - .gap-5\@sm- > * { - padding: 2.5px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-5\@lg { - margin-left: -2.5px !important; - margin-right: -2.5px !important; - } - .gapX-5\@lg > * { - padding-left: 2.5px !important; - padding-right: 2.5px !important; - } - .gapY-5\@lg { - margin-top: -2.5px !important; - margin-bottom: -2.5px !important; - } - .gapY-5\@lg > * { - padding-top: 2.5px !important; - padding-bottom: 2.5px !important; - } - .gap-5\@lg { - margin: -2.5px !important; - } - .gap-5\@lg > * { - padding: 2.5px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-5\@md { - margin-left: -2.5px !important; - margin-right: -2.5px !important; - } - .gapX-5\@md > * { - padding-left: 2.5px !important; - padding-right: 2.5px !important; - } - .gapY-5\@md { - margin-top: -2.5px !important; - margin-bottom: -2.5px !important; - } - .gapY-5\@md > * { - padding-top: 2.5px !important; - padding-bottom: 2.5px !important; - } - .gap-5\@md { - margin: -2.5px !important; - } - .gap-5\@md > * { - padding: 2.5px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-5\@sm { - margin-left: -2.5px !important; - margin-right: -2.5px !important; - } - .gapX-5\@sm > * { - padding-left: 2.5px !important; - padding-right: 2.5px !important; - } - .gapY-5\@sm { - margin-top: -2.5px !important; - margin-bottom: -2.5px !important; - } - .gapY-5\@sm > * { - padding-top: 2.5px !important; - padding-bottom: 2.5px !important; - } - .gap-5\@sm { - margin: -2.5px !important; - } - .gap-5\@sm > * { - padding: 2.5px !important; - } - } - .gapX-10 { - margin-left: -5px !important; - margin-right: -5px !important; - } - .gapX-10 > * { - padding-left: 5px !important; - padding-right: 5px !important; - } - - .gapY-10 { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .gapY-10 > * { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - - .gap-10 { - margin: -5px !important; - } - .gap-10 > * { - padding: 5px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-10\@xl\+ { - margin-left: -5px !important; - margin-right: -5px !important; - } - .gapX-10\@xl\+ > * { - padding-left: 5px !important; - padding-right: 5px !important; - } - .gapY-10\@xl\+ { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .gapY-10\@xl\+ > * { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .gap-10\@xl\+ { - margin: -5px !important; - } - .gap-10\@xl\+ > * { - padding: 5px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-10\@lg\+ { - margin-left: -5px !important; - margin-right: -5px !important; - } - .gapX-10\@lg\+ > * { - padding-left: 5px !important; - padding-right: 5px !important; - } - .gapY-10\@lg\+ { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .gapY-10\@lg\+ > * { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .gap-10\@lg\+ { - margin: -5px !important; - } - .gap-10\@lg\+ > * { - padding: 5px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-10\@md\+ { - margin-left: -5px !important; - margin-right: -5px !important; - } - .gapX-10\@md\+ > * { - padding-left: 5px !important; - padding-right: 5px !important; - } - .gapY-10\@md\+ { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .gapY-10\@md\+ > * { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .gap-10\@md\+ { - margin: -5px !important; - } - .gap-10\@md\+ > * { - padding: 5px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-10\@sm\+ { - margin-left: -5px !important; - margin-right: -5px !important; - } - .gapX-10\@sm\+ > * { - padding-left: 5px !important; - padding-right: 5px !important; - } - .gapY-10\@sm\+ { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .gapY-10\@sm\+ > * { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .gap-10\@sm\+ { - margin: -5px !important; - } - .gap-10\@sm\+ > * { - padding: 5px !important; - } - } - @media screen and (min-width: 0) { - .gapX-10\@xs\+ { - margin-left: -5px !important; - margin-right: -5px !important; - } - .gapX-10\@xs\+ > * { - padding-left: 5px !important; - padding-right: 5px !important; - } - .gapY-10\@xs\+ { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .gapY-10\@xs\+ > * { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .gap-10\@xs\+ { - margin: -5px !important; - } - .gap-10\@xs\+ > * { - padding: 5px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-10\@xl- { - margin-left: -5px !important; - margin-right: -5px !important; - } - .gapX-10\@xl- > * { - padding-left: 5px !important; - padding-right: 5px !important; - } - .gapY-10\@xl- { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .gapY-10\@xl- > * { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .gap-10\@xl- { - margin: -5px !important; - } - .gap-10\@xl- > * { - padding: 5px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-10\@lg- { - margin-left: -5px !important; - margin-right: -5px !important; - } - .gapX-10\@lg- > * { - padding-left: 5px !important; - padding-right: 5px !important; - } - .gapY-10\@lg- { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .gapY-10\@lg- > * { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .gap-10\@lg- { - margin: -5px !important; - } - .gap-10\@lg- > * { - padding: 5px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-10\@md- { - margin-left: -5px !important; - margin-right: -5px !important; - } - .gapX-10\@md- > * { - padding-left: 5px !important; - padding-right: 5px !important; - } - .gapY-10\@md- { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .gapY-10\@md- > * { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .gap-10\@md- { - margin: -5px !important; - } - .gap-10\@md- > * { - padding: 5px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-10\@sm- { - margin-left: -5px !important; - margin-right: -5px !important; - } - .gapX-10\@sm- > * { - padding-left: 5px !important; - padding-right: 5px !important; - } - .gapY-10\@sm- { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .gapY-10\@sm- > * { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .gap-10\@sm- { - margin: -5px !important; - } - .gap-10\@sm- > * { - padding: 5px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-10\@lg { - margin-left: -5px !important; - margin-right: -5px !important; - } - .gapX-10\@lg > * { - padding-left: 5px !important; - padding-right: 5px !important; - } - .gapY-10\@lg { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .gapY-10\@lg > * { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .gap-10\@lg { - margin: -5px !important; - } - .gap-10\@lg > * { - padding: 5px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-10\@md { - margin-left: -5px !important; - margin-right: -5px !important; - } - .gapX-10\@md > * { - padding-left: 5px !important; - padding-right: 5px !important; - } - .gapY-10\@md { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .gapY-10\@md > * { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .gap-10\@md { - margin: -5px !important; - } - .gap-10\@md > * { - padding: 5px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-10\@sm { - margin-left: -5px !important; - margin-right: -5px !important; - } - .gapX-10\@sm > * { - padding-left: 5px !important; - padding-right: 5px !important; - } - .gapY-10\@sm { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .gapY-10\@sm > * { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .gap-10\@sm { - margin: -5px !important; - } - .gap-10\@sm > * { - padding: 5px !important; - } - } - .gapX-15 { - margin-left: -7.5px !important; - margin-right: -7.5px !important; - } - .gapX-15 > * { - padding-left: 7.5px !important; - padding-right: 7.5px !important; - } - - .gapY-15 { - margin-top: -7.5px !important; - margin-bottom: -7.5px !important; - } - .gapY-15 > * { - padding-top: 7.5px !important; - padding-bottom: 7.5px !important; - } - - .gap-15 { - margin: -7.5px !important; - } - .gap-15 > * { - padding: 7.5px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-15\@xl\+ { - margin-left: -7.5px !important; - margin-right: -7.5px !important; - } - .gapX-15\@xl\+ > * { - padding-left: 7.5px !important; - padding-right: 7.5px !important; - } - .gapY-15\@xl\+ { - margin-top: -7.5px !important; - margin-bottom: -7.5px !important; - } - .gapY-15\@xl\+ > * { - padding-top: 7.5px !important; - padding-bottom: 7.5px !important; - } - .gap-15\@xl\+ { - margin: -7.5px !important; - } - .gap-15\@xl\+ > * { - padding: 7.5px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-15\@lg\+ { - margin-left: -7.5px !important; - margin-right: -7.5px !important; - } - .gapX-15\@lg\+ > * { - padding-left: 7.5px !important; - padding-right: 7.5px !important; - } - .gapY-15\@lg\+ { - margin-top: -7.5px !important; - margin-bottom: -7.5px !important; - } - .gapY-15\@lg\+ > * { - padding-top: 7.5px !important; - padding-bottom: 7.5px !important; - } - .gap-15\@lg\+ { - margin: -7.5px !important; - } - .gap-15\@lg\+ > * { - padding: 7.5px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-15\@md\+ { - margin-left: -7.5px !important; - margin-right: -7.5px !important; - } - .gapX-15\@md\+ > * { - padding-left: 7.5px !important; - padding-right: 7.5px !important; - } - .gapY-15\@md\+ { - margin-top: -7.5px !important; - margin-bottom: -7.5px !important; - } - .gapY-15\@md\+ > * { - padding-top: 7.5px !important; - padding-bottom: 7.5px !important; - } - .gap-15\@md\+ { - margin: -7.5px !important; - } - .gap-15\@md\+ > * { - padding: 7.5px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-15\@sm\+ { - margin-left: -7.5px !important; - margin-right: -7.5px !important; - } - .gapX-15\@sm\+ > * { - padding-left: 7.5px !important; - padding-right: 7.5px !important; - } - .gapY-15\@sm\+ { - margin-top: -7.5px !important; - margin-bottom: -7.5px !important; - } - .gapY-15\@sm\+ > * { - padding-top: 7.5px !important; - padding-bottom: 7.5px !important; - } - .gap-15\@sm\+ { - margin: -7.5px !important; - } - .gap-15\@sm\+ > * { - padding: 7.5px !important; - } - } - @media screen and (min-width: 0) { - .gapX-15\@xs\+ { - margin-left: -7.5px !important; - margin-right: -7.5px !important; - } - .gapX-15\@xs\+ > * { - padding-left: 7.5px !important; - padding-right: 7.5px !important; - } - .gapY-15\@xs\+ { - margin-top: -7.5px !important; - margin-bottom: -7.5px !important; - } - .gapY-15\@xs\+ > * { - padding-top: 7.5px !important; - padding-bottom: 7.5px !important; - } - .gap-15\@xs\+ { - margin: -7.5px !important; - } - .gap-15\@xs\+ > * { - padding: 7.5px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-15\@xl- { - margin-left: -7.5px !important; - margin-right: -7.5px !important; - } - .gapX-15\@xl- > * { - padding-left: 7.5px !important; - padding-right: 7.5px !important; - } - .gapY-15\@xl- { - margin-top: -7.5px !important; - margin-bottom: -7.5px !important; - } - .gapY-15\@xl- > * { - padding-top: 7.5px !important; - padding-bottom: 7.5px !important; - } - .gap-15\@xl- { - margin: -7.5px !important; - } - .gap-15\@xl- > * { - padding: 7.5px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-15\@lg- { - margin-left: -7.5px !important; - margin-right: -7.5px !important; - } - .gapX-15\@lg- > * { - padding-left: 7.5px !important; - padding-right: 7.5px !important; - } - .gapY-15\@lg- { - margin-top: -7.5px !important; - margin-bottom: -7.5px !important; - } - .gapY-15\@lg- > * { - padding-top: 7.5px !important; - padding-bottom: 7.5px !important; - } - .gap-15\@lg- { - margin: -7.5px !important; - } - .gap-15\@lg- > * { - padding: 7.5px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-15\@md- { - margin-left: -7.5px !important; - margin-right: -7.5px !important; - } - .gapX-15\@md- > * { - padding-left: 7.5px !important; - padding-right: 7.5px !important; - } - .gapY-15\@md- { - margin-top: -7.5px !important; - margin-bottom: -7.5px !important; - } - .gapY-15\@md- > * { - padding-top: 7.5px !important; - padding-bottom: 7.5px !important; - } - .gap-15\@md- { - margin: -7.5px !important; - } - .gap-15\@md- > * { - padding: 7.5px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-15\@sm- { - margin-left: -7.5px !important; - margin-right: -7.5px !important; - } - .gapX-15\@sm- > * { - padding-left: 7.5px !important; - padding-right: 7.5px !important; - } - .gapY-15\@sm- { - margin-top: -7.5px !important; - margin-bottom: -7.5px !important; - } - .gapY-15\@sm- > * { - padding-top: 7.5px !important; - padding-bottom: 7.5px !important; - } - .gap-15\@sm- { - margin: -7.5px !important; - } - .gap-15\@sm- > * { - padding: 7.5px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-15\@lg { - margin-left: -7.5px !important; - margin-right: -7.5px !important; - } - .gapX-15\@lg > * { - padding-left: 7.5px !important; - padding-right: 7.5px !important; - } - .gapY-15\@lg { - margin-top: -7.5px !important; - margin-bottom: -7.5px !important; - } - .gapY-15\@lg > * { - padding-top: 7.5px !important; - padding-bottom: 7.5px !important; - } - .gap-15\@lg { - margin: -7.5px !important; - } - .gap-15\@lg > * { - padding: 7.5px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-15\@md { - margin-left: -7.5px !important; - margin-right: -7.5px !important; - } - .gapX-15\@md > * { - padding-left: 7.5px !important; - padding-right: 7.5px !important; - } - .gapY-15\@md { - margin-top: -7.5px !important; - margin-bottom: -7.5px !important; - } - .gapY-15\@md > * { - padding-top: 7.5px !important; - padding-bottom: 7.5px !important; - } - .gap-15\@md { - margin: -7.5px !important; - } - .gap-15\@md > * { - padding: 7.5px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-15\@sm { - margin-left: -7.5px !important; - margin-right: -7.5px !important; - } - .gapX-15\@sm > * { - padding-left: 7.5px !important; - padding-right: 7.5px !important; - } - .gapY-15\@sm { - margin-top: -7.5px !important; - margin-bottom: -7.5px !important; - } - .gapY-15\@sm > * { - padding-top: 7.5px !important; - padding-bottom: 7.5px !important; - } - .gap-15\@sm { - margin: -7.5px !important; - } - .gap-15\@sm > * { - padding: 7.5px !important; - } - } - .gapX-20 { - margin-left: -10px !important; - margin-right: -10px !important; - } - .gapX-20 > * { - padding-left: 10px !important; - padding-right: 10px !important; - } - - .gapY-20 { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .gapY-20 > * { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - - .gap-20 { - margin: -10px !important; - } - .gap-20 > * { - padding: 10px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-20\@xl\+ { - margin-left: -10px !important; - margin-right: -10px !important; - } - .gapX-20\@xl\+ > * { - padding-left: 10px !important; - padding-right: 10px !important; - } - .gapY-20\@xl\+ { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .gapY-20\@xl\+ > * { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .gap-20\@xl\+ { - margin: -10px !important; - } - .gap-20\@xl\+ > * { - padding: 10px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-20\@lg\+ { - margin-left: -10px !important; - margin-right: -10px !important; - } - .gapX-20\@lg\+ > * { - padding-left: 10px !important; - padding-right: 10px !important; - } - .gapY-20\@lg\+ { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .gapY-20\@lg\+ > * { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .gap-20\@lg\+ { - margin: -10px !important; - } - .gap-20\@lg\+ > * { - padding: 10px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-20\@md\+ { - margin-left: -10px !important; - margin-right: -10px !important; - } - .gapX-20\@md\+ > * { - padding-left: 10px !important; - padding-right: 10px !important; - } - .gapY-20\@md\+ { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .gapY-20\@md\+ > * { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .gap-20\@md\+ { - margin: -10px !important; - } - .gap-20\@md\+ > * { - padding: 10px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-20\@sm\+ { - margin-left: -10px !important; - margin-right: -10px !important; - } - .gapX-20\@sm\+ > * { - padding-left: 10px !important; - padding-right: 10px !important; - } - .gapY-20\@sm\+ { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .gapY-20\@sm\+ > * { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .gap-20\@sm\+ { - margin: -10px !important; - } - .gap-20\@sm\+ > * { - padding: 10px !important; - } - } - @media screen and (min-width: 0) { - .gapX-20\@xs\+ { - margin-left: -10px !important; - margin-right: -10px !important; - } - .gapX-20\@xs\+ > * { - padding-left: 10px !important; - padding-right: 10px !important; - } - .gapY-20\@xs\+ { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .gapY-20\@xs\+ > * { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .gap-20\@xs\+ { - margin: -10px !important; - } - .gap-20\@xs\+ > * { - padding: 10px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-20\@xl- { - margin-left: -10px !important; - margin-right: -10px !important; - } - .gapX-20\@xl- > * { - padding-left: 10px !important; - padding-right: 10px !important; - } - .gapY-20\@xl- { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .gapY-20\@xl- > * { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .gap-20\@xl- { - margin: -10px !important; - } - .gap-20\@xl- > * { - padding: 10px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-20\@lg- { - margin-left: -10px !important; - margin-right: -10px !important; - } - .gapX-20\@lg- > * { - padding-left: 10px !important; - padding-right: 10px !important; - } - .gapY-20\@lg- { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .gapY-20\@lg- > * { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .gap-20\@lg- { - margin: -10px !important; - } - .gap-20\@lg- > * { - padding: 10px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-20\@md- { - margin-left: -10px !important; - margin-right: -10px !important; - } - .gapX-20\@md- > * { - padding-left: 10px !important; - padding-right: 10px !important; - } - .gapY-20\@md- { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .gapY-20\@md- > * { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .gap-20\@md- { - margin: -10px !important; - } - .gap-20\@md- > * { - padding: 10px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-20\@sm- { - margin-left: -10px !important; - margin-right: -10px !important; - } - .gapX-20\@sm- > * { - padding-left: 10px !important; - padding-right: 10px !important; - } - .gapY-20\@sm- { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .gapY-20\@sm- > * { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .gap-20\@sm- { - margin: -10px !important; - } - .gap-20\@sm- > * { - padding: 10px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-20\@lg { - margin-left: -10px !important; - margin-right: -10px !important; - } - .gapX-20\@lg > * { - padding-left: 10px !important; - padding-right: 10px !important; - } - .gapY-20\@lg { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .gapY-20\@lg > * { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .gap-20\@lg { - margin: -10px !important; - } - .gap-20\@lg > * { - padding: 10px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-20\@md { - margin-left: -10px !important; - margin-right: -10px !important; - } - .gapX-20\@md > * { - padding-left: 10px !important; - padding-right: 10px !important; - } - .gapY-20\@md { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .gapY-20\@md > * { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .gap-20\@md { - margin: -10px !important; - } - .gap-20\@md > * { - padding: 10px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-20\@sm { - margin-left: -10px !important; - margin-right: -10px !important; - } - .gapX-20\@sm > * { - padding-left: 10px !important; - padding-right: 10px !important; - } - .gapY-20\@sm { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .gapY-20\@sm > * { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .gap-20\@sm { - margin: -10px !important; - } - .gap-20\@sm > * { - padding: 10px !important; - } - } - .gapX-25 { - margin-left: -12.5px !important; - margin-right: -12.5px !important; - } - .gapX-25 > * { - padding-left: 12.5px !important; - padding-right: 12.5px !important; - } - - .gapY-25 { - margin-top: -12.5px !important; - margin-bottom: -12.5px !important; - } - .gapY-25 > * { - padding-top: 12.5px !important; - padding-bottom: 12.5px !important; - } - - .gap-25 { - margin: -12.5px !important; - } - .gap-25 > * { - padding: 12.5px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-25\@xl\+ { - margin-left: -12.5px !important; - margin-right: -12.5px !important; - } - .gapX-25\@xl\+ > * { - padding-left: 12.5px !important; - padding-right: 12.5px !important; - } - .gapY-25\@xl\+ { - margin-top: -12.5px !important; - margin-bottom: -12.5px !important; - } - .gapY-25\@xl\+ > * { - padding-top: 12.5px !important; - padding-bottom: 12.5px !important; - } - .gap-25\@xl\+ { - margin: -12.5px !important; - } - .gap-25\@xl\+ > * { - padding: 12.5px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-25\@lg\+ { - margin-left: -12.5px !important; - margin-right: -12.5px !important; - } - .gapX-25\@lg\+ > * { - padding-left: 12.5px !important; - padding-right: 12.5px !important; - } - .gapY-25\@lg\+ { - margin-top: -12.5px !important; - margin-bottom: -12.5px !important; - } - .gapY-25\@lg\+ > * { - padding-top: 12.5px !important; - padding-bottom: 12.5px !important; - } - .gap-25\@lg\+ { - margin: -12.5px !important; - } - .gap-25\@lg\+ > * { - padding: 12.5px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-25\@md\+ { - margin-left: -12.5px !important; - margin-right: -12.5px !important; - } - .gapX-25\@md\+ > * { - padding-left: 12.5px !important; - padding-right: 12.5px !important; - } - .gapY-25\@md\+ { - margin-top: -12.5px !important; - margin-bottom: -12.5px !important; - } - .gapY-25\@md\+ > * { - padding-top: 12.5px !important; - padding-bottom: 12.5px !important; - } - .gap-25\@md\+ { - margin: -12.5px !important; - } - .gap-25\@md\+ > * { - padding: 12.5px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-25\@sm\+ { - margin-left: -12.5px !important; - margin-right: -12.5px !important; - } - .gapX-25\@sm\+ > * { - padding-left: 12.5px !important; - padding-right: 12.5px !important; - } - .gapY-25\@sm\+ { - margin-top: -12.5px !important; - margin-bottom: -12.5px !important; - } - .gapY-25\@sm\+ > * { - padding-top: 12.5px !important; - padding-bottom: 12.5px !important; - } - .gap-25\@sm\+ { - margin: -12.5px !important; - } - .gap-25\@sm\+ > * { - padding: 12.5px !important; - } - } - @media screen and (min-width: 0) { - .gapX-25\@xs\+ { - margin-left: -12.5px !important; - margin-right: -12.5px !important; - } - .gapX-25\@xs\+ > * { - padding-left: 12.5px !important; - padding-right: 12.5px !important; - } - .gapY-25\@xs\+ { - margin-top: -12.5px !important; - margin-bottom: -12.5px !important; - } - .gapY-25\@xs\+ > * { - padding-top: 12.5px !important; - padding-bottom: 12.5px !important; - } - .gap-25\@xs\+ { - margin: -12.5px !important; - } - .gap-25\@xs\+ > * { - padding: 12.5px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-25\@xl- { - margin-left: -12.5px !important; - margin-right: -12.5px !important; - } - .gapX-25\@xl- > * { - padding-left: 12.5px !important; - padding-right: 12.5px !important; - } - .gapY-25\@xl- { - margin-top: -12.5px !important; - margin-bottom: -12.5px !important; - } - .gapY-25\@xl- > * { - padding-top: 12.5px !important; - padding-bottom: 12.5px !important; - } - .gap-25\@xl- { - margin: -12.5px !important; - } - .gap-25\@xl- > * { - padding: 12.5px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-25\@lg- { - margin-left: -12.5px !important; - margin-right: -12.5px !important; - } - .gapX-25\@lg- > * { - padding-left: 12.5px !important; - padding-right: 12.5px !important; - } - .gapY-25\@lg- { - margin-top: -12.5px !important; - margin-bottom: -12.5px !important; - } - .gapY-25\@lg- > * { - padding-top: 12.5px !important; - padding-bottom: 12.5px !important; - } - .gap-25\@lg- { - margin: -12.5px !important; - } - .gap-25\@lg- > * { - padding: 12.5px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-25\@md- { - margin-left: -12.5px !important; - margin-right: -12.5px !important; - } - .gapX-25\@md- > * { - padding-left: 12.5px !important; - padding-right: 12.5px !important; - } - .gapY-25\@md- { - margin-top: -12.5px !important; - margin-bottom: -12.5px !important; - } - .gapY-25\@md- > * { - padding-top: 12.5px !important; - padding-bottom: 12.5px !important; - } - .gap-25\@md- { - margin: -12.5px !important; - } - .gap-25\@md- > * { - padding: 12.5px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-25\@sm- { - margin-left: -12.5px !important; - margin-right: -12.5px !important; - } - .gapX-25\@sm- > * { - padding-left: 12.5px !important; - padding-right: 12.5px !important; - } - .gapY-25\@sm- { - margin-top: -12.5px !important; - margin-bottom: -12.5px !important; - } - .gapY-25\@sm- > * { - padding-top: 12.5px !important; - padding-bottom: 12.5px !important; - } - .gap-25\@sm- { - margin: -12.5px !important; - } - .gap-25\@sm- > * { - padding: 12.5px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-25\@lg { - margin-left: -12.5px !important; - margin-right: -12.5px !important; - } - .gapX-25\@lg > * { - padding-left: 12.5px !important; - padding-right: 12.5px !important; - } - .gapY-25\@lg { - margin-top: -12.5px !important; - margin-bottom: -12.5px !important; - } - .gapY-25\@lg > * { - padding-top: 12.5px !important; - padding-bottom: 12.5px !important; - } - .gap-25\@lg { - margin: -12.5px !important; - } - .gap-25\@lg > * { - padding: 12.5px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-25\@md { - margin-left: -12.5px !important; - margin-right: -12.5px !important; - } - .gapX-25\@md > * { - padding-left: 12.5px !important; - padding-right: 12.5px !important; - } - .gapY-25\@md { - margin-top: -12.5px !important; - margin-bottom: -12.5px !important; - } - .gapY-25\@md > * { - padding-top: 12.5px !important; - padding-bottom: 12.5px !important; - } - .gap-25\@md { - margin: -12.5px !important; - } - .gap-25\@md > * { - padding: 12.5px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-25\@sm { - margin-left: -12.5px !important; - margin-right: -12.5px !important; - } - .gapX-25\@sm > * { - padding-left: 12.5px !important; - padding-right: 12.5px !important; - } - .gapY-25\@sm { - margin-top: -12.5px !important; - margin-bottom: -12.5px !important; - } - .gapY-25\@sm > * { - padding-top: 12.5px !important; - padding-bottom: 12.5px !important; - } - .gap-25\@sm { - margin: -12.5px !important; - } - .gap-25\@sm > * { - padding: 12.5px !important; - } - } - .gapX-30 { - margin-left: -15px !important; - margin-right: -15px !important; - } - .gapX-30 > * { - padding-left: 15px !important; - padding-right: 15px !important; - } - - .gapY-30 { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .gapY-30 > * { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - - .gap-30 { - margin: -15px !important; - } - .gap-30 > * { - padding: 15px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-30\@xl\+ { - margin-left: -15px !important; - margin-right: -15px !important; - } - .gapX-30\@xl\+ > * { - padding-left: 15px !important; - padding-right: 15px !important; - } - .gapY-30\@xl\+ { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .gapY-30\@xl\+ > * { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .gap-30\@xl\+ { - margin: -15px !important; - } - .gap-30\@xl\+ > * { - padding: 15px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-30\@lg\+ { - margin-left: -15px !important; - margin-right: -15px !important; - } - .gapX-30\@lg\+ > * { - padding-left: 15px !important; - padding-right: 15px !important; - } - .gapY-30\@lg\+ { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .gapY-30\@lg\+ > * { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .gap-30\@lg\+ { - margin: -15px !important; - } - .gap-30\@lg\+ > * { - padding: 15px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-30\@md\+ { - margin-left: -15px !important; - margin-right: -15px !important; - } - .gapX-30\@md\+ > * { - padding-left: 15px !important; - padding-right: 15px !important; - } - .gapY-30\@md\+ { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .gapY-30\@md\+ > * { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .gap-30\@md\+ { - margin: -15px !important; - } - .gap-30\@md\+ > * { - padding: 15px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-30\@sm\+ { - margin-left: -15px !important; - margin-right: -15px !important; - } - .gapX-30\@sm\+ > * { - padding-left: 15px !important; - padding-right: 15px !important; - } - .gapY-30\@sm\+ { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .gapY-30\@sm\+ > * { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .gap-30\@sm\+ { - margin: -15px !important; - } - .gap-30\@sm\+ > * { - padding: 15px !important; - } - } - @media screen and (min-width: 0) { - .gapX-30\@xs\+ { - margin-left: -15px !important; - margin-right: -15px !important; - } - .gapX-30\@xs\+ > * { - padding-left: 15px !important; - padding-right: 15px !important; - } - .gapY-30\@xs\+ { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .gapY-30\@xs\+ > * { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .gap-30\@xs\+ { - margin: -15px !important; - } - .gap-30\@xs\+ > * { - padding: 15px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-30\@xl- { - margin-left: -15px !important; - margin-right: -15px !important; - } - .gapX-30\@xl- > * { - padding-left: 15px !important; - padding-right: 15px !important; - } - .gapY-30\@xl- { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .gapY-30\@xl- > * { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .gap-30\@xl- { - margin: -15px !important; - } - .gap-30\@xl- > * { - padding: 15px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-30\@lg- { - margin-left: -15px !important; - margin-right: -15px !important; - } - .gapX-30\@lg- > * { - padding-left: 15px !important; - padding-right: 15px !important; - } - .gapY-30\@lg- { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .gapY-30\@lg- > * { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .gap-30\@lg- { - margin: -15px !important; - } - .gap-30\@lg- > * { - padding: 15px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-30\@md- { - margin-left: -15px !important; - margin-right: -15px !important; - } - .gapX-30\@md- > * { - padding-left: 15px !important; - padding-right: 15px !important; - } - .gapY-30\@md- { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .gapY-30\@md- > * { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .gap-30\@md- { - margin: -15px !important; - } - .gap-30\@md- > * { - padding: 15px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-30\@sm- { - margin-left: -15px !important; - margin-right: -15px !important; - } - .gapX-30\@sm- > * { - padding-left: 15px !important; - padding-right: 15px !important; - } - .gapY-30\@sm- { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .gapY-30\@sm- > * { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .gap-30\@sm- { - margin: -15px !important; - } - .gap-30\@sm- > * { - padding: 15px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-30\@lg { - margin-left: -15px !important; - margin-right: -15px !important; - } - .gapX-30\@lg > * { - padding-left: 15px !important; - padding-right: 15px !important; - } - .gapY-30\@lg { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .gapY-30\@lg > * { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .gap-30\@lg { - margin: -15px !important; - } - .gap-30\@lg > * { - padding: 15px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-30\@md { - margin-left: -15px !important; - margin-right: -15px !important; - } - .gapX-30\@md > * { - padding-left: 15px !important; - padding-right: 15px !important; - } - .gapY-30\@md { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .gapY-30\@md > * { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .gap-30\@md { - margin: -15px !important; - } - .gap-30\@md > * { - padding: 15px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-30\@sm { - margin-left: -15px !important; - margin-right: -15px !important; - } - .gapX-30\@sm > * { - padding-left: 15px !important; - padding-right: 15px !important; - } - .gapY-30\@sm { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .gapY-30\@sm > * { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .gap-30\@sm { - margin: -15px !important; - } - .gap-30\@sm > * { - padding: 15px !important; - } - } - .gapX-35 { - margin-left: -17.5px !important; - margin-right: -17.5px !important; - } - .gapX-35 > * { - padding-left: 17.5px !important; - padding-right: 17.5px !important; - } - - .gapY-35 { - margin-top: -17.5px !important; - margin-bottom: -17.5px !important; - } - .gapY-35 > * { - padding-top: 17.5px !important; - padding-bottom: 17.5px !important; - } - - .gap-35 { - margin: -17.5px !important; - } - .gap-35 > * { - padding: 17.5px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-35\@xl\+ { - margin-left: -17.5px !important; - margin-right: -17.5px !important; - } - .gapX-35\@xl\+ > * { - padding-left: 17.5px !important; - padding-right: 17.5px !important; - } - .gapY-35\@xl\+ { - margin-top: -17.5px !important; - margin-bottom: -17.5px !important; - } - .gapY-35\@xl\+ > * { - padding-top: 17.5px !important; - padding-bottom: 17.5px !important; - } - .gap-35\@xl\+ { - margin: -17.5px !important; - } - .gap-35\@xl\+ > * { - padding: 17.5px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-35\@lg\+ { - margin-left: -17.5px !important; - margin-right: -17.5px !important; - } - .gapX-35\@lg\+ > * { - padding-left: 17.5px !important; - padding-right: 17.5px !important; - } - .gapY-35\@lg\+ { - margin-top: -17.5px !important; - margin-bottom: -17.5px !important; - } - .gapY-35\@lg\+ > * { - padding-top: 17.5px !important; - padding-bottom: 17.5px !important; - } - .gap-35\@lg\+ { - margin: -17.5px !important; - } - .gap-35\@lg\+ > * { - padding: 17.5px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-35\@md\+ { - margin-left: -17.5px !important; - margin-right: -17.5px !important; - } - .gapX-35\@md\+ > * { - padding-left: 17.5px !important; - padding-right: 17.5px !important; - } - .gapY-35\@md\+ { - margin-top: -17.5px !important; - margin-bottom: -17.5px !important; - } - .gapY-35\@md\+ > * { - padding-top: 17.5px !important; - padding-bottom: 17.5px !important; - } - .gap-35\@md\+ { - margin: -17.5px !important; - } - .gap-35\@md\+ > * { - padding: 17.5px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-35\@sm\+ { - margin-left: -17.5px !important; - margin-right: -17.5px !important; - } - .gapX-35\@sm\+ > * { - padding-left: 17.5px !important; - padding-right: 17.5px !important; - } - .gapY-35\@sm\+ { - margin-top: -17.5px !important; - margin-bottom: -17.5px !important; - } - .gapY-35\@sm\+ > * { - padding-top: 17.5px !important; - padding-bottom: 17.5px !important; - } - .gap-35\@sm\+ { - margin: -17.5px !important; - } - .gap-35\@sm\+ > * { - padding: 17.5px !important; - } - } - @media screen and (min-width: 0) { - .gapX-35\@xs\+ { - margin-left: -17.5px !important; - margin-right: -17.5px !important; - } - .gapX-35\@xs\+ > * { - padding-left: 17.5px !important; - padding-right: 17.5px !important; - } - .gapY-35\@xs\+ { - margin-top: -17.5px !important; - margin-bottom: -17.5px !important; - } - .gapY-35\@xs\+ > * { - padding-top: 17.5px !important; - padding-bottom: 17.5px !important; - } - .gap-35\@xs\+ { - margin: -17.5px !important; - } - .gap-35\@xs\+ > * { - padding: 17.5px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-35\@xl- { - margin-left: -17.5px !important; - margin-right: -17.5px !important; - } - .gapX-35\@xl- > * { - padding-left: 17.5px !important; - padding-right: 17.5px !important; - } - .gapY-35\@xl- { - margin-top: -17.5px !important; - margin-bottom: -17.5px !important; - } - .gapY-35\@xl- > * { - padding-top: 17.5px !important; - padding-bottom: 17.5px !important; - } - .gap-35\@xl- { - margin: -17.5px !important; - } - .gap-35\@xl- > * { - padding: 17.5px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-35\@lg- { - margin-left: -17.5px !important; - margin-right: -17.5px !important; - } - .gapX-35\@lg- > * { - padding-left: 17.5px !important; - padding-right: 17.5px !important; - } - .gapY-35\@lg- { - margin-top: -17.5px !important; - margin-bottom: -17.5px !important; - } - .gapY-35\@lg- > * { - padding-top: 17.5px !important; - padding-bottom: 17.5px !important; - } - .gap-35\@lg- { - margin: -17.5px !important; - } - .gap-35\@lg- > * { - padding: 17.5px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-35\@md- { - margin-left: -17.5px !important; - margin-right: -17.5px !important; - } - .gapX-35\@md- > * { - padding-left: 17.5px !important; - padding-right: 17.5px !important; - } - .gapY-35\@md- { - margin-top: -17.5px !important; - margin-bottom: -17.5px !important; - } - .gapY-35\@md- > * { - padding-top: 17.5px !important; - padding-bottom: 17.5px !important; - } - .gap-35\@md- { - margin: -17.5px !important; - } - .gap-35\@md- > * { - padding: 17.5px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-35\@sm- { - margin-left: -17.5px !important; - margin-right: -17.5px !important; - } - .gapX-35\@sm- > * { - padding-left: 17.5px !important; - padding-right: 17.5px !important; - } - .gapY-35\@sm- { - margin-top: -17.5px !important; - margin-bottom: -17.5px !important; - } - .gapY-35\@sm- > * { - padding-top: 17.5px !important; - padding-bottom: 17.5px !important; - } - .gap-35\@sm- { - margin: -17.5px !important; - } - .gap-35\@sm- > * { - padding: 17.5px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-35\@lg { - margin-left: -17.5px !important; - margin-right: -17.5px !important; - } - .gapX-35\@lg > * { - padding-left: 17.5px !important; - padding-right: 17.5px !important; - } - .gapY-35\@lg { - margin-top: -17.5px !important; - margin-bottom: -17.5px !important; - } - .gapY-35\@lg > * { - padding-top: 17.5px !important; - padding-bottom: 17.5px !important; - } - .gap-35\@lg { - margin: -17.5px !important; - } - .gap-35\@lg > * { - padding: 17.5px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-35\@md { - margin-left: -17.5px !important; - margin-right: -17.5px !important; - } - .gapX-35\@md > * { - padding-left: 17.5px !important; - padding-right: 17.5px !important; - } - .gapY-35\@md { - margin-top: -17.5px !important; - margin-bottom: -17.5px !important; - } - .gapY-35\@md > * { - padding-top: 17.5px !important; - padding-bottom: 17.5px !important; - } - .gap-35\@md { - margin: -17.5px !important; - } - .gap-35\@md > * { - padding: 17.5px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-35\@sm { - margin-left: -17.5px !important; - margin-right: -17.5px !important; - } - .gapX-35\@sm > * { - padding-left: 17.5px !important; - padding-right: 17.5px !important; - } - .gapY-35\@sm { - margin-top: -17.5px !important; - margin-bottom: -17.5px !important; - } - .gapY-35\@sm > * { - padding-top: 17.5px !important; - padding-bottom: 17.5px !important; - } - .gap-35\@sm { - margin: -17.5px !important; - } - .gap-35\@sm > * { - padding: 17.5px !important; - } - } - .gapX-40 { - margin-left: -20px !important; - margin-right: -20px !important; - } - .gapX-40 > * { - padding-left: 20px !important; - padding-right: 20px !important; - } - - .gapY-40 { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .gapY-40 > * { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - - .gap-40 { - margin: -20px !important; - } - .gap-40 > * { - padding: 20px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-40\@xl\+ { - margin-left: -20px !important; - margin-right: -20px !important; - } - .gapX-40\@xl\+ > * { - padding-left: 20px !important; - padding-right: 20px !important; - } - .gapY-40\@xl\+ { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .gapY-40\@xl\+ > * { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .gap-40\@xl\+ { - margin: -20px !important; - } - .gap-40\@xl\+ > * { - padding: 20px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-40\@lg\+ { - margin-left: -20px !important; - margin-right: -20px !important; - } - .gapX-40\@lg\+ > * { - padding-left: 20px !important; - padding-right: 20px !important; - } - .gapY-40\@lg\+ { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .gapY-40\@lg\+ > * { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .gap-40\@lg\+ { - margin: -20px !important; - } - .gap-40\@lg\+ > * { - padding: 20px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-40\@md\+ { - margin-left: -20px !important; - margin-right: -20px !important; - } - .gapX-40\@md\+ > * { - padding-left: 20px !important; - padding-right: 20px !important; - } - .gapY-40\@md\+ { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .gapY-40\@md\+ > * { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .gap-40\@md\+ { - margin: -20px !important; - } - .gap-40\@md\+ > * { - padding: 20px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-40\@sm\+ { - margin-left: -20px !important; - margin-right: -20px !important; - } - .gapX-40\@sm\+ > * { - padding-left: 20px !important; - padding-right: 20px !important; - } - .gapY-40\@sm\+ { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .gapY-40\@sm\+ > * { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .gap-40\@sm\+ { - margin: -20px !important; - } - .gap-40\@sm\+ > * { - padding: 20px !important; - } - } - @media screen and (min-width: 0) { - .gapX-40\@xs\+ { - margin-left: -20px !important; - margin-right: -20px !important; - } - .gapX-40\@xs\+ > * { - padding-left: 20px !important; - padding-right: 20px !important; - } - .gapY-40\@xs\+ { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .gapY-40\@xs\+ > * { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .gap-40\@xs\+ { - margin: -20px !important; - } - .gap-40\@xs\+ > * { - padding: 20px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-40\@xl- { - margin-left: -20px !important; - margin-right: -20px !important; - } - .gapX-40\@xl- > * { - padding-left: 20px !important; - padding-right: 20px !important; - } - .gapY-40\@xl- { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .gapY-40\@xl- > * { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .gap-40\@xl- { - margin: -20px !important; - } - .gap-40\@xl- > * { - padding: 20px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-40\@lg- { - margin-left: -20px !important; - margin-right: -20px !important; - } - .gapX-40\@lg- > * { - padding-left: 20px !important; - padding-right: 20px !important; - } - .gapY-40\@lg- { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .gapY-40\@lg- > * { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .gap-40\@lg- { - margin: -20px !important; - } - .gap-40\@lg- > * { - padding: 20px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-40\@md- { - margin-left: -20px !important; - margin-right: -20px !important; - } - .gapX-40\@md- > * { - padding-left: 20px !important; - padding-right: 20px !important; - } - .gapY-40\@md- { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .gapY-40\@md- > * { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .gap-40\@md- { - margin: -20px !important; - } - .gap-40\@md- > * { - padding: 20px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-40\@sm- { - margin-left: -20px !important; - margin-right: -20px !important; - } - .gapX-40\@sm- > * { - padding-left: 20px !important; - padding-right: 20px !important; - } - .gapY-40\@sm- { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .gapY-40\@sm- > * { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .gap-40\@sm- { - margin: -20px !important; - } - .gap-40\@sm- > * { - padding: 20px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-40\@lg { - margin-left: -20px !important; - margin-right: -20px !important; - } - .gapX-40\@lg > * { - padding-left: 20px !important; - padding-right: 20px !important; - } - .gapY-40\@lg { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .gapY-40\@lg > * { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .gap-40\@lg { - margin: -20px !important; - } - .gap-40\@lg > * { - padding: 20px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-40\@md { - margin-left: -20px !important; - margin-right: -20px !important; - } - .gapX-40\@md > * { - padding-left: 20px !important; - padding-right: 20px !important; - } - .gapY-40\@md { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .gapY-40\@md > * { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .gap-40\@md { - margin: -20px !important; - } - .gap-40\@md > * { - padding: 20px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-40\@sm { - margin-left: -20px !important; - margin-right: -20px !important; - } - .gapX-40\@sm > * { - padding-left: 20px !important; - padding-right: 20px !important; - } - .gapY-40\@sm { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .gapY-40\@sm > * { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .gap-40\@sm { - margin: -20px !important; - } - .gap-40\@sm > * { - padding: 20px !important; - } - } - .gapX-50 { - margin-left: -25px !important; - margin-right: -25px !important; - } - .gapX-50 > * { - padding-left: 25px !important; - padding-right: 25px !important; - } - - .gapY-50 { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .gapY-50 > * { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - - .gap-50 { - margin: -25px !important; - } - .gap-50 > * { - padding: 25px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-50\@xl\+ { - margin-left: -25px !important; - margin-right: -25px !important; - } - .gapX-50\@xl\+ > * { - padding-left: 25px !important; - padding-right: 25px !important; - } - .gapY-50\@xl\+ { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .gapY-50\@xl\+ > * { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .gap-50\@xl\+ { - margin: -25px !important; - } - .gap-50\@xl\+ > * { - padding: 25px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-50\@lg\+ { - margin-left: -25px !important; - margin-right: -25px !important; - } - .gapX-50\@lg\+ > * { - padding-left: 25px !important; - padding-right: 25px !important; - } - .gapY-50\@lg\+ { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .gapY-50\@lg\+ > * { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .gap-50\@lg\+ { - margin: -25px !important; - } - .gap-50\@lg\+ > * { - padding: 25px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-50\@md\+ { - margin-left: -25px !important; - margin-right: -25px !important; - } - .gapX-50\@md\+ > * { - padding-left: 25px !important; - padding-right: 25px !important; - } - .gapY-50\@md\+ { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .gapY-50\@md\+ > * { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .gap-50\@md\+ { - margin: -25px !important; - } - .gap-50\@md\+ > * { - padding: 25px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-50\@sm\+ { - margin-left: -25px !important; - margin-right: -25px !important; - } - .gapX-50\@sm\+ > * { - padding-left: 25px !important; - padding-right: 25px !important; - } - .gapY-50\@sm\+ { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .gapY-50\@sm\+ > * { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .gap-50\@sm\+ { - margin: -25px !important; - } - .gap-50\@sm\+ > * { - padding: 25px !important; - } - } - @media screen and (min-width: 0) { - .gapX-50\@xs\+ { - margin-left: -25px !important; - margin-right: -25px !important; - } - .gapX-50\@xs\+ > * { - padding-left: 25px !important; - padding-right: 25px !important; - } - .gapY-50\@xs\+ { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .gapY-50\@xs\+ > * { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .gap-50\@xs\+ { - margin: -25px !important; - } - .gap-50\@xs\+ > * { - padding: 25px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-50\@xl- { - margin-left: -25px !important; - margin-right: -25px !important; - } - .gapX-50\@xl- > * { - padding-left: 25px !important; - padding-right: 25px !important; - } - .gapY-50\@xl- { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .gapY-50\@xl- > * { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .gap-50\@xl- { - margin: -25px !important; - } - .gap-50\@xl- > * { - padding: 25px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-50\@lg- { - margin-left: -25px !important; - margin-right: -25px !important; - } - .gapX-50\@lg- > * { - padding-left: 25px !important; - padding-right: 25px !important; - } - .gapY-50\@lg- { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .gapY-50\@lg- > * { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .gap-50\@lg- { - margin: -25px !important; - } - .gap-50\@lg- > * { - padding: 25px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-50\@md- { - margin-left: -25px !important; - margin-right: -25px !important; - } - .gapX-50\@md- > * { - padding-left: 25px !important; - padding-right: 25px !important; - } - .gapY-50\@md- { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .gapY-50\@md- > * { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .gap-50\@md- { - margin: -25px !important; - } - .gap-50\@md- > * { - padding: 25px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-50\@sm- { - margin-left: -25px !important; - margin-right: -25px !important; - } - .gapX-50\@sm- > * { - padding-left: 25px !important; - padding-right: 25px !important; - } - .gapY-50\@sm- { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .gapY-50\@sm- > * { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .gap-50\@sm- { - margin: -25px !important; - } - .gap-50\@sm- > * { - padding: 25px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-50\@lg { - margin-left: -25px !important; - margin-right: -25px !important; - } - .gapX-50\@lg > * { - padding-left: 25px !important; - padding-right: 25px !important; - } - .gapY-50\@lg { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .gapY-50\@lg > * { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .gap-50\@lg { - margin: -25px !important; - } - .gap-50\@lg > * { - padding: 25px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-50\@md { - margin-left: -25px !important; - margin-right: -25px !important; - } - .gapX-50\@md > * { - padding-left: 25px !important; - padding-right: 25px !important; - } - .gapY-50\@md { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .gapY-50\@md > * { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .gap-50\@md { - margin: -25px !important; - } - .gap-50\@md > * { - padding: 25px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-50\@sm { - margin-left: -25px !important; - margin-right: -25px !important; - } - .gapX-50\@sm > * { - padding-left: 25px !important; - padding-right: 25px !important; - } - .gapY-50\@sm { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .gapY-50\@sm > * { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .gap-50\@sm { - margin: -25px !important; - } - .gap-50\@sm > * { - padding: 25px !important; - } - } - .gapX-60 { - margin-left: -30px !important; - margin-right: -30px !important; - } - .gapX-60 > * { - padding-left: 30px !important; - padding-right: 30px !important; - } - - .gapY-60 { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .gapY-60 > * { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - - .gap-60 { - margin: -30px !important; - } - .gap-60 > * { - padding: 30px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-60\@xl\+ { - margin-left: -30px !important; - margin-right: -30px !important; - } - .gapX-60\@xl\+ > * { - padding-left: 30px !important; - padding-right: 30px !important; - } - .gapY-60\@xl\+ { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .gapY-60\@xl\+ > * { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .gap-60\@xl\+ { - margin: -30px !important; - } - .gap-60\@xl\+ > * { - padding: 30px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-60\@lg\+ { - margin-left: -30px !important; - margin-right: -30px !important; - } - .gapX-60\@lg\+ > * { - padding-left: 30px !important; - padding-right: 30px !important; - } - .gapY-60\@lg\+ { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .gapY-60\@lg\+ > * { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .gap-60\@lg\+ { - margin: -30px !important; - } - .gap-60\@lg\+ > * { - padding: 30px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-60\@md\+ { - margin-left: -30px !important; - margin-right: -30px !important; - } - .gapX-60\@md\+ > * { - padding-left: 30px !important; - padding-right: 30px !important; - } - .gapY-60\@md\+ { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .gapY-60\@md\+ > * { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .gap-60\@md\+ { - margin: -30px !important; - } - .gap-60\@md\+ > * { - padding: 30px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-60\@sm\+ { - margin-left: -30px !important; - margin-right: -30px !important; - } - .gapX-60\@sm\+ > * { - padding-left: 30px !important; - padding-right: 30px !important; - } - .gapY-60\@sm\+ { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .gapY-60\@sm\+ > * { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .gap-60\@sm\+ { - margin: -30px !important; - } - .gap-60\@sm\+ > * { - padding: 30px !important; - } - } - @media screen and (min-width: 0) { - .gapX-60\@xs\+ { - margin-left: -30px !important; - margin-right: -30px !important; - } - .gapX-60\@xs\+ > * { - padding-left: 30px !important; - padding-right: 30px !important; - } - .gapY-60\@xs\+ { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .gapY-60\@xs\+ > * { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .gap-60\@xs\+ { - margin: -30px !important; - } - .gap-60\@xs\+ > * { - padding: 30px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-60\@xl- { - margin-left: -30px !important; - margin-right: -30px !important; - } - .gapX-60\@xl- > * { - padding-left: 30px !important; - padding-right: 30px !important; - } - .gapY-60\@xl- { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .gapY-60\@xl- > * { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .gap-60\@xl- { - margin: -30px !important; - } - .gap-60\@xl- > * { - padding: 30px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-60\@lg- { - margin-left: -30px !important; - margin-right: -30px !important; - } - .gapX-60\@lg- > * { - padding-left: 30px !important; - padding-right: 30px !important; - } - .gapY-60\@lg- { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .gapY-60\@lg- > * { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .gap-60\@lg- { - margin: -30px !important; - } - .gap-60\@lg- > * { - padding: 30px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-60\@md- { - margin-left: -30px !important; - margin-right: -30px !important; - } - .gapX-60\@md- > * { - padding-left: 30px !important; - padding-right: 30px !important; - } - .gapY-60\@md- { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .gapY-60\@md- > * { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .gap-60\@md- { - margin: -30px !important; - } - .gap-60\@md- > * { - padding: 30px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-60\@sm- { - margin-left: -30px !important; - margin-right: -30px !important; - } - .gapX-60\@sm- > * { - padding-left: 30px !important; - padding-right: 30px !important; - } - .gapY-60\@sm- { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .gapY-60\@sm- > * { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .gap-60\@sm- { - margin: -30px !important; - } - .gap-60\@sm- > * { - padding: 30px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-60\@lg { - margin-left: -30px !important; - margin-right: -30px !important; - } - .gapX-60\@lg > * { - padding-left: 30px !important; - padding-right: 30px !important; - } - .gapY-60\@lg { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .gapY-60\@lg > * { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .gap-60\@lg { - margin: -30px !important; - } - .gap-60\@lg > * { - padding: 30px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-60\@md { - margin-left: -30px !important; - margin-right: -30px !important; - } - .gapX-60\@md > * { - padding-left: 30px !important; - padding-right: 30px !important; - } - .gapY-60\@md { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .gapY-60\@md > * { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .gap-60\@md { - margin: -30px !important; - } - .gap-60\@md > * { - padding: 30px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-60\@sm { - margin-left: -30px !important; - margin-right: -30px !important; - } - .gapX-60\@sm > * { - padding-left: 30px !important; - padding-right: 30px !important; - } - .gapY-60\@sm { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .gapY-60\@sm > * { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .gap-60\@sm { - margin: -30px !important; - } - .gap-60\@sm > * { - padding: 30px !important; - } - } - .gapX-70 { - margin-left: -35px !important; - margin-right: -35px !important; - } - .gapX-70 > * { - padding-left: 35px !important; - padding-right: 35px !important; - } - - .gapY-70 { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .gapY-70 > * { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - - .gap-70 { - margin: -35px !important; - } - .gap-70 > * { - padding: 35px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-70\@xl\+ { - margin-left: -35px !important; - margin-right: -35px !important; - } - .gapX-70\@xl\+ > * { - padding-left: 35px !important; - padding-right: 35px !important; - } - .gapY-70\@xl\+ { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .gapY-70\@xl\+ > * { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .gap-70\@xl\+ { - margin: -35px !important; - } - .gap-70\@xl\+ > * { - padding: 35px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-70\@lg\+ { - margin-left: -35px !important; - margin-right: -35px !important; - } - .gapX-70\@lg\+ > * { - padding-left: 35px !important; - padding-right: 35px !important; - } - .gapY-70\@lg\+ { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .gapY-70\@lg\+ > * { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .gap-70\@lg\+ { - margin: -35px !important; - } - .gap-70\@lg\+ > * { - padding: 35px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-70\@md\+ { - margin-left: -35px !important; - margin-right: -35px !important; - } - .gapX-70\@md\+ > * { - padding-left: 35px !important; - padding-right: 35px !important; - } - .gapY-70\@md\+ { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .gapY-70\@md\+ > * { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .gap-70\@md\+ { - margin: -35px !important; - } - .gap-70\@md\+ > * { - padding: 35px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-70\@sm\+ { - margin-left: -35px !important; - margin-right: -35px !important; - } - .gapX-70\@sm\+ > * { - padding-left: 35px !important; - padding-right: 35px !important; - } - .gapY-70\@sm\+ { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .gapY-70\@sm\+ > * { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .gap-70\@sm\+ { - margin: -35px !important; - } - .gap-70\@sm\+ > * { - padding: 35px !important; - } - } - @media screen and (min-width: 0) { - .gapX-70\@xs\+ { - margin-left: -35px !important; - margin-right: -35px !important; - } - .gapX-70\@xs\+ > * { - padding-left: 35px !important; - padding-right: 35px !important; - } - .gapY-70\@xs\+ { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .gapY-70\@xs\+ > * { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .gap-70\@xs\+ { - margin: -35px !important; - } - .gap-70\@xs\+ > * { - padding: 35px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-70\@xl- { - margin-left: -35px !important; - margin-right: -35px !important; - } - .gapX-70\@xl- > * { - padding-left: 35px !important; - padding-right: 35px !important; - } - .gapY-70\@xl- { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .gapY-70\@xl- > * { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .gap-70\@xl- { - margin: -35px !important; - } - .gap-70\@xl- > * { - padding: 35px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-70\@lg- { - margin-left: -35px !important; - margin-right: -35px !important; - } - .gapX-70\@lg- > * { - padding-left: 35px !important; - padding-right: 35px !important; - } - .gapY-70\@lg- { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .gapY-70\@lg- > * { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .gap-70\@lg- { - margin: -35px !important; - } - .gap-70\@lg- > * { - padding: 35px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-70\@md- { - margin-left: -35px !important; - margin-right: -35px !important; - } - .gapX-70\@md- > * { - padding-left: 35px !important; - padding-right: 35px !important; - } - .gapY-70\@md- { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .gapY-70\@md- > * { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .gap-70\@md- { - margin: -35px !important; - } - .gap-70\@md- > * { - padding: 35px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-70\@sm- { - margin-left: -35px !important; - margin-right: -35px !important; - } - .gapX-70\@sm- > * { - padding-left: 35px !important; - padding-right: 35px !important; - } - .gapY-70\@sm- { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .gapY-70\@sm- > * { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .gap-70\@sm- { - margin: -35px !important; - } - .gap-70\@sm- > * { - padding: 35px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-70\@lg { - margin-left: -35px !important; - margin-right: -35px !important; - } - .gapX-70\@lg > * { - padding-left: 35px !important; - padding-right: 35px !important; - } - .gapY-70\@lg { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .gapY-70\@lg > * { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .gap-70\@lg { - margin: -35px !important; - } - .gap-70\@lg > * { - padding: 35px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-70\@md { - margin-left: -35px !important; - margin-right: -35px !important; - } - .gapX-70\@md > * { - padding-left: 35px !important; - padding-right: 35px !important; - } - .gapY-70\@md { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .gapY-70\@md > * { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .gap-70\@md { - margin: -35px !important; - } - .gap-70\@md > * { - padding: 35px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-70\@sm { - margin-left: -35px !important; - margin-right: -35px !important; - } - .gapX-70\@sm > * { - padding-left: 35px !important; - padding-right: 35px !important; - } - .gapY-70\@sm { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .gapY-70\@sm > * { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .gap-70\@sm { - margin: -35px !important; - } - .gap-70\@sm > * { - padding: 35px !important; - } - } - .gapX-80 { - margin-left: -40px !important; - margin-right: -40px !important; - } - .gapX-80 > * { - padding-left: 40px !important; - padding-right: 40px !important; - } - - .gapY-80 { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .gapY-80 > * { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - - .gap-80 { - margin: -40px !important; - } - .gap-80 > * { - padding: 40px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-80\@xl\+ { - margin-left: -40px !important; - margin-right: -40px !important; - } - .gapX-80\@xl\+ > * { - padding-left: 40px !important; - padding-right: 40px !important; - } - .gapY-80\@xl\+ { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .gapY-80\@xl\+ > * { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .gap-80\@xl\+ { - margin: -40px !important; - } - .gap-80\@xl\+ > * { - padding: 40px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-80\@lg\+ { - margin-left: -40px !important; - margin-right: -40px !important; - } - .gapX-80\@lg\+ > * { - padding-left: 40px !important; - padding-right: 40px !important; - } - .gapY-80\@lg\+ { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .gapY-80\@lg\+ > * { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .gap-80\@lg\+ { - margin: -40px !important; - } - .gap-80\@lg\+ > * { - padding: 40px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-80\@md\+ { - margin-left: -40px !important; - margin-right: -40px !important; - } - .gapX-80\@md\+ > * { - padding-left: 40px !important; - padding-right: 40px !important; - } - .gapY-80\@md\+ { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .gapY-80\@md\+ > * { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .gap-80\@md\+ { - margin: -40px !important; - } - .gap-80\@md\+ > * { - padding: 40px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-80\@sm\+ { - margin-left: -40px !important; - margin-right: -40px !important; - } - .gapX-80\@sm\+ > * { - padding-left: 40px !important; - padding-right: 40px !important; - } - .gapY-80\@sm\+ { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .gapY-80\@sm\+ > * { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .gap-80\@sm\+ { - margin: -40px !important; - } - .gap-80\@sm\+ > * { - padding: 40px !important; - } - } - @media screen and (min-width: 0) { - .gapX-80\@xs\+ { - margin-left: -40px !important; - margin-right: -40px !important; - } - .gapX-80\@xs\+ > * { - padding-left: 40px !important; - padding-right: 40px !important; - } - .gapY-80\@xs\+ { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .gapY-80\@xs\+ > * { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .gap-80\@xs\+ { - margin: -40px !important; - } - .gap-80\@xs\+ > * { - padding: 40px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-80\@xl- { - margin-left: -40px !important; - margin-right: -40px !important; - } - .gapX-80\@xl- > * { - padding-left: 40px !important; - padding-right: 40px !important; - } - .gapY-80\@xl- { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .gapY-80\@xl- > * { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .gap-80\@xl- { - margin: -40px !important; - } - .gap-80\@xl- > * { - padding: 40px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-80\@lg- { - margin-left: -40px !important; - margin-right: -40px !important; - } - .gapX-80\@lg- > * { - padding-left: 40px !important; - padding-right: 40px !important; - } - .gapY-80\@lg- { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .gapY-80\@lg- > * { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .gap-80\@lg- { - margin: -40px !important; - } - .gap-80\@lg- > * { - padding: 40px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-80\@md- { - margin-left: -40px !important; - margin-right: -40px !important; - } - .gapX-80\@md- > * { - padding-left: 40px !important; - padding-right: 40px !important; - } - .gapY-80\@md- { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .gapY-80\@md- > * { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .gap-80\@md- { - margin: -40px !important; - } - .gap-80\@md- > * { - padding: 40px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-80\@sm- { - margin-left: -40px !important; - margin-right: -40px !important; - } - .gapX-80\@sm- > * { - padding-left: 40px !important; - padding-right: 40px !important; - } - .gapY-80\@sm- { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .gapY-80\@sm- > * { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .gap-80\@sm- { - margin: -40px !important; - } - .gap-80\@sm- > * { - padding: 40px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-80\@lg { - margin-left: -40px !important; - margin-right: -40px !important; - } - .gapX-80\@lg > * { - padding-left: 40px !important; - padding-right: 40px !important; - } - .gapY-80\@lg { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .gapY-80\@lg > * { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .gap-80\@lg { - margin: -40px !important; - } - .gap-80\@lg > * { - padding: 40px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-80\@md { - margin-left: -40px !important; - margin-right: -40px !important; - } - .gapX-80\@md > * { - padding-left: 40px !important; - padding-right: 40px !important; - } - .gapY-80\@md { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .gapY-80\@md > * { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .gap-80\@md { - margin: -40px !important; - } - .gap-80\@md > * { - padding: 40px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-80\@sm { - margin-left: -40px !important; - margin-right: -40px !important; - } - .gapX-80\@sm > * { - padding-left: 40px !important; - padding-right: 40px !important; - } - .gapY-80\@sm { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .gapY-80\@sm > * { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .gap-80\@sm { - margin: -40px !important; - } - .gap-80\@sm > * { - padding: 40px !important; - } - } - .gapX-90 { - margin-left: -45px !important; - margin-right: -45px !important; - } - .gapX-90 > * { - padding-left: 45px !important; - padding-right: 45px !important; - } - - .gapY-90 { - margin-top: -45px !important; - margin-bottom: -45px !important; - } - .gapY-90 > * { - padding-top: 45px !important; - padding-bottom: 45px !important; - } - - .gap-90 { - margin: -45px !important; - } - .gap-90 > * { - padding: 45px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-90\@xl\+ { - margin-left: -45px !important; - margin-right: -45px !important; - } - .gapX-90\@xl\+ > * { - padding-left: 45px !important; - padding-right: 45px !important; - } - .gapY-90\@xl\+ { - margin-top: -45px !important; - margin-bottom: -45px !important; - } - .gapY-90\@xl\+ > * { - padding-top: 45px !important; - padding-bottom: 45px !important; - } - .gap-90\@xl\+ { - margin: -45px !important; - } - .gap-90\@xl\+ > * { - padding: 45px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-90\@lg\+ { - margin-left: -45px !important; - margin-right: -45px !important; - } - .gapX-90\@lg\+ > * { - padding-left: 45px !important; - padding-right: 45px !important; - } - .gapY-90\@lg\+ { - margin-top: -45px !important; - margin-bottom: -45px !important; - } - .gapY-90\@lg\+ > * { - padding-top: 45px !important; - padding-bottom: 45px !important; - } - .gap-90\@lg\+ { - margin: -45px !important; - } - .gap-90\@lg\+ > * { - padding: 45px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-90\@md\+ { - margin-left: -45px !important; - margin-right: -45px !important; - } - .gapX-90\@md\+ > * { - padding-left: 45px !important; - padding-right: 45px !important; - } - .gapY-90\@md\+ { - margin-top: -45px !important; - margin-bottom: -45px !important; - } - .gapY-90\@md\+ > * { - padding-top: 45px !important; - padding-bottom: 45px !important; - } - .gap-90\@md\+ { - margin: -45px !important; - } - .gap-90\@md\+ > * { - padding: 45px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-90\@sm\+ { - margin-left: -45px !important; - margin-right: -45px !important; - } - .gapX-90\@sm\+ > * { - padding-left: 45px !important; - padding-right: 45px !important; - } - .gapY-90\@sm\+ { - margin-top: -45px !important; - margin-bottom: -45px !important; - } - .gapY-90\@sm\+ > * { - padding-top: 45px !important; - padding-bottom: 45px !important; - } - .gap-90\@sm\+ { - margin: -45px !important; - } - .gap-90\@sm\+ > * { - padding: 45px !important; - } - } - @media screen and (min-width: 0) { - .gapX-90\@xs\+ { - margin-left: -45px !important; - margin-right: -45px !important; - } - .gapX-90\@xs\+ > * { - padding-left: 45px !important; - padding-right: 45px !important; - } - .gapY-90\@xs\+ { - margin-top: -45px !important; - margin-bottom: -45px !important; - } - .gapY-90\@xs\+ > * { - padding-top: 45px !important; - padding-bottom: 45px !important; - } - .gap-90\@xs\+ { - margin: -45px !important; - } - .gap-90\@xs\+ > * { - padding: 45px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-90\@xl- { - margin-left: -45px !important; - margin-right: -45px !important; - } - .gapX-90\@xl- > * { - padding-left: 45px !important; - padding-right: 45px !important; - } - .gapY-90\@xl- { - margin-top: -45px !important; - margin-bottom: -45px !important; - } - .gapY-90\@xl- > * { - padding-top: 45px !important; - padding-bottom: 45px !important; - } - .gap-90\@xl- { - margin: -45px !important; - } - .gap-90\@xl- > * { - padding: 45px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-90\@lg- { - margin-left: -45px !important; - margin-right: -45px !important; - } - .gapX-90\@lg- > * { - padding-left: 45px !important; - padding-right: 45px !important; - } - .gapY-90\@lg- { - margin-top: -45px !important; - margin-bottom: -45px !important; - } - .gapY-90\@lg- > * { - padding-top: 45px !important; - padding-bottom: 45px !important; - } - .gap-90\@lg- { - margin: -45px !important; - } - .gap-90\@lg- > * { - padding: 45px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-90\@md- { - margin-left: -45px !important; - margin-right: -45px !important; - } - .gapX-90\@md- > * { - padding-left: 45px !important; - padding-right: 45px !important; - } - .gapY-90\@md- { - margin-top: -45px !important; - margin-bottom: -45px !important; - } - .gapY-90\@md- > * { - padding-top: 45px !important; - padding-bottom: 45px !important; - } - .gap-90\@md- { - margin: -45px !important; - } - .gap-90\@md- > * { - padding: 45px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-90\@sm- { - margin-left: -45px !important; - margin-right: -45px !important; - } - .gapX-90\@sm- > * { - padding-left: 45px !important; - padding-right: 45px !important; - } - .gapY-90\@sm- { - margin-top: -45px !important; - margin-bottom: -45px !important; - } - .gapY-90\@sm- > * { - padding-top: 45px !important; - padding-bottom: 45px !important; - } - .gap-90\@sm- { - margin: -45px !important; - } - .gap-90\@sm- > * { - padding: 45px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-90\@lg { - margin-left: -45px !important; - margin-right: -45px !important; - } - .gapX-90\@lg > * { - padding-left: 45px !important; - padding-right: 45px !important; - } - .gapY-90\@lg { - margin-top: -45px !important; - margin-bottom: -45px !important; - } - .gapY-90\@lg > * { - padding-top: 45px !important; - padding-bottom: 45px !important; - } - .gap-90\@lg { - margin: -45px !important; - } - .gap-90\@lg > * { - padding: 45px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-90\@md { - margin-left: -45px !important; - margin-right: -45px !important; - } - .gapX-90\@md > * { - padding-left: 45px !important; - padding-right: 45px !important; - } - .gapY-90\@md { - margin-top: -45px !important; - margin-bottom: -45px !important; - } - .gapY-90\@md > * { - padding-top: 45px !important; - padding-bottom: 45px !important; - } - .gap-90\@md { - margin: -45px !important; - } - .gap-90\@md > * { - padding: 45px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-90\@sm { - margin-left: -45px !important; - margin-right: -45px !important; - } - .gapX-90\@sm > * { - padding-left: 45px !important; - padding-right: 45px !important; - } - .gapY-90\@sm { - margin-top: -45px !important; - margin-bottom: -45px !important; - } - .gapY-90\@sm > * { - padding-top: 45px !important; - padding-bottom: 45px !important; - } - .gap-90\@sm { - margin: -45px !important; - } - .gap-90\@sm > * { - padding: 45px !important; - } - } - .gapX-100 { - margin-left: -50px !important; - margin-right: -50px !important; - } - .gapX-100 > * { - padding-left: 50px !important; - padding-right: 50px !important; - } - - .gapY-100 { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .gapY-100 > * { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - - .gap-100 { - margin: -50px !important; - } - .gap-100 > * { - padding: 50px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-100\@xl\+ { - margin-left: -50px !important; - margin-right: -50px !important; - } - .gapX-100\@xl\+ > * { - padding-left: 50px !important; - padding-right: 50px !important; - } - .gapY-100\@xl\+ { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .gapY-100\@xl\+ > * { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .gap-100\@xl\+ { - margin: -50px !important; - } - .gap-100\@xl\+ > * { - padding: 50px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-100\@lg\+ { - margin-left: -50px !important; - margin-right: -50px !important; - } - .gapX-100\@lg\+ > * { - padding-left: 50px !important; - padding-right: 50px !important; - } - .gapY-100\@lg\+ { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .gapY-100\@lg\+ > * { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .gap-100\@lg\+ { - margin: -50px !important; - } - .gap-100\@lg\+ > * { - padding: 50px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-100\@md\+ { - margin-left: -50px !important; - margin-right: -50px !important; - } - .gapX-100\@md\+ > * { - padding-left: 50px !important; - padding-right: 50px !important; - } - .gapY-100\@md\+ { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .gapY-100\@md\+ > * { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .gap-100\@md\+ { - margin: -50px !important; - } - .gap-100\@md\+ > * { - padding: 50px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-100\@sm\+ { - margin-left: -50px !important; - margin-right: -50px !important; - } - .gapX-100\@sm\+ > * { - padding-left: 50px !important; - padding-right: 50px !important; - } - .gapY-100\@sm\+ { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .gapY-100\@sm\+ > * { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .gap-100\@sm\+ { - margin: -50px !important; - } - .gap-100\@sm\+ > * { - padding: 50px !important; - } - } - @media screen and (min-width: 0) { - .gapX-100\@xs\+ { - margin-left: -50px !important; - margin-right: -50px !important; - } - .gapX-100\@xs\+ > * { - padding-left: 50px !important; - padding-right: 50px !important; - } - .gapY-100\@xs\+ { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .gapY-100\@xs\+ > * { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .gap-100\@xs\+ { - margin: -50px !important; - } - .gap-100\@xs\+ > * { - padding: 50px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-100\@xl- { - margin-left: -50px !important; - margin-right: -50px !important; - } - .gapX-100\@xl- > * { - padding-left: 50px !important; - padding-right: 50px !important; - } - .gapY-100\@xl- { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .gapY-100\@xl- > * { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .gap-100\@xl- { - margin: -50px !important; - } - .gap-100\@xl- > * { - padding: 50px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-100\@lg- { - margin-left: -50px !important; - margin-right: -50px !important; - } - .gapX-100\@lg- > * { - padding-left: 50px !important; - padding-right: 50px !important; - } - .gapY-100\@lg- { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .gapY-100\@lg- > * { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .gap-100\@lg- { - margin: -50px !important; - } - .gap-100\@lg- > * { - padding: 50px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-100\@md- { - margin-left: -50px !important; - margin-right: -50px !important; - } - .gapX-100\@md- > * { - padding-left: 50px !important; - padding-right: 50px !important; - } - .gapY-100\@md- { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .gapY-100\@md- > * { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .gap-100\@md- { - margin: -50px !important; - } - .gap-100\@md- > * { - padding: 50px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-100\@sm- { - margin-left: -50px !important; - margin-right: -50px !important; - } - .gapX-100\@sm- > * { - padding-left: 50px !important; - padding-right: 50px !important; - } - .gapY-100\@sm- { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .gapY-100\@sm- > * { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .gap-100\@sm- { - margin: -50px !important; - } - .gap-100\@sm- > * { - padding: 50px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-100\@lg { - margin-left: -50px !important; - margin-right: -50px !important; - } - .gapX-100\@lg > * { - padding-left: 50px !important; - padding-right: 50px !important; - } - .gapY-100\@lg { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .gapY-100\@lg > * { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .gap-100\@lg { - margin: -50px !important; - } - .gap-100\@lg > * { - padding: 50px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-100\@md { - margin-left: -50px !important; - margin-right: -50px !important; - } - .gapX-100\@md > * { - padding-left: 50px !important; - padding-right: 50px !important; - } - .gapY-100\@md { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .gapY-100\@md > * { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .gap-100\@md { - margin: -50px !important; - } - .gap-100\@md > * { - padding: 50px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-100\@sm { - margin-left: -50px !important; - margin-right: -50px !important; - } - .gapX-100\@sm > * { - padding-left: 50px !important; - padding-right: 50px !important; - } - .gapY-100\@sm { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .gapY-100\@sm > * { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .gap-100\@sm { - margin: -50px !important; - } - .gap-100\@sm > * { - padding: 50px !important; - } - } - .gapX-110 { - margin-left: -55px !important; - margin-right: -55px !important; - } - .gapX-110 > * { - padding-left: 55px !important; - padding-right: 55px !important; - } - - .gapY-110 { - margin-top: -55px !important; - margin-bottom: -55px !important; - } - .gapY-110 > * { - padding-top: 55px !important; - padding-bottom: 55px !important; - } - - .gap-110 { - margin: -55px !important; - } - .gap-110 > * { - padding: 55px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-110\@xl\+ { - margin-left: -55px !important; - margin-right: -55px !important; - } - .gapX-110\@xl\+ > * { - padding-left: 55px !important; - padding-right: 55px !important; - } - .gapY-110\@xl\+ { - margin-top: -55px !important; - margin-bottom: -55px !important; - } - .gapY-110\@xl\+ > * { - padding-top: 55px !important; - padding-bottom: 55px !important; - } - .gap-110\@xl\+ { - margin: -55px !important; - } - .gap-110\@xl\+ > * { - padding: 55px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-110\@lg\+ { - margin-left: -55px !important; - margin-right: -55px !important; - } - .gapX-110\@lg\+ > * { - padding-left: 55px !important; - padding-right: 55px !important; - } - .gapY-110\@lg\+ { - margin-top: -55px !important; - margin-bottom: -55px !important; - } - .gapY-110\@lg\+ > * { - padding-top: 55px !important; - padding-bottom: 55px !important; - } - .gap-110\@lg\+ { - margin: -55px !important; - } - .gap-110\@lg\+ > * { - padding: 55px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-110\@md\+ { - margin-left: -55px !important; - margin-right: -55px !important; - } - .gapX-110\@md\+ > * { - padding-left: 55px !important; - padding-right: 55px !important; - } - .gapY-110\@md\+ { - margin-top: -55px !important; - margin-bottom: -55px !important; - } - .gapY-110\@md\+ > * { - padding-top: 55px !important; - padding-bottom: 55px !important; - } - .gap-110\@md\+ { - margin: -55px !important; - } - .gap-110\@md\+ > * { - padding: 55px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-110\@sm\+ { - margin-left: -55px !important; - margin-right: -55px !important; - } - .gapX-110\@sm\+ > * { - padding-left: 55px !important; - padding-right: 55px !important; - } - .gapY-110\@sm\+ { - margin-top: -55px !important; - margin-bottom: -55px !important; - } - .gapY-110\@sm\+ > * { - padding-top: 55px !important; - padding-bottom: 55px !important; - } - .gap-110\@sm\+ { - margin: -55px !important; - } - .gap-110\@sm\+ > * { - padding: 55px !important; - } - } - @media screen and (min-width: 0) { - .gapX-110\@xs\+ { - margin-left: -55px !important; - margin-right: -55px !important; - } - .gapX-110\@xs\+ > * { - padding-left: 55px !important; - padding-right: 55px !important; - } - .gapY-110\@xs\+ { - margin-top: -55px !important; - margin-bottom: -55px !important; - } - .gapY-110\@xs\+ > * { - padding-top: 55px !important; - padding-bottom: 55px !important; - } - .gap-110\@xs\+ { - margin: -55px !important; - } - .gap-110\@xs\+ > * { - padding: 55px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-110\@xl- { - margin-left: -55px !important; - margin-right: -55px !important; - } - .gapX-110\@xl- > * { - padding-left: 55px !important; - padding-right: 55px !important; - } - .gapY-110\@xl- { - margin-top: -55px !important; - margin-bottom: -55px !important; - } - .gapY-110\@xl- > * { - padding-top: 55px !important; - padding-bottom: 55px !important; - } - .gap-110\@xl- { - margin: -55px !important; - } - .gap-110\@xl- > * { - padding: 55px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-110\@lg- { - margin-left: -55px !important; - margin-right: -55px !important; - } - .gapX-110\@lg- > * { - padding-left: 55px !important; - padding-right: 55px !important; - } - .gapY-110\@lg- { - margin-top: -55px !important; - margin-bottom: -55px !important; - } - .gapY-110\@lg- > * { - padding-top: 55px !important; - padding-bottom: 55px !important; - } - .gap-110\@lg- { - margin: -55px !important; - } - .gap-110\@lg- > * { - padding: 55px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-110\@md- { - margin-left: -55px !important; - margin-right: -55px !important; - } - .gapX-110\@md- > * { - padding-left: 55px !important; - padding-right: 55px !important; - } - .gapY-110\@md- { - margin-top: -55px !important; - margin-bottom: -55px !important; - } - .gapY-110\@md- > * { - padding-top: 55px !important; - padding-bottom: 55px !important; - } - .gap-110\@md- { - margin: -55px !important; - } - .gap-110\@md- > * { - padding: 55px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-110\@sm- { - margin-left: -55px !important; - margin-right: -55px !important; - } - .gapX-110\@sm- > * { - padding-left: 55px !important; - padding-right: 55px !important; - } - .gapY-110\@sm- { - margin-top: -55px !important; - margin-bottom: -55px !important; - } - .gapY-110\@sm- > * { - padding-top: 55px !important; - padding-bottom: 55px !important; - } - .gap-110\@sm- { - margin: -55px !important; - } - .gap-110\@sm- > * { - padding: 55px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-110\@lg { - margin-left: -55px !important; - margin-right: -55px !important; - } - .gapX-110\@lg > * { - padding-left: 55px !important; - padding-right: 55px !important; - } - .gapY-110\@lg { - margin-top: -55px !important; - margin-bottom: -55px !important; - } - .gapY-110\@lg > * { - padding-top: 55px !important; - padding-bottom: 55px !important; - } - .gap-110\@lg { - margin: -55px !important; - } - .gap-110\@lg > * { - padding: 55px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-110\@md { - margin-left: -55px !important; - margin-right: -55px !important; - } - .gapX-110\@md > * { - padding-left: 55px !important; - padding-right: 55px !important; - } - .gapY-110\@md { - margin-top: -55px !important; - margin-bottom: -55px !important; - } - .gapY-110\@md > * { - padding-top: 55px !important; - padding-bottom: 55px !important; - } - .gap-110\@md { - margin: -55px !important; - } - .gap-110\@md > * { - padding: 55px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-110\@sm { - margin-left: -55px !important; - margin-right: -55px !important; - } - .gapX-110\@sm > * { - padding-left: 55px !important; - padding-right: 55px !important; - } - .gapY-110\@sm { - margin-top: -55px !important; - margin-bottom: -55px !important; - } - .gapY-110\@sm > * { - padding-top: 55px !important; - padding-bottom: 55px !important; - } - .gap-110\@sm { - margin: -55px !important; - } - .gap-110\@sm > * { - padding: 55px !important; - } - } - .gapX-120 { - margin-left: -60px !important; - margin-right: -60px !important; - } - .gapX-120 > * { - padding-left: 60px !important; - padding-right: 60px !important; - } - - .gapY-120 { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .gapY-120 > * { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - - .gap-120 { - margin: -60px !important; - } - .gap-120 > * { - padding: 60px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-120\@xl\+ { - margin-left: -60px !important; - margin-right: -60px !important; - } - .gapX-120\@xl\+ > * { - padding-left: 60px !important; - padding-right: 60px !important; - } - .gapY-120\@xl\+ { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .gapY-120\@xl\+ > * { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .gap-120\@xl\+ { - margin: -60px !important; - } - .gap-120\@xl\+ > * { - padding: 60px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-120\@lg\+ { - margin-left: -60px !important; - margin-right: -60px !important; - } - .gapX-120\@lg\+ > * { - padding-left: 60px !important; - padding-right: 60px !important; - } - .gapY-120\@lg\+ { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .gapY-120\@lg\+ > * { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .gap-120\@lg\+ { - margin: -60px !important; - } - .gap-120\@lg\+ > * { - padding: 60px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-120\@md\+ { - margin-left: -60px !important; - margin-right: -60px !important; - } - .gapX-120\@md\+ > * { - padding-left: 60px !important; - padding-right: 60px !important; - } - .gapY-120\@md\+ { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .gapY-120\@md\+ > * { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .gap-120\@md\+ { - margin: -60px !important; - } - .gap-120\@md\+ > * { - padding: 60px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-120\@sm\+ { - margin-left: -60px !important; - margin-right: -60px !important; - } - .gapX-120\@sm\+ > * { - padding-left: 60px !important; - padding-right: 60px !important; - } - .gapY-120\@sm\+ { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .gapY-120\@sm\+ > * { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .gap-120\@sm\+ { - margin: -60px !important; - } - .gap-120\@sm\+ > * { - padding: 60px !important; - } - } - @media screen and (min-width: 0) { - .gapX-120\@xs\+ { - margin-left: -60px !important; - margin-right: -60px !important; - } - .gapX-120\@xs\+ > * { - padding-left: 60px !important; - padding-right: 60px !important; - } - .gapY-120\@xs\+ { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .gapY-120\@xs\+ > * { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .gap-120\@xs\+ { - margin: -60px !important; - } - .gap-120\@xs\+ > * { - padding: 60px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-120\@xl- { - margin-left: -60px !important; - margin-right: -60px !important; - } - .gapX-120\@xl- > * { - padding-left: 60px !important; - padding-right: 60px !important; - } - .gapY-120\@xl- { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .gapY-120\@xl- > * { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .gap-120\@xl- { - margin: -60px !important; - } - .gap-120\@xl- > * { - padding: 60px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-120\@lg- { - margin-left: -60px !important; - margin-right: -60px !important; - } - .gapX-120\@lg- > * { - padding-left: 60px !important; - padding-right: 60px !important; - } - .gapY-120\@lg- { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .gapY-120\@lg- > * { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .gap-120\@lg- { - margin: -60px !important; - } - .gap-120\@lg- > * { - padding: 60px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-120\@md- { - margin-left: -60px !important; - margin-right: -60px !important; - } - .gapX-120\@md- > * { - padding-left: 60px !important; - padding-right: 60px !important; - } - .gapY-120\@md- { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .gapY-120\@md- > * { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .gap-120\@md- { - margin: -60px !important; - } - .gap-120\@md- > * { - padding: 60px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-120\@sm- { - margin-left: -60px !important; - margin-right: -60px !important; - } - .gapX-120\@sm- > * { - padding-left: 60px !important; - padding-right: 60px !important; - } - .gapY-120\@sm- { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .gapY-120\@sm- > * { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .gap-120\@sm- { - margin: -60px !important; - } - .gap-120\@sm- > * { - padding: 60px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-120\@lg { - margin-left: -60px !important; - margin-right: -60px !important; - } - .gapX-120\@lg > * { - padding-left: 60px !important; - padding-right: 60px !important; - } - .gapY-120\@lg { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .gapY-120\@lg > * { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .gap-120\@lg { - margin: -60px !important; - } - .gap-120\@lg > * { - padding: 60px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-120\@md { - margin-left: -60px !important; - margin-right: -60px !important; - } - .gapX-120\@md > * { - padding-left: 60px !important; - padding-right: 60px !important; - } - .gapY-120\@md { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .gapY-120\@md > * { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .gap-120\@md { - margin: -60px !important; - } - .gap-120\@md > * { - padding: 60px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-120\@sm { - margin-left: -60px !important; - margin-right: -60px !important; - } - .gapX-120\@sm > * { - padding-left: 60px !important; - padding-right: 60px !important; - } - .gapY-120\@sm { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .gapY-120\@sm > * { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .gap-120\@sm { - margin: -60px !important; - } - .gap-120\@sm > * { - padding: 60px !important; - } - } - .gapX-130 { - margin-left: -65px !important; - margin-right: -65px !important; - } - .gapX-130 > * { - padding-left: 65px !important; - padding-right: 65px !important; - } - - .gapY-130 { - margin-top: -65px !important; - margin-bottom: -65px !important; - } - .gapY-130 > * { - padding-top: 65px !important; - padding-bottom: 65px !important; - } - - .gap-130 { - margin: -65px !important; - } - .gap-130 > * { - padding: 65px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-130\@xl\+ { - margin-left: -65px !important; - margin-right: -65px !important; - } - .gapX-130\@xl\+ > * { - padding-left: 65px !important; - padding-right: 65px !important; - } - .gapY-130\@xl\+ { - margin-top: -65px !important; - margin-bottom: -65px !important; - } - .gapY-130\@xl\+ > * { - padding-top: 65px !important; - padding-bottom: 65px !important; - } - .gap-130\@xl\+ { - margin: -65px !important; - } - .gap-130\@xl\+ > * { - padding: 65px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-130\@lg\+ { - margin-left: -65px !important; - margin-right: -65px !important; - } - .gapX-130\@lg\+ > * { - padding-left: 65px !important; - padding-right: 65px !important; - } - .gapY-130\@lg\+ { - margin-top: -65px !important; - margin-bottom: -65px !important; - } - .gapY-130\@lg\+ > * { - padding-top: 65px !important; - padding-bottom: 65px !important; - } - .gap-130\@lg\+ { - margin: -65px !important; - } - .gap-130\@lg\+ > * { - padding: 65px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-130\@md\+ { - margin-left: -65px !important; - margin-right: -65px !important; - } - .gapX-130\@md\+ > * { - padding-left: 65px !important; - padding-right: 65px !important; - } - .gapY-130\@md\+ { - margin-top: -65px !important; - margin-bottom: -65px !important; - } - .gapY-130\@md\+ > * { - padding-top: 65px !important; - padding-bottom: 65px !important; - } - .gap-130\@md\+ { - margin: -65px !important; - } - .gap-130\@md\+ > * { - padding: 65px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-130\@sm\+ { - margin-left: -65px !important; - margin-right: -65px !important; - } - .gapX-130\@sm\+ > * { - padding-left: 65px !important; - padding-right: 65px !important; - } - .gapY-130\@sm\+ { - margin-top: -65px !important; - margin-bottom: -65px !important; - } - .gapY-130\@sm\+ > * { - padding-top: 65px !important; - padding-bottom: 65px !important; - } - .gap-130\@sm\+ { - margin: -65px !important; - } - .gap-130\@sm\+ > * { - padding: 65px !important; - } - } - @media screen and (min-width: 0) { - .gapX-130\@xs\+ { - margin-left: -65px !important; - margin-right: -65px !important; - } - .gapX-130\@xs\+ > * { - padding-left: 65px !important; - padding-right: 65px !important; - } - .gapY-130\@xs\+ { - margin-top: -65px !important; - margin-bottom: -65px !important; - } - .gapY-130\@xs\+ > * { - padding-top: 65px !important; - padding-bottom: 65px !important; - } - .gap-130\@xs\+ { - margin: -65px !important; - } - .gap-130\@xs\+ > * { - padding: 65px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-130\@xl- { - margin-left: -65px !important; - margin-right: -65px !important; - } - .gapX-130\@xl- > * { - padding-left: 65px !important; - padding-right: 65px !important; - } - .gapY-130\@xl- { - margin-top: -65px !important; - margin-bottom: -65px !important; - } - .gapY-130\@xl- > * { - padding-top: 65px !important; - padding-bottom: 65px !important; - } - .gap-130\@xl- { - margin: -65px !important; - } - .gap-130\@xl- > * { - padding: 65px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-130\@lg- { - margin-left: -65px !important; - margin-right: -65px !important; - } - .gapX-130\@lg- > * { - padding-left: 65px !important; - padding-right: 65px !important; - } - .gapY-130\@lg- { - margin-top: -65px !important; - margin-bottom: -65px !important; - } - .gapY-130\@lg- > * { - padding-top: 65px !important; - padding-bottom: 65px !important; - } - .gap-130\@lg- { - margin: -65px !important; - } - .gap-130\@lg- > * { - padding: 65px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-130\@md- { - margin-left: -65px !important; - margin-right: -65px !important; - } - .gapX-130\@md- > * { - padding-left: 65px !important; - padding-right: 65px !important; - } - .gapY-130\@md- { - margin-top: -65px !important; - margin-bottom: -65px !important; - } - .gapY-130\@md- > * { - padding-top: 65px !important; - padding-bottom: 65px !important; - } - .gap-130\@md- { - margin: -65px !important; - } - .gap-130\@md- > * { - padding: 65px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-130\@sm- { - margin-left: -65px !important; - margin-right: -65px !important; - } - .gapX-130\@sm- > * { - padding-left: 65px !important; - padding-right: 65px !important; - } - .gapY-130\@sm- { - margin-top: -65px !important; - margin-bottom: -65px !important; - } - .gapY-130\@sm- > * { - padding-top: 65px !important; - padding-bottom: 65px !important; - } - .gap-130\@sm- { - margin: -65px !important; - } - .gap-130\@sm- > * { - padding: 65px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-130\@lg { - margin-left: -65px !important; - margin-right: -65px !important; - } - .gapX-130\@lg > * { - padding-left: 65px !important; - padding-right: 65px !important; - } - .gapY-130\@lg { - margin-top: -65px !important; - margin-bottom: -65px !important; - } - .gapY-130\@lg > * { - padding-top: 65px !important; - padding-bottom: 65px !important; - } - .gap-130\@lg { - margin: -65px !important; - } - .gap-130\@lg > * { - padding: 65px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-130\@md { - margin-left: -65px !important; - margin-right: -65px !important; - } - .gapX-130\@md > * { - padding-left: 65px !important; - padding-right: 65px !important; - } - .gapY-130\@md { - margin-top: -65px !important; - margin-bottom: -65px !important; - } - .gapY-130\@md > * { - padding-top: 65px !important; - padding-bottom: 65px !important; - } - .gap-130\@md { - margin: -65px !important; - } - .gap-130\@md > * { - padding: 65px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-130\@sm { - margin-left: -65px !important; - margin-right: -65px !important; - } - .gapX-130\@sm > * { - padding-left: 65px !important; - padding-right: 65px !important; - } - .gapY-130\@sm { - margin-top: -65px !important; - margin-bottom: -65px !important; - } - .gapY-130\@sm > * { - padding-top: 65px !important; - padding-bottom: 65px !important; - } - .gap-130\@sm { - margin: -65px !important; - } - .gap-130\@sm > * { - padding: 65px !important; - } - } - .gapX-140 { - margin-left: -70px !important; - margin-right: -70px !important; - } - .gapX-140 > * { - padding-left: 70px !important; - padding-right: 70px !important; - } - - .gapY-140 { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .gapY-140 > * { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - - .gap-140 { - margin: -70px !important; - } - .gap-140 > * { - padding: 70px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-140\@xl\+ { - margin-left: -70px !important; - margin-right: -70px !important; - } - .gapX-140\@xl\+ > * { - padding-left: 70px !important; - padding-right: 70px !important; - } - .gapY-140\@xl\+ { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .gapY-140\@xl\+ > * { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .gap-140\@xl\+ { - margin: -70px !important; - } - .gap-140\@xl\+ > * { - padding: 70px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-140\@lg\+ { - margin-left: -70px !important; - margin-right: -70px !important; - } - .gapX-140\@lg\+ > * { - padding-left: 70px !important; - padding-right: 70px !important; - } - .gapY-140\@lg\+ { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .gapY-140\@lg\+ > * { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .gap-140\@lg\+ { - margin: -70px !important; - } - .gap-140\@lg\+ > * { - padding: 70px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-140\@md\+ { - margin-left: -70px !important; - margin-right: -70px !important; - } - .gapX-140\@md\+ > * { - padding-left: 70px !important; - padding-right: 70px !important; - } - .gapY-140\@md\+ { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .gapY-140\@md\+ > * { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .gap-140\@md\+ { - margin: -70px !important; - } - .gap-140\@md\+ > * { - padding: 70px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-140\@sm\+ { - margin-left: -70px !important; - margin-right: -70px !important; - } - .gapX-140\@sm\+ > * { - padding-left: 70px !important; - padding-right: 70px !important; - } - .gapY-140\@sm\+ { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .gapY-140\@sm\+ > * { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .gap-140\@sm\+ { - margin: -70px !important; - } - .gap-140\@sm\+ > * { - padding: 70px !important; - } - } - @media screen and (min-width: 0) { - .gapX-140\@xs\+ { - margin-left: -70px !important; - margin-right: -70px !important; - } - .gapX-140\@xs\+ > * { - padding-left: 70px !important; - padding-right: 70px !important; - } - .gapY-140\@xs\+ { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .gapY-140\@xs\+ > * { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .gap-140\@xs\+ { - margin: -70px !important; - } - .gap-140\@xs\+ > * { - padding: 70px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-140\@xl- { - margin-left: -70px !important; - margin-right: -70px !important; - } - .gapX-140\@xl- > * { - padding-left: 70px !important; - padding-right: 70px !important; - } - .gapY-140\@xl- { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .gapY-140\@xl- > * { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .gap-140\@xl- { - margin: -70px !important; - } - .gap-140\@xl- > * { - padding: 70px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-140\@lg- { - margin-left: -70px !important; - margin-right: -70px !important; - } - .gapX-140\@lg- > * { - padding-left: 70px !important; - padding-right: 70px !important; - } - .gapY-140\@lg- { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .gapY-140\@lg- > * { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .gap-140\@lg- { - margin: -70px !important; - } - .gap-140\@lg- > * { - padding: 70px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-140\@md- { - margin-left: -70px !important; - margin-right: -70px !important; - } - .gapX-140\@md- > * { - padding-left: 70px !important; - padding-right: 70px !important; - } - .gapY-140\@md- { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .gapY-140\@md- > * { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .gap-140\@md- { - margin: -70px !important; - } - .gap-140\@md- > * { - padding: 70px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-140\@sm- { - margin-left: -70px !important; - margin-right: -70px !important; - } - .gapX-140\@sm- > * { - padding-left: 70px !important; - padding-right: 70px !important; - } - .gapY-140\@sm- { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .gapY-140\@sm- > * { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .gap-140\@sm- { - margin: -70px !important; - } - .gap-140\@sm- > * { - padding: 70px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-140\@lg { - margin-left: -70px !important; - margin-right: -70px !important; - } - .gapX-140\@lg > * { - padding-left: 70px !important; - padding-right: 70px !important; - } - .gapY-140\@lg { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .gapY-140\@lg > * { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .gap-140\@lg { - margin: -70px !important; - } - .gap-140\@lg > * { - padding: 70px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-140\@md { - margin-left: -70px !important; - margin-right: -70px !important; - } - .gapX-140\@md > * { - padding-left: 70px !important; - padding-right: 70px !important; - } - .gapY-140\@md { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .gapY-140\@md > * { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .gap-140\@md { - margin: -70px !important; - } - .gap-140\@md > * { - padding: 70px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-140\@sm { - margin-left: -70px !important; - margin-right: -70px !important; - } - .gapX-140\@sm > * { - padding-left: 70px !important; - padding-right: 70px !important; - } - .gapY-140\@sm { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .gapY-140\@sm > * { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .gap-140\@sm { - margin: -70px !important; - } - .gap-140\@sm > * { - padding: 70px !important; - } - } - .gapX-150 { - margin-left: -75px !important; - margin-right: -75px !important; - } - .gapX-150 > * { - padding-left: 75px !important; - padding-right: 75px !important; - } - - .gapY-150 { - margin-top: -75px !important; - margin-bottom: -75px !important; - } - .gapY-150 > * { - padding-top: 75px !important; - padding-bottom: 75px !important; - } - - .gap-150 { - margin: -75px !important; - } - .gap-150 > * { - padding: 75px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-150\@xl\+ { - margin-left: -75px !important; - margin-right: -75px !important; - } - .gapX-150\@xl\+ > * { - padding-left: 75px !important; - padding-right: 75px !important; - } - .gapY-150\@xl\+ { - margin-top: -75px !important; - margin-bottom: -75px !important; - } - .gapY-150\@xl\+ > * { - padding-top: 75px !important; - padding-bottom: 75px !important; - } - .gap-150\@xl\+ { - margin: -75px !important; - } - .gap-150\@xl\+ > * { - padding: 75px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-150\@lg\+ { - margin-left: -75px !important; - margin-right: -75px !important; - } - .gapX-150\@lg\+ > * { - padding-left: 75px !important; - padding-right: 75px !important; - } - .gapY-150\@lg\+ { - margin-top: -75px !important; - margin-bottom: -75px !important; - } - .gapY-150\@lg\+ > * { - padding-top: 75px !important; - padding-bottom: 75px !important; - } - .gap-150\@lg\+ { - margin: -75px !important; - } - .gap-150\@lg\+ > * { - padding: 75px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-150\@md\+ { - margin-left: -75px !important; - margin-right: -75px !important; - } - .gapX-150\@md\+ > * { - padding-left: 75px !important; - padding-right: 75px !important; - } - .gapY-150\@md\+ { - margin-top: -75px !important; - margin-bottom: -75px !important; - } - .gapY-150\@md\+ > * { - padding-top: 75px !important; - padding-bottom: 75px !important; - } - .gap-150\@md\+ { - margin: -75px !important; - } - .gap-150\@md\+ > * { - padding: 75px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-150\@sm\+ { - margin-left: -75px !important; - margin-right: -75px !important; - } - .gapX-150\@sm\+ > * { - padding-left: 75px !important; - padding-right: 75px !important; - } - .gapY-150\@sm\+ { - margin-top: -75px !important; - margin-bottom: -75px !important; - } - .gapY-150\@sm\+ > * { - padding-top: 75px !important; - padding-bottom: 75px !important; - } - .gap-150\@sm\+ { - margin: -75px !important; - } - .gap-150\@sm\+ > * { - padding: 75px !important; - } - } - @media screen and (min-width: 0) { - .gapX-150\@xs\+ { - margin-left: -75px !important; - margin-right: -75px !important; - } - .gapX-150\@xs\+ > * { - padding-left: 75px !important; - padding-right: 75px !important; - } - .gapY-150\@xs\+ { - margin-top: -75px !important; - margin-bottom: -75px !important; - } - .gapY-150\@xs\+ > * { - padding-top: 75px !important; - padding-bottom: 75px !important; - } - .gap-150\@xs\+ { - margin: -75px !important; - } - .gap-150\@xs\+ > * { - padding: 75px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-150\@xl- { - margin-left: -75px !important; - margin-right: -75px !important; - } - .gapX-150\@xl- > * { - padding-left: 75px !important; - padding-right: 75px !important; - } - .gapY-150\@xl- { - margin-top: -75px !important; - margin-bottom: -75px !important; - } - .gapY-150\@xl- > * { - padding-top: 75px !important; - padding-bottom: 75px !important; - } - .gap-150\@xl- { - margin: -75px !important; - } - .gap-150\@xl- > * { - padding: 75px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-150\@lg- { - margin-left: -75px !important; - margin-right: -75px !important; - } - .gapX-150\@lg- > * { - padding-left: 75px !important; - padding-right: 75px !important; - } - .gapY-150\@lg- { - margin-top: -75px !important; - margin-bottom: -75px !important; - } - .gapY-150\@lg- > * { - padding-top: 75px !important; - padding-bottom: 75px !important; - } - .gap-150\@lg- { - margin: -75px !important; - } - .gap-150\@lg- > * { - padding: 75px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-150\@md- { - margin-left: -75px !important; - margin-right: -75px !important; - } - .gapX-150\@md- > * { - padding-left: 75px !important; - padding-right: 75px !important; - } - .gapY-150\@md- { - margin-top: -75px !important; - margin-bottom: -75px !important; - } - .gapY-150\@md- > * { - padding-top: 75px !important; - padding-bottom: 75px !important; - } - .gap-150\@md- { - margin: -75px !important; - } - .gap-150\@md- > * { - padding: 75px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-150\@sm- { - margin-left: -75px !important; - margin-right: -75px !important; - } - .gapX-150\@sm- > * { - padding-left: 75px !important; - padding-right: 75px !important; - } - .gapY-150\@sm- { - margin-top: -75px !important; - margin-bottom: -75px !important; - } - .gapY-150\@sm- > * { - padding-top: 75px !important; - padding-bottom: 75px !important; - } - .gap-150\@sm- { - margin: -75px !important; - } - .gap-150\@sm- > * { - padding: 75px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-150\@lg { - margin-left: -75px !important; - margin-right: -75px !important; - } - .gapX-150\@lg > * { - padding-left: 75px !important; - padding-right: 75px !important; - } - .gapY-150\@lg { - margin-top: -75px !important; - margin-bottom: -75px !important; - } - .gapY-150\@lg > * { - padding-top: 75px !important; - padding-bottom: 75px !important; - } - .gap-150\@lg { - margin: -75px !important; - } - .gap-150\@lg > * { - padding: 75px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-150\@md { - margin-left: -75px !important; - margin-right: -75px !important; - } - .gapX-150\@md > * { - padding-left: 75px !important; - padding-right: 75px !important; - } - .gapY-150\@md { - margin-top: -75px !important; - margin-bottom: -75px !important; - } - .gapY-150\@md > * { - padding-top: 75px !important; - padding-bottom: 75px !important; - } - .gap-150\@md { - margin: -75px !important; - } - .gap-150\@md > * { - padding: 75px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-150\@sm { - margin-left: -75px !important; - margin-right: -75px !important; - } - .gapX-150\@sm > * { - padding-left: 75px !important; - padding-right: 75px !important; - } - .gapY-150\@sm { - margin-top: -75px !important; - margin-bottom: -75px !important; - } - .gapY-150\@sm > * { - padding-top: 75px !important; - padding-bottom: 75px !important; - } - .gap-150\@sm { - margin: -75px !important; - } - .gap-150\@sm > * { - padding: 75px !important; - } - } - .gapX-160 { - margin-left: -80px !important; - margin-right: -80px !important; - } - .gapX-160 > * { - padding-left: 80px !important; - padding-right: 80px !important; - } - - .gapY-160 { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .gapY-160 > * { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - - .gap-160 { - margin: -80px !important; - } - .gap-160 > * { - padding: 80px !important; - } - - @media screen and (min-width: 1440px) { - .gapX-160\@xl\+ { - margin-left: -80px !important; - margin-right: -80px !important; - } - .gapX-160\@xl\+ > * { - padding-left: 80px !important; - padding-right: 80px !important; - } - .gapY-160\@xl\+ { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .gapY-160\@xl\+ > * { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .gap-160\@xl\+ { - margin: -80px !important; - } - .gap-160\@xl\+ > * { - padding: 80px !important; - } - } - @media screen and (min-width: 1200px) { - .gapX-160\@lg\+ { - margin-left: -80px !important; - margin-right: -80px !important; - } - .gapX-160\@lg\+ > * { - padding-left: 80px !important; - padding-right: 80px !important; - } - .gapY-160\@lg\+ { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .gapY-160\@lg\+ > * { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .gap-160\@lg\+ { - margin: -80px !important; - } - .gap-160\@lg\+ > * { - padding: 80px !important; - } - } - @media screen and (min-width: 992px) { - .gapX-160\@md\+ { - margin-left: -80px !important; - margin-right: -80px !important; - } - .gapX-160\@md\+ > * { - padding-left: 80px !important; - padding-right: 80px !important; - } - .gapY-160\@md\+ { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .gapY-160\@md\+ > * { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .gap-160\@md\+ { - margin: -80px !important; - } - .gap-160\@md\+ > * { - padding: 80px !important; - } - } - @media screen and (min-width: 768px) { - .gapX-160\@sm\+ { - margin-left: -80px !important; - margin-right: -80px !important; - } - .gapX-160\@sm\+ > * { - padding-left: 80px !important; - padding-right: 80px !important; - } - .gapY-160\@sm\+ { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .gapY-160\@sm\+ > * { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .gap-160\@sm\+ { - margin: -80px !important; - } - .gap-160\@sm\+ > * { - padding: 80px !important; - } - } - @media screen and (min-width: 0) { - .gapX-160\@xs\+ { - margin-left: -80px !important; - margin-right: -80px !important; - } - .gapX-160\@xs\+ > * { - padding-left: 80px !important; - padding-right: 80px !important; - } - .gapY-160\@xs\+ { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .gapY-160\@xs\+ > * { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .gap-160\@xs\+ { - margin: -80px !important; - } - .gap-160\@xs\+ > * { - padding: 80px !important; - } - } - @media screen and (max-width: 1439px) { - .gapX-160\@xl- { - margin-left: -80px !important; - margin-right: -80px !important; - } - .gapX-160\@xl- > * { - padding-left: 80px !important; - padding-right: 80px !important; - } - .gapY-160\@xl- { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .gapY-160\@xl- > * { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .gap-160\@xl- { - margin: -80px !important; - } - .gap-160\@xl- > * { - padding: 80px !important; - } - } - @media screen and (max-width: 1199px) { - .gapX-160\@lg- { - margin-left: -80px !important; - margin-right: -80px !important; - } - .gapX-160\@lg- > * { - padding-left: 80px !important; - padding-right: 80px !important; - } - .gapY-160\@lg- { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .gapY-160\@lg- > * { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .gap-160\@lg- { - margin: -80px !important; - } - .gap-160\@lg- > * { - padding: 80px !important; - } - } - @media screen and (max-width: 991px) { - .gapX-160\@md- { - margin-left: -80px !important; - margin-right: -80px !important; - } - .gapX-160\@md- > * { - padding-left: 80px !important; - padding-right: 80px !important; - } - .gapY-160\@md- { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .gapY-160\@md- > * { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .gap-160\@md- { - margin: -80px !important; - } - .gap-160\@md- > * { - padding: 80px !important; - } - } - @media screen and (max-width: 767px) { - .gapX-160\@sm- { - margin-left: -80px !important; - margin-right: -80px !important; - } - .gapX-160\@sm- > * { - padding-left: 80px !important; - padding-right: 80px !important; - } - .gapY-160\@sm- { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .gapY-160\@sm- > * { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .gap-160\@sm- { - margin: -80px !important; - } - .gap-160\@sm- > * { - padding: 80px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .gapX-160\@lg { - margin-left: -80px !important; - margin-right: -80px !important; - } - .gapX-160\@lg > * { - padding-left: 80px !important; - padding-right: 80px !important; - } - .gapY-160\@lg { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .gapY-160\@lg > * { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .gap-160\@lg { - margin: -80px !important; - } - .gap-160\@lg > * { - padding: 80px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .gapX-160\@md { - margin-left: -80px !important; - margin-right: -80px !important; - } - .gapX-160\@md > * { - padding-left: 80px !important; - padding-right: 80px !important; - } - .gapY-160\@md { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .gapY-160\@md > * { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .gap-160\@md { - margin: -80px !important; - } - .gap-160\@md > * { - padding: 80px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .gapX-160\@sm { - margin-left: -80px !important; - margin-right: -80px !important; - } - .gapX-160\@sm > * { - padding-left: 80px !important; - padding-right: 80px !important; - } - .gapY-160\@sm { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .gapY-160\@sm > * { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .gap-160\@sm { - margin: -80px !important; - } - .gap-160\@sm > * { - padding: 80px !important; - } - } - .peers { - box-sizing: border-box; - display: flex !important; - align-items: flex-start; - justify-content: flex-start; - flex-flow: row wrap; - height: auto; - max-width: 100%; - margin: 0; - padding: 0; - } - - .peer { - display: block; - height: auto; - flex: 0 0 auto; - } - - .peer-greed { - flex: 1 1 auto; - } - - .peers-greed > .peer, - .peers-greed > .peers { - flex: 1 1 auto; - } - - .peer > img { - max-width: none; - } - - .peer-greed > img { - max-width: 100%; - } - - .layers { + .offcanvas-sm .offcanvas-body { display: flex; - flex-flow: column nowrap; - align-items: center; - } - - .d-f { - display: flex; - } - - .d-if { - display: inline-flex; - } - - @media screen and (min-width: 1440px) { - .d-f\@xl\+ { - display: flex; - } - .d-if\@xl\+ { - display: inline-flex; - } - } - @media screen and (min-width: 1200px) { - .d-f\@lg\+ { - display: flex; - } - .d-if\@lg\+ { - display: inline-flex; - } - } - @media screen and (min-width: 992px) { - .d-f\@md\+ { - display: flex; - } - .d-if\@md\+ { - display: inline-flex; - } - } - @media screen and (min-width: 768px) { - .d-f\@sm\+ { - display: flex; - } - .d-if\@sm\+ { - display: inline-flex; - } - } - @media screen and (min-width: 0) { - .d-f\@xs\+ { - display: flex; - } - .d-if\@xs\+ { - display: inline-flex; - } - } - @media screen and (max-width: 1439px) { - .d-f\@xl- { - display: flex; - } - .d-if\@xl- { - display: inline-flex; - } - } - @media screen and (max-width: 1199px) { - .d-f\@lg- { - display: flex; - } - .d-if\@lg- { - display: inline-flex; - } - } - @media screen and (max-width: 991px) { - .d-f\@md- { - display: flex; - } - .d-if\@md- { - display: inline-flex; - } - } - @media screen and (max-width: 767px) { - .d-f\@sm- { - display: flex; - } - .d-if\@sm- { - display: inline-flex; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .d-f\@lg { - display: flex; - } - .d-if\@lg { - display: inline-flex; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .d-f\@md { - display: flex; - } - .d-if\@md { - display: inline-flex; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .d-f\@sm { - display: flex; - } - .d-if\@sm { - display: inline-flex; - } - } - .fxw-w { - flex-wrap: wrap; - } - - .fxw-wr { - flex-wrap: wrap-reverse; - } - - .fxw-nw { - flex-wrap: nowrap; - } - - @media screen and (min-width: 1440px) { - .fxw-w\@xl\+ { - flex-wrap: wrap; - } - .fxw-wr\@xl\+ { - flex-wrap: wrap-reverse; - } - .fxw-nw\@xl\+ { - flex-wrap: nowrap; - } - } - @media screen and (min-width: 1200px) { - .fxw-w\@lg\+ { - flex-wrap: wrap; - } - .fxw-wr\@lg\+ { - flex-wrap: wrap-reverse; - } - .fxw-nw\@lg\+ { - flex-wrap: nowrap; - } - } - @media screen and (min-width: 992px) { - .fxw-w\@md\+ { - flex-wrap: wrap; - } - .fxw-wr\@md\+ { - flex-wrap: wrap-reverse; - } - .fxw-nw\@md\+ { - flex-wrap: nowrap; - } - } - @media screen and (min-width: 768px) { - .fxw-w\@sm\+ { - flex-wrap: wrap; - } - .fxw-wr\@sm\+ { - flex-wrap: wrap-reverse; - } - .fxw-nw\@sm\+ { - flex-wrap: nowrap; - } - } - @media screen and (min-width: 0) { - .fxw-w\@xs\+ { - flex-wrap: wrap; - } - .fxw-wr\@xs\+ { - flex-wrap: wrap-reverse; - } - .fxw-nw\@xs\+ { - flex-wrap: nowrap; - } - } - @media screen and (max-width: 1439px) { - .fxw-w\@xl- { - flex-wrap: wrap; - } - .fxw-wr\@xl- { - flex-wrap: wrap-reverse; - } - .fxw-nw\@xl- { - flex-wrap: nowrap; - } - } - @media screen and (max-width: 1199px) { - .fxw-w\@lg- { - flex-wrap: wrap; - } - .fxw-wr\@lg- { - flex-wrap: wrap-reverse; - } - .fxw-nw\@lg- { - flex-wrap: nowrap; - } - } - @media screen and (max-width: 991px) { - .fxw-w\@md- { - flex-wrap: wrap; - } - .fxw-wr\@md- { - flex-wrap: wrap-reverse; - } - .fxw-nw\@md- { - flex-wrap: nowrap; - } - } - @media screen and (max-width: 767px) { - .fxw-w\@sm- { - flex-wrap: wrap; - } - .fxw-wr\@sm- { - flex-wrap: wrap-reverse; - } - .fxw-nw\@sm- { - flex-wrap: nowrap; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .fxw-w\@lg { - flex-wrap: wrap; - } - .fxw-wr\@lg { - flex-wrap: wrap-reverse; - } - .fxw-nw\@lg { - flex-wrap: nowrap; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .fxw-w\@md { - flex-wrap: wrap; - } - .fxw-wr\@md { - flex-wrap: wrap-reverse; - } - .fxw-nw\@md { - flex-wrap: nowrap; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .fxw-w\@sm { - flex-wrap: wrap; - } - .fxw-wr\@sm { - flex-wrap: wrap-reverse; - } - .fxw-nw\@sm { - flex-wrap: nowrap; - } - } - .fxd-c { - flex-direction: column; - } - - .fxd-cr { - flex-direction: column-reverse; - } - - .fxd-r { - flex-direction: row; - } - - .fxd-rr { - flex-direction: row-reverse; - } - - @media screen and (min-width: 1440px) { - .fxd-c\@xl\+ { - flex-direction: column; - } - .fxd-cr\@xl\+ { - flex-direction: column-reverse; - } - .fxd-r\@xl\+ { - flex-direction: row; - } - .fxd-rr\@xl\+ { - flex-direction: row-reverse; - } - } - @media screen and (min-width: 1200px) { - .fxd-c\@lg\+ { - flex-direction: column; - } - .fxd-cr\@lg\+ { - flex-direction: column-reverse; - } - .fxd-r\@lg\+ { - flex-direction: row; - } - .fxd-rr\@lg\+ { - flex-direction: row-reverse; - } - } - @media screen and (min-width: 992px) { - .fxd-c\@md\+ { - flex-direction: column; - } - .fxd-cr\@md\+ { - flex-direction: column-reverse; - } - .fxd-r\@md\+ { - flex-direction: row; - } - .fxd-rr\@md\+ { - flex-direction: row-reverse; - } - } - @media screen and (min-width: 768px) { - .fxd-c\@sm\+ { - flex-direction: column; - } - .fxd-cr\@sm\+ { - flex-direction: column-reverse; - } - .fxd-r\@sm\+ { - flex-direction: row; - } - .fxd-rr\@sm\+ { - flex-direction: row-reverse; - } - } - @media screen and (min-width: 0) { - .fxd-c\@xs\+ { - flex-direction: column; - } - .fxd-cr\@xs\+ { - flex-direction: column-reverse; - } - .fxd-r\@xs\+ { - flex-direction: row; - } - .fxd-rr\@xs\+ { - flex-direction: row-reverse; - } - } - @media screen and (max-width: 1439px) { - .fxd-c\@xl- { - flex-direction: column; - } - .fxd-cr\@xl- { - flex-direction: column-reverse; - } - .fxd-r\@xl- { - flex-direction: row; - } - .fxd-rr\@xl- { - flex-direction: row-reverse; - } - } - @media screen and (max-width: 1199px) { - .fxd-c\@lg- { - flex-direction: column; - } - .fxd-cr\@lg- { - flex-direction: column-reverse; - } - .fxd-r\@lg- { - flex-direction: row; - } - .fxd-rr\@lg- { - flex-direction: row-reverse; - } - } - @media screen and (max-width: 991px) { - .fxd-c\@md- { - flex-direction: column; - } - .fxd-cr\@md- { - flex-direction: column-reverse; - } - .fxd-r\@md- { - flex-direction: row; - } - .fxd-rr\@md- { - flex-direction: row-reverse; - } - } - @media screen and (max-width: 767px) { - .fxd-c\@sm- { - flex-direction: column; - } - .fxd-cr\@sm- { - flex-direction: column-reverse; - } - .fxd-r\@sm- { - flex-direction: row; - } - .fxd-rr\@sm- { - flex-direction: row-reverse; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .fxd-c\@lg { - flex-direction: column; - } - .fxd-cr\@lg { - flex-direction: column-reverse; - } - .fxd-r\@lg { - flex-direction: row; - } - .fxd-rr\@lg { - flex-direction: row-reverse; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .fxd-c\@md { - flex-direction: column; - } - .fxd-cr\@md { - flex-direction: column-reverse; - } - .fxd-r\@md { - flex-direction: row; - } - .fxd-rr\@md { - flex-direction: row-reverse; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .fxd-c\@sm { - flex-direction: column; - } - .fxd-cr\@sm { - flex-direction: column-reverse; - } - .fxd-r\@sm { - flex-direction: row; - } - .fxd-rr\@sm { - flex-direction: row-reverse; - } - } - .ai-fs { - align-items: flex-start; - } - - .ai-fe { - align-items: flex-end; - } - - .ai-c { - align-items: center; - } - - .ai-b { - align-items: baseline; - } - - .ai-s { - align-items: stretch; - } - - @media screen and (min-width: 1440px) { - .ai-fs\@xl\+ { - align-items: flex-start; - } - .ai-fe\@xl\+ { - align-items: flex-end; - } - .ai-c\@xl\+ { - align-items: center; - } - .ai-b\@xl\+ { - align-items: baseline; - } - .ai-s\@xl\+ { - align-items: stretch; - } - } - @media screen and (min-width: 1200px) { - .ai-fs\@lg\+ { - align-items: flex-start; - } - .ai-fe\@lg\+ { - align-items: flex-end; - } - .ai-c\@lg\+ { - align-items: center; - } - .ai-b\@lg\+ { - align-items: baseline; - } - .ai-s\@lg\+ { - align-items: stretch; - } - } - @media screen and (min-width: 992px) { - .ai-fs\@md\+ { - align-items: flex-start; - } - .ai-fe\@md\+ { - align-items: flex-end; - } - .ai-c\@md\+ { - align-items: center; - } - .ai-b\@md\+ { - align-items: baseline; - } - .ai-s\@md\+ { - align-items: stretch; - } - } - @media screen and (min-width: 768px) { - .ai-fs\@sm\+ { - align-items: flex-start; - } - .ai-fe\@sm\+ { - align-items: flex-end; - } - .ai-c\@sm\+ { - align-items: center; - } - .ai-b\@sm\+ { - align-items: baseline; - } - .ai-s\@sm\+ { - align-items: stretch; - } - } - @media screen and (min-width: 0) { - .ai-fs\@xs\+ { - align-items: flex-start; - } - .ai-fe\@xs\+ { - align-items: flex-end; - } - .ai-c\@xs\+ { - align-items: center; - } - .ai-b\@xs\+ { - align-items: baseline; - } - .ai-s\@xs\+ { - align-items: stretch; - } - } - @media screen and (max-width: 1439px) { - .ai-fs\@xl- { - align-items: flex-start; - } - .ai-fe\@xl- { - align-items: flex-end; - } - .ai-c\@xl- { - align-items: center; - } - .ai-b\@xl- { - align-items: baseline; - } - .ai-s\@xl- { - align-items: stretch; - } - } - @media screen and (max-width: 1199px) { - .ai-fs\@lg- { - align-items: flex-start; - } - .ai-fe\@lg- { - align-items: flex-end; - } - .ai-c\@lg- { - align-items: center; - } - .ai-b\@lg- { - align-items: baseline; - } - .ai-s\@lg- { - align-items: stretch; - } - } - @media screen and (max-width: 991px) { - .ai-fs\@md- { - align-items: flex-start; - } - .ai-fe\@md- { - align-items: flex-end; - } - .ai-c\@md- { - align-items: center; - } - .ai-b\@md- { - align-items: baseline; - } - .ai-s\@md- { - align-items: stretch; - } - } - @media screen and (max-width: 767px) { - .ai-fs\@sm- { - align-items: flex-start; - } - .ai-fe\@sm- { - align-items: flex-end; - } - .ai-c\@sm- { - align-items: center; - } - .ai-b\@sm- { - align-items: baseline; - } - .ai-s\@sm- { - align-items: stretch; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ai-fs\@lg { - align-items: flex-start; - } - .ai-fe\@lg { - align-items: flex-end; - } - .ai-c\@lg { - align-items: center; - } - .ai-b\@lg { - align-items: baseline; - } - .ai-s\@lg { - align-items: stretch; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ai-fs\@md { - align-items: flex-start; - } - .ai-fe\@md { - align-items: flex-end; - } - .ai-c\@md { - align-items: center; - } - .ai-b\@md { - align-items: baseline; - } - .ai-s\@md { - align-items: stretch; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ai-fs\@sm { - align-items: flex-start; - } - .ai-fe\@sm { - align-items: flex-end; - } - .ai-c\@sm { - align-items: center; - } - .ai-b\@sm { - align-items: baseline; - } - .ai-s\@sm { - align-items: stretch; - } - } - .as-fs { - align-self: flex-start; - } - - .as-fe { - align-self: flex-end; - } - - .as-c { - align-self: center; - } - - .as-b { - align-self: baseline; - } - - .as-s { - align-self: stretch; - } - - @media screen and (min-width: 1440px) { - .as-fs\@xl\+ { - align-self: flex-start; - } - .as-fe\@xl\+ { - align-self: flex-end; - } - .as-c\@xl\+ { - align-self: center; - } - .as-b\@xl\+ { - align-self: baseline; - } - .as-s\@xl\+ { - align-self: stretch; - } - } - @media screen and (min-width: 1200px) { - .as-fs\@lg\+ { - align-self: flex-start; - } - .as-fe\@lg\+ { - align-self: flex-end; - } - .as-c\@lg\+ { - align-self: center; - } - .as-b\@lg\+ { - align-self: baseline; - } - .as-s\@lg\+ { - align-self: stretch; - } - } - @media screen and (min-width: 992px) { - .as-fs\@md\+ { - align-self: flex-start; - } - .as-fe\@md\+ { - align-self: flex-end; - } - .as-c\@md\+ { - align-self: center; - } - .as-b\@md\+ { - align-self: baseline; - } - .as-s\@md\+ { - align-self: stretch; - } - } - @media screen and (min-width: 768px) { - .as-fs\@sm\+ { - align-self: flex-start; - } - .as-fe\@sm\+ { - align-self: flex-end; - } - .as-c\@sm\+ { - align-self: center; - } - .as-b\@sm\+ { - align-self: baseline; - } - .as-s\@sm\+ { - align-self: stretch; - } - } - @media screen and (min-width: 0) { - .as-fs\@xs\+ { - align-self: flex-start; - } - .as-fe\@xs\+ { - align-self: flex-end; - } - .as-c\@xs\+ { - align-self: center; - } - .as-b\@xs\+ { - align-self: baseline; - } - .as-s\@xs\+ { - align-self: stretch; - } - } - @media screen and (max-width: 1439px) { - .as-fs\@xl- { - align-self: flex-start; - } - .as-fe\@xl- { - align-self: flex-end; - } - .as-c\@xl- { - align-self: center; - } - .as-b\@xl- { - align-self: baseline; - } - .as-s\@xl- { - align-self: stretch; - } - } - @media screen and (max-width: 1199px) { - .as-fs\@lg- { - align-self: flex-start; - } - .as-fe\@lg- { - align-self: flex-end; - } - .as-c\@lg- { - align-self: center; - } - .as-b\@lg- { - align-self: baseline; - } - .as-s\@lg- { - align-self: stretch; - } - } - @media screen and (max-width: 991px) { - .as-fs\@md- { - align-self: flex-start; - } - .as-fe\@md- { - align-self: flex-end; - } - .as-c\@md- { - align-self: center; - } - .as-b\@md- { - align-self: baseline; - } - .as-s\@md- { - align-self: stretch; - } - } - @media screen and (max-width: 767px) { - .as-fs\@sm- { - align-self: flex-start; - } - .as-fe\@sm- { - align-self: flex-end; - } - .as-c\@sm- { - align-self: center; - } - .as-b\@sm- { - align-self: baseline; - } - .as-s\@sm- { - align-self: stretch; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .as-fs\@lg { - align-self: flex-start; - } - .as-fe\@lg { - align-self: flex-end; - } - .as-c\@lg { - align-self: center; - } - .as-b\@lg { - align-self: baseline; - } - .as-s\@lg { - align-self: stretch; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .as-fs\@md { - align-self: flex-start; - } - .as-fe\@md { - align-self: flex-end; - } - .as-c\@md { - align-self: center; - } - .as-b\@md { - align-self: baseline; - } - .as-s\@md { - align-self: stretch; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .as-fs\@sm { - align-self: flex-start; - } - .as-fe\@sm { - align-self: flex-end; - } - .as-c\@sm { - align-self: center; - } - .as-b\@sm { - align-self: baseline; - } - .as-s\@sm { - align-self: stretch; - } - } - .ac-fs { - align-content: flex-start; - } - - .ac-fe { - align-content: flex-end; - } - - .ac-c { - align-content: center; - } - - .ac-s { - align-content: stretch; - } - - .ac-sb { - align-content: space-between; - } - - .ac-sa { - align-content: space-around; - } - - @media screen and (min-width: 1440px) { - .ac-fs\@xl\+ { - align-content: flex-start; - } - .ac-fe\@xl\+ { - align-content: flex-end; - } - .ac-c\@xl\+ { - align-content: center; - } - .ac-s\@xl\+ { - align-content: stretch; - } - .ac-sb\@xl\+ { - align-content: space-between; - } - .ac-sa\@xl\+ { - align-content: space-around; - } - } - @media screen and (min-width: 1200px) { - .ac-fs\@lg\+ { - align-content: flex-start; - } - .ac-fe\@lg\+ { - align-content: flex-end; - } - .ac-c\@lg\+ { - align-content: center; - } - .ac-s\@lg\+ { - align-content: stretch; - } - .ac-sb\@lg\+ { - align-content: space-between; - } - .ac-sa\@lg\+ { - align-content: space-around; - } - } - @media screen and (min-width: 992px) { - .ac-fs\@md\+ { - align-content: flex-start; - } - .ac-fe\@md\+ { - align-content: flex-end; - } - .ac-c\@md\+ { - align-content: center; - } - .ac-s\@md\+ { - align-content: stretch; - } - .ac-sb\@md\+ { - align-content: space-between; - } - .ac-sa\@md\+ { - align-content: space-around; - } - } - @media screen and (min-width: 768px) { - .ac-fs\@sm\+ { - align-content: flex-start; - } - .ac-fe\@sm\+ { - align-content: flex-end; - } - .ac-c\@sm\+ { - align-content: center; - } - .ac-s\@sm\+ { - align-content: stretch; - } - .ac-sb\@sm\+ { - align-content: space-between; - } - .ac-sa\@sm\+ { - align-content: space-around; - } - } - @media screen and (min-width: 0) { - .ac-fs\@xs\+ { - align-content: flex-start; - } - .ac-fe\@xs\+ { - align-content: flex-end; - } - .ac-c\@xs\+ { - align-content: center; - } - .ac-s\@xs\+ { - align-content: stretch; - } - .ac-sb\@xs\+ { - align-content: space-between; - } - .ac-sa\@xs\+ { - align-content: space-around; - } - } - @media screen and (max-width: 1439px) { - .ac-fs\@xl- { - align-content: flex-start; - } - .ac-fe\@xl- { - align-content: flex-end; - } - .ac-c\@xl- { - align-content: center; - } - .ac-s\@xl- { - align-content: stretch; - } - .ac-sb\@xl- { - align-content: space-between; - } - .ac-sa\@xl- { - align-content: space-around; - } - } - @media screen and (max-width: 1199px) { - .ac-fs\@lg- { - align-content: flex-start; - } - .ac-fe\@lg- { - align-content: flex-end; - } - .ac-c\@lg- { - align-content: center; - } - .ac-s\@lg- { - align-content: stretch; - } - .ac-sb\@lg- { - align-content: space-between; - } - .ac-sa\@lg- { - align-content: space-around; - } - } - @media screen and (max-width: 991px) { - .ac-fs\@md- { - align-content: flex-start; - } - .ac-fe\@md- { - align-content: flex-end; - } - .ac-c\@md- { - align-content: center; - } - .ac-s\@md- { - align-content: stretch; - } - .ac-sb\@md- { - align-content: space-between; - } - .ac-sa\@md- { - align-content: space-around; - } - } - @media screen and (max-width: 767px) { - .ac-fs\@sm- { - align-content: flex-start; - } - .ac-fe\@sm- { - align-content: flex-end; - } - .ac-c\@sm- { - align-content: center; - } - .ac-s\@sm- { - align-content: stretch; - } - .ac-sb\@sm- { - align-content: space-between; - } - .ac-sa\@sm- { - align-content: space-around; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ac-fs\@lg { - align-content: flex-start; - } - .ac-fe\@lg { - align-content: flex-end; - } - .ac-c\@lg { - align-content: center; - } - .ac-s\@lg { - align-content: stretch; - } - .ac-sb\@lg { - align-content: space-between; - } - .ac-sa\@lg { - align-content: space-around; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ac-fs\@md { - align-content: flex-start; - } - .ac-fe\@md { - align-content: flex-end; - } - .ac-c\@md { - align-content: center; - } - .ac-s\@md { - align-content: stretch; - } - .ac-sb\@md { - align-content: space-between; - } - .ac-sa\@md { - align-content: space-around; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ac-fs\@sm { - align-content: flex-start; - } - .ac-fe\@sm { - align-content: flex-end; - } - .ac-c\@sm { - align-content: center; - } - .ac-s\@sm { - align-content: stretch; - } - .ac-sb\@sm { - align-content: space-between; - } - .ac-sa\@sm { - align-content: space-around; - } - } - .jc-fs { - justify-content: flex-start; - } - - .jc-fe { - justify-content: flex-end; - } - - .jc-c { - justify-content: center; - } - - .jc-sb { - justify-content: space-between; - } - - .jc-sa { - justify-content: space-around; - } - - @media screen and (min-width: 1440px) { - .jc-fs\@xl\+ { - justify-content: flex-start; - } - .jc-fe\@xl\+ { - justify-content: flex-end; - } - .jc-c\@xl\+ { - justify-content: center; - } - .jc-sb\@xl\+ { - justify-content: space-between; - } - .jc-sa\@xl\+ { - justify-content: space-around; - } - } - @media screen and (min-width: 1200px) { - .jc-fs\@lg\+ { - justify-content: flex-start; - } - .jc-fe\@lg\+ { - justify-content: flex-end; - } - .jc-c\@lg\+ { - justify-content: center; - } - .jc-sb\@lg\+ { - justify-content: space-between; - } - .jc-sa\@lg\+ { - justify-content: space-around; - } - } - @media screen and (min-width: 992px) { - .jc-fs\@md\+ { - justify-content: flex-start; - } - .jc-fe\@md\+ { - justify-content: flex-end; - } - .jc-c\@md\+ { - justify-content: center; - } - .jc-sb\@md\+ { - justify-content: space-between; - } - .jc-sa\@md\+ { - justify-content: space-around; - } - } - @media screen and (min-width: 768px) { - .jc-fs\@sm\+ { - justify-content: flex-start; - } - .jc-fe\@sm\+ { - justify-content: flex-end; - } - .jc-c\@sm\+ { - justify-content: center; - } - .jc-sb\@sm\+ { - justify-content: space-between; - } - .jc-sa\@sm\+ { - justify-content: space-around; - } - } - @media screen and (min-width: 0) { - .jc-fs\@xs\+ { - justify-content: flex-start; - } - .jc-fe\@xs\+ { - justify-content: flex-end; - } - .jc-c\@xs\+ { - justify-content: center; - } - .jc-sb\@xs\+ { - justify-content: space-between; - } - .jc-sa\@xs\+ { - justify-content: space-around; - } - } - @media screen and (max-width: 1439px) { - .jc-fs\@xl- { - justify-content: flex-start; - } - .jc-fe\@xl- { - justify-content: flex-end; - } - .jc-c\@xl- { - justify-content: center; - } - .jc-sb\@xl- { - justify-content: space-between; - } - .jc-sa\@xl- { - justify-content: space-around; - } - } - @media screen and (max-width: 1199px) { - .jc-fs\@lg- { - justify-content: flex-start; - } - .jc-fe\@lg- { - justify-content: flex-end; - } - .jc-c\@lg- { - justify-content: center; - } - .jc-sb\@lg- { - justify-content: space-between; - } - .jc-sa\@lg- { - justify-content: space-around; - } - } - @media screen and (max-width: 991px) { - .jc-fs\@md- { - justify-content: flex-start; - } - .jc-fe\@md- { - justify-content: flex-end; - } - .jc-c\@md- { - justify-content: center; - } - .jc-sb\@md- { - justify-content: space-between; - } - .jc-sa\@md- { - justify-content: space-around; - } - } - @media screen and (max-width: 767px) { - .jc-fs\@sm- { - justify-content: flex-start; - } - .jc-fe\@sm- { - justify-content: flex-end; - } - .jc-c\@sm- { - justify-content: center; - } - .jc-sb\@sm- { - justify-content: space-between; - } - .jc-sa\@sm- { - justify-content: space-around; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .jc-fs\@lg { - justify-content: flex-start; - } - .jc-fe\@lg { - justify-content: flex-end; - } - .jc-c\@lg { - justify-content: center; - } - .jc-sb\@lg { - justify-content: space-between; - } - .jc-sa\@lg { - justify-content: space-around; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .jc-fs\@md { - justify-content: flex-start; - } - .jc-fe\@md { - justify-content: flex-end; - } - .jc-c\@md { - justify-content: center; - } - .jc-sb\@md { - justify-content: space-between; - } - .jc-sa\@md { - justify-content: space-around; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .jc-fs\@sm { - justify-content: flex-start; - } - .jc-fe\@sm { - justify-content: flex-end; - } - .jc-c\@sm { - justify-content: center; - } - .jc-sb\@sm { - justify-content: space-between; - } - .jc-sa\@sm { - justify-content: space-around; - } - } - .fx-n { - flex: none; - } - - .fx-1 { - flex: 1; - } - - @media screen and (min-width: 1440px) { - .fx-n\@xl\+ { - flex: none; - } - .fx-1\@xl\+ { - flex: 1; - } - } - @media screen and (min-width: 1200px) { - .fx-n\@lg\+ { - flex: none; - } - .fx-1\@lg\+ { - flex: 1; - } - } - @media screen and (min-width: 992px) { - .fx-n\@md\+ { - flex: none; - } - .fx-1\@md\+ { - flex: 1; - } - } - @media screen and (min-width: 768px) { - .fx-n\@sm\+ { - flex: none; - } - .fx-1\@sm\+ { - flex: 1; - } - } - @media screen and (min-width: 0) { - .fx-n\@xs\+ { - flex: none; - } - .fx-1\@xs\+ { - flex: 1; - } - } - @media screen and (max-width: 1439px) { - .fx-n\@xl- { - flex: none; - } - .fx-1\@xl- { - flex: 1; - } - } - @media screen and (max-width: 1199px) { - .fx-n\@lg- { - flex: none; - } - .fx-1\@lg- { - flex: 1; - } - } - @media screen and (max-width: 991px) { - .fx-n\@md- { - flex: none; - } - .fx-1\@md- { - flex: 1; - } - } - @media screen and (max-width: 767px) { - .fx-n\@sm- { - flex: none; - } - .fx-1\@sm- { - flex: 1; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .fx-n\@lg { - flex: none; - } - .fx-1\@lg { - flex: 1; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .fx-n\@md { - flex: none; - } - .fx-1\@md { - flex: 1; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .fx-n\@sm { - flex: none; - } - .fx-1\@sm { - flex: 1; - } - } - .fxb-a { - flex-basis: auto; - } - - .fxb-0 { - flex-basis: 0; - } - - @media screen and (min-width: 1440px) { - .fxb-a\@xl\+ { - flex-basis: auto; - } - .fxb-0\@xl\+ { - flex-basis: 0; - } - } - @media screen and (min-width: 1200px) { - .fxb-a\@lg\+ { - flex-basis: auto; - } - .fxb-0\@lg\+ { - flex-basis: 0; - } - } - @media screen and (min-width: 992px) { - .fxb-a\@md\+ { - flex-basis: auto; - } - .fxb-0\@md\+ { - flex-basis: 0; - } - } - @media screen and (min-width: 768px) { - .fxb-a\@sm\+ { - flex-basis: auto; - } - .fxb-0\@sm\+ { - flex-basis: 0; - } - } - @media screen and (min-width: 0) { - .fxb-a\@xs\+ { - flex-basis: auto; - } - .fxb-0\@xs\+ { - flex-basis: 0; - } - } - @media screen and (max-width: 1439px) { - .fxb-a\@xl- { - flex-basis: auto; - } - .fxb-0\@xl- { - flex-basis: 0; - } - } - @media screen and (max-width: 1199px) { - .fxb-a\@lg- { - flex-basis: auto; - } - .fxb-0\@lg- { - flex-basis: 0; - } - } - @media screen and (max-width: 991px) { - .fxb-a\@md- { - flex-basis: auto; - } - .fxb-0\@md- { - flex-basis: 0; - } - } - @media screen and (max-width: 767px) { - .fxb-a\@sm- { - flex-basis: auto; - } - .fxb-0\@sm- { - flex-basis: 0; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .fxb-a\@lg { - flex-basis: auto; - } - .fxb-0\@lg { - flex-basis: 0; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .fxb-a\@md { - flex-basis: auto; - } - .fxb-0\@md { - flex-basis: 0; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .fxb-a\@sm { - flex-basis: auto; - } - .fxb-0\@sm { - flex-basis: 0; - } - } - .fxg-1 { - flex-grow: 1; - } - - .fxg-0 { flex-grow: 0; - } - - @media screen and (min-width: 1440px) { - .fxg-1\@xl\+ { - flex-grow: 1; - } - .fxg-0\@xl\+ { - flex-grow: 0; - } - } - @media screen and (min-width: 1200px) { - .fxg-1\@lg\+ { - flex-grow: 1; - } - .fxg-0\@lg\+ { - flex-grow: 0; - } - } - @media screen and (min-width: 992px) { - .fxg-1\@md\+ { - flex-grow: 1; - } - .fxg-0\@md\+ { - flex-grow: 0; - } - } - @media screen and (min-width: 768px) { - .fxg-1\@sm\+ { - flex-grow: 1; - } - .fxg-0\@sm\+ { - flex-grow: 0; - } - } - @media screen and (min-width: 0) { - .fxg-1\@xs\+ { - flex-grow: 1; - } - .fxg-0\@xs\+ { - flex-grow: 0; - } - } - @media screen and (max-width: 1439px) { - .fxg-1\@xl- { - flex-grow: 1; - } - .fxg-0\@xl- { - flex-grow: 0; - } - } - @media screen and (max-width: 1199px) { - .fxg-1\@lg- { - flex-grow: 1; - } - .fxg-0\@lg- { - flex-grow: 0; - } - } - @media screen and (max-width: 991px) { - .fxg-1\@md- { - flex-grow: 1; - } - .fxg-0\@md- { - flex-grow: 0; - } - } - @media screen and (max-width: 767px) { - .fxg-1\@sm- { - flex-grow: 1; - } - .fxg-0\@sm- { - flex-grow: 0; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .fxg-1\@lg { - flex-grow: 1; - } - .fxg-0\@lg { - flex-grow: 0; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .fxg-1\@md { - flex-grow: 1; - } - .fxg-0\@md { - flex-grow: 0; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .fxg-1\@sm { - flex-grow: 1; - } - .fxg-0\@sm { - flex-grow: 0; - } - } - .fxs-1 { - flex-shrink: 1; - } - - .fxs-0 { - flex-shrink: 0; - } - - @media screen and (min-width: 1440px) { - .fxs-1\@xl\+ { - flex-shrink: 1; - } - .fxs-0\@xl\+ { - flex-shrink: 0; - } - } - @media screen and (min-width: 1200px) { - .fxs-1\@lg\+ { - flex-shrink: 1; - } - .fxs-0\@lg\+ { - flex-shrink: 0; - } - } - @media screen and (min-width: 992px) { - .fxs-1\@md\+ { - flex-shrink: 1; - } - .fxs-0\@md\+ { - flex-shrink: 0; - } - } - @media screen and (min-width: 768px) { - .fxs-1\@sm\+ { - flex-shrink: 1; - } - .fxs-0\@sm\+ { - flex-shrink: 0; - } - } - @media screen and (min-width: 0) { - .fxs-1\@xs\+ { - flex-shrink: 1; - } - .fxs-0\@xs\+ { - flex-shrink: 0; - } - } - @media screen and (max-width: 1439px) { - .fxs-1\@xl- { - flex-shrink: 1; - } - .fxs-0\@xl- { - flex-shrink: 0; - } - } - @media screen and (max-width: 1199px) { - .fxs-1\@lg- { - flex-shrink: 1; - } - .fxs-0\@lg- { - flex-shrink: 0; - } - } - @media screen and (max-width: 991px) { - .fxs-1\@md- { - flex-shrink: 1; - } - .fxs-0\@md- { - flex-shrink: 0; - } - } - @media screen and (max-width: 767px) { - .fxs-1\@sm- { - flex-shrink: 1; - } - .fxs-0\@sm- { - flex-shrink: 0; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .fxs-1\@lg { - flex-shrink: 1; - } - .fxs-0\@lg { - flex-shrink: 0; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .fxs-1\@md { - flex-shrink: 1; - } - .fxs-0\@md { - flex-shrink: 0; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .fxs-1\@sm { - flex-shrink: 1; - } - .fxs-0\@sm { - flex-shrink: 0; - } - } - .ord-0 { - order: 0; - } - - @media screen and (min-width: 1440px) { - .ord-0\@xl\+ { - order: 0; - } - } - @media screen and (min-width: 1200px) { - .ord-0\@lg\+ { - order: 0; - } - } - @media screen and (min-width: 992px) { - .ord-0\@md\+ { - order: 0; - } - } - @media screen and (min-width: 768px) { - .ord-0\@sm\+ { - order: 0; - } - } - @media screen and (min-width: 0) { - .ord-0\@xs\+ { - order: 0; - } - } - @media screen and (max-width: 1439px) { - .ord-0\@xl- { - order: 0; - } - } - @media screen and (max-width: 1199px) { - .ord-0\@lg- { - order: 0; - } - } - @media screen and (max-width: 991px) { - .ord-0\@md- { - order: 0; - } - } - @media screen and (max-width: 767px) { - .ord-0\@sm- { - order: 0; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ord-0\@lg { - order: 0; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ord-0\@md { - order: 0; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ord-0\@sm { - order: 0; - } - } - .ord-1 { - order: 1; - } - - @media screen and (min-width: 1440px) { - .ord-1\@xl\+ { - order: 1; - } - } - @media screen and (min-width: 1200px) { - .ord-1\@lg\+ { - order: 1; - } - } - @media screen and (min-width: 992px) { - .ord-1\@md\+ { - order: 1; - } - } - @media screen and (min-width: 768px) { - .ord-1\@sm\+ { - order: 1; - } - } - @media screen and (min-width: 0) { - .ord-1\@xs\+ { - order: 1; - } - } - @media screen and (max-width: 1439px) { - .ord-1\@xl- { - order: 1; - } - } - @media screen and (max-width: 1199px) { - .ord-1\@lg- { - order: 1; - } - } - @media screen and (max-width: 991px) { - .ord-1\@md- { - order: 1; - } - } - @media screen and (max-width: 767px) { - .ord-1\@sm- { - order: 1; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ord-1\@lg { - order: 1; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ord-1\@md { - order: 1; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ord-1\@sm { - order: 1; - } - } - .ord-2 { - order: 2; - } - - @media screen and (min-width: 1440px) { - .ord-2\@xl\+ { - order: 2; - } - } - @media screen and (min-width: 1200px) { - .ord-2\@lg\+ { - order: 2; - } - } - @media screen and (min-width: 992px) { - .ord-2\@md\+ { - order: 2; - } - } - @media screen and (min-width: 768px) { - .ord-2\@sm\+ { - order: 2; - } - } - @media screen and (min-width: 0) { - .ord-2\@xs\+ { - order: 2; - } - } - @media screen and (max-width: 1439px) { - .ord-2\@xl- { - order: 2; - } - } - @media screen and (max-width: 1199px) { - .ord-2\@lg- { - order: 2; - } - } - @media screen and (max-width: 991px) { - .ord-2\@md- { - order: 2; - } - } - @media screen and (max-width: 767px) { - .ord-2\@sm- { - order: 2; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ord-2\@lg { - order: 2; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ord-2\@md { - order: 2; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ord-2\@sm { - order: 2; - } - } - .ord-3 { - order: 3; - } - - @media screen and (min-width: 1440px) { - .ord-3\@xl\+ { - order: 3; - } - } - @media screen and (min-width: 1200px) { - .ord-3\@lg\+ { - order: 3; - } - } - @media screen and (min-width: 992px) { - .ord-3\@md\+ { - order: 3; - } - } - @media screen and (min-width: 768px) { - .ord-3\@sm\+ { - order: 3; - } - } - @media screen and (min-width: 0) { - .ord-3\@xs\+ { - order: 3; - } - } - @media screen and (max-width: 1439px) { - .ord-3\@xl- { - order: 3; - } - } - @media screen and (max-width: 1199px) { - .ord-3\@lg- { - order: 3; - } - } - @media screen and (max-width: 991px) { - .ord-3\@md- { - order: 3; - } - } - @media screen and (max-width: 767px) { - .ord-3\@sm- { - order: 3; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ord-3\@lg { - order: 3; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ord-3\@md { - order: 3; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ord-3\@sm { - order: 3; - } - } - .ord-4 { - order: 4; - } - - @media screen and (min-width: 1440px) { - .ord-4\@xl\+ { - order: 4; - } - } - @media screen and (min-width: 1200px) { - .ord-4\@lg\+ { - order: 4; - } - } - @media screen and (min-width: 992px) { - .ord-4\@md\+ { - order: 4; - } - } - @media screen and (min-width: 768px) { - .ord-4\@sm\+ { - order: 4; - } - } - @media screen and (min-width: 0) { - .ord-4\@xs\+ { - order: 4; - } - } - @media screen and (max-width: 1439px) { - .ord-4\@xl- { - order: 4; - } - } - @media screen and (max-width: 1199px) { - .ord-4\@lg- { - order: 4; - } - } - @media screen and (max-width: 991px) { - .ord-4\@md- { - order: 4; - } - } - @media screen and (max-width: 767px) { - .ord-4\@sm- { - order: 4; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ord-4\@lg { - order: 4; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ord-4\@md { - order: 4; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ord-4\@sm { - order: 4; - } - } - .ord-5 { - order: 5; - } - - @media screen and (min-width: 1440px) { - .ord-5\@xl\+ { - order: 5; - } - } - @media screen and (min-width: 1200px) { - .ord-5\@lg\+ { - order: 5; - } - } - @media screen and (min-width: 992px) { - .ord-5\@md\+ { - order: 5; - } - } - @media screen and (min-width: 768px) { - .ord-5\@sm\+ { - order: 5; - } - } - @media screen and (min-width: 0) { - .ord-5\@xs\+ { - order: 5; - } - } - @media screen and (max-width: 1439px) { - .ord-5\@xl- { - order: 5; - } - } - @media screen and (max-width: 1199px) { - .ord-5\@lg- { - order: 5; - } - } - @media screen and (max-width: 991px) { - .ord-5\@md- { - order: 5; - } - } - @media screen and (max-width: 767px) { - .ord-5\@sm- { - order: 5; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ord-5\@lg { - order: 5; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ord-5\@md { - order: 5; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ord-5\@sm { - order: 5; - } - } - .ord-6 { - order: 6; - } - - @media screen and (min-width: 1440px) { - .ord-6\@xl\+ { - order: 6; - } - } - @media screen and (min-width: 1200px) { - .ord-6\@lg\+ { - order: 6; - } - } - @media screen and (min-width: 992px) { - .ord-6\@md\+ { - order: 6; - } - } - @media screen and (min-width: 768px) { - .ord-6\@sm\+ { - order: 6; - } - } - @media screen and (min-width: 0) { - .ord-6\@xs\+ { - order: 6; - } - } - @media screen and (max-width: 1439px) { - .ord-6\@xl- { - order: 6; - } - } - @media screen and (max-width: 1199px) { - .ord-6\@lg- { - order: 6; - } - } - @media screen and (max-width: 991px) { - .ord-6\@md- { - order: 6; - } - } - @media screen and (max-width: 767px) { - .ord-6\@sm- { - order: 6; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ord-6\@lg { - order: 6; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ord-6\@md { - order: 6; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ord-6\@sm { - order: 6; - } - } - .ord-7 { - order: 7; - } - - @media screen and (min-width: 1440px) { - .ord-7\@xl\+ { - order: 7; - } - } - @media screen and (min-width: 1200px) { - .ord-7\@lg\+ { - order: 7; - } - } - @media screen and (min-width: 992px) { - .ord-7\@md\+ { - order: 7; - } - } - @media screen and (min-width: 768px) { - .ord-7\@sm\+ { - order: 7; - } - } - @media screen and (min-width: 0) { - .ord-7\@xs\+ { - order: 7; - } - } - @media screen and (max-width: 1439px) { - .ord-7\@xl- { - order: 7; - } - } - @media screen and (max-width: 1199px) { - .ord-7\@lg- { - order: 7; - } - } - @media screen and (max-width: 991px) { - .ord-7\@md- { - order: 7; - } - } - @media screen and (max-width: 767px) { - .ord-7\@sm- { - order: 7; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ord-7\@lg { - order: 7; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ord-7\@md { - order: 7; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ord-7\@sm { - order: 7; - } - } - .ord-8 { - order: 8; - } - - @media screen and (min-width: 1440px) { - .ord-8\@xl\+ { - order: 8; - } - } - @media screen and (min-width: 1200px) { - .ord-8\@lg\+ { - order: 8; - } - } - @media screen and (min-width: 992px) { - .ord-8\@md\+ { - order: 8; - } - } - @media screen and (min-width: 768px) { - .ord-8\@sm\+ { - order: 8; - } - } - @media screen and (min-width: 0) { - .ord-8\@xs\+ { - order: 8; - } - } - @media screen and (max-width: 1439px) { - .ord-8\@xl- { - order: 8; - } - } - @media screen and (max-width: 1199px) { - .ord-8\@lg- { - order: 8; - } - } - @media screen and (max-width: 991px) { - .ord-8\@md- { - order: 8; - } - } - @media screen and (max-width: 767px) { - .ord-8\@sm- { - order: 8; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ord-8\@lg { - order: 8; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ord-8\@md { - order: 8; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ord-8\@sm { - order: 8; - } - } - .ord-9 { - order: 9; - } - - @media screen and (min-width: 1440px) { - .ord-9\@xl\+ { - order: 9; - } - } - @media screen and (min-width: 1200px) { - .ord-9\@lg\+ { - order: 9; - } - } - @media screen and (min-width: 992px) { - .ord-9\@md\+ { - order: 9; - } - } - @media screen and (min-width: 768px) { - .ord-9\@sm\+ { - order: 9; - } - } - @media screen and (min-width: 0) { - .ord-9\@xs\+ { - order: 9; - } - } - @media screen and (max-width: 1439px) { - .ord-9\@xl- { - order: 9; - } - } - @media screen and (max-width: 1199px) { - .ord-9\@lg- { - order: 9; - } - } - @media screen and (max-width: 991px) { - .ord-9\@md- { - order: 9; - } - } - @media screen and (max-width: 767px) { - .ord-9\@sm- { - order: 9; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ord-9\@lg { - order: 9; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ord-9\@md { - order: 9; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ord-9\@sm { - order: 9; - } - } - .ord-10 { - order: 10; - } - - @media screen and (min-width: 1440px) { - .ord-10\@xl\+ { - order: 10; - } - } - @media screen and (min-width: 1200px) { - .ord-10\@lg\+ { - order: 10; - } - } - @media screen and (min-width: 992px) { - .ord-10\@md\+ { - order: 10; - } - } - @media screen and (min-width: 768px) { - .ord-10\@sm\+ { - order: 10; - } - } - @media screen and (min-width: 0) { - .ord-10\@xs\+ { - order: 10; - } - } - @media screen and (max-width: 1439px) { - .ord-10\@xl- { - order: 10; - } - } - @media screen and (max-width: 1199px) { - .ord-10\@lg- { - order: 10; - } - } - @media screen and (max-width: 991px) { - .ord-10\@md- { - order: 10; - } - } - @media screen and (max-width: 767px) { - .ord-10\@sm- { - order: 10; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ord-10\@lg { - order: 10; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ord-10\@md { - order: 10; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ord-10\@sm { - order: 10; - } - } - .ord-11 { - order: 11; - } - - @media screen and (min-width: 1440px) { - .ord-11\@xl\+ { - order: 11; - } - } - @media screen and (min-width: 1200px) { - .ord-11\@lg\+ { - order: 11; - } - } - @media screen and (min-width: 992px) { - .ord-11\@md\+ { - order: 11; - } - } - @media screen and (min-width: 768px) { - .ord-11\@sm\+ { - order: 11; - } - } - @media screen and (min-width: 0) { - .ord-11\@xs\+ { - order: 11; - } - } - @media screen and (max-width: 1439px) { - .ord-11\@xl- { - order: 11; - } - } - @media screen and (max-width: 1199px) { - .ord-11\@lg- { - order: 11; - } - } - @media screen and (max-width: 991px) { - .ord-11\@md- { - order: 11; - } - } - @media screen and (max-width: 767px) { - .ord-11\@sm- { - order: 11; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ord-11\@lg { - order: 11; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ord-11\@md { - order: 11; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ord-11\@sm { - order: 11; - } - } - .ord-12 { - order: 12; - } - - @media screen and (min-width: 1440px) { - .ord-12\@xl\+ { - order: 12; - } - } - @media screen and (min-width: 1200px) { - .ord-12\@lg\+ { - order: 12; - } - } - @media screen and (min-width: 992px) { - .ord-12\@md\+ { - order: 12; - } - } - @media screen and (min-width: 768px) { - .ord-12\@sm\+ { - order: 12; - } - } - @media screen and (min-width: 0) { - .ord-12\@xs\+ { - order: 12; - } - } - @media screen and (max-width: 1439px) { - .ord-12\@xl- { - order: 12; - } - } - @media screen and (max-width: 1199px) { - .ord-12\@lg- { - order: 12; - } - } - @media screen and (max-width: 991px) { - .ord-12\@md- { - order: 12; - } - } - @media screen and (max-width: 767px) { - .ord-12\@sm- { - order: 12; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ord-12\@lg { - order: 12; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ord-12\@md { - order: 12; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ord-12\@sm { - order: 12; - } - } - .d-b { - display: block !important; - } - - .d-ib { - display: inline-block !important; - } - - .d-i { - display: inline !important; - } - - .d-tb { - display: table !important; - } - - .d-tbc { - display: table-cell !important; - } - - .d-n { - display: none !important; - } - - @media screen and (min-width: 1440px) { - .d-b\@xl\+ { - display: block !important; - } - .d-ib\@xl\+ { - display: inline-block !important; - } - .d-i\@xl\+ { - display: inline !important; - } - .d-tb\@xl\+ { - display: table !important; - } - .d-tbc\@xl\+ { - display: table-cell !important; - } - .d-n\@xl\+ { - display: none !important; - } - } - @media screen and (min-width: 1200px) { - .d-b\@lg\+ { - display: block !important; - } - .d-ib\@lg\+ { - display: inline-block !important; - } - .d-i\@lg\+ { - display: inline !important; - } - .d-tb\@lg\+ { - display: table !important; - } - .d-tbc\@lg\+ { - display: table-cell !important; - } - .d-n\@lg\+ { - display: none !important; - } - } - @media screen and (min-width: 992px) { - .d-b\@md\+ { - display: block !important; - } - .d-ib\@md\+ { - display: inline-block !important; - } - .d-i\@md\+ { - display: inline !important; - } - .d-tb\@md\+ { - display: table !important; - } - .d-tbc\@md\+ { - display: table-cell !important; - } - .d-n\@md\+ { - display: none !important; - } - } - @media screen and (min-width: 768px) { - .d-b\@sm\+ { - display: block !important; - } - .d-ib\@sm\+ { - display: inline-block !important; - } - .d-i\@sm\+ { - display: inline !important; - } - .d-tb\@sm\+ { - display: table !important; - } - .d-tbc\@sm\+ { - display: table-cell !important; - } - .d-n\@sm\+ { - display: none !important; - } - } - @media screen and (min-width: 0) { - .d-b\@xs\+ { - display: block !important; - } - .d-ib\@xs\+ { - display: inline-block !important; - } - .d-i\@xs\+ { - display: inline !important; - } - .d-tb\@xs\+ { - display: table !important; - } - .d-tbc\@xs\+ { - display: table-cell !important; - } - .d-n\@xs\+ { - display: none !important; - } - } - @media screen and (max-width: 1439px) { - .d-b\@xl- { - display: block !important; - } - .d-ib\@xl- { - display: inline-block !important; - } - .d-i\@xl- { - display: inline !important; - } - .d-tb\@xl- { - display: table !important; - } - .d-tbc\@xl- { - display: table-cell !important; - } - .d-n\@xl- { - display: none !important; - } - } - @media screen and (max-width: 1199px) { - .d-b\@lg- { - display: block !important; - } - .d-ib\@lg- { - display: inline-block !important; - } - .d-i\@lg- { - display: inline !important; - } - .d-tb\@lg- { - display: table !important; - } - .d-tbc\@lg- { - display: table-cell !important; - } - .d-n\@lg- { - display: none !important; - } - } - @media screen and (max-width: 991px) { - .d-b\@md- { - display: block !important; - } - .d-ib\@md- { - display: inline-block !important; - } - .d-i\@md- { - display: inline !important; - } - .d-tb\@md- { - display: table !important; - } - .d-tbc\@md- { - display: table-cell !important; - } - .d-n\@md- { - display: none !important; - } - } - @media screen and (max-width: 767px) { - .d-b\@sm- { - display: block !important; - } - .d-ib\@sm- { - display: inline-block !important; - } - .d-i\@sm- { - display: inline !important; - } - .d-tb\@sm- { - display: table !important; - } - .d-tbc\@sm- { - display: table-cell !important; - } - .d-n\@sm- { - display: none !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .d-b\@lg { - display: block !important; - } - .d-ib\@lg { - display: inline-block !important; - } - .d-i\@lg { - display: inline !important; - } - .d-tb\@lg { - display: table !important; - } - .d-tbc\@lg { - display: table-cell !important; - } - .d-n\@lg { - display: none !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .d-b\@md { - display: block !important; - } - .d-ib\@md { - display: inline-block !important; - } - .d-i\@md { - display: inline !important; - } - .d-tb\@md { - display: table !important; - } - .d-tbc\@md { - display: table-cell !important; - } - .d-n\@md { - display: none !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .d-b\@sm { - display: block !important; - } - .d-ib\@sm { - display: inline-block !important; - } - .d-i\@sm { - display: inline !important; - } - .d-tb\@sm { - display: table !important; - } - .d-tbc\@sm { - display: table-cell !important; - } - .d-n\@sm { - display: none !important; - } - } - .ov-h { - overflow: hidden !important; - } - - .ov-a { - overflow: auto !important; - } - - .ov-s { - overflow: scroll !important; - } - - .ovY-h { - overflow-y: hidden !important; - } - - .ovX-h { - overflow-x: hidden !important; - } - - .ovY-a { - overflow-y: auto !important; - } - - .ovX-a { - overflow-x: auto !important; - } - - .ovY-s { - overflow-y: scroll !important; - } - - .ovX-s { - overflow-x: scroll !important; - } - - @media screen and (min-width: 1440px) { - .ov-h\@xl\+ { - overflow: hidden !important; - } - .ov-a\@xl\+ { - overflow: auto !important; - } - .ov-s\@xl\+ { - overflow: scroll !important; - } - .ovY-h\@xl\+ { - overflow-y: hidden !important; - } - .ovX-h\@xl\+ { - overflow-x: hidden !important; - } - .ovY-a\@xl\+ { - overflow-y: auto !important; - } - .ovX-a\@xl\+ { - overflow-x: auto !important; - } - .ovY-s\@xl\+ { - overflow-y: scroll !important; - } - .ovX-s\@xl\+ { - overflow-x: scroll !important; - } - } - @media screen and (min-width: 1200px) { - .ov-h\@lg\+ { - overflow: hidden !important; - } - .ov-a\@lg\+ { - overflow: auto !important; - } - .ov-s\@lg\+ { - overflow: scroll !important; - } - .ovY-h\@lg\+ { - overflow-y: hidden !important; - } - .ovX-h\@lg\+ { - overflow-x: hidden !important; - } - .ovY-a\@lg\+ { - overflow-y: auto !important; - } - .ovX-a\@lg\+ { - overflow-x: auto !important; - } - .ovY-s\@lg\+ { - overflow-y: scroll !important; - } - .ovX-s\@lg\+ { - overflow-x: scroll !important; - } - } - @media screen and (min-width: 992px) { - .ov-h\@md\+ { - overflow: hidden !important; - } - .ov-a\@md\+ { - overflow: auto !important; - } - .ov-s\@md\+ { - overflow: scroll !important; - } - .ovY-h\@md\+ { - overflow-y: hidden !important; - } - .ovX-h\@md\+ { - overflow-x: hidden !important; - } - .ovY-a\@md\+ { - overflow-y: auto !important; - } - .ovX-a\@md\+ { - overflow-x: auto !important; - } - .ovY-s\@md\+ { - overflow-y: scroll !important; - } - .ovX-s\@md\+ { - overflow-x: scroll !important; - } - } - @media screen and (min-width: 768px) { - .ov-h\@sm\+ { - overflow: hidden !important; - } - .ov-a\@sm\+ { - overflow: auto !important; - } - .ov-s\@sm\+ { - overflow: scroll !important; - } - .ovY-h\@sm\+ { - overflow-y: hidden !important; - } - .ovX-h\@sm\+ { - overflow-x: hidden !important; - } - .ovY-a\@sm\+ { - overflow-y: auto !important; - } - .ovX-a\@sm\+ { - overflow-x: auto !important; - } - .ovY-s\@sm\+ { - overflow-y: scroll !important; - } - .ovX-s\@sm\+ { - overflow-x: scroll !important; - } - } - @media screen and (min-width: 0) { - .ov-h\@xs\+ { - overflow: hidden !important; - } - .ov-a\@xs\+ { - overflow: auto !important; - } - .ov-s\@xs\+ { - overflow: scroll !important; - } - .ovY-h\@xs\+ { - overflow-y: hidden !important; - } - .ovX-h\@xs\+ { - overflow-x: hidden !important; - } - .ovY-a\@xs\+ { - overflow-y: auto !important; - } - .ovX-a\@xs\+ { - overflow-x: auto !important; - } - .ovY-s\@xs\+ { - overflow-y: scroll !important; - } - .ovX-s\@xs\+ { - overflow-x: scroll !important; - } - } - @media screen and (max-width: 1439px) { - .ov-h\@xl- { - overflow: hidden !important; - } - .ov-a\@xl- { - overflow: auto !important; - } - .ov-s\@xl- { - overflow: scroll !important; - } - .ovY-h\@xl- { - overflow-y: hidden !important; - } - .ovX-h\@xl- { - overflow-x: hidden !important; - } - .ovY-a\@xl- { - overflow-y: auto !important; - } - .ovX-a\@xl- { - overflow-x: auto !important; - } - .ovY-s\@xl- { - overflow-y: scroll !important; - } - .ovX-s\@xl- { - overflow-x: scroll !important; - } - } - @media screen and (max-width: 1199px) { - .ov-h\@lg- { - overflow: hidden !important; - } - .ov-a\@lg- { - overflow: auto !important; - } - .ov-s\@lg- { - overflow: scroll !important; - } - .ovY-h\@lg- { - overflow-y: hidden !important; - } - .ovX-h\@lg- { - overflow-x: hidden !important; - } - .ovY-a\@lg- { - overflow-y: auto !important; - } - .ovX-a\@lg- { - overflow-x: auto !important; - } - .ovY-s\@lg- { - overflow-y: scroll !important; - } - .ovX-s\@lg- { - overflow-x: scroll !important; - } - } - @media screen and (max-width: 991px) { - .ov-h\@md- { - overflow: hidden !important; - } - .ov-a\@md- { - overflow: auto !important; - } - .ov-s\@md- { - overflow: scroll !important; - } - .ovY-h\@md- { - overflow-y: hidden !important; - } - .ovX-h\@md- { - overflow-x: hidden !important; - } - .ovY-a\@md- { - overflow-y: auto !important; - } - .ovX-a\@md- { - overflow-x: auto !important; - } - .ovY-s\@md- { - overflow-y: scroll !important; - } - .ovX-s\@md- { - overflow-x: scroll !important; - } - } - @media screen and (max-width: 767px) { - .ov-h\@sm- { - overflow: hidden !important; - } - .ov-a\@sm- { - overflow: auto !important; - } - .ov-s\@sm- { - overflow: scroll !important; - } - .ovY-h\@sm- { - overflow-y: hidden !important; - } - .ovX-h\@sm- { - overflow-x: hidden !important; - } - .ovY-a\@sm- { - overflow-y: auto !important; - } - .ovX-a\@sm- { - overflow-x: auto !important; - } - .ovY-s\@sm- { - overflow-y: scroll !important; - } - .ovX-s\@sm- { - overflow-x: scroll !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ov-h\@lg { - overflow: hidden !important; - } - .ov-a\@lg { - overflow: auto !important; - } - .ov-s\@lg { - overflow: scroll !important; - } - .ovY-h\@lg { - overflow-y: hidden !important; - } - .ovX-h\@lg { - overflow-x: hidden !important; - } - .ovY-a\@lg { - overflow-y: auto !important; - } - .ovX-a\@lg { - overflow-x: auto !important; - } - .ovY-s\@lg { - overflow-y: scroll !important; - } - .ovX-s\@lg { - overflow-x: scroll !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ov-h\@md { - overflow: hidden !important; - } - .ov-a\@md { - overflow: auto !important; - } - .ov-s\@md { - overflow: scroll !important; - } - .ovY-h\@md { - overflow-y: hidden !important; - } - .ovX-h\@md { - overflow-x: hidden !important; - } - .ovY-a\@md { - overflow-y: auto !important; - } - .ovX-a\@md { - overflow-x: auto !important; - } - .ovY-s\@md { - overflow-y: scroll !important; - } - .ovX-s\@md { - overflow-x: scroll !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ov-h\@sm { - overflow: hidden !important; - } - .ov-a\@sm { - overflow: auto !important; - } - .ov-s\@sm { - overflow: scroll !important; - } - .ovY-h\@sm { - overflow-y: hidden !important; - } - .ovX-h\@sm { - overflow-x: hidden !important; - } - .ovY-a\@sm { - overflow-y: auto !important; - } - .ovX-a\@sm { - overflow-x: auto !important; - } - .ovY-s\@sm { - overflow-y: scroll !important; - } - .ovX-s\@sm { - overflow-x: scroll !important; - } - } - .fl-l { - float: left !important; - } - - .fl-r { - float: right !important; - } - - .fl-n { - float: none !important; - } - - @media screen and (min-width: 1440px) { - .fl-l\@xl\+ { - float: left !important; - } - .fl-r\@xl\+ { - float: right !important; - } - .fl-n\@xl\+ { - float: none !important; - } - } - @media screen and (min-width: 1200px) { - .fl-l\@lg\+ { - float: left !important; - } - .fl-r\@lg\+ { - float: right !important; - } - .fl-n\@lg\+ { - float: none !important; - } - } - @media screen and (min-width: 992px) { - .fl-l\@md\+ { - float: left !important; - } - .fl-r\@md\+ { - float: right !important; - } - .fl-n\@md\+ { - float: none !important; - } - } - @media screen and (min-width: 768px) { - .fl-l\@sm\+ { - float: left !important; - } - .fl-r\@sm\+ { - float: right !important; - } - .fl-n\@sm\+ { - float: none !important; - } - } - @media screen and (min-width: 0) { - .fl-l\@xs\+ { - float: left !important; - } - .fl-r\@xs\+ { - float: right !important; - } - .fl-n\@xs\+ { - float: none !important; - } - } - @media screen and (max-width: 1439px) { - .fl-l\@xl- { - float: left !important; - } - .fl-r\@xl- { - float: right !important; - } - .fl-n\@xl- { - float: none !important; - } - } - @media screen and (max-width: 1199px) { - .fl-l\@lg- { - float: left !important; - } - .fl-r\@lg- { - float: right !important; - } - .fl-n\@lg- { - float: none !important; - } - } - @media screen and (max-width: 991px) { - .fl-l\@md- { - float: left !important; - } - .fl-r\@md- { - float: right !important; - } - .fl-n\@md- { - float: none !important; - } - } - @media screen and (max-width: 767px) { - .fl-l\@sm- { - float: left !important; - } - .fl-r\@sm- { - float: right !important; - } - .fl-n\@sm- { - float: none !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .fl-l\@lg { - float: left !important; - } - .fl-r\@lg { - float: right !important; - } - .fl-n\@lg { - float: none !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .fl-l\@md { - float: left !important; - } - .fl-r\@md { - float: right !important; - } - .fl-n\@md { - float: none !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .fl-l\@sm { - float: left !important; - } - .fl-r\@sm { - float: right !important; - } - .fl-n\@sm { - float: none !important; - } - } - .va-t { - vertical-align: top !important; - } - - .va-m { - vertical-align: middle !important; - } - - .va-b { - vertical-align: bottom !important; - } - - @media screen and (min-width: 1440px) { - .va-t\@xl\+ { - vertical-align: top !important; - } - .va-m\@xl\+ { - vertical-align: middle !important; - } - .va-b\@xl\+ { - vertical-align: bottom !important; - } - } - @media screen and (min-width: 1200px) { - .va-t\@lg\+ { - vertical-align: top !important; - } - .va-m\@lg\+ { - vertical-align: middle !important; - } - .va-b\@lg\+ { - vertical-align: bottom !important; - } - } - @media screen and (min-width: 992px) { - .va-t\@md\+ { - vertical-align: top !important; - } - .va-m\@md\+ { - vertical-align: middle !important; - } - .va-b\@md\+ { - vertical-align: bottom !important; - } - } - @media screen and (min-width: 768px) { - .va-t\@sm\+ { - vertical-align: top !important; - } - .va-m\@sm\+ { - vertical-align: middle !important; - } - .va-b\@sm\+ { - vertical-align: bottom !important; - } - } - @media screen and (min-width: 0) { - .va-t\@xs\+ { - vertical-align: top !important; - } - .va-m\@xs\+ { - vertical-align: middle !important; - } - .va-b\@xs\+ { - vertical-align: bottom !important; - } - } - @media screen and (max-width: 1439px) { - .va-t\@xl- { - vertical-align: top !important; - } - .va-m\@xl- { - vertical-align: middle !important; - } - .va-b\@xl- { - vertical-align: bottom !important; - } - } - @media screen and (max-width: 1199px) { - .va-t\@lg- { - vertical-align: top !important; - } - .va-m\@lg- { - vertical-align: middle !important; - } - .va-b\@lg- { - vertical-align: bottom !important; - } - } - @media screen and (max-width: 991px) { - .va-t\@md- { - vertical-align: top !important; - } - .va-m\@md- { - vertical-align: middle !important; - } - .va-b\@md- { - vertical-align: bottom !important; - } - } - @media screen and (max-width: 767px) { - .va-t\@sm- { - vertical-align: top !important; - } - .va-m\@sm- { - vertical-align: middle !important; - } - .va-b\@sm- { - vertical-align: bottom !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .va-t\@lg { - vertical-align: top !important; - } - .va-m\@lg { - vertical-align: middle !important; - } - .va-b\@lg { - vertical-align: bottom !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .va-t\@md { - vertical-align: top !important; - } - .va-m\@md { - vertical-align: middle !important; - } - .va-b\@md { - vertical-align: bottom !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .va-t\@sm { - vertical-align: top !important; - } - .va-m\@sm { - vertical-align: middle !important; - } - .va-b\@sm { - vertical-align: bottom !important; - } - } - .pos-s { - position: static !important; - } - - .pos-st { - position: sticky !important; - } - - .pos-r { - position: relative !important; - } - - .pos-a { - position: absolute !important; - } - - .pos-f { - position: fixed !important; - } - - @media screen and (min-width: 1440px) { - .pos-s\@xl\+ { - position: static !important; - } - .pos-st\@xl\+ { - position: sticky !important; - } - .pos-r\@xl\+ { - position: relative !important; - } - .pos-a\@xl\+ { - position: absolute !important; - } - .pos-f\@xl\+ { - position: fixed !important; - } - } - @media screen and (min-width: 1200px) { - .pos-s\@lg\+ { - position: static !important; - } - .pos-st\@lg\+ { - position: sticky !important; - } - .pos-r\@lg\+ { - position: relative !important; - } - .pos-a\@lg\+ { - position: absolute !important; - } - .pos-f\@lg\+ { - position: fixed !important; - } - } - @media screen and (min-width: 992px) { - .pos-s\@md\+ { - position: static !important; - } - .pos-st\@md\+ { - position: sticky !important; - } - .pos-r\@md\+ { - position: relative !important; - } - .pos-a\@md\+ { - position: absolute !important; - } - .pos-f\@md\+ { - position: fixed !important; - } - } - @media screen and (min-width: 768px) { - .pos-s\@sm\+ { - position: static !important; - } - .pos-st\@sm\+ { - position: sticky !important; - } - .pos-r\@sm\+ { - position: relative !important; - } - .pos-a\@sm\+ { - position: absolute !important; - } - .pos-f\@sm\+ { - position: fixed !important; - } - } - @media screen and (min-width: 0) { - .pos-s\@xs\+ { - position: static !important; - } - .pos-st\@xs\+ { - position: sticky !important; - } - .pos-r\@xs\+ { - position: relative !important; - } - .pos-a\@xs\+ { - position: absolute !important; - } - .pos-f\@xs\+ { - position: fixed !important; - } - } - @media screen and (max-width: 1439px) { - .pos-s\@xl- { - position: static !important; - } - .pos-st\@xl- { - position: sticky !important; - } - .pos-r\@xl- { - position: relative !important; - } - .pos-a\@xl- { - position: absolute !important; - } - .pos-f\@xl- { - position: fixed !important; - } - } - @media screen and (max-width: 1199px) { - .pos-s\@lg- { - position: static !important; - } - .pos-st\@lg- { - position: sticky !important; - } - .pos-r\@lg- { - position: relative !important; - } - .pos-a\@lg- { - position: absolute !important; - } - .pos-f\@lg- { - position: fixed !important; - } - } - @media screen and (max-width: 991px) { - .pos-s\@md- { - position: static !important; - } - .pos-st\@md- { - position: sticky !important; - } - .pos-r\@md- { - position: relative !important; - } - .pos-a\@md- { - position: absolute !important; - } - .pos-f\@md- { - position: fixed !important; - } - } - @media screen and (max-width: 767px) { - .pos-s\@sm- { - position: static !important; - } - .pos-st\@sm- { - position: sticky !important; - } - .pos-r\@sm- { - position: relative !important; - } - .pos-a\@sm- { - position: absolute !important; - } - .pos-f\@sm- { - position: fixed !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .pos-s\@lg { - position: static !important; - } - .pos-st\@lg { - position: sticky !important; - } - .pos-r\@lg { - position: relative !important; - } - .pos-a\@lg { - position: absolute !important; - } - .pos-f\@lg { - position: fixed !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .pos-s\@md { - position: static !important; - } - .pos-st\@md { - position: sticky !important; - } - .pos-r\@md { - position: relative !important; - } - .pos-a\@md { - position: absolute !important; - } - .pos-f\@md { - position: fixed !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .pos-s\@sm { - position: static !important; - } - .pos-st\@sm { - position: sticky !important; - } - .pos-r\@sm { - position: relative !important; - } - .pos-a\@sm { - position: absolute !important; - } - .pos-f\@sm { - position: fixed !important; - } - } - .z-0 { - z-index: 0 !important; - } - - @media screen and (min-width: 1440px) { - .z-0\@xl\+ { - z-index: 0 !important; - } - } - @media screen and (min-width: 1200px) { - .z-0\@lg\+ { - z-index: 0 !important; - } - } - @media screen and (min-width: 992px) { - .z-0\@md\+ { - z-index: 0 !important; - } - } - @media screen and (min-width: 768px) { - .z-0\@sm\+ { - z-index: 0 !important; - } - } - @media screen and (min-width: 0) { - .z-0\@xs\+ { - z-index: 0 !important; - } - } - @media screen and (max-width: 1439px) { - .z-0\@xl- { - z-index: 0 !important; - } - } - @media screen and (max-width: 1199px) { - .z-0\@lg- { - z-index: 0 !important; - } - } - @media screen and (max-width: 991px) { - .z-0\@md- { - z-index: 0 !important; - } - } - @media screen and (max-width: 767px) { - .z-0\@sm- { - z-index: 0 !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .z-0\@lg { - z-index: 0 !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .z-0\@md { - z-index: 0 !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .z-0\@sm { - z-index: 0 !important; - } - } - .z-1 { - z-index: 1000 !important; - } - - @media screen and (min-width: 1440px) { - .z-1\@xl\+ { - z-index: 1000 !important; - } - } - @media screen and (min-width: 1200px) { - .z-1\@lg\+ { - z-index: 1000 !important; - } - } - @media screen and (min-width: 992px) { - .z-1\@md\+ { - z-index: 1000 !important; - } - } - @media screen and (min-width: 768px) { - .z-1\@sm\+ { - z-index: 1000 !important; - } - } - @media screen and (min-width: 0) { - .z-1\@xs\+ { - z-index: 1000 !important; - } - } - @media screen and (max-width: 1439px) { - .z-1\@xl- { - z-index: 1000 !important; - } - } - @media screen and (max-width: 1199px) { - .z-1\@lg- { - z-index: 1000 !important; - } - } - @media screen and (max-width: 991px) { - .z-1\@md- { - z-index: 1000 !important; - } - } - @media screen and (max-width: 767px) { - .z-1\@sm- { - z-index: 1000 !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .z-1\@lg { - z-index: 1000 !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .z-1\@md { - z-index: 1000 !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .z-1\@sm { - z-index: 1000 !important; - } - } - .z-2 { - z-index: 2000 !important; - } - - @media screen and (min-width: 1440px) { - .z-2\@xl\+ { - z-index: 2000 !important; - } - } - @media screen and (min-width: 1200px) { - .z-2\@lg\+ { - z-index: 2000 !important; - } - } - @media screen and (min-width: 992px) { - .z-2\@md\+ { - z-index: 2000 !important; - } - } - @media screen and (min-width: 768px) { - .z-2\@sm\+ { - z-index: 2000 !important; - } - } - @media screen and (min-width: 0) { - .z-2\@xs\+ { - z-index: 2000 !important; - } - } - @media screen and (max-width: 1439px) { - .z-2\@xl- { - z-index: 2000 !important; - } - } - @media screen and (max-width: 1199px) { - .z-2\@lg- { - z-index: 2000 !important; - } - } - @media screen and (max-width: 991px) { - .z-2\@md- { - z-index: 2000 !important; - } - } - @media screen and (max-width: 767px) { - .z-2\@sm- { - z-index: 2000 !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .z-2\@lg { - z-index: 2000 !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .z-2\@md { - z-index: 2000 !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .z-2\@sm { - z-index: 2000 !important; - } - } - .z-3 { - z-index: 3000 !important; - } - - @media screen and (min-width: 1440px) { - .z-3\@xl\+ { - z-index: 3000 !important; - } - } - @media screen and (min-width: 1200px) { - .z-3\@lg\+ { - z-index: 3000 !important; - } - } - @media screen and (min-width: 992px) { - .z-3\@md\+ { - z-index: 3000 !important; - } - } - @media screen and (min-width: 768px) { - .z-3\@sm\+ { - z-index: 3000 !important; - } - } - @media screen and (min-width: 0) { - .z-3\@xs\+ { - z-index: 3000 !important; - } - } - @media screen and (max-width: 1439px) { - .z-3\@xl- { - z-index: 3000 !important; - } - } - @media screen and (max-width: 1199px) { - .z-3\@lg- { - z-index: 3000 !important; - } - } - @media screen and (max-width: 991px) { - .z-3\@md- { - z-index: 3000 !important; - } - } - @media screen and (max-width: 767px) { - .z-3\@sm- { - z-index: 3000 !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .z-3\@lg { - z-index: 3000 !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .z-3\@md { - z-index: 3000 !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .z-3\@sm { - z-index: 3000 !important; - } - } - .z-4 { - z-index: 4000 !important; - } - - @media screen and (min-width: 1440px) { - .z-4\@xl\+ { - z-index: 4000 !important; - } - } - @media screen and (min-width: 1200px) { - .z-4\@lg\+ { - z-index: 4000 !important; - } - } - @media screen and (min-width: 992px) { - .z-4\@md\+ { - z-index: 4000 !important; - } - } - @media screen and (min-width: 768px) { - .z-4\@sm\+ { - z-index: 4000 !important; - } - } - @media screen and (min-width: 0) { - .z-4\@xs\+ { - z-index: 4000 !important; - } - } - @media screen and (max-width: 1439px) { - .z-4\@xl- { - z-index: 4000 !important; - } - } - @media screen and (max-width: 1199px) { - .z-4\@lg- { - z-index: 4000 !important; - } - } - @media screen and (max-width: 991px) { - .z-4\@md- { - z-index: 4000 !important; - } - } - @media screen and (max-width: 767px) { - .z-4\@sm- { - z-index: 4000 !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .z-4\@lg { - z-index: 4000 !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .z-4\@md { - z-index: 4000 !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .z-4\@sm { - z-index: 4000 !important; - } - } - .z-5 { - z-index: 5000 !important; - } - - @media screen and (min-width: 1440px) { - .z-5\@xl\+ { - z-index: 5000 !important; - } - } - @media screen and (min-width: 1200px) { - .z-5\@lg\+ { - z-index: 5000 !important; - } - } - @media screen and (min-width: 992px) { - .z-5\@md\+ { - z-index: 5000 !important; - } - } - @media screen and (min-width: 768px) { - .z-5\@sm\+ { - z-index: 5000 !important; - } - } - @media screen and (min-width: 0) { - .z-5\@xs\+ { - z-index: 5000 !important; - } - } - @media screen and (max-width: 1439px) { - .z-5\@xl- { - z-index: 5000 !important; - } - } - @media screen and (max-width: 1199px) { - .z-5\@lg- { - z-index: 5000 !important; - } - } - @media screen and (max-width: 991px) { - .z-5\@md- { - z-index: 5000 !important; - } - } - @media screen and (max-width: 767px) { - .z-5\@sm- { - z-index: 5000 !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .z-5\@lg { - z-index: 5000 !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .z-5\@md { - z-index: 5000 !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .z-5\@sm { - z-index: 5000 !important; - } - } - .z-6 { - z-index: 6000 !important; - } - - @media screen and (min-width: 1440px) { - .z-6\@xl\+ { - z-index: 6000 !important; - } - } - @media screen and (min-width: 1200px) { - .z-6\@lg\+ { - z-index: 6000 !important; - } - } - @media screen and (min-width: 992px) { - .z-6\@md\+ { - z-index: 6000 !important; - } - } - @media screen and (min-width: 768px) { - .z-6\@sm\+ { - z-index: 6000 !important; - } - } - @media screen and (min-width: 0) { - .z-6\@xs\+ { - z-index: 6000 !important; - } - } - @media screen and (max-width: 1439px) { - .z-6\@xl- { - z-index: 6000 !important; - } - } - @media screen and (max-width: 1199px) { - .z-6\@lg- { - z-index: 6000 !important; - } - } - @media screen and (max-width: 991px) { - .z-6\@md- { - z-index: 6000 !important; - } - } - @media screen and (max-width: 767px) { - .z-6\@sm- { - z-index: 6000 !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .z-6\@lg { - z-index: 6000 !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .z-6\@md { - z-index: 6000 !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .z-6\@sm { - z-index: 6000 !important; - } - } - .z-7 { - z-index: 7000 !important; - } - - @media screen and (min-width: 1440px) { - .z-7\@xl\+ { - z-index: 7000 !important; - } - } - @media screen and (min-width: 1200px) { - .z-7\@lg\+ { - z-index: 7000 !important; - } - } - @media screen and (min-width: 992px) { - .z-7\@md\+ { - z-index: 7000 !important; - } - } - @media screen and (min-width: 768px) { - .z-7\@sm\+ { - z-index: 7000 !important; - } - } - @media screen and (min-width: 0) { - .z-7\@xs\+ { - z-index: 7000 !important; - } - } - @media screen and (max-width: 1439px) { - .z-7\@xl- { - z-index: 7000 !important; - } - } - @media screen and (max-width: 1199px) { - .z-7\@lg- { - z-index: 7000 !important; - } - } - @media screen and (max-width: 991px) { - .z-7\@md- { - z-index: 7000 !important; - } - } - @media screen and (max-width: 767px) { - .z-7\@sm- { - z-index: 7000 !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .z-7\@lg { - z-index: 7000 !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .z-7\@md { - z-index: 7000 !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .z-7\@sm { - z-index: 7000 !important; - } - } - .z-8 { - z-index: 8000 !important; - } - - @media screen and (min-width: 1440px) { - .z-8\@xl\+ { - z-index: 8000 !important; - } - } - @media screen and (min-width: 1200px) { - .z-8\@lg\+ { - z-index: 8000 !important; - } - } - @media screen and (min-width: 992px) { - .z-8\@md\+ { - z-index: 8000 !important; - } - } - @media screen and (min-width: 768px) { - .z-8\@sm\+ { - z-index: 8000 !important; - } - } - @media screen and (min-width: 0) { - .z-8\@xs\+ { - z-index: 8000 !important; - } - } - @media screen and (max-width: 1439px) { - .z-8\@xl- { - z-index: 8000 !important; - } - } - @media screen and (max-width: 1199px) { - .z-8\@lg- { - z-index: 8000 !important; - } - } - @media screen and (max-width: 991px) { - .z-8\@md- { - z-index: 8000 !important; - } - } - @media screen and (max-width: 767px) { - .z-8\@sm- { - z-index: 8000 !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .z-8\@lg { - z-index: 8000 !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .z-8\@md { - z-index: 8000 !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .z-8\@sm { - z-index: 8000 !important; - } - } - .z-9 { - z-index: 9000 !important; - } - - @media screen and (min-width: 1440px) { - .z-9\@xl\+ { - z-index: 9000 !important; - } - } - @media screen and (min-width: 1200px) { - .z-9\@lg\+ { - z-index: 9000 !important; - } - } - @media screen and (min-width: 992px) { - .z-9\@md\+ { - z-index: 9000 !important; - } - } - @media screen and (min-width: 768px) { - .z-9\@sm\+ { - z-index: 9000 !important; - } - } - @media screen and (min-width: 0) { - .z-9\@xs\+ { - z-index: 9000 !important; - } - } - @media screen and (max-width: 1439px) { - .z-9\@xl- { - z-index: 9000 !important; - } - } - @media screen and (max-width: 1199px) { - .z-9\@lg- { - z-index: 9000 !important; - } - } - @media screen and (max-width: 991px) { - .z-9\@md- { - z-index: 9000 !important; - } - } - @media screen and (max-width: 767px) { - .z-9\@sm- { - z-index: 9000 !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .z-9\@lg { - z-index: 9000 !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .z-9\@md { - z-index: 9000 !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .z-9\@sm { - z-index: 9000 !important; - } - } - .lisp-i { - list-style-position: inside; - } - - .lisp-o { - list-style-position: outside; - } - - .lis-n { - list-style: none; - } - - .list-c { - list-style-type: circle; - } - - .list-s { - list-style-type: square; - } - - .list-u { - list-style-type: upper-roman; - } - - .list-l { - list-style-type: lower-alpha; - } - - .m-0 { - margin: 0px !important; - } - - .mT-0 { - margin-top: 0px !important; - } - - .mR-0 { - margin-right: 0px !important; - } - - .mB-0 { - margin-bottom: 0px !important; - } - - .mL-0 { - margin-left: 0px !important; - } - - .mY-0 { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - - .mX-0 { - margin-left: 0px !important; - margin-right: 0px !important; - } - - .m-nv-0 { - margin: -0px !important; - } - - .mT-nv-0 { - margin-top: -0px !important; - } - - .mR-nv-0 { - margin-right: -0px !important; - } - - .mB-nv-0 { - margin-bottom: -0px !important; - } - - .mL-nv-0 { - margin-left: -0px !important; - } - - .mY-nv-0 { - margin-top: -0px !important; - margin-bottom: -0px !important; - } - - .mX-nv-0 { - margin-left: -0px !important; - margin-right: -0px !important; - } - - @media screen and (min-width: 1440px) { - .m-0\@xl\+ { - margin: 0px !important; - } - .mT-0\@xl\+ { - margin-top: 0px !important; - } - .mR-0\@xl\+ { - margin-right: 0px !important; - } - .mB-0\@xl\+ { - margin-bottom: 0px !important; - } - .mL-0\@xl\+ { - margin-left: 0px !important; - } - .mY-0\@xl\+ { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .mX-0\@xl\+ { - margin-left: 0px !important; - margin-right: 0px !important; - } - .m-nv-0\@xl\+ { - margin: -0px !important; - } - .mT-nv-0\@xl\+ { - margin-top: -0px !important; - } - .mR-nv-0\@xl\+ { - margin-right: -0px !important; - } - .mB-nv-0\@xl\+ { - margin-bottom: -0px !important; - } - .mL-nv-0\@xl\+ { - margin-left: -0px !important; - } - .mY-nv-0\@xl\+ { - margin-top: -0px !important; - margin-bottom: -0px !important; - } - .mX-nv-0\@xl\+ { - margin-left: -0px !important; - margin-right: -0px !important; - } - } - @media screen and (min-width: 1200px) { - .m-0\@lg\+ { - margin: 0px !important; - } - .mT-0\@lg\+ { - margin-top: 0px !important; - } - .mR-0\@lg\+ { - margin-right: 0px !important; - } - .mB-0\@lg\+ { - margin-bottom: 0px !important; - } - .mL-0\@lg\+ { - margin-left: 0px !important; - } - .mY-0\@lg\+ { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .mX-0\@lg\+ { - margin-left: 0px !important; - margin-right: 0px !important; - } - .m-nv-0\@lg\+ { - margin: -0px !important; - } - .mT-nv-0\@lg\+ { - margin-top: -0px !important; - } - .mR-nv-0\@lg\+ { - margin-right: -0px !important; - } - .mB-nv-0\@lg\+ { - margin-bottom: -0px !important; - } - .mL-nv-0\@lg\+ { - margin-left: -0px !important; - } - .mY-nv-0\@lg\+ { - margin-top: -0px !important; - margin-bottom: -0px !important; - } - .mX-nv-0\@lg\+ { - margin-left: -0px !important; - margin-right: -0px !important; - } - } - @media screen and (min-width: 992px) { - .m-0\@md\+ { - margin: 0px !important; - } - .mT-0\@md\+ { - margin-top: 0px !important; - } - .mR-0\@md\+ { - margin-right: 0px !important; - } - .mB-0\@md\+ { - margin-bottom: 0px !important; - } - .mL-0\@md\+ { - margin-left: 0px !important; - } - .mY-0\@md\+ { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .mX-0\@md\+ { - margin-left: 0px !important; - margin-right: 0px !important; - } - .m-nv-0\@md\+ { - margin: -0px !important; - } - .mT-nv-0\@md\+ { - margin-top: -0px !important; - } - .mR-nv-0\@md\+ { - margin-right: -0px !important; - } - .mB-nv-0\@md\+ { - margin-bottom: -0px !important; - } - .mL-nv-0\@md\+ { - margin-left: -0px !important; - } - .mY-nv-0\@md\+ { - margin-top: -0px !important; - margin-bottom: -0px !important; - } - .mX-nv-0\@md\+ { - margin-left: -0px !important; - margin-right: -0px !important; - } - } - @media screen and (min-width: 768px) { - .m-0\@sm\+ { - margin: 0px !important; - } - .mT-0\@sm\+ { - margin-top: 0px !important; - } - .mR-0\@sm\+ { - margin-right: 0px !important; - } - .mB-0\@sm\+ { - margin-bottom: 0px !important; - } - .mL-0\@sm\+ { - margin-left: 0px !important; - } - .mY-0\@sm\+ { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .mX-0\@sm\+ { - margin-left: 0px !important; - margin-right: 0px !important; - } - .m-nv-0\@sm\+ { - margin: -0px !important; - } - .mT-nv-0\@sm\+ { - margin-top: -0px !important; - } - .mR-nv-0\@sm\+ { - margin-right: -0px !important; - } - .mB-nv-0\@sm\+ { - margin-bottom: -0px !important; - } - .mL-nv-0\@sm\+ { - margin-left: -0px !important; - } - .mY-nv-0\@sm\+ { - margin-top: -0px !important; - margin-bottom: -0px !important; - } - .mX-nv-0\@sm\+ { - margin-left: -0px !important; - margin-right: -0px !important; - } - } - @media screen and (min-width: 0) { - .m-0\@xs\+ { - margin: 0px !important; - } - .mT-0\@xs\+ { - margin-top: 0px !important; - } - .mR-0\@xs\+ { - margin-right: 0px !important; - } - .mB-0\@xs\+ { - margin-bottom: 0px !important; - } - .mL-0\@xs\+ { - margin-left: 0px !important; - } - .mY-0\@xs\+ { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .mX-0\@xs\+ { - margin-left: 0px !important; - margin-right: 0px !important; - } - .m-nv-0\@xs\+ { - margin: -0px !important; - } - .mT-nv-0\@xs\+ { - margin-top: -0px !important; - } - .mR-nv-0\@xs\+ { - margin-right: -0px !important; - } - .mB-nv-0\@xs\+ { - margin-bottom: -0px !important; - } - .mL-nv-0\@xs\+ { - margin-left: -0px !important; - } - .mY-nv-0\@xs\+ { - margin-top: -0px !important; - margin-bottom: -0px !important; - } - .mX-nv-0\@xs\+ { - margin-left: -0px !important; - margin-right: -0px !important; - } - } - @media screen and (max-width: 1439px) { - .m-0\@xl- { - margin: 0px !important; - } - .mT-0\@xl- { - margin-top: 0px !important; - } - .mR-0\@xl- { - margin-right: 0px !important; - } - .mB-0\@xl- { - margin-bottom: 0px !important; - } - .mL-0\@xl- { - margin-left: 0px !important; - } - .mY-0\@xl- { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .mX-0\@xl- { - margin-left: 0px !important; - margin-right: 0px !important; - } - .m-nv-0\@xl- { - margin: -0px !important; - } - .mT-nv-0\@xl- { - margin-top: -0px !important; - } - .mR-nv-0\@xl- { - margin-right: -0px !important; - } - .mB-nv-0\@xl- { - margin-bottom: -0px !important; - } - .mL-nv-0\@xl- { - margin-left: -0px !important; - } - .mY-nv-0\@xl- { - margin-top: -0px !important; - margin-bottom: -0px !important; - } - .mX-nv-0\@xl- { - margin-left: -0px !important; - margin-right: -0px !important; - } - } - @media screen and (max-width: 1199px) { - .m-0\@lg- { - margin: 0px !important; - } - .mT-0\@lg- { - margin-top: 0px !important; - } - .mR-0\@lg- { - margin-right: 0px !important; - } - .mB-0\@lg- { - margin-bottom: 0px !important; - } - .mL-0\@lg- { - margin-left: 0px !important; - } - .mY-0\@lg- { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .mX-0\@lg- { - margin-left: 0px !important; - margin-right: 0px !important; - } - .m-nv-0\@lg- { - margin: -0px !important; - } - .mT-nv-0\@lg- { - margin-top: -0px !important; - } - .mR-nv-0\@lg- { - margin-right: -0px !important; - } - .mB-nv-0\@lg- { - margin-bottom: -0px !important; - } - .mL-nv-0\@lg- { - margin-left: -0px !important; - } - .mY-nv-0\@lg- { - margin-top: -0px !important; - margin-bottom: -0px !important; - } - .mX-nv-0\@lg- { - margin-left: -0px !important; - margin-right: -0px !important; - } - } - @media screen and (max-width: 991px) { - .m-0\@md- { - margin: 0px !important; - } - .mT-0\@md- { - margin-top: 0px !important; - } - .mR-0\@md- { - margin-right: 0px !important; - } - .mB-0\@md- { - margin-bottom: 0px !important; - } - .mL-0\@md- { - margin-left: 0px !important; - } - .mY-0\@md- { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .mX-0\@md- { - margin-left: 0px !important; - margin-right: 0px !important; - } - .m-nv-0\@md- { - margin: -0px !important; - } - .mT-nv-0\@md- { - margin-top: -0px !important; - } - .mR-nv-0\@md- { - margin-right: -0px !important; - } - .mB-nv-0\@md- { - margin-bottom: -0px !important; - } - .mL-nv-0\@md- { - margin-left: -0px !important; - } - .mY-nv-0\@md- { - margin-top: -0px !important; - margin-bottom: -0px !important; - } - .mX-nv-0\@md- { - margin-left: -0px !important; - margin-right: -0px !important; - } - } - @media screen and (max-width: 767px) { - .m-0\@sm- { - margin: 0px !important; - } - .mT-0\@sm- { - margin-top: 0px !important; - } - .mR-0\@sm- { - margin-right: 0px !important; - } - .mB-0\@sm- { - margin-bottom: 0px !important; - } - .mL-0\@sm- { - margin-left: 0px !important; - } - .mY-0\@sm- { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .mX-0\@sm- { - margin-left: 0px !important; - margin-right: 0px !important; - } - .m-nv-0\@sm- { - margin: -0px !important; - } - .mT-nv-0\@sm- { - margin-top: -0px !important; - } - .mR-nv-0\@sm- { - margin-right: -0px !important; - } - .mB-nv-0\@sm- { - margin-bottom: -0px !important; - } - .mL-nv-0\@sm- { - margin-left: -0px !important; - } - .mY-nv-0\@sm- { - margin-top: -0px !important; - margin-bottom: -0px !important; - } - .mX-nv-0\@sm- { - margin-left: -0px !important; - margin-right: -0px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-0\@lg { - margin: 0px !important; - } - .mT-0\@lg { - margin-top: 0px !important; - } - .mR-0\@lg { - margin-right: 0px !important; - } - .mB-0\@lg { - margin-bottom: 0px !important; - } - .mL-0\@lg { - margin-left: 0px !important; - } - .mY-0\@lg { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .mX-0\@lg { - margin-left: 0px !important; - margin-right: 0px !important; - } - .m-nv-0\@lg { - margin: -0px !important; - } - .mT-nv-0\@lg { - margin-top: -0px !important; - } - .mR-nv-0\@lg { - margin-right: -0px !important; - } - .mB-nv-0\@lg { - margin-bottom: -0px !important; - } - .mL-nv-0\@lg { - margin-left: -0px !important; - } - .mY-nv-0\@lg { - margin-top: -0px !important; - margin-bottom: -0px !important; - } - .mX-nv-0\@lg { - margin-left: -0px !important; - margin-right: -0px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-0\@md { - margin: 0px !important; - } - .mT-0\@md { - margin-top: 0px !important; - } - .mR-0\@md { - margin-right: 0px !important; - } - .mB-0\@md { - margin-bottom: 0px !important; - } - .mL-0\@md { - margin-left: 0px !important; - } - .mY-0\@md { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .mX-0\@md { - margin-left: 0px !important; - margin-right: 0px !important; - } - .m-nv-0\@md { - margin: -0px !important; - } - .mT-nv-0\@md { - margin-top: -0px !important; - } - .mR-nv-0\@md { - margin-right: -0px !important; - } - .mB-nv-0\@md { - margin-bottom: -0px !important; - } - .mL-nv-0\@md { - margin-left: -0px !important; - } - .mY-nv-0\@md { - margin-top: -0px !important; - margin-bottom: -0px !important; - } - .mX-nv-0\@md { - margin-left: -0px !important; - margin-right: -0px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-0\@sm { - margin: 0px !important; - } - .mT-0\@sm { - margin-top: 0px !important; - } - .mR-0\@sm { - margin-right: 0px !important; - } - .mB-0\@sm { - margin-bottom: 0px !important; - } - .mL-0\@sm { - margin-left: 0px !important; - } - .mY-0\@sm { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .mX-0\@sm { - margin-left: 0px !important; - margin-right: 0px !important; - } - .m-nv-0\@sm { - margin: -0px !important; - } - .mT-nv-0\@sm { - margin-top: -0px !important; - } - .mR-nv-0\@sm { - margin-right: -0px !important; - } - .mB-nv-0\@sm { - margin-bottom: -0px !important; - } - .mL-nv-0\@sm { - margin-left: -0px !important; - } - .mY-nv-0\@sm { - margin-top: -0px !important; - margin-bottom: -0px !important; - } - .mX-nv-0\@sm { - margin-left: -0px !important; - margin-right: -0px !important; - } - } - .m-1 { - margin: 1px !important; - } - - .mT-1 { - margin-top: 1px !important; - } - - .mR-1 { - margin-right: 1px !important; - } - - .mB-1 { - margin-bottom: 1px !important; - } - - .mL-1 { - margin-left: 1px !important; - } - - .mY-1 { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - - .mX-1 { - margin-left: 1px !important; - margin-right: 1px !important; - } - - .m-nv-1 { - margin: -1px !important; - } - - .mT-nv-1 { - margin-top: -1px !important; - } - - .mR-nv-1 { - margin-right: -1px !important; - } - - .mB-nv-1 { - margin-bottom: -1px !important; - } - - .mL-nv-1 { - margin-left: -1px !important; - } - - .mY-nv-1 { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - - .mX-nv-1 { - margin-left: -1px !important; - margin-right: -1px !important; - } - - @media screen and (min-width: 1440px) { - .m-1\@xl\+ { - margin: 1px !important; - } - .mT-1\@xl\+ { - margin-top: 1px !important; - } - .mR-1\@xl\+ { - margin-right: 1px !important; - } - .mB-1\@xl\+ { - margin-bottom: 1px !important; - } - .mL-1\@xl\+ { - margin-left: 1px !important; - } - .mY-1\@xl\+ { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - .mX-1\@xl\+ { - margin-left: 1px !important; - margin-right: 1px !important; - } - .m-nv-1\@xl\+ { - margin: -1px !important; - } - .mT-nv-1\@xl\+ { - margin-top: -1px !important; - } - .mR-nv-1\@xl\+ { - margin-right: -1px !important; - } - .mB-nv-1\@xl\+ { - margin-bottom: -1px !important; - } - .mL-nv-1\@xl\+ { - margin-left: -1px !important; - } - .mY-nv-1\@xl\+ { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .mX-nv-1\@xl\+ { - margin-left: -1px !important; - margin-right: -1px !important; - } - } - @media screen and (min-width: 1200px) { - .m-1\@lg\+ { - margin: 1px !important; - } - .mT-1\@lg\+ { - margin-top: 1px !important; - } - .mR-1\@lg\+ { - margin-right: 1px !important; - } - .mB-1\@lg\+ { - margin-bottom: 1px !important; - } - .mL-1\@lg\+ { - margin-left: 1px !important; - } - .mY-1\@lg\+ { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - .mX-1\@lg\+ { - margin-left: 1px !important; - margin-right: 1px !important; - } - .m-nv-1\@lg\+ { - margin: -1px !important; - } - .mT-nv-1\@lg\+ { - margin-top: -1px !important; - } - .mR-nv-1\@lg\+ { - margin-right: -1px !important; - } - .mB-nv-1\@lg\+ { - margin-bottom: -1px !important; - } - .mL-nv-1\@lg\+ { - margin-left: -1px !important; - } - .mY-nv-1\@lg\+ { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .mX-nv-1\@lg\+ { - margin-left: -1px !important; - margin-right: -1px !important; - } - } - @media screen and (min-width: 992px) { - .m-1\@md\+ { - margin: 1px !important; - } - .mT-1\@md\+ { - margin-top: 1px !important; - } - .mR-1\@md\+ { - margin-right: 1px !important; - } - .mB-1\@md\+ { - margin-bottom: 1px !important; - } - .mL-1\@md\+ { - margin-left: 1px !important; - } - .mY-1\@md\+ { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - .mX-1\@md\+ { - margin-left: 1px !important; - margin-right: 1px !important; - } - .m-nv-1\@md\+ { - margin: -1px !important; - } - .mT-nv-1\@md\+ { - margin-top: -1px !important; - } - .mR-nv-1\@md\+ { - margin-right: -1px !important; - } - .mB-nv-1\@md\+ { - margin-bottom: -1px !important; - } - .mL-nv-1\@md\+ { - margin-left: -1px !important; - } - .mY-nv-1\@md\+ { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .mX-nv-1\@md\+ { - margin-left: -1px !important; - margin-right: -1px !important; - } - } - @media screen and (min-width: 768px) { - .m-1\@sm\+ { - margin: 1px !important; - } - .mT-1\@sm\+ { - margin-top: 1px !important; - } - .mR-1\@sm\+ { - margin-right: 1px !important; - } - .mB-1\@sm\+ { - margin-bottom: 1px !important; - } - .mL-1\@sm\+ { - margin-left: 1px !important; - } - .mY-1\@sm\+ { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - .mX-1\@sm\+ { - margin-left: 1px !important; - margin-right: 1px !important; - } - .m-nv-1\@sm\+ { - margin: -1px !important; - } - .mT-nv-1\@sm\+ { - margin-top: -1px !important; - } - .mR-nv-1\@sm\+ { - margin-right: -1px !important; - } - .mB-nv-1\@sm\+ { - margin-bottom: -1px !important; - } - .mL-nv-1\@sm\+ { - margin-left: -1px !important; - } - .mY-nv-1\@sm\+ { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .mX-nv-1\@sm\+ { - margin-left: -1px !important; - margin-right: -1px !important; - } - } - @media screen and (min-width: 0) { - .m-1\@xs\+ { - margin: 1px !important; - } - .mT-1\@xs\+ { - margin-top: 1px !important; - } - .mR-1\@xs\+ { - margin-right: 1px !important; - } - .mB-1\@xs\+ { - margin-bottom: 1px !important; - } - .mL-1\@xs\+ { - margin-left: 1px !important; - } - .mY-1\@xs\+ { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - .mX-1\@xs\+ { - margin-left: 1px !important; - margin-right: 1px !important; - } - .m-nv-1\@xs\+ { - margin: -1px !important; - } - .mT-nv-1\@xs\+ { - margin-top: -1px !important; - } - .mR-nv-1\@xs\+ { - margin-right: -1px !important; - } - .mB-nv-1\@xs\+ { - margin-bottom: -1px !important; - } - .mL-nv-1\@xs\+ { - margin-left: -1px !important; - } - .mY-nv-1\@xs\+ { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .mX-nv-1\@xs\+ { - margin-left: -1px !important; - margin-right: -1px !important; - } - } - @media screen and (max-width: 1439px) { - .m-1\@xl- { - margin: 1px !important; - } - .mT-1\@xl- { - margin-top: 1px !important; - } - .mR-1\@xl- { - margin-right: 1px !important; - } - .mB-1\@xl- { - margin-bottom: 1px !important; - } - .mL-1\@xl- { - margin-left: 1px !important; - } - .mY-1\@xl- { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - .mX-1\@xl- { - margin-left: 1px !important; - margin-right: 1px !important; - } - .m-nv-1\@xl- { - margin: -1px !important; - } - .mT-nv-1\@xl- { - margin-top: -1px !important; - } - .mR-nv-1\@xl- { - margin-right: -1px !important; - } - .mB-nv-1\@xl- { - margin-bottom: -1px !important; - } - .mL-nv-1\@xl- { - margin-left: -1px !important; - } - .mY-nv-1\@xl- { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .mX-nv-1\@xl- { - margin-left: -1px !important; - margin-right: -1px !important; - } - } - @media screen and (max-width: 1199px) { - .m-1\@lg- { - margin: 1px !important; - } - .mT-1\@lg- { - margin-top: 1px !important; - } - .mR-1\@lg- { - margin-right: 1px !important; - } - .mB-1\@lg- { - margin-bottom: 1px !important; - } - .mL-1\@lg- { - margin-left: 1px !important; - } - .mY-1\@lg- { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - .mX-1\@lg- { - margin-left: 1px !important; - margin-right: 1px !important; - } - .m-nv-1\@lg- { - margin: -1px !important; - } - .mT-nv-1\@lg- { - margin-top: -1px !important; - } - .mR-nv-1\@lg- { - margin-right: -1px !important; - } - .mB-nv-1\@lg- { - margin-bottom: -1px !important; - } - .mL-nv-1\@lg- { - margin-left: -1px !important; - } - .mY-nv-1\@lg- { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .mX-nv-1\@lg- { - margin-left: -1px !important; - margin-right: -1px !important; - } - } - @media screen and (max-width: 991px) { - .m-1\@md- { - margin: 1px !important; - } - .mT-1\@md- { - margin-top: 1px !important; - } - .mR-1\@md- { - margin-right: 1px !important; - } - .mB-1\@md- { - margin-bottom: 1px !important; - } - .mL-1\@md- { - margin-left: 1px !important; - } - .mY-1\@md- { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - .mX-1\@md- { - margin-left: 1px !important; - margin-right: 1px !important; - } - .m-nv-1\@md- { - margin: -1px !important; - } - .mT-nv-1\@md- { - margin-top: -1px !important; - } - .mR-nv-1\@md- { - margin-right: -1px !important; - } - .mB-nv-1\@md- { - margin-bottom: -1px !important; - } - .mL-nv-1\@md- { - margin-left: -1px !important; - } - .mY-nv-1\@md- { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .mX-nv-1\@md- { - margin-left: -1px !important; - margin-right: -1px !important; - } - } - @media screen and (max-width: 767px) { - .m-1\@sm- { - margin: 1px !important; - } - .mT-1\@sm- { - margin-top: 1px !important; - } - .mR-1\@sm- { - margin-right: 1px !important; - } - .mB-1\@sm- { - margin-bottom: 1px !important; - } - .mL-1\@sm- { - margin-left: 1px !important; - } - .mY-1\@sm- { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - .mX-1\@sm- { - margin-left: 1px !important; - margin-right: 1px !important; - } - .m-nv-1\@sm- { - margin: -1px !important; - } - .mT-nv-1\@sm- { - margin-top: -1px !important; - } - .mR-nv-1\@sm- { - margin-right: -1px !important; - } - .mB-nv-1\@sm- { - margin-bottom: -1px !important; - } - .mL-nv-1\@sm- { - margin-left: -1px !important; - } - .mY-nv-1\@sm- { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .mX-nv-1\@sm- { - margin-left: -1px !important; - margin-right: -1px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-1\@lg { - margin: 1px !important; - } - .mT-1\@lg { - margin-top: 1px !important; - } - .mR-1\@lg { - margin-right: 1px !important; - } - .mB-1\@lg { - margin-bottom: 1px !important; - } - .mL-1\@lg { - margin-left: 1px !important; - } - .mY-1\@lg { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - .mX-1\@lg { - margin-left: 1px !important; - margin-right: 1px !important; - } - .m-nv-1\@lg { - margin: -1px !important; - } - .mT-nv-1\@lg { - margin-top: -1px !important; - } - .mR-nv-1\@lg { - margin-right: -1px !important; - } - .mB-nv-1\@lg { - margin-bottom: -1px !important; - } - .mL-nv-1\@lg { - margin-left: -1px !important; - } - .mY-nv-1\@lg { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .mX-nv-1\@lg { - margin-left: -1px !important; - margin-right: -1px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-1\@md { - margin: 1px !important; - } - .mT-1\@md { - margin-top: 1px !important; - } - .mR-1\@md { - margin-right: 1px !important; - } - .mB-1\@md { - margin-bottom: 1px !important; - } - .mL-1\@md { - margin-left: 1px !important; - } - .mY-1\@md { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - .mX-1\@md { - margin-left: 1px !important; - margin-right: 1px !important; - } - .m-nv-1\@md { - margin: -1px !important; - } - .mT-nv-1\@md { - margin-top: -1px !important; - } - .mR-nv-1\@md { - margin-right: -1px !important; - } - .mB-nv-1\@md { - margin-bottom: -1px !important; - } - .mL-nv-1\@md { - margin-left: -1px !important; - } - .mY-nv-1\@md { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .mX-nv-1\@md { - margin-left: -1px !important; - margin-right: -1px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-1\@sm { - margin: 1px !important; - } - .mT-1\@sm { - margin-top: 1px !important; - } - .mR-1\@sm { - margin-right: 1px !important; - } - .mB-1\@sm { - margin-bottom: 1px !important; - } - .mL-1\@sm { - margin-left: 1px !important; - } - .mY-1\@sm { - margin-top: 1px !important; - margin-bottom: 1px !important; - } - .mX-1\@sm { - margin-left: 1px !important; - margin-right: 1px !important; - } - .m-nv-1\@sm { - margin: -1px !important; - } - .mT-nv-1\@sm { - margin-top: -1px !important; - } - .mR-nv-1\@sm { - margin-right: -1px !important; - } - .mB-nv-1\@sm { - margin-bottom: -1px !important; - } - .mL-nv-1\@sm { - margin-left: -1px !important; - } - .mY-nv-1\@sm { - margin-top: -1px !important; - margin-bottom: -1px !important; - } - .mX-nv-1\@sm { - margin-left: -1px !important; - margin-right: -1px !important; - } - } - .m-2 { - margin: 2px !important; - } - - .mT-2 { - margin-top: 2px !important; - } - - .mR-2 { - margin-right: 2px !important; - } - - .mB-2 { - margin-bottom: 2px !important; - } - - .mL-2 { - margin-left: 2px !important; - } - - .mY-2 { - margin-top: 2px !important; - margin-bottom: 2px !important; - } - - .mX-2 { - margin-left: 2px !important; - margin-right: 2px !important; - } - - .m-nv-2 { - margin: -2px !important; - } - - .mT-nv-2 { - margin-top: -2px !important; - } - - .mR-nv-2 { - margin-right: -2px !important; - } - - .mB-nv-2 { - margin-bottom: -2px !important; - } - - .mL-nv-2 { - margin-left: -2px !important; - } - - .mY-nv-2 { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - - .mX-nv-2 { - margin-left: -2px !important; - margin-right: -2px !important; - } - - @media screen and (min-width: 1440px) { - .m-2\@xl\+ { - margin: 2px !important; - } - .mT-2\@xl\+ { - margin-top: 2px !important; - } - .mR-2\@xl\+ { - margin-right: 2px !important; - } - .mB-2\@xl\+ { - margin-bottom: 2px !important; - } - .mL-2\@xl\+ { - margin-left: 2px !important; - } - .mY-2\@xl\+ { - margin-top: 2px !important; - margin-bottom: 2px !important; - } - .mX-2\@xl\+ { - margin-left: 2px !important; - margin-right: 2px !important; - } - .m-nv-2\@xl\+ { - margin: -2px !important; - } - .mT-nv-2\@xl\+ { - margin-top: -2px !important; - } - .mR-nv-2\@xl\+ { - margin-right: -2px !important; - } - .mB-nv-2\@xl\+ { - margin-bottom: -2px !important; - } - .mL-nv-2\@xl\+ { - margin-left: -2px !important; - } - .mY-nv-2\@xl\+ { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .mX-nv-2\@xl\+ { - margin-left: -2px !important; - margin-right: -2px !important; - } - } - @media screen and (min-width: 1200px) { - .m-2\@lg\+ { - margin: 2px !important; - } - .mT-2\@lg\+ { - margin-top: 2px !important; - } - .mR-2\@lg\+ { - margin-right: 2px !important; - } - .mB-2\@lg\+ { - margin-bottom: 2px !important; - } - .mL-2\@lg\+ { - margin-left: 2px !important; - } - .mY-2\@lg\+ { - margin-top: 2px !important; - margin-bottom: 2px !important; - } - .mX-2\@lg\+ { - margin-left: 2px !important; - margin-right: 2px !important; - } - .m-nv-2\@lg\+ { - margin: -2px !important; - } - .mT-nv-2\@lg\+ { - margin-top: -2px !important; - } - .mR-nv-2\@lg\+ { - margin-right: -2px !important; - } - .mB-nv-2\@lg\+ { - margin-bottom: -2px !important; - } - .mL-nv-2\@lg\+ { - margin-left: -2px !important; - } - .mY-nv-2\@lg\+ { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .mX-nv-2\@lg\+ { - margin-left: -2px !important; - margin-right: -2px !important; - } - } - @media screen and (min-width: 992px) { - .m-2\@md\+ { - margin: 2px !important; - } - .mT-2\@md\+ { - margin-top: 2px !important; - } - .mR-2\@md\+ { - margin-right: 2px !important; - } - .mB-2\@md\+ { - margin-bottom: 2px !important; - } - .mL-2\@md\+ { - margin-left: 2px !important; - } - .mY-2\@md\+ { - margin-top: 2px !important; - margin-bottom: 2px !important; - } - .mX-2\@md\+ { - margin-left: 2px !important; - margin-right: 2px !important; - } - .m-nv-2\@md\+ { - margin: -2px !important; - } - .mT-nv-2\@md\+ { - margin-top: -2px !important; - } - .mR-nv-2\@md\+ { - margin-right: -2px !important; - } - .mB-nv-2\@md\+ { - margin-bottom: -2px !important; - } - .mL-nv-2\@md\+ { - margin-left: -2px !important; - } - .mY-nv-2\@md\+ { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .mX-nv-2\@md\+ { - margin-left: -2px !important; - margin-right: -2px !important; - } - } - @media screen and (min-width: 768px) { - .m-2\@sm\+ { - margin: 2px !important; - } - .mT-2\@sm\+ { - margin-top: 2px !important; - } - .mR-2\@sm\+ { - margin-right: 2px !important; - } - .mB-2\@sm\+ { - margin-bottom: 2px !important; - } - .mL-2\@sm\+ { - margin-left: 2px !important; - } - .mY-2\@sm\+ { - margin-top: 2px !important; - margin-bottom: 2px !important; - } - .mX-2\@sm\+ { - margin-left: 2px !important; - margin-right: 2px !important; - } - .m-nv-2\@sm\+ { - margin: -2px !important; - } - .mT-nv-2\@sm\+ { - margin-top: -2px !important; - } - .mR-nv-2\@sm\+ { - margin-right: -2px !important; - } - .mB-nv-2\@sm\+ { - margin-bottom: -2px !important; - } - .mL-nv-2\@sm\+ { - margin-left: -2px !important; - } - .mY-nv-2\@sm\+ { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .mX-nv-2\@sm\+ { - margin-left: -2px !important; - margin-right: -2px !important; - } - } - @media screen and (min-width: 0) { - .m-2\@xs\+ { - margin: 2px !important; - } - .mT-2\@xs\+ { - margin-top: 2px !important; - } - .mR-2\@xs\+ { - margin-right: 2px !important; - } - .mB-2\@xs\+ { - margin-bottom: 2px !important; - } - .mL-2\@xs\+ { - margin-left: 2px !important; - } - .mY-2\@xs\+ { - margin-top: 2px !important; - margin-bottom: 2px !important; - } - .mX-2\@xs\+ { - margin-left: 2px !important; - margin-right: 2px !important; - } - .m-nv-2\@xs\+ { - margin: -2px !important; - } - .mT-nv-2\@xs\+ { - margin-top: -2px !important; - } - .mR-nv-2\@xs\+ { - margin-right: -2px !important; - } - .mB-nv-2\@xs\+ { - margin-bottom: -2px !important; - } - .mL-nv-2\@xs\+ { - margin-left: -2px !important; - } - .mY-nv-2\@xs\+ { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .mX-nv-2\@xs\+ { - margin-left: -2px !important; - margin-right: -2px !important; - } - } - @media screen and (max-width: 1439px) { - .m-2\@xl- { - margin: 2px !important; - } - .mT-2\@xl- { - margin-top: 2px !important; - } - .mR-2\@xl- { - margin-right: 2px !important; - } - .mB-2\@xl- { - margin-bottom: 2px !important; - } - .mL-2\@xl- { - margin-left: 2px !important; - } - .mY-2\@xl- { - margin-top: 2px !important; - margin-bottom: 2px !important; - } - .mX-2\@xl- { - margin-left: 2px !important; - margin-right: 2px !important; - } - .m-nv-2\@xl- { - margin: -2px !important; - } - .mT-nv-2\@xl- { - margin-top: -2px !important; - } - .mR-nv-2\@xl- { - margin-right: -2px !important; - } - .mB-nv-2\@xl- { - margin-bottom: -2px !important; - } - .mL-nv-2\@xl- { - margin-left: -2px !important; - } - .mY-nv-2\@xl- { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .mX-nv-2\@xl- { - margin-left: -2px !important; - margin-right: -2px !important; - } - } - @media screen and (max-width: 1199px) { - .m-2\@lg- { - margin: 2px !important; - } - .mT-2\@lg- { - margin-top: 2px !important; - } - .mR-2\@lg- { - margin-right: 2px !important; - } - .mB-2\@lg- { - margin-bottom: 2px !important; - } - .mL-2\@lg- { - margin-left: 2px !important; - } - .mY-2\@lg- { - margin-top: 2px !important; - margin-bottom: 2px !important; - } - .mX-2\@lg- { - margin-left: 2px !important; - margin-right: 2px !important; - } - .m-nv-2\@lg- { - margin: -2px !important; - } - .mT-nv-2\@lg- { - margin-top: -2px !important; - } - .mR-nv-2\@lg- { - margin-right: -2px !important; - } - .mB-nv-2\@lg- { - margin-bottom: -2px !important; - } - .mL-nv-2\@lg- { - margin-left: -2px !important; - } - .mY-nv-2\@lg- { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .mX-nv-2\@lg- { - margin-left: -2px !important; - margin-right: -2px !important; - } - } - @media screen and (max-width: 991px) { - .m-2\@md- { - margin: 2px !important; - } - .mT-2\@md- { - margin-top: 2px !important; - } - .mR-2\@md- { - margin-right: 2px !important; - } - .mB-2\@md- { - margin-bottom: 2px !important; - } - .mL-2\@md- { - margin-left: 2px !important; - } - .mY-2\@md- { - margin-top: 2px !important; - margin-bottom: 2px !important; - } - .mX-2\@md- { - margin-left: 2px !important; - margin-right: 2px !important; - } - .m-nv-2\@md- { - margin: -2px !important; - } - .mT-nv-2\@md- { - margin-top: -2px !important; - } - .mR-nv-2\@md- { - margin-right: -2px !important; - } - .mB-nv-2\@md- { - margin-bottom: -2px !important; - } - .mL-nv-2\@md- { - margin-left: -2px !important; - } - .mY-nv-2\@md- { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .mX-nv-2\@md- { - margin-left: -2px !important; - margin-right: -2px !important; - } - } - @media screen and (max-width: 767px) { - .m-2\@sm- { - margin: 2px !important; - } - .mT-2\@sm- { - margin-top: 2px !important; - } - .mR-2\@sm- { - margin-right: 2px !important; - } - .mB-2\@sm- { - margin-bottom: 2px !important; - } - .mL-2\@sm- { - margin-left: 2px !important; - } - .mY-2\@sm- { - margin-top: 2px !important; - margin-bottom: 2px !important; - } - .mX-2\@sm- { - margin-left: 2px !important; - margin-right: 2px !important; - } - .m-nv-2\@sm- { - margin: -2px !important; - } - .mT-nv-2\@sm- { - margin-top: -2px !important; - } - .mR-nv-2\@sm- { - margin-right: -2px !important; - } - .mB-nv-2\@sm- { - margin-bottom: -2px !important; - } - .mL-nv-2\@sm- { - margin-left: -2px !important; - } - .mY-nv-2\@sm- { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .mX-nv-2\@sm- { - margin-left: -2px !important; - margin-right: -2px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-2\@lg { - margin: 2px !important; - } - .mT-2\@lg { - margin-top: 2px !important; - } - .mR-2\@lg { - margin-right: 2px !important; - } - .mB-2\@lg { - margin-bottom: 2px !important; - } - .mL-2\@lg { - margin-left: 2px !important; - } - .mY-2\@lg { - margin-top: 2px !important; - margin-bottom: 2px !important; - } - .mX-2\@lg { - margin-left: 2px !important; - margin-right: 2px !important; - } - .m-nv-2\@lg { - margin: -2px !important; - } - .mT-nv-2\@lg { - margin-top: -2px !important; - } - .mR-nv-2\@lg { - margin-right: -2px !important; - } - .mB-nv-2\@lg { - margin-bottom: -2px !important; - } - .mL-nv-2\@lg { - margin-left: -2px !important; - } - .mY-nv-2\@lg { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .mX-nv-2\@lg { - margin-left: -2px !important; - margin-right: -2px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-2\@md { - margin: 2px !important; - } - .mT-2\@md { - margin-top: 2px !important; - } - .mR-2\@md { - margin-right: 2px !important; - } - .mB-2\@md { - margin-bottom: 2px !important; - } - .mL-2\@md { - margin-left: 2px !important; - } - .mY-2\@md { - margin-top: 2px !important; - margin-bottom: 2px !important; - } - .mX-2\@md { - margin-left: 2px !important; - margin-right: 2px !important; - } - .m-nv-2\@md { - margin: -2px !important; - } - .mT-nv-2\@md { - margin-top: -2px !important; - } - .mR-nv-2\@md { - margin-right: -2px !important; - } - .mB-nv-2\@md { - margin-bottom: -2px !important; - } - .mL-nv-2\@md { - margin-left: -2px !important; - } - .mY-nv-2\@md { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .mX-nv-2\@md { - margin-left: -2px !important; - margin-right: -2px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-2\@sm { - margin: 2px !important; - } - .mT-2\@sm { - margin-top: 2px !important; - } - .mR-2\@sm { - margin-right: 2px !important; - } - .mB-2\@sm { - margin-bottom: 2px !important; - } - .mL-2\@sm { - margin-left: 2px !important; - } - .mY-2\@sm { - margin-top: 2px !important; - margin-bottom: 2px !important; - } - .mX-2\@sm { - margin-left: 2px !important; - margin-right: 2px !important; - } - .m-nv-2\@sm { - margin: -2px !important; - } - .mT-nv-2\@sm { - margin-top: -2px !important; - } - .mR-nv-2\@sm { - margin-right: -2px !important; - } - .mB-nv-2\@sm { - margin-bottom: -2px !important; - } - .mL-nv-2\@sm { - margin-left: -2px !important; - } - .mY-nv-2\@sm { - margin-top: -2px !important; - margin-bottom: -2px !important; - } - .mX-nv-2\@sm { - margin-left: -2px !important; - margin-right: -2px !important; - } - } - .m-3 { - margin: 3px !important; - } - - .mT-3 { - margin-top: 3px !important; - } - - .mR-3 { - margin-right: 3px !important; - } - - .mB-3 { - margin-bottom: 3px !important; - } - - .mL-3 { - margin-left: 3px !important; - } - - .mY-3 { - margin-top: 3px !important; - margin-bottom: 3px !important; - } - - .mX-3 { - margin-left: 3px !important; - margin-right: 3px !important; - } - - .m-nv-3 { - margin: -3px !important; - } - - .mT-nv-3 { - margin-top: -3px !important; - } - - .mR-nv-3 { - margin-right: -3px !important; - } - - .mB-nv-3 { - margin-bottom: -3px !important; - } - - .mL-nv-3 { - margin-left: -3px !important; - } - - .mY-nv-3 { - margin-top: -3px !important; - margin-bottom: -3px !important; - } - - .mX-nv-3 { - margin-left: -3px !important; - margin-right: -3px !important; - } - - @media screen and (min-width: 1440px) { - .m-3\@xl\+ { - margin: 3px !important; - } - .mT-3\@xl\+ { - margin-top: 3px !important; - } - .mR-3\@xl\+ { - margin-right: 3px !important; - } - .mB-3\@xl\+ { - margin-bottom: 3px !important; - } - .mL-3\@xl\+ { - margin-left: 3px !important; - } - .mY-3\@xl\+ { - margin-top: 3px !important; - margin-bottom: 3px !important; - } - .mX-3\@xl\+ { - margin-left: 3px !important; - margin-right: 3px !important; - } - .m-nv-3\@xl\+ { - margin: -3px !important; - } - .mT-nv-3\@xl\+ { - margin-top: -3px !important; - } - .mR-nv-3\@xl\+ { - margin-right: -3px !important; - } - .mB-nv-3\@xl\+ { - margin-bottom: -3px !important; - } - .mL-nv-3\@xl\+ { - margin-left: -3px !important; - } - .mY-nv-3\@xl\+ { - margin-top: -3px !important; - margin-bottom: -3px !important; - } - .mX-nv-3\@xl\+ { - margin-left: -3px !important; - margin-right: -3px !important; - } - } - @media screen and (min-width: 1200px) { - .m-3\@lg\+ { - margin: 3px !important; - } - .mT-3\@lg\+ { - margin-top: 3px !important; - } - .mR-3\@lg\+ { - margin-right: 3px !important; - } - .mB-3\@lg\+ { - margin-bottom: 3px !important; - } - .mL-3\@lg\+ { - margin-left: 3px !important; - } - .mY-3\@lg\+ { - margin-top: 3px !important; - margin-bottom: 3px !important; - } - .mX-3\@lg\+ { - margin-left: 3px !important; - margin-right: 3px !important; - } - .m-nv-3\@lg\+ { - margin: -3px !important; - } - .mT-nv-3\@lg\+ { - margin-top: -3px !important; - } - .mR-nv-3\@lg\+ { - margin-right: -3px !important; - } - .mB-nv-3\@lg\+ { - margin-bottom: -3px !important; - } - .mL-nv-3\@lg\+ { - margin-left: -3px !important; - } - .mY-nv-3\@lg\+ { - margin-top: -3px !important; - margin-bottom: -3px !important; - } - .mX-nv-3\@lg\+ { - margin-left: -3px !important; - margin-right: -3px !important; - } - } - @media screen and (min-width: 992px) { - .m-3\@md\+ { - margin: 3px !important; - } - .mT-3\@md\+ { - margin-top: 3px !important; - } - .mR-3\@md\+ { - margin-right: 3px !important; - } - .mB-3\@md\+ { - margin-bottom: 3px !important; - } - .mL-3\@md\+ { - margin-left: 3px !important; - } - .mY-3\@md\+ { - margin-top: 3px !important; - margin-bottom: 3px !important; - } - .mX-3\@md\+ { - margin-left: 3px !important; - margin-right: 3px !important; - } - .m-nv-3\@md\+ { - margin: -3px !important; - } - .mT-nv-3\@md\+ { - margin-top: -3px !important; - } - .mR-nv-3\@md\+ { - margin-right: -3px !important; - } - .mB-nv-3\@md\+ { - margin-bottom: -3px !important; - } - .mL-nv-3\@md\+ { - margin-left: -3px !important; - } - .mY-nv-3\@md\+ { - margin-top: -3px !important; - margin-bottom: -3px !important; - } - .mX-nv-3\@md\+ { - margin-left: -3px !important; - margin-right: -3px !important; - } - } - @media screen and (min-width: 768px) { - .m-3\@sm\+ { - margin: 3px !important; - } - .mT-3\@sm\+ { - margin-top: 3px !important; - } - .mR-3\@sm\+ { - margin-right: 3px !important; - } - .mB-3\@sm\+ { - margin-bottom: 3px !important; - } - .mL-3\@sm\+ { - margin-left: 3px !important; - } - .mY-3\@sm\+ { - margin-top: 3px !important; - margin-bottom: 3px !important; - } - .mX-3\@sm\+ { - margin-left: 3px !important; - margin-right: 3px !important; - } - .m-nv-3\@sm\+ { - margin: -3px !important; - } - .mT-nv-3\@sm\+ { - margin-top: -3px !important; - } - .mR-nv-3\@sm\+ { - margin-right: -3px !important; - } - .mB-nv-3\@sm\+ { - margin-bottom: -3px !important; - } - .mL-nv-3\@sm\+ { - margin-left: -3px !important; - } - .mY-nv-3\@sm\+ { - margin-top: -3px !important; - margin-bottom: -3px !important; - } - .mX-nv-3\@sm\+ { - margin-left: -3px !important; - margin-right: -3px !important; - } - } - @media screen and (min-width: 0) { - .m-3\@xs\+ { - margin: 3px !important; - } - .mT-3\@xs\+ { - margin-top: 3px !important; - } - .mR-3\@xs\+ { - margin-right: 3px !important; - } - .mB-3\@xs\+ { - margin-bottom: 3px !important; - } - .mL-3\@xs\+ { - margin-left: 3px !important; - } - .mY-3\@xs\+ { - margin-top: 3px !important; - margin-bottom: 3px !important; - } - .mX-3\@xs\+ { - margin-left: 3px !important; - margin-right: 3px !important; - } - .m-nv-3\@xs\+ { - margin: -3px !important; - } - .mT-nv-3\@xs\+ { - margin-top: -3px !important; - } - .mR-nv-3\@xs\+ { - margin-right: -3px !important; - } - .mB-nv-3\@xs\+ { - margin-bottom: -3px !important; - } - .mL-nv-3\@xs\+ { - margin-left: -3px !important; - } - .mY-nv-3\@xs\+ { - margin-top: -3px !important; - margin-bottom: -3px !important; - } - .mX-nv-3\@xs\+ { - margin-left: -3px !important; - margin-right: -3px !important; - } - } - @media screen and (max-width: 1439px) { - .m-3\@xl- { - margin: 3px !important; - } - .mT-3\@xl- { - margin-top: 3px !important; - } - .mR-3\@xl- { - margin-right: 3px !important; - } - .mB-3\@xl- { - margin-bottom: 3px !important; - } - .mL-3\@xl- { - margin-left: 3px !important; - } - .mY-3\@xl- { - margin-top: 3px !important; - margin-bottom: 3px !important; - } - .mX-3\@xl- { - margin-left: 3px !important; - margin-right: 3px !important; - } - .m-nv-3\@xl- { - margin: -3px !important; - } - .mT-nv-3\@xl- { - margin-top: -3px !important; - } - .mR-nv-3\@xl- { - margin-right: -3px !important; - } - .mB-nv-3\@xl- { - margin-bottom: -3px !important; - } - .mL-nv-3\@xl- { - margin-left: -3px !important; - } - .mY-nv-3\@xl- { - margin-top: -3px !important; - margin-bottom: -3px !important; - } - .mX-nv-3\@xl- { - margin-left: -3px !important; - margin-right: -3px !important; - } - } - @media screen and (max-width: 1199px) { - .m-3\@lg- { - margin: 3px !important; - } - .mT-3\@lg- { - margin-top: 3px !important; - } - .mR-3\@lg- { - margin-right: 3px !important; - } - .mB-3\@lg- { - margin-bottom: 3px !important; - } - .mL-3\@lg- { - margin-left: 3px !important; - } - .mY-3\@lg- { - margin-top: 3px !important; - margin-bottom: 3px !important; - } - .mX-3\@lg- { - margin-left: 3px !important; - margin-right: 3px !important; - } - .m-nv-3\@lg- { - margin: -3px !important; - } - .mT-nv-3\@lg- { - margin-top: -3px !important; - } - .mR-nv-3\@lg- { - margin-right: -3px !important; - } - .mB-nv-3\@lg- { - margin-bottom: -3px !important; - } - .mL-nv-3\@lg- { - margin-left: -3px !important; - } - .mY-nv-3\@lg- { - margin-top: -3px !important; - margin-bottom: -3px !important; - } - .mX-nv-3\@lg- { - margin-left: -3px !important; - margin-right: -3px !important; - } - } - @media screen and (max-width: 991px) { - .m-3\@md- { - margin: 3px !important; - } - .mT-3\@md- { - margin-top: 3px !important; - } - .mR-3\@md- { - margin-right: 3px !important; - } - .mB-3\@md- { - margin-bottom: 3px !important; - } - .mL-3\@md- { - margin-left: 3px !important; - } - .mY-3\@md- { - margin-top: 3px !important; - margin-bottom: 3px !important; - } - .mX-3\@md- { - margin-left: 3px !important; - margin-right: 3px !important; - } - .m-nv-3\@md- { - margin: -3px !important; - } - .mT-nv-3\@md- { - margin-top: -3px !important; - } - .mR-nv-3\@md- { - margin-right: -3px !important; - } - .mB-nv-3\@md- { - margin-bottom: -3px !important; - } - .mL-nv-3\@md- { - margin-left: -3px !important; - } - .mY-nv-3\@md- { - margin-top: -3px !important; - margin-bottom: -3px !important; - } - .mX-nv-3\@md- { - margin-left: -3px !important; - margin-right: -3px !important; - } - } - @media screen and (max-width: 767px) { - .m-3\@sm- { - margin: 3px !important; - } - .mT-3\@sm- { - margin-top: 3px !important; - } - .mR-3\@sm- { - margin-right: 3px !important; - } - .mB-3\@sm- { - margin-bottom: 3px !important; - } - .mL-3\@sm- { - margin-left: 3px !important; - } - .mY-3\@sm- { - margin-top: 3px !important; - margin-bottom: 3px !important; - } - .mX-3\@sm- { - margin-left: 3px !important; - margin-right: 3px !important; - } - .m-nv-3\@sm- { - margin: -3px !important; - } - .mT-nv-3\@sm- { - margin-top: -3px !important; - } - .mR-nv-3\@sm- { - margin-right: -3px !important; - } - .mB-nv-3\@sm- { - margin-bottom: -3px !important; - } - .mL-nv-3\@sm- { - margin-left: -3px !important; - } - .mY-nv-3\@sm- { - margin-top: -3px !important; - margin-bottom: -3px !important; - } - .mX-nv-3\@sm- { - margin-left: -3px !important; - margin-right: -3px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-3\@lg { - margin: 3px !important; - } - .mT-3\@lg { - margin-top: 3px !important; - } - .mR-3\@lg { - margin-right: 3px !important; - } - .mB-3\@lg { - margin-bottom: 3px !important; - } - .mL-3\@lg { - margin-left: 3px !important; - } - .mY-3\@lg { - margin-top: 3px !important; - margin-bottom: 3px !important; - } - .mX-3\@lg { - margin-left: 3px !important; - margin-right: 3px !important; - } - .m-nv-3\@lg { - margin: -3px !important; - } - .mT-nv-3\@lg { - margin-top: -3px !important; - } - .mR-nv-3\@lg { - margin-right: -3px !important; - } - .mB-nv-3\@lg { - margin-bottom: -3px !important; - } - .mL-nv-3\@lg { - margin-left: -3px !important; - } - .mY-nv-3\@lg { - margin-top: -3px !important; - margin-bottom: -3px !important; - } - .mX-nv-3\@lg { - margin-left: -3px !important; - margin-right: -3px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-3\@md { - margin: 3px !important; - } - .mT-3\@md { - margin-top: 3px !important; - } - .mR-3\@md { - margin-right: 3px !important; - } - .mB-3\@md { - margin-bottom: 3px !important; - } - .mL-3\@md { - margin-left: 3px !important; - } - .mY-3\@md { - margin-top: 3px !important; - margin-bottom: 3px !important; - } - .mX-3\@md { - margin-left: 3px !important; - margin-right: 3px !important; - } - .m-nv-3\@md { - margin: -3px !important; - } - .mT-nv-3\@md { - margin-top: -3px !important; - } - .mR-nv-3\@md { - margin-right: -3px !important; - } - .mB-nv-3\@md { - margin-bottom: -3px !important; - } - .mL-nv-3\@md { - margin-left: -3px !important; - } - .mY-nv-3\@md { - margin-top: -3px !important; - margin-bottom: -3px !important; - } - .mX-nv-3\@md { - margin-left: -3px !important; - margin-right: -3px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-3\@sm { - margin: 3px !important; - } - .mT-3\@sm { - margin-top: 3px !important; - } - .mR-3\@sm { - margin-right: 3px !important; - } - .mB-3\@sm { - margin-bottom: 3px !important; - } - .mL-3\@sm { - margin-left: 3px !important; - } - .mY-3\@sm { - margin-top: 3px !important; - margin-bottom: 3px !important; - } - .mX-3\@sm { - margin-left: 3px !important; - margin-right: 3px !important; - } - .m-nv-3\@sm { - margin: -3px !important; - } - .mT-nv-3\@sm { - margin-top: -3px !important; - } - .mR-nv-3\@sm { - margin-right: -3px !important; - } - .mB-nv-3\@sm { - margin-bottom: -3px !important; - } - .mL-nv-3\@sm { - margin-left: -3px !important; - } - .mY-nv-3\@sm { - margin-top: -3px !important; - margin-bottom: -3px !important; - } - .mX-nv-3\@sm { - margin-left: -3px !important; - margin-right: -3px !important; - } - } - .m-4 { - margin: 4px !important; - } - - .mT-4 { - margin-top: 4px !important; - } - - .mR-4 { - margin-right: 4px !important; - } - - .mB-4 { - margin-bottom: 4px !important; - } - - .mL-4 { - margin-left: 4px !important; - } - - .mY-4 { - margin-top: 4px !important; - margin-bottom: 4px !important; - } - - .mX-4 { - margin-left: 4px !important; - margin-right: 4px !important; - } - - .m-nv-4 { - margin: -4px !important; - } - - .mT-nv-4 { - margin-top: -4px !important; - } - - .mR-nv-4 { - margin-right: -4px !important; - } - - .mB-nv-4 { - margin-bottom: -4px !important; - } - - .mL-nv-4 { - margin-left: -4px !important; - } - - .mY-nv-4 { - margin-top: -4px !important; - margin-bottom: -4px !important; - } - - .mX-nv-4 { - margin-left: -4px !important; - margin-right: -4px !important; - } - - @media screen and (min-width: 1440px) { - .m-4\@xl\+ { - margin: 4px !important; - } - .mT-4\@xl\+ { - margin-top: 4px !important; - } - .mR-4\@xl\+ { - margin-right: 4px !important; - } - .mB-4\@xl\+ { - margin-bottom: 4px !important; - } - .mL-4\@xl\+ { - margin-left: 4px !important; - } - .mY-4\@xl\+ { - margin-top: 4px !important; - margin-bottom: 4px !important; - } - .mX-4\@xl\+ { - margin-left: 4px !important; - margin-right: 4px !important; - } - .m-nv-4\@xl\+ { - margin: -4px !important; - } - .mT-nv-4\@xl\+ { - margin-top: -4px !important; - } - .mR-nv-4\@xl\+ { - margin-right: -4px !important; - } - .mB-nv-4\@xl\+ { - margin-bottom: -4px !important; - } - .mL-nv-4\@xl\+ { - margin-left: -4px !important; - } - .mY-nv-4\@xl\+ { - margin-top: -4px !important; - margin-bottom: -4px !important; - } - .mX-nv-4\@xl\+ { - margin-left: -4px !important; - margin-right: -4px !important; - } - } - @media screen and (min-width: 1200px) { - .m-4\@lg\+ { - margin: 4px !important; - } - .mT-4\@lg\+ { - margin-top: 4px !important; - } - .mR-4\@lg\+ { - margin-right: 4px !important; - } - .mB-4\@lg\+ { - margin-bottom: 4px !important; - } - .mL-4\@lg\+ { - margin-left: 4px !important; - } - .mY-4\@lg\+ { - margin-top: 4px !important; - margin-bottom: 4px !important; - } - .mX-4\@lg\+ { - margin-left: 4px !important; - margin-right: 4px !important; - } - .m-nv-4\@lg\+ { - margin: -4px !important; - } - .mT-nv-4\@lg\+ { - margin-top: -4px !important; - } - .mR-nv-4\@lg\+ { - margin-right: -4px !important; - } - .mB-nv-4\@lg\+ { - margin-bottom: -4px !important; - } - .mL-nv-4\@lg\+ { - margin-left: -4px !important; - } - .mY-nv-4\@lg\+ { - margin-top: -4px !important; - margin-bottom: -4px !important; - } - .mX-nv-4\@lg\+ { - margin-left: -4px !important; - margin-right: -4px !important; - } - } - @media screen and (min-width: 992px) { - .m-4\@md\+ { - margin: 4px !important; - } - .mT-4\@md\+ { - margin-top: 4px !important; - } - .mR-4\@md\+ { - margin-right: 4px !important; - } - .mB-4\@md\+ { - margin-bottom: 4px !important; - } - .mL-4\@md\+ { - margin-left: 4px !important; - } - .mY-4\@md\+ { - margin-top: 4px !important; - margin-bottom: 4px !important; - } - .mX-4\@md\+ { - margin-left: 4px !important; - margin-right: 4px !important; - } - .m-nv-4\@md\+ { - margin: -4px !important; - } - .mT-nv-4\@md\+ { - margin-top: -4px !important; - } - .mR-nv-4\@md\+ { - margin-right: -4px !important; - } - .mB-nv-4\@md\+ { - margin-bottom: -4px !important; - } - .mL-nv-4\@md\+ { - margin-left: -4px !important; - } - .mY-nv-4\@md\+ { - margin-top: -4px !important; - margin-bottom: -4px !important; - } - .mX-nv-4\@md\+ { - margin-left: -4px !important; - margin-right: -4px !important; - } - } - @media screen and (min-width: 768px) { - .m-4\@sm\+ { - margin: 4px !important; - } - .mT-4\@sm\+ { - margin-top: 4px !important; - } - .mR-4\@sm\+ { - margin-right: 4px !important; - } - .mB-4\@sm\+ { - margin-bottom: 4px !important; - } - .mL-4\@sm\+ { - margin-left: 4px !important; - } - .mY-4\@sm\+ { - margin-top: 4px !important; - margin-bottom: 4px !important; - } - .mX-4\@sm\+ { - margin-left: 4px !important; - margin-right: 4px !important; - } - .m-nv-4\@sm\+ { - margin: -4px !important; - } - .mT-nv-4\@sm\+ { - margin-top: -4px !important; - } - .mR-nv-4\@sm\+ { - margin-right: -4px !important; - } - .mB-nv-4\@sm\+ { - margin-bottom: -4px !important; - } - .mL-nv-4\@sm\+ { - margin-left: -4px !important; - } - .mY-nv-4\@sm\+ { - margin-top: -4px !important; - margin-bottom: -4px !important; - } - .mX-nv-4\@sm\+ { - margin-left: -4px !important; - margin-right: -4px !important; - } - } - @media screen and (min-width: 0) { - .m-4\@xs\+ { - margin: 4px !important; - } - .mT-4\@xs\+ { - margin-top: 4px !important; - } - .mR-4\@xs\+ { - margin-right: 4px !important; - } - .mB-4\@xs\+ { - margin-bottom: 4px !important; - } - .mL-4\@xs\+ { - margin-left: 4px !important; - } - .mY-4\@xs\+ { - margin-top: 4px !important; - margin-bottom: 4px !important; - } - .mX-4\@xs\+ { - margin-left: 4px !important; - margin-right: 4px !important; - } - .m-nv-4\@xs\+ { - margin: -4px !important; - } - .mT-nv-4\@xs\+ { - margin-top: -4px !important; - } - .mR-nv-4\@xs\+ { - margin-right: -4px !important; - } - .mB-nv-4\@xs\+ { - margin-bottom: -4px !important; - } - .mL-nv-4\@xs\+ { - margin-left: -4px !important; - } - .mY-nv-4\@xs\+ { - margin-top: -4px !important; - margin-bottom: -4px !important; - } - .mX-nv-4\@xs\+ { - margin-left: -4px !important; - margin-right: -4px !important; - } - } - @media screen and (max-width: 1439px) { - .m-4\@xl- { - margin: 4px !important; - } - .mT-4\@xl- { - margin-top: 4px !important; - } - .mR-4\@xl- { - margin-right: 4px !important; - } - .mB-4\@xl- { - margin-bottom: 4px !important; - } - .mL-4\@xl- { - margin-left: 4px !important; - } - .mY-4\@xl- { - margin-top: 4px !important; - margin-bottom: 4px !important; - } - .mX-4\@xl- { - margin-left: 4px !important; - margin-right: 4px !important; - } - .m-nv-4\@xl- { - margin: -4px !important; - } - .mT-nv-4\@xl- { - margin-top: -4px !important; - } - .mR-nv-4\@xl- { - margin-right: -4px !important; - } - .mB-nv-4\@xl- { - margin-bottom: -4px !important; - } - .mL-nv-4\@xl- { - margin-left: -4px !important; - } - .mY-nv-4\@xl- { - margin-top: -4px !important; - margin-bottom: -4px !important; - } - .mX-nv-4\@xl- { - margin-left: -4px !important; - margin-right: -4px !important; - } - } - @media screen and (max-width: 1199px) { - .m-4\@lg- { - margin: 4px !important; - } - .mT-4\@lg- { - margin-top: 4px !important; - } - .mR-4\@lg- { - margin-right: 4px !important; - } - .mB-4\@lg- { - margin-bottom: 4px !important; - } - .mL-4\@lg- { - margin-left: 4px !important; - } - .mY-4\@lg- { - margin-top: 4px !important; - margin-bottom: 4px !important; - } - .mX-4\@lg- { - margin-left: 4px !important; - margin-right: 4px !important; - } - .m-nv-4\@lg- { - margin: -4px !important; - } - .mT-nv-4\@lg- { - margin-top: -4px !important; - } - .mR-nv-4\@lg- { - margin-right: -4px !important; - } - .mB-nv-4\@lg- { - margin-bottom: -4px !important; - } - .mL-nv-4\@lg- { - margin-left: -4px !important; - } - .mY-nv-4\@lg- { - margin-top: -4px !important; - margin-bottom: -4px !important; - } - .mX-nv-4\@lg- { - margin-left: -4px !important; - margin-right: -4px !important; - } - } - @media screen and (max-width: 991px) { - .m-4\@md- { - margin: 4px !important; - } - .mT-4\@md- { - margin-top: 4px !important; - } - .mR-4\@md- { - margin-right: 4px !important; - } - .mB-4\@md- { - margin-bottom: 4px !important; - } - .mL-4\@md- { - margin-left: 4px !important; - } - .mY-4\@md- { - margin-top: 4px !important; - margin-bottom: 4px !important; - } - .mX-4\@md- { - margin-left: 4px !important; - margin-right: 4px !important; - } - .m-nv-4\@md- { - margin: -4px !important; - } - .mT-nv-4\@md- { - margin-top: -4px !important; - } - .mR-nv-4\@md- { - margin-right: -4px !important; - } - .mB-nv-4\@md- { - margin-bottom: -4px !important; - } - .mL-nv-4\@md- { - margin-left: -4px !important; - } - .mY-nv-4\@md- { - margin-top: -4px !important; - margin-bottom: -4px !important; - } - .mX-nv-4\@md- { - margin-left: -4px !important; - margin-right: -4px !important; - } - } - @media screen and (max-width: 767px) { - .m-4\@sm- { - margin: 4px !important; - } - .mT-4\@sm- { - margin-top: 4px !important; - } - .mR-4\@sm- { - margin-right: 4px !important; - } - .mB-4\@sm- { - margin-bottom: 4px !important; - } - .mL-4\@sm- { - margin-left: 4px !important; - } - .mY-4\@sm- { - margin-top: 4px !important; - margin-bottom: 4px !important; - } - .mX-4\@sm- { - margin-left: 4px !important; - margin-right: 4px !important; - } - .m-nv-4\@sm- { - margin: -4px !important; - } - .mT-nv-4\@sm- { - margin-top: -4px !important; - } - .mR-nv-4\@sm- { - margin-right: -4px !important; - } - .mB-nv-4\@sm- { - margin-bottom: -4px !important; - } - .mL-nv-4\@sm- { - margin-left: -4px !important; - } - .mY-nv-4\@sm- { - margin-top: -4px !important; - margin-bottom: -4px !important; - } - .mX-nv-4\@sm- { - margin-left: -4px !important; - margin-right: -4px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-4\@lg { - margin: 4px !important; - } - .mT-4\@lg { - margin-top: 4px !important; - } - .mR-4\@lg { - margin-right: 4px !important; - } - .mB-4\@lg { - margin-bottom: 4px !important; - } - .mL-4\@lg { - margin-left: 4px !important; - } - .mY-4\@lg { - margin-top: 4px !important; - margin-bottom: 4px !important; - } - .mX-4\@lg { - margin-left: 4px !important; - margin-right: 4px !important; - } - .m-nv-4\@lg { - margin: -4px !important; - } - .mT-nv-4\@lg { - margin-top: -4px !important; - } - .mR-nv-4\@lg { - margin-right: -4px !important; - } - .mB-nv-4\@lg { - margin-bottom: -4px !important; - } - .mL-nv-4\@lg { - margin-left: -4px !important; - } - .mY-nv-4\@lg { - margin-top: -4px !important; - margin-bottom: -4px !important; - } - .mX-nv-4\@lg { - margin-left: -4px !important; - margin-right: -4px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-4\@md { - margin: 4px !important; - } - .mT-4\@md { - margin-top: 4px !important; - } - .mR-4\@md { - margin-right: 4px !important; - } - .mB-4\@md { - margin-bottom: 4px !important; - } - .mL-4\@md { - margin-left: 4px !important; - } - .mY-4\@md { - margin-top: 4px !important; - margin-bottom: 4px !important; - } - .mX-4\@md { - margin-left: 4px !important; - margin-right: 4px !important; - } - .m-nv-4\@md { - margin: -4px !important; - } - .mT-nv-4\@md { - margin-top: -4px !important; - } - .mR-nv-4\@md { - margin-right: -4px !important; - } - .mB-nv-4\@md { - margin-bottom: -4px !important; - } - .mL-nv-4\@md { - margin-left: -4px !important; - } - .mY-nv-4\@md { - margin-top: -4px !important; - margin-bottom: -4px !important; - } - .mX-nv-4\@md { - margin-left: -4px !important; - margin-right: -4px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-4\@sm { - margin: 4px !important; - } - .mT-4\@sm { - margin-top: 4px !important; - } - .mR-4\@sm { - margin-right: 4px !important; - } - .mB-4\@sm { - margin-bottom: 4px !important; - } - .mL-4\@sm { - margin-left: 4px !important; - } - .mY-4\@sm { - margin-top: 4px !important; - margin-bottom: 4px !important; - } - .mX-4\@sm { - margin-left: 4px !important; - margin-right: 4px !important; - } - .m-nv-4\@sm { - margin: -4px !important; - } - .mT-nv-4\@sm { - margin-top: -4px !important; - } - .mR-nv-4\@sm { - margin-right: -4px !important; - } - .mB-nv-4\@sm { - margin-bottom: -4px !important; - } - .mL-nv-4\@sm { - margin-left: -4px !important; - } - .mY-nv-4\@sm { - margin-top: -4px !important; - margin-bottom: -4px !important; - } - .mX-nv-4\@sm { - margin-left: -4px !important; - margin-right: -4px !important; - } - } - .m-5 { - margin: 5px !important; - } - - .mT-5 { - margin-top: 5px !important; - } - - .mR-5 { - margin-right: 5px !important; - } - - .mB-5 { - margin-bottom: 5px !important; - } - - .mL-5 { - margin-left: 5px !important; - } - - .mY-5 { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - - .mX-5 { - margin-left: 5px !important; - margin-right: 5px !important; - } - - .m-nv-5 { - margin: -5px !important; - } - - .mT-nv-5 { - margin-top: -5px !important; - } - - .mR-nv-5 { - margin-right: -5px !important; - } - - .mB-nv-5 { - margin-bottom: -5px !important; - } - - .mL-nv-5 { - margin-left: -5px !important; - } - - .mY-nv-5 { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - - .mX-nv-5 { - margin-left: -5px !important; - margin-right: -5px !important; - } - - @media screen and (min-width: 1440px) { - .m-5\@xl\+ { - margin: 5px !important; - } - .mT-5\@xl\+ { - margin-top: 5px !important; - } - .mR-5\@xl\+ { - margin-right: 5px !important; - } - .mB-5\@xl\+ { - margin-bottom: 5px !important; - } - .mL-5\@xl\+ { - margin-left: 5px !important; - } - .mY-5\@xl\+ { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .mX-5\@xl\+ { - margin-left: 5px !important; - margin-right: 5px !important; - } - .m-nv-5\@xl\+ { - margin: -5px !important; - } - .mT-nv-5\@xl\+ { - margin-top: -5px !important; - } - .mR-nv-5\@xl\+ { - margin-right: -5px !important; - } - .mB-nv-5\@xl\+ { - margin-bottom: -5px !important; - } - .mL-nv-5\@xl\+ { - margin-left: -5px !important; - } - .mY-nv-5\@xl\+ { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .mX-nv-5\@xl\+ { - margin-left: -5px !important; - margin-right: -5px !important; - } - } - @media screen and (min-width: 1200px) { - .m-5\@lg\+ { - margin: 5px !important; - } - .mT-5\@lg\+ { - margin-top: 5px !important; - } - .mR-5\@lg\+ { - margin-right: 5px !important; - } - .mB-5\@lg\+ { - margin-bottom: 5px !important; - } - .mL-5\@lg\+ { - margin-left: 5px !important; - } - .mY-5\@lg\+ { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .mX-5\@lg\+ { - margin-left: 5px !important; - margin-right: 5px !important; - } - .m-nv-5\@lg\+ { - margin: -5px !important; - } - .mT-nv-5\@lg\+ { - margin-top: -5px !important; - } - .mR-nv-5\@lg\+ { - margin-right: -5px !important; - } - .mB-nv-5\@lg\+ { - margin-bottom: -5px !important; - } - .mL-nv-5\@lg\+ { - margin-left: -5px !important; - } - .mY-nv-5\@lg\+ { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .mX-nv-5\@lg\+ { - margin-left: -5px !important; - margin-right: -5px !important; - } - } - @media screen and (min-width: 992px) { - .m-5\@md\+ { - margin: 5px !important; - } - .mT-5\@md\+ { - margin-top: 5px !important; - } - .mR-5\@md\+ { - margin-right: 5px !important; - } - .mB-5\@md\+ { - margin-bottom: 5px !important; - } - .mL-5\@md\+ { - margin-left: 5px !important; - } - .mY-5\@md\+ { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .mX-5\@md\+ { - margin-left: 5px !important; - margin-right: 5px !important; - } - .m-nv-5\@md\+ { - margin: -5px !important; - } - .mT-nv-5\@md\+ { - margin-top: -5px !important; - } - .mR-nv-5\@md\+ { - margin-right: -5px !important; - } - .mB-nv-5\@md\+ { - margin-bottom: -5px !important; - } - .mL-nv-5\@md\+ { - margin-left: -5px !important; - } - .mY-nv-5\@md\+ { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .mX-nv-5\@md\+ { - margin-left: -5px !important; - margin-right: -5px !important; - } - } - @media screen and (min-width: 768px) { - .m-5\@sm\+ { - margin: 5px !important; - } - .mT-5\@sm\+ { - margin-top: 5px !important; - } - .mR-5\@sm\+ { - margin-right: 5px !important; - } - .mB-5\@sm\+ { - margin-bottom: 5px !important; - } - .mL-5\@sm\+ { - margin-left: 5px !important; - } - .mY-5\@sm\+ { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .mX-5\@sm\+ { - margin-left: 5px !important; - margin-right: 5px !important; - } - .m-nv-5\@sm\+ { - margin: -5px !important; - } - .mT-nv-5\@sm\+ { - margin-top: -5px !important; - } - .mR-nv-5\@sm\+ { - margin-right: -5px !important; - } - .mB-nv-5\@sm\+ { - margin-bottom: -5px !important; - } - .mL-nv-5\@sm\+ { - margin-left: -5px !important; - } - .mY-nv-5\@sm\+ { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .mX-nv-5\@sm\+ { - margin-left: -5px !important; - margin-right: -5px !important; - } - } - @media screen and (min-width: 0) { - .m-5\@xs\+ { - margin: 5px !important; - } - .mT-5\@xs\+ { - margin-top: 5px !important; - } - .mR-5\@xs\+ { - margin-right: 5px !important; - } - .mB-5\@xs\+ { - margin-bottom: 5px !important; - } - .mL-5\@xs\+ { - margin-left: 5px !important; - } - .mY-5\@xs\+ { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .mX-5\@xs\+ { - margin-left: 5px !important; - margin-right: 5px !important; - } - .m-nv-5\@xs\+ { - margin: -5px !important; - } - .mT-nv-5\@xs\+ { - margin-top: -5px !important; - } - .mR-nv-5\@xs\+ { - margin-right: -5px !important; - } - .mB-nv-5\@xs\+ { - margin-bottom: -5px !important; - } - .mL-nv-5\@xs\+ { - margin-left: -5px !important; - } - .mY-nv-5\@xs\+ { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .mX-nv-5\@xs\+ { - margin-left: -5px !important; - margin-right: -5px !important; - } - } - @media screen and (max-width: 1439px) { - .m-5\@xl- { - margin: 5px !important; - } - .mT-5\@xl- { - margin-top: 5px !important; - } - .mR-5\@xl- { - margin-right: 5px !important; - } - .mB-5\@xl- { - margin-bottom: 5px !important; - } - .mL-5\@xl- { - margin-left: 5px !important; - } - .mY-5\@xl- { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .mX-5\@xl- { - margin-left: 5px !important; - margin-right: 5px !important; - } - .m-nv-5\@xl- { - margin: -5px !important; - } - .mT-nv-5\@xl- { - margin-top: -5px !important; - } - .mR-nv-5\@xl- { - margin-right: -5px !important; - } - .mB-nv-5\@xl- { - margin-bottom: -5px !important; - } - .mL-nv-5\@xl- { - margin-left: -5px !important; - } - .mY-nv-5\@xl- { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .mX-nv-5\@xl- { - margin-left: -5px !important; - margin-right: -5px !important; - } - } - @media screen and (max-width: 1199px) { - .m-5\@lg- { - margin: 5px !important; - } - .mT-5\@lg- { - margin-top: 5px !important; - } - .mR-5\@lg- { - margin-right: 5px !important; - } - .mB-5\@lg- { - margin-bottom: 5px !important; - } - .mL-5\@lg- { - margin-left: 5px !important; - } - .mY-5\@lg- { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .mX-5\@lg- { - margin-left: 5px !important; - margin-right: 5px !important; - } - .m-nv-5\@lg- { - margin: -5px !important; - } - .mT-nv-5\@lg- { - margin-top: -5px !important; - } - .mR-nv-5\@lg- { - margin-right: -5px !important; - } - .mB-nv-5\@lg- { - margin-bottom: -5px !important; - } - .mL-nv-5\@lg- { - margin-left: -5px !important; - } - .mY-nv-5\@lg- { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .mX-nv-5\@lg- { - margin-left: -5px !important; - margin-right: -5px !important; - } - } - @media screen and (max-width: 991px) { - .m-5\@md- { - margin: 5px !important; - } - .mT-5\@md- { - margin-top: 5px !important; - } - .mR-5\@md- { - margin-right: 5px !important; - } - .mB-5\@md- { - margin-bottom: 5px !important; - } - .mL-5\@md- { - margin-left: 5px !important; - } - .mY-5\@md- { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .mX-5\@md- { - margin-left: 5px !important; - margin-right: 5px !important; - } - .m-nv-5\@md- { - margin: -5px !important; - } - .mT-nv-5\@md- { - margin-top: -5px !important; - } - .mR-nv-5\@md- { - margin-right: -5px !important; - } - .mB-nv-5\@md- { - margin-bottom: -5px !important; - } - .mL-nv-5\@md- { - margin-left: -5px !important; - } - .mY-nv-5\@md- { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .mX-nv-5\@md- { - margin-left: -5px !important; - margin-right: -5px !important; - } - } - @media screen and (max-width: 767px) { - .m-5\@sm- { - margin: 5px !important; - } - .mT-5\@sm- { - margin-top: 5px !important; - } - .mR-5\@sm- { - margin-right: 5px !important; - } - .mB-5\@sm- { - margin-bottom: 5px !important; - } - .mL-5\@sm- { - margin-left: 5px !important; - } - .mY-5\@sm- { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .mX-5\@sm- { - margin-left: 5px !important; - margin-right: 5px !important; - } - .m-nv-5\@sm- { - margin: -5px !important; - } - .mT-nv-5\@sm- { - margin-top: -5px !important; - } - .mR-nv-5\@sm- { - margin-right: -5px !important; - } - .mB-nv-5\@sm- { - margin-bottom: -5px !important; - } - .mL-nv-5\@sm- { - margin-left: -5px !important; - } - .mY-nv-5\@sm- { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .mX-nv-5\@sm- { - margin-left: -5px !important; - margin-right: -5px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-5\@lg { - margin: 5px !important; - } - .mT-5\@lg { - margin-top: 5px !important; - } - .mR-5\@lg { - margin-right: 5px !important; - } - .mB-5\@lg { - margin-bottom: 5px !important; - } - .mL-5\@lg { - margin-left: 5px !important; - } - .mY-5\@lg { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .mX-5\@lg { - margin-left: 5px !important; - margin-right: 5px !important; - } - .m-nv-5\@lg { - margin: -5px !important; - } - .mT-nv-5\@lg { - margin-top: -5px !important; - } - .mR-nv-5\@lg { - margin-right: -5px !important; - } - .mB-nv-5\@lg { - margin-bottom: -5px !important; - } - .mL-nv-5\@lg { - margin-left: -5px !important; - } - .mY-nv-5\@lg { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .mX-nv-5\@lg { - margin-left: -5px !important; - margin-right: -5px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-5\@md { - margin: 5px !important; - } - .mT-5\@md { - margin-top: 5px !important; - } - .mR-5\@md { - margin-right: 5px !important; - } - .mB-5\@md { - margin-bottom: 5px !important; - } - .mL-5\@md { - margin-left: 5px !important; - } - .mY-5\@md { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .mX-5\@md { - margin-left: 5px !important; - margin-right: 5px !important; - } - .m-nv-5\@md { - margin: -5px !important; - } - .mT-nv-5\@md { - margin-top: -5px !important; - } - .mR-nv-5\@md { - margin-right: -5px !important; - } - .mB-nv-5\@md { - margin-bottom: -5px !important; - } - .mL-nv-5\@md { - margin-left: -5px !important; - } - .mY-nv-5\@md { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .mX-nv-5\@md { - margin-left: -5px !important; - margin-right: -5px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-5\@sm { - margin: 5px !important; - } - .mT-5\@sm { - margin-top: 5px !important; - } - .mR-5\@sm { - margin-right: 5px !important; - } - .mB-5\@sm { - margin-bottom: 5px !important; - } - .mL-5\@sm { - margin-left: 5px !important; - } - .mY-5\@sm { - margin-top: 5px !important; - margin-bottom: 5px !important; - } - .mX-5\@sm { - margin-left: 5px !important; - margin-right: 5px !important; - } - .m-nv-5\@sm { - margin: -5px !important; - } - .mT-nv-5\@sm { - margin-top: -5px !important; - } - .mR-nv-5\@sm { - margin-right: -5px !important; - } - .mB-nv-5\@sm { - margin-bottom: -5px !important; - } - .mL-nv-5\@sm { - margin-left: -5px !important; - } - .mY-nv-5\@sm { - margin-top: -5px !important; - margin-bottom: -5px !important; - } - .mX-nv-5\@sm { - margin-left: -5px !important; - margin-right: -5px !important; - } - } - .m-10 { - margin: 10px !important; - } - - .mT-10 { - margin-top: 10px !important; - } - - .mR-10 { - margin-right: 10px !important; - } - - .mB-10 { - margin-bottom: 10px !important; - } - - .mL-10 { - margin-left: 10px !important; - } - - .mY-10 { - margin-top: 10px !important; - margin-bottom: 10px !important; - } - - .mX-10 { - margin-left: 10px !important; - margin-right: 10px !important; - } - - .m-nv-10 { - margin: -10px !important; - } - - .mT-nv-10 { - margin-top: -10px !important; - } - - .mR-nv-10 { - margin-right: -10px !important; - } - - .mB-nv-10 { - margin-bottom: -10px !important; - } - - .mL-nv-10 { - margin-left: -10px !important; - } - - .mY-nv-10 { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - - .mX-nv-10 { - margin-left: -10px !important; - margin-right: -10px !important; - } - - @media screen and (min-width: 1440px) { - .m-10\@xl\+ { - margin: 10px !important; - } - .mT-10\@xl\+ { - margin-top: 10px !important; - } - .mR-10\@xl\+ { - margin-right: 10px !important; - } - .mB-10\@xl\+ { - margin-bottom: 10px !important; - } - .mL-10\@xl\+ { - margin-left: 10px !important; - } - .mY-10\@xl\+ { - margin-top: 10px !important; - margin-bottom: 10px !important; - } - .mX-10\@xl\+ { - margin-left: 10px !important; - margin-right: 10px !important; - } - .m-nv-10\@xl\+ { - margin: -10px !important; - } - .mT-nv-10\@xl\+ { - margin-top: -10px !important; - } - .mR-nv-10\@xl\+ { - margin-right: -10px !important; - } - .mB-nv-10\@xl\+ { - margin-bottom: -10px !important; - } - .mL-nv-10\@xl\+ { - margin-left: -10px !important; - } - .mY-nv-10\@xl\+ { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .mX-nv-10\@xl\+ { - margin-left: -10px !important; - margin-right: -10px !important; - } - } - @media screen and (min-width: 1200px) { - .m-10\@lg\+ { - margin: 10px !important; - } - .mT-10\@lg\+ { - margin-top: 10px !important; - } - .mR-10\@lg\+ { - margin-right: 10px !important; - } - .mB-10\@lg\+ { - margin-bottom: 10px !important; - } - .mL-10\@lg\+ { - margin-left: 10px !important; - } - .mY-10\@lg\+ { - margin-top: 10px !important; - margin-bottom: 10px !important; - } - .mX-10\@lg\+ { - margin-left: 10px !important; - margin-right: 10px !important; - } - .m-nv-10\@lg\+ { - margin: -10px !important; - } - .mT-nv-10\@lg\+ { - margin-top: -10px !important; - } - .mR-nv-10\@lg\+ { - margin-right: -10px !important; - } - .mB-nv-10\@lg\+ { - margin-bottom: -10px !important; - } - .mL-nv-10\@lg\+ { - margin-left: -10px !important; - } - .mY-nv-10\@lg\+ { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .mX-nv-10\@lg\+ { - margin-left: -10px !important; - margin-right: -10px !important; - } - } - @media screen and (min-width: 992px) { - .m-10\@md\+ { - margin: 10px !important; - } - .mT-10\@md\+ { - margin-top: 10px !important; - } - .mR-10\@md\+ { - margin-right: 10px !important; - } - .mB-10\@md\+ { - margin-bottom: 10px !important; - } - .mL-10\@md\+ { - margin-left: 10px !important; - } - .mY-10\@md\+ { - margin-top: 10px !important; - margin-bottom: 10px !important; - } - .mX-10\@md\+ { - margin-left: 10px !important; - margin-right: 10px !important; - } - .m-nv-10\@md\+ { - margin: -10px !important; - } - .mT-nv-10\@md\+ { - margin-top: -10px !important; - } - .mR-nv-10\@md\+ { - margin-right: -10px !important; - } - .mB-nv-10\@md\+ { - margin-bottom: -10px !important; - } - .mL-nv-10\@md\+ { - margin-left: -10px !important; - } - .mY-nv-10\@md\+ { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .mX-nv-10\@md\+ { - margin-left: -10px !important; - margin-right: -10px !important; - } - } - @media screen and (min-width: 768px) { - .m-10\@sm\+ { - margin: 10px !important; - } - .mT-10\@sm\+ { - margin-top: 10px !important; - } - .mR-10\@sm\+ { - margin-right: 10px !important; - } - .mB-10\@sm\+ { - margin-bottom: 10px !important; - } - .mL-10\@sm\+ { - margin-left: 10px !important; - } - .mY-10\@sm\+ { - margin-top: 10px !important; - margin-bottom: 10px !important; - } - .mX-10\@sm\+ { - margin-left: 10px !important; - margin-right: 10px !important; - } - .m-nv-10\@sm\+ { - margin: -10px !important; - } - .mT-nv-10\@sm\+ { - margin-top: -10px !important; - } - .mR-nv-10\@sm\+ { - margin-right: -10px !important; - } - .mB-nv-10\@sm\+ { - margin-bottom: -10px !important; - } - .mL-nv-10\@sm\+ { - margin-left: -10px !important; - } - .mY-nv-10\@sm\+ { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .mX-nv-10\@sm\+ { - margin-left: -10px !important; - margin-right: -10px !important; - } - } - @media screen and (min-width: 0) { - .m-10\@xs\+ { - margin: 10px !important; - } - .mT-10\@xs\+ { - margin-top: 10px !important; - } - .mR-10\@xs\+ { - margin-right: 10px !important; - } - .mB-10\@xs\+ { - margin-bottom: 10px !important; - } - .mL-10\@xs\+ { - margin-left: 10px !important; - } - .mY-10\@xs\+ { - margin-top: 10px !important; - margin-bottom: 10px !important; - } - .mX-10\@xs\+ { - margin-left: 10px !important; - margin-right: 10px !important; - } - .m-nv-10\@xs\+ { - margin: -10px !important; - } - .mT-nv-10\@xs\+ { - margin-top: -10px !important; - } - .mR-nv-10\@xs\+ { - margin-right: -10px !important; - } - .mB-nv-10\@xs\+ { - margin-bottom: -10px !important; - } - .mL-nv-10\@xs\+ { - margin-left: -10px !important; - } - .mY-nv-10\@xs\+ { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .mX-nv-10\@xs\+ { - margin-left: -10px !important; - margin-right: -10px !important; - } - } - @media screen and (max-width: 1439px) { - .m-10\@xl- { - margin: 10px !important; - } - .mT-10\@xl- { - margin-top: 10px !important; - } - .mR-10\@xl- { - margin-right: 10px !important; - } - .mB-10\@xl- { - margin-bottom: 10px !important; - } - .mL-10\@xl- { - margin-left: 10px !important; - } - .mY-10\@xl- { - margin-top: 10px !important; - margin-bottom: 10px !important; - } - .mX-10\@xl- { - margin-left: 10px !important; - margin-right: 10px !important; - } - .m-nv-10\@xl- { - margin: -10px !important; - } - .mT-nv-10\@xl- { - margin-top: -10px !important; - } - .mR-nv-10\@xl- { - margin-right: -10px !important; - } - .mB-nv-10\@xl- { - margin-bottom: -10px !important; - } - .mL-nv-10\@xl- { - margin-left: -10px !important; - } - .mY-nv-10\@xl- { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .mX-nv-10\@xl- { - margin-left: -10px !important; - margin-right: -10px !important; - } - } - @media screen and (max-width: 1199px) { - .m-10\@lg- { - margin: 10px !important; - } - .mT-10\@lg- { - margin-top: 10px !important; - } - .mR-10\@lg- { - margin-right: 10px !important; - } - .mB-10\@lg- { - margin-bottom: 10px !important; - } - .mL-10\@lg- { - margin-left: 10px !important; - } - .mY-10\@lg- { - margin-top: 10px !important; - margin-bottom: 10px !important; - } - .mX-10\@lg- { - margin-left: 10px !important; - margin-right: 10px !important; - } - .m-nv-10\@lg- { - margin: -10px !important; - } - .mT-nv-10\@lg- { - margin-top: -10px !important; - } - .mR-nv-10\@lg- { - margin-right: -10px !important; - } - .mB-nv-10\@lg- { - margin-bottom: -10px !important; - } - .mL-nv-10\@lg- { - margin-left: -10px !important; - } - .mY-nv-10\@lg- { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .mX-nv-10\@lg- { - margin-left: -10px !important; - margin-right: -10px !important; - } - } - @media screen and (max-width: 991px) { - .m-10\@md- { - margin: 10px !important; - } - .mT-10\@md- { - margin-top: 10px !important; - } - .mR-10\@md- { - margin-right: 10px !important; - } - .mB-10\@md- { - margin-bottom: 10px !important; - } - .mL-10\@md- { - margin-left: 10px !important; - } - .mY-10\@md- { - margin-top: 10px !important; - margin-bottom: 10px !important; - } - .mX-10\@md- { - margin-left: 10px !important; - margin-right: 10px !important; - } - .m-nv-10\@md- { - margin: -10px !important; - } - .mT-nv-10\@md- { - margin-top: -10px !important; - } - .mR-nv-10\@md- { - margin-right: -10px !important; - } - .mB-nv-10\@md- { - margin-bottom: -10px !important; - } - .mL-nv-10\@md- { - margin-left: -10px !important; - } - .mY-nv-10\@md- { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .mX-nv-10\@md- { - margin-left: -10px !important; - margin-right: -10px !important; - } - } - @media screen and (max-width: 767px) { - .m-10\@sm- { - margin: 10px !important; - } - .mT-10\@sm- { - margin-top: 10px !important; - } - .mR-10\@sm- { - margin-right: 10px !important; - } - .mB-10\@sm- { - margin-bottom: 10px !important; - } - .mL-10\@sm- { - margin-left: 10px !important; - } - .mY-10\@sm- { - margin-top: 10px !important; - margin-bottom: 10px !important; - } - .mX-10\@sm- { - margin-left: 10px !important; - margin-right: 10px !important; - } - .m-nv-10\@sm- { - margin: -10px !important; - } - .mT-nv-10\@sm- { - margin-top: -10px !important; - } - .mR-nv-10\@sm- { - margin-right: -10px !important; - } - .mB-nv-10\@sm- { - margin-bottom: -10px !important; - } - .mL-nv-10\@sm- { - margin-left: -10px !important; - } - .mY-nv-10\@sm- { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .mX-nv-10\@sm- { - margin-left: -10px !important; - margin-right: -10px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-10\@lg { - margin: 10px !important; - } - .mT-10\@lg { - margin-top: 10px !important; - } - .mR-10\@lg { - margin-right: 10px !important; - } - .mB-10\@lg { - margin-bottom: 10px !important; - } - .mL-10\@lg { - margin-left: 10px !important; - } - .mY-10\@lg { - margin-top: 10px !important; - margin-bottom: 10px !important; - } - .mX-10\@lg { - margin-left: 10px !important; - margin-right: 10px !important; - } - .m-nv-10\@lg { - margin: -10px !important; - } - .mT-nv-10\@lg { - margin-top: -10px !important; - } - .mR-nv-10\@lg { - margin-right: -10px !important; - } - .mB-nv-10\@lg { - margin-bottom: -10px !important; - } - .mL-nv-10\@lg { - margin-left: -10px !important; - } - .mY-nv-10\@lg { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .mX-nv-10\@lg { - margin-left: -10px !important; - margin-right: -10px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-10\@md { - margin: 10px !important; - } - .mT-10\@md { - margin-top: 10px !important; - } - .mR-10\@md { - margin-right: 10px !important; - } - .mB-10\@md { - margin-bottom: 10px !important; - } - .mL-10\@md { - margin-left: 10px !important; - } - .mY-10\@md { - margin-top: 10px !important; - margin-bottom: 10px !important; - } - .mX-10\@md { - margin-left: 10px !important; - margin-right: 10px !important; - } - .m-nv-10\@md { - margin: -10px !important; - } - .mT-nv-10\@md { - margin-top: -10px !important; - } - .mR-nv-10\@md { - margin-right: -10px !important; - } - .mB-nv-10\@md { - margin-bottom: -10px !important; - } - .mL-nv-10\@md { - margin-left: -10px !important; - } - .mY-nv-10\@md { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .mX-nv-10\@md { - margin-left: -10px !important; - margin-right: -10px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-10\@sm { - margin: 10px !important; - } - .mT-10\@sm { - margin-top: 10px !important; - } - .mR-10\@sm { - margin-right: 10px !important; - } - .mB-10\@sm { - margin-bottom: 10px !important; - } - .mL-10\@sm { - margin-left: 10px !important; - } - .mY-10\@sm { - margin-top: 10px !important; - margin-bottom: 10px !important; - } - .mX-10\@sm { - margin-left: 10px !important; - margin-right: 10px !important; - } - .m-nv-10\@sm { - margin: -10px !important; - } - .mT-nv-10\@sm { - margin-top: -10px !important; - } - .mR-nv-10\@sm { - margin-right: -10px !important; - } - .mB-nv-10\@sm { - margin-bottom: -10px !important; - } - .mL-nv-10\@sm { - margin-left: -10px !important; - } - .mY-nv-10\@sm { - margin-top: -10px !important; - margin-bottom: -10px !important; - } - .mX-nv-10\@sm { - margin-left: -10px !important; - margin-right: -10px !important; - } - } - .m-15 { - margin: 15px !important; - } - - .mT-15 { - margin-top: 15px !important; - } - - .mR-15 { - margin-right: 15px !important; - } - - .mB-15 { - margin-bottom: 15px !important; - } - - .mL-15 { - margin-left: 15px !important; - } - - .mY-15 { - margin-top: 15px !important; - margin-bottom: 15px !important; - } - - .mX-15 { - margin-left: 15px !important; - margin-right: 15px !important; - } - - .m-nv-15 { - margin: -15px !important; - } - - .mT-nv-15 { - margin-top: -15px !important; - } - - .mR-nv-15 { - margin-right: -15px !important; - } - - .mB-nv-15 { - margin-bottom: -15px !important; - } - - .mL-nv-15 { - margin-left: -15px !important; - } - - .mY-nv-15 { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - - .mX-nv-15 { - margin-left: -15px !important; - margin-right: -15px !important; - } - - @media screen and (min-width: 1440px) { - .m-15\@xl\+ { - margin: 15px !important; - } - .mT-15\@xl\+ { - margin-top: 15px !important; - } - .mR-15\@xl\+ { - margin-right: 15px !important; - } - .mB-15\@xl\+ { - margin-bottom: 15px !important; - } - .mL-15\@xl\+ { - margin-left: 15px !important; - } - .mY-15\@xl\+ { - margin-top: 15px !important; - margin-bottom: 15px !important; - } - .mX-15\@xl\+ { - margin-left: 15px !important; - margin-right: 15px !important; - } - .m-nv-15\@xl\+ { - margin: -15px !important; - } - .mT-nv-15\@xl\+ { - margin-top: -15px !important; - } - .mR-nv-15\@xl\+ { - margin-right: -15px !important; - } - .mB-nv-15\@xl\+ { - margin-bottom: -15px !important; - } - .mL-nv-15\@xl\+ { - margin-left: -15px !important; - } - .mY-nv-15\@xl\+ { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .mX-nv-15\@xl\+ { - margin-left: -15px !important; - margin-right: -15px !important; - } - } - @media screen and (min-width: 1200px) { - .m-15\@lg\+ { - margin: 15px !important; - } - .mT-15\@lg\+ { - margin-top: 15px !important; - } - .mR-15\@lg\+ { - margin-right: 15px !important; - } - .mB-15\@lg\+ { - margin-bottom: 15px !important; - } - .mL-15\@lg\+ { - margin-left: 15px !important; - } - .mY-15\@lg\+ { - margin-top: 15px !important; - margin-bottom: 15px !important; - } - .mX-15\@lg\+ { - margin-left: 15px !important; - margin-right: 15px !important; - } - .m-nv-15\@lg\+ { - margin: -15px !important; - } - .mT-nv-15\@lg\+ { - margin-top: -15px !important; - } - .mR-nv-15\@lg\+ { - margin-right: -15px !important; - } - .mB-nv-15\@lg\+ { - margin-bottom: -15px !important; - } - .mL-nv-15\@lg\+ { - margin-left: -15px !important; - } - .mY-nv-15\@lg\+ { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .mX-nv-15\@lg\+ { - margin-left: -15px !important; - margin-right: -15px !important; - } - } - @media screen and (min-width: 992px) { - .m-15\@md\+ { - margin: 15px !important; - } - .mT-15\@md\+ { - margin-top: 15px !important; - } - .mR-15\@md\+ { - margin-right: 15px !important; - } - .mB-15\@md\+ { - margin-bottom: 15px !important; - } - .mL-15\@md\+ { - margin-left: 15px !important; - } - .mY-15\@md\+ { - margin-top: 15px !important; - margin-bottom: 15px !important; - } - .mX-15\@md\+ { - margin-left: 15px !important; - margin-right: 15px !important; - } - .m-nv-15\@md\+ { - margin: -15px !important; - } - .mT-nv-15\@md\+ { - margin-top: -15px !important; - } - .mR-nv-15\@md\+ { - margin-right: -15px !important; - } - .mB-nv-15\@md\+ { - margin-bottom: -15px !important; - } - .mL-nv-15\@md\+ { - margin-left: -15px !important; - } - .mY-nv-15\@md\+ { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .mX-nv-15\@md\+ { - margin-left: -15px !important; - margin-right: -15px !important; - } - } - @media screen and (min-width: 768px) { - .m-15\@sm\+ { - margin: 15px !important; - } - .mT-15\@sm\+ { - margin-top: 15px !important; - } - .mR-15\@sm\+ { - margin-right: 15px !important; - } - .mB-15\@sm\+ { - margin-bottom: 15px !important; - } - .mL-15\@sm\+ { - margin-left: 15px !important; - } - .mY-15\@sm\+ { - margin-top: 15px !important; - margin-bottom: 15px !important; - } - .mX-15\@sm\+ { - margin-left: 15px !important; - margin-right: 15px !important; - } - .m-nv-15\@sm\+ { - margin: -15px !important; - } - .mT-nv-15\@sm\+ { - margin-top: -15px !important; - } - .mR-nv-15\@sm\+ { - margin-right: -15px !important; - } - .mB-nv-15\@sm\+ { - margin-bottom: -15px !important; - } - .mL-nv-15\@sm\+ { - margin-left: -15px !important; - } - .mY-nv-15\@sm\+ { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .mX-nv-15\@sm\+ { - margin-left: -15px !important; - margin-right: -15px !important; - } - } - @media screen and (min-width: 0) { - .m-15\@xs\+ { - margin: 15px !important; - } - .mT-15\@xs\+ { - margin-top: 15px !important; - } - .mR-15\@xs\+ { - margin-right: 15px !important; - } - .mB-15\@xs\+ { - margin-bottom: 15px !important; - } - .mL-15\@xs\+ { - margin-left: 15px !important; - } - .mY-15\@xs\+ { - margin-top: 15px !important; - margin-bottom: 15px !important; - } - .mX-15\@xs\+ { - margin-left: 15px !important; - margin-right: 15px !important; - } - .m-nv-15\@xs\+ { - margin: -15px !important; - } - .mT-nv-15\@xs\+ { - margin-top: -15px !important; - } - .mR-nv-15\@xs\+ { - margin-right: -15px !important; - } - .mB-nv-15\@xs\+ { - margin-bottom: -15px !important; - } - .mL-nv-15\@xs\+ { - margin-left: -15px !important; - } - .mY-nv-15\@xs\+ { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .mX-nv-15\@xs\+ { - margin-left: -15px !important; - margin-right: -15px !important; - } - } - @media screen and (max-width: 1439px) { - .m-15\@xl- { - margin: 15px !important; - } - .mT-15\@xl- { - margin-top: 15px !important; - } - .mR-15\@xl- { - margin-right: 15px !important; - } - .mB-15\@xl- { - margin-bottom: 15px !important; - } - .mL-15\@xl- { - margin-left: 15px !important; - } - .mY-15\@xl- { - margin-top: 15px !important; - margin-bottom: 15px !important; - } - .mX-15\@xl- { - margin-left: 15px !important; - margin-right: 15px !important; - } - .m-nv-15\@xl- { - margin: -15px !important; - } - .mT-nv-15\@xl- { - margin-top: -15px !important; - } - .mR-nv-15\@xl- { - margin-right: -15px !important; - } - .mB-nv-15\@xl- { - margin-bottom: -15px !important; - } - .mL-nv-15\@xl- { - margin-left: -15px !important; - } - .mY-nv-15\@xl- { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .mX-nv-15\@xl- { - margin-left: -15px !important; - margin-right: -15px !important; - } - } - @media screen and (max-width: 1199px) { - .m-15\@lg- { - margin: 15px !important; - } - .mT-15\@lg- { - margin-top: 15px !important; - } - .mR-15\@lg- { - margin-right: 15px !important; - } - .mB-15\@lg- { - margin-bottom: 15px !important; - } - .mL-15\@lg- { - margin-left: 15px !important; - } - .mY-15\@lg- { - margin-top: 15px !important; - margin-bottom: 15px !important; - } - .mX-15\@lg- { - margin-left: 15px !important; - margin-right: 15px !important; - } - .m-nv-15\@lg- { - margin: -15px !important; - } - .mT-nv-15\@lg- { - margin-top: -15px !important; - } - .mR-nv-15\@lg- { - margin-right: -15px !important; - } - .mB-nv-15\@lg- { - margin-bottom: -15px !important; - } - .mL-nv-15\@lg- { - margin-left: -15px !important; - } - .mY-nv-15\@lg- { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .mX-nv-15\@lg- { - margin-left: -15px !important; - margin-right: -15px !important; - } - } - @media screen and (max-width: 991px) { - .m-15\@md- { - margin: 15px !important; - } - .mT-15\@md- { - margin-top: 15px !important; - } - .mR-15\@md- { - margin-right: 15px !important; - } - .mB-15\@md- { - margin-bottom: 15px !important; - } - .mL-15\@md- { - margin-left: 15px !important; - } - .mY-15\@md- { - margin-top: 15px !important; - margin-bottom: 15px !important; - } - .mX-15\@md- { - margin-left: 15px !important; - margin-right: 15px !important; - } - .m-nv-15\@md- { - margin: -15px !important; - } - .mT-nv-15\@md- { - margin-top: -15px !important; - } - .mR-nv-15\@md- { - margin-right: -15px !important; - } - .mB-nv-15\@md- { - margin-bottom: -15px !important; - } - .mL-nv-15\@md- { - margin-left: -15px !important; - } - .mY-nv-15\@md- { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .mX-nv-15\@md- { - margin-left: -15px !important; - margin-right: -15px !important; - } - } - @media screen and (max-width: 767px) { - .m-15\@sm- { - margin: 15px !important; - } - .mT-15\@sm- { - margin-top: 15px !important; - } - .mR-15\@sm- { - margin-right: 15px !important; - } - .mB-15\@sm- { - margin-bottom: 15px !important; - } - .mL-15\@sm- { - margin-left: 15px !important; - } - .mY-15\@sm- { - margin-top: 15px !important; - margin-bottom: 15px !important; - } - .mX-15\@sm- { - margin-left: 15px !important; - margin-right: 15px !important; - } - .m-nv-15\@sm- { - margin: -15px !important; - } - .mT-nv-15\@sm- { - margin-top: -15px !important; - } - .mR-nv-15\@sm- { - margin-right: -15px !important; - } - .mB-nv-15\@sm- { - margin-bottom: -15px !important; - } - .mL-nv-15\@sm- { - margin-left: -15px !important; - } - .mY-nv-15\@sm- { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .mX-nv-15\@sm- { - margin-left: -15px !important; - margin-right: -15px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-15\@lg { - margin: 15px !important; - } - .mT-15\@lg { - margin-top: 15px !important; - } - .mR-15\@lg { - margin-right: 15px !important; - } - .mB-15\@lg { - margin-bottom: 15px !important; - } - .mL-15\@lg { - margin-left: 15px !important; - } - .mY-15\@lg { - margin-top: 15px !important; - margin-bottom: 15px !important; - } - .mX-15\@lg { - margin-left: 15px !important; - margin-right: 15px !important; - } - .m-nv-15\@lg { - margin: -15px !important; - } - .mT-nv-15\@lg { - margin-top: -15px !important; - } - .mR-nv-15\@lg { - margin-right: -15px !important; - } - .mB-nv-15\@lg { - margin-bottom: -15px !important; - } - .mL-nv-15\@lg { - margin-left: -15px !important; - } - .mY-nv-15\@lg { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .mX-nv-15\@lg { - margin-left: -15px !important; - margin-right: -15px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-15\@md { - margin: 15px !important; - } - .mT-15\@md { - margin-top: 15px !important; - } - .mR-15\@md { - margin-right: 15px !important; - } - .mB-15\@md { - margin-bottom: 15px !important; - } - .mL-15\@md { - margin-left: 15px !important; - } - .mY-15\@md { - margin-top: 15px !important; - margin-bottom: 15px !important; - } - .mX-15\@md { - margin-left: 15px !important; - margin-right: 15px !important; - } - .m-nv-15\@md { - margin: -15px !important; - } - .mT-nv-15\@md { - margin-top: -15px !important; - } - .mR-nv-15\@md { - margin-right: -15px !important; - } - .mB-nv-15\@md { - margin-bottom: -15px !important; - } - .mL-nv-15\@md { - margin-left: -15px !important; - } - .mY-nv-15\@md { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .mX-nv-15\@md { - margin-left: -15px !important; - margin-right: -15px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-15\@sm { - margin: 15px !important; - } - .mT-15\@sm { - margin-top: 15px !important; - } - .mR-15\@sm { - margin-right: 15px !important; - } - .mB-15\@sm { - margin-bottom: 15px !important; - } - .mL-15\@sm { - margin-left: 15px !important; - } - .mY-15\@sm { - margin-top: 15px !important; - margin-bottom: 15px !important; - } - .mX-15\@sm { - margin-left: 15px !important; - margin-right: 15px !important; - } - .m-nv-15\@sm { - margin: -15px !important; - } - .mT-nv-15\@sm { - margin-top: -15px !important; - } - .mR-nv-15\@sm { - margin-right: -15px !important; - } - .mB-nv-15\@sm { - margin-bottom: -15px !important; - } - .mL-nv-15\@sm { - margin-left: -15px !important; - } - .mY-nv-15\@sm { - margin-top: -15px !important; - margin-bottom: -15px !important; - } - .mX-nv-15\@sm { - margin-left: -15px !important; - margin-right: -15px !important; - } - } - .m-20 { - margin: 20px !important; - } - - .mT-20 { - margin-top: 20px !important; - } - - .mR-20 { - margin-right: 20px !important; - } - - .mB-20 { - margin-bottom: 20px !important; - } - - .mL-20 { - margin-left: 20px !important; - } - - .mY-20 { - margin-top: 20px !important; - margin-bottom: 20px !important; - } - - .mX-20 { - margin-left: 20px !important; - margin-right: 20px !important; - } - - .m-nv-20 { - margin: -20px !important; - } - - .mT-nv-20 { - margin-top: -20px !important; - } - - .mR-nv-20 { - margin-right: -20px !important; - } - - .mB-nv-20 { - margin-bottom: -20px !important; - } - - .mL-nv-20 { - margin-left: -20px !important; - } - - .mY-nv-20 { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - - .mX-nv-20 { - margin-left: -20px !important; - margin-right: -20px !important; - } - - @media screen and (min-width: 1440px) { - .m-20\@xl\+ { - margin: 20px !important; - } - .mT-20\@xl\+ { - margin-top: 20px !important; - } - .mR-20\@xl\+ { - margin-right: 20px !important; - } - .mB-20\@xl\+ { - margin-bottom: 20px !important; - } - .mL-20\@xl\+ { - margin-left: 20px !important; - } - .mY-20\@xl\+ { - margin-top: 20px !important; - margin-bottom: 20px !important; - } - .mX-20\@xl\+ { - margin-left: 20px !important; - margin-right: 20px !important; - } - .m-nv-20\@xl\+ { - margin: -20px !important; - } - .mT-nv-20\@xl\+ { - margin-top: -20px !important; - } - .mR-nv-20\@xl\+ { - margin-right: -20px !important; - } - .mB-nv-20\@xl\+ { - margin-bottom: -20px !important; - } - .mL-nv-20\@xl\+ { - margin-left: -20px !important; - } - .mY-nv-20\@xl\+ { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .mX-nv-20\@xl\+ { - margin-left: -20px !important; - margin-right: -20px !important; - } - } - @media screen and (min-width: 1200px) { - .m-20\@lg\+ { - margin: 20px !important; - } - .mT-20\@lg\+ { - margin-top: 20px !important; - } - .mR-20\@lg\+ { - margin-right: 20px !important; - } - .mB-20\@lg\+ { - margin-bottom: 20px !important; - } - .mL-20\@lg\+ { - margin-left: 20px !important; - } - .mY-20\@lg\+ { - margin-top: 20px !important; - margin-bottom: 20px !important; - } - .mX-20\@lg\+ { - margin-left: 20px !important; - margin-right: 20px !important; - } - .m-nv-20\@lg\+ { - margin: -20px !important; - } - .mT-nv-20\@lg\+ { - margin-top: -20px !important; - } - .mR-nv-20\@lg\+ { - margin-right: -20px !important; - } - .mB-nv-20\@lg\+ { - margin-bottom: -20px !important; - } - .mL-nv-20\@lg\+ { - margin-left: -20px !important; - } - .mY-nv-20\@lg\+ { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .mX-nv-20\@lg\+ { - margin-left: -20px !important; - margin-right: -20px !important; - } - } - @media screen and (min-width: 992px) { - .m-20\@md\+ { - margin: 20px !important; - } - .mT-20\@md\+ { - margin-top: 20px !important; - } - .mR-20\@md\+ { - margin-right: 20px !important; - } - .mB-20\@md\+ { - margin-bottom: 20px !important; - } - .mL-20\@md\+ { - margin-left: 20px !important; - } - .mY-20\@md\+ { - margin-top: 20px !important; - margin-bottom: 20px !important; - } - .mX-20\@md\+ { - margin-left: 20px !important; - margin-right: 20px !important; - } - .m-nv-20\@md\+ { - margin: -20px !important; - } - .mT-nv-20\@md\+ { - margin-top: -20px !important; - } - .mR-nv-20\@md\+ { - margin-right: -20px !important; - } - .mB-nv-20\@md\+ { - margin-bottom: -20px !important; - } - .mL-nv-20\@md\+ { - margin-left: -20px !important; - } - .mY-nv-20\@md\+ { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .mX-nv-20\@md\+ { - margin-left: -20px !important; - margin-right: -20px !important; - } - } - @media screen and (min-width: 768px) { - .m-20\@sm\+ { - margin: 20px !important; - } - .mT-20\@sm\+ { - margin-top: 20px !important; - } - .mR-20\@sm\+ { - margin-right: 20px !important; - } - .mB-20\@sm\+ { - margin-bottom: 20px !important; - } - .mL-20\@sm\+ { - margin-left: 20px !important; - } - .mY-20\@sm\+ { - margin-top: 20px !important; - margin-bottom: 20px !important; - } - .mX-20\@sm\+ { - margin-left: 20px !important; - margin-right: 20px !important; - } - .m-nv-20\@sm\+ { - margin: -20px !important; - } - .mT-nv-20\@sm\+ { - margin-top: -20px !important; - } - .mR-nv-20\@sm\+ { - margin-right: -20px !important; - } - .mB-nv-20\@sm\+ { - margin-bottom: -20px !important; - } - .mL-nv-20\@sm\+ { - margin-left: -20px !important; - } - .mY-nv-20\@sm\+ { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .mX-nv-20\@sm\+ { - margin-left: -20px !important; - margin-right: -20px !important; - } - } - @media screen and (min-width: 0) { - .m-20\@xs\+ { - margin: 20px !important; - } - .mT-20\@xs\+ { - margin-top: 20px !important; - } - .mR-20\@xs\+ { - margin-right: 20px !important; - } - .mB-20\@xs\+ { - margin-bottom: 20px !important; - } - .mL-20\@xs\+ { - margin-left: 20px !important; - } - .mY-20\@xs\+ { - margin-top: 20px !important; - margin-bottom: 20px !important; - } - .mX-20\@xs\+ { - margin-left: 20px !important; - margin-right: 20px !important; - } - .m-nv-20\@xs\+ { - margin: -20px !important; - } - .mT-nv-20\@xs\+ { - margin-top: -20px !important; - } - .mR-nv-20\@xs\+ { - margin-right: -20px !important; - } - .mB-nv-20\@xs\+ { - margin-bottom: -20px !important; - } - .mL-nv-20\@xs\+ { - margin-left: -20px !important; - } - .mY-nv-20\@xs\+ { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .mX-nv-20\@xs\+ { - margin-left: -20px !important; - margin-right: -20px !important; - } - } - @media screen and (max-width: 1439px) { - .m-20\@xl- { - margin: 20px !important; - } - .mT-20\@xl- { - margin-top: 20px !important; - } - .mR-20\@xl- { - margin-right: 20px !important; - } - .mB-20\@xl- { - margin-bottom: 20px !important; - } - .mL-20\@xl- { - margin-left: 20px !important; - } - .mY-20\@xl- { - margin-top: 20px !important; - margin-bottom: 20px !important; - } - .mX-20\@xl- { - margin-left: 20px !important; - margin-right: 20px !important; - } - .m-nv-20\@xl- { - margin: -20px !important; - } - .mT-nv-20\@xl- { - margin-top: -20px !important; - } - .mR-nv-20\@xl- { - margin-right: -20px !important; - } - .mB-nv-20\@xl- { - margin-bottom: -20px !important; - } - .mL-nv-20\@xl- { - margin-left: -20px !important; - } - .mY-nv-20\@xl- { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .mX-nv-20\@xl- { - margin-left: -20px !important; - margin-right: -20px !important; - } - } - @media screen and (max-width: 1199px) { - .m-20\@lg- { - margin: 20px !important; - } - .mT-20\@lg- { - margin-top: 20px !important; - } - .mR-20\@lg- { - margin-right: 20px !important; - } - .mB-20\@lg- { - margin-bottom: 20px !important; - } - .mL-20\@lg- { - margin-left: 20px !important; - } - .mY-20\@lg- { - margin-top: 20px !important; - margin-bottom: 20px !important; - } - .mX-20\@lg- { - margin-left: 20px !important; - margin-right: 20px !important; - } - .m-nv-20\@lg- { - margin: -20px !important; - } - .mT-nv-20\@lg- { - margin-top: -20px !important; - } - .mR-nv-20\@lg- { - margin-right: -20px !important; - } - .mB-nv-20\@lg- { - margin-bottom: -20px !important; - } - .mL-nv-20\@lg- { - margin-left: -20px !important; - } - .mY-nv-20\@lg- { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .mX-nv-20\@lg- { - margin-left: -20px !important; - margin-right: -20px !important; - } - } - @media screen and (max-width: 991px) { - .m-20\@md- { - margin: 20px !important; - } - .mT-20\@md- { - margin-top: 20px !important; - } - .mR-20\@md- { - margin-right: 20px !important; - } - .mB-20\@md- { - margin-bottom: 20px !important; - } - .mL-20\@md- { - margin-left: 20px !important; - } - .mY-20\@md- { - margin-top: 20px !important; - margin-bottom: 20px !important; - } - .mX-20\@md- { - margin-left: 20px !important; - margin-right: 20px !important; - } - .m-nv-20\@md- { - margin: -20px !important; - } - .mT-nv-20\@md- { - margin-top: -20px !important; - } - .mR-nv-20\@md- { - margin-right: -20px !important; - } - .mB-nv-20\@md- { - margin-bottom: -20px !important; - } - .mL-nv-20\@md- { - margin-left: -20px !important; - } - .mY-nv-20\@md- { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .mX-nv-20\@md- { - margin-left: -20px !important; - margin-right: -20px !important; - } - } - @media screen and (max-width: 767px) { - .m-20\@sm- { - margin: 20px !important; - } - .mT-20\@sm- { - margin-top: 20px !important; - } - .mR-20\@sm- { - margin-right: 20px !important; - } - .mB-20\@sm- { - margin-bottom: 20px !important; - } - .mL-20\@sm- { - margin-left: 20px !important; - } - .mY-20\@sm- { - margin-top: 20px !important; - margin-bottom: 20px !important; - } - .mX-20\@sm- { - margin-left: 20px !important; - margin-right: 20px !important; - } - .m-nv-20\@sm- { - margin: -20px !important; - } - .mT-nv-20\@sm- { - margin-top: -20px !important; - } - .mR-nv-20\@sm- { - margin-right: -20px !important; - } - .mB-nv-20\@sm- { - margin-bottom: -20px !important; - } - .mL-nv-20\@sm- { - margin-left: -20px !important; - } - .mY-nv-20\@sm- { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .mX-nv-20\@sm- { - margin-left: -20px !important; - margin-right: -20px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-20\@lg { - margin: 20px !important; - } - .mT-20\@lg { - margin-top: 20px !important; - } - .mR-20\@lg { - margin-right: 20px !important; - } - .mB-20\@lg { - margin-bottom: 20px !important; - } - .mL-20\@lg { - margin-left: 20px !important; - } - .mY-20\@lg { - margin-top: 20px !important; - margin-bottom: 20px !important; - } - .mX-20\@lg { - margin-left: 20px !important; - margin-right: 20px !important; - } - .m-nv-20\@lg { - margin: -20px !important; - } - .mT-nv-20\@lg { - margin-top: -20px !important; - } - .mR-nv-20\@lg { - margin-right: -20px !important; - } - .mB-nv-20\@lg { - margin-bottom: -20px !important; - } - .mL-nv-20\@lg { - margin-left: -20px !important; - } - .mY-nv-20\@lg { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .mX-nv-20\@lg { - margin-left: -20px !important; - margin-right: -20px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-20\@md { - margin: 20px !important; - } - .mT-20\@md { - margin-top: 20px !important; - } - .mR-20\@md { - margin-right: 20px !important; - } - .mB-20\@md { - margin-bottom: 20px !important; - } - .mL-20\@md { - margin-left: 20px !important; - } - .mY-20\@md { - margin-top: 20px !important; - margin-bottom: 20px !important; - } - .mX-20\@md { - margin-left: 20px !important; - margin-right: 20px !important; - } - .m-nv-20\@md { - margin: -20px !important; - } - .mT-nv-20\@md { - margin-top: -20px !important; - } - .mR-nv-20\@md { - margin-right: -20px !important; - } - .mB-nv-20\@md { - margin-bottom: -20px !important; - } - .mL-nv-20\@md { - margin-left: -20px !important; - } - .mY-nv-20\@md { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .mX-nv-20\@md { - margin-left: -20px !important; - margin-right: -20px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-20\@sm { - margin: 20px !important; - } - .mT-20\@sm { - margin-top: 20px !important; - } - .mR-20\@sm { - margin-right: 20px !important; - } - .mB-20\@sm { - margin-bottom: 20px !important; - } - .mL-20\@sm { - margin-left: 20px !important; - } - .mY-20\@sm { - margin-top: 20px !important; - margin-bottom: 20px !important; - } - .mX-20\@sm { - margin-left: 20px !important; - margin-right: 20px !important; - } - .m-nv-20\@sm { - margin: -20px !important; - } - .mT-nv-20\@sm { - margin-top: -20px !important; - } - .mR-nv-20\@sm { - margin-right: -20px !important; - } - .mB-nv-20\@sm { - margin-bottom: -20px !important; - } - .mL-nv-20\@sm { - margin-left: -20px !important; - } - .mY-nv-20\@sm { - margin-top: -20px !important; - margin-bottom: -20px !important; - } - .mX-nv-20\@sm { - margin-left: -20px !important; - margin-right: -20px !important; - } - } - .m-25 { - margin: 25px !important; - } - - .mT-25 { - margin-top: 25px !important; - } - - .mR-25 { - margin-right: 25px !important; - } - - .mB-25 { - margin-bottom: 25px !important; - } - - .mL-25 { - margin-left: 25px !important; - } - - .mY-25 { - margin-top: 25px !important; - margin-bottom: 25px !important; - } - - .mX-25 { - margin-left: 25px !important; - margin-right: 25px !important; - } - - .m-nv-25 { - margin: -25px !important; - } - - .mT-nv-25 { - margin-top: -25px !important; - } - - .mR-nv-25 { - margin-right: -25px !important; - } - - .mB-nv-25 { - margin-bottom: -25px !important; - } - - .mL-nv-25 { - margin-left: -25px !important; - } - - .mY-nv-25 { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - - .mX-nv-25 { - margin-left: -25px !important; - margin-right: -25px !important; - } - - @media screen and (min-width: 1440px) { - .m-25\@xl\+ { - margin: 25px !important; - } - .mT-25\@xl\+ { - margin-top: 25px !important; - } - .mR-25\@xl\+ { - margin-right: 25px !important; - } - .mB-25\@xl\+ { - margin-bottom: 25px !important; - } - .mL-25\@xl\+ { - margin-left: 25px !important; - } - .mY-25\@xl\+ { - margin-top: 25px !important; - margin-bottom: 25px !important; - } - .mX-25\@xl\+ { - margin-left: 25px !important; - margin-right: 25px !important; - } - .m-nv-25\@xl\+ { - margin: -25px !important; - } - .mT-nv-25\@xl\+ { - margin-top: -25px !important; - } - .mR-nv-25\@xl\+ { - margin-right: -25px !important; - } - .mB-nv-25\@xl\+ { - margin-bottom: -25px !important; - } - .mL-nv-25\@xl\+ { - margin-left: -25px !important; - } - .mY-nv-25\@xl\+ { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .mX-nv-25\@xl\+ { - margin-left: -25px !important; - margin-right: -25px !important; - } - } - @media screen and (min-width: 1200px) { - .m-25\@lg\+ { - margin: 25px !important; - } - .mT-25\@lg\+ { - margin-top: 25px !important; - } - .mR-25\@lg\+ { - margin-right: 25px !important; - } - .mB-25\@lg\+ { - margin-bottom: 25px !important; - } - .mL-25\@lg\+ { - margin-left: 25px !important; - } - .mY-25\@lg\+ { - margin-top: 25px !important; - margin-bottom: 25px !important; - } - .mX-25\@lg\+ { - margin-left: 25px !important; - margin-right: 25px !important; - } - .m-nv-25\@lg\+ { - margin: -25px !important; - } - .mT-nv-25\@lg\+ { - margin-top: -25px !important; - } - .mR-nv-25\@lg\+ { - margin-right: -25px !important; - } - .mB-nv-25\@lg\+ { - margin-bottom: -25px !important; - } - .mL-nv-25\@lg\+ { - margin-left: -25px !important; - } - .mY-nv-25\@lg\+ { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .mX-nv-25\@lg\+ { - margin-left: -25px !important; - margin-right: -25px !important; - } - } - @media screen and (min-width: 992px) { - .m-25\@md\+ { - margin: 25px !important; - } - .mT-25\@md\+ { - margin-top: 25px !important; - } - .mR-25\@md\+ { - margin-right: 25px !important; - } - .mB-25\@md\+ { - margin-bottom: 25px !important; - } - .mL-25\@md\+ { - margin-left: 25px !important; - } - .mY-25\@md\+ { - margin-top: 25px !important; - margin-bottom: 25px !important; - } - .mX-25\@md\+ { - margin-left: 25px !important; - margin-right: 25px !important; - } - .m-nv-25\@md\+ { - margin: -25px !important; - } - .mT-nv-25\@md\+ { - margin-top: -25px !important; - } - .mR-nv-25\@md\+ { - margin-right: -25px !important; - } - .mB-nv-25\@md\+ { - margin-bottom: -25px !important; - } - .mL-nv-25\@md\+ { - margin-left: -25px !important; - } - .mY-nv-25\@md\+ { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .mX-nv-25\@md\+ { - margin-left: -25px !important; - margin-right: -25px !important; - } - } - @media screen and (min-width: 768px) { - .m-25\@sm\+ { - margin: 25px !important; - } - .mT-25\@sm\+ { - margin-top: 25px !important; - } - .mR-25\@sm\+ { - margin-right: 25px !important; - } - .mB-25\@sm\+ { - margin-bottom: 25px !important; - } - .mL-25\@sm\+ { - margin-left: 25px !important; - } - .mY-25\@sm\+ { - margin-top: 25px !important; - margin-bottom: 25px !important; - } - .mX-25\@sm\+ { - margin-left: 25px !important; - margin-right: 25px !important; - } - .m-nv-25\@sm\+ { - margin: -25px !important; - } - .mT-nv-25\@sm\+ { - margin-top: -25px !important; - } - .mR-nv-25\@sm\+ { - margin-right: -25px !important; - } - .mB-nv-25\@sm\+ { - margin-bottom: -25px !important; - } - .mL-nv-25\@sm\+ { - margin-left: -25px !important; - } - .mY-nv-25\@sm\+ { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .mX-nv-25\@sm\+ { - margin-left: -25px !important; - margin-right: -25px !important; - } - } - @media screen and (min-width: 0) { - .m-25\@xs\+ { - margin: 25px !important; - } - .mT-25\@xs\+ { - margin-top: 25px !important; - } - .mR-25\@xs\+ { - margin-right: 25px !important; - } - .mB-25\@xs\+ { - margin-bottom: 25px !important; - } - .mL-25\@xs\+ { - margin-left: 25px !important; - } - .mY-25\@xs\+ { - margin-top: 25px !important; - margin-bottom: 25px !important; - } - .mX-25\@xs\+ { - margin-left: 25px !important; - margin-right: 25px !important; - } - .m-nv-25\@xs\+ { - margin: -25px !important; - } - .mT-nv-25\@xs\+ { - margin-top: -25px !important; - } - .mR-nv-25\@xs\+ { - margin-right: -25px !important; - } - .mB-nv-25\@xs\+ { - margin-bottom: -25px !important; - } - .mL-nv-25\@xs\+ { - margin-left: -25px !important; - } - .mY-nv-25\@xs\+ { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .mX-nv-25\@xs\+ { - margin-left: -25px !important; - margin-right: -25px !important; - } - } - @media screen and (max-width: 1439px) { - .m-25\@xl- { - margin: 25px !important; - } - .mT-25\@xl- { - margin-top: 25px !important; - } - .mR-25\@xl- { - margin-right: 25px !important; - } - .mB-25\@xl- { - margin-bottom: 25px !important; - } - .mL-25\@xl- { - margin-left: 25px !important; - } - .mY-25\@xl- { - margin-top: 25px !important; - margin-bottom: 25px !important; - } - .mX-25\@xl- { - margin-left: 25px !important; - margin-right: 25px !important; - } - .m-nv-25\@xl- { - margin: -25px !important; - } - .mT-nv-25\@xl- { - margin-top: -25px !important; - } - .mR-nv-25\@xl- { - margin-right: -25px !important; - } - .mB-nv-25\@xl- { - margin-bottom: -25px !important; - } - .mL-nv-25\@xl- { - margin-left: -25px !important; - } - .mY-nv-25\@xl- { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .mX-nv-25\@xl- { - margin-left: -25px !important; - margin-right: -25px !important; - } - } - @media screen and (max-width: 1199px) { - .m-25\@lg- { - margin: 25px !important; - } - .mT-25\@lg- { - margin-top: 25px !important; - } - .mR-25\@lg- { - margin-right: 25px !important; - } - .mB-25\@lg- { - margin-bottom: 25px !important; - } - .mL-25\@lg- { - margin-left: 25px !important; - } - .mY-25\@lg- { - margin-top: 25px !important; - margin-bottom: 25px !important; - } - .mX-25\@lg- { - margin-left: 25px !important; - margin-right: 25px !important; - } - .m-nv-25\@lg- { - margin: -25px !important; - } - .mT-nv-25\@lg- { - margin-top: -25px !important; - } - .mR-nv-25\@lg- { - margin-right: -25px !important; - } - .mB-nv-25\@lg- { - margin-bottom: -25px !important; - } - .mL-nv-25\@lg- { - margin-left: -25px !important; - } - .mY-nv-25\@lg- { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .mX-nv-25\@lg- { - margin-left: -25px !important; - margin-right: -25px !important; - } - } - @media screen and (max-width: 991px) { - .m-25\@md- { - margin: 25px !important; - } - .mT-25\@md- { - margin-top: 25px !important; - } - .mR-25\@md- { - margin-right: 25px !important; - } - .mB-25\@md- { - margin-bottom: 25px !important; - } - .mL-25\@md- { - margin-left: 25px !important; - } - .mY-25\@md- { - margin-top: 25px !important; - margin-bottom: 25px !important; - } - .mX-25\@md- { - margin-left: 25px !important; - margin-right: 25px !important; - } - .m-nv-25\@md- { - margin: -25px !important; - } - .mT-nv-25\@md- { - margin-top: -25px !important; - } - .mR-nv-25\@md- { - margin-right: -25px !important; - } - .mB-nv-25\@md- { - margin-bottom: -25px !important; - } - .mL-nv-25\@md- { - margin-left: -25px !important; - } - .mY-nv-25\@md- { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .mX-nv-25\@md- { - margin-left: -25px !important; - margin-right: -25px !important; - } - } - @media screen and (max-width: 767px) { - .m-25\@sm- { - margin: 25px !important; - } - .mT-25\@sm- { - margin-top: 25px !important; - } - .mR-25\@sm- { - margin-right: 25px !important; - } - .mB-25\@sm- { - margin-bottom: 25px !important; - } - .mL-25\@sm- { - margin-left: 25px !important; - } - .mY-25\@sm- { - margin-top: 25px !important; - margin-bottom: 25px !important; - } - .mX-25\@sm- { - margin-left: 25px !important; - margin-right: 25px !important; - } - .m-nv-25\@sm- { - margin: -25px !important; - } - .mT-nv-25\@sm- { - margin-top: -25px !important; - } - .mR-nv-25\@sm- { - margin-right: -25px !important; - } - .mB-nv-25\@sm- { - margin-bottom: -25px !important; - } - .mL-nv-25\@sm- { - margin-left: -25px !important; - } - .mY-nv-25\@sm- { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .mX-nv-25\@sm- { - margin-left: -25px !important; - margin-right: -25px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-25\@lg { - margin: 25px !important; - } - .mT-25\@lg { - margin-top: 25px !important; - } - .mR-25\@lg { - margin-right: 25px !important; - } - .mB-25\@lg { - margin-bottom: 25px !important; - } - .mL-25\@lg { - margin-left: 25px !important; - } - .mY-25\@lg { - margin-top: 25px !important; - margin-bottom: 25px !important; - } - .mX-25\@lg { - margin-left: 25px !important; - margin-right: 25px !important; - } - .m-nv-25\@lg { - margin: -25px !important; - } - .mT-nv-25\@lg { - margin-top: -25px !important; - } - .mR-nv-25\@lg { - margin-right: -25px !important; - } - .mB-nv-25\@lg { - margin-bottom: -25px !important; - } - .mL-nv-25\@lg { - margin-left: -25px !important; - } - .mY-nv-25\@lg { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .mX-nv-25\@lg { - margin-left: -25px !important; - margin-right: -25px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-25\@md { - margin: 25px !important; - } - .mT-25\@md { - margin-top: 25px !important; - } - .mR-25\@md { - margin-right: 25px !important; - } - .mB-25\@md { - margin-bottom: 25px !important; - } - .mL-25\@md { - margin-left: 25px !important; - } - .mY-25\@md { - margin-top: 25px !important; - margin-bottom: 25px !important; - } - .mX-25\@md { - margin-left: 25px !important; - margin-right: 25px !important; - } - .m-nv-25\@md { - margin: -25px !important; - } - .mT-nv-25\@md { - margin-top: -25px !important; - } - .mR-nv-25\@md { - margin-right: -25px !important; - } - .mB-nv-25\@md { - margin-bottom: -25px !important; - } - .mL-nv-25\@md { - margin-left: -25px !important; - } - .mY-nv-25\@md { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .mX-nv-25\@md { - margin-left: -25px !important; - margin-right: -25px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-25\@sm { - margin: 25px !important; - } - .mT-25\@sm { - margin-top: 25px !important; - } - .mR-25\@sm { - margin-right: 25px !important; - } - .mB-25\@sm { - margin-bottom: 25px !important; - } - .mL-25\@sm { - margin-left: 25px !important; - } - .mY-25\@sm { - margin-top: 25px !important; - margin-bottom: 25px !important; - } - .mX-25\@sm { - margin-left: 25px !important; - margin-right: 25px !important; - } - .m-nv-25\@sm { - margin: -25px !important; - } - .mT-nv-25\@sm { - margin-top: -25px !important; - } - .mR-nv-25\@sm { - margin-right: -25px !important; - } - .mB-nv-25\@sm { - margin-bottom: -25px !important; - } - .mL-nv-25\@sm { - margin-left: -25px !important; - } - .mY-nv-25\@sm { - margin-top: -25px !important; - margin-bottom: -25px !important; - } - .mX-nv-25\@sm { - margin-left: -25px !important; - margin-right: -25px !important; - } - } - .m-30 { - margin: 30px !important; - } - - .mT-30 { - margin-top: 30px !important; - } - - .mR-30 { - margin-right: 30px !important; - } - - .mB-30 { - margin-bottom: 30px !important; - } - - .mL-30 { - margin-left: 30px !important; - } - - .mY-30 { - margin-top: 30px !important; - margin-bottom: 30px !important; - } - - .mX-30 { - margin-left: 30px !important; - margin-right: 30px !important; - } - - .m-nv-30 { - margin: -30px !important; - } - - .mT-nv-30 { - margin-top: -30px !important; - } - - .mR-nv-30 { - margin-right: -30px !important; - } - - .mB-nv-30 { - margin-bottom: -30px !important; - } - - .mL-nv-30 { - margin-left: -30px !important; - } - - .mY-nv-30 { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - - .mX-nv-30 { - margin-left: -30px !important; - margin-right: -30px !important; - } - - @media screen and (min-width: 1440px) { - .m-30\@xl\+ { - margin: 30px !important; - } - .mT-30\@xl\+ { - margin-top: 30px !important; - } - .mR-30\@xl\+ { - margin-right: 30px !important; - } - .mB-30\@xl\+ { - margin-bottom: 30px !important; - } - .mL-30\@xl\+ { - margin-left: 30px !important; - } - .mY-30\@xl\+ { - margin-top: 30px !important; - margin-bottom: 30px !important; - } - .mX-30\@xl\+ { - margin-left: 30px !important; - margin-right: 30px !important; - } - .m-nv-30\@xl\+ { - margin: -30px !important; - } - .mT-nv-30\@xl\+ { - margin-top: -30px !important; - } - .mR-nv-30\@xl\+ { - margin-right: -30px !important; - } - .mB-nv-30\@xl\+ { - margin-bottom: -30px !important; - } - .mL-nv-30\@xl\+ { - margin-left: -30px !important; - } - .mY-nv-30\@xl\+ { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .mX-nv-30\@xl\+ { - margin-left: -30px !important; - margin-right: -30px !important; - } - } - @media screen and (min-width: 1200px) { - .m-30\@lg\+ { - margin: 30px !important; - } - .mT-30\@lg\+ { - margin-top: 30px !important; - } - .mR-30\@lg\+ { - margin-right: 30px !important; - } - .mB-30\@lg\+ { - margin-bottom: 30px !important; - } - .mL-30\@lg\+ { - margin-left: 30px !important; - } - .mY-30\@lg\+ { - margin-top: 30px !important; - margin-bottom: 30px !important; - } - .mX-30\@lg\+ { - margin-left: 30px !important; - margin-right: 30px !important; - } - .m-nv-30\@lg\+ { - margin: -30px !important; - } - .mT-nv-30\@lg\+ { - margin-top: -30px !important; - } - .mR-nv-30\@lg\+ { - margin-right: -30px !important; - } - .mB-nv-30\@lg\+ { - margin-bottom: -30px !important; - } - .mL-nv-30\@lg\+ { - margin-left: -30px !important; - } - .mY-nv-30\@lg\+ { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .mX-nv-30\@lg\+ { - margin-left: -30px !important; - margin-right: -30px !important; - } - } - @media screen and (min-width: 992px) { - .m-30\@md\+ { - margin: 30px !important; - } - .mT-30\@md\+ { - margin-top: 30px !important; - } - .mR-30\@md\+ { - margin-right: 30px !important; - } - .mB-30\@md\+ { - margin-bottom: 30px !important; - } - .mL-30\@md\+ { - margin-left: 30px !important; - } - .mY-30\@md\+ { - margin-top: 30px !important; - margin-bottom: 30px !important; - } - .mX-30\@md\+ { - margin-left: 30px !important; - margin-right: 30px !important; - } - .m-nv-30\@md\+ { - margin: -30px !important; - } - .mT-nv-30\@md\+ { - margin-top: -30px !important; - } - .mR-nv-30\@md\+ { - margin-right: -30px !important; - } - .mB-nv-30\@md\+ { - margin-bottom: -30px !important; - } - .mL-nv-30\@md\+ { - margin-left: -30px !important; - } - .mY-nv-30\@md\+ { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .mX-nv-30\@md\+ { - margin-left: -30px !important; - margin-right: -30px !important; - } - } - @media screen and (min-width: 768px) { - .m-30\@sm\+ { - margin: 30px !important; - } - .mT-30\@sm\+ { - margin-top: 30px !important; - } - .mR-30\@sm\+ { - margin-right: 30px !important; - } - .mB-30\@sm\+ { - margin-bottom: 30px !important; - } - .mL-30\@sm\+ { - margin-left: 30px !important; - } - .mY-30\@sm\+ { - margin-top: 30px !important; - margin-bottom: 30px !important; - } - .mX-30\@sm\+ { - margin-left: 30px !important; - margin-right: 30px !important; - } - .m-nv-30\@sm\+ { - margin: -30px !important; - } - .mT-nv-30\@sm\+ { - margin-top: -30px !important; - } - .mR-nv-30\@sm\+ { - margin-right: -30px !important; - } - .mB-nv-30\@sm\+ { - margin-bottom: -30px !important; - } - .mL-nv-30\@sm\+ { - margin-left: -30px !important; - } - .mY-nv-30\@sm\+ { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .mX-nv-30\@sm\+ { - margin-left: -30px !important; - margin-right: -30px !important; - } - } - @media screen and (min-width: 0) { - .m-30\@xs\+ { - margin: 30px !important; - } - .mT-30\@xs\+ { - margin-top: 30px !important; - } - .mR-30\@xs\+ { - margin-right: 30px !important; - } - .mB-30\@xs\+ { - margin-bottom: 30px !important; - } - .mL-30\@xs\+ { - margin-left: 30px !important; - } - .mY-30\@xs\+ { - margin-top: 30px !important; - margin-bottom: 30px !important; - } - .mX-30\@xs\+ { - margin-left: 30px !important; - margin-right: 30px !important; - } - .m-nv-30\@xs\+ { - margin: -30px !important; - } - .mT-nv-30\@xs\+ { - margin-top: -30px !important; - } - .mR-nv-30\@xs\+ { - margin-right: -30px !important; - } - .mB-nv-30\@xs\+ { - margin-bottom: -30px !important; - } - .mL-nv-30\@xs\+ { - margin-left: -30px !important; - } - .mY-nv-30\@xs\+ { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .mX-nv-30\@xs\+ { - margin-left: -30px !important; - margin-right: -30px !important; - } - } - @media screen and (max-width: 1439px) { - .m-30\@xl- { - margin: 30px !important; - } - .mT-30\@xl- { - margin-top: 30px !important; - } - .mR-30\@xl- { - margin-right: 30px !important; - } - .mB-30\@xl- { - margin-bottom: 30px !important; - } - .mL-30\@xl- { - margin-left: 30px !important; - } - .mY-30\@xl- { - margin-top: 30px !important; - margin-bottom: 30px !important; - } - .mX-30\@xl- { - margin-left: 30px !important; - margin-right: 30px !important; - } - .m-nv-30\@xl- { - margin: -30px !important; - } - .mT-nv-30\@xl- { - margin-top: -30px !important; - } - .mR-nv-30\@xl- { - margin-right: -30px !important; - } - .mB-nv-30\@xl- { - margin-bottom: -30px !important; - } - .mL-nv-30\@xl- { - margin-left: -30px !important; - } - .mY-nv-30\@xl- { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .mX-nv-30\@xl- { - margin-left: -30px !important; - margin-right: -30px !important; - } - } - @media screen and (max-width: 1199px) { - .m-30\@lg- { - margin: 30px !important; - } - .mT-30\@lg- { - margin-top: 30px !important; - } - .mR-30\@lg- { - margin-right: 30px !important; - } - .mB-30\@lg- { - margin-bottom: 30px !important; - } - .mL-30\@lg- { - margin-left: 30px !important; - } - .mY-30\@lg- { - margin-top: 30px !important; - margin-bottom: 30px !important; - } - .mX-30\@lg- { - margin-left: 30px !important; - margin-right: 30px !important; - } - .m-nv-30\@lg- { - margin: -30px !important; - } - .mT-nv-30\@lg- { - margin-top: -30px !important; - } - .mR-nv-30\@lg- { - margin-right: -30px !important; - } - .mB-nv-30\@lg- { - margin-bottom: -30px !important; - } - .mL-nv-30\@lg- { - margin-left: -30px !important; - } - .mY-nv-30\@lg- { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .mX-nv-30\@lg- { - margin-left: -30px !important; - margin-right: -30px !important; - } - } - @media screen and (max-width: 991px) { - .m-30\@md- { - margin: 30px !important; - } - .mT-30\@md- { - margin-top: 30px !important; - } - .mR-30\@md- { - margin-right: 30px !important; - } - .mB-30\@md- { - margin-bottom: 30px !important; - } - .mL-30\@md- { - margin-left: 30px !important; - } - .mY-30\@md- { - margin-top: 30px !important; - margin-bottom: 30px !important; - } - .mX-30\@md- { - margin-left: 30px !important; - margin-right: 30px !important; - } - .m-nv-30\@md- { - margin: -30px !important; - } - .mT-nv-30\@md- { - margin-top: -30px !important; - } - .mR-nv-30\@md- { - margin-right: -30px !important; - } - .mB-nv-30\@md- { - margin-bottom: -30px !important; - } - .mL-nv-30\@md- { - margin-left: -30px !important; - } - .mY-nv-30\@md- { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .mX-nv-30\@md- { - margin-left: -30px !important; - margin-right: -30px !important; - } - } - @media screen and (max-width: 767px) { - .m-30\@sm- { - margin: 30px !important; - } - .mT-30\@sm- { - margin-top: 30px !important; - } - .mR-30\@sm- { - margin-right: 30px !important; - } - .mB-30\@sm- { - margin-bottom: 30px !important; - } - .mL-30\@sm- { - margin-left: 30px !important; - } - .mY-30\@sm- { - margin-top: 30px !important; - margin-bottom: 30px !important; - } - .mX-30\@sm- { - margin-left: 30px !important; - margin-right: 30px !important; - } - .m-nv-30\@sm- { - margin: -30px !important; - } - .mT-nv-30\@sm- { - margin-top: -30px !important; - } - .mR-nv-30\@sm- { - margin-right: -30px !important; - } - .mB-nv-30\@sm- { - margin-bottom: -30px !important; - } - .mL-nv-30\@sm- { - margin-left: -30px !important; - } - .mY-nv-30\@sm- { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .mX-nv-30\@sm- { - margin-left: -30px !important; - margin-right: -30px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-30\@lg { - margin: 30px !important; - } - .mT-30\@lg { - margin-top: 30px !important; - } - .mR-30\@lg { - margin-right: 30px !important; - } - .mB-30\@lg { - margin-bottom: 30px !important; - } - .mL-30\@lg { - margin-left: 30px !important; - } - .mY-30\@lg { - margin-top: 30px !important; - margin-bottom: 30px !important; - } - .mX-30\@lg { - margin-left: 30px !important; - margin-right: 30px !important; - } - .m-nv-30\@lg { - margin: -30px !important; - } - .mT-nv-30\@lg { - margin-top: -30px !important; - } - .mR-nv-30\@lg { - margin-right: -30px !important; - } - .mB-nv-30\@lg { - margin-bottom: -30px !important; - } - .mL-nv-30\@lg { - margin-left: -30px !important; - } - .mY-nv-30\@lg { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .mX-nv-30\@lg { - margin-left: -30px !important; - margin-right: -30px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-30\@md { - margin: 30px !important; - } - .mT-30\@md { - margin-top: 30px !important; - } - .mR-30\@md { - margin-right: 30px !important; - } - .mB-30\@md { - margin-bottom: 30px !important; - } - .mL-30\@md { - margin-left: 30px !important; - } - .mY-30\@md { - margin-top: 30px !important; - margin-bottom: 30px !important; - } - .mX-30\@md { - margin-left: 30px !important; - margin-right: 30px !important; - } - .m-nv-30\@md { - margin: -30px !important; - } - .mT-nv-30\@md { - margin-top: -30px !important; - } - .mR-nv-30\@md { - margin-right: -30px !important; - } - .mB-nv-30\@md { - margin-bottom: -30px !important; - } - .mL-nv-30\@md { - margin-left: -30px !important; - } - .mY-nv-30\@md { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .mX-nv-30\@md { - margin-left: -30px !important; - margin-right: -30px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-30\@sm { - margin: 30px !important; - } - .mT-30\@sm { - margin-top: 30px !important; - } - .mR-30\@sm { - margin-right: 30px !important; - } - .mB-30\@sm { - margin-bottom: 30px !important; - } - .mL-30\@sm { - margin-left: 30px !important; - } - .mY-30\@sm { - margin-top: 30px !important; - margin-bottom: 30px !important; - } - .mX-30\@sm { - margin-left: 30px !important; - margin-right: 30px !important; - } - .m-nv-30\@sm { - margin: -30px !important; - } - .mT-nv-30\@sm { - margin-top: -30px !important; - } - .mR-nv-30\@sm { - margin-right: -30px !important; - } - .mB-nv-30\@sm { - margin-bottom: -30px !important; - } - .mL-nv-30\@sm { - margin-left: -30px !important; - } - .mY-nv-30\@sm { - margin-top: -30px !important; - margin-bottom: -30px !important; - } - .mX-nv-30\@sm { - margin-left: -30px !important; - margin-right: -30px !important; - } - } - .m-35 { - margin: 35px !important; - } - - .mT-35 { - margin-top: 35px !important; - } - - .mR-35 { - margin-right: 35px !important; - } - - .mB-35 { - margin-bottom: 35px !important; - } - - .mL-35 { - margin-left: 35px !important; - } - - .mY-35 { - margin-top: 35px !important; - margin-bottom: 35px !important; - } - - .mX-35 { - margin-left: 35px !important; - margin-right: 35px !important; - } - - .m-nv-35 { - margin: -35px !important; - } - - .mT-nv-35 { - margin-top: -35px !important; - } - - .mR-nv-35 { - margin-right: -35px !important; - } - - .mB-nv-35 { - margin-bottom: -35px !important; - } - - .mL-nv-35 { - margin-left: -35px !important; - } - - .mY-nv-35 { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - - .mX-nv-35 { - margin-left: -35px !important; - margin-right: -35px !important; - } - - @media screen and (min-width: 1440px) { - .m-35\@xl\+ { - margin: 35px !important; - } - .mT-35\@xl\+ { - margin-top: 35px !important; - } - .mR-35\@xl\+ { - margin-right: 35px !important; - } - .mB-35\@xl\+ { - margin-bottom: 35px !important; - } - .mL-35\@xl\+ { - margin-left: 35px !important; - } - .mY-35\@xl\+ { - margin-top: 35px !important; - margin-bottom: 35px !important; - } - .mX-35\@xl\+ { - margin-left: 35px !important; - margin-right: 35px !important; - } - .m-nv-35\@xl\+ { - margin: -35px !important; - } - .mT-nv-35\@xl\+ { - margin-top: -35px !important; - } - .mR-nv-35\@xl\+ { - margin-right: -35px !important; - } - .mB-nv-35\@xl\+ { - margin-bottom: -35px !important; - } - .mL-nv-35\@xl\+ { - margin-left: -35px !important; - } - .mY-nv-35\@xl\+ { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .mX-nv-35\@xl\+ { - margin-left: -35px !important; - margin-right: -35px !important; - } - } - @media screen and (min-width: 1200px) { - .m-35\@lg\+ { - margin: 35px !important; - } - .mT-35\@lg\+ { - margin-top: 35px !important; - } - .mR-35\@lg\+ { - margin-right: 35px !important; - } - .mB-35\@lg\+ { - margin-bottom: 35px !important; - } - .mL-35\@lg\+ { - margin-left: 35px !important; - } - .mY-35\@lg\+ { - margin-top: 35px !important; - margin-bottom: 35px !important; - } - .mX-35\@lg\+ { - margin-left: 35px !important; - margin-right: 35px !important; - } - .m-nv-35\@lg\+ { - margin: -35px !important; - } - .mT-nv-35\@lg\+ { - margin-top: -35px !important; - } - .mR-nv-35\@lg\+ { - margin-right: -35px !important; - } - .mB-nv-35\@lg\+ { - margin-bottom: -35px !important; - } - .mL-nv-35\@lg\+ { - margin-left: -35px !important; - } - .mY-nv-35\@lg\+ { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .mX-nv-35\@lg\+ { - margin-left: -35px !important; - margin-right: -35px !important; - } - } - @media screen and (min-width: 992px) { - .m-35\@md\+ { - margin: 35px !important; - } - .mT-35\@md\+ { - margin-top: 35px !important; - } - .mR-35\@md\+ { - margin-right: 35px !important; - } - .mB-35\@md\+ { - margin-bottom: 35px !important; - } - .mL-35\@md\+ { - margin-left: 35px !important; - } - .mY-35\@md\+ { - margin-top: 35px !important; - margin-bottom: 35px !important; - } - .mX-35\@md\+ { - margin-left: 35px !important; - margin-right: 35px !important; - } - .m-nv-35\@md\+ { - margin: -35px !important; - } - .mT-nv-35\@md\+ { - margin-top: -35px !important; - } - .mR-nv-35\@md\+ { - margin-right: -35px !important; - } - .mB-nv-35\@md\+ { - margin-bottom: -35px !important; - } - .mL-nv-35\@md\+ { - margin-left: -35px !important; - } - .mY-nv-35\@md\+ { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .mX-nv-35\@md\+ { - margin-left: -35px !important; - margin-right: -35px !important; - } - } - @media screen and (min-width: 768px) { - .m-35\@sm\+ { - margin: 35px !important; - } - .mT-35\@sm\+ { - margin-top: 35px !important; - } - .mR-35\@sm\+ { - margin-right: 35px !important; - } - .mB-35\@sm\+ { - margin-bottom: 35px !important; - } - .mL-35\@sm\+ { - margin-left: 35px !important; - } - .mY-35\@sm\+ { - margin-top: 35px !important; - margin-bottom: 35px !important; - } - .mX-35\@sm\+ { - margin-left: 35px !important; - margin-right: 35px !important; - } - .m-nv-35\@sm\+ { - margin: -35px !important; - } - .mT-nv-35\@sm\+ { - margin-top: -35px !important; - } - .mR-nv-35\@sm\+ { - margin-right: -35px !important; - } - .mB-nv-35\@sm\+ { - margin-bottom: -35px !important; - } - .mL-nv-35\@sm\+ { - margin-left: -35px !important; - } - .mY-nv-35\@sm\+ { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .mX-nv-35\@sm\+ { - margin-left: -35px !important; - margin-right: -35px !important; - } - } - @media screen and (min-width: 0) { - .m-35\@xs\+ { - margin: 35px !important; - } - .mT-35\@xs\+ { - margin-top: 35px !important; - } - .mR-35\@xs\+ { - margin-right: 35px !important; - } - .mB-35\@xs\+ { - margin-bottom: 35px !important; - } - .mL-35\@xs\+ { - margin-left: 35px !important; - } - .mY-35\@xs\+ { - margin-top: 35px !important; - margin-bottom: 35px !important; - } - .mX-35\@xs\+ { - margin-left: 35px !important; - margin-right: 35px !important; - } - .m-nv-35\@xs\+ { - margin: -35px !important; - } - .mT-nv-35\@xs\+ { - margin-top: -35px !important; - } - .mR-nv-35\@xs\+ { - margin-right: -35px !important; - } - .mB-nv-35\@xs\+ { - margin-bottom: -35px !important; - } - .mL-nv-35\@xs\+ { - margin-left: -35px !important; - } - .mY-nv-35\@xs\+ { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .mX-nv-35\@xs\+ { - margin-left: -35px !important; - margin-right: -35px !important; - } - } - @media screen and (max-width: 1439px) { - .m-35\@xl- { - margin: 35px !important; - } - .mT-35\@xl- { - margin-top: 35px !important; - } - .mR-35\@xl- { - margin-right: 35px !important; - } - .mB-35\@xl- { - margin-bottom: 35px !important; - } - .mL-35\@xl- { - margin-left: 35px !important; - } - .mY-35\@xl- { - margin-top: 35px !important; - margin-bottom: 35px !important; - } - .mX-35\@xl- { - margin-left: 35px !important; - margin-right: 35px !important; - } - .m-nv-35\@xl- { - margin: -35px !important; - } - .mT-nv-35\@xl- { - margin-top: -35px !important; - } - .mR-nv-35\@xl- { - margin-right: -35px !important; - } - .mB-nv-35\@xl- { - margin-bottom: -35px !important; - } - .mL-nv-35\@xl- { - margin-left: -35px !important; - } - .mY-nv-35\@xl- { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .mX-nv-35\@xl- { - margin-left: -35px !important; - margin-right: -35px !important; - } - } - @media screen and (max-width: 1199px) { - .m-35\@lg- { - margin: 35px !important; - } - .mT-35\@lg- { - margin-top: 35px !important; - } - .mR-35\@lg- { - margin-right: 35px !important; - } - .mB-35\@lg- { - margin-bottom: 35px !important; - } - .mL-35\@lg- { - margin-left: 35px !important; - } - .mY-35\@lg- { - margin-top: 35px !important; - margin-bottom: 35px !important; - } - .mX-35\@lg- { - margin-left: 35px !important; - margin-right: 35px !important; - } - .m-nv-35\@lg- { - margin: -35px !important; - } - .mT-nv-35\@lg- { - margin-top: -35px !important; - } - .mR-nv-35\@lg- { - margin-right: -35px !important; - } - .mB-nv-35\@lg- { - margin-bottom: -35px !important; - } - .mL-nv-35\@lg- { - margin-left: -35px !important; - } - .mY-nv-35\@lg- { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .mX-nv-35\@lg- { - margin-left: -35px !important; - margin-right: -35px !important; - } - } - @media screen and (max-width: 991px) { - .m-35\@md- { - margin: 35px !important; - } - .mT-35\@md- { - margin-top: 35px !important; - } - .mR-35\@md- { - margin-right: 35px !important; - } - .mB-35\@md- { - margin-bottom: 35px !important; - } - .mL-35\@md- { - margin-left: 35px !important; - } - .mY-35\@md- { - margin-top: 35px !important; - margin-bottom: 35px !important; - } - .mX-35\@md- { - margin-left: 35px !important; - margin-right: 35px !important; - } - .m-nv-35\@md- { - margin: -35px !important; - } - .mT-nv-35\@md- { - margin-top: -35px !important; - } - .mR-nv-35\@md- { - margin-right: -35px !important; - } - .mB-nv-35\@md- { - margin-bottom: -35px !important; - } - .mL-nv-35\@md- { - margin-left: -35px !important; - } - .mY-nv-35\@md- { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .mX-nv-35\@md- { - margin-left: -35px !important; - margin-right: -35px !important; - } - } - @media screen and (max-width: 767px) { - .m-35\@sm- { - margin: 35px !important; - } - .mT-35\@sm- { - margin-top: 35px !important; - } - .mR-35\@sm- { - margin-right: 35px !important; - } - .mB-35\@sm- { - margin-bottom: 35px !important; - } - .mL-35\@sm- { - margin-left: 35px !important; - } - .mY-35\@sm- { - margin-top: 35px !important; - margin-bottom: 35px !important; - } - .mX-35\@sm- { - margin-left: 35px !important; - margin-right: 35px !important; - } - .m-nv-35\@sm- { - margin: -35px !important; - } - .mT-nv-35\@sm- { - margin-top: -35px !important; - } - .mR-nv-35\@sm- { - margin-right: -35px !important; - } - .mB-nv-35\@sm- { - margin-bottom: -35px !important; - } - .mL-nv-35\@sm- { - margin-left: -35px !important; - } - .mY-nv-35\@sm- { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .mX-nv-35\@sm- { - margin-left: -35px !important; - margin-right: -35px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-35\@lg { - margin: 35px !important; - } - .mT-35\@lg { - margin-top: 35px !important; - } - .mR-35\@lg { - margin-right: 35px !important; - } - .mB-35\@lg { - margin-bottom: 35px !important; - } - .mL-35\@lg { - margin-left: 35px !important; - } - .mY-35\@lg { - margin-top: 35px !important; - margin-bottom: 35px !important; - } - .mX-35\@lg { - margin-left: 35px !important; - margin-right: 35px !important; - } - .m-nv-35\@lg { - margin: -35px !important; - } - .mT-nv-35\@lg { - margin-top: -35px !important; - } - .mR-nv-35\@lg { - margin-right: -35px !important; - } - .mB-nv-35\@lg { - margin-bottom: -35px !important; - } - .mL-nv-35\@lg { - margin-left: -35px !important; - } - .mY-nv-35\@lg { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .mX-nv-35\@lg { - margin-left: -35px !important; - margin-right: -35px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-35\@md { - margin: 35px !important; - } - .mT-35\@md { - margin-top: 35px !important; - } - .mR-35\@md { - margin-right: 35px !important; - } - .mB-35\@md { - margin-bottom: 35px !important; - } - .mL-35\@md { - margin-left: 35px !important; - } - .mY-35\@md { - margin-top: 35px !important; - margin-bottom: 35px !important; - } - .mX-35\@md { - margin-left: 35px !important; - margin-right: 35px !important; - } - .m-nv-35\@md { - margin: -35px !important; - } - .mT-nv-35\@md { - margin-top: -35px !important; - } - .mR-nv-35\@md { - margin-right: -35px !important; - } - .mB-nv-35\@md { - margin-bottom: -35px !important; - } - .mL-nv-35\@md { - margin-left: -35px !important; - } - .mY-nv-35\@md { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .mX-nv-35\@md { - margin-left: -35px !important; - margin-right: -35px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-35\@sm { - margin: 35px !important; - } - .mT-35\@sm { - margin-top: 35px !important; - } - .mR-35\@sm { - margin-right: 35px !important; - } - .mB-35\@sm { - margin-bottom: 35px !important; - } - .mL-35\@sm { - margin-left: 35px !important; - } - .mY-35\@sm { - margin-top: 35px !important; - margin-bottom: 35px !important; - } - .mX-35\@sm { - margin-left: 35px !important; - margin-right: 35px !important; - } - .m-nv-35\@sm { - margin: -35px !important; - } - .mT-nv-35\@sm { - margin-top: -35px !important; - } - .mR-nv-35\@sm { - margin-right: -35px !important; - } - .mB-nv-35\@sm { - margin-bottom: -35px !important; - } - .mL-nv-35\@sm { - margin-left: -35px !important; - } - .mY-nv-35\@sm { - margin-top: -35px !important; - margin-bottom: -35px !important; - } - .mX-nv-35\@sm { - margin-left: -35px !important; - margin-right: -35px !important; - } - } - .m-40 { - margin: 40px !important; - } - - .mT-40 { - margin-top: 40px !important; - } - - .mR-40 { - margin-right: 40px !important; - } - - .mB-40 { - margin-bottom: 40px !important; - } - - .mL-40 { - margin-left: 40px !important; - } - - .mY-40 { - margin-top: 40px !important; - margin-bottom: 40px !important; - } - - .mX-40 { - margin-left: 40px !important; - margin-right: 40px !important; - } - - .m-nv-40 { - margin: -40px !important; - } - - .mT-nv-40 { - margin-top: -40px !important; - } - - .mR-nv-40 { - margin-right: -40px !important; - } - - .mB-nv-40 { - margin-bottom: -40px !important; - } - - .mL-nv-40 { - margin-left: -40px !important; - } - - .mY-nv-40 { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - - .mX-nv-40 { - margin-left: -40px !important; - margin-right: -40px !important; - } - - @media screen and (min-width: 1440px) { - .m-40\@xl\+ { - margin: 40px !important; - } - .mT-40\@xl\+ { - margin-top: 40px !important; - } - .mR-40\@xl\+ { - margin-right: 40px !important; - } - .mB-40\@xl\+ { - margin-bottom: 40px !important; - } - .mL-40\@xl\+ { - margin-left: 40px !important; - } - .mY-40\@xl\+ { - margin-top: 40px !important; - margin-bottom: 40px !important; - } - .mX-40\@xl\+ { - margin-left: 40px !important; - margin-right: 40px !important; - } - .m-nv-40\@xl\+ { - margin: -40px !important; - } - .mT-nv-40\@xl\+ { - margin-top: -40px !important; - } - .mR-nv-40\@xl\+ { - margin-right: -40px !important; - } - .mB-nv-40\@xl\+ { - margin-bottom: -40px !important; - } - .mL-nv-40\@xl\+ { - margin-left: -40px !important; - } - .mY-nv-40\@xl\+ { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .mX-nv-40\@xl\+ { - margin-left: -40px !important; - margin-right: -40px !important; - } - } - @media screen and (min-width: 1200px) { - .m-40\@lg\+ { - margin: 40px !important; - } - .mT-40\@lg\+ { - margin-top: 40px !important; - } - .mR-40\@lg\+ { - margin-right: 40px !important; - } - .mB-40\@lg\+ { - margin-bottom: 40px !important; - } - .mL-40\@lg\+ { - margin-left: 40px !important; - } - .mY-40\@lg\+ { - margin-top: 40px !important; - margin-bottom: 40px !important; - } - .mX-40\@lg\+ { - margin-left: 40px !important; - margin-right: 40px !important; - } - .m-nv-40\@lg\+ { - margin: -40px !important; - } - .mT-nv-40\@lg\+ { - margin-top: -40px !important; - } - .mR-nv-40\@lg\+ { - margin-right: -40px !important; - } - .mB-nv-40\@lg\+ { - margin-bottom: -40px !important; - } - .mL-nv-40\@lg\+ { - margin-left: -40px !important; - } - .mY-nv-40\@lg\+ { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .mX-nv-40\@lg\+ { - margin-left: -40px !important; - margin-right: -40px !important; - } - } - @media screen and (min-width: 992px) { - .m-40\@md\+ { - margin: 40px !important; - } - .mT-40\@md\+ { - margin-top: 40px !important; - } - .mR-40\@md\+ { - margin-right: 40px !important; - } - .mB-40\@md\+ { - margin-bottom: 40px !important; - } - .mL-40\@md\+ { - margin-left: 40px !important; - } - .mY-40\@md\+ { - margin-top: 40px !important; - margin-bottom: 40px !important; - } - .mX-40\@md\+ { - margin-left: 40px !important; - margin-right: 40px !important; - } - .m-nv-40\@md\+ { - margin: -40px !important; - } - .mT-nv-40\@md\+ { - margin-top: -40px !important; - } - .mR-nv-40\@md\+ { - margin-right: -40px !important; - } - .mB-nv-40\@md\+ { - margin-bottom: -40px !important; - } - .mL-nv-40\@md\+ { - margin-left: -40px !important; - } - .mY-nv-40\@md\+ { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .mX-nv-40\@md\+ { - margin-left: -40px !important; - margin-right: -40px !important; - } - } - @media screen and (min-width: 768px) { - .m-40\@sm\+ { - margin: 40px !important; - } - .mT-40\@sm\+ { - margin-top: 40px !important; - } - .mR-40\@sm\+ { - margin-right: 40px !important; - } - .mB-40\@sm\+ { - margin-bottom: 40px !important; - } - .mL-40\@sm\+ { - margin-left: 40px !important; - } - .mY-40\@sm\+ { - margin-top: 40px !important; - margin-bottom: 40px !important; - } - .mX-40\@sm\+ { - margin-left: 40px !important; - margin-right: 40px !important; - } - .m-nv-40\@sm\+ { - margin: -40px !important; - } - .mT-nv-40\@sm\+ { - margin-top: -40px !important; - } - .mR-nv-40\@sm\+ { - margin-right: -40px !important; - } - .mB-nv-40\@sm\+ { - margin-bottom: -40px !important; - } - .mL-nv-40\@sm\+ { - margin-left: -40px !important; - } - .mY-nv-40\@sm\+ { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .mX-nv-40\@sm\+ { - margin-left: -40px !important; - margin-right: -40px !important; - } - } - @media screen and (min-width: 0) { - .m-40\@xs\+ { - margin: 40px !important; - } - .mT-40\@xs\+ { - margin-top: 40px !important; - } - .mR-40\@xs\+ { - margin-right: 40px !important; - } - .mB-40\@xs\+ { - margin-bottom: 40px !important; - } - .mL-40\@xs\+ { - margin-left: 40px !important; - } - .mY-40\@xs\+ { - margin-top: 40px !important; - margin-bottom: 40px !important; - } - .mX-40\@xs\+ { - margin-left: 40px !important; - margin-right: 40px !important; - } - .m-nv-40\@xs\+ { - margin: -40px !important; - } - .mT-nv-40\@xs\+ { - margin-top: -40px !important; - } - .mR-nv-40\@xs\+ { - margin-right: -40px !important; - } - .mB-nv-40\@xs\+ { - margin-bottom: -40px !important; - } - .mL-nv-40\@xs\+ { - margin-left: -40px !important; - } - .mY-nv-40\@xs\+ { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .mX-nv-40\@xs\+ { - margin-left: -40px !important; - margin-right: -40px !important; - } - } - @media screen and (max-width: 1439px) { - .m-40\@xl- { - margin: 40px !important; - } - .mT-40\@xl- { - margin-top: 40px !important; - } - .mR-40\@xl- { - margin-right: 40px !important; - } - .mB-40\@xl- { - margin-bottom: 40px !important; - } - .mL-40\@xl- { - margin-left: 40px !important; - } - .mY-40\@xl- { - margin-top: 40px !important; - margin-bottom: 40px !important; - } - .mX-40\@xl- { - margin-left: 40px !important; - margin-right: 40px !important; - } - .m-nv-40\@xl- { - margin: -40px !important; - } - .mT-nv-40\@xl- { - margin-top: -40px !important; - } - .mR-nv-40\@xl- { - margin-right: -40px !important; - } - .mB-nv-40\@xl- { - margin-bottom: -40px !important; - } - .mL-nv-40\@xl- { - margin-left: -40px !important; - } - .mY-nv-40\@xl- { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .mX-nv-40\@xl- { - margin-left: -40px !important; - margin-right: -40px !important; - } - } - @media screen and (max-width: 1199px) { - .m-40\@lg- { - margin: 40px !important; - } - .mT-40\@lg- { - margin-top: 40px !important; - } - .mR-40\@lg- { - margin-right: 40px !important; - } - .mB-40\@lg- { - margin-bottom: 40px !important; - } - .mL-40\@lg- { - margin-left: 40px !important; - } - .mY-40\@lg- { - margin-top: 40px !important; - margin-bottom: 40px !important; - } - .mX-40\@lg- { - margin-left: 40px !important; - margin-right: 40px !important; - } - .m-nv-40\@lg- { - margin: -40px !important; - } - .mT-nv-40\@lg- { - margin-top: -40px !important; - } - .mR-nv-40\@lg- { - margin-right: -40px !important; - } - .mB-nv-40\@lg- { - margin-bottom: -40px !important; - } - .mL-nv-40\@lg- { - margin-left: -40px !important; - } - .mY-nv-40\@lg- { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .mX-nv-40\@lg- { - margin-left: -40px !important; - margin-right: -40px !important; - } - } - @media screen and (max-width: 991px) { - .m-40\@md- { - margin: 40px !important; - } - .mT-40\@md- { - margin-top: 40px !important; - } - .mR-40\@md- { - margin-right: 40px !important; - } - .mB-40\@md- { - margin-bottom: 40px !important; - } - .mL-40\@md- { - margin-left: 40px !important; - } - .mY-40\@md- { - margin-top: 40px !important; - margin-bottom: 40px !important; - } - .mX-40\@md- { - margin-left: 40px !important; - margin-right: 40px !important; - } - .m-nv-40\@md- { - margin: -40px !important; - } - .mT-nv-40\@md- { - margin-top: -40px !important; - } - .mR-nv-40\@md- { - margin-right: -40px !important; - } - .mB-nv-40\@md- { - margin-bottom: -40px !important; - } - .mL-nv-40\@md- { - margin-left: -40px !important; - } - .mY-nv-40\@md- { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .mX-nv-40\@md- { - margin-left: -40px !important; - margin-right: -40px !important; - } - } - @media screen and (max-width: 767px) { - .m-40\@sm- { - margin: 40px !important; - } - .mT-40\@sm- { - margin-top: 40px !important; - } - .mR-40\@sm- { - margin-right: 40px !important; - } - .mB-40\@sm- { - margin-bottom: 40px !important; - } - .mL-40\@sm- { - margin-left: 40px !important; - } - .mY-40\@sm- { - margin-top: 40px !important; - margin-bottom: 40px !important; - } - .mX-40\@sm- { - margin-left: 40px !important; - margin-right: 40px !important; - } - .m-nv-40\@sm- { - margin: -40px !important; - } - .mT-nv-40\@sm- { - margin-top: -40px !important; - } - .mR-nv-40\@sm- { - margin-right: -40px !important; - } - .mB-nv-40\@sm- { - margin-bottom: -40px !important; - } - .mL-nv-40\@sm- { - margin-left: -40px !important; - } - .mY-nv-40\@sm- { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .mX-nv-40\@sm- { - margin-left: -40px !important; - margin-right: -40px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-40\@lg { - margin: 40px !important; - } - .mT-40\@lg { - margin-top: 40px !important; - } - .mR-40\@lg { - margin-right: 40px !important; - } - .mB-40\@lg { - margin-bottom: 40px !important; - } - .mL-40\@lg { - margin-left: 40px !important; - } - .mY-40\@lg { - margin-top: 40px !important; - margin-bottom: 40px !important; - } - .mX-40\@lg { - margin-left: 40px !important; - margin-right: 40px !important; - } - .m-nv-40\@lg { - margin: -40px !important; - } - .mT-nv-40\@lg { - margin-top: -40px !important; - } - .mR-nv-40\@lg { - margin-right: -40px !important; - } - .mB-nv-40\@lg { - margin-bottom: -40px !important; - } - .mL-nv-40\@lg { - margin-left: -40px !important; - } - .mY-nv-40\@lg { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .mX-nv-40\@lg { - margin-left: -40px !important; - margin-right: -40px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-40\@md { - margin: 40px !important; - } - .mT-40\@md { - margin-top: 40px !important; - } - .mR-40\@md { - margin-right: 40px !important; - } - .mB-40\@md { - margin-bottom: 40px !important; - } - .mL-40\@md { - margin-left: 40px !important; - } - .mY-40\@md { - margin-top: 40px !important; - margin-bottom: 40px !important; - } - .mX-40\@md { - margin-left: 40px !important; - margin-right: 40px !important; - } - .m-nv-40\@md { - margin: -40px !important; - } - .mT-nv-40\@md { - margin-top: -40px !important; - } - .mR-nv-40\@md { - margin-right: -40px !important; - } - .mB-nv-40\@md { - margin-bottom: -40px !important; - } - .mL-nv-40\@md { - margin-left: -40px !important; - } - .mY-nv-40\@md { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .mX-nv-40\@md { - margin-left: -40px !important; - margin-right: -40px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-40\@sm { - margin: 40px !important; - } - .mT-40\@sm { - margin-top: 40px !important; - } - .mR-40\@sm { - margin-right: 40px !important; - } - .mB-40\@sm { - margin-bottom: 40px !important; - } - .mL-40\@sm { - margin-left: 40px !important; - } - .mY-40\@sm { - margin-top: 40px !important; - margin-bottom: 40px !important; - } - .mX-40\@sm { - margin-left: 40px !important; - margin-right: 40px !important; - } - .m-nv-40\@sm { - margin: -40px !important; - } - .mT-nv-40\@sm { - margin-top: -40px !important; - } - .mR-nv-40\@sm { - margin-right: -40px !important; - } - .mB-nv-40\@sm { - margin-bottom: -40px !important; - } - .mL-nv-40\@sm { - margin-left: -40px !important; - } - .mY-nv-40\@sm { - margin-top: -40px !important; - margin-bottom: -40px !important; - } - .mX-nv-40\@sm { - margin-left: -40px !important; - margin-right: -40px !important; - } - } - .m-50 { - margin: 50px !important; - } - - .mT-50 { - margin-top: 50px !important; - } - - .mR-50 { - margin-right: 50px !important; - } - - .mB-50 { - margin-bottom: 50px !important; - } - - .mL-50 { - margin-left: 50px !important; - } - - .mY-50 { - margin-top: 50px !important; - margin-bottom: 50px !important; - } - - .mX-50 { - margin-left: 50px !important; - margin-right: 50px !important; - } - - .m-nv-50 { - margin: -50px !important; - } - - .mT-nv-50 { - margin-top: -50px !important; - } - - .mR-nv-50 { - margin-right: -50px !important; - } - - .mB-nv-50 { - margin-bottom: -50px !important; - } - - .mL-nv-50 { - margin-left: -50px !important; - } - - .mY-nv-50 { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - - .mX-nv-50 { - margin-left: -50px !important; - margin-right: -50px !important; - } - - @media screen and (min-width: 1440px) { - .m-50\@xl\+ { - margin: 50px !important; - } - .mT-50\@xl\+ { - margin-top: 50px !important; - } - .mR-50\@xl\+ { - margin-right: 50px !important; - } - .mB-50\@xl\+ { - margin-bottom: 50px !important; - } - .mL-50\@xl\+ { - margin-left: 50px !important; - } - .mY-50\@xl\+ { - margin-top: 50px !important; - margin-bottom: 50px !important; - } - .mX-50\@xl\+ { - margin-left: 50px !important; - margin-right: 50px !important; - } - .m-nv-50\@xl\+ { - margin: -50px !important; - } - .mT-nv-50\@xl\+ { - margin-top: -50px !important; - } - .mR-nv-50\@xl\+ { - margin-right: -50px !important; - } - .mB-nv-50\@xl\+ { - margin-bottom: -50px !important; - } - .mL-nv-50\@xl\+ { - margin-left: -50px !important; - } - .mY-nv-50\@xl\+ { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .mX-nv-50\@xl\+ { - margin-left: -50px !important; - margin-right: -50px !important; - } - } - @media screen and (min-width: 1200px) { - .m-50\@lg\+ { - margin: 50px !important; - } - .mT-50\@lg\+ { - margin-top: 50px !important; - } - .mR-50\@lg\+ { - margin-right: 50px !important; - } - .mB-50\@lg\+ { - margin-bottom: 50px !important; - } - .mL-50\@lg\+ { - margin-left: 50px !important; - } - .mY-50\@lg\+ { - margin-top: 50px !important; - margin-bottom: 50px !important; - } - .mX-50\@lg\+ { - margin-left: 50px !important; - margin-right: 50px !important; - } - .m-nv-50\@lg\+ { - margin: -50px !important; - } - .mT-nv-50\@lg\+ { - margin-top: -50px !important; - } - .mR-nv-50\@lg\+ { - margin-right: -50px !important; - } - .mB-nv-50\@lg\+ { - margin-bottom: -50px !important; - } - .mL-nv-50\@lg\+ { - margin-left: -50px !important; - } - .mY-nv-50\@lg\+ { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .mX-nv-50\@lg\+ { - margin-left: -50px !important; - margin-right: -50px !important; - } - } - @media screen and (min-width: 992px) { - .m-50\@md\+ { - margin: 50px !important; - } - .mT-50\@md\+ { - margin-top: 50px !important; - } - .mR-50\@md\+ { - margin-right: 50px !important; - } - .mB-50\@md\+ { - margin-bottom: 50px !important; - } - .mL-50\@md\+ { - margin-left: 50px !important; - } - .mY-50\@md\+ { - margin-top: 50px !important; - margin-bottom: 50px !important; - } - .mX-50\@md\+ { - margin-left: 50px !important; - margin-right: 50px !important; - } - .m-nv-50\@md\+ { - margin: -50px !important; - } - .mT-nv-50\@md\+ { - margin-top: -50px !important; - } - .mR-nv-50\@md\+ { - margin-right: -50px !important; - } - .mB-nv-50\@md\+ { - margin-bottom: -50px !important; - } - .mL-nv-50\@md\+ { - margin-left: -50px !important; - } - .mY-nv-50\@md\+ { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .mX-nv-50\@md\+ { - margin-left: -50px !important; - margin-right: -50px !important; - } - } - @media screen and (min-width: 768px) { - .m-50\@sm\+ { - margin: 50px !important; - } - .mT-50\@sm\+ { - margin-top: 50px !important; - } - .mR-50\@sm\+ { - margin-right: 50px !important; - } - .mB-50\@sm\+ { - margin-bottom: 50px !important; - } - .mL-50\@sm\+ { - margin-left: 50px !important; - } - .mY-50\@sm\+ { - margin-top: 50px !important; - margin-bottom: 50px !important; - } - .mX-50\@sm\+ { - margin-left: 50px !important; - margin-right: 50px !important; - } - .m-nv-50\@sm\+ { - margin: -50px !important; - } - .mT-nv-50\@sm\+ { - margin-top: -50px !important; - } - .mR-nv-50\@sm\+ { - margin-right: -50px !important; - } - .mB-nv-50\@sm\+ { - margin-bottom: -50px !important; - } - .mL-nv-50\@sm\+ { - margin-left: -50px !important; - } - .mY-nv-50\@sm\+ { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .mX-nv-50\@sm\+ { - margin-left: -50px !important; - margin-right: -50px !important; - } - } - @media screen and (min-width: 0) { - .m-50\@xs\+ { - margin: 50px !important; - } - .mT-50\@xs\+ { - margin-top: 50px !important; - } - .mR-50\@xs\+ { - margin-right: 50px !important; - } - .mB-50\@xs\+ { - margin-bottom: 50px !important; - } - .mL-50\@xs\+ { - margin-left: 50px !important; - } - .mY-50\@xs\+ { - margin-top: 50px !important; - margin-bottom: 50px !important; - } - .mX-50\@xs\+ { - margin-left: 50px !important; - margin-right: 50px !important; - } - .m-nv-50\@xs\+ { - margin: -50px !important; - } - .mT-nv-50\@xs\+ { - margin-top: -50px !important; - } - .mR-nv-50\@xs\+ { - margin-right: -50px !important; - } - .mB-nv-50\@xs\+ { - margin-bottom: -50px !important; - } - .mL-nv-50\@xs\+ { - margin-left: -50px !important; - } - .mY-nv-50\@xs\+ { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .mX-nv-50\@xs\+ { - margin-left: -50px !important; - margin-right: -50px !important; - } - } - @media screen and (max-width: 1439px) { - .m-50\@xl- { - margin: 50px !important; - } - .mT-50\@xl- { - margin-top: 50px !important; - } - .mR-50\@xl- { - margin-right: 50px !important; - } - .mB-50\@xl- { - margin-bottom: 50px !important; - } - .mL-50\@xl- { - margin-left: 50px !important; - } - .mY-50\@xl- { - margin-top: 50px !important; - margin-bottom: 50px !important; - } - .mX-50\@xl- { - margin-left: 50px !important; - margin-right: 50px !important; - } - .m-nv-50\@xl- { - margin: -50px !important; - } - .mT-nv-50\@xl- { - margin-top: -50px !important; - } - .mR-nv-50\@xl- { - margin-right: -50px !important; - } - .mB-nv-50\@xl- { - margin-bottom: -50px !important; - } - .mL-nv-50\@xl- { - margin-left: -50px !important; - } - .mY-nv-50\@xl- { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .mX-nv-50\@xl- { - margin-left: -50px !important; - margin-right: -50px !important; - } - } - @media screen and (max-width: 1199px) { - .m-50\@lg- { - margin: 50px !important; - } - .mT-50\@lg- { - margin-top: 50px !important; - } - .mR-50\@lg- { - margin-right: 50px !important; - } - .mB-50\@lg- { - margin-bottom: 50px !important; - } - .mL-50\@lg- { - margin-left: 50px !important; - } - .mY-50\@lg- { - margin-top: 50px !important; - margin-bottom: 50px !important; - } - .mX-50\@lg- { - margin-left: 50px !important; - margin-right: 50px !important; - } - .m-nv-50\@lg- { - margin: -50px !important; - } - .mT-nv-50\@lg- { - margin-top: -50px !important; - } - .mR-nv-50\@lg- { - margin-right: -50px !important; - } - .mB-nv-50\@lg- { - margin-bottom: -50px !important; - } - .mL-nv-50\@lg- { - margin-left: -50px !important; - } - .mY-nv-50\@lg- { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .mX-nv-50\@lg- { - margin-left: -50px !important; - margin-right: -50px !important; - } - } - @media screen and (max-width: 991px) { - .m-50\@md- { - margin: 50px !important; - } - .mT-50\@md- { - margin-top: 50px !important; - } - .mR-50\@md- { - margin-right: 50px !important; - } - .mB-50\@md- { - margin-bottom: 50px !important; - } - .mL-50\@md- { - margin-left: 50px !important; - } - .mY-50\@md- { - margin-top: 50px !important; - margin-bottom: 50px !important; - } - .mX-50\@md- { - margin-left: 50px !important; - margin-right: 50px !important; - } - .m-nv-50\@md- { - margin: -50px !important; - } - .mT-nv-50\@md- { - margin-top: -50px !important; - } - .mR-nv-50\@md- { - margin-right: -50px !important; - } - .mB-nv-50\@md- { - margin-bottom: -50px !important; - } - .mL-nv-50\@md- { - margin-left: -50px !important; - } - .mY-nv-50\@md- { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .mX-nv-50\@md- { - margin-left: -50px !important; - margin-right: -50px !important; - } - } - @media screen and (max-width: 767px) { - .m-50\@sm- { - margin: 50px !important; - } - .mT-50\@sm- { - margin-top: 50px !important; - } - .mR-50\@sm- { - margin-right: 50px !important; - } - .mB-50\@sm- { - margin-bottom: 50px !important; - } - .mL-50\@sm- { - margin-left: 50px !important; - } - .mY-50\@sm- { - margin-top: 50px !important; - margin-bottom: 50px !important; - } - .mX-50\@sm- { - margin-left: 50px !important; - margin-right: 50px !important; - } - .m-nv-50\@sm- { - margin: -50px !important; - } - .mT-nv-50\@sm- { - margin-top: -50px !important; - } - .mR-nv-50\@sm- { - margin-right: -50px !important; - } - .mB-nv-50\@sm- { - margin-bottom: -50px !important; - } - .mL-nv-50\@sm- { - margin-left: -50px !important; - } - .mY-nv-50\@sm- { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .mX-nv-50\@sm- { - margin-left: -50px !important; - margin-right: -50px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-50\@lg { - margin: 50px !important; - } - .mT-50\@lg { - margin-top: 50px !important; - } - .mR-50\@lg { - margin-right: 50px !important; - } - .mB-50\@lg { - margin-bottom: 50px !important; - } - .mL-50\@lg { - margin-left: 50px !important; - } - .mY-50\@lg { - margin-top: 50px !important; - margin-bottom: 50px !important; - } - .mX-50\@lg { - margin-left: 50px !important; - margin-right: 50px !important; - } - .m-nv-50\@lg { - margin: -50px !important; - } - .mT-nv-50\@lg { - margin-top: -50px !important; - } - .mR-nv-50\@lg { - margin-right: -50px !important; - } - .mB-nv-50\@lg { - margin-bottom: -50px !important; - } - .mL-nv-50\@lg { - margin-left: -50px !important; - } - .mY-nv-50\@lg { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .mX-nv-50\@lg { - margin-left: -50px !important; - margin-right: -50px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-50\@md { - margin: 50px !important; - } - .mT-50\@md { - margin-top: 50px !important; - } - .mR-50\@md { - margin-right: 50px !important; - } - .mB-50\@md { - margin-bottom: 50px !important; - } - .mL-50\@md { - margin-left: 50px !important; - } - .mY-50\@md { - margin-top: 50px !important; - margin-bottom: 50px !important; - } - .mX-50\@md { - margin-left: 50px !important; - margin-right: 50px !important; - } - .m-nv-50\@md { - margin: -50px !important; - } - .mT-nv-50\@md { - margin-top: -50px !important; - } - .mR-nv-50\@md { - margin-right: -50px !important; - } - .mB-nv-50\@md { - margin-bottom: -50px !important; - } - .mL-nv-50\@md { - margin-left: -50px !important; - } - .mY-nv-50\@md { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .mX-nv-50\@md { - margin-left: -50px !important; - margin-right: -50px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-50\@sm { - margin: 50px !important; - } - .mT-50\@sm { - margin-top: 50px !important; - } - .mR-50\@sm { - margin-right: 50px !important; - } - .mB-50\@sm { - margin-bottom: 50px !important; - } - .mL-50\@sm { - margin-left: 50px !important; - } - .mY-50\@sm { - margin-top: 50px !important; - margin-bottom: 50px !important; - } - .mX-50\@sm { - margin-left: 50px !important; - margin-right: 50px !important; - } - .m-nv-50\@sm { - margin: -50px !important; - } - .mT-nv-50\@sm { - margin-top: -50px !important; - } - .mR-nv-50\@sm { - margin-right: -50px !important; - } - .mB-nv-50\@sm { - margin-bottom: -50px !important; - } - .mL-nv-50\@sm { - margin-left: -50px !important; - } - .mY-nv-50\@sm { - margin-top: -50px !important; - margin-bottom: -50px !important; - } - .mX-nv-50\@sm { - margin-left: -50px !important; - margin-right: -50px !important; - } - } - .m-60 { - margin: 60px !important; - } - - .mT-60 { - margin-top: 60px !important; - } - - .mR-60 { - margin-right: 60px !important; - } - - .mB-60 { - margin-bottom: 60px !important; - } - - .mL-60 { - margin-left: 60px !important; - } - - .mY-60 { - margin-top: 60px !important; - margin-bottom: 60px !important; - } - - .mX-60 { - margin-left: 60px !important; - margin-right: 60px !important; - } - - .m-nv-60 { - margin: -60px !important; - } - - .mT-nv-60 { - margin-top: -60px !important; - } - - .mR-nv-60 { - margin-right: -60px !important; - } - - .mB-nv-60 { - margin-bottom: -60px !important; - } - - .mL-nv-60 { - margin-left: -60px !important; - } - - .mY-nv-60 { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - - .mX-nv-60 { - margin-left: -60px !important; - margin-right: -60px !important; - } - - @media screen and (min-width: 1440px) { - .m-60\@xl\+ { - margin: 60px !important; - } - .mT-60\@xl\+ { - margin-top: 60px !important; - } - .mR-60\@xl\+ { - margin-right: 60px !important; - } - .mB-60\@xl\+ { - margin-bottom: 60px !important; - } - .mL-60\@xl\+ { - margin-left: 60px !important; - } - .mY-60\@xl\+ { - margin-top: 60px !important; - margin-bottom: 60px !important; - } - .mX-60\@xl\+ { - margin-left: 60px !important; - margin-right: 60px !important; - } - .m-nv-60\@xl\+ { - margin: -60px !important; - } - .mT-nv-60\@xl\+ { - margin-top: -60px !important; - } - .mR-nv-60\@xl\+ { - margin-right: -60px !important; - } - .mB-nv-60\@xl\+ { - margin-bottom: -60px !important; - } - .mL-nv-60\@xl\+ { - margin-left: -60px !important; - } - .mY-nv-60\@xl\+ { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .mX-nv-60\@xl\+ { - margin-left: -60px !important; - margin-right: -60px !important; - } - } - @media screen and (min-width: 1200px) { - .m-60\@lg\+ { - margin: 60px !important; - } - .mT-60\@lg\+ { - margin-top: 60px !important; - } - .mR-60\@lg\+ { - margin-right: 60px !important; - } - .mB-60\@lg\+ { - margin-bottom: 60px !important; - } - .mL-60\@lg\+ { - margin-left: 60px !important; - } - .mY-60\@lg\+ { - margin-top: 60px !important; - margin-bottom: 60px !important; - } - .mX-60\@lg\+ { - margin-left: 60px !important; - margin-right: 60px !important; - } - .m-nv-60\@lg\+ { - margin: -60px !important; - } - .mT-nv-60\@lg\+ { - margin-top: -60px !important; - } - .mR-nv-60\@lg\+ { - margin-right: -60px !important; - } - .mB-nv-60\@lg\+ { - margin-bottom: -60px !important; - } - .mL-nv-60\@lg\+ { - margin-left: -60px !important; - } - .mY-nv-60\@lg\+ { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .mX-nv-60\@lg\+ { - margin-left: -60px !important; - margin-right: -60px !important; - } - } - @media screen and (min-width: 992px) { - .m-60\@md\+ { - margin: 60px !important; - } - .mT-60\@md\+ { - margin-top: 60px !important; - } - .mR-60\@md\+ { - margin-right: 60px !important; - } - .mB-60\@md\+ { - margin-bottom: 60px !important; - } - .mL-60\@md\+ { - margin-left: 60px !important; - } - .mY-60\@md\+ { - margin-top: 60px !important; - margin-bottom: 60px !important; - } - .mX-60\@md\+ { - margin-left: 60px !important; - margin-right: 60px !important; - } - .m-nv-60\@md\+ { - margin: -60px !important; - } - .mT-nv-60\@md\+ { - margin-top: -60px !important; - } - .mR-nv-60\@md\+ { - margin-right: -60px !important; - } - .mB-nv-60\@md\+ { - margin-bottom: -60px !important; - } - .mL-nv-60\@md\+ { - margin-left: -60px !important; - } - .mY-nv-60\@md\+ { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .mX-nv-60\@md\+ { - margin-left: -60px !important; - margin-right: -60px !important; - } - } - @media screen and (min-width: 768px) { - .m-60\@sm\+ { - margin: 60px !important; - } - .mT-60\@sm\+ { - margin-top: 60px !important; - } - .mR-60\@sm\+ { - margin-right: 60px !important; - } - .mB-60\@sm\+ { - margin-bottom: 60px !important; - } - .mL-60\@sm\+ { - margin-left: 60px !important; - } - .mY-60\@sm\+ { - margin-top: 60px !important; - margin-bottom: 60px !important; - } - .mX-60\@sm\+ { - margin-left: 60px !important; - margin-right: 60px !important; - } - .m-nv-60\@sm\+ { - margin: -60px !important; - } - .mT-nv-60\@sm\+ { - margin-top: -60px !important; - } - .mR-nv-60\@sm\+ { - margin-right: -60px !important; - } - .mB-nv-60\@sm\+ { - margin-bottom: -60px !important; - } - .mL-nv-60\@sm\+ { - margin-left: -60px !important; - } - .mY-nv-60\@sm\+ { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .mX-nv-60\@sm\+ { - margin-left: -60px !important; - margin-right: -60px !important; - } - } - @media screen and (min-width: 0) { - .m-60\@xs\+ { - margin: 60px !important; - } - .mT-60\@xs\+ { - margin-top: 60px !important; - } - .mR-60\@xs\+ { - margin-right: 60px !important; - } - .mB-60\@xs\+ { - margin-bottom: 60px !important; - } - .mL-60\@xs\+ { - margin-left: 60px !important; - } - .mY-60\@xs\+ { - margin-top: 60px !important; - margin-bottom: 60px !important; - } - .mX-60\@xs\+ { - margin-left: 60px !important; - margin-right: 60px !important; - } - .m-nv-60\@xs\+ { - margin: -60px !important; - } - .mT-nv-60\@xs\+ { - margin-top: -60px !important; - } - .mR-nv-60\@xs\+ { - margin-right: -60px !important; - } - .mB-nv-60\@xs\+ { - margin-bottom: -60px !important; - } - .mL-nv-60\@xs\+ { - margin-left: -60px !important; - } - .mY-nv-60\@xs\+ { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .mX-nv-60\@xs\+ { - margin-left: -60px !important; - margin-right: -60px !important; - } - } - @media screen and (max-width: 1439px) { - .m-60\@xl- { - margin: 60px !important; - } - .mT-60\@xl- { - margin-top: 60px !important; - } - .mR-60\@xl- { - margin-right: 60px !important; - } - .mB-60\@xl- { - margin-bottom: 60px !important; - } - .mL-60\@xl- { - margin-left: 60px !important; - } - .mY-60\@xl- { - margin-top: 60px !important; - margin-bottom: 60px !important; - } - .mX-60\@xl- { - margin-left: 60px !important; - margin-right: 60px !important; - } - .m-nv-60\@xl- { - margin: -60px !important; - } - .mT-nv-60\@xl- { - margin-top: -60px !important; - } - .mR-nv-60\@xl- { - margin-right: -60px !important; - } - .mB-nv-60\@xl- { - margin-bottom: -60px !important; - } - .mL-nv-60\@xl- { - margin-left: -60px !important; - } - .mY-nv-60\@xl- { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .mX-nv-60\@xl- { - margin-left: -60px !important; - margin-right: -60px !important; - } - } - @media screen and (max-width: 1199px) { - .m-60\@lg- { - margin: 60px !important; - } - .mT-60\@lg- { - margin-top: 60px !important; - } - .mR-60\@lg- { - margin-right: 60px !important; - } - .mB-60\@lg- { - margin-bottom: 60px !important; - } - .mL-60\@lg- { - margin-left: 60px !important; - } - .mY-60\@lg- { - margin-top: 60px !important; - margin-bottom: 60px !important; - } - .mX-60\@lg- { - margin-left: 60px !important; - margin-right: 60px !important; - } - .m-nv-60\@lg- { - margin: -60px !important; - } - .mT-nv-60\@lg- { - margin-top: -60px !important; - } - .mR-nv-60\@lg- { - margin-right: -60px !important; - } - .mB-nv-60\@lg- { - margin-bottom: -60px !important; - } - .mL-nv-60\@lg- { - margin-left: -60px !important; - } - .mY-nv-60\@lg- { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .mX-nv-60\@lg- { - margin-left: -60px !important; - margin-right: -60px !important; - } - } - @media screen and (max-width: 991px) { - .m-60\@md- { - margin: 60px !important; - } - .mT-60\@md- { - margin-top: 60px !important; - } - .mR-60\@md- { - margin-right: 60px !important; - } - .mB-60\@md- { - margin-bottom: 60px !important; - } - .mL-60\@md- { - margin-left: 60px !important; - } - .mY-60\@md- { - margin-top: 60px !important; - margin-bottom: 60px !important; - } - .mX-60\@md- { - margin-left: 60px !important; - margin-right: 60px !important; - } - .m-nv-60\@md- { - margin: -60px !important; - } - .mT-nv-60\@md- { - margin-top: -60px !important; - } - .mR-nv-60\@md- { - margin-right: -60px !important; - } - .mB-nv-60\@md- { - margin-bottom: -60px !important; - } - .mL-nv-60\@md- { - margin-left: -60px !important; - } - .mY-nv-60\@md- { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .mX-nv-60\@md- { - margin-left: -60px !important; - margin-right: -60px !important; - } - } - @media screen and (max-width: 767px) { - .m-60\@sm- { - margin: 60px !important; - } - .mT-60\@sm- { - margin-top: 60px !important; - } - .mR-60\@sm- { - margin-right: 60px !important; - } - .mB-60\@sm- { - margin-bottom: 60px !important; - } - .mL-60\@sm- { - margin-left: 60px !important; - } - .mY-60\@sm- { - margin-top: 60px !important; - margin-bottom: 60px !important; - } - .mX-60\@sm- { - margin-left: 60px !important; - margin-right: 60px !important; - } - .m-nv-60\@sm- { - margin: -60px !important; - } - .mT-nv-60\@sm- { - margin-top: -60px !important; - } - .mR-nv-60\@sm- { - margin-right: -60px !important; - } - .mB-nv-60\@sm- { - margin-bottom: -60px !important; - } - .mL-nv-60\@sm- { - margin-left: -60px !important; - } - .mY-nv-60\@sm- { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .mX-nv-60\@sm- { - margin-left: -60px !important; - margin-right: -60px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-60\@lg { - margin: 60px !important; - } - .mT-60\@lg { - margin-top: 60px !important; - } - .mR-60\@lg { - margin-right: 60px !important; - } - .mB-60\@lg { - margin-bottom: 60px !important; - } - .mL-60\@lg { - margin-left: 60px !important; - } - .mY-60\@lg { - margin-top: 60px !important; - margin-bottom: 60px !important; - } - .mX-60\@lg { - margin-left: 60px !important; - margin-right: 60px !important; - } - .m-nv-60\@lg { - margin: -60px !important; - } - .mT-nv-60\@lg { - margin-top: -60px !important; - } - .mR-nv-60\@lg { - margin-right: -60px !important; - } - .mB-nv-60\@lg { - margin-bottom: -60px !important; - } - .mL-nv-60\@lg { - margin-left: -60px !important; - } - .mY-nv-60\@lg { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .mX-nv-60\@lg { - margin-left: -60px !important; - margin-right: -60px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-60\@md { - margin: 60px !important; - } - .mT-60\@md { - margin-top: 60px !important; - } - .mR-60\@md { - margin-right: 60px !important; - } - .mB-60\@md { - margin-bottom: 60px !important; - } - .mL-60\@md { - margin-left: 60px !important; - } - .mY-60\@md { - margin-top: 60px !important; - margin-bottom: 60px !important; - } - .mX-60\@md { - margin-left: 60px !important; - margin-right: 60px !important; - } - .m-nv-60\@md { - margin: -60px !important; - } - .mT-nv-60\@md { - margin-top: -60px !important; - } - .mR-nv-60\@md { - margin-right: -60px !important; - } - .mB-nv-60\@md { - margin-bottom: -60px !important; - } - .mL-nv-60\@md { - margin-left: -60px !important; - } - .mY-nv-60\@md { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .mX-nv-60\@md { - margin-left: -60px !important; - margin-right: -60px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-60\@sm { - margin: 60px !important; - } - .mT-60\@sm { - margin-top: 60px !important; - } - .mR-60\@sm { - margin-right: 60px !important; - } - .mB-60\@sm { - margin-bottom: 60px !important; - } - .mL-60\@sm { - margin-left: 60px !important; - } - .mY-60\@sm { - margin-top: 60px !important; - margin-bottom: 60px !important; - } - .mX-60\@sm { - margin-left: 60px !important; - margin-right: 60px !important; - } - .m-nv-60\@sm { - margin: -60px !important; - } - .mT-nv-60\@sm { - margin-top: -60px !important; - } - .mR-nv-60\@sm { - margin-right: -60px !important; - } - .mB-nv-60\@sm { - margin-bottom: -60px !important; - } - .mL-nv-60\@sm { - margin-left: -60px !important; - } - .mY-nv-60\@sm { - margin-top: -60px !important; - margin-bottom: -60px !important; - } - .mX-nv-60\@sm { - margin-left: -60px !important; - margin-right: -60px !important; - } - } - .m-70 { - margin: 70px !important; - } - - .mT-70 { - margin-top: 70px !important; - } - - .mR-70 { - margin-right: 70px !important; - } - - .mB-70 { - margin-bottom: 70px !important; - } - - .mL-70 { - margin-left: 70px !important; - } - - .mY-70 { - margin-top: 70px !important; - margin-bottom: 70px !important; - } - - .mX-70 { - margin-left: 70px !important; - margin-right: 70px !important; - } - - .m-nv-70 { - margin: -70px !important; - } - - .mT-nv-70 { - margin-top: -70px !important; - } - - .mR-nv-70 { - margin-right: -70px !important; - } - - .mB-nv-70 { - margin-bottom: -70px !important; - } - - .mL-nv-70 { - margin-left: -70px !important; - } - - .mY-nv-70 { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - - .mX-nv-70 { - margin-left: -70px !important; - margin-right: -70px !important; - } - - @media screen and (min-width: 1440px) { - .m-70\@xl\+ { - margin: 70px !important; - } - .mT-70\@xl\+ { - margin-top: 70px !important; - } - .mR-70\@xl\+ { - margin-right: 70px !important; - } - .mB-70\@xl\+ { - margin-bottom: 70px !important; - } - .mL-70\@xl\+ { - margin-left: 70px !important; - } - .mY-70\@xl\+ { - margin-top: 70px !important; - margin-bottom: 70px !important; - } - .mX-70\@xl\+ { - margin-left: 70px !important; - margin-right: 70px !important; - } - .m-nv-70\@xl\+ { - margin: -70px !important; - } - .mT-nv-70\@xl\+ { - margin-top: -70px !important; - } - .mR-nv-70\@xl\+ { - margin-right: -70px !important; - } - .mB-nv-70\@xl\+ { - margin-bottom: -70px !important; - } - .mL-nv-70\@xl\+ { - margin-left: -70px !important; - } - .mY-nv-70\@xl\+ { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .mX-nv-70\@xl\+ { - margin-left: -70px !important; - margin-right: -70px !important; - } - } - @media screen and (min-width: 1200px) { - .m-70\@lg\+ { - margin: 70px !important; - } - .mT-70\@lg\+ { - margin-top: 70px !important; - } - .mR-70\@lg\+ { - margin-right: 70px !important; - } - .mB-70\@lg\+ { - margin-bottom: 70px !important; - } - .mL-70\@lg\+ { - margin-left: 70px !important; - } - .mY-70\@lg\+ { - margin-top: 70px !important; - margin-bottom: 70px !important; - } - .mX-70\@lg\+ { - margin-left: 70px !important; - margin-right: 70px !important; - } - .m-nv-70\@lg\+ { - margin: -70px !important; - } - .mT-nv-70\@lg\+ { - margin-top: -70px !important; - } - .mR-nv-70\@lg\+ { - margin-right: -70px !important; - } - .mB-nv-70\@lg\+ { - margin-bottom: -70px !important; - } - .mL-nv-70\@lg\+ { - margin-left: -70px !important; - } - .mY-nv-70\@lg\+ { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .mX-nv-70\@lg\+ { - margin-left: -70px !important; - margin-right: -70px !important; - } - } - @media screen and (min-width: 992px) { - .m-70\@md\+ { - margin: 70px !important; - } - .mT-70\@md\+ { - margin-top: 70px !important; - } - .mR-70\@md\+ { - margin-right: 70px !important; - } - .mB-70\@md\+ { - margin-bottom: 70px !important; - } - .mL-70\@md\+ { - margin-left: 70px !important; - } - .mY-70\@md\+ { - margin-top: 70px !important; - margin-bottom: 70px !important; - } - .mX-70\@md\+ { - margin-left: 70px !important; - margin-right: 70px !important; - } - .m-nv-70\@md\+ { - margin: -70px !important; - } - .mT-nv-70\@md\+ { - margin-top: -70px !important; - } - .mR-nv-70\@md\+ { - margin-right: -70px !important; - } - .mB-nv-70\@md\+ { - margin-bottom: -70px !important; - } - .mL-nv-70\@md\+ { - margin-left: -70px !important; - } - .mY-nv-70\@md\+ { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .mX-nv-70\@md\+ { - margin-left: -70px !important; - margin-right: -70px !important; - } - } - @media screen and (min-width: 768px) { - .m-70\@sm\+ { - margin: 70px !important; - } - .mT-70\@sm\+ { - margin-top: 70px !important; - } - .mR-70\@sm\+ { - margin-right: 70px !important; - } - .mB-70\@sm\+ { - margin-bottom: 70px !important; - } - .mL-70\@sm\+ { - margin-left: 70px !important; - } - .mY-70\@sm\+ { - margin-top: 70px !important; - margin-bottom: 70px !important; - } - .mX-70\@sm\+ { - margin-left: 70px !important; - margin-right: 70px !important; - } - .m-nv-70\@sm\+ { - margin: -70px !important; - } - .mT-nv-70\@sm\+ { - margin-top: -70px !important; - } - .mR-nv-70\@sm\+ { - margin-right: -70px !important; - } - .mB-nv-70\@sm\+ { - margin-bottom: -70px !important; - } - .mL-nv-70\@sm\+ { - margin-left: -70px !important; - } - .mY-nv-70\@sm\+ { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .mX-nv-70\@sm\+ { - margin-left: -70px !important; - margin-right: -70px !important; - } - } - @media screen and (min-width: 0) { - .m-70\@xs\+ { - margin: 70px !important; - } - .mT-70\@xs\+ { - margin-top: 70px !important; - } - .mR-70\@xs\+ { - margin-right: 70px !important; - } - .mB-70\@xs\+ { - margin-bottom: 70px !important; - } - .mL-70\@xs\+ { - margin-left: 70px !important; - } - .mY-70\@xs\+ { - margin-top: 70px !important; - margin-bottom: 70px !important; - } - .mX-70\@xs\+ { - margin-left: 70px !important; - margin-right: 70px !important; - } - .m-nv-70\@xs\+ { - margin: -70px !important; - } - .mT-nv-70\@xs\+ { - margin-top: -70px !important; - } - .mR-nv-70\@xs\+ { - margin-right: -70px !important; - } - .mB-nv-70\@xs\+ { - margin-bottom: -70px !important; - } - .mL-nv-70\@xs\+ { - margin-left: -70px !important; - } - .mY-nv-70\@xs\+ { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .mX-nv-70\@xs\+ { - margin-left: -70px !important; - margin-right: -70px !important; - } - } - @media screen and (max-width: 1439px) { - .m-70\@xl- { - margin: 70px !important; - } - .mT-70\@xl- { - margin-top: 70px !important; - } - .mR-70\@xl- { - margin-right: 70px !important; - } - .mB-70\@xl- { - margin-bottom: 70px !important; - } - .mL-70\@xl- { - margin-left: 70px !important; - } - .mY-70\@xl- { - margin-top: 70px !important; - margin-bottom: 70px !important; - } - .mX-70\@xl- { - margin-left: 70px !important; - margin-right: 70px !important; - } - .m-nv-70\@xl- { - margin: -70px !important; - } - .mT-nv-70\@xl- { - margin-top: -70px !important; - } - .mR-nv-70\@xl- { - margin-right: -70px !important; - } - .mB-nv-70\@xl- { - margin-bottom: -70px !important; - } - .mL-nv-70\@xl- { - margin-left: -70px !important; - } - .mY-nv-70\@xl- { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .mX-nv-70\@xl- { - margin-left: -70px !important; - margin-right: -70px !important; - } - } - @media screen and (max-width: 1199px) { - .m-70\@lg- { - margin: 70px !important; - } - .mT-70\@lg- { - margin-top: 70px !important; - } - .mR-70\@lg- { - margin-right: 70px !important; - } - .mB-70\@lg- { - margin-bottom: 70px !important; - } - .mL-70\@lg- { - margin-left: 70px !important; - } - .mY-70\@lg- { - margin-top: 70px !important; - margin-bottom: 70px !important; - } - .mX-70\@lg- { - margin-left: 70px !important; - margin-right: 70px !important; - } - .m-nv-70\@lg- { - margin: -70px !important; - } - .mT-nv-70\@lg- { - margin-top: -70px !important; - } - .mR-nv-70\@lg- { - margin-right: -70px !important; - } - .mB-nv-70\@lg- { - margin-bottom: -70px !important; - } - .mL-nv-70\@lg- { - margin-left: -70px !important; - } - .mY-nv-70\@lg- { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .mX-nv-70\@lg- { - margin-left: -70px !important; - margin-right: -70px !important; - } - } - @media screen and (max-width: 991px) { - .m-70\@md- { - margin: 70px !important; - } - .mT-70\@md- { - margin-top: 70px !important; - } - .mR-70\@md- { - margin-right: 70px !important; - } - .mB-70\@md- { - margin-bottom: 70px !important; - } - .mL-70\@md- { - margin-left: 70px !important; - } - .mY-70\@md- { - margin-top: 70px !important; - margin-bottom: 70px !important; - } - .mX-70\@md- { - margin-left: 70px !important; - margin-right: 70px !important; - } - .m-nv-70\@md- { - margin: -70px !important; - } - .mT-nv-70\@md- { - margin-top: -70px !important; - } - .mR-nv-70\@md- { - margin-right: -70px !important; - } - .mB-nv-70\@md- { - margin-bottom: -70px !important; - } - .mL-nv-70\@md- { - margin-left: -70px !important; - } - .mY-nv-70\@md- { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .mX-nv-70\@md- { - margin-left: -70px !important; - margin-right: -70px !important; - } - } - @media screen and (max-width: 767px) { - .m-70\@sm- { - margin: 70px !important; - } - .mT-70\@sm- { - margin-top: 70px !important; - } - .mR-70\@sm- { - margin-right: 70px !important; - } - .mB-70\@sm- { - margin-bottom: 70px !important; - } - .mL-70\@sm- { - margin-left: 70px !important; - } - .mY-70\@sm- { - margin-top: 70px !important; - margin-bottom: 70px !important; - } - .mX-70\@sm- { - margin-left: 70px !important; - margin-right: 70px !important; - } - .m-nv-70\@sm- { - margin: -70px !important; - } - .mT-nv-70\@sm- { - margin-top: -70px !important; - } - .mR-nv-70\@sm- { - margin-right: -70px !important; - } - .mB-nv-70\@sm- { - margin-bottom: -70px !important; - } - .mL-nv-70\@sm- { - margin-left: -70px !important; - } - .mY-nv-70\@sm- { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .mX-nv-70\@sm- { - margin-left: -70px !important; - margin-right: -70px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-70\@lg { - margin: 70px !important; - } - .mT-70\@lg { - margin-top: 70px !important; - } - .mR-70\@lg { - margin-right: 70px !important; - } - .mB-70\@lg { - margin-bottom: 70px !important; - } - .mL-70\@lg { - margin-left: 70px !important; - } - .mY-70\@lg { - margin-top: 70px !important; - margin-bottom: 70px !important; - } - .mX-70\@lg { - margin-left: 70px !important; - margin-right: 70px !important; - } - .m-nv-70\@lg { - margin: -70px !important; - } - .mT-nv-70\@lg { - margin-top: -70px !important; - } - .mR-nv-70\@lg { - margin-right: -70px !important; - } - .mB-nv-70\@lg { - margin-bottom: -70px !important; - } - .mL-nv-70\@lg { - margin-left: -70px !important; - } - .mY-nv-70\@lg { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .mX-nv-70\@lg { - margin-left: -70px !important; - margin-right: -70px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-70\@md { - margin: 70px !important; - } - .mT-70\@md { - margin-top: 70px !important; - } - .mR-70\@md { - margin-right: 70px !important; - } - .mB-70\@md { - margin-bottom: 70px !important; - } - .mL-70\@md { - margin-left: 70px !important; - } - .mY-70\@md { - margin-top: 70px !important; - margin-bottom: 70px !important; - } - .mX-70\@md { - margin-left: 70px !important; - margin-right: 70px !important; - } - .m-nv-70\@md { - margin: -70px !important; - } - .mT-nv-70\@md { - margin-top: -70px !important; - } - .mR-nv-70\@md { - margin-right: -70px !important; - } - .mB-nv-70\@md { - margin-bottom: -70px !important; - } - .mL-nv-70\@md { - margin-left: -70px !important; - } - .mY-nv-70\@md { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .mX-nv-70\@md { - margin-left: -70px !important; - margin-right: -70px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-70\@sm { - margin: 70px !important; - } - .mT-70\@sm { - margin-top: 70px !important; - } - .mR-70\@sm { - margin-right: 70px !important; - } - .mB-70\@sm { - margin-bottom: 70px !important; - } - .mL-70\@sm { - margin-left: 70px !important; - } - .mY-70\@sm { - margin-top: 70px !important; - margin-bottom: 70px !important; - } - .mX-70\@sm { - margin-left: 70px !important; - margin-right: 70px !important; - } - .m-nv-70\@sm { - margin: -70px !important; - } - .mT-nv-70\@sm { - margin-top: -70px !important; - } - .mR-nv-70\@sm { - margin-right: -70px !important; - } - .mB-nv-70\@sm { - margin-bottom: -70px !important; - } - .mL-nv-70\@sm { - margin-left: -70px !important; - } - .mY-nv-70\@sm { - margin-top: -70px !important; - margin-bottom: -70px !important; - } - .mX-nv-70\@sm { - margin-left: -70px !important; - margin-right: -70px !important; - } - } - .m-80 { - margin: 80px !important; - } - - .mT-80 { - margin-top: 80px !important; - } - - .mR-80 { - margin-right: 80px !important; - } - - .mB-80 { - margin-bottom: 80px !important; - } - - .mL-80 { - margin-left: 80px !important; - } - - .mY-80 { - margin-top: 80px !important; - margin-bottom: 80px !important; - } - - .mX-80 { - margin-left: 80px !important; - margin-right: 80px !important; - } - - .m-nv-80 { - margin: -80px !important; - } - - .mT-nv-80 { - margin-top: -80px !important; - } - - .mR-nv-80 { - margin-right: -80px !important; - } - - .mB-nv-80 { - margin-bottom: -80px !important; - } - - .mL-nv-80 { - margin-left: -80px !important; - } - - .mY-nv-80 { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - - .mX-nv-80 { - margin-left: -80px !important; - margin-right: -80px !important; - } - - @media screen and (min-width: 1440px) { - .m-80\@xl\+ { - margin: 80px !important; - } - .mT-80\@xl\+ { - margin-top: 80px !important; - } - .mR-80\@xl\+ { - margin-right: 80px !important; - } - .mB-80\@xl\+ { - margin-bottom: 80px !important; - } - .mL-80\@xl\+ { - margin-left: 80px !important; - } - .mY-80\@xl\+ { - margin-top: 80px !important; - margin-bottom: 80px !important; - } - .mX-80\@xl\+ { - margin-left: 80px !important; - margin-right: 80px !important; - } - .m-nv-80\@xl\+ { - margin: -80px !important; - } - .mT-nv-80\@xl\+ { - margin-top: -80px !important; - } - .mR-nv-80\@xl\+ { - margin-right: -80px !important; - } - .mB-nv-80\@xl\+ { - margin-bottom: -80px !important; - } - .mL-nv-80\@xl\+ { - margin-left: -80px !important; - } - .mY-nv-80\@xl\+ { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .mX-nv-80\@xl\+ { - margin-left: -80px !important; - margin-right: -80px !important; - } - } - @media screen and (min-width: 1200px) { - .m-80\@lg\+ { - margin: 80px !important; - } - .mT-80\@lg\+ { - margin-top: 80px !important; - } - .mR-80\@lg\+ { - margin-right: 80px !important; - } - .mB-80\@lg\+ { - margin-bottom: 80px !important; - } - .mL-80\@lg\+ { - margin-left: 80px !important; - } - .mY-80\@lg\+ { - margin-top: 80px !important; - margin-bottom: 80px !important; - } - .mX-80\@lg\+ { - margin-left: 80px !important; - margin-right: 80px !important; - } - .m-nv-80\@lg\+ { - margin: -80px !important; - } - .mT-nv-80\@lg\+ { - margin-top: -80px !important; - } - .mR-nv-80\@lg\+ { - margin-right: -80px !important; - } - .mB-nv-80\@lg\+ { - margin-bottom: -80px !important; - } - .mL-nv-80\@lg\+ { - margin-left: -80px !important; - } - .mY-nv-80\@lg\+ { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .mX-nv-80\@lg\+ { - margin-left: -80px !important; - margin-right: -80px !important; - } - } - @media screen and (min-width: 992px) { - .m-80\@md\+ { - margin: 80px !important; - } - .mT-80\@md\+ { - margin-top: 80px !important; - } - .mR-80\@md\+ { - margin-right: 80px !important; - } - .mB-80\@md\+ { - margin-bottom: 80px !important; - } - .mL-80\@md\+ { - margin-left: 80px !important; - } - .mY-80\@md\+ { - margin-top: 80px !important; - margin-bottom: 80px !important; - } - .mX-80\@md\+ { - margin-left: 80px !important; - margin-right: 80px !important; - } - .m-nv-80\@md\+ { - margin: -80px !important; - } - .mT-nv-80\@md\+ { - margin-top: -80px !important; - } - .mR-nv-80\@md\+ { - margin-right: -80px !important; - } - .mB-nv-80\@md\+ { - margin-bottom: -80px !important; - } - .mL-nv-80\@md\+ { - margin-left: -80px !important; - } - .mY-nv-80\@md\+ { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .mX-nv-80\@md\+ { - margin-left: -80px !important; - margin-right: -80px !important; - } - } - @media screen and (min-width: 768px) { - .m-80\@sm\+ { - margin: 80px !important; - } - .mT-80\@sm\+ { - margin-top: 80px !important; - } - .mR-80\@sm\+ { - margin-right: 80px !important; - } - .mB-80\@sm\+ { - margin-bottom: 80px !important; - } - .mL-80\@sm\+ { - margin-left: 80px !important; - } - .mY-80\@sm\+ { - margin-top: 80px !important; - margin-bottom: 80px !important; - } - .mX-80\@sm\+ { - margin-left: 80px !important; - margin-right: 80px !important; - } - .m-nv-80\@sm\+ { - margin: -80px !important; - } - .mT-nv-80\@sm\+ { - margin-top: -80px !important; - } - .mR-nv-80\@sm\+ { - margin-right: -80px !important; - } - .mB-nv-80\@sm\+ { - margin-bottom: -80px !important; - } - .mL-nv-80\@sm\+ { - margin-left: -80px !important; - } - .mY-nv-80\@sm\+ { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .mX-nv-80\@sm\+ { - margin-left: -80px !important; - margin-right: -80px !important; - } - } - @media screen and (min-width: 0) { - .m-80\@xs\+ { - margin: 80px !important; - } - .mT-80\@xs\+ { - margin-top: 80px !important; - } - .mR-80\@xs\+ { - margin-right: 80px !important; - } - .mB-80\@xs\+ { - margin-bottom: 80px !important; - } - .mL-80\@xs\+ { - margin-left: 80px !important; - } - .mY-80\@xs\+ { - margin-top: 80px !important; - margin-bottom: 80px !important; - } - .mX-80\@xs\+ { - margin-left: 80px !important; - margin-right: 80px !important; - } - .m-nv-80\@xs\+ { - margin: -80px !important; - } - .mT-nv-80\@xs\+ { - margin-top: -80px !important; - } - .mR-nv-80\@xs\+ { - margin-right: -80px !important; - } - .mB-nv-80\@xs\+ { - margin-bottom: -80px !important; - } - .mL-nv-80\@xs\+ { - margin-left: -80px !important; - } - .mY-nv-80\@xs\+ { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .mX-nv-80\@xs\+ { - margin-left: -80px !important; - margin-right: -80px !important; - } - } - @media screen and (max-width: 1439px) { - .m-80\@xl- { - margin: 80px !important; - } - .mT-80\@xl- { - margin-top: 80px !important; - } - .mR-80\@xl- { - margin-right: 80px !important; - } - .mB-80\@xl- { - margin-bottom: 80px !important; - } - .mL-80\@xl- { - margin-left: 80px !important; - } - .mY-80\@xl- { - margin-top: 80px !important; - margin-bottom: 80px !important; - } - .mX-80\@xl- { - margin-left: 80px !important; - margin-right: 80px !important; - } - .m-nv-80\@xl- { - margin: -80px !important; - } - .mT-nv-80\@xl- { - margin-top: -80px !important; - } - .mR-nv-80\@xl- { - margin-right: -80px !important; - } - .mB-nv-80\@xl- { - margin-bottom: -80px !important; - } - .mL-nv-80\@xl- { - margin-left: -80px !important; - } - .mY-nv-80\@xl- { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .mX-nv-80\@xl- { - margin-left: -80px !important; - margin-right: -80px !important; - } - } - @media screen and (max-width: 1199px) { - .m-80\@lg- { - margin: 80px !important; - } - .mT-80\@lg- { - margin-top: 80px !important; - } - .mR-80\@lg- { - margin-right: 80px !important; - } - .mB-80\@lg- { - margin-bottom: 80px !important; - } - .mL-80\@lg- { - margin-left: 80px !important; - } - .mY-80\@lg- { - margin-top: 80px !important; - margin-bottom: 80px !important; - } - .mX-80\@lg- { - margin-left: 80px !important; - margin-right: 80px !important; - } - .m-nv-80\@lg- { - margin: -80px !important; - } - .mT-nv-80\@lg- { - margin-top: -80px !important; - } - .mR-nv-80\@lg- { - margin-right: -80px !important; - } - .mB-nv-80\@lg- { - margin-bottom: -80px !important; - } - .mL-nv-80\@lg- { - margin-left: -80px !important; - } - .mY-nv-80\@lg- { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .mX-nv-80\@lg- { - margin-left: -80px !important; - margin-right: -80px !important; - } - } - @media screen and (max-width: 991px) { - .m-80\@md- { - margin: 80px !important; - } - .mT-80\@md- { - margin-top: 80px !important; - } - .mR-80\@md- { - margin-right: 80px !important; - } - .mB-80\@md- { - margin-bottom: 80px !important; - } - .mL-80\@md- { - margin-left: 80px !important; - } - .mY-80\@md- { - margin-top: 80px !important; - margin-bottom: 80px !important; - } - .mX-80\@md- { - margin-left: 80px !important; - margin-right: 80px !important; - } - .m-nv-80\@md- { - margin: -80px !important; - } - .mT-nv-80\@md- { - margin-top: -80px !important; - } - .mR-nv-80\@md- { - margin-right: -80px !important; - } - .mB-nv-80\@md- { - margin-bottom: -80px !important; - } - .mL-nv-80\@md- { - margin-left: -80px !important; - } - .mY-nv-80\@md- { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .mX-nv-80\@md- { - margin-left: -80px !important; - margin-right: -80px !important; - } - } - @media screen and (max-width: 767px) { - .m-80\@sm- { - margin: 80px !important; - } - .mT-80\@sm- { - margin-top: 80px !important; - } - .mR-80\@sm- { - margin-right: 80px !important; - } - .mB-80\@sm- { - margin-bottom: 80px !important; - } - .mL-80\@sm- { - margin-left: 80px !important; - } - .mY-80\@sm- { - margin-top: 80px !important; - margin-bottom: 80px !important; - } - .mX-80\@sm- { - margin-left: 80px !important; - margin-right: 80px !important; - } - .m-nv-80\@sm- { - margin: -80px !important; - } - .mT-nv-80\@sm- { - margin-top: -80px !important; - } - .mR-nv-80\@sm- { - margin-right: -80px !important; - } - .mB-nv-80\@sm- { - margin-bottom: -80px !important; - } - .mL-nv-80\@sm- { - margin-left: -80px !important; - } - .mY-nv-80\@sm- { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .mX-nv-80\@sm- { - margin-left: -80px !important; - margin-right: -80px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-80\@lg { - margin: 80px !important; - } - .mT-80\@lg { - margin-top: 80px !important; - } - .mR-80\@lg { - margin-right: 80px !important; - } - .mB-80\@lg { - margin-bottom: 80px !important; - } - .mL-80\@lg { - margin-left: 80px !important; - } - .mY-80\@lg { - margin-top: 80px !important; - margin-bottom: 80px !important; - } - .mX-80\@lg { - margin-left: 80px !important; - margin-right: 80px !important; - } - .m-nv-80\@lg { - margin: -80px !important; - } - .mT-nv-80\@lg { - margin-top: -80px !important; - } - .mR-nv-80\@lg { - margin-right: -80px !important; - } - .mB-nv-80\@lg { - margin-bottom: -80px !important; - } - .mL-nv-80\@lg { - margin-left: -80px !important; - } - .mY-nv-80\@lg { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .mX-nv-80\@lg { - margin-left: -80px !important; - margin-right: -80px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-80\@md { - margin: 80px !important; - } - .mT-80\@md { - margin-top: 80px !important; - } - .mR-80\@md { - margin-right: 80px !important; - } - .mB-80\@md { - margin-bottom: 80px !important; - } - .mL-80\@md { - margin-left: 80px !important; - } - .mY-80\@md { - margin-top: 80px !important; - margin-bottom: 80px !important; - } - .mX-80\@md { - margin-left: 80px !important; - margin-right: 80px !important; - } - .m-nv-80\@md { - margin: -80px !important; - } - .mT-nv-80\@md { - margin-top: -80px !important; - } - .mR-nv-80\@md { - margin-right: -80px !important; - } - .mB-nv-80\@md { - margin-bottom: -80px !important; - } - .mL-nv-80\@md { - margin-left: -80px !important; - } - .mY-nv-80\@md { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .mX-nv-80\@md { - margin-left: -80px !important; - margin-right: -80px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-80\@sm { - margin: 80px !important; - } - .mT-80\@sm { - margin-top: 80px !important; - } - .mR-80\@sm { - margin-right: 80px !important; - } - .mB-80\@sm { - margin-bottom: 80px !important; - } - .mL-80\@sm { - margin-left: 80px !important; - } - .mY-80\@sm { - margin-top: 80px !important; - margin-bottom: 80px !important; - } - .mX-80\@sm { - margin-left: 80px !important; - margin-right: 80px !important; - } - .m-nv-80\@sm { - margin: -80px !important; - } - .mT-nv-80\@sm { - margin-top: -80px !important; - } - .mR-nv-80\@sm { - margin-right: -80px !important; - } - .mB-nv-80\@sm { - margin-bottom: -80px !important; - } - .mL-nv-80\@sm { - margin-left: -80px !important; - } - .mY-nv-80\@sm { - margin-top: -80px !important; - margin-bottom: -80px !important; - } - .mX-nv-80\@sm { - margin-left: -80px !important; - margin-right: -80px !important; - } - } - .m-90 { - margin: 90px !important; - } - - .mT-90 { - margin-top: 90px !important; - } - - .mR-90 { - margin-right: 90px !important; - } - - .mB-90 { - margin-bottom: 90px !important; - } - - .mL-90 { - margin-left: 90px !important; - } - - .mY-90 { - margin-top: 90px !important; - margin-bottom: 90px !important; - } - - .mX-90 { - margin-left: 90px !important; - margin-right: 90px !important; - } - - .m-nv-90 { - margin: -90px !important; - } - - .mT-nv-90 { - margin-top: -90px !important; - } - - .mR-nv-90 { - margin-right: -90px !important; - } - - .mB-nv-90 { - margin-bottom: -90px !important; - } - - .mL-nv-90 { - margin-left: -90px !important; - } - - .mY-nv-90 { - margin-top: -90px !important; - margin-bottom: -90px !important; - } - - .mX-nv-90 { - margin-left: -90px !important; - margin-right: -90px !important; - } - - @media screen and (min-width: 1440px) { - .m-90\@xl\+ { - margin: 90px !important; - } - .mT-90\@xl\+ { - margin-top: 90px !important; - } - .mR-90\@xl\+ { - margin-right: 90px !important; - } - .mB-90\@xl\+ { - margin-bottom: 90px !important; - } - .mL-90\@xl\+ { - margin-left: 90px !important; - } - .mY-90\@xl\+ { - margin-top: 90px !important; - margin-bottom: 90px !important; - } - .mX-90\@xl\+ { - margin-left: 90px !important; - margin-right: 90px !important; - } - .m-nv-90\@xl\+ { - margin: -90px !important; - } - .mT-nv-90\@xl\+ { - margin-top: -90px !important; - } - .mR-nv-90\@xl\+ { - margin-right: -90px !important; - } - .mB-nv-90\@xl\+ { - margin-bottom: -90px !important; - } - .mL-nv-90\@xl\+ { - margin-left: -90px !important; - } - .mY-nv-90\@xl\+ { - margin-top: -90px !important; - margin-bottom: -90px !important; - } - .mX-nv-90\@xl\+ { - margin-left: -90px !important; - margin-right: -90px !important; - } - } - @media screen and (min-width: 1200px) { - .m-90\@lg\+ { - margin: 90px !important; - } - .mT-90\@lg\+ { - margin-top: 90px !important; - } - .mR-90\@lg\+ { - margin-right: 90px !important; - } - .mB-90\@lg\+ { - margin-bottom: 90px !important; - } - .mL-90\@lg\+ { - margin-left: 90px !important; - } - .mY-90\@lg\+ { - margin-top: 90px !important; - margin-bottom: 90px !important; - } - .mX-90\@lg\+ { - margin-left: 90px !important; - margin-right: 90px !important; - } - .m-nv-90\@lg\+ { - margin: -90px !important; - } - .mT-nv-90\@lg\+ { - margin-top: -90px !important; - } - .mR-nv-90\@lg\+ { - margin-right: -90px !important; - } - .mB-nv-90\@lg\+ { - margin-bottom: -90px !important; - } - .mL-nv-90\@lg\+ { - margin-left: -90px !important; - } - .mY-nv-90\@lg\+ { - margin-top: -90px !important; - margin-bottom: -90px !important; - } - .mX-nv-90\@lg\+ { - margin-left: -90px !important; - margin-right: -90px !important; - } - } - @media screen and (min-width: 992px) { - .m-90\@md\+ { - margin: 90px !important; - } - .mT-90\@md\+ { - margin-top: 90px !important; - } - .mR-90\@md\+ { - margin-right: 90px !important; - } - .mB-90\@md\+ { - margin-bottom: 90px !important; - } - .mL-90\@md\+ { - margin-left: 90px !important; - } - .mY-90\@md\+ { - margin-top: 90px !important; - margin-bottom: 90px !important; - } - .mX-90\@md\+ { - margin-left: 90px !important; - margin-right: 90px !important; - } - .m-nv-90\@md\+ { - margin: -90px !important; - } - .mT-nv-90\@md\+ { - margin-top: -90px !important; - } - .mR-nv-90\@md\+ { - margin-right: -90px !important; - } - .mB-nv-90\@md\+ { - margin-bottom: -90px !important; - } - .mL-nv-90\@md\+ { - margin-left: -90px !important; - } - .mY-nv-90\@md\+ { - margin-top: -90px !important; - margin-bottom: -90px !important; - } - .mX-nv-90\@md\+ { - margin-left: -90px !important; - margin-right: -90px !important; - } - } - @media screen and (min-width: 768px) { - .m-90\@sm\+ { - margin: 90px !important; - } - .mT-90\@sm\+ { - margin-top: 90px !important; - } - .mR-90\@sm\+ { - margin-right: 90px !important; - } - .mB-90\@sm\+ { - margin-bottom: 90px !important; - } - .mL-90\@sm\+ { - margin-left: 90px !important; - } - .mY-90\@sm\+ { - margin-top: 90px !important; - margin-bottom: 90px !important; - } - .mX-90\@sm\+ { - margin-left: 90px !important; - margin-right: 90px !important; - } - .m-nv-90\@sm\+ { - margin: -90px !important; - } - .mT-nv-90\@sm\+ { - margin-top: -90px !important; - } - .mR-nv-90\@sm\+ { - margin-right: -90px !important; - } - .mB-nv-90\@sm\+ { - margin-bottom: -90px !important; - } - .mL-nv-90\@sm\+ { - margin-left: -90px !important; - } - .mY-nv-90\@sm\+ { - margin-top: -90px !important; - margin-bottom: -90px !important; - } - .mX-nv-90\@sm\+ { - margin-left: -90px !important; - margin-right: -90px !important; - } - } - @media screen and (min-width: 0) { - .m-90\@xs\+ { - margin: 90px !important; - } - .mT-90\@xs\+ { - margin-top: 90px !important; - } - .mR-90\@xs\+ { - margin-right: 90px !important; - } - .mB-90\@xs\+ { - margin-bottom: 90px !important; - } - .mL-90\@xs\+ { - margin-left: 90px !important; - } - .mY-90\@xs\+ { - margin-top: 90px !important; - margin-bottom: 90px !important; - } - .mX-90\@xs\+ { - margin-left: 90px !important; - margin-right: 90px !important; - } - .m-nv-90\@xs\+ { - margin: -90px !important; - } - .mT-nv-90\@xs\+ { - margin-top: -90px !important; - } - .mR-nv-90\@xs\+ { - margin-right: -90px !important; - } - .mB-nv-90\@xs\+ { - margin-bottom: -90px !important; - } - .mL-nv-90\@xs\+ { - margin-left: -90px !important; - } - .mY-nv-90\@xs\+ { - margin-top: -90px !important; - margin-bottom: -90px !important; - } - .mX-nv-90\@xs\+ { - margin-left: -90px !important; - margin-right: -90px !important; - } - } - @media screen and (max-width: 1439px) { - .m-90\@xl- { - margin: 90px !important; - } - .mT-90\@xl- { - margin-top: 90px !important; - } - .mR-90\@xl- { - margin-right: 90px !important; - } - .mB-90\@xl- { - margin-bottom: 90px !important; - } - .mL-90\@xl- { - margin-left: 90px !important; - } - .mY-90\@xl- { - margin-top: 90px !important; - margin-bottom: 90px !important; - } - .mX-90\@xl- { - margin-left: 90px !important; - margin-right: 90px !important; - } - .m-nv-90\@xl- { - margin: -90px !important; - } - .mT-nv-90\@xl- { - margin-top: -90px !important; - } - .mR-nv-90\@xl- { - margin-right: -90px !important; - } - .mB-nv-90\@xl- { - margin-bottom: -90px !important; - } - .mL-nv-90\@xl- { - margin-left: -90px !important; - } - .mY-nv-90\@xl- { - margin-top: -90px !important; - margin-bottom: -90px !important; - } - .mX-nv-90\@xl- { - margin-left: -90px !important; - margin-right: -90px !important; - } - } - @media screen and (max-width: 1199px) { - .m-90\@lg- { - margin: 90px !important; - } - .mT-90\@lg- { - margin-top: 90px !important; - } - .mR-90\@lg- { - margin-right: 90px !important; - } - .mB-90\@lg- { - margin-bottom: 90px !important; - } - .mL-90\@lg- { - margin-left: 90px !important; - } - .mY-90\@lg- { - margin-top: 90px !important; - margin-bottom: 90px !important; - } - .mX-90\@lg- { - margin-left: 90px !important; - margin-right: 90px !important; - } - .m-nv-90\@lg- { - margin: -90px !important; - } - .mT-nv-90\@lg- { - margin-top: -90px !important; - } - .mR-nv-90\@lg- { - margin-right: -90px !important; - } - .mB-nv-90\@lg- { - margin-bottom: -90px !important; - } - .mL-nv-90\@lg- { - margin-left: -90px !important; - } - .mY-nv-90\@lg- { - margin-top: -90px !important; - margin-bottom: -90px !important; - } - .mX-nv-90\@lg- { - margin-left: -90px !important; - margin-right: -90px !important; - } - } - @media screen and (max-width: 991px) { - .m-90\@md- { - margin: 90px !important; - } - .mT-90\@md- { - margin-top: 90px !important; - } - .mR-90\@md- { - margin-right: 90px !important; - } - .mB-90\@md- { - margin-bottom: 90px !important; - } - .mL-90\@md- { - margin-left: 90px !important; - } - .mY-90\@md- { - margin-top: 90px !important; - margin-bottom: 90px !important; - } - .mX-90\@md- { - margin-left: 90px !important; - margin-right: 90px !important; - } - .m-nv-90\@md- { - margin: -90px !important; - } - .mT-nv-90\@md- { - margin-top: -90px !important; - } - .mR-nv-90\@md- { - margin-right: -90px !important; - } - .mB-nv-90\@md- { - margin-bottom: -90px !important; - } - .mL-nv-90\@md- { - margin-left: -90px !important; - } - .mY-nv-90\@md- { - margin-top: -90px !important; - margin-bottom: -90px !important; - } - .mX-nv-90\@md- { - margin-left: -90px !important; - margin-right: -90px !important; - } - } - @media screen and (max-width: 767px) { - .m-90\@sm- { - margin: 90px !important; - } - .mT-90\@sm- { - margin-top: 90px !important; - } - .mR-90\@sm- { - margin-right: 90px !important; - } - .mB-90\@sm- { - margin-bottom: 90px !important; - } - .mL-90\@sm- { - margin-left: 90px !important; - } - .mY-90\@sm- { - margin-top: 90px !important; - margin-bottom: 90px !important; - } - .mX-90\@sm- { - margin-left: 90px !important; - margin-right: 90px !important; - } - .m-nv-90\@sm- { - margin: -90px !important; - } - .mT-nv-90\@sm- { - margin-top: -90px !important; - } - .mR-nv-90\@sm- { - margin-right: -90px !important; - } - .mB-nv-90\@sm- { - margin-bottom: -90px !important; - } - .mL-nv-90\@sm- { - margin-left: -90px !important; - } - .mY-nv-90\@sm- { - margin-top: -90px !important; - margin-bottom: -90px !important; - } - .mX-nv-90\@sm- { - margin-left: -90px !important; - margin-right: -90px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-90\@lg { - margin: 90px !important; - } - .mT-90\@lg { - margin-top: 90px !important; - } - .mR-90\@lg { - margin-right: 90px !important; - } - .mB-90\@lg { - margin-bottom: 90px !important; - } - .mL-90\@lg { - margin-left: 90px !important; - } - .mY-90\@lg { - margin-top: 90px !important; - margin-bottom: 90px !important; - } - .mX-90\@lg { - margin-left: 90px !important; - margin-right: 90px !important; - } - .m-nv-90\@lg { - margin: -90px !important; - } - .mT-nv-90\@lg { - margin-top: -90px !important; - } - .mR-nv-90\@lg { - margin-right: -90px !important; - } - .mB-nv-90\@lg { - margin-bottom: -90px !important; - } - .mL-nv-90\@lg { - margin-left: -90px !important; - } - .mY-nv-90\@lg { - margin-top: -90px !important; - margin-bottom: -90px !important; - } - .mX-nv-90\@lg { - margin-left: -90px !important; - margin-right: -90px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-90\@md { - margin: 90px !important; - } - .mT-90\@md { - margin-top: 90px !important; - } - .mR-90\@md { - margin-right: 90px !important; - } - .mB-90\@md { - margin-bottom: 90px !important; - } - .mL-90\@md { - margin-left: 90px !important; - } - .mY-90\@md { - margin-top: 90px !important; - margin-bottom: 90px !important; - } - .mX-90\@md { - margin-left: 90px !important; - margin-right: 90px !important; - } - .m-nv-90\@md { - margin: -90px !important; - } - .mT-nv-90\@md { - margin-top: -90px !important; - } - .mR-nv-90\@md { - margin-right: -90px !important; - } - .mB-nv-90\@md { - margin-bottom: -90px !important; - } - .mL-nv-90\@md { - margin-left: -90px !important; - } - .mY-nv-90\@md { - margin-top: -90px !important; - margin-bottom: -90px !important; - } - .mX-nv-90\@md { - margin-left: -90px !important; - margin-right: -90px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-90\@sm { - margin: 90px !important; - } - .mT-90\@sm { - margin-top: 90px !important; - } - .mR-90\@sm { - margin-right: 90px !important; - } - .mB-90\@sm { - margin-bottom: 90px !important; - } - .mL-90\@sm { - margin-left: 90px !important; - } - .mY-90\@sm { - margin-top: 90px !important; - margin-bottom: 90px !important; - } - .mX-90\@sm { - margin-left: 90px !important; - margin-right: 90px !important; - } - .m-nv-90\@sm { - margin: -90px !important; - } - .mT-nv-90\@sm { - margin-top: -90px !important; - } - .mR-nv-90\@sm { - margin-right: -90px !important; - } - .mB-nv-90\@sm { - margin-bottom: -90px !important; - } - .mL-nv-90\@sm { - margin-left: -90px !important; - } - .mY-nv-90\@sm { - margin-top: -90px !important; - margin-bottom: -90px !important; - } - .mX-nv-90\@sm { - margin-left: -90px !important; - margin-right: -90px !important; - } - } - .m-100 { - margin: 100px !important; - } - - .mT-100 { - margin-top: 100px !important; - } - - .mR-100 { - margin-right: 100px !important; - } - - .mB-100 { - margin-bottom: 100px !important; - } - - .mL-100 { - margin-left: 100px !important; - } - - .mY-100 { - margin-top: 100px !important; - margin-bottom: 100px !important; - } - - .mX-100 { - margin-left: 100px !important; - margin-right: 100px !important; - } - - .m-nv-100 { - margin: -100px !important; - } - - .mT-nv-100 { - margin-top: -100px !important; - } - - .mR-nv-100 { - margin-right: -100px !important; - } - - .mB-nv-100 { - margin-bottom: -100px !important; - } - - .mL-nv-100 { - margin-left: -100px !important; - } - - .mY-nv-100 { - margin-top: -100px !important; - margin-bottom: -100px !important; - } - - .mX-nv-100 { - margin-left: -100px !important; - margin-right: -100px !important; - } - - @media screen and (min-width: 1440px) { - .m-100\@xl\+ { - margin: 100px !important; - } - .mT-100\@xl\+ { - margin-top: 100px !important; - } - .mR-100\@xl\+ { - margin-right: 100px !important; - } - .mB-100\@xl\+ { - margin-bottom: 100px !important; - } - .mL-100\@xl\+ { - margin-left: 100px !important; - } - .mY-100\@xl\+ { - margin-top: 100px !important; - margin-bottom: 100px !important; - } - .mX-100\@xl\+ { - margin-left: 100px !important; - margin-right: 100px !important; - } - .m-nv-100\@xl\+ { - margin: -100px !important; - } - .mT-nv-100\@xl\+ { - margin-top: -100px !important; - } - .mR-nv-100\@xl\+ { - margin-right: -100px !important; - } - .mB-nv-100\@xl\+ { - margin-bottom: -100px !important; - } - .mL-nv-100\@xl\+ { - margin-left: -100px !important; - } - .mY-nv-100\@xl\+ { - margin-top: -100px !important; - margin-bottom: -100px !important; - } - .mX-nv-100\@xl\+ { - margin-left: -100px !important; - margin-right: -100px !important; - } - } - @media screen and (min-width: 1200px) { - .m-100\@lg\+ { - margin: 100px !important; - } - .mT-100\@lg\+ { - margin-top: 100px !important; - } - .mR-100\@lg\+ { - margin-right: 100px !important; - } - .mB-100\@lg\+ { - margin-bottom: 100px !important; - } - .mL-100\@lg\+ { - margin-left: 100px !important; - } - .mY-100\@lg\+ { - margin-top: 100px !important; - margin-bottom: 100px !important; - } - .mX-100\@lg\+ { - margin-left: 100px !important; - margin-right: 100px !important; - } - .m-nv-100\@lg\+ { - margin: -100px !important; - } - .mT-nv-100\@lg\+ { - margin-top: -100px !important; - } - .mR-nv-100\@lg\+ { - margin-right: -100px !important; - } - .mB-nv-100\@lg\+ { - margin-bottom: -100px !important; - } - .mL-nv-100\@lg\+ { - margin-left: -100px !important; - } - .mY-nv-100\@lg\+ { - margin-top: -100px !important; - margin-bottom: -100px !important; - } - .mX-nv-100\@lg\+ { - margin-left: -100px !important; - margin-right: -100px !important; - } - } - @media screen and (min-width: 992px) { - .m-100\@md\+ { - margin: 100px !important; - } - .mT-100\@md\+ { - margin-top: 100px !important; - } - .mR-100\@md\+ { - margin-right: 100px !important; - } - .mB-100\@md\+ { - margin-bottom: 100px !important; - } - .mL-100\@md\+ { - margin-left: 100px !important; - } - .mY-100\@md\+ { - margin-top: 100px !important; - margin-bottom: 100px !important; - } - .mX-100\@md\+ { - margin-left: 100px !important; - margin-right: 100px !important; - } - .m-nv-100\@md\+ { - margin: -100px !important; - } - .mT-nv-100\@md\+ { - margin-top: -100px !important; - } - .mR-nv-100\@md\+ { - margin-right: -100px !important; - } - .mB-nv-100\@md\+ { - margin-bottom: -100px !important; - } - .mL-nv-100\@md\+ { - margin-left: -100px !important; - } - .mY-nv-100\@md\+ { - margin-top: -100px !important; - margin-bottom: -100px !important; - } - .mX-nv-100\@md\+ { - margin-left: -100px !important; - margin-right: -100px !important; - } - } - @media screen and (min-width: 768px) { - .m-100\@sm\+ { - margin: 100px !important; - } - .mT-100\@sm\+ { - margin-top: 100px !important; - } - .mR-100\@sm\+ { - margin-right: 100px !important; - } - .mB-100\@sm\+ { - margin-bottom: 100px !important; - } - .mL-100\@sm\+ { - margin-left: 100px !important; - } - .mY-100\@sm\+ { - margin-top: 100px !important; - margin-bottom: 100px !important; - } - .mX-100\@sm\+ { - margin-left: 100px !important; - margin-right: 100px !important; - } - .m-nv-100\@sm\+ { - margin: -100px !important; - } - .mT-nv-100\@sm\+ { - margin-top: -100px !important; - } - .mR-nv-100\@sm\+ { - margin-right: -100px !important; - } - .mB-nv-100\@sm\+ { - margin-bottom: -100px !important; - } - .mL-nv-100\@sm\+ { - margin-left: -100px !important; - } - .mY-nv-100\@sm\+ { - margin-top: -100px !important; - margin-bottom: -100px !important; - } - .mX-nv-100\@sm\+ { - margin-left: -100px !important; - margin-right: -100px !important; - } - } - @media screen and (min-width: 0) { - .m-100\@xs\+ { - margin: 100px !important; - } - .mT-100\@xs\+ { - margin-top: 100px !important; - } - .mR-100\@xs\+ { - margin-right: 100px !important; - } - .mB-100\@xs\+ { - margin-bottom: 100px !important; - } - .mL-100\@xs\+ { - margin-left: 100px !important; - } - .mY-100\@xs\+ { - margin-top: 100px !important; - margin-bottom: 100px !important; - } - .mX-100\@xs\+ { - margin-left: 100px !important; - margin-right: 100px !important; - } - .m-nv-100\@xs\+ { - margin: -100px !important; - } - .mT-nv-100\@xs\+ { - margin-top: -100px !important; - } - .mR-nv-100\@xs\+ { - margin-right: -100px !important; - } - .mB-nv-100\@xs\+ { - margin-bottom: -100px !important; - } - .mL-nv-100\@xs\+ { - margin-left: -100px !important; - } - .mY-nv-100\@xs\+ { - margin-top: -100px !important; - margin-bottom: -100px !important; - } - .mX-nv-100\@xs\+ { - margin-left: -100px !important; - margin-right: -100px !important; - } - } - @media screen and (max-width: 1439px) { - .m-100\@xl- { - margin: 100px !important; - } - .mT-100\@xl- { - margin-top: 100px !important; - } - .mR-100\@xl- { - margin-right: 100px !important; - } - .mB-100\@xl- { - margin-bottom: 100px !important; - } - .mL-100\@xl- { - margin-left: 100px !important; - } - .mY-100\@xl- { - margin-top: 100px !important; - margin-bottom: 100px !important; - } - .mX-100\@xl- { - margin-left: 100px !important; - margin-right: 100px !important; - } - .m-nv-100\@xl- { - margin: -100px !important; - } - .mT-nv-100\@xl- { - margin-top: -100px !important; - } - .mR-nv-100\@xl- { - margin-right: -100px !important; - } - .mB-nv-100\@xl- { - margin-bottom: -100px !important; - } - .mL-nv-100\@xl- { - margin-left: -100px !important; - } - .mY-nv-100\@xl- { - margin-top: -100px !important; - margin-bottom: -100px !important; - } - .mX-nv-100\@xl- { - margin-left: -100px !important; - margin-right: -100px !important; - } - } - @media screen and (max-width: 1199px) { - .m-100\@lg- { - margin: 100px !important; - } - .mT-100\@lg- { - margin-top: 100px !important; - } - .mR-100\@lg- { - margin-right: 100px !important; - } - .mB-100\@lg- { - margin-bottom: 100px !important; - } - .mL-100\@lg- { - margin-left: 100px !important; - } - .mY-100\@lg- { - margin-top: 100px !important; - margin-bottom: 100px !important; - } - .mX-100\@lg- { - margin-left: 100px !important; - margin-right: 100px !important; - } - .m-nv-100\@lg- { - margin: -100px !important; - } - .mT-nv-100\@lg- { - margin-top: -100px !important; - } - .mR-nv-100\@lg- { - margin-right: -100px !important; - } - .mB-nv-100\@lg- { - margin-bottom: -100px !important; - } - .mL-nv-100\@lg- { - margin-left: -100px !important; - } - .mY-nv-100\@lg- { - margin-top: -100px !important; - margin-bottom: -100px !important; - } - .mX-nv-100\@lg- { - margin-left: -100px !important; - margin-right: -100px !important; - } - } - @media screen and (max-width: 991px) { - .m-100\@md- { - margin: 100px !important; - } - .mT-100\@md- { - margin-top: 100px !important; - } - .mR-100\@md- { - margin-right: 100px !important; - } - .mB-100\@md- { - margin-bottom: 100px !important; - } - .mL-100\@md- { - margin-left: 100px !important; - } - .mY-100\@md- { - margin-top: 100px !important; - margin-bottom: 100px !important; - } - .mX-100\@md- { - margin-left: 100px !important; - margin-right: 100px !important; - } - .m-nv-100\@md- { - margin: -100px !important; - } - .mT-nv-100\@md- { - margin-top: -100px !important; - } - .mR-nv-100\@md- { - margin-right: -100px !important; - } - .mB-nv-100\@md- { - margin-bottom: -100px !important; - } - .mL-nv-100\@md- { - margin-left: -100px !important; - } - .mY-nv-100\@md- { - margin-top: -100px !important; - margin-bottom: -100px !important; - } - .mX-nv-100\@md- { - margin-left: -100px !important; - margin-right: -100px !important; - } - } - @media screen and (max-width: 767px) { - .m-100\@sm- { - margin: 100px !important; - } - .mT-100\@sm- { - margin-top: 100px !important; - } - .mR-100\@sm- { - margin-right: 100px !important; - } - .mB-100\@sm- { - margin-bottom: 100px !important; - } - .mL-100\@sm- { - margin-left: 100px !important; - } - .mY-100\@sm- { - margin-top: 100px !important; - margin-bottom: 100px !important; - } - .mX-100\@sm- { - margin-left: 100px !important; - margin-right: 100px !important; - } - .m-nv-100\@sm- { - margin: -100px !important; - } - .mT-nv-100\@sm- { - margin-top: -100px !important; - } - .mR-nv-100\@sm- { - margin-right: -100px !important; - } - .mB-nv-100\@sm- { - margin-bottom: -100px !important; - } - .mL-nv-100\@sm- { - margin-left: -100px !important; - } - .mY-nv-100\@sm- { - margin-top: -100px !important; - margin-bottom: -100px !important; - } - .mX-nv-100\@sm- { - margin-left: -100px !important; - margin-right: -100px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-100\@lg { - margin: 100px !important; - } - .mT-100\@lg { - margin-top: 100px !important; - } - .mR-100\@lg { - margin-right: 100px !important; - } - .mB-100\@lg { - margin-bottom: 100px !important; - } - .mL-100\@lg { - margin-left: 100px !important; - } - .mY-100\@lg { - margin-top: 100px !important; - margin-bottom: 100px !important; - } - .mX-100\@lg { - margin-left: 100px !important; - margin-right: 100px !important; - } - .m-nv-100\@lg { - margin: -100px !important; - } - .mT-nv-100\@lg { - margin-top: -100px !important; - } - .mR-nv-100\@lg { - margin-right: -100px !important; - } - .mB-nv-100\@lg { - margin-bottom: -100px !important; - } - .mL-nv-100\@lg { - margin-left: -100px !important; - } - .mY-nv-100\@lg { - margin-top: -100px !important; - margin-bottom: -100px !important; - } - .mX-nv-100\@lg { - margin-left: -100px !important; - margin-right: -100px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-100\@md { - margin: 100px !important; - } - .mT-100\@md { - margin-top: 100px !important; - } - .mR-100\@md { - margin-right: 100px !important; - } - .mB-100\@md { - margin-bottom: 100px !important; - } - .mL-100\@md { - margin-left: 100px !important; - } - .mY-100\@md { - margin-top: 100px !important; - margin-bottom: 100px !important; - } - .mX-100\@md { - margin-left: 100px !important; - margin-right: 100px !important; - } - .m-nv-100\@md { - margin: -100px !important; - } - .mT-nv-100\@md { - margin-top: -100px !important; - } - .mR-nv-100\@md { - margin-right: -100px !important; - } - .mB-nv-100\@md { - margin-bottom: -100px !important; - } - .mL-nv-100\@md { - margin-left: -100px !important; - } - .mY-nv-100\@md { - margin-top: -100px !important; - margin-bottom: -100px !important; - } - .mX-nv-100\@md { - margin-left: -100px !important; - margin-right: -100px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-100\@sm { - margin: 100px !important; - } - .mT-100\@sm { - margin-top: 100px !important; - } - .mR-100\@sm { - margin-right: 100px !important; - } - .mB-100\@sm { - margin-bottom: 100px !important; - } - .mL-100\@sm { - margin-left: 100px !important; - } - .mY-100\@sm { - margin-top: 100px !important; - margin-bottom: 100px !important; - } - .mX-100\@sm { - margin-left: 100px !important; - margin-right: 100px !important; - } - .m-nv-100\@sm { - margin: -100px !important; - } - .mT-nv-100\@sm { - margin-top: -100px !important; - } - .mR-nv-100\@sm { - margin-right: -100px !important; - } - .mB-nv-100\@sm { - margin-bottom: -100px !important; - } - .mL-nv-100\@sm { - margin-left: -100px !important; - } - .mY-nv-100\@sm { - margin-top: -100px !important; - margin-bottom: -100px !important; - } - .mX-nv-100\@sm { - margin-left: -100px !important; - margin-right: -100px !important; - } - } - .m-110 { - margin: 110px !important; - } - - .mT-110 { - margin-top: 110px !important; - } - - .mR-110 { - margin-right: 110px !important; - } - - .mB-110 { - margin-bottom: 110px !important; - } - - .mL-110 { - margin-left: 110px !important; - } - - .mY-110 { - margin-top: 110px !important; - margin-bottom: 110px !important; - } - - .mX-110 { - margin-left: 110px !important; - margin-right: 110px !important; - } - - .m-nv-110 { - margin: -110px !important; - } - - .mT-nv-110 { - margin-top: -110px !important; - } - - .mR-nv-110 { - margin-right: -110px !important; - } - - .mB-nv-110 { - margin-bottom: -110px !important; - } - - .mL-nv-110 { - margin-left: -110px !important; - } - - .mY-nv-110 { - margin-top: -110px !important; - margin-bottom: -110px !important; - } - - .mX-nv-110 { - margin-left: -110px !important; - margin-right: -110px !important; - } - - @media screen and (min-width: 1440px) { - .m-110\@xl\+ { - margin: 110px !important; - } - .mT-110\@xl\+ { - margin-top: 110px !important; - } - .mR-110\@xl\+ { - margin-right: 110px !important; - } - .mB-110\@xl\+ { - margin-bottom: 110px !important; - } - .mL-110\@xl\+ { - margin-left: 110px !important; - } - .mY-110\@xl\+ { - margin-top: 110px !important; - margin-bottom: 110px !important; - } - .mX-110\@xl\+ { - margin-left: 110px !important; - margin-right: 110px !important; - } - .m-nv-110\@xl\+ { - margin: -110px !important; - } - .mT-nv-110\@xl\+ { - margin-top: -110px !important; - } - .mR-nv-110\@xl\+ { - margin-right: -110px !important; - } - .mB-nv-110\@xl\+ { - margin-bottom: -110px !important; - } - .mL-nv-110\@xl\+ { - margin-left: -110px !important; - } - .mY-nv-110\@xl\+ { - margin-top: -110px !important; - margin-bottom: -110px !important; - } - .mX-nv-110\@xl\+ { - margin-left: -110px !important; - margin-right: -110px !important; - } - } - @media screen and (min-width: 1200px) { - .m-110\@lg\+ { - margin: 110px !important; - } - .mT-110\@lg\+ { - margin-top: 110px !important; - } - .mR-110\@lg\+ { - margin-right: 110px !important; - } - .mB-110\@lg\+ { - margin-bottom: 110px !important; - } - .mL-110\@lg\+ { - margin-left: 110px !important; - } - .mY-110\@lg\+ { - margin-top: 110px !important; - margin-bottom: 110px !important; - } - .mX-110\@lg\+ { - margin-left: 110px !important; - margin-right: 110px !important; - } - .m-nv-110\@lg\+ { - margin: -110px !important; - } - .mT-nv-110\@lg\+ { - margin-top: -110px !important; - } - .mR-nv-110\@lg\+ { - margin-right: -110px !important; - } - .mB-nv-110\@lg\+ { - margin-bottom: -110px !important; - } - .mL-nv-110\@lg\+ { - margin-left: -110px !important; - } - .mY-nv-110\@lg\+ { - margin-top: -110px !important; - margin-bottom: -110px !important; - } - .mX-nv-110\@lg\+ { - margin-left: -110px !important; - margin-right: -110px !important; - } - } - @media screen and (min-width: 992px) { - .m-110\@md\+ { - margin: 110px !important; - } - .mT-110\@md\+ { - margin-top: 110px !important; - } - .mR-110\@md\+ { - margin-right: 110px !important; - } - .mB-110\@md\+ { - margin-bottom: 110px !important; - } - .mL-110\@md\+ { - margin-left: 110px !important; - } - .mY-110\@md\+ { - margin-top: 110px !important; - margin-bottom: 110px !important; - } - .mX-110\@md\+ { - margin-left: 110px !important; - margin-right: 110px !important; - } - .m-nv-110\@md\+ { - margin: -110px !important; - } - .mT-nv-110\@md\+ { - margin-top: -110px !important; - } - .mR-nv-110\@md\+ { - margin-right: -110px !important; - } - .mB-nv-110\@md\+ { - margin-bottom: -110px !important; - } - .mL-nv-110\@md\+ { - margin-left: -110px !important; - } - .mY-nv-110\@md\+ { - margin-top: -110px !important; - margin-bottom: -110px !important; - } - .mX-nv-110\@md\+ { - margin-left: -110px !important; - margin-right: -110px !important; - } - } - @media screen and (min-width: 768px) { - .m-110\@sm\+ { - margin: 110px !important; - } - .mT-110\@sm\+ { - margin-top: 110px !important; - } - .mR-110\@sm\+ { - margin-right: 110px !important; - } - .mB-110\@sm\+ { - margin-bottom: 110px !important; - } - .mL-110\@sm\+ { - margin-left: 110px !important; - } - .mY-110\@sm\+ { - margin-top: 110px !important; - margin-bottom: 110px !important; - } - .mX-110\@sm\+ { - margin-left: 110px !important; - margin-right: 110px !important; - } - .m-nv-110\@sm\+ { - margin: -110px !important; - } - .mT-nv-110\@sm\+ { - margin-top: -110px !important; - } - .mR-nv-110\@sm\+ { - margin-right: -110px !important; - } - .mB-nv-110\@sm\+ { - margin-bottom: -110px !important; - } - .mL-nv-110\@sm\+ { - margin-left: -110px !important; - } - .mY-nv-110\@sm\+ { - margin-top: -110px !important; - margin-bottom: -110px !important; - } - .mX-nv-110\@sm\+ { - margin-left: -110px !important; - margin-right: -110px !important; - } - } - @media screen and (min-width: 0) { - .m-110\@xs\+ { - margin: 110px !important; - } - .mT-110\@xs\+ { - margin-top: 110px !important; - } - .mR-110\@xs\+ { - margin-right: 110px !important; - } - .mB-110\@xs\+ { - margin-bottom: 110px !important; - } - .mL-110\@xs\+ { - margin-left: 110px !important; - } - .mY-110\@xs\+ { - margin-top: 110px !important; - margin-bottom: 110px !important; - } - .mX-110\@xs\+ { - margin-left: 110px !important; - margin-right: 110px !important; - } - .m-nv-110\@xs\+ { - margin: -110px !important; - } - .mT-nv-110\@xs\+ { - margin-top: -110px !important; - } - .mR-nv-110\@xs\+ { - margin-right: -110px !important; - } - .mB-nv-110\@xs\+ { - margin-bottom: -110px !important; - } - .mL-nv-110\@xs\+ { - margin-left: -110px !important; - } - .mY-nv-110\@xs\+ { - margin-top: -110px !important; - margin-bottom: -110px !important; - } - .mX-nv-110\@xs\+ { - margin-left: -110px !important; - margin-right: -110px !important; - } - } - @media screen and (max-width: 1439px) { - .m-110\@xl- { - margin: 110px !important; - } - .mT-110\@xl- { - margin-top: 110px !important; - } - .mR-110\@xl- { - margin-right: 110px !important; - } - .mB-110\@xl- { - margin-bottom: 110px !important; - } - .mL-110\@xl- { - margin-left: 110px !important; - } - .mY-110\@xl- { - margin-top: 110px !important; - margin-bottom: 110px !important; - } - .mX-110\@xl- { - margin-left: 110px !important; - margin-right: 110px !important; - } - .m-nv-110\@xl- { - margin: -110px !important; - } - .mT-nv-110\@xl- { - margin-top: -110px !important; - } - .mR-nv-110\@xl- { - margin-right: -110px !important; - } - .mB-nv-110\@xl- { - margin-bottom: -110px !important; - } - .mL-nv-110\@xl- { - margin-left: -110px !important; - } - .mY-nv-110\@xl- { - margin-top: -110px !important; - margin-bottom: -110px !important; - } - .mX-nv-110\@xl- { - margin-left: -110px !important; - margin-right: -110px !important; - } - } - @media screen and (max-width: 1199px) { - .m-110\@lg- { - margin: 110px !important; - } - .mT-110\@lg- { - margin-top: 110px !important; - } - .mR-110\@lg- { - margin-right: 110px !important; - } - .mB-110\@lg- { - margin-bottom: 110px !important; - } - .mL-110\@lg- { - margin-left: 110px !important; - } - .mY-110\@lg- { - margin-top: 110px !important; - margin-bottom: 110px !important; - } - .mX-110\@lg- { - margin-left: 110px !important; - margin-right: 110px !important; - } - .m-nv-110\@lg- { - margin: -110px !important; - } - .mT-nv-110\@lg- { - margin-top: -110px !important; - } - .mR-nv-110\@lg- { - margin-right: -110px !important; - } - .mB-nv-110\@lg- { - margin-bottom: -110px !important; - } - .mL-nv-110\@lg- { - margin-left: -110px !important; - } - .mY-nv-110\@lg- { - margin-top: -110px !important; - margin-bottom: -110px !important; - } - .mX-nv-110\@lg- { - margin-left: -110px !important; - margin-right: -110px !important; - } - } - @media screen and (max-width: 991px) { - .m-110\@md- { - margin: 110px !important; - } - .mT-110\@md- { - margin-top: 110px !important; - } - .mR-110\@md- { - margin-right: 110px !important; - } - .mB-110\@md- { - margin-bottom: 110px !important; - } - .mL-110\@md- { - margin-left: 110px !important; - } - .mY-110\@md- { - margin-top: 110px !important; - margin-bottom: 110px !important; - } - .mX-110\@md- { - margin-left: 110px !important; - margin-right: 110px !important; - } - .m-nv-110\@md- { - margin: -110px !important; - } - .mT-nv-110\@md- { - margin-top: -110px !important; - } - .mR-nv-110\@md- { - margin-right: -110px !important; - } - .mB-nv-110\@md- { - margin-bottom: -110px !important; - } - .mL-nv-110\@md- { - margin-left: -110px !important; - } - .mY-nv-110\@md- { - margin-top: -110px !important; - margin-bottom: -110px !important; - } - .mX-nv-110\@md- { - margin-left: -110px !important; - margin-right: -110px !important; - } - } - @media screen and (max-width: 767px) { - .m-110\@sm- { - margin: 110px !important; - } - .mT-110\@sm- { - margin-top: 110px !important; - } - .mR-110\@sm- { - margin-right: 110px !important; - } - .mB-110\@sm- { - margin-bottom: 110px !important; - } - .mL-110\@sm- { - margin-left: 110px !important; - } - .mY-110\@sm- { - margin-top: 110px !important; - margin-bottom: 110px !important; - } - .mX-110\@sm- { - margin-left: 110px !important; - margin-right: 110px !important; - } - .m-nv-110\@sm- { - margin: -110px !important; - } - .mT-nv-110\@sm- { - margin-top: -110px !important; - } - .mR-nv-110\@sm- { - margin-right: -110px !important; - } - .mB-nv-110\@sm- { - margin-bottom: -110px !important; - } - .mL-nv-110\@sm- { - margin-left: -110px !important; - } - .mY-nv-110\@sm- { - margin-top: -110px !important; - margin-bottom: -110px !important; - } - .mX-nv-110\@sm- { - margin-left: -110px !important; - margin-right: -110px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-110\@lg { - margin: 110px !important; - } - .mT-110\@lg { - margin-top: 110px !important; - } - .mR-110\@lg { - margin-right: 110px !important; - } - .mB-110\@lg { - margin-bottom: 110px !important; - } - .mL-110\@lg { - margin-left: 110px !important; - } - .mY-110\@lg { - margin-top: 110px !important; - margin-bottom: 110px !important; - } - .mX-110\@lg { - margin-left: 110px !important; - margin-right: 110px !important; - } - .m-nv-110\@lg { - margin: -110px !important; - } - .mT-nv-110\@lg { - margin-top: -110px !important; - } - .mR-nv-110\@lg { - margin-right: -110px !important; - } - .mB-nv-110\@lg { - margin-bottom: -110px !important; - } - .mL-nv-110\@lg { - margin-left: -110px !important; - } - .mY-nv-110\@lg { - margin-top: -110px !important; - margin-bottom: -110px !important; - } - .mX-nv-110\@lg { - margin-left: -110px !important; - margin-right: -110px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-110\@md { - margin: 110px !important; - } - .mT-110\@md { - margin-top: 110px !important; - } - .mR-110\@md { - margin-right: 110px !important; - } - .mB-110\@md { - margin-bottom: 110px !important; - } - .mL-110\@md { - margin-left: 110px !important; - } - .mY-110\@md { - margin-top: 110px !important; - margin-bottom: 110px !important; - } - .mX-110\@md { - margin-left: 110px !important; - margin-right: 110px !important; - } - .m-nv-110\@md { - margin: -110px !important; - } - .mT-nv-110\@md { - margin-top: -110px !important; - } - .mR-nv-110\@md { - margin-right: -110px !important; - } - .mB-nv-110\@md { - margin-bottom: -110px !important; - } - .mL-nv-110\@md { - margin-left: -110px !important; - } - .mY-nv-110\@md { - margin-top: -110px !important; - margin-bottom: -110px !important; - } - .mX-nv-110\@md { - margin-left: -110px !important; - margin-right: -110px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-110\@sm { - margin: 110px !important; - } - .mT-110\@sm { - margin-top: 110px !important; - } - .mR-110\@sm { - margin-right: 110px !important; - } - .mB-110\@sm { - margin-bottom: 110px !important; - } - .mL-110\@sm { - margin-left: 110px !important; - } - .mY-110\@sm { - margin-top: 110px !important; - margin-bottom: 110px !important; - } - .mX-110\@sm { - margin-left: 110px !important; - margin-right: 110px !important; - } - .m-nv-110\@sm { - margin: -110px !important; - } - .mT-nv-110\@sm { - margin-top: -110px !important; - } - .mR-nv-110\@sm { - margin-right: -110px !important; - } - .mB-nv-110\@sm { - margin-bottom: -110px !important; - } - .mL-nv-110\@sm { - margin-left: -110px !important; - } - .mY-nv-110\@sm { - margin-top: -110px !important; - margin-bottom: -110px !important; - } - .mX-nv-110\@sm { - margin-left: -110px !important; - margin-right: -110px !important; - } - } - .m-120 { - margin: 120px !important; - } - - .mT-120 { - margin-top: 120px !important; - } - - .mR-120 { - margin-right: 120px !important; - } - - .mB-120 { - margin-bottom: 120px !important; - } - - .mL-120 { - margin-left: 120px !important; - } - - .mY-120 { - margin-top: 120px !important; - margin-bottom: 120px !important; - } - - .mX-120 { - margin-left: 120px !important; - margin-right: 120px !important; - } - - .m-nv-120 { - margin: -120px !important; - } - - .mT-nv-120 { - margin-top: -120px !important; - } - - .mR-nv-120 { - margin-right: -120px !important; - } - - .mB-nv-120 { - margin-bottom: -120px !important; - } - - .mL-nv-120 { - margin-left: -120px !important; - } - - .mY-nv-120 { - margin-top: -120px !important; - margin-bottom: -120px !important; - } - - .mX-nv-120 { - margin-left: -120px !important; - margin-right: -120px !important; - } - - @media screen and (min-width: 1440px) { - .m-120\@xl\+ { - margin: 120px !important; - } - .mT-120\@xl\+ { - margin-top: 120px !important; - } - .mR-120\@xl\+ { - margin-right: 120px !important; - } - .mB-120\@xl\+ { - margin-bottom: 120px !important; - } - .mL-120\@xl\+ { - margin-left: 120px !important; - } - .mY-120\@xl\+ { - margin-top: 120px !important; - margin-bottom: 120px !important; - } - .mX-120\@xl\+ { - margin-left: 120px !important; - margin-right: 120px !important; - } - .m-nv-120\@xl\+ { - margin: -120px !important; - } - .mT-nv-120\@xl\+ { - margin-top: -120px !important; - } - .mR-nv-120\@xl\+ { - margin-right: -120px !important; - } - .mB-nv-120\@xl\+ { - margin-bottom: -120px !important; - } - .mL-nv-120\@xl\+ { - margin-left: -120px !important; - } - .mY-nv-120\@xl\+ { - margin-top: -120px !important; - margin-bottom: -120px !important; - } - .mX-nv-120\@xl\+ { - margin-left: -120px !important; - margin-right: -120px !important; - } - } - @media screen and (min-width: 1200px) { - .m-120\@lg\+ { - margin: 120px !important; - } - .mT-120\@lg\+ { - margin-top: 120px !important; - } - .mR-120\@lg\+ { - margin-right: 120px !important; - } - .mB-120\@lg\+ { - margin-bottom: 120px !important; - } - .mL-120\@lg\+ { - margin-left: 120px !important; - } - .mY-120\@lg\+ { - margin-top: 120px !important; - margin-bottom: 120px !important; - } - .mX-120\@lg\+ { - margin-left: 120px !important; - margin-right: 120px !important; - } - .m-nv-120\@lg\+ { - margin: -120px !important; - } - .mT-nv-120\@lg\+ { - margin-top: -120px !important; - } - .mR-nv-120\@lg\+ { - margin-right: -120px !important; - } - .mB-nv-120\@lg\+ { - margin-bottom: -120px !important; - } - .mL-nv-120\@lg\+ { - margin-left: -120px !important; - } - .mY-nv-120\@lg\+ { - margin-top: -120px !important; - margin-bottom: -120px !important; - } - .mX-nv-120\@lg\+ { - margin-left: -120px !important; - margin-right: -120px !important; - } - } - @media screen and (min-width: 992px) { - .m-120\@md\+ { - margin: 120px !important; - } - .mT-120\@md\+ { - margin-top: 120px !important; - } - .mR-120\@md\+ { - margin-right: 120px !important; - } - .mB-120\@md\+ { - margin-bottom: 120px !important; - } - .mL-120\@md\+ { - margin-left: 120px !important; - } - .mY-120\@md\+ { - margin-top: 120px !important; - margin-bottom: 120px !important; - } - .mX-120\@md\+ { - margin-left: 120px !important; - margin-right: 120px !important; - } - .m-nv-120\@md\+ { - margin: -120px !important; - } - .mT-nv-120\@md\+ { - margin-top: -120px !important; - } - .mR-nv-120\@md\+ { - margin-right: -120px !important; - } - .mB-nv-120\@md\+ { - margin-bottom: -120px !important; - } - .mL-nv-120\@md\+ { - margin-left: -120px !important; - } - .mY-nv-120\@md\+ { - margin-top: -120px !important; - margin-bottom: -120px !important; - } - .mX-nv-120\@md\+ { - margin-left: -120px !important; - margin-right: -120px !important; - } - } - @media screen and (min-width: 768px) { - .m-120\@sm\+ { - margin: 120px !important; - } - .mT-120\@sm\+ { - margin-top: 120px !important; - } - .mR-120\@sm\+ { - margin-right: 120px !important; - } - .mB-120\@sm\+ { - margin-bottom: 120px !important; - } - .mL-120\@sm\+ { - margin-left: 120px !important; - } - .mY-120\@sm\+ { - margin-top: 120px !important; - margin-bottom: 120px !important; - } - .mX-120\@sm\+ { - margin-left: 120px !important; - margin-right: 120px !important; - } - .m-nv-120\@sm\+ { - margin: -120px !important; - } - .mT-nv-120\@sm\+ { - margin-top: -120px !important; - } - .mR-nv-120\@sm\+ { - margin-right: -120px !important; - } - .mB-nv-120\@sm\+ { - margin-bottom: -120px !important; - } - .mL-nv-120\@sm\+ { - margin-left: -120px !important; - } - .mY-nv-120\@sm\+ { - margin-top: -120px !important; - margin-bottom: -120px !important; - } - .mX-nv-120\@sm\+ { - margin-left: -120px !important; - margin-right: -120px !important; - } - } - @media screen and (min-width: 0) { - .m-120\@xs\+ { - margin: 120px !important; - } - .mT-120\@xs\+ { - margin-top: 120px !important; - } - .mR-120\@xs\+ { - margin-right: 120px !important; - } - .mB-120\@xs\+ { - margin-bottom: 120px !important; - } - .mL-120\@xs\+ { - margin-left: 120px !important; - } - .mY-120\@xs\+ { - margin-top: 120px !important; - margin-bottom: 120px !important; - } - .mX-120\@xs\+ { - margin-left: 120px !important; - margin-right: 120px !important; - } - .m-nv-120\@xs\+ { - margin: -120px !important; - } - .mT-nv-120\@xs\+ { - margin-top: -120px !important; - } - .mR-nv-120\@xs\+ { - margin-right: -120px !important; - } - .mB-nv-120\@xs\+ { - margin-bottom: -120px !important; - } - .mL-nv-120\@xs\+ { - margin-left: -120px !important; - } - .mY-nv-120\@xs\+ { - margin-top: -120px !important; - margin-bottom: -120px !important; - } - .mX-nv-120\@xs\+ { - margin-left: -120px !important; - margin-right: -120px !important; - } - } - @media screen and (max-width: 1439px) { - .m-120\@xl- { - margin: 120px !important; - } - .mT-120\@xl- { - margin-top: 120px !important; - } - .mR-120\@xl- { - margin-right: 120px !important; - } - .mB-120\@xl- { - margin-bottom: 120px !important; - } - .mL-120\@xl- { - margin-left: 120px !important; - } - .mY-120\@xl- { - margin-top: 120px !important; - margin-bottom: 120px !important; - } - .mX-120\@xl- { - margin-left: 120px !important; - margin-right: 120px !important; - } - .m-nv-120\@xl- { - margin: -120px !important; - } - .mT-nv-120\@xl- { - margin-top: -120px !important; - } - .mR-nv-120\@xl- { - margin-right: -120px !important; - } - .mB-nv-120\@xl- { - margin-bottom: -120px !important; - } - .mL-nv-120\@xl- { - margin-left: -120px !important; - } - .mY-nv-120\@xl- { - margin-top: -120px !important; - margin-bottom: -120px !important; - } - .mX-nv-120\@xl- { - margin-left: -120px !important; - margin-right: -120px !important; - } - } - @media screen and (max-width: 1199px) { - .m-120\@lg- { - margin: 120px !important; - } - .mT-120\@lg- { - margin-top: 120px !important; - } - .mR-120\@lg- { - margin-right: 120px !important; - } - .mB-120\@lg- { - margin-bottom: 120px !important; - } - .mL-120\@lg- { - margin-left: 120px !important; - } - .mY-120\@lg- { - margin-top: 120px !important; - margin-bottom: 120px !important; - } - .mX-120\@lg- { - margin-left: 120px !important; - margin-right: 120px !important; - } - .m-nv-120\@lg- { - margin: -120px !important; - } - .mT-nv-120\@lg- { - margin-top: -120px !important; - } - .mR-nv-120\@lg- { - margin-right: -120px !important; - } - .mB-nv-120\@lg- { - margin-bottom: -120px !important; - } - .mL-nv-120\@lg- { - margin-left: -120px !important; - } - .mY-nv-120\@lg- { - margin-top: -120px !important; - margin-bottom: -120px !important; - } - .mX-nv-120\@lg- { - margin-left: -120px !important; - margin-right: -120px !important; - } - } - @media screen and (max-width: 991px) { - .m-120\@md- { - margin: 120px !important; - } - .mT-120\@md- { - margin-top: 120px !important; - } - .mR-120\@md- { - margin-right: 120px !important; - } - .mB-120\@md- { - margin-bottom: 120px !important; - } - .mL-120\@md- { - margin-left: 120px !important; - } - .mY-120\@md- { - margin-top: 120px !important; - margin-bottom: 120px !important; - } - .mX-120\@md- { - margin-left: 120px !important; - margin-right: 120px !important; - } - .m-nv-120\@md- { - margin: -120px !important; - } - .mT-nv-120\@md- { - margin-top: -120px !important; - } - .mR-nv-120\@md- { - margin-right: -120px !important; - } - .mB-nv-120\@md- { - margin-bottom: -120px !important; - } - .mL-nv-120\@md- { - margin-left: -120px !important; - } - .mY-nv-120\@md- { - margin-top: -120px !important; - margin-bottom: -120px !important; - } - .mX-nv-120\@md- { - margin-left: -120px !important; - margin-right: -120px !important; - } - } - @media screen and (max-width: 767px) { - .m-120\@sm- { - margin: 120px !important; - } - .mT-120\@sm- { - margin-top: 120px !important; - } - .mR-120\@sm- { - margin-right: 120px !important; - } - .mB-120\@sm- { - margin-bottom: 120px !important; - } - .mL-120\@sm- { - margin-left: 120px !important; - } - .mY-120\@sm- { - margin-top: 120px !important; - margin-bottom: 120px !important; - } - .mX-120\@sm- { - margin-left: 120px !important; - margin-right: 120px !important; - } - .m-nv-120\@sm- { - margin: -120px !important; - } - .mT-nv-120\@sm- { - margin-top: -120px !important; - } - .mR-nv-120\@sm- { - margin-right: -120px !important; - } - .mB-nv-120\@sm- { - margin-bottom: -120px !important; - } - .mL-nv-120\@sm- { - margin-left: -120px !important; - } - .mY-nv-120\@sm- { - margin-top: -120px !important; - margin-bottom: -120px !important; - } - .mX-nv-120\@sm- { - margin-left: -120px !important; - margin-right: -120px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-120\@lg { - margin: 120px !important; - } - .mT-120\@lg { - margin-top: 120px !important; - } - .mR-120\@lg { - margin-right: 120px !important; - } - .mB-120\@lg { - margin-bottom: 120px !important; - } - .mL-120\@lg { - margin-left: 120px !important; - } - .mY-120\@lg { - margin-top: 120px !important; - margin-bottom: 120px !important; - } - .mX-120\@lg { - margin-left: 120px !important; - margin-right: 120px !important; - } - .m-nv-120\@lg { - margin: -120px !important; - } - .mT-nv-120\@lg { - margin-top: -120px !important; - } - .mR-nv-120\@lg { - margin-right: -120px !important; - } - .mB-nv-120\@lg { - margin-bottom: -120px !important; - } - .mL-nv-120\@lg { - margin-left: -120px !important; - } - .mY-nv-120\@lg { - margin-top: -120px !important; - margin-bottom: -120px !important; - } - .mX-nv-120\@lg { - margin-left: -120px !important; - margin-right: -120px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-120\@md { - margin: 120px !important; - } - .mT-120\@md { - margin-top: 120px !important; - } - .mR-120\@md { - margin-right: 120px !important; - } - .mB-120\@md { - margin-bottom: 120px !important; - } - .mL-120\@md { - margin-left: 120px !important; - } - .mY-120\@md { - margin-top: 120px !important; - margin-bottom: 120px !important; - } - .mX-120\@md { - margin-left: 120px !important; - margin-right: 120px !important; - } - .m-nv-120\@md { - margin: -120px !important; - } - .mT-nv-120\@md { - margin-top: -120px !important; - } - .mR-nv-120\@md { - margin-right: -120px !important; - } - .mB-nv-120\@md { - margin-bottom: -120px !important; - } - .mL-nv-120\@md { - margin-left: -120px !important; - } - .mY-nv-120\@md { - margin-top: -120px !important; - margin-bottom: -120px !important; - } - .mX-nv-120\@md { - margin-left: -120px !important; - margin-right: -120px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-120\@sm { - margin: 120px !important; - } - .mT-120\@sm { - margin-top: 120px !important; - } - .mR-120\@sm { - margin-right: 120px !important; - } - .mB-120\@sm { - margin-bottom: 120px !important; - } - .mL-120\@sm { - margin-left: 120px !important; - } - .mY-120\@sm { - margin-top: 120px !important; - margin-bottom: 120px !important; - } - .mX-120\@sm { - margin-left: 120px !important; - margin-right: 120px !important; - } - .m-nv-120\@sm { - margin: -120px !important; - } - .mT-nv-120\@sm { - margin-top: -120px !important; - } - .mR-nv-120\@sm { - margin-right: -120px !important; - } - .mB-nv-120\@sm { - margin-bottom: -120px !important; - } - .mL-nv-120\@sm { - margin-left: -120px !important; - } - .mY-nv-120\@sm { - margin-top: -120px !important; - margin-bottom: -120px !important; - } - .mX-nv-120\@sm { - margin-left: -120px !important; - margin-right: -120px !important; - } - } - .m-130 { - margin: 130px !important; - } - - .mT-130 { - margin-top: 130px !important; - } - - .mR-130 { - margin-right: 130px !important; - } - - .mB-130 { - margin-bottom: 130px !important; - } - - .mL-130 { - margin-left: 130px !important; - } - - .mY-130 { - margin-top: 130px !important; - margin-bottom: 130px !important; - } - - .mX-130 { - margin-left: 130px !important; - margin-right: 130px !important; - } - - .m-nv-130 { - margin: -130px !important; - } - - .mT-nv-130 { - margin-top: -130px !important; - } - - .mR-nv-130 { - margin-right: -130px !important; - } - - .mB-nv-130 { - margin-bottom: -130px !important; - } - - .mL-nv-130 { - margin-left: -130px !important; - } - - .mY-nv-130 { - margin-top: -130px !important; - margin-bottom: -130px !important; - } - - .mX-nv-130 { - margin-left: -130px !important; - margin-right: -130px !important; - } - - @media screen and (min-width: 1440px) { - .m-130\@xl\+ { - margin: 130px !important; - } - .mT-130\@xl\+ { - margin-top: 130px !important; - } - .mR-130\@xl\+ { - margin-right: 130px !important; - } - .mB-130\@xl\+ { - margin-bottom: 130px !important; - } - .mL-130\@xl\+ { - margin-left: 130px !important; - } - .mY-130\@xl\+ { - margin-top: 130px !important; - margin-bottom: 130px !important; - } - .mX-130\@xl\+ { - margin-left: 130px !important; - margin-right: 130px !important; - } - .m-nv-130\@xl\+ { - margin: -130px !important; - } - .mT-nv-130\@xl\+ { - margin-top: -130px !important; - } - .mR-nv-130\@xl\+ { - margin-right: -130px !important; - } - .mB-nv-130\@xl\+ { - margin-bottom: -130px !important; - } - .mL-nv-130\@xl\+ { - margin-left: -130px !important; - } - .mY-nv-130\@xl\+ { - margin-top: -130px !important; - margin-bottom: -130px !important; - } - .mX-nv-130\@xl\+ { - margin-left: -130px !important; - margin-right: -130px !important; - } - } - @media screen and (min-width: 1200px) { - .m-130\@lg\+ { - margin: 130px !important; - } - .mT-130\@lg\+ { - margin-top: 130px !important; - } - .mR-130\@lg\+ { - margin-right: 130px !important; - } - .mB-130\@lg\+ { - margin-bottom: 130px !important; - } - .mL-130\@lg\+ { - margin-left: 130px !important; - } - .mY-130\@lg\+ { - margin-top: 130px !important; - margin-bottom: 130px !important; - } - .mX-130\@lg\+ { - margin-left: 130px !important; - margin-right: 130px !important; - } - .m-nv-130\@lg\+ { - margin: -130px !important; - } - .mT-nv-130\@lg\+ { - margin-top: -130px !important; - } - .mR-nv-130\@lg\+ { - margin-right: -130px !important; - } - .mB-nv-130\@lg\+ { - margin-bottom: -130px !important; - } - .mL-nv-130\@lg\+ { - margin-left: -130px !important; - } - .mY-nv-130\@lg\+ { - margin-top: -130px !important; - margin-bottom: -130px !important; - } - .mX-nv-130\@lg\+ { - margin-left: -130px !important; - margin-right: -130px !important; - } - } - @media screen and (min-width: 992px) { - .m-130\@md\+ { - margin: 130px !important; - } - .mT-130\@md\+ { - margin-top: 130px !important; - } - .mR-130\@md\+ { - margin-right: 130px !important; - } - .mB-130\@md\+ { - margin-bottom: 130px !important; - } - .mL-130\@md\+ { - margin-left: 130px !important; - } - .mY-130\@md\+ { - margin-top: 130px !important; - margin-bottom: 130px !important; - } - .mX-130\@md\+ { - margin-left: 130px !important; - margin-right: 130px !important; - } - .m-nv-130\@md\+ { - margin: -130px !important; - } - .mT-nv-130\@md\+ { - margin-top: -130px !important; - } - .mR-nv-130\@md\+ { - margin-right: -130px !important; - } - .mB-nv-130\@md\+ { - margin-bottom: -130px !important; - } - .mL-nv-130\@md\+ { - margin-left: -130px !important; - } - .mY-nv-130\@md\+ { - margin-top: -130px !important; - margin-bottom: -130px !important; - } - .mX-nv-130\@md\+ { - margin-left: -130px !important; - margin-right: -130px !important; - } - } - @media screen and (min-width: 768px) { - .m-130\@sm\+ { - margin: 130px !important; - } - .mT-130\@sm\+ { - margin-top: 130px !important; - } - .mR-130\@sm\+ { - margin-right: 130px !important; - } - .mB-130\@sm\+ { - margin-bottom: 130px !important; - } - .mL-130\@sm\+ { - margin-left: 130px !important; - } - .mY-130\@sm\+ { - margin-top: 130px !important; - margin-bottom: 130px !important; - } - .mX-130\@sm\+ { - margin-left: 130px !important; - margin-right: 130px !important; - } - .m-nv-130\@sm\+ { - margin: -130px !important; - } - .mT-nv-130\@sm\+ { - margin-top: -130px !important; - } - .mR-nv-130\@sm\+ { - margin-right: -130px !important; - } - .mB-nv-130\@sm\+ { - margin-bottom: -130px !important; - } - .mL-nv-130\@sm\+ { - margin-left: -130px !important; - } - .mY-nv-130\@sm\+ { - margin-top: -130px !important; - margin-bottom: -130px !important; - } - .mX-nv-130\@sm\+ { - margin-left: -130px !important; - margin-right: -130px !important; - } - } - @media screen and (min-width: 0) { - .m-130\@xs\+ { - margin: 130px !important; - } - .mT-130\@xs\+ { - margin-top: 130px !important; - } - .mR-130\@xs\+ { - margin-right: 130px !important; - } - .mB-130\@xs\+ { - margin-bottom: 130px !important; - } - .mL-130\@xs\+ { - margin-left: 130px !important; - } - .mY-130\@xs\+ { - margin-top: 130px !important; - margin-bottom: 130px !important; - } - .mX-130\@xs\+ { - margin-left: 130px !important; - margin-right: 130px !important; - } - .m-nv-130\@xs\+ { - margin: -130px !important; - } - .mT-nv-130\@xs\+ { - margin-top: -130px !important; - } - .mR-nv-130\@xs\+ { - margin-right: -130px !important; - } - .mB-nv-130\@xs\+ { - margin-bottom: -130px !important; - } - .mL-nv-130\@xs\+ { - margin-left: -130px !important; - } - .mY-nv-130\@xs\+ { - margin-top: -130px !important; - margin-bottom: -130px !important; - } - .mX-nv-130\@xs\+ { - margin-left: -130px !important; - margin-right: -130px !important; - } - } - @media screen and (max-width: 1439px) { - .m-130\@xl- { - margin: 130px !important; - } - .mT-130\@xl- { - margin-top: 130px !important; - } - .mR-130\@xl- { - margin-right: 130px !important; - } - .mB-130\@xl- { - margin-bottom: 130px !important; - } - .mL-130\@xl- { - margin-left: 130px !important; - } - .mY-130\@xl- { - margin-top: 130px !important; - margin-bottom: 130px !important; - } - .mX-130\@xl- { - margin-left: 130px !important; - margin-right: 130px !important; - } - .m-nv-130\@xl- { - margin: -130px !important; - } - .mT-nv-130\@xl- { - margin-top: -130px !important; - } - .mR-nv-130\@xl- { - margin-right: -130px !important; - } - .mB-nv-130\@xl- { - margin-bottom: -130px !important; - } - .mL-nv-130\@xl- { - margin-left: -130px !important; - } - .mY-nv-130\@xl- { - margin-top: -130px !important; - margin-bottom: -130px !important; - } - .mX-nv-130\@xl- { - margin-left: -130px !important; - margin-right: -130px !important; - } - } - @media screen and (max-width: 1199px) { - .m-130\@lg- { - margin: 130px !important; - } - .mT-130\@lg- { - margin-top: 130px !important; - } - .mR-130\@lg- { - margin-right: 130px !important; - } - .mB-130\@lg- { - margin-bottom: 130px !important; - } - .mL-130\@lg- { - margin-left: 130px !important; - } - .mY-130\@lg- { - margin-top: 130px !important; - margin-bottom: 130px !important; - } - .mX-130\@lg- { - margin-left: 130px !important; - margin-right: 130px !important; - } - .m-nv-130\@lg- { - margin: -130px !important; - } - .mT-nv-130\@lg- { - margin-top: -130px !important; - } - .mR-nv-130\@lg- { - margin-right: -130px !important; - } - .mB-nv-130\@lg- { - margin-bottom: -130px !important; - } - .mL-nv-130\@lg- { - margin-left: -130px !important; - } - .mY-nv-130\@lg- { - margin-top: -130px !important; - margin-bottom: -130px !important; - } - .mX-nv-130\@lg- { - margin-left: -130px !important; - margin-right: -130px !important; - } - } - @media screen and (max-width: 991px) { - .m-130\@md- { - margin: 130px !important; - } - .mT-130\@md- { - margin-top: 130px !important; - } - .mR-130\@md- { - margin-right: 130px !important; - } - .mB-130\@md- { - margin-bottom: 130px !important; - } - .mL-130\@md- { - margin-left: 130px !important; - } - .mY-130\@md- { - margin-top: 130px !important; - margin-bottom: 130px !important; - } - .mX-130\@md- { - margin-left: 130px !important; - margin-right: 130px !important; - } - .m-nv-130\@md- { - margin: -130px !important; - } - .mT-nv-130\@md- { - margin-top: -130px !important; - } - .mR-nv-130\@md- { - margin-right: -130px !important; - } - .mB-nv-130\@md- { - margin-bottom: -130px !important; - } - .mL-nv-130\@md- { - margin-left: -130px !important; - } - .mY-nv-130\@md- { - margin-top: -130px !important; - margin-bottom: -130px !important; - } - .mX-nv-130\@md- { - margin-left: -130px !important; - margin-right: -130px !important; - } - } - @media screen and (max-width: 767px) { - .m-130\@sm- { - margin: 130px !important; - } - .mT-130\@sm- { - margin-top: 130px !important; - } - .mR-130\@sm- { - margin-right: 130px !important; - } - .mB-130\@sm- { - margin-bottom: 130px !important; - } - .mL-130\@sm- { - margin-left: 130px !important; - } - .mY-130\@sm- { - margin-top: 130px !important; - margin-bottom: 130px !important; - } - .mX-130\@sm- { - margin-left: 130px !important; - margin-right: 130px !important; - } - .m-nv-130\@sm- { - margin: -130px !important; - } - .mT-nv-130\@sm- { - margin-top: -130px !important; - } - .mR-nv-130\@sm- { - margin-right: -130px !important; - } - .mB-nv-130\@sm- { - margin-bottom: -130px !important; - } - .mL-nv-130\@sm- { - margin-left: -130px !important; - } - .mY-nv-130\@sm- { - margin-top: -130px !important; - margin-bottom: -130px !important; - } - .mX-nv-130\@sm- { - margin-left: -130px !important; - margin-right: -130px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-130\@lg { - margin: 130px !important; - } - .mT-130\@lg { - margin-top: 130px !important; - } - .mR-130\@lg { - margin-right: 130px !important; - } - .mB-130\@lg { - margin-bottom: 130px !important; - } - .mL-130\@lg { - margin-left: 130px !important; - } - .mY-130\@lg { - margin-top: 130px !important; - margin-bottom: 130px !important; - } - .mX-130\@lg { - margin-left: 130px !important; - margin-right: 130px !important; - } - .m-nv-130\@lg { - margin: -130px !important; - } - .mT-nv-130\@lg { - margin-top: -130px !important; - } - .mR-nv-130\@lg { - margin-right: -130px !important; - } - .mB-nv-130\@lg { - margin-bottom: -130px !important; - } - .mL-nv-130\@lg { - margin-left: -130px !important; - } - .mY-nv-130\@lg { - margin-top: -130px !important; - margin-bottom: -130px !important; - } - .mX-nv-130\@lg { - margin-left: -130px !important; - margin-right: -130px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-130\@md { - margin: 130px !important; - } - .mT-130\@md { - margin-top: 130px !important; - } - .mR-130\@md { - margin-right: 130px !important; - } - .mB-130\@md { - margin-bottom: 130px !important; - } - .mL-130\@md { - margin-left: 130px !important; - } - .mY-130\@md { - margin-top: 130px !important; - margin-bottom: 130px !important; - } - .mX-130\@md { - margin-left: 130px !important; - margin-right: 130px !important; - } - .m-nv-130\@md { - margin: -130px !important; - } - .mT-nv-130\@md { - margin-top: -130px !important; - } - .mR-nv-130\@md { - margin-right: -130px !important; - } - .mB-nv-130\@md { - margin-bottom: -130px !important; - } - .mL-nv-130\@md { - margin-left: -130px !important; - } - .mY-nv-130\@md { - margin-top: -130px !important; - margin-bottom: -130px !important; - } - .mX-nv-130\@md { - margin-left: -130px !important; - margin-right: -130px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-130\@sm { - margin: 130px !important; - } - .mT-130\@sm { - margin-top: 130px !important; - } - .mR-130\@sm { - margin-right: 130px !important; - } - .mB-130\@sm { - margin-bottom: 130px !important; - } - .mL-130\@sm { - margin-left: 130px !important; - } - .mY-130\@sm { - margin-top: 130px !important; - margin-bottom: 130px !important; - } - .mX-130\@sm { - margin-left: 130px !important; - margin-right: 130px !important; - } - .m-nv-130\@sm { - margin: -130px !important; - } - .mT-nv-130\@sm { - margin-top: -130px !important; - } - .mR-nv-130\@sm { - margin-right: -130px !important; - } - .mB-nv-130\@sm { - margin-bottom: -130px !important; - } - .mL-nv-130\@sm { - margin-left: -130px !important; - } - .mY-nv-130\@sm { - margin-top: -130px !important; - margin-bottom: -130px !important; - } - .mX-nv-130\@sm { - margin-left: -130px !important; - margin-right: -130px !important; - } - } - .m-140 { - margin: 140px !important; - } - - .mT-140 { - margin-top: 140px !important; - } - - .mR-140 { - margin-right: 140px !important; - } - - .mB-140 { - margin-bottom: 140px !important; - } - - .mL-140 { - margin-left: 140px !important; - } - - .mY-140 { - margin-top: 140px !important; - margin-bottom: 140px !important; - } - - .mX-140 { - margin-left: 140px !important; - margin-right: 140px !important; - } - - .m-nv-140 { - margin: -140px !important; - } - - .mT-nv-140 { - margin-top: -140px !important; - } - - .mR-nv-140 { - margin-right: -140px !important; - } - - .mB-nv-140 { - margin-bottom: -140px !important; - } - - .mL-nv-140 { - margin-left: -140px !important; - } - - .mY-nv-140 { - margin-top: -140px !important; - margin-bottom: -140px !important; - } - - .mX-nv-140 { - margin-left: -140px !important; - margin-right: -140px !important; - } - - @media screen and (min-width: 1440px) { - .m-140\@xl\+ { - margin: 140px !important; - } - .mT-140\@xl\+ { - margin-top: 140px !important; - } - .mR-140\@xl\+ { - margin-right: 140px !important; - } - .mB-140\@xl\+ { - margin-bottom: 140px !important; - } - .mL-140\@xl\+ { - margin-left: 140px !important; - } - .mY-140\@xl\+ { - margin-top: 140px !important; - margin-bottom: 140px !important; - } - .mX-140\@xl\+ { - margin-left: 140px !important; - margin-right: 140px !important; - } - .m-nv-140\@xl\+ { - margin: -140px !important; - } - .mT-nv-140\@xl\+ { - margin-top: -140px !important; - } - .mR-nv-140\@xl\+ { - margin-right: -140px !important; - } - .mB-nv-140\@xl\+ { - margin-bottom: -140px !important; - } - .mL-nv-140\@xl\+ { - margin-left: -140px !important; - } - .mY-nv-140\@xl\+ { - margin-top: -140px !important; - margin-bottom: -140px !important; - } - .mX-nv-140\@xl\+ { - margin-left: -140px !important; - margin-right: -140px !important; - } - } - @media screen and (min-width: 1200px) { - .m-140\@lg\+ { - margin: 140px !important; - } - .mT-140\@lg\+ { - margin-top: 140px !important; - } - .mR-140\@lg\+ { - margin-right: 140px !important; - } - .mB-140\@lg\+ { - margin-bottom: 140px !important; - } - .mL-140\@lg\+ { - margin-left: 140px !important; - } - .mY-140\@lg\+ { - margin-top: 140px !important; - margin-bottom: 140px !important; - } - .mX-140\@lg\+ { - margin-left: 140px !important; - margin-right: 140px !important; - } - .m-nv-140\@lg\+ { - margin: -140px !important; - } - .mT-nv-140\@lg\+ { - margin-top: -140px !important; - } - .mR-nv-140\@lg\+ { - margin-right: -140px !important; - } - .mB-nv-140\@lg\+ { - margin-bottom: -140px !important; - } - .mL-nv-140\@lg\+ { - margin-left: -140px !important; - } - .mY-nv-140\@lg\+ { - margin-top: -140px !important; - margin-bottom: -140px !important; - } - .mX-nv-140\@lg\+ { - margin-left: -140px !important; - margin-right: -140px !important; - } - } - @media screen and (min-width: 992px) { - .m-140\@md\+ { - margin: 140px !important; - } - .mT-140\@md\+ { - margin-top: 140px !important; - } - .mR-140\@md\+ { - margin-right: 140px !important; - } - .mB-140\@md\+ { - margin-bottom: 140px !important; - } - .mL-140\@md\+ { - margin-left: 140px !important; - } - .mY-140\@md\+ { - margin-top: 140px !important; - margin-bottom: 140px !important; - } - .mX-140\@md\+ { - margin-left: 140px !important; - margin-right: 140px !important; - } - .m-nv-140\@md\+ { - margin: -140px !important; - } - .mT-nv-140\@md\+ { - margin-top: -140px !important; - } - .mR-nv-140\@md\+ { - margin-right: -140px !important; - } - .mB-nv-140\@md\+ { - margin-bottom: -140px !important; - } - .mL-nv-140\@md\+ { - margin-left: -140px !important; - } - .mY-nv-140\@md\+ { - margin-top: -140px !important; - margin-bottom: -140px !important; - } - .mX-nv-140\@md\+ { - margin-left: -140px !important; - margin-right: -140px !important; - } - } - @media screen and (min-width: 768px) { - .m-140\@sm\+ { - margin: 140px !important; - } - .mT-140\@sm\+ { - margin-top: 140px !important; - } - .mR-140\@sm\+ { - margin-right: 140px !important; - } - .mB-140\@sm\+ { - margin-bottom: 140px !important; - } - .mL-140\@sm\+ { - margin-left: 140px !important; - } - .mY-140\@sm\+ { - margin-top: 140px !important; - margin-bottom: 140px !important; - } - .mX-140\@sm\+ { - margin-left: 140px !important; - margin-right: 140px !important; - } - .m-nv-140\@sm\+ { - margin: -140px !important; - } - .mT-nv-140\@sm\+ { - margin-top: -140px !important; - } - .mR-nv-140\@sm\+ { - margin-right: -140px !important; - } - .mB-nv-140\@sm\+ { - margin-bottom: -140px !important; - } - .mL-nv-140\@sm\+ { - margin-left: -140px !important; - } - .mY-nv-140\@sm\+ { - margin-top: -140px !important; - margin-bottom: -140px !important; - } - .mX-nv-140\@sm\+ { - margin-left: -140px !important; - margin-right: -140px !important; - } - } - @media screen and (min-width: 0) { - .m-140\@xs\+ { - margin: 140px !important; - } - .mT-140\@xs\+ { - margin-top: 140px !important; - } - .mR-140\@xs\+ { - margin-right: 140px !important; - } - .mB-140\@xs\+ { - margin-bottom: 140px !important; - } - .mL-140\@xs\+ { - margin-left: 140px !important; - } - .mY-140\@xs\+ { - margin-top: 140px !important; - margin-bottom: 140px !important; - } - .mX-140\@xs\+ { - margin-left: 140px !important; - margin-right: 140px !important; - } - .m-nv-140\@xs\+ { - margin: -140px !important; - } - .mT-nv-140\@xs\+ { - margin-top: -140px !important; - } - .mR-nv-140\@xs\+ { - margin-right: -140px !important; - } - .mB-nv-140\@xs\+ { - margin-bottom: -140px !important; - } - .mL-nv-140\@xs\+ { - margin-left: -140px !important; - } - .mY-nv-140\@xs\+ { - margin-top: -140px !important; - margin-bottom: -140px !important; - } - .mX-nv-140\@xs\+ { - margin-left: -140px !important; - margin-right: -140px !important; - } - } - @media screen and (max-width: 1439px) { - .m-140\@xl- { - margin: 140px !important; - } - .mT-140\@xl- { - margin-top: 140px !important; - } - .mR-140\@xl- { - margin-right: 140px !important; - } - .mB-140\@xl- { - margin-bottom: 140px !important; - } - .mL-140\@xl- { - margin-left: 140px !important; - } - .mY-140\@xl- { - margin-top: 140px !important; - margin-bottom: 140px !important; - } - .mX-140\@xl- { - margin-left: 140px !important; - margin-right: 140px !important; - } - .m-nv-140\@xl- { - margin: -140px !important; - } - .mT-nv-140\@xl- { - margin-top: -140px !important; - } - .mR-nv-140\@xl- { - margin-right: -140px !important; - } - .mB-nv-140\@xl- { - margin-bottom: -140px !important; - } - .mL-nv-140\@xl- { - margin-left: -140px !important; - } - .mY-nv-140\@xl- { - margin-top: -140px !important; - margin-bottom: -140px !important; - } - .mX-nv-140\@xl- { - margin-left: -140px !important; - margin-right: -140px !important; - } - } - @media screen and (max-width: 1199px) { - .m-140\@lg- { - margin: 140px !important; - } - .mT-140\@lg- { - margin-top: 140px !important; - } - .mR-140\@lg- { - margin-right: 140px !important; - } - .mB-140\@lg- { - margin-bottom: 140px !important; - } - .mL-140\@lg- { - margin-left: 140px !important; - } - .mY-140\@lg- { - margin-top: 140px !important; - margin-bottom: 140px !important; - } - .mX-140\@lg- { - margin-left: 140px !important; - margin-right: 140px !important; - } - .m-nv-140\@lg- { - margin: -140px !important; - } - .mT-nv-140\@lg- { - margin-top: -140px !important; - } - .mR-nv-140\@lg- { - margin-right: -140px !important; - } - .mB-nv-140\@lg- { - margin-bottom: -140px !important; - } - .mL-nv-140\@lg- { - margin-left: -140px !important; - } - .mY-nv-140\@lg- { - margin-top: -140px !important; - margin-bottom: -140px !important; - } - .mX-nv-140\@lg- { - margin-left: -140px !important; - margin-right: -140px !important; - } - } - @media screen and (max-width: 991px) { - .m-140\@md- { - margin: 140px !important; - } - .mT-140\@md- { - margin-top: 140px !important; - } - .mR-140\@md- { - margin-right: 140px !important; - } - .mB-140\@md- { - margin-bottom: 140px !important; - } - .mL-140\@md- { - margin-left: 140px !important; - } - .mY-140\@md- { - margin-top: 140px !important; - margin-bottom: 140px !important; - } - .mX-140\@md- { - margin-left: 140px !important; - margin-right: 140px !important; - } - .m-nv-140\@md- { - margin: -140px !important; - } - .mT-nv-140\@md- { - margin-top: -140px !important; - } - .mR-nv-140\@md- { - margin-right: -140px !important; - } - .mB-nv-140\@md- { - margin-bottom: -140px !important; - } - .mL-nv-140\@md- { - margin-left: -140px !important; - } - .mY-nv-140\@md- { - margin-top: -140px !important; - margin-bottom: -140px !important; - } - .mX-nv-140\@md- { - margin-left: -140px !important; - margin-right: -140px !important; - } - } - @media screen and (max-width: 767px) { - .m-140\@sm- { - margin: 140px !important; - } - .mT-140\@sm- { - margin-top: 140px !important; - } - .mR-140\@sm- { - margin-right: 140px !important; - } - .mB-140\@sm- { - margin-bottom: 140px !important; - } - .mL-140\@sm- { - margin-left: 140px !important; - } - .mY-140\@sm- { - margin-top: 140px !important; - margin-bottom: 140px !important; - } - .mX-140\@sm- { - margin-left: 140px !important; - margin-right: 140px !important; - } - .m-nv-140\@sm- { - margin: -140px !important; - } - .mT-nv-140\@sm- { - margin-top: -140px !important; - } - .mR-nv-140\@sm- { - margin-right: -140px !important; - } - .mB-nv-140\@sm- { - margin-bottom: -140px !important; - } - .mL-nv-140\@sm- { - margin-left: -140px !important; - } - .mY-nv-140\@sm- { - margin-top: -140px !important; - margin-bottom: -140px !important; - } - .mX-nv-140\@sm- { - margin-left: -140px !important; - margin-right: -140px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-140\@lg { - margin: 140px !important; - } - .mT-140\@lg { - margin-top: 140px !important; - } - .mR-140\@lg { - margin-right: 140px !important; - } - .mB-140\@lg { - margin-bottom: 140px !important; - } - .mL-140\@lg { - margin-left: 140px !important; - } - .mY-140\@lg { - margin-top: 140px !important; - margin-bottom: 140px !important; - } - .mX-140\@lg { - margin-left: 140px !important; - margin-right: 140px !important; - } - .m-nv-140\@lg { - margin: -140px !important; - } - .mT-nv-140\@lg { - margin-top: -140px !important; - } - .mR-nv-140\@lg { - margin-right: -140px !important; - } - .mB-nv-140\@lg { - margin-bottom: -140px !important; - } - .mL-nv-140\@lg { - margin-left: -140px !important; - } - .mY-nv-140\@lg { - margin-top: -140px !important; - margin-bottom: -140px !important; - } - .mX-nv-140\@lg { - margin-left: -140px !important; - margin-right: -140px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-140\@md { - margin: 140px !important; - } - .mT-140\@md { - margin-top: 140px !important; - } - .mR-140\@md { - margin-right: 140px !important; - } - .mB-140\@md { - margin-bottom: 140px !important; - } - .mL-140\@md { - margin-left: 140px !important; - } - .mY-140\@md { - margin-top: 140px !important; - margin-bottom: 140px !important; - } - .mX-140\@md { - margin-left: 140px !important; - margin-right: 140px !important; - } - .m-nv-140\@md { - margin: -140px !important; - } - .mT-nv-140\@md { - margin-top: -140px !important; - } - .mR-nv-140\@md { - margin-right: -140px !important; - } - .mB-nv-140\@md { - margin-bottom: -140px !important; - } - .mL-nv-140\@md { - margin-left: -140px !important; - } - .mY-nv-140\@md { - margin-top: -140px !important; - margin-bottom: -140px !important; - } - .mX-nv-140\@md { - margin-left: -140px !important; - margin-right: -140px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-140\@sm { - margin: 140px !important; - } - .mT-140\@sm { - margin-top: 140px !important; - } - .mR-140\@sm { - margin-right: 140px !important; - } - .mB-140\@sm { - margin-bottom: 140px !important; - } - .mL-140\@sm { - margin-left: 140px !important; - } - .mY-140\@sm { - margin-top: 140px !important; - margin-bottom: 140px !important; - } - .mX-140\@sm { - margin-left: 140px !important; - margin-right: 140px !important; - } - .m-nv-140\@sm { - margin: -140px !important; - } - .mT-nv-140\@sm { - margin-top: -140px !important; - } - .mR-nv-140\@sm { - margin-right: -140px !important; - } - .mB-nv-140\@sm { - margin-bottom: -140px !important; - } - .mL-nv-140\@sm { - margin-left: -140px !important; - } - .mY-nv-140\@sm { - margin-top: -140px !important; - margin-bottom: -140px !important; - } - .mX-nv-140\@sm { - margin-left: -140px !important; - margin-right: -140px !important; - } - } - .m-150 { - margin: 150px !important; - } - - .mT-150 { - margin-top: 150px !important; - } - - .mR-150 { - margin-right: 150px !important; - } - - .mB-150 { - margin-bottom: 150px !important; - } - - .mL-150 { - margin-left: 150px !important; - } - - .mY-150 { - margin-top: 150px !important; - margin-bottom: 150px !important; - } - - .mX-150 { - margin-left: 150px !important; - margin-right: 150px !important; - } - - .m-nv-150 { - margin: -150px !important; - } - - .mT-nv-150 { - margin-top: -150px !important; - } - - .mR-nv-150 { - margin-right: -150px !important; - } - - .mB-nv-150 { - margin-bottom: -150px !important; - } - - .mL-nv-150 { - margin-left: -150px !important; - } - - .mY-nv-150 { - margin-top: -150px !important; - margin-bottom: -150px !important; - } - - .mX-nv-150 { - margin-left: -150px !important; - margin-right: -150px !important; - } - - @media screen and (min-width: 1440px) { - .m-150\@xl\+ { - margin: 150px !important; - } - .mT-150\@xl\+ { - margin-top: 150px !important; - } - .mR-150\@xl\+ { - margin-right: 150px !important; - } - .mB-150\@xl\+ { - margin-bottom: 150px !important; - } - .mL-150\@xl\+ { - margin-left: 150px !important; - } - .mY-150\@xl\+ { - margin-top: 150px !important; - margin-bottom: 150px !important; - } - .mX-150\@xl\+ { - margin-left: 150px !important; - margin-right: 150px !important; - } - .m-nv-150\@xl\+ { - margin: -150px !important; - } - .mT-nv-150\@xl\+ { - margin-top: -150px !important; - } - .mR-nv-150\@xl\+ { - margin-right: -150px !important; - } - .mB-nv-150\@xl\+ { - margin-bottom: -150px !important; - } - .mL-nv-150\@xl\+ { - margin-left: -150px !important; - } - .mY-nv-150\@xl\+ { - margin-top: -150px !important; - margin-bottom: -150px !important; - } - .mX-nv-150\@xl\+ { - margin-left: -150px !important; - margin-right: -150px !important; - } - } - @media screen and (min-width: 1200px) { - .m-150\@lg\+ { - margin: 150px !important; - } - .mT-150\@lg\+ { - margin-top: 150px !important; - } - .mR-150\@lg\+ { - margin-right: 150px !important; - } - .mB-150\@lg\+ { - margin-bottom: 150px !important; - } - .mL-150\@lg\+ { - margin-left: 150px !important; - } - .mY-150\@lg\+ { - margin-top: 150px !important; - margin-bottom: 150px !important; - } - .mX-150\@lg\+ { - margin-left: 150px !important; - margin-right: 150px !important; - } - .m-nv-150\@lg\+ { - margin: -150px !important; - } - .mT-nv-150\@lg\+ { - margin-top: -150px !important; - } - .mR-nv-150\@lg\+ { - margin-right: -150px !important; - } - .mB-nv-150\@lg\+ { - margin-bottom: -150px !important; - } - .mL-nv-150\@lg\+ { - margin-left: -150px !important; - } - .mY-nv-150\@lg\+ { - margin-top: -150px !important; - margin-bottom: -150px !important; - } - .mX-nv-150\@lg\+ { - margin-left: -150px !important; - margin-right: -150px !important; - } - } - @media screen and (min-width: 992px) { - .m-150\@md\+ { - margin: 150px !important; - } - .mT-150\@md\+ { - margin-top: 150px !important; - } - .mR-150\@md\+ { - margin-right: 150px !important; - } - .mB-150\@md\+ { - margin-bottom: 150px !important; - } - .mL-150\@md\+ { - margin-left: 150px !important; - } - .mY-150\@md\+ { - margin-top: 150px !important; - margin-bottom: 150px !important; - } - .mX-150\@md\+ { - margin-left: 150px !important; - margin-right: 150px !important; - } - .m-nv-150\@md\+ { - margin: -150px !important; - } - .mT-nv-150\@md\+ { - margin-top: -150px !important; - } - .mR-nv-150\@md\+ { - margin-right: -150px !important; - } - .mB-nv-150\@md\+ { - margin-bottom: -150px !important; - } - .mL-nv-150\@md\+ { - margin-left: -150px !important; - } - .mY-nv-150\@md\+ { - margin-top: -150px !important; - margin-bottom: -150px !important; - } - .mX-nv-150\@md\+ { - margin-left: -150px !important; - margin-right: -150px !important; - } - } - @media screen and (min-width: 768px) { - .m-150\@sm\+ { - margin: 150px !important; - } - .mT-150\@sm\+ { - margin-top: 150px !important; - } - .mR-150\@sm\+ { - margin-right: 150px !important; - } - .mB-150\@sm\+ { - margin-bottom: 150px !important; - } - .mL-150\@sm\+ { - margin-left: 150px !important; - } - .mY-150\@sm\+ { - margin-top: 150px !important; - margin-bottom: 150px !important; - } - .mX-150\@sm\+ { - margin-left: 150px !important; - margin-right: 150px !important; - } - .m-nv-150\@sm\+ { - margin: -150px !important; - } - .mT-nv-150\@sm\+ { - margin-top: -150px !important; - } - .mR-nv-150\@sm\+ { - margin-right: -150px !important; - } - .mB-nv-150\@sm\+ { - margin-bottom: -150px !important; - } - .mL-nv-150\@sm\+ { - margin-left: -150px !important; - } - .mY-nv-150\@sm\+ { - margin-top: -150px !important; - margin-bottom: -150px !important; - } - .mX-nv-150\@sm\+ { - margin-left: -150px !important; - margin-right: -150px !important; - } - } - @media screen and (min-width: 0) { - .m-150\@xs\+ { - margin: 150px !important; - } - .mT-150\@xs\+ { - margin-top: 150px !important; - } - .mR-150\@xs\+ { - margin-right: 150px !important; - } - .mB-150\@xs\+ { - margin-bottom: 150px !important; - } - .mL-150\@xs\+ { - margin-left: 150px !important; - } - .mY-150\@xs\+ { - margin-top: 150px !important; - margin-bottom: 150px !important; - } - .mX-150\@xs\+ { - margin-left: 150px !important; - margin-right: 150px !important; - } - .m-nv-150\@xs\+ { - margin: -150px !important; - } - .mT-nv-150\@xs\+ { - margin-top: -150px !important; - } - .mR-nv-150\@xs\+ { - margin-right: -150px !important; - } - .mB-nv-150\@xs\+ { - margin-bottom: -150px !important; - } - .mL-nv-150\@xs\+ { - margin-left: -150px !important; - } - .mY-nv-150\@xs\+ { - margin-top: -150px !important; - margin-bottom: -150px !important; - } - .mX-nv-150\@xs\+ { - margin-left: -150px !important; - margin-right: -150px !important; - } - } - @media screen and (max-width: 1439px) { - .m-150\@xl- { - margin: 150px !important; - } - .mT-150\@xl- { - margin-top: 150px !important; - } - .mR-150\@xl- { - margin-right: 150px !important; - } - .mB-150\@xl- { - margin-bottom: 150px !important; - } - .mL-150\@xl- { - margin-left: 150px !important; - } - .mY-150\@xl- { - margin-top: 150px !important; - margin-bottom: 150px !important; - } - .mX-150\@xl- { - margin-left: 150px !important; - margin-right: 150px !important; - } - .m-nv-150\@xl- { - margin: -150px !important; - } - .mT-nv-150\@xl- { - margin-top: -150px !important; - } - .mR-nv-150\@xl- { - margin-right: -150px !important; - } - .mB-nv-150\@xl- { - margin-bottom: -150px !important; - } - .mL-nv-150\@xl- { - margin-left: -150px !important; - } - .mY-nv-150\@xl- { - margin-top: -150px !important; - margin-bottom: -150px !important; - } - .mX-nv-150\@xl- { - margin-left: -150px !important; - margin-right: -150px !important; - } - } - @media screen and (max-width: 1199px) { - .m-150\@lg- { - margin: 150px !important; - } - .mT-150\@lg- { - margin-top: 150px !important; - } - .mR-150\@lg- { - margin-right: 150px !important; - } - .mB-150\@lg- { - margin-bottom: 150px !important; - } - .mL-150\@lg- { - margin-left: 150px !important; - } - .mY-150\@lg- { - margin-top: 150px !important; - margin-bottom: 150px !important; - } - .mX-150\@lg- { - margin-left: 150px !important; - margin-right: 150px !important; - } - .m-nv-150\@lg- { - margin: -150px !important; - } - .mT-nv-150\@lg- { - margin-top: -150px !important; - } - .mR-nv-150\@lg- { - margin-right: -150px !important; - } - .mB-nv-150\@lg- { - margin-bottom: -150px !important; - } - .mL-nv-150\@lg- { - margin-left: -150px !important; - } - .mY-nv-150\@lg- { - margin-top: -150px !important; - margin-bottom: -150px !important; - } - .mX-nv-150\@lg- { - margin-left: -150px !important; - margin-right: -150px !important; - } - } - @media screen and (max-width: 991px) { - .m-150\@md- { - margin: 150px !important; - } - .mT-150\@md- { - margin-top: 150px !important; - } - .mR-150\@md- { - margin-right: 150px !important; - } - .mB-150\@md- { - margin-bottom: 150px !important; - } - .mL-150\@md- { - margin-left: 150px !important; - } - .mY-150\@md- { - margin-top: 150px !important; - margin-bottom: 150px !important; - } - .mX-150\@md- { - margin-left: 150px !important; - margin-right: 150px !important; - } - .m-nv-150\@md- { - margin: -150px !important; - } - .mT-nv-150\@md- { - margin-top: -150px !important; - } - .mR-nv-150\@md- { - margin-right: -150px !important; - } - .mB-nv-150\@md- { - margin-bottom: -150px !important; - } - .mL-nv-150\@md- { - margin-left: -150px !important; - } - .mY-nv-150\@md- { - margin-top: -150px !important; - margin-bottom: -150px !important; - } - .mX-nv-150\@md- { - margin-left: -150px !important; - margin-right: -150px !important; - } - } - @media screen and (max-width: 767px) { - .m-150\@sm- { - margin: 150px !important; - } - .mT-150\@sm- { - margin-top: 150px !important; - } - .mR-150\@sm- { - margin-right: 150px !important; - } - .mB-150\@sm- { - margin-bottom: 150px !important; - } - .mL-150\@sm- { - margin-left: 150px !important; - } - .mY-150\@sm- { - margin-top: 150px !important; - margin-bottom: 150px !important; - } - .mX-150\@sm- { - margin-left: 150px !important; - margin-right: 150px !important; - } - .m-nv-150\@sm- { - margin: -150px !important; - } - .mT-nv-150\@sm- { - margin-top: -150px !important; - } - .mR-nv-150\@sm- { - margin-right: -150px !important; - } - .mB-nv-150\@sm- { - margin-bottom: -150px !important; - } - .mL-nv-150\@sm- { - margin-left: -150px !important; - } - .mY-nv-150\@sm- { - margin-top: -150px !important; - margin-bottom: -150px !important; - } - .mX-nv-150\@sm- { - margin-left: -150px !important; - margin-right: -150px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-150\@lg { - margin: 150px !important; - } - .mT-150\@lg { - margin-top: 150px !important; - } - .mR-150\@lg { - margin-right: 150px !important; - } - .mB-150\@lg { - margin-bottom: 150px !important; - } - .mL-150\@lg { - margin-left: 150px !important; - } - .mY-150\@lg { - margin-top: 150px !important; - margin-bottom: 150px !important; - } - .mX-150\@lg { - margin-left: 150px !important; - margin-right: 150px !important; - } - .m-nv-150\@lg { - margin: -150px !important; - } - .mT-nv-150\@lg { - margin-top: -150px !important; - } - .mR-nv-150\@lg { - margin-right: -150px !important; - } - .mB-nv-150\@lg { - margin-bottom: -150px !important; - } - .mL-nv-150\@lg { - margin-left: -150px !important; - } - .mY-nv-150\@lg { - margin-top: -150px !important; - margin-bottom: -150px !important; - } - .mX-nv-150\@lg { - margin-left: -150px !important; - margin-right: -150px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-150\@md { - margin: 150px !important; - } - .mT-150\@md { - margin-top: 150px !important; - } - .mR-150\@md { - margin-right: 150px !important; - } - .mB-150\@md { - margin-bottom: 150px !important; - } - .mL-150\@md { - margin-left: 150px !important; - } - .mY-150\@md { - margin-top: 150px !important; - margin-bottom: 150px !important; - } - .mX-150\@md { - margin-left: 150px !important; - margin-right: 150px !important; - } - .m-nv-150\@md { - margin: -150px !important; - } - .mT-nv-150\@md { - margin-top: -150px !important; - } - .mR-nv-150\@md { - margin-right: -150px !important; - } - .mB-nv-150\@md { - margin-bottom: -150px !important; - } - .mL-nv-150\@md { - margin-left: -150px !important; - } - .mY-nv-150\@md { - margin-top: -150px !important; - margin-bottom: -150px !important; - } - .mX-nv-150\@md { - margin-left: -150px !important; - margin-right: -150px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-150\@sm { - margin: 150px !important; - } - .mT-150\@sm { - margin-top: 150px !important; - } - .mR-150\@sm { - margin-right: 150px !important; - } - .mB-150\@sm { - margin-bottom: 150px !important; - } - .mL-150\@sm { - margin-left: 150px !important; - } - .mY-150\@sm { - margin-top: 150px !important; - margin-bottom: 150px !important; - } - .mX-150\@sm { - margin-left: 150px !important; - margin-right: 150px !important; - } - .m-nv-150\@sm { - margin: -150px !important; - } - .mT-nv-150\@sm { - margin-top: -150px !important; - } - .mR-nv-150\@sm { - margin-right: -150px !important; - } - .mB-nv-150\@sm { - margin-bottom: -150px !important; - } - .mL-nv-150\@sm { - margin-left: -150px !important; - } - .mY-nv-150\@sm { - margin-top: -150px !important; - margin-bottom: -150px !important; - } - .mX-nv-150\@sm { - margin-left: -150px !important; - margin-right: -150px !important; - } - } - .m-160 { - margin: 160px !important; - } - - .mT-160 { - margin-top: 160px !important; - } - - .mR-160 { - margin-right: 160px !important; - } - - .mB-160 { - margin-bottom: 160px !important; - } - - .mL-160 { - margin-left: 160px !important; - } - - .mY-160 { - margin-top: 160px !important; - margin-bottom: 160px !important; - } - - .mX-160 { - margin-left: 160px !important; - margin-right: 160px !important; - } - - .m-nv-160 { - margin: -160px !important; - } - - .mT-nv-160 { - margin-top: -160px !important; - } - - .mR-nv-160 { - margin-right: -160px !important; - } - - .mB-nv-160 { - margin-bottom: -160px !important; - } - - .mL-nv-160 { - margin-left: -160px !important; - } - - .mY-nv-160 { - margin-top: -160px !important; - margin-bottom: -160px !important; - } - - .mX-nv-160 { - margin-left: -160px !important; - margin-right: -160px !important; - } - - @media screen and (min-width: 1440px) { - .m-160\@xl\+ { - margin: 160px !important; - } - .mT-160\@xl\+ { - margin-top: 160px !important; - } - .mR-160\@xl\+ { - margin-right: 160px !important; - } - .mB-160\@xl\+ { - margin-bottom: 160px !important; - } - .mL-160\@xl\+ { - margin-left: 160px !important; - } - .mY-160\@xl\+ { - margin-top: 160px !important; - margin-bottom: 160px !important; - } - .mX-160\@xl\+ { - margin-left: 160px !important; - margin-right: 160px !important; - } - .m-nv-160\@xl\+ { - margin: -160px !important; - } - .mT-nv-160\@xl\+ { - margin-top: -160px !important; - } - .mR-nv-160\@xl\+ { - margin-right: -160px !important; - } - .mB-nv-160\@xl\+ { - margin-bottom: -160px !important; - } - .mL-nv-160\@xl\+ { - margin-left: -160px !important; - } - .mY-nv-160\@xl\+ { - margin-top: -160px !important; - margin-bottom: -160px !important; - } - .mX-nv-160\@xl\+ { - margin-left: -160px !important; - margin-right: -160px !important; - } - } - @media screen and (min-width: 1200px) { - .m-160\@lg\+ { - margin: 160px !important; - } - .mT-160\@lg\+ { - margin-top: 160px !important; - } - .mR-160\@lg\+ { - margin-right: 160px !important; - } - .mB-160\@lg\+ { - margin-bottom: 160px !important; - } - .mL-160\@lg\+ { - margin-left: 160px !important; - } - .mY-160\@lg\+ { - margin-top: 160px !important; - margin-bottom: 160px !important; - } - .mX-160\@lg\+ { - margin-left: 160px !important; - margin-right: 160px !important; - } - .m-nv-160\@lg\+ { - margin: -160px !important; - } - .mT-nv-160\@lg\+ { - margin-top: -160px !important; - } - .mR-nv-160\@lg\+ { - margin-right: -160px !important; - } - .mB-nv-160\@lg\+ { - margin-bottom: -160px !important; - } - .mL-nv-160\@lg\+ { - margin-left: -160px !important; - } - .mY-nv-160\@lg\+ { - margin-top: -160px !important; - margin-bottom: -160px !important; - } - .mX-nv-160\@lg\+ { - margin-left: -160px !important; - margin-right: -160px !important; - } - } - @media screen and (min-width: 992px) { - .m-160\@md\+ { - margin: 160px !important; - } - .mT-160\@md\+ { - margin-top: 160px !important; - } - .mR-160\@md\+ { - margin-right: 160px !important; - } - .mB-160\@md\+ { - margin-bottom: 160px !important; - } - .mL-160\@md\+ { - margin-left: 160px !important; - } - .mY-160\@md\+ { - margin-top: 160px !important; - margin-bottom: 160px !important; - } - .mX-160\@md\+ { - margin-left: 160px !important; - margin-right: 160px !important; - } - .m-nv-160\@md\+ { - margin: -160px !important; - } - .mT-nv-160\@md\+ { - margin-top: -160px !important; - } - .mR-nv-160\@md\+ { - margin-right: -160px !important; - } - .mB-nv-160\@md\+ { - margin-bottom: -160px !important; - } - .mL-nv-160\@md\+ { - margin-left: -160px !important; - } - .mY-nv-160\@md\+ { - margin-top: -160px !important; - margin-bottom: -160px !important; - } - .mX-nv-160\@md\+ { - margin-left: -160px !important; - margin-right: -160px !important; - } - } - @media screen and (min-width: 768px) { - .m-160\@sm\+ { - margin: 160px !important; - } - .mT-160\@sm\+ { - margin-top: 160px !important; - } - .mR-160\@sm\+ { - margin-right: 160px !important; - } - .mB-160\@sm\+ { - margin-bottom: 160px !important; - } - .mL-160\@sm\+ { - margin-left: 160px !important; - } - .mY-160\@sm\+ { - margin-top: 160px !important; - margin-bottom: 160px !important; - } - .mX-160\@sm\+ { - margin-left: 160px !important; - margin-right: 160px !important; - } - .m-nv-160\@sm\+ { - margin: -160px !important; - } - .mT-nv-160\@sm\+ { - margin-top: -160px !important; - } - .mR-nv-160\@sm\+ { - margin-right: -160px !important; - } - .mB-nv-160\@sm\+ { - margin-bottom: -160px !important; - } - .mL-nv-160\@sm\+ { - margin-left: -160px !important; - } - .mY-nv-160\@sm\+ { - margin-top: -160px !important; - margin-bottom: -160px !important; - } - .mX-nv-160\@sm\+ { - margin-left: -160px !important; - margin-right: -160px !important; - } - } - @media screen and (min-width: 0) { - .m-160\@xs\+ { - margin: 160px !important; - } - .mT-160\@xs\+ { - margin-top: 160px !important; - } - .mR-160\@xs\+ { - margin-right: 160px !important; - } - .mB-160\@xs\+ { - margin-bottom: 160px !important; - } - .mL-160\@xs\+ { - margin-left: 160px !important; - } - .mY-160\@xs\+ { - margin-top: 160px !important; - margin-bottom: 160px !important; - } - .mX-160\@xs\+ { - margin-left: 160px !important; - margin-right: 160px !important; - } - .m-nv-160\@xs\+ { - margin: -160px !important; - } - .mT-nv-160\@xs\+ { - margin-top: -160px !important; - } - .mR-nv-160\@xs\+ { - margin-right: -160px !important; - } - .mB-nv-160\@xs\+ { - margin-bottom: -160px !important; - } - .mL-nv-160\@xs\+ { - margin-left: -160px !important; - } - .mY-nv-160\@xs\+ { - margin-top: -160px !important; - margin-bottom: -160px !important; - } - .mX-nv-160\@xs\+ { - margin-left: -160px !important; - margin-right: -160px !important; - } - } - @media screen and (max-width: 1439px) { - .m-160\@xl- { - margin: 160px !important; - } - .mT-160\@xl- { - margin-top: 160px !important; - } - .mR-160\@xl- { - margin-right: 160px !important; - } - .mB-160\@xl- { - margin-bottom: 160px !important; - } - .mL-160\@xl- { - margin-left: 160px !important; - } - .mY-160\@xl- { - margin-top: 160px !important; - margin-bottom: 160px !important; - } - .mX-160\@xl- { - margin-left: 160px !important; - margin-right: 160px !important; - } - .m-nv-160\@xl- { - margin: -160px !important; - } - .mT-nv-160\@xl- { - margin-top: -160px !important; - } - .mR-nv-160\@xl- { - margin-right: -160px !important; - } - .mB-nv-160\@xl- { - margin-bottom: -160px !important; - } - .mL-nv-160\@xl- { - margin-left: -160px !important; - } - .mY-nv-160\@xl- { - margin-top: -160px !important; - margin-bottom: -160px !important; - } - .mX-nv-160\@xl- { - margin-left: -160px !important; - margin-right: -160px !important; - } - } - @media screen and (max-width: 1199px) { - .m-160\@lg- { - margin: 160px !important; - } - .mT-160\@lg- { - margin-top: 160px !important; - } - .mR-160\@lg- { - margin-right: 160px !important; - } - .mB-160\@lg- { - margin-bottom: 160px !important; - } - .mL-160\@lg- { - margin-left: 160px !important; - } - .mY-160\@lg- { - margin-top: 160px !important; - margin-bottom: 160px !important; - } - .mX-160\@lg- { - margin-left: 160px !important; - margin-right: 160px !important; - } - .m-nv-160\@lg- { - margin: -160px !important; - } - .mT-nv-160\@lg- { - margin-top: -160px !important; - } - .mR-nv-160\@lg- { - margin-right: -160px !important; - } - .mB-nv-160\@lg- { - margin-bottom: -160px !important; - } - .mL-nv-160\@lg- { - margin-left: -160px !important; - } - .mY-nv-160\@lg- { - margin-top: -160px !important; - margin-bottom: -160px !important; - } - .mX-nv-160\@lg- { - margin-left: -160px !important; - margin-right: -160px !important; - } - } - @media screen and (max-width: 991px) { - .m-160\@md- { - margin: 160px !important; - } - .mT-160\@md- { - margin-top: 160px !important; - } - .mR-160\@md- { - margin-right: 160px !important; - } - .mB-160\@md- { - margin-bottom: 160px !important; - } - .mL-160\@md- { - margin-left: 160px !important; - } - .mY-160\@md- { - margin-top: 160px !important; - margin-bottom: 160px !important; - } - .mX-160\@md- { - margin-left: 160px !important; - margin-right: 160px !important; - } - .m-nv-160\@md- { - margin: -160px !important; - } - .mT-nv-160\@md- { - margin-top: -160px !important; - } - .mR-nv-160\@md- { - margin-right: -160px !important; - } - .mB-nv-160\@md- { - margin-bottom: -160px !important; - } - .mL-nv-160\@md- { - margin-left: -160px !important; - } - .mY-nv-160\@md- { - margin-top: -160px !important; - margin-bottom: -160px !important; - } - .mX-nv-160\@md- { - margin-left: -160px !important; - margin-right: -160px !important; - } - } - @media screen and (max-width: 767px) { - .m-160\@sm- { - margin: 160px !important; - } - .mT-160\@sm- { - margin-top: 160px !important; - } - .mR-160\@sm- { - margin-right: 160px !important; - } - .mB-160\@sm- { - margin-bottom: 160px !important; - } - .mL-160\@sm- { - margin-left: 160px !important; - } - .mY-160\@sm- { - margin-top: 160px !important; - margin-bottom: 160px !important; - } - .mX-160\@sm- { - margin-left: 160px !important; - margin-right: 160px !important; - } - .m-nv-160\@sm- { - margin: -160px !important; - } - .mT-nv-160\@sm- { - margin-top: -160px !important; - } - .mR-nv-160\@sm- { - margin-right: -160px !important; - } - .mB-nv-160\@sm- { - margin-bottom: -160px !important; - } - .mL-nv-160\@sm- { - margin-left: -160px !important; - } - .mY-nv-160\@sm- { - margin-top: -160px !important; - margin-bottom: -160px !important; - } - .mX-nv-160\@sm- { - margin-left: -160px !important; - margin-right: -160px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-160\@lg { - margin: 160px !important; - } - .mT-160\@lg { - margin-top: 160px !important; - } - .mR-160\@lg { - margin-right: 160px !important; - } - .mB-160\@lg { - margin-bottom: 160px !important; - } - .mL-160\@lg { - margin-left: 160px !important; - } - .mY-160\@lg { - margin-top: 160px !important; - margin-bottom: 160px !important; - } - .mX-160\@lg { - margin-left: 160px !important; - margin-right: 160px !important; - } - .m-nv-160\@lg { - margin: -160px !important; - } - .mT-nv-160\@lg { - margin-top: -160px !important; - } - .mR-nv-160\@lg { - margin-right: -160px !important; - } - .mB-nv-160\@lg { - margin-bottom: -160px !important; - } - .mL-nv-160\@lg { - margin-left: -160px !important; - } - .mY-nv-160\@lg { - margin-top: -160px !important; - margin-bottom: -160px !important; - } - .mX-nv-160\@lg { - margin-left: -160px !important; - margin-right: -160px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-160\@md { - margin: 160px !important; - } - .mT-160\@md { - margin-top: 160px !important; - } - .mR-160\@md { - margin-right: 160px !important; - } - .mB-160\@md { - margin-bottom: 160px !important; - } - .mL-160\@md { - margin-left: 160px !important; - } - .mY-160\@md { - margin-top: 160px !important; - margin-bottom: 160px !important; - } - .mX-160\@md { - margin-left: 160px !important; - margin-right: 160px !important; - } - .m-nv-160\@md { - margin: -160px !important; - } - .mT-nv-160\@md { - margin-top: -160px !important; - } - .mR-nv-160\@md { - margin-right: -160px !important; - } - .mB-nv-160\@md { - margin-bottom: -160px !important; - } - .mL-nv-160\@md { - margin-left: -160px !important; - } - .mY-nv-160\@md { - margin-top: -160px !important; - margin-bottom: -160px !important; - } - .mX-nv-160\@md { - margin-left: -160px !important; - margin-right: -160px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-160\@sm { - margin: 160px !important; - } - .mT-160\@sm { - margin-top: 160px !important; - } - .mR-160\@sm { - margin-right: 160px !important; - } - .mB-160\@sm { - margin-bottom: 160px !important; - } - .mL-160\@sm { - margin-left: 160px !important; - } - .mY-160\@sm { - margin-top: 160px !important; - margin-bottom: 160px !important; - } - .mX-160\@sm { - margin-left: 160px !important; - margin-right: 160px !important; - } - .m-nv-160\@sm { - margin: -160px !important; - } - .mT-nv-160\@sm { - margin-top: -160px !important; - } - .mR-nv-160\@sm { - margin-right: -160px !important; - } - .mB-nv-160\@sm { - margin-bottom: -160px !important; - } - .mL-nv-160\@sm { - margin-left: -160px !important; - } - .mY-nv-160\@sm { - margin-top: -160px !important; - margin-bottom: -160px !important; - } - .mX-nv-160\@sm { - margin-left: -160px !important; - margin-right: -160px !important; - } - } - .m-a { - margin: auto !important; - } - - .mX-a { - margin-left: auto !important; - margin-right: auto !important; - } - - .mT-a { - margin-top: auto !important; - } - - .mR-a { - margin-right: auto !important; - } - - .mB-a { - margin-bottom: auto !important; - } - - .mL-a { - margin-left: auto !important; - } - - @media screen and (min-width: 1440px) { - .m-a\@xl\+ { - margin: auto !important; - } - .mX-a\@xl\+ { - margin-left: auto !important; - margin-right: auto !important; - } - .mT-a\@xl\+ { - margin-top: auto !important; - } - .mR-a\@xl\+ { - margin-right: auto !important; - } - .mB-a\@xl\+ { - margin-bottom: auto !important; - } - .mL-a\@xl\+ { - margin-left: auto !important; - } - } - @media screen and (min-width: 1200px) { - .m-a\@lg\+ { - margin: auto !important; - } - .mX-a\@lg\+ { - margin-left: auto !important; - margin-right: auto !important; - } - .mT-a\@lg\+ { - margin-top: auto !important; - } - .mR-a\@lg\+ { - margin-right: auto !important; - } - .mB-a\@lg\+ { - margin-bottom: auto !important; - } - .mL-a\@lg\+ { - margin-left: auto !important; - } - } - @media screen and (min-width: 992px) { - .m-a\@md\+ { - margin: auto !important; - } - .mX-a\@md\+ { - margin-left: auto !important; - margin-right: auto !important; - } - .mT-a\@md\+ { - margin-top: auto !important; - } - .mR-a\@md\+ { - margin-right: auto !important; - } - .mB-a\@md\+ { - margin-bottom: auto !important; - } - .mL-a\@md\+ { - margin-left: auto !important; - } - } - @media screen and (min-width: 768px) { - .m-a\@sm\+ { - margin: auto !important; - } - .mX-a\@sm\+ { - margin-left: auto !important; - margin-right: auto !important; - } - .mT-a\@sm\+ { - margin-top: auto !important; - } - .mR-a\@sm\+ { - margin-right: auto !important; - } - .mB-a\@sm\+ { - margin-bottom: auto !important; - } - .mL-a\@sm\+ { - margin-left: auto !important; - } - } - @media screen and (min-width: 0) { - .m-a\@xs\+ { - margin: auto !important; - } - .mX-a\@xs\+ { - margin-left: auto !important; - margin-right: auto !important; - } - .mT-a\@xs\+ { - margin-top: auto !important; - } - .mR-a\@xs\+ { - margin-right: auto !important; - } - .mB-a\@xs\+ { - margin-bottom: auto !important; - } - .mL-a\@xs\+ { - margin-left: auto !important; - } - } - @media screen and (max-width: 1439px) { - .m-a\@xl- { - margin: auto !important; - } - .mX-a\@xl- { - margin-left: auto !important; - margin-right: auto !important; - } - .mT-a\@xl- { - margin-top: auto !important; - } - .mR-a\@xl- { - margin-right: auto !important; - } - .mB-a\@xl- { - margin-bottom: auto !important; - } - .mL-a\@xl- { - margin-left: auto !important; - } - } - @media screen and (max-width: 1199px) { - .m-a\@lg- { - margin: auto !important; - } - .mX-a\@lg- { - margin-left: auto !important; - margin-right: auto !important; - } - .mT-a\@lg- { - margin-top: auto !important; - } - .mR-a\@lg- { - margin-right: auto !important; - } - .mB-a\@lg- { - margin-bottom: auto !important; - } - .mL-a\@lg- { - margin-left: auto !important; - } - } - @media screen and (max-width: 991px) { - .m-a\@md- { - margin: auto !important; - } - .mX-a\@md- { - margin-left: auto !important; - margin-right: auto !important; - } - .mT-a\@md- { - margin-top: auto !important; - } - .mR-a\@md- { - margin-right: auto !important; - } - .mB-a\@md- { - margin-bottom: auto !important; - } - .mL-a\@md- { - margin-left: auto !important; - } - } - @media screen and (max-width: 767px) { - .m-a\@sm- { - margin: auto !important; - } - .mX-a\@sm- { - margin-left: auto !important; - margin-right: auto !important; - } - .mT-a\@sm- { - margin-top: auto !important; - } - .mR-a\@sm- { - margin-right: auto !important; - } - .mB-a\@sm- { - margin-bottom: auto !important; - } - .mL-a\@sm- { - margin-left: auto !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .m-a\@lg { - margin: auto !important; - } - .mX-a\@lg { - margin-left: auto !important; - margin-right: auto !important; - } - .mT-a\@lg { - margin-top: auto !important; - } - .mR-a\@lg { - margin-right: auto !important; - } - .mB-a\@lg { - margin-bottom: auto !important; - } - .mL-a\@lg { - margin-left: auto !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .m-a\@md { - margin: auto !important; - } - .mX-a\@md { - margin-left: auto !important; - margin-right: auto !important; - } - .mT-a\@md { - margin-top: auto !important; - } - .mR-a\@md { - margin-right: auto !important; - } - .mB-a\@md { - margin-bottom: auto !important; - } - .mL-a\@md { - margin-left: auto !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .m-a\@sm { - margin: auto !important; - } - .mX-a\@sm { - margin-left: auto !important; - margin-right: auto !important; - } - .mT-a\@sm { - margin-top: auto !important; - } - .mR-a\@sm { - margin-right: auto !important; - } - .mB-a\@sm { - margin-bottom: auto !important; - } - .mL-a\@sm { - margin-left: auto !important; - } - } - .bgsz-cv { - background-size: cover; - } - - .bgsz-ct { - background-size: contain; - } - - .bgsz-full { - background-size: 100% 100%; - } - - .bgpX-c { - background-position-x: center; - } - - .bgpX-t { - background-position-x: top; - } - - .bgpX-r { - background-position-x: right; - } - - .bgpX-l { - background-position-x: left; - } - - .bgpX-b { - background-position-x: bottom; - } - - .bgpY-c { - background-position-y: center; - } - - .bgpY-t { - background-position-y: top; - } - - .bgpY-r { - background-position-y: right; - } - - .bgpY-l { - background-position-y: left; - } - - .bgpY-b { - background-position-y: bottom; - } - - .bgr-n { - background-repeat: no-repeat; - } - - .bgr-y { - background-repeat: repeat-y; - } - - .bgr-x { - background-repeat: repeat-x; - } - - .of-ct { - object-fit: contain; - } - - .of-cv { - object-fit: cover; - } - - .of-f { - object-fit: fill; - } - - .of-n { - object-fit: none; - } - - .of-sd { - object-fit: scale-down; - } - - .rsz-v { - resize: vertical; - } - - .rsz-h { - resize: horizontal; - } - - .op-0 { - opacity: 0; - } - - .op-10p { - opacity: 0.1; - } - - .op-20p { - opacity: 0.2; - } - - .op-30p { - opacity: 0.3; - } - - .op-40p { - opacity: 0.4; - } - - .op-50p { - opacity: 0.5; - } - - .op-60p { - opacity: 0.6; - } - - .op-70p { - opacity: 0.7; - } - - .op-80p { - opacity: 0.8; - } - - .op-90p { - opacity: 0.9; - } - - .op-100p { - opacity: 1; - } - - .cur-na { - cursor: not-allowed; - } - - .cur-p { - cursor: pointer; - } - - .cur-a { - cursor: auto; - } - - .vis-v { + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 767.98px) { + .offcanvas-md { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-md { + transition: none; + } +} +@media (max-width: 767.98px) { + .offcanvas-md.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-md.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-md.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-md.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-md.showing, .offcanvas-md.show:not(.hiding) { + transform: none; + } + .offcanvas-md.showing, .offcanvas-md.hiding, .offcanvas-md.show { visibility: visible; } - - .vis-h { - visibility: hidden; - } - - .p-0 { - padding: 0px !important; - } - - .pT-0 { - padding-top: 0px !important; - } - - .pR-0 { - padding-right: 0px !important; - } - - .pB-0 { - padding-bottom: 0px !important; - } - - .pL-0 { - padding-left: 0px !important; - } - - .pY-0 { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - - .pX-0 { - padding-left: 0px !important; - padding-right: 0px !important; - } - - @media screen and (min-width: 1440px) { - .p-0\@xl\+ { - padding: 0px !important; - } - .pT-0\@xl\+ { - padding-top: 0px !important; - } - .pR-0\@xl\+ { - padding-right: 0px !important; - } - .pB-0\@xl\+ { - padding-bottom: 0px !important; - } - .pL-0\@xl\+ { - padding-left: 0px !important; - } - .pY-0\@xl\+ { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .pX-0\@xl\+ { - padding-left: 0px !important; - padding-right: 0px !important; - } - } - @media screen and (min-width: 1200px) { - .p-0\@lg\+ { - padding: 0px !important; - } - .pT-0\@lg\+ { - padding-top: 0px !important; - } - .pR-0\@lg\+ { - padding-right: 0px !important; - } - .pB-0\@lg\+ { - padding-bottom: 0px !important; - } - .pL-0\@lg\+ { - padding-left: 0px !important; - } - .pY-0\@lg\+ { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .pX-0\@lg\+ { - padding-left: 0px !important; - padding-right: 0px !important; - } - } - @media screen and (min-width: 992px) { - .p-0\@md\+ { - padding: 0px !important; - } - .pT-0\@md\+ { - padding-top: 0px !important; - } - .pR-0\@md\+ { - padding-right: 0px !important; - } - .pB-0\@md\+ { - padding-bottom: 0px !important; - } - .pL-0\@md\+ { - padding-left: 0px !important; - } - .pY-0\@md\+ { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .pX-0\@md\+ { - padding-left: 0px !important; - padding-right: 0px !important; - } - } - @media screen and (min-width: 768px) { - .p-0\@sm\+ { - padding: 0px !important; - } - .pT-0\@sm\+ { - padding-top: 0px !important; - } - .pR-0\@sm\+ { - padding-right: 0px !important; - } - .pB-0\@sm\+ { - padding-bottom: 0px !important; - } - .pL-0\@sm\+ { - padding-left: 0px !important; - } - .pY-0\@sm\+ { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .pX-0\@sm\+ { - padding-left: 0px !important; - padding-right: 0px !important; - } - } - @media screen and (min-width: 0) { - .p-0\@xs\+ { - padding: 0px !important; - } - .pT-0\@xs\+ { - padding-top: 0px !important; - } - .pR-0\@xs\+ { - padding-right: 0px !important; - } - .pB-0\@xs\+ { - padding-bottom: 0px !important; - } - .pL-0\@xs\+ { - padding-left: 0px !important; - } - .pY-0\@xs\+ { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .pX-0\@xs\+ { - padding-left: 0px !important; - padding-right: 0px !important; - } - } - @media screen and (max-width: 1439px) { - .p-0\@xl- { - padding: 0px !important; - } - .pT-0\@xl- { - padding-top: 0px !important; - } - .pR-0\@xl- { - padding-right: 0px !important; - } - .pB-0\@xl- { - padding-bottom: 0px !important; - } - .pL-0\@xl- { - padding-left: 0px !important; - } - .pY-0\@xl- { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .pX-0\@xl- { - padding-left: 0px !important; - padding-right: 0px !important; - } - } - @media screen and (max-width: 1199px) { - .p-0\@lg- { - padding: 0px !important; - } - .pT-0\@lg- { - padding-top: 0px !important; - } - .pR-0\@lg- { - padding-right: 0px !important; - } - .pB-0\@lg- { - padding-bottom: 0px !important; - } - .pL-0\@lg- { - padding-left: 0px !important; - } - .pY-0\@lg- { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .pX-0\@lg- { - padding-left: 0px !important; - padding-right: 0px !important; - } - } - @media screen and (max-width: 991px) { - .p-0\@md- { - padding: 0px !important; - } - .pT-0\@md- { - padding-top: 0px !important; - } - .pR-0\@md- { - padding-right: 0px !important; - } - .pB-0\@md- { - padding-bottom: 0px !important; - } - .pL-0\@md- { - padding-left: 0px !important; - } - .pY-0\@md- { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .pX-0\@md- { - padding-left: 0px !important; - padding-right: 0px !important; - } - } - @media screen and (max-width: 767px) { - .p-0\@sm- { - padding: 0px !important; - } - .pT-0\@sm- { - padding-top: 0px !important; - } - .pR-0\@sm- { - padding-right: 0px !important; - } - .pB-0\@sm- { - padding-bottom: 0px !important; - } - .pL-0\@sm- { - padding-left: 0px !important; - } - .pY-0\@sm- { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .pX-0\@sm- { - padding-left: 0px !important; - padding-right: 0px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-0\@lg { - padding: 0px !important; - } - .pT-0\@lg { - padding-top: 0px !important; - } - .pR-0\@lg { - padding-right: 0px !important; - } - .pB-0\@lg { - padding-bottom: 0px !important; - } - .pL-0\@lg { - padding-left: 0px !important; - } - .pY-0\@lg { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .pX-0\@lg { - padding-left: 0px !important; - padding-right: 0px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-0\@md { - padding: 0px !important; - } - .pT-0\@md { - padding-top: 0px !important; - } - .pR-0\@md { - padding-right: 0px !important; - } - .pB-0\@md { - padding-bottom: 0px !important; - } - .pL-0\@md { - padding-left: 0px !important; - } - .pY-0\@md { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .pX-0\@md { - padding-left: 0px !important; - padding-right: 0px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-0\@sm { - padding: 0px !important; - } - .pT-0\@sm { - padding-top: 0px !important; - } - .pR-0\@sm { - padding-right: 0px !important; - } - .pB-0\@sm { - padding-bottom: 0px !important; - } - .pL-0\@sm { - padding-left: 0px !important; - } - .pY-0\@sm { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .pX-0\@sm { - padding-left: 0px !important; - padding-right: 0px !important; - } - } - .p-1 { - padding: 1px !important; - } - - .pT-1 { - padding-top: 1px !important; - } - - .pR-1 { - padding-right: 1px !important; - } - - .pB-1 { - padding-bottom: 1px !important; - } - - .pL-1 { - padding-left: 1px !important; - } - - .pY-1 { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - - .pX-1 { - padding-left: 1px !important; - padding-right: 1px !important; - } - - @media screen and (min-width: 1440px) { - .p-1\@xl\+ { - padding: 1px !important; - } - .pT-1\@xl\+ { - padding-top: 1px !important; - } - .pR-1\@xl\+ { - padding-right: 1px !important; - } - .pB-1\@xl\+ { - padding-bottom: 1px !important; - } - .pL-1\@xl\+ { - padding-left: 1px !important; - } - .pY-1\@xl\+ { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .pX-1\@xl\+ { - padding-left: 1px !important; - padding-right: 1px !important; - } - } - @media screen and (min-width: 1200px) { - .p-1\@lg\+ { - padding: 1px !important; - } - .pT-1\@lg\+ { - padding-top: 1px !important; - } - .pR-1\@lg\+ { - padding-right: 1px !important; - } - .pB-1\@lg\+ { - padding-bottom: 1px !important; - } - .pL-1\@lg\+ { - padding-left: 1px !important; - } - .pY-1\@lg\+ { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .pX-1\@lg\+ { - padding-left: 1px !important; - padding-right: 1px !important; - } - } - @media screen and (min-width: 992px) { - .p-1\@md\+ { - padding: 1px !important; - } - .pT-1\@md\+ { - padding-top: 1px !important; - } - .pR-1\@md\+ { - padding-right: 1px !important; - } - .pB-1\@md\+ { - padding-bottom: 1px !important; - } - .pL-1\@md\+ { - padding-left: 1px !important; - } - .pY-1\@md\+ { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .pX-1\@md\+ { - padding-left: 1px !important; - padding-right: 1px !important; - } - } - @media screen and (min-width: 768px) { - .p-1\@sm\+ { - padding: 1px !important; - } - .pT-1\@sm\+ { - padding-top: 1px !important; - } - .pR-1\@sm\+ { - padding-right: 1px !important; - } - .pB-1\@sm\+ { - padding-bottom: 1px !important; - } - .pL-1\@sm\+ { - padding-left: 1px !important; - } - .pY-1\@sm\+ { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .pX-1\@sm\+ { - padding-left: 1px !important; - padding-right: 1px !important; - } - } - @media screen and (min-width: 0) { - .p-1\@xs\+ { - padding: 1px !important; - } - .pT-1\@xs\+ { - padding-top: 1px !important; - } - .pR-1\@xs\+ { - padding-right: 1px !important; - } - .pB-1\@xs\+ { - padding-bottom: 1px !important; - } - .pL-1\@xs\+ { - padding-left: 1px !important; - } - .pY-1\@xs\+ { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .pX-1\@xs\+ { - padding-left: 1px !important; - padding-right: 1px !important; - } - } - @media screen and (max-width: 1439px) { - .p-1\@xl- { - padding: 1px !important; - } - .pT-1\@xl- { - padding-top: 1px !important; - } - .pR-1\@xl- { - padding-right: 1px !important; - } - .pB-1\@xl- { - padding-bottom: 1px !important; - } - .pL-1\@xl- { - padding-left: 1px !important; - } - .pY-1\@xl- { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .pX-1\@xl- { - padding-left: 1px !important; - padding-right: 1px !important; - } - } - @media screen and (max-width: 1199px) { - .p-1\@lg- { - padding: 1px !important; - } - .pT-1\@lg- { - padding-top: 1px !important; - } - .pR-1\@lg- { - padding-right: 1px !important; - } - .pB-1\@lg- { - padding-bottom: 1px !important; - } - .pL-1\@lg- { - padding-left: 1px !important; - } - .pY-1\@lg- { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .pX-1\@lg- { - padding-left: 1px !important; - padding-right: 1px !important; - } - } - @media screen and (max-width: 991px) { - .p-1\@md- { - padding: 1px !important; - } - .pT-1\@md- { - padding-top: 1px !important; - } - .pR-1\@md- { - padding-right: 1px !important; - } - .pB-1\@md- { - padding-bottom: 1px !important; - } - .pL-1\@md- { - padding-left: 1px !important; - } - .pY-1\@md- { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .pX-1\@md- { - padding-left: 1px !important; - padding-right: 1px !important; - } - } - @media screen and (max-width: 767px) { - .p-1\@sm- { - padding: 1px !important; - } - .pT-1\@sm- { - padding-top: 1px !important; - } - .pR-1\@sm- { - padding-right: 1px !important; - } - .pB-1\@sm- { - padding-bottom: 1px !important; - } - .pL-1\@sm- { - padding-left: 1px !important; - } - .pY-1\@sm- { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .pX-1\@sm- { - padding-left: 1px !important; - padding-right: 1px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-1\@lg { - padding: 1px !important; - } - .pT-1\@lg { - padding-top: 1px !important; - } - .pR-1\@lg { - padding-right: 1px !important; - } - .pB-1\@lg { - padding-bottom: 1px !important; - } - .pL-1\@lg { - padding-left: 1px !important; - } - .pY-1\@lg { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .pX-1\@lg { - padding-left: 1px !important; - padding-right: 1px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-1\@md { - padding: 1px !important; - } - .pT-1\@md { - padding-top: 1px !important; - } - .pR-1\@md { - padding-right: 1px !important; - } - .pB-1\@md { - padding-bottom: 1px !important; - } - .pL-1\@md { - padding-left: 1px !important; - } - .pY-1\@md { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .pX-1\@md { - padding-left: 1px !important; - padding-right: 1px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-1\@sm { - padding: 1px !important; - } - .pT-1\@sm { - padding-top: 1px !important; - } - .pR-1\@sm { - padding-right: 1px !important; - } - .pB-1\@sm { - padding-bottom: 1px !important; - } - .pL-1\@sm { - padding-left: 1px !important; - } - .pY-1\@sm { - padding-top: 1px !important; - padding-bottom: 1px !important; - } - .pX-1\@sm { - padding-left: 1px !important; - padding-right: 1px !important; - } - } - .p-2 { - padding: 2px !important; - } - - .pT-2 { - padding-top: 2px !important; - } - - .pR-2 { - padding-right: 2px !important; - } - - .pB-2 { - padding-bottom: 2px !important; - } - - .pL-2 { - padding-left: 2px !important; - } - - .pY-2 { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - - .pX-2 { - padding-left: 2px !important; - padding-right: 2px !important; - } - - @media screen and (min-width: 1440px) { - .p-2\@xl\+ { - padding: 2px !important; - } - .pT-2\@xl\+ { - padding-top: 2px !important; - } - .pR-2\@xl\+ { - padding-right: 2px !important; - } - .pB-2\@xl\+ { - padding-bottom: 2px !important; - } - .pL-2\@xl\+ { - padding-left: 2px !important; - } - .pY-2\@xl\+ { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .pX-2\@xl\+ { - padding-left: 2px !important; - padding-right: 2px !important; - } - } - @media screen and (min-width: 1200px) { - .p-2\@lg\+ { - padding: 2px !important; - } - .pT-2\@lg\+ { - padding-top: 2px !important; - } - .pR-2\@lg\+ { - padding-right: 2px !important; - } - .pB-2\@lg\+ { - padding-bottom: 2px !important; - } - .pL-2\@lg\+ { - padding-left: 2px !important; - } - .pY-2\@lg\+ { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .pX-2\@lg\+ { - padding-left: 2px !important; - padding-right: 2px !important; - } - } - @media screen and (min-width: 992px) { - .p-2\@md\+ { - padding: 2px !important; - } - .pT-2\@md\+ { - padding-top: 2px !important; - } - .pR-2\@md\+ { - padding-right: 2px !important; - } - .pB-2\@md\+ { - padding-bottom: 2px !important; - } - .pL-2\@md\+ { - padding-left: 2px !important; - } - .pY-2\@md\+ { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .pX-2\@md\+ { - padding-left: 2px !important; - padding-right: 2px !important; - } - } - @media screen and (min-width: 768px) { - .p-2\@sm\+ { - padding: 2px !important; - } - .pT-2\@sm\+ { - padding-top: 2px !important; - } - .pR-2\@sm\+ { - padding-right: 2px !important; - } - .pB-2\@sm\+ { - padding-bottom: 2px !important; - } - .pL-2\@sm\+ { - padding-left: 2px !important; - } - .pY-2\@sm\+ { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .pX-2\@sm\+ { - padding-left: 2px !important; - padding-right: 2px !important; - } - } - @media screen and (min-width: 0) { - .p-2\@xs\+ { - padding: 2px !important; - } - .pT-2\@xs\+ { - padding-top: 2px !important; - } - .pR-2\@xs\+ { - padding-right: 2px !important; - } - .pB-2\@xs\+ { - padding-bottom: 2px !important; - } - .pL-2\@xs\+ { - padding-left: 2px !important; - } - .pY-2\@xs\+ { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .pX-2\@xs\+ { - padding-left: 2px !important; - padding-right: 2px !important; - } - } - @media screen and (max-width: 1439px) { - .p-2\@xl- { - padding: 2px !important; - } - .pT-2\@xl- { - padding-top: 2px !important; - } - .pR-2\@xl- { - padding-right: 2px !important; - } - .pB-2\@xl- { - padding-bottom: 2px !important; - } - .pL-2\@xl- { - padding-left: 2px !important; - } - .pY-2\@xl- { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .pX-2\@xl- { - padding-left: 2px !important; - padding-right: 2px !important; - } - } - @media screen and (max-width: 1199px) { - .p-2\@lg- { - padding: 2px !important; - } - .pT-2\@lg- { - padding-top: 2px !important; - } - .pR-2\@lg- { - padding-right: 2px !important; - } - .pB-2\@lg- { - padding-bottom: 2px !important; - } - .pL-2\@lg- { - padding-left: 2px !important; - } - .pY-2\@lg- { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .pX-2\@lg- { - padding-left: 2px !important; - padding-right: 2px !important; - } - } - @media screen and (max-width: 991px) { - .p-2\@md- { - padding: 2px !important; - } - .pT-2\@md- { - padding-top: 2px !important; - } - .pR-2\@md- { - padding-right: 2px !important; - } - .pB-2\@md- { - padding-bottom: 2px !important; - } - .pL-2\@md- { - padding-left: 2px !important; - } - .pY-2\@md- { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .pX-2\@md- { - padding-left: 2px !important; - padding-right: 2px !important; - } - } - @media screen and (max-width: 767px) { - .p-2\@sm- { - padding: 2px !important; - } - .pT-2\@sm- { - padding-top: 2px !important; - } - .pR-2\@sm- { - padding-right: 2px !important; - } - .pB-2\@sm- { - padding-bottom: 2px !important; - } - .pL-2\@sm- { - padding-left: 2px !important; - } - .pY-2\@sm- { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .pX-2\@sm- { - padding-left: 2px !important; - padding-right: 2px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-2\@lg { - padding: 2px !important; - } - .pT-2\@lg { - padding-top: 2px !important; - } - .pR-2\@lg { - padding-right: 2px !important; - } - .pB-2\@lg { - padding-bottom: 2px !important; - } - .pL-2\@lg { - padding-left: 2px !important; - } - .pY-2\@lg { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .pX-2\@lg { - padding-left: 2px !important; - padding-right: 2px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-2\@md { - padding: 2px !important; - } - .pT-2\@md { - padding-top: 2px !important; - } - .pR-2\@md { - padding-right: 2px !important; - } - .pB-2\@md { - padding-bottom: 2px !important; - } - .pL-2\@md { - padding-left: 2px !important; - } - .pY-2\@md { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .pX-2\@md { - padding-left: 2px !important; - padding-right: 2px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-2\@sm { - padding: 2px !important; - } - .pT-2\@sm { - padding-top: 2px !important; - } - .pR-2\@sm { - padding-right: 2px !important; - } - .pB-2\@sm { - padding-bottom: 2px !important; - } - .pL-2\@sm { - padding-left: 2px !important; - } - .pY-2\@sm { - padding-top: 2px !important; - padding-bottom: 2px !important; - } - .pX-2\@sm { - padding-left: 2px !important; - padding-right: 2px !important; - } - } - .p-3 { - padding: 3px !important; - } - - .pT-3 { - padding-top: 3px !important; - } - - .pR-3 { - padding-right: 3px !important; - } - - .pB-3 { - padding-bottom: 3px !important; - } - - .pL-3 { - padding-left: 3px !important; - } - - .pY-3 { - padding-top: 3px !important; - padding-bottom: 3px !important; - } - - .pX-3 { - padding-left: 3px !important; - padding-right: 3px !important; - } - - @media screen and (min-width: 1440px) { - .p-3\@xl\+ { - padding: 3px !important; - } - .pT-3\@xl\+ { - padding-top: 3px !important; - } - .pR-3\@xl\+ { - padding-right: 3px !important; - } - .pB-3\@xl\+ { - padding-bottom: 3px !important; - } - .pL-3\@xl\+ { - padding-left: 3px !important; - } - .pY-3\@xl\+ { - padding-top: 3px !important; - padding-bottom: 3px !important; - } - .pX-3\@xl\+ { - padding-left: 3px !important; - padding-right: 3px !important; - } - } - @media screen and (min-width: 1200px) { - .p-3\@lg\+ { - padding: 3px !important; - } - .pT-3\@lg\+ { - padding-top: 3px !important; - } - .pR-3\@lg\+ { - padding-right: 3px !important; - } - .pB-3\@lg\+ { - padding-bottom: 3px !important; - } - .pL-3\@lg\+ { - padding-left: 3px !important; - } - .pY-3\@lg\+ { - padding-top: 3px !important; - padding-bottom: 3px !important; - } - .pX-3\@lg\+ { - padding-left: 3px !important; - padding-right: 3px !important; - } - } - @media screen and (min-width: 992px) { - .p-3\@md\+ { - padding: 3px !important; - } - .pT-3\@md\+ { - padding-top: 3px !important; - } - .pR-3\@md\+ { - padding-right: 3px !important; - } - .pB-3\@md\+ { - padding-bottom: 3px !important; - } - .pL-3\@md\+ { - padding-left: 3px !important; - } - .pY-3\@md\+ { - padding-top: 3px !important; - padding-bottom: 3px !important; - } - .pX-3\@md\+ { - padding-left: 3px !important; - padding-right: 3px !important; - } - } - @media screen and (min-width: 768px) { - .p-3\@sm\+ { - padding: 3px !important; - } - .pT-3\@sm\+ { - padding-top: 3px !important; - } - .pR-3\@sm\+ { - padding-right: 3px !important; - } - .pB-3\@sm\+ { - padding-bottom: 3px !important; - } - .pL-3\@sm\+ { - padding-left: 3px !important; - } - .pY-3\@sm\+ { - padding-top: 3px !important; - padding-bottom: 3px !important; - } - .pX-3\@sm\+ { - padding-left: 3px !important; - padding-right: 3px !important; - } - } - @media screen and (min-width: 0) { - .p-3\@xs\+ { - padding: 3px !important; - } - .pT-3\@xs\+ { - padding-top: 3px !important; - } - .pR-3\@xs\+ { - padding-right: 3px !important; - } - .pB-3\@xs\+ { - padding-bottom: 3px !important; - } - .pL-3\@xs\+ { - padding-left: 3px !important; - } - .pY-3\@xs\+ { - padding-top: 3px !important; - padding-bottom: 3px !important; - } - .pX-3\@xs\+ { - padding-left: 3px !important; - padding-right: 3px !important; - } - } - @media screen and (max-width: 1439px) { - .p-3\@xl- { - padding: 3px !important; - } - .pT-3\@xl- { - padding-top: 3px !important; - } - .pR-3\@xl- { - padding-right: 3px !important; - } - .pB-3\@xl- { - padding-bottom: 3px !important; - } - .pL-3\@xl- { - padding-left: 3px !important; - } - .pY-3\@xl- { - padding-top: 3px !important; - padding-bottom: 3px !important; - } - .pX-3\@xl- { - padding-left: 3px !important; - padding-right: 3px !important; - } - } - @media screen and (max-width: 1199px) { - .p-3\@lg- { - padding: 3px !important; - } - .pT-3\@lg- { - padding-top: 3px !important; - } - .pR-3\@lg- { - padding-right: 3px !important; - } - .pB-3\@lg- { - padding-bottom: 3px !important; - } - .pL-3\@lg- { - padding-left: 3px !important; - } - .pY-3\@lg- { - padding-top: 3px !important; - padding-bottom: 3px !important; - } - .pX-3\@lg- { - padding-left: 3px !important; - padding-right: 3px !important; - } - } - @media screen and (max-width: 991px) { - .p-3\@md- { - padding: 3px !important; - } - .pT-3\@md- { - padding-top: 3px !important; - } - .pR-3\@md- { - padding-right: 3px !important; - } - .pB-3\@md- { - padding-bottom: 3px !important; - } - .pL-3\@md- { - padding-left: 3px !important; - } - .pY-3\@md- { - padding-top: 3px !important; - padding-bottom: 3px !important; - } - .pX-3\@md- { - padding-left: 3px !important; - padding-right: 3px !important; - } - } - @media screen and (max-width: 767px) { - .p-3\@sm- { - padding: 3px !important; - } - .pT-3\@sm- { - padding-top: 3px !important; - } - .pR-3\@sm- { - padding-right: 3px !important; - } - .pB-3\@sm- { - padding-bottom: 3px !important; - } - .pL-3\@sm- { - padding-left: 3px !important; - } - .pY-3\@sm- { - padding-top: 3px !important; - padding-bottom: 3px !important; - } - .pX-3\@sm- { - padding-left: 3px !important; - padding-right: 3px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-3\@lg { - padding: 3px !important; - } - .pT-3\@lg { - padding-top: 3px !important; - } - .pR-3\@lg { - padding-right: 3px !important; - } - .pB-3\@lg { - padding-bottom: 3px !important; - } - .pL-3\@lg { - padding-left: 3px !important; - } - .pY-3\@lg { - padding-top: 3px !important; - padding-bottom: 3px !important; - } - .pX-3\@lg { - padding-left: 3px !important; - padding-right: 3px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-3\@md { - padding: 3px !important; - } - .pT-3\@md { - padding-top: 3px !important; - } - .pR-3\@md { - padding-right: 3px !important; - } - .pB-3\@md { - padding-bottom: 3px !important; - } - .pL-3\@md { - padding-left: 3px !important; - } - .pY-3\@md { - padding-top: 3px !important; - padding-bottom: 3px !important; - } - .pX-3\@md { - padding-left: 3px !important; - padding-right: 3px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-3\@sm { - padding: 3px !important; - } - .pT-3\@sm { - padding-top: 3px !important; - } - .pR-3\@sm { - padding-right: 3px !important; - } - .pB-3\@sm { - padding-bottom: 3px !important; - } - .pL-3\@sm { - padding-left: 3px !important; - } - .pY-3\@sm { - padding-top: 3px !important; - padding-bottom: 3px !important; - } - .pX-3\@sm { - padding-left: 3px !important; - padding-right: 3px !important; - } - } - .p-4 { - padding: 4px !important; - } - - .pT-4 { - padding-top: 4px !important; - } - - .pR-4 { - padding-right: 4px !important; - } - - .pB-4 { - padding-bottom: 4px !important; - } - - .pL-4 { - padding-left: 4px !important; - } - - .pY-4 { - padding-top: 4px !important; - padding-bottom: 4px !important; - } - - .pX-4 { - padding-left: 4px !important; - padding-right: 4px !important; - } - - @media screen and (min-width: 1440px) { - .p-4\@xl\+ { - padding: 4px !important; - } - .pT-4\@xl\+ { - padding-top: 4px !important; - } - .pR-4\@xl\+ { - padding-right: 4px !important; - } - .pB-4\@xl\+ { - padding-bottom: 4px !important; - } - .pL-4\@xl\+ { - padding-left: 4px !important; - } - .pY-4\@xl\+ { - padding-top: 4px !important; - padding-bottom: 4px !important; - } - .pX-4\@xl\+ { - padding-left: 4px !important; - padding-right: 4px !important; - } - } - @media screen and (min-width: 1200px) { - .p-4\@lg\+ { - padding: 4px !important; - } - .pT-4\@lg\+ { - padding-top: 4px !important; - } - .pR-4\@lg\+ { - padding-right: 4px !important; - } - .pB-4\@lg\+ { - padding-bottom: 4px !important; - } - .pL-4\@lg\+ { - padding-left: 4px !important; - } - .pY-4\@lg\+ { - padding-top: 4px !important; - padding-bottom: 4px !important; - } - .pX-4\@lg\+ { - padding-left: 4px !important; - padding-right: 4px !important; - } - } - @media screen and (min-width: 992px) { - .p-4\@md\+ { - padding: 4px !important; - } - .pT-4\@md\+ { - padding-top: 4px !important; - } - .pR-4\@md\+ { - padding-right: 4px !important; - } - .pB-4\@md\+ { - padding-bottom: 4px !important; - } - .pL-4\@md\+ { - padding-left: 4px !important; - } - .pY-4\@md\+ { - padding-top: 4px !important; - padding-bottom: 4px !important; - } - .pX-4\@md\+ { - padding-left: 4px !important; - padding-right: 4px !important; - } - } - @media screen and (min-width: 768px) { - .p-4\@sm\+ { - padding: 4px !important; - } - .pT-4\@sm\+ { - padding-top: 4px !important; - } - .pR-4\@sm\+ { - padding-right: 4px !important; - } - .pB-4\@sm\+ { - padding-bottom: 4px !important; - } - .pL-4\@sm\+ { - padding-left: 4px !important; - } - .pY-4\@sm\+ { - padding-top: 4px !important; - padding-bottom: 4px !important; - } - .pX-4\@sm\+ { - padding-left: 4px !important; - padding-right: 4px !important; - } - } - @media screen and (min-width: 0) { - .p-4\@xs\+ { - padding: 4px !important; - } - .pT-4\@xs\+ { - padding-top: 4px !important; - } - .pR-4\@xs\+ { - padding-right: 4px !important; - } - .pB-4\@xs\+ { - padding-bottom: 4px !important; - } - .pL-4\@xs\+ { - padding-left: 4px !important; - } - .pY-4\@xs\+ { - padding-top: 4px !important; - padding-bottom: 4px !important; - } - .pX-4\@xs\+ { - padding-left: 4px !important; - padding-right: 4px !important; - } - } - @media screen and (max-width: 1439px) { - .p-4\@xl- { - padding: 4px !important; - } - .pT-4\@xl- { - padding-top: 4px !important; - } - .pR-4\@xl- { - padding-right: 4px !important; - } - .pB-4\@xl- { - padding-bottom: 4px !important; - } - .pL-4\@xl- { - padding-left: 4px !important; - } - .pY-4\@xl- { - padding-top: 4px !important; - padding-bottom: 4px !important; - } - .pX-4\@xl- { - padding-left: 4px !important; - padding-right: 4px !important; - } - } - @media screen and (max-width: 1199px) { - .p-4\@lg- { - padding: 4px !important; - } - .pT-4\@lg- { - padding-top: 4px !important; - } - .pR-4\@lg- { - padding-right: 4px !important; - } - .pB-4\@lg- { - padding-bottom: 4px !important; - } - .pL-4\@lg- { - padding-left: 4px !important; - } - .pY-4\@lg- { - padding-top: 4px !important; - padding-bottom: 4px !important; - } - .pX-4\@lg- { - padding-left: 4px !important; - padding-right: 4px !important; - } - } - @media screen and (max-width: 991px) { - .p-4\@md- { - padding: 4px !important; - } - .pT-4\@md- { - padding-top: 4px !important; - } - .pR-4\@md- { - padding-right: 4px !important; - } - .pB-4\@md- { - padding-bottom: 4px !important; - } - .pL-4\@md- { - padding-left: 4px !important; - } - .pY-4\@md- { - padding-top: 4px !important; - padding-bottom: 4px !important; - } - .pX-4\@md- { - padding-left: 4px !important; - padding-right: 4px !important; - } - } - @media screen and (max-width: 767px) { - .p-4\@sm- { - padding: 4px !important; - } - .pT-4\@sm- { - padding-top: 4px !important; - } - .pR-4\@sm- { - padding-right: 4px !important; - } - .pB-4\@sm- { - padding-bottom: 4px !important; - } - .pL-4\@sm- { - padding-left: 4px !important; - } - .pY-4\@sm- { - padding-top: 4px !important; - padding-bottom: 4px !important; - } - .pX-4\@sm- { - padding-left: 4px !important; - padding-right: 4px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-4\@lg { - padding: 4px !important; - } - .pT-4\@lg { - padding-top: 4px !important; - } - .pR-4\@lg { - padding-right: 4px !important; - } - .pB-4\@lg { - padding-bottom: 4px !important; - } - .pL-4\@lg { - padding-left: 4px !important; - } - .pY-4\@lg { - padding-top: 4px !important; - padding-bottom: 4px !important; - } - .pX-4\@lg { - padding-left: 4px !important; - padding-right: 4px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-4\@md { - padding: 4px !important; - } - .pT-4\@md { - padding-top: 4px !important; - } - .pR-4\@md { - padding-right: 4px !important; - } - .pB-4\@md { - padding-bottom: 4px !important; - } - .pL-4\@md { - padding-left: 4px !important; - } - .pY-4\@md { - padding-top: 4px !important; - padding-bottom: 4px !important; - } - .pX-4\@md { - padding-left: 4px !important; - padding-right: 4px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-4\@sm { - padding: 4px !important; - } - .pT-4\@sm { - padding-top: 4px !important; - } - .pR-4\@sm { - padding-right: 4px !important; - } - .pB-4\@sm { - padding-bottom: 4px !important; - } - .pL-4\@sm { - padding-left: 4px !important; - } - .pY-4\@sm { - padding-top: 4px !important; - padding-bottom: 4px !important; - } - .pX-4\@sm { - padding-left: 4px !important; - padding-right: 4px !important; - } - } - .p-5 { - padding: 5px !important; - } - - .pT-5 { - padding-top: 5px !important; - } - - .pR-5 { - padding-right: 5px !important; - } - - .pB-5 { - padding-bottom: 5px !important; - } - - .pL-5 { - padding-left: 5px !important; - } - - .pY-5 { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - - .pX-5 { - padding-left: 5px !important; - padding-right: 5px !important; - } - - @media screen and (min-width: 1440px) { - .p-5\@xl\+ { - padding: 5px !important; - } - .pT-5\@xl\+ { - padding-top: 5px !important; - } - .pR-5\@xl\+ { - padding-right: 5px !important; - } - .pB-5\@xl\+ { - padding-bottom: 5px !important; - } - .pL-5\@xl\+ { - padding-left: 5px !important; - } - .pY-5\@xl\+ { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .pX-5\@xl\+ { - padding-left: 5px !important; - padding-right: 5px !important; - } - } - @media screen and (min-width: 1200px) { - .p-5\@lg\+ { - padding: 5px !important; - } - .pT-5\@lg\+ { - padding-top: 5px !important; - } - .pR-5\@lg\+ { - padding-right: 5px !important; - } - .pB-5\@lg\+ { - padding-bottom: 5px !important; - } - .pL-5\@lg\+ { - padding-left: 5px !important; - } - .pY-5\@lg\+ { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .pX-5\@lg\+ { - padding-left: 5px !important; - padding-right: 5px !important; - } - } - @media screen and (min-width: 992px) { - .p-5\@md\+ { - padding: 5px !important; - } - .pT-5\@md\+ { - padding-top: 5px !important; - } - .pR-5\@md\+ { - padding-right: 5px !important; - } - .pB-5\@md\+ { - padding-bottom: 5px !important; - } - .pL-5\@md\+ { - padding-left: 5px !important; - } - .pY-5\@md\+ { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .pX-5\@md\+ { - padding-left: 5px !important; - padding-right: 5px !important; - } - } - @media screen and (min-width: 768px) { - .p-5\@sm\+ { - padding: 5px !important; - } - .pT-5\@sm\+ { - padding-top: 5px !important; - } - .pR-5\@sm\+ { - padding-right: 5px !important; - } - .pB-5\@sm\+ { - padding-bottom: 5px !important; - } - .pL-5\@sm\+ { - padding-left: 5px !important; - } - .pY-5\@sm\+ { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .pX-5\@sm\+ { - padding-left: 5px !important; - padding-right: 5px !important; - } - } - @media screen and (min-width: 0) { - .p-5\@xs\+ { - padding: 5px !important; - } - .pT-5\@xs\+ { - padding-top: 5px !important; - } - .pR-5\@xs\+ { - padding-right: 5px !important; - } - .pB-5\@xs\+ { - padding-bottom: 5px !important; - } - .pL-5\@xs\+ { - padding-left: 5px !important; - } - .pY-5\@xs\+ { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .pX-5\@xs\+ { - padding-left: 5px !important; - padding-right: 5px !important; - } - } - @media screen and (max-width: 1439px) { - .p-5\@xl- { - padding: 5px !important; - } - .pT-5\@xl- { - padding-top: 5px !important; - } - .pR-5\@xl- { - padding-right: 5px !important; - } - .pB-5\@xl- { - padding-bottom: 5px !important; - } - .pL-5\@xl- { - padding-left: 5px !important; - } - .pY-5\@xl- { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .pX-5\@xl- { - padding-left: 5px !important; - padding-right: 5px !important; - } - } - @media screen and (max-width: 1199px) { - .p-5\@lg- { - padding: 5px !important; - } - .pT-5\@lg- { - padding-top: 5px !important; - } - .pR-5\@lg- { - padding-right: 5px !important; - } - .pB-5\@lg- { - padding-bottom: 5px !important; - } - .pL-5\@lg- { - padding-left: 5px !important; - } - .pY-5\@lg- { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .pX-5\@lg- { - padding-left: 5px !important; - padding-right: 5px !important; - } - } - @media screen and (max-width: 991px) { - .p-5\@md- { - padding: 5px !important; - } - .pT-5\@md- { - padding-top: 5px !important; - } - .pR-5\@md- { - padding-right: 5px !important; - } - .pB-5\@md- { - padding-bottom: 5px !important; - } - .pL-5\@md- { - padding-left: 5px !important; - } - .pY-5\@md- { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .pX-5\@md- { - padding-left: 5px !important; - padding-right: 5px !important; - } - } - @media screen and (max-width: 767px) { - .p-5\@sm- { - padding: 5px !important; - } - .pT-5\@sm- { - padding-top: 5px !important; - } - .pR-5\@sm- { - padding-right: 5px !important; - } - .pB-5\@sm- { - padding-bottom: 5px !important; - } - .pL-5\@sm- { - padding-left: 5px !important; - } - .pY-5\@sm- { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .pX-5\@sm- { - padding-left: 5px !important; - padding-right: 5px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-5\@lg { - padding: 5px !important; - } - .pT-5\@lg { - padding-top: 5px !important; - } - .pR-5\@lg { - padding-right: 5px !important; - } - .pB-5\@lg { - padding-bottom: 5px !important; - } - .pL-5\@lg { - padding-left: 5px !important; - } - .pY-5\@lg { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .pX-5\@lg { - padding-left: 5px !important; - padding-right: 5px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-5\@md { - padding: 5px !important; - } - .pT-5\@md { - padding-top: 5px !important; - } - .pR-5\@md { - padding-right: 5px !important; - } - .pB-5\@md { - padding-bottom: 5px !important; - } - .pL-5\@md { - padding-left: 5px !important; - } - .pY-5\@md { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .pX-5\@md { - padding-left: 5px !important; - padding-right: 5px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-5\@sm { - padding: 5px !important; - } - .pT-5\@sm { - padding-top: 5px !important; - } - .pR-5\@sm { - padding-right: 5px !important; - } - .pB-5\@sm { - padding-bottom: 5px !important; - } - .pL-5\@sm { - padding-left: 5px !important; - } - .pY-5\@sm { - padding-top: 5px !important; - padding-bottom: 5px !important; - } - .pX-5\@sm { - padding-left: 5px !important; - padding-right: 5px !important; - } - } - .p-10 { - padding: 10px !important; - } - - .pT-10 { - padding-top: 10px !important; - } - - .pR-10 { - padding-right: 10px !important; - } - - .pB-10 { - padding-bottom: 10px !important; - } - - .pL-10 { - padding-left: 10px !important; - } - - .pY-10 { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - - .pX-10 { - padding-left: 10px !important; - padding-right: 10px !important; - } - - @media screen and (min-width: 1440px) { - .p-10\@xl\+ { - padding: 10px !important; - } - .pT-10\@xl\+ { - padding-top: 10px !important; - } - .pR-10\@xl\+ { - padding-right: 10px !important; - } - .pB-10\@xl\+ { - padding-bottom: 10px !important; - } - .pL-10\@xl\+ { - padding-left: 10px !important; - } - .pY-10\@xl\+ { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .pX-10\@xl\+ { - padding-left: 10px !important; - padding-right: 10px !important; - } - } - @media screen and (min-width: 1200px) { - .p-10\@lg\+ { - padding: 10px !important; - } - .pT-10\@lg\+ { - padding-top: 10px !important; - } - .pR-10\@lg\+ { - padding-right: 10px !important; - } - .pB-10\@lg\+ { - padding-bottom: 10px !important; - } - .pL-10\@lg\+ { - padding-left: 10px !important; - } - .pY-10\@lg\+ { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .pX-10\@lg\+ { - padding-left: 10px !important; - padding-right: 10px !important; - } - } - @media screen and (min-width: 992px) { - .p-10\@md\+ { - padding: 10px !important; - } - .pT-10\@md\+ { - padding-top: 10px !important; - } - .pR-10\@md\+ { - padding-right: 10px !important; - } - .pB-10\@md\+ { - padding-bottom: 10px !important; - } - .pL-10\@md\+ { - padding-left: 10px !important; - } - .pY-10\@md\+ { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .pX-10\@md\+ { - padding-left: 10px !important; - padding-right: 10px !important; - } - } - @media screen and (min-width: 768px) { - .p-10\@sm\+ { - padding: 10px !important; - } - .pT-10\@sm\+ { - padding-top: 10px !important; - } - .pR-10\@sm\+ { - padding-right: 10px !important; - } - .pB-10\@sm\+ { - padding-bottom: 10px !important; - } - .pL-10\@sm\+ { - padding-left: 10px !important; - } - .pY-10\@sm\+ { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .pX-10\@sm\+ { - padding-left: 10px !important; - padding-right: 10px !important; - } - } - @media screen and (min-width: 0) { - .p-10\@xs\+ { - padding: 10px !important; - } - .pT-10\@xs\+ { - padding-top: 10px !important; - } - .pR-10\@xs\+ { - padding-right: 10px !important; - } - .pB-10\@xs\+ { - padding-bottom: 10px !important; - } - .pL-10\@xs\+ { - padding-left: 10px !important; - } - .pY-10\@xs\+ { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .pX-10\@xs\+ { - padding-left: 10px !important; - padding-right: 10px !important; - } - } - @media screen and (max-width: 1439px) { - .p-10\@xl- { - padding: 10px !important; - } - .pT-10\@xl- { - padding-top: 10px !important; - } - .pR-10\@xl- { - padding-right: 10px !important; - } - .pB-10\@xl- { - padding-bottom: 10px !important; - } - .pL-10\@xl- { - padding-left: 10px !important; - } - .pY-10\@xl- { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .pX-10\@xl- { - padding-left: 10px !important; - padding-right: 10px !important; - } - } - @media screen and (max-width: 1199px) { - .p-10\@lg- { - padding: 10px !important; - } - .pT-10\@lg- { - padding-top: 10px !important; - } - .pR-10\@lg- { - padding-right: 10px !important; - } - .pB-10\@lg- { - padding-bottom: 10px !important; - } - .pL-10\@lg- { - padding-left: 10px !important; - } - .pY-10\@lg- { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .pX-10\@lg- { - padding-left: 10px !important; - padding-right: 10px !important; - } - } - @media screen and (max-width: 991px) { - .p-10\@md- { - padding: 10px !important; - } - .pT-10\@md- { - padding-top: 10px !important; - } - .pR-10\@md- { - padding-right: 10px !important; - } - .pB-10\@md- { - padding-bottom: 10px !important; - } - .pL-10\@md- { - padding-left: 10px !important; - } - .pY-10\@md- { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .pX-10\@md- { - padding-left: 10px !important; - padding-right: 10px !important; - } - } - @media screen and (max-width: 767px) { - .p-10\@sm- { - padding: 10px !important; - } - .pT-10\@sm- { - padding-top: 10px !important; - } - .pR-10\@sm- { - padding-right: 10px !important; - } - .pB-10\@sm- { - padding-bottom: 10px !important; - } - .pL-10\@sm- { - padding-left: 10px !important; - } - .pY-10\@sm- { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .pX-10\@sm- { - padding-left: 10px !important; - padding-right: 10px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-10\@lg { - padding: 10px !important; - } - .pT-10\@lg { - padding-top: 10px !important; - } - .pR-10\@lg { - padding-right: 10px !important; - } - .pB-10\@lg { - padding-bottom: 10px !important; - } - .pL-10\@lg { - padding-left: 10px !important; - } - .pY-10\@lg { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .pX-10\@lg { - padding-left: 10px !important; - padding-right: 10px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-10\@md { - padding: 10px !important; - } - .pT-10\@md { - padding-top: 10px !important; - } - .pR-10\@md { - padding-right: 10px !important; - } - .pB-10\@md { - padding-bottom: 10px !important; - } - .pL-10\@md { - padding-left: 10px !important; - } - .pY-10\@md { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .pX-10\@md { - padding-left: 10px !important; - padding-right: 10px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-10\@sm { - padding: 10px !important; - } - .pT-10\@sm { - padding-top: 10px !important; - } - .pR-10\@sm { - padding-right: 10px !important; - } - .pB-10\@sm { - padding-bottom: 10px !important; - } - .pL-10\@sm { - padding-left: 10px !important; - } - .pY-10\@sm { - padding-top: 10px !important; - padding-bottom: 10px !important; - } - .pX-10\@sm { - padding-left: 10px !important; - padding-right: 10px !important; - } - } - .p-15 { - padding: 15px !important; - } - - .pT-15 { - padding-top: 15px !important; - } - - .pR-15 { - padding-right: 15px !important; - } - - .pB-15 { - padding-bottom: 15px !important; - } - - .pL-15 { - padding-left: 15px !important; - } - - .pY-15 { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - - .pX-15 { - padding-left: 15px !important; - padding-right: 15px !important; - } - - @media screen and (min-width: 1440px) { - .p-15\@xl\+ { - padding: 15px !important; - } - .pT-15\@xl\+ { - padding-top: 15px !important; - } - .pR-15\@xl\+ { - padding-right: 15px !important; - } - .pB-15\@xl\+ { - padding-bottom: 15px !important; - } - .pL-15\@xl\+ { - padding-left: 15px !important; - } - .pY-15\@xl\+ { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .pX-15\@xl\+ { - padding-left: 15px !important; - padding-right: 15px !important; - } - } - @media screen and (min-width: 1200px) { - .p-15\@lg\+ { - padding: 15px !important; - } - .pT-15\@lg\+ { - padding-top: 15px !important; - } - .pR-15\@lg\+ { - padding-right: 15px !important; - } - .pB-15\@lg\+ { - padding-bottom: 15px !important; - } - .pL-15\@lg\+ { - padding-left: 15px !important; - } - .pY-15\@lg\+ { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .pX-15\@lg\+ { - padding-left: 15px !important; - padding-right: 15px !important; - } - } - @media screen and (min-width: 992px) { - .p-15\@md\+ { - padding: 15px !important; - } - .pT-15\@md\+ { - padding-top: 15px !important; - } - .pR-15\@md\+ { - padding-right: 15px !important; - } - .pB-15\@md\+ { - padding-bottom: 15px !important; - } - .pL-15\@md\+ { - padding-left: 15px !important; - } - .pY-15\@md\+ { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .pX-15\@md\+ { - padding-left: 15px !important; - padding-right: 15px !important; - } - } - @media screen and (min-width: 768px) { - .p-15\@sm\+ { - padding: 15px !important; - } - .pT-15\@sm\+ { - padding-top: 15px !important; - } - .pR-15\@sm\+ { - padding-right: 15px !important; - } - .pB-15\@sm\+ { - padding-bottom: 15px !important; - } - .pL-15\@sm\+ { - padding-left: 15px !important; - } - .pY-15\@sm\+ { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .pX-15\@sm\+ { - padding-left: 15px !important; - padding-right: 15px !important; - } - } - @media screen and (min-width: 0) { - .p-15\@xs\+ { - padding: 15px !important; - } - .pT-15\@xs\+ { - padding-top: 15px !important; - } - .pR-15\@xs\+ { - padding-right: 15px !important; - } - .pB-15\@xs\+ { - padding-bottom: 15px !important; - } - .pL-15\@xs\+ { - padding-left: 15px !important; - } - .pY-15\@xs\+ { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .pX-15\@xs\+ { - padding-left: 15px !important; - padding-right: 15px !important; - } - } - @media screen and (max-width: 1439px) { - .p-15\@xl- { - padding: 15px !important; - } - .pT-15\@xl- { - padding-top: 15px !important; - } - .pR-15\@xl- { - padding-right: 15px !important; - } - .pB-15\@xl- { - padding-bottom: 15px !important; - } - .pL-15\@xl- { - padding-left: 15px !important; - } - .pY-15\@xl- { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .pX-15\@xl- { - padding-left: 15px !important; - padding-right: 15px !important; - } - } - @media screen and (max-width: 1199px) { - .p-15\@lg- { - padding: 15px !important; - } - .pT-15\@lg- { - padding-top: 15px !important; - } - .pR-15\@lg- { - padding-right: 15px !important; - } - .pB-15\@lg- { - padding-bottom: 15px !important; - } - .pL-15\@lg- { - padding-left: 15px !important; - } - .pY-15\@lg- { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .pX-15\@lg- { - padding-left: 15px !important; - padding-right: 15px !important; - } - } - @media screen and (max-width: 991px) { - .p-15\@md- { - padding: 15px !important; - } - .pT-15\@md- { - padding-top: 15px !important; - } - .pR-15\@md- { - padding-right: 15px !important; - } - .pB-15\@md- { - padding-bottom: 15px !important; - } - .pL-15\@md- { - padding-left: 15px !important; - } - .pY-15\@md- { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .pX-15\@md- { - padding-left: 15px !important; - padding-right: 15px !important; - } - } - @media screen and (max-width: 767px) { - .p-15\@sm- { - padding: 15px !important; - } - .pT-15\@sm- { - padding-top: 15px !important; - } - .pR-15\@sm- { - padding-right: 15px !important; - } - .pB-15\@sm- { - padding-bottom: 15px !important; - } - .pL-15\@sm- { - padding-left: 15px !important; - } - .pY-15\@sm- { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .pX-15\@sm- { - padding-left: 15px !important; - padding-right: 15px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-15\@lg { - padding: 15px !important; - } - .pT-15\@lg { - padding-top: 15px !important; - } - .pR-15\@lg { - padding-right: 15px !important; - } - .pB-15\@lg { - padding-bottom: 15px !important; - } - .pL-15\@lg { - padding-left: 15px !important; - } - .pY-15\@lg { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .pX-15\@lg { - padding-left: 15px !important; - padding-right: 15px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-15\@md { - padding: 15px !important; - } - .pT-15\@md { - padding-top: 15px !important; - } - .pR-15\@md { - padding-right: 15px !important; - } - .pB-15\@md { - padding-bottom: 15px !important; - } - .pL-15\@md { - padding-left: 15px !important; - } - .pY-15\@md { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .pX-15\@md { - padding-left: 15px !important; - padding-right: 15px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-15\@sm { - padding: 15px !important; - } - .pT-15\@sm { - padding-top: 15px !important; - } - .pR-15\@sm { - padding-right: 15px !important; - } - .pB-15\@sm { - padding-bottom: 15px !important; - } - .pL-15\@sm { - padding-left: 15px !important; - } - .pY-15\@sm { - padding-top: 15px !important; - padding-bottom: 15px !important; - } - .pX-15\@sm { - padding-left: 15px !important; - padding-right: 15px !important; - } - } - .p-20 { - padding: 20px !important; - } - - .pT-20 { - padding-top: 20px !important; - } - - .pR-20 { - padding-right: 20px !important; - } - - .pB-20 { - padding-bottom: 20px !important; - } - - .pL-20 { - padding-left: 20px !important; - } - - .pY-20 { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - - .pX-20 { - padding-left: 20px !important; - padding-right: 20px !important; - } - - @media screen and (min-width: 1440px) { - .p-20\@xl\+ { - padding: 20px !important; - } - .pT-20\@xl\+ { - padding-top: 20px !important; - } - .pR-20\@xl\+ { - padding-right: 20px !important; - } - .pB-20\@xl\+ { - padding-bottom: 20px !important; - } - .pL-20\@xl\+ { - padding-left: 20px !important; - } - .pY-20\@xl\+ { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .pX-20\@xl\+ { - padding-left: 20px !important; - padding-right: 20px !important; - } - } - @media screen and (min-width: 1200px) { - .p-20\@lg\+ { - padding: 20px !important; - } - .pT-20\@lg\+ { - padding-top: 20px !important; - } - .pR-20\@lg\+ { - padding-right: 20px !important; - } - .pB-20\@lg\+ { - padding-bottom: 20px !important; - } - .pL-20\@lg\+ { - padding-left: 20px !important; - } - .pY-20\@lg\+ { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .pX-20\@lg\+ { - padding-left: 20px !important; - padding-right: 20px !important; - } - } - @media screen and (min-width: 992px) { - .p-20\@md\+ { - padding: 20px !important; - } - .pT-20\@md\+ { - padding-top: 20px !important; - } - .pR-20\@md\+ { - padding-right: 20px !important; - } - .pB-20\@md\+ { - padding-bottom: 20px !important; - } - .pL-20\@md\+ { - padding-left: 20px !important; - } - .pY-20\@md\+ { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .pX-20\@md\+ { - padding-left: 20px !important; - padding-right: 20px !important; - } - } - @media screen and (min-width: 768px) { - .p-20\@sm\+ { - padding: 20px !important; - } - .pT-20\@sm\+ { - padding-top: 20px !important; - } - .pR-20\@sm\+ { - padding-right: 20px !important; - } - .pB-20\@sm\+ { - padding-bottom: 20px !important; - } - .pL-20\@sm\+ { - padding-left: 20px !important; - } - .pY-20\@sm\+ { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .pX-20\@sm\+ { - padding-left: 20px !important; - padding-right: 20px !important; - } - } - @media screen and (min-width: 0) { - .p-20\@xs\+ { - padding: 20px !important; - } - .pT-20\@xs\+ { - padding-top: 20px !important; - } - .pR-20\@xs\+ { - padding-right: 20px !important; - } - .pB-20\@xs\+ { - padding-bottom: 20px !important; - } - .pL-20\@xs\+ { - padding-left: 20px !important; - } - .pY-20\@xs\+ { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .pX-20\@xs\+ { - padding-left: 20px !important; - padding-right: 20px !important; - } - } - @media screen and (max-width: 1439px) { - .p-20\@xl- { - padding: 20px !important; - } - .pT-20\@xl- { - padding-top: 20px !important; - } - .pR-20\@xl- { - padding-right: 20px !important; - } - .pB-20\@xl- { - padding-bottom: 20px !important; - } - .pL-20\@xl- { - padding-left: 20px !important; - } - .pY-20\@xl- { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .pX-20\@xl- { - padding-left: 20px !important; - padding-right: 20px !important; - } - } - @media screen and (max-width: 1199px) { - .p-20\@lg- { - padding: 20px !important; - } - .pT-20\@lg- { - padding-top: 20px !important; - } - .pR-20\@lg- { - padding-right: 20px !important; - } - .pB-20\@lg- { - padding-bottom: 20px !important; - } - .pL-20\@lg- { - padding-left: 20px !important; - } - .pY-20\@lg- { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .pX-20\@lg- { - padding-left: 20px !important; - padding-right: 20px !important; - } - } - @media screen and (max-width: 991px) { - .p-20\@md- { - padding: 20px !important; - } - .pT-20\@md- { - padding-top: 20px !important; - } - .pR-20\@md- { - padding-right: 20px !important; - } - .pB-20\@md- { - padding-bottom: 20px !important; - } - .pL-20\@md- { - padding-left: 20px !important; - } - .pY-20\@md- { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .pX-20\@md- { - padding-left: 20px !important; - padding-right: 20px !important; - } - } - @media screen and (max-width: 767px) { - .p-20\@sm- { - padding: 20px !important; - } - .pT-20\@sm- { - padding-top: 20px !important; - } - .pR-20\@sm- { - padding-right: 20px !important; - } - .pB-20\@sm- { - padding-bottom: 20px !important; - } - .pL-20\@sm- { - padding-left: 20px !important; - } - .pY-20\@sm- { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .pX-20\@sm- { - padding-left: 20px !important; - padding-right: 20px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-20\@lg { - padding: 20px !important; - } - .pT-20\@lg { - padding-top: 20px !important; - } - .pR-20\@lg { - padding-right: 20px !important; - } - .pB-20\@lg { - padding-bottom: 20px !important; - } - .pL-20\@lg { - padding-left: 20px !important; - } - .pY-20\@lg { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .pX-20\@lg { - padding-left: 20px !important; - padding-right: 20px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-20\@md { - padding: 20px !important; - } - .pT-20\@md { - padding-top: 20px !important; - } - .pR-20\@md { - padding-right: 20px !important; - } - .pB-20\@md { - padding-bottom: 20px !important; - } - .pL-20\@md { - padding-left: 20px !important; - } - .pY-20\@md { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .pX-20\@md { - padding-left: 20px !important; - padding-right: 20px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-20\@sm { - padding: 20px !important; - } - .pT-20\@sm { - padding-top: 20px !important; - } - .pR-20\@sm { - padding-right: 20px !important; - } - .pB-20\@sm { - padding-bottom: 20px !important; - } - .pL-20\@sm { - padding-left: 20px !important; - } - .pY-20\@sm { - padding-top: 20px !important; - padding-bottom: 20px !important; - } - .pX-20\@sm { - padding-left: 20px !important; - padding-right: 20px !important; - } - } - .p-25 { - padding: 25px !important; - } - - .pT-25 { - padding-top: 25px !important; - } - - .pR-25 { - padding-right: 25px !important; - } - - .pB-25 { - padding-bottom: 25px !important; - } - - .pL-25 { - padding-left: 25px !important; - } - - .pY-25 { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - - .pX-25 { - padding-left: 25px !important; - padding-right: 25px !important; - } - - @media screen and (min-width: 1440px) { - .p-25\@xl\+ { - padding: 25px !important; - } - .pT-25\@xl\+ { - padding-top: 25px !important; - } - .pR-25\@xl\+ { - padding-right: 25px !important; - } - .pB-25\@xl\+ { - padding-bottom: 25px !important; - } - .pL-25\@xl\+ { - padding-left: 25px !important; - } - .pY-25\@xl\+ { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .pX-25\@xl\+ { - padding-left: 25px !important; - padding-right: 25px !important; - } - } - @media screen and (min-width: 1200px) { - .p-25\@lg\+ { - padding: 25px !important; - } - .pT-25\@lg\+ { - padding-top: 25px !important; - } - .pR-25\@lg\+ { - padding-right: 25px !important; - } - .pB-25\@lg\+ { - padding-bottom: 25px !important; - } - .pL-25\@lg\+ { - padding-left: 25px !important; - } - .pY-25\@lg\+ { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .pX-25\@lg\+ { - padding-left: 25px !important; - padding-right: 25px !important; - } - } - @media screen and (min-width: 992px) { - .p-25\@md\+ { - padding: 25px !important; - } - .pT-25\@md\+ { - padding-top: 25px !important; - } - .pR-25\@md\+ { - padding-right: 25px !important; - } - .pB-25\@md\+ { - padding-bottom: 25px !important; - } - .pL-25\@md\+ { - padding-left: 25px !important; - } - .pY-25\@md\+ { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .pX-25\@md\+ { - padding-left: 25px !important; - padding-right: 25px !important; - } - } - @media screen and (min-width: 768px) { - .p-25\@sm\+ { - padding: 25px !important; - } - .pT-25\@sm\+ { - padding-top: 25px !important; - } - .pR-25\@sm\+ { - padding-right: 25px !important; - } - .pB-25\@sm\+ { - padding-bottom: 25px !important; - } - .pL-25\@sm\+ { - padding-left: 25px !important; - } - .pY-25\@sm\+ { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .pX-25\@sm\+ { - padding-left: 25px !important; - padding-right: 25px !important; - } - } - @media screen and (min-width: 0) { - .p-25\@xs\+ { - padding: 25px !important; - } - .pT-25\@xs\+ { - padding-top: 25px !important; - } - .pR-25\@xs\+ { - padding-right: 25px !important; - } - .pB-25\@xs\+ { - padding-bottom: 25px !important; - } - .pL-25\@xs\+ { - padding-left: 25px !important; - } - .pY-25\@xs\+ { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .pX-25\@xs\+ { - padding-left: 25px !important; - padding-right: 25px !important; - } - } - @media screen and (max-width: 1439px) { - .p-25\@xl- { - padding: 25px !important; - } - .pT-25\@xl- { - padding-top: 25px !important; - } - .pR-25\@xl- { - padding-right: 25px !important; - } - .pB-25\@xl- { - padding-bottom: 25px !important; - } - .pL-25\@xl- { - padding-left: 25px !important; - } - .pY-25\@xl- { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .pX-25\@xl- { - padding-left: 25px !important; - padding-right: 25px !important; - } - } - @media screen and (max-width: 1199px) { - .p-25\@lg- { - padding: 25px !important; - } - .pT-25\@lg- { - padding-top: 25px !important; - } - .pR-25\@lg- { - padding-right: 25px !important; - } - .pB-25\@lg- { - padding-bottom: 25px !important; - } - .pL-25\@lg- { - padding-left: 25px !important; - } - .pY-25\@lg- { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .pX-25\@lg- { - padding-left: 25px !important; - padding-right: 25px !important; - } - } - @media screen and (max-width: 991px) { - .p-25\@md- { - padding: 25px !important; - } - .pT-25\@md- { - padding-top: 25px !important; - } - .pR-25\@md- { - padding-right: 25px !important; - } - .pB-25\@md- { - padding-bottom: 25px !important; - } - .pL-25\@md- { - padding-left: 25px !important; - } - .pY-25\@md- { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .pX-25\@md- { - padding-left: 25px !important; - padding-right: 25px !important; - } - } - @media screen and (max-width: 767px) { - .p-25\@sm- { - padding: 25px !important; - } - .pT-25\@sm- { - padding-top: 25px !important; - } - .pR-25\@sm- { - padding-right: 25px !important; - } - .pB-25\@sm- { - padding-bottom: 25px !important; - } - .pL-25\@sm- { - padding-left: 25px !important; - } - .pY-25\@sm- { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .pX-25\@sm- { - padding-left: 25px !important; - padding-right: 25px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-25\@lg { - padding: 25px !important; - } - .pT-25\@lg { - padding-top: 25px !important; - } - .pR-25\@lg { - padding-right: 25px !important; - } - .pB-25\@lg { - padding-bottom: 25px !important; - } - .pL-25\@lg { - padding-left: 25px !important; - } - .pY-25\@lg { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .pX-25\@lg { - padding-left: 25px !important; - padding-right: 25px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-25\@md { - padding: 25px !important; - } - .pT-25\@md { - padding-top: 25px !important; - } - .pR-25\@md { - padding-right: 25px !important; - } - .pB-25\@md { - padding-bottom: 25px !important; - } - .pL-25\@md { - padding-left: 25px !important; - } - .pY-25\@md { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .pX-25\@md { - padding-left: 25px !important; - padding-right: 25px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-25\@sm { - padding: 25px !important; - } - .pT-25\@sm { - padding-top: 25px !important; - } - .pR-25\@sm { - padding-right: 25px !important; - } - .pB-25\@sm { - padding-bottom: 25px !important; - } - .pL-25\@sm { - padding-left: 25px !important; - } - .pY-25\@sm { - padding-top: 25px !important; - padding-bottom: 25px !important; - } - .pX-25\@sm { - padding-left: 25px !important; - padding-right: 25px !important; - } - } - .p-30 { - padding: 30px !important; - } - - .pT-30 { - padding-top: 30px !important; - } - - .pR-30 { - padding-right: 30px !important; - } - - .pB-30 { - padding-bottom: 30px !important; - } - - .pL-30 { - padding-left: 30px !important; - } - - .pY-30 { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - - .pX-30 { - padding-left: 30px !important; - padding-right: 30px !important; - } - - @media screen and (min-width: 1440px) { - .p-30\@xl\+ { - padding: 30px !important; - } - .pT-30\@xl\+ { - padding-top: 30px !important; - } - .pR-30\@xl\+ { - padding-right: 30px !important; - } - .pB-30\@xl\+ { - padding-bottom: 30px !important; - } - .pL-30\@xl\+ { - padding-left: 30px !important; - } - .pY-30\@xl\+ { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .pX-30\@xl\+ { - padding-left: 30px !important; - padding-right: 30px !important; - } - } - @media screen and (min-width: 1200px) { - .p-30\@lg\+ { - padding: 30px !important; - } - .pT-30\@lg\+ { - padding-top: 30px !important; - } - .pR-30\@lg\+ { - padding-right: 30px !important; - } - .pB-30\@lg\+ { - padding-bottom: 30px !important; - } - .pL-30\@lg\+ { - padding-left: 30px !important; - } - .pY-30\@lg\+ { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .pX-30\@lg\+ { - padding-left: 30px !important; - padding-right: 30px !important; - } - } - @media screen and (min-width: 992px) { - .p-30\@md\+ { - padding: 30px !important; - } - .pT-30\@md\+ { - padding-top: 30px !important; - } - .pR-30\@md\+ { - padding-right: 30px !important; - } - .pB-30\@md\+ { - padding-bottom: 30px !important; - } - .pL-30\@md\+ { - padding-left: 30px !important; - } - .pY-30\@md\+ { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .pX-30\@md\+ { - padding-left: 30px !important; - padding-right: 30px !important; - } - } - @media screen and (min-width: 768px) { - .p-30\@sm\+ { - padding: 30px !important; - } - .pT-30\@sm\+ { - padding-top: 30px !important; - } - .pR-30\@sm\+ { - padding-right: 30px !important; - } - .pB-30\@sm\+ { - padding-bottom: 30px !important; - } - .pL-30\@sm\+ { - padding-left: 30px !important; - } - .pY-30\@sm\+ { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .pX-30\@sm\+ { - padding-left: 30px !important; - padding-right: 30px !important; - } - } - @media screen and (min-width: 0) { - .p-30\@xs\+ { - padding: 30px !important; - } - .pT-30\@xs\+ { - padding-top: 30px !important; - } - .pR-30\@xs\+ { - padding-right: 30px !important; - } - .pB-30\@xs\+ { - padding-bottom: 30px !important; - } - .pL-30\@xs\+ { - padding-left: 30px !important; - } - .pY-30\@xs\+ { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .pX-30\@xs\+ { - padding-left: 30px !important; - padding-right: 30px !important; - } - } - @media screen and (max-width: 1439px) { - .p-30\@xl- { - padding: 30px !important; - } - .pT-30\@xl- { - padding-top: 30px !important; - } - .pR-30\@xl- { - padding-right: 30px !important; - } - .pB-30\@xl- { - padding-bottom: 30px !important; - } - .pL-30\@xl- { - padding-left: 30px !important; - } - .pY-30\@xl- { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .pX-30\@xl- { - padding-left: 30px !important; - padding-right: 30px !important; - } - } - @media screen and (max-width: 1199px) { - .p-30\@lg- { - padding: 30px !important; - } - .pT-30\@lg- { - padding-top: 30px !important; - } - .pR-30\@lg- { - padding-right: 30px !important; - } - .pB-30\@lg- { - padding-bottom: 30px !important; - } - .pL-30\@lg- { - padding-left: 30px !important; - } - .pY-30\@lg- { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .pX-30\@lg- { - padding-left: 30px !important; - padding-right: 30px !important; - } - } - @media screen and (max-width: 991px) { - .p-30\@md- { - padding: 30px !important; - } - .pT-30\@md- { - padding-top: 30px !important; - } - .pR-30\@md- { - padding-right: 30px !important; - } - .pB-30\@md- { - padding-bottom: 30px !important; - } - .pL-30\@md- { - padding-left: 30px !important; - } - .pY-30\@md- { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .pX-30\@md- { - padding-left: 30px !important; - padding-right: 30px !important; - } - } - @media screen and (max-width: 767px) { - .p-30\@sm- { - padding: 30px !important; - } - .pT-30\@sm- { - padding-top: 30px !important; - } - .pR-30\@sm- { - padding-right: 30px !important; - } - .pB-30\@sm- { - padding-bottom: 30px !important; - } - .pL-30\@sm- { - padding-left: 30px !important; - } - .pY-30\@sm- { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .pX-30\@sm- { - padding-left: 30px !important; - padding-right: 30px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-30\@lg { - padding: 30px !important; - } - .pT-30\@lg { - padding-top: 30px !important; - } - .pR-30\@lg { - padding-right: 30px !important; - } - .pB-30\@lg { - padding-bottom: 30px !important; - } - .pL-30\@lg { - padding-left: 30px !important; - } - .pY-30\@lg { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .pX-30\@lg { - padding-left: 30px !important; - padding-right: 30px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-30\@md { - padding: 30px !important; - } - .pT-30\@md { - padding-top: 30px !important; - } - .pR-30\@md { - padding-right: 30px !important; - } - .pB-30\@md { - padding-bottom: 30px !important; - } - .pL-30\@md { - padding-left: 30px !important; - } - .pY-30\@md { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .pX-30\@md { - padding-left: 30px !important; - padding-right: 30px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-30\@sm { - padding: 30px !important; - } - .pT-30\@sm { - padding-top: 30px !important; - } - .pR-30\@sm { - padding-right: 30px !important; - } - .pB-30\@sm { - padding-bottom: 30px !important; - } - .pL-30\@sm { - padding-left: 30px !important; - } - .pY-30\@sm { - padding-top: 30px !important; - padding-bottom: 30px !important; - } - .pX-30\@sm { - padding-left: 30px !important; - padding-right: 30px !important; - } - } - .p-35 { - padding: 35px !important; - } - - .pT-35 { - padding-top: 35px !important; - } - - .pR-35 { - padding-right: 35px !important; - } - - .pB-35 { - padding-bottom: 35px !important; - } - - .pL-35 { - padding-left: 35px !important; - } - - .pY-35 { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - - .pX-35 { - padding-left: 35px !important; - padding-right: 35px !important; - } - - @media screen and (min-width: 1440px) { - .p-35\@xl\+ { - padding: 35px !important; - } - .pT-35\@xl\+ { - padding-top: 35px !important; - } - .pR-35\@xl\+ { - padding-right: 35px !important; - } - .pB-35\@xl\+ { - padding-bottom: 35px !important; - } - .pL-35\@xl\+ { - padding-left: 35px !important; - } - .pY-35\@xl\+ { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .pX-35\@xl\+ { - padding-left: 35px !important; - padding-right: 35px !important; - } - } - @media screen and (min-width: 1200px) { - .p-35\@lg\+ { - padding: 35px !important; - } - .pT-35\@lg\+ { - padding-top: 35px !important; - } - .pR-35\@lg\+ { - padding-right: 35px !important; - } - .pB-35\@lg\+ { - padding-bottom: 35px !important; - } - .pL-35\@lg\+ { - padding-left: 35px !important; - } - .pY-35\@lg\+ { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .pX-35\@lg\+ { - padding-left: 35px !important; - padding-right: 35px !important; - } - } - @media screen and (min-width: 992px) { - .p-35\@md\+ { - padding: 35px !important; - } - .pT-35\@md\+ { - padding-top: 35px !important; - } - .pR-35\@md\+ { - padding-right: 35px !important; - } - .pB-35\@md\+ { - padding-bottom: 35px !important; - } - .pL-35\@md\+ { - padding-left: 35px !important; - } - .pY-35\@md\+ { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .pX-35\@md\+ { - padding-left: 35px !important; - padding-right: 35px !important; - } - } - @media screen and (min-width: 768px) { - .p-35\@sm\+ { - padding: 35px !important; - } - .pT-35\@sm\+ { - padding-top: 35px !important; - } - .pR-35\@sm\+ { - padding-right: 35px !important; - } - .pB-35\@sm\+ { - padding-bottom: 35px !important; - } - .pL-35\@sm\+ { - padding-left: 35px !important; - } - .pY-35\@sm\+ { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .pX-35\@sm\+ { - padding-left: 35px !important; - padding-right: 35px !important; - } - } - @media screen and (min-width: 0) { - .p-35\@xs\+ { - padding: 35px !important; - } - .pT-35\@xs\+ { - padding-top: 35px !important; - } - .pR-35\@xs\+ { - padding-right: 35px !important; - } - .pB-35\@xs\+ { - padding-bottom: 35px !important; - } - .pL-35\@xs\+ { - padding-left: 35px !important; - } - .pY-35\@xs\+ { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .pX-35\@xs\+ { - padding-left: 35px !important; - padding-right: 35px !important; - } - } - @media screen and (max-width: 1439px) { - .p-35\@xl- { - padding: 35px !important; - } - .pT-35\@xl- { - padding-top: 35px !important; - } - .pR-35\@xl- { - padding-right: 35px !important; - } - .pB-35\@xl- { - padding-bottom: 35px !important; - } - .pL-35\@xl- { - padding-left: 35px !important; - } - .pY-35\@xl- { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .pX-35\@xl- { - padding-left: 35px !important; - padding-right: 35px !important; - } - } - @media screen and (max-width: 1199px) { - .p-35\@lg- { - padding: 35px !important; - } - .pT-35\@lg- { - padding-top: 35px !important; - } - .pR-35\@lg- { - padding-right: 35px !important; - } - .pB-35\@lg- { - padding-bottom: 35px !important; - } - .pL-35\@lg- { - padding-left: 35px !important; - } - .pY-35\@lg- { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .pX-35\@lg- { - padding-left: 35px !important; - padding-right: 35px !important; - } - } - @media screen and (max-width: 991px) { - .p-35\@md- { - padding: 35px !important; - } - .pT-35\@md- { - padding-top: 35px !important; - } - .pR-35\@md- { - padding-right: 35px !important; - } - .pB-35\@md- { - padding-bottom: 35px !important; - } - .pL-35\@md- { - padding-left: 35px !important; - } - .pY-35\@md- { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .pX-35\@md- { - padding-left: 35px !important; - padding-right: 35px !important; - } - } - @media screen and (max-width: 767px) { - .p-35\@sm- { - padding: 35px !important; - } - .pT-35\@sm- { - padding-top: 35px !important; - } - .pR-35\@sm- { - padding-right: 35px !important; - } - .pB-35\@sm- { - padding-bottom: 35px !important; - } - .pL-35\@sm- { - padding-left: 35px !important; - } - .pY-35\@sm- { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .pX-35\@sm- { - padding-left: 35px !important; - padding-right: 35px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-35\@lg { - padding: 35px !important; - } - .pT-35\@lg { - padding-top: 35px !important; - } - .pR-35\@lg { - padding-right: 35px !important; - } - .pB-35\@lg { - padding-bottom: 35px !important; - } - .pL-35\@lg { - padding-left: 35px !important; - } - .pY-35\@lg { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .pX-35\@lg { - padding-left: 35px !important; - padding-right: 35px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-35\@md { - padding: 35px !important; - } - .pT-35\@md { - padding-top: 35px !important; - } - .pR-35\@md { - padding-right: 35px !important; - } - .pB-35\@md { - padding-bottom: 35px !important; - } - .pL-35\@md { - padding-left: 35px !important; - } - .pY-35\@md { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .pX-35\@md { - padding-left: 35px !important; - padding-right: 35px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-35\@sm { - padding: 35px !important; - } - .pT-35\@sm { - padding-top: 35px !important; - } - .pR-35\@sm { - padding-right: 35px !important; - } - .pB-35\@sm { - padding-bottom: 35px !important; - } - .pL-35\@sm { - padding-left: 35px !important; - } - .pY-35\@sm { - padding-top: 35px !important; - padding-bottom: 35px !important; - } - .pX-35\@sm { - padding-left: 35px !important; - padding-right: 35px !important; - } - } - .p-40 { - padding: 40px !important; - } - - .pT-40 { - padding-top: 40px !important; - } - - .pR-40 { - padding-right: 40px !important; - } - - .pB-40 { - padding-bottom: 40px !important; - } - - .pL-40 { - padding-left: 40px !important; - } - - .pY-40 { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - - .pX-40 { - padding-left: 40px !important; - padding-right: 40px !important; - } - - @media screen and (min-width: 1440px) { - .p-40\@xl\+ { - padding: 40px !important; - } - .pT-40\@xl\+ { - padding-top: 40px !important; - } - .pR-40\@xl\+ { - padding-right: 40px !important; - } - .pB-40\@xl\+ { - padding-bottom: 40px !important; - } - .pL-40\@xl\+ { - padding-left: 40px !important; - } - .pY-40\@xl\+ { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .pX-40\@xl\+ { - padding-left: 40px !important; - padding-right: 40px !important; - } - } - @media screen and (min-width: 1200px) { - .p-40\@lg\+ { - padding: 40px !important; - } - .pT-40\@lg\+ { - padding-top: 40px !important; - } - .pR-40\@lg\+ { - padding-right: 40px !important; - } - .pB-40\@lg\+ { - padding-bottom: 40px !important; - } - .pL-40\@lg\+ { - padding-left: 40px !important; - } - .pY-40\@lg\+ { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .pX-40\@lg\+ { - padding-left: 40px !important; - padding-right: 40px !important; - } - } - @media screen and (min-width: 992px) { - .p-40\@md\+ { - padding: 40px !important; - } - .pT-40\@md\+ { - padding-top: 40px !important; - } - .pR-40\@md\+ { - padding-right: 40px !important; - } - .pB-40\@md\+ { - padding-bottom: 40px !important; - } - .pL-40\@md\+ { - padding-left: 40px !important; - } - .pY-40\@md\+ { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .pX-40\@md\+ { - padding-left: 40px !important; - padding-right: 40px !important; - } - } - @media screen and (min-width: 768px) { - .p-40\@sm\+ { - padding: 40px !important; - } - .pT-40\@sm\+ { - padding-top: 40px !important; - } - .pR-40\@sm\+ { - padding-right: 40px !important; - } - .pB-40\@sm\+ { - padding-bottom: 40px !important; - } - .pL-40\@sm\+ { - padding-left: 40px !important; - } - .pY-40\@sm\+ { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .pX-40\@sm\+ { - padding-left: 40px !important; - padding-right: 40px !important; - } - } - @media screen and (min-width: 0) { - .p-40\@xs\+ { - padding: 40px !important; - } - .pT-40\@xs\+ { - padding-top: 40px !important; - } - .pR-40\@xs\+ { - padding-right: 40px !important; - } - .pB-40\@xs\+ { - padding-bottom: 40px !important; - } - .pL-40\@xs\+ { - padding-left: 40px !important; - } - .pY-40\@xs\+ { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .pX-40\@xs\+ { - padding-left: 40px !important; - padding-right: 40px !important; - } - } - @media screen and (max-width: 1439px) { - .p-40\@xl- { - padding: 40px !important; - } - .pT-40\@xl- { - padding-top: 40px !important; - } - .pR-40\@xl- { - padding-right: 40px !important; - } - .pB-40\@xl- { - padding-bottom: 40px !important; - } - .pL-40\@xl- { - padding-left: 40px !important; - } - .pY-40\@xl- { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .pX-40\@xl- { - padding-left: 40px !important; - padding-right: 40px !important; - } - } - @media screen and (max-width: 1199px) { - .p-40\@lg- { - padding: 40px !important; - } - .pT-40\@lg- { - padding-top: 40px !important; - } - .pR-40\@lg- { - padding-right: 40px !important; - } - .pB-40\@lg- { - padding-bottom: 40px !important; - } - .pL-40\@lg- { - padding-left: 40px !important; - } - .pY-40\@lg- { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .pX-40\@lg- { - padding-left: 40px !important; - padding-right: 40px !important; - } - } - @media screen and (max-width: 991px) { - .p-40\@md- { - padding: 40px !important; - } - .pT-40\@md- { - padding-top: 40px !important; - } - .pR-40\@md- { - padding-right: 40px !important; - } - .pB-40\@md- { - padding-bottom: 40px !important; - } - .pL-40\@md- { - padding-left: 40px !important; - } - .pY-40\@md- { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .pX-40\@md- { - padding-left: 40px !important; - padding-right: 40px !important; - } - } - @media screen and (max-width: 767px) { - .p-40\@sm- { - padding: 40px !important; - } - .pT-40\@sm- { - padding-top: 40px !important; - } - .pR-40\@sm- { - padding-right: 40px !important; - } - .pB-40\@sm- { - padding-bottom: 40px !important; - } - .pL-40\@sm- { - padding-left: 40px !important; - } - .pY-40\@sm- { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .pX-40\@sm- { - padding-left: 40px !important; - padding-right: 40px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-40\@lg { - padding: 40px !important; - } - .pT-40\@lg { - padding-top: 40px !important; - } - .pR-40\@lg { - padding-right: 40px !important; - } - .pB-40\@lg { - padding-bottom: 40px !important; - } - .pL-40\@lg { - padding-left: 40px !important; - } - .pY-40\@lg { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .pX-40\@lg { - padding-left: 40px !important; - padding-right: 40px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-40\@md { - padding: 40px !important; - } - .pT-40\@md { - padding-top: 40px !important; - } - .pR-40\@md { - padding-right: 40px !important; - } - .pB-40\@md { - padding-bottom: 40px !important; - } - .pL-40\@md { - padding-left: 40px !important; - } - .pY-40\@md { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .pX-40\@md { - padding-left: 40px !important; - padding-right: 40px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-40\@sm { - padding: 40px !important; - } - .pT-40\@sm { - padding-top: 40px !important; - } - .pR-40\@sm { - padding-right: 40px !important; - } - .pB-40\@sm { - padding-bottom: 40px !important; - } - .pL-40\@sm { - padding-left: 40px !important; - } - .pY-40\@sm { - padding-top: 40px !important; - padding-bottom: 40px !important; - } - .pX-40\@sm { - padding-left: 40px !important; - padding-right: 40px !important; - } - } - .p-50 { - padding: 50px !important; - } - - .pT-50 { - padding-top: 50px !important; - } - - .pR-50 { - padding-right: 50px !important; - } - - .pB-50 { - padding-bottom: 50px !important; - } - - .pL-50 { - padding-left: 50px !important; - } - - .pY-50 { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - - .pX-50 { - padding-left: 50px !important; - padding-right: 50px !important; - } - - @media screen and (min-width: 1440px) { - .p-50\@xl\+ { - padding: 50px !important; - } - .pT-50\@xl\+ { - padding-top: 50px !important; - } - .pR-50\@xl\+ { - padding-right: 50px !important; - } - .pB-50\@xl\+ { - padding-bottom: 50px !important; - } - .pL-50\@xl\+ { - padding-left: 50px !important; - } - .pY-50\@xl\+ { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .pX-50\@xl\+ { - padding-left: 50px !important; - padding-right: 50px !important; - } - } - @media screen and (min-width: 1200px) { - .p-50\@lg\+ { - padding: 50px !important; - } - .pT-50\@lg\+ { - padding-top: 50px !important; - } - .pR-50\@lg\+ { - padding-right: 50px !important; - } - .pB-50\@lg\+ { - padding-bottom: 50px !important; - } - .pL-50\@lg\+ { - padding-left: 50px !important; - } - .pY-50\@lg\+ { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .pX-50\@lg\+ { - padding-left: 50px !important; - padding-right: 50px !important; - } - } - @media screen and (min-width: 992px) { - .p-50\@md\+ { - padding: 50px !important; - } - .pT-50\@md\+ { - padding-top: 50px !important; - } - .pR-50\@md\+ { - padding-right: 50px !important; - } - .pB-50\@md\+ { - padding-bottom: 50px !important; - } - .pL-50\@md\+ { - padding-left: 50px !important; - } - .pY-50\@md\+ { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .pX-50\@md\+ { - padding-left: 50px !important; - padding-right: 50px !important; - } - } - @media screen and (min-width: 768px) { - .p-50\@sm\+ { - padding: 50px !important; - } - .pT-50\@sm\+ { - padding-top: 50px !important; - } - .pR-50\@sm\+ { - padding-right: 50px !important; - } - .pB-50\@sm\+ { - padding-bottom: 50px !important; - } - .pL-50\@sm\+ { - padding-left: 50px !important; - } - .pY-50\@sm\+ { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .pX-50\@sm\+ { - padding-left: 50px !important; - padding-right: 50px !important; - } - } - @media screen and (min-width: 0) { - .p-50\@xs\+ { - padding: 50px !important; - } - .pT-50\@xs\+ { - padding-top: 50px !important; - } - .pR-50\@xs\+ { - padding-right: 50px !important; - } - .pB-50\@xs\+ { - padding-bottom: 50px !important; - } - .pL-50\@xs\+ { - padding-left: 50px !important; - } - .pY-50\@xs\+ { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .pX-50\@xs\+ { - padding-left: 50px !important; - padding-right: 50px !important; - } - } - @media screen and (max-width: 1439px) { - .p-50\@xl- { - padding: 50px !important; - } - .pT-50\@xl- { - padding-top: 50px !important; - } - .pR-50\@xl- { - padding-right: 50px !important; - } - .pB-50\@xl- { - padding-bottom: 50px !important; - } - .pL-50\@xl- { - padding-left: 50px !important; - } - .pY-50\@xl- { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .pX-50\@xl- { - padding-left: 50px !important; - padding-right: 50px !important; - } - } - @media screen and (max-width: 1199px) { - .p-50\@lg- { - padding: 50px !important; - } - .pT-50\@lg- { - padding-top: 50px !important; - } - .pR-50\@lg- { - padding-right: 50px !important; - } - .pB-50\@lg- { - padding-bottom: 50px !important; - } - .pL-50\@lg- { - padding-left: 50px !important; - } - .pY-50\@lg- { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .pX-50\@lg- { - padding-left: 50px !important; - padding-right: 50px !important; - } - } - @media screen and (max-width: 991px) { - .p-50\@md- { - padding: 50px !important; - } - .pT-50\@md- { - padding-top: 50px !important; - } - .pR-50\@md- { - padding-right: 50px !important; - } - .pB-50\@md- { - padding-bottom: 50px !important; - } - .pL-50\@md- { - padding-left: 50px !important; - } - .pY-50\@md- { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .pX-50\@md- { - padding-left: 50px !important; - padding-right: 50px !important; - } - } - @media screen and (max-width: 767px) { - .p-50\@sm- { - padding: 50px !important; - } - .pT-50\@sm- { - padding-top: 50px !important; - } - .pR-50\@sm- { - padding-right: 50px !important; - } - .pB-50\@sm- { - padding-bottom: 50px !important; - } - .pL-50\@sm- { - padding-left: 50px !important; - } - .pY-50\@sm- { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .pX-50\@sm- { - padding-left: 50px !important; - padding-right: 50px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-50\@lg { - padding: 50px !important; - } - .pT-50\@lg { - padding-top: 50px !important; - } - .pR-50\@lg { - padding-right: 50px !important; - } - .pB-50\@lg { - padding-bottom: 50px !important; - } - .pL-50\@lg { - padding-left: 50px !important; - } - .pY-50\@lg { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .pX-50\@lg { - padding-left: 50px !important; - padding-right: 50px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-50\@md { - padding: 50px !important; - } - .pT-50\@md { - padding-top: 50px !important; - } - .pR-50\@md { - padding-right: 50px !important; - } - .pB-50\@md { - padding-bottom: 50px !important; - } - .pL-50\@md { - padding-left: 50px !important; - } - .pY-50\@md { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .pX-50\@md { - padding-left: 50px !important; - padding-right: 50px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-50\@sm { - padding: 50px !important; - } - .pT-50\@sm { - padding-top: 50px !important; - } - .pR-50\@sm { - padding-right: 50px !important; - } - .pB-50\@sm { - padding-bottom: 50px !important; - } - .pL-50\@sm { - padding-left: 50px !important; - } - .pY-50\@sm { - padding-top: 50px !important; - padding-bottom: 50px !important; - } - .pX-50\@sm { - padding-left: 50px !important; - padding-right: 50px !important; - } - } - .p-60 { - padding: 60px !important; - } - - .pT-60 { - padding-top: 60px !important; - } - - .pR-60 { - padding-right: 60px !important; - } - - .pB-60 { - padding-bottom: 60px !important; - } - - .pL-60 { - padding-left: 60px !important; - } - - .pY-60 { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - - .pX-60 { - padding-left: 60px !important; - padding-right: 60px !important; - } - - @media screen and (min-width: 1440px) { - .p-60\@xl\+ { - padding: 60px !important; - } - .pT-60\@xl\+ { - padding-top: 60px !important; - } - .pR-60\@xl\+ { - padding-right: 60px !important; - } - .pB-60\@xl\+ { - padding-bottom: 60px !important; - } - .pL-60\@xl\+ { - padding-left: 60px !important; - } - .pY-60\@xl\+ { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .pX-60\@xl\+ { - padding-left: 60px !important; - padding-right: 60px !important; - } - } - @media screen and (min-width: 1200px) { - .p-60\@lg\+ { - padding: 60px !important; - } - .pT-60\@lg\+ { - padding-top: 60px !important; - } - .pR-60\@lg\+ { - padding-right: 60px !important; - } - .pB-60\@lg\+ { - padding-bottom: 60px !important; - } - .pL-60\@lg\+ { - padding-left: 60px !important; - } - .pY-60\@lg\+ { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .pX-60\@lg\+ { - padding-left: 60px !important; - padding-right: 60px !important; - } - } - @media screen and (min-width: 992px) { - .p-60\@md\+ { - padding: 60px !important; - } - .pT-60\@md\+ { - padding-top: 60px !important; - } - .pR-60\@md\+ { - padding-right: 60px !important; - } - .pB-60\@md\+ { - padding-bottom: 60px !important; - } - .pL-60\@md\+ { - padding-left: 60px !important; - } - .pY-60\@md\+ { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .pX-60\@md\+ { - padding-left: 60px !important; - padding-right: 60px !important; - } - } - @media screen and (min-width: 768px) { - .p-60\@sm\+ { - padding: 60px !important; - } - .pT-60\@sm\+ { - padding-top: 60px !important; - } - .pR-60\@sm\+ { - padding-right: 60px !important; - } - .pB-60\@sm\+ { - padding-bottom: 60px !important; - } - .pL-60\@sm\+ { - padding-left: 60px !important; - } - .pY-60\@sm\+ { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .pX-60\@sm\+ { - padding-left: 60px !important; - padding-right: 60px !important; - } - } - @media screen and (min-width: 0) { - .p-60\@xs\+ { - padding: 60px !important; - } - .pT-60\@xs\+ { - padding-top: 60px !important; - } - .pR-60\@xs\+ { - padding-right: 60px !important; - } - .pB-60\@xs\+ { - padding-bottom: 60px !important; - } - .pL-60\@xs\+ { - padding-left: 60px !important; - } - .pY-60\@xs\+ { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .pX-60\@xs\+ { - padding-left: 60px !important; - padding-right: 60px !important; - } - } - @media screen and (max-width: 1439px) { - .p-60\@xl- { - padding: 60px !important; - } - .pT-60\@xl- { - padding-top: 60px !important; - } - .pR-60\@xl- { - padding-right: 60px !important; - } - .pB-60\@xl- { - padding-bottom: 60px !important; - } - .pL-60\@xl- { - padding-left: 60px !important; - } - .pY-60\@xl- { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .pX-60\@xl- { - padding-left: 60px !important; - padding-right: 60px !important; - } - } - @media screen and (max-width: 1199px) { - .p-60\@lg- { - padding: 60px !important; - } - .pT-60\@lg- { - padding-top: 60px !important; - } - .pR-60\@lg- { - padding-right: 60px !important; - } - .pB-60\@lg- { - padding-bottom: 60px !important; - } - .pL-60\@lg- { - padding-left: 60px !important; - } - .pY-60\@lg- { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .pX-60\@lg- { - padding-left: 60px !important; - padding-right: 60px !important; - } - } - @media screen and (max-width: 991px) { - .p-60\@md- { - padding: 60px !important; - } - .pT-60\@md- { - padding-top: 60px !important; - } - .pR-60\@md- { - padding-right: 60px !important; - } - .pB-60\@md- { - padding-bottom: 60px !important; - } - .pL-60\@md- { - padding-left: 60px !important; - } - .pY-60\@md- { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .pX-60\@md- { - padding-left: 60px !important; - padding-right: 60px !important; - } - } - @media screen and (max-width: 767px) { - .p-60\@sm- { - padding: 60px !important; - } - .pT-60\@sm- { - padding-top: 60px !important; - } - .pR-60\@sm- { - padding-right: 60px !important; - } - .pB-60\@sm- { - padding-bottom: 60px !important; - } - .pL-60\@sm- { - padding-left: 60px !important; - } - .pY-60\@sm- { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .pX-60\@sm- { - padding-left: 60px !important; - padding-right: 60px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-60\@lg { - padding: 60px !important; - } - .pT-60\@lg { - padding-top: 60px !important; - } - .pR-60\@lg { - padding-right: 60px !important; - } - .pB-60\@lg { - padding-bottom: 60px !important; - } - .pL-60\@lg { - padding-left: 60px !important; - } - .pY-60\@lg { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .pX-60\@lg { - padding-left: 60px !important; - padding-right: 60px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-60\@md { - padding: 60px !important; - } - .pT-60\@md { - padding-top: 60px !important; - } - .pR-60\@md { - padding-right: 60px !important; - } - .pB-60\@md { - padding-bottom: 60px !important; - } - .pL-60\@md { - padding-left: 60px !important; - } - .pY-60\@md { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .pX-60\@md { - padding-left: 60px !important; - padding-right: 60px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-60\@sm { - padding: 60px !important; - } - .pT-60\@sm { - padding-top: 60px !important; - } - .pR-60\@sm { - padding-right: 60px !important; - } - .pB-60\@sm { - padding-bottom: 60px !important; - } - .pL-60\@sm { - padding-left: 60px !important; - } - .pY-60\@sm { - padding-top: 60px !important; - padding-bottom: 60px !important; - } - .pX-60\@sm { - padding-left: 60px !important; - padding-right: 60px !important; - } - } - .p-70 { - padding: 70px !important; - } - - .pT-70 { - padding-top: 70px !important; - } - - .pR-70 { - padding-right: 70px !important; - } - - .pB-70 { - padding-bottom: 70px !important; - } - - .pL-70 { - padding-left: 70px !important; - } - - .pY-70 { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - - .pX-70 { - padding-left: 70px !important; - padding-right: 70px !important; - } - - @media screen and (min-width: 1440px) { - .p-70\@xl\+ { - padding: 70px !important; - } - .pT-70\@xl\+ { - padding-top: 70px !important; - } - .pR-70\@xl\+ { - padding-right: 70px !important; - } - .pB-70\@xl\+ { - padding-bottom: 70px !important; - } - .pL-70\@xl\+ { - padding-left: 70px !important; - } - .pY-70\@xl\+ { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .pX-70\@xl\+ { - padding-left: 70px !important; - padding-right: 70px !important; - } - } - @media screen and (min-width: 1200px) { - .p-70\@lg\+ { - padding: 70px !important; - } - .pT-70\@lg\+ { - padding-top: 70px !important; - } - .pR-70\@lg\+ { - padding-right: 70px !important; - } - .pB-70\@lg\+ { - padding-bottom: 70px !important; - } - .pL-70\@lg\+ { - padding-left: 70px !important; - } - .pY-70\@lg\+ { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .pX-70\@lg\+ { - padding-left: 70px !important; - padding-right: 70px !important; - } - } - @media screen and (min-width: 992px) { - .p-70\@md\+ { - padding: 70px !important; - } - .pT-70\@md\+ { - padding-top: 70px !important; - } - .pR-70\@md\+ { - padding-right: 70px !important; - } - .pB-70\@md\+ { - padding-bottom: 70px !important; - } - .pL-70\@md\+ { - padding-left: 70px !important; - } - .pY-70\@md\+ { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .pX-70\@md\+ { - padding-left: 70px !important; - padding-right: 70px !important; - } - } - @media screen and (min-width: 768px) { - .p-70\@sm\+ { - padding: 70px !important; - } - .pT-70\@sm\+ { - padding-top: 70px !important; - } - .pR-70\@sm\+ { - padding-right: 70px !important; - } - .pB-70\@sm\+ { - padding-bottom: 70px !important; - } - .pL-70\@sm\+ { - padding-left: 70px !important; - } - .pY-70\@sm\+ { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .pX-70\@sm\+ { - padding-left: 70px !important; - padding-right: 70px !important; - } - } - @media screen and (min-width: 0) { - .p-70\@xs\+ { - padding: 70px !important; - } - .pT-70\@xs\+ { - padding-top: 70px !important; - } - .pR-70\@xs\+ { - padding-right: 70px !important; - } - .pB-70\@xs\+ { - padding-bottom: 70px !important; - } - .pL-70\@xs\+ { - padding-left: 70px !important; - } - .pY-70\@xs\+ { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .pX-70\@xs\+ { - padding-left: 70px !important; - padding-right: 70px !important; - } - } - @media screen and (max-width: 1439px) { - .p-70\@xl- { - padding: 70px !important; - } - .pT-70\@xl- { - padding-top: 70px !important; - } - .pR-70\@xl- { - padding-right: 70px !important; - } - .pB-70\@xl- { - padding-bottom: 70px !important; - } - .pL-70\@xl- { - padding-left: 70px !important; - } - .pY-70\@xl- { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .pX-70\@xl- { - padding-left: 70px !important; - padding-right: 70px !important; - } - } - @media screen and (max-width: 1199px) { - .p-70\@lg- { - padding: 70px !important; - } - .pT-70\@lg- { - padding-top: 70px !important; - } - .pR-70\@lg- { - padding-right: 70px !important; - } - .pB-70\@lg- { - padding-bottom: 70px !important; - } - .pL-70\@lg- { - padding-left: 70px !important; - } - .pY-70\@lg- { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .pX-70\@lg- { - padding-left: 70px !important; - padding-right: 70px !important; - } - } - @media screen and (max-width: 991px) { - .p-70\@md- { - padding: 70px !important; - } - .pT-70\@md- { - padding-top: 70px !important; - } - .pR-70\@md- { - padding-right: 70px !important; - } - .pB-70\@md- { - padding-bottom: 70px !important; - } - .pL-70\@md- { - padding-left: 70px !important; - } - .pY-70\@md- { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .pX-70\@md- { - padding-left: 70px !important; - padding-right: 70px !important; - } - } - @media screen and (max-width: 767px) { - .p-70\@sm- { - padding: 70px !important; - } - .pT-70\@sm- { - padding-top: 70px !important; - } - .pR-70\@sm- { - padding-right: 70px !important; - } - .pB-70\@sm- { - padding-bottom: 70px !important; - } - .pL-70\@sm- { - padding-left: 70px !important; - } - .pY-70\@sm- { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .pX-70\@sm- { - padding-left: 70px !important; - padding-right: 70px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-70\@lg { - padding: 70px !important; - } - .pT-70\@lg { - padding-top: 70px !important; - } - .pR-70\@lg { - padding-right: 70px !important; - } - .pB-70\@lg { - padding-bottom: 70px !important; - } - .pL-70\@lg { - padding-left: 70px !important; - } - .pY-70\@lg { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .pX-70\@lg { - padding-left: 70px !important; - padding-right: 70px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-70\@md { - padding: 70px !important; - } - .pT-70\@md { - padding-top: 70px !important; - } - .pR-70\@md { - padding-right: 70px !important; - } - .pB-70\@md { - padding-bottom: 70px !important; - } - .pL-70\@md { - padding-left: 70px !important; - } - .pY-70\@md { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .pX-70\@md { - padding-left: 70px !important; - padding-right: 70px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-70\@sm { - padding: 70px !important; - } - .pT-70\@sm { - padding-top: 70px !important; - } - .pR-70\@sm { - padding-right: 70px !important; - } - .pB-70\@sm { - padding-bottom: 70px !important; - } - .pL-70\@sm { - padding-left: 70px !important; - } - .pY-70\@sm { - padding-top: 70px !important; - padding-bottom: 70px !important; - } - .pX-70\@sm { - padding-left: 70px !important; - padding-right: 70px !important; - } - } - .p-80 { - padding: 80px !important; - } - - .pT-80 { - padding-top: 80px !important; - } - - .pR-80 { - padding-right: 80px !important; - } - - .pB-80 { - padding-bottom: 80px !important; - } - - .pL-80 { - padding-left: 80px !important; - } - - .pY-80 { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - - .pX-80 { - padding-left: 80px !important; - padding-right: 80px !important; - } - - @media screen and (min-width: 1440px) { - .p-80\@xl\+ { - padding: 80px !important; - } - .pT-80\@xl\+ { - padding-top: 80px !important; - } - .pR-80\@xl\+ { - padding-right: 80px !important; - } - .pB-80\@xl\+ { - padding-bottom: 80px !important; - } - .pL-80\@xl\+ { - padding-left: 80px !important; - } - .pY-80\@xl\+ { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .pX-80\@xl\+ { - padding-left: 80px !important; - padding-right: 80px !important; - } - } - @media screen and (min-width: 1200px) { - .p-80\@lg\+ { - padding: 80px !important; - } - .pT-80\@lg\+ { - padding-top: 80px !important; - } - .pR-80\@lg\+ { - padding-right: 80px !important; - } - .pB-80\@lg\+ { - padding-bottom: 80px !important; - } - .pL-80\@lg\+ { - padding-left: 80px !important; - } - .pY-80\@lg\+ { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .pX-80\@lg\+ { - padding-left: 80px !important; - padding-right: 80px !important; - } - } - @media screen and (min-width: 992px) { - .p-80\@md\+ { - padding: 80px !important; - } - .pT-80\@md\+ { - padding-top: 80px !important; - } - .pR-80\@md\+ { - padding-right: 80px !important; - } - .pB-80\@md\+ { - padding-bottom: 80px !important; - } - .pL-80\@md\+ { - padding-left: 80px !important; - } - .pY-80\@md\+ { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .pX-80\@md\+ { - padding-left: 80px !important; - padding-right: 80px !important; - } - } - @media screen and (min-width: 768px) { - .p-80\@sm\+ { - padding: 80px !important; - } - .pT-80\@sm\+ { - padding-top: 80px !important; - } - .pR-80\@sm\+ { - padding-right: 80px !important; - } - .pB-80\@sm\+ { - padding-bottom: 80px !important; - } - .pL-80\@sm\+ { - padding-left: 80px !important; - } - .pY-80\@sm\+ { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .pX-80\@sm\+ { - padding-left: 80px !important; - padding-right: 80px !important; - } - } - @media screen and (min-width: 0) { - .p-80\@xs\+ { - padding: 80px !important; - } - .pT-80\@xs\+ { - padding-top: 80px !important; - } - .pR-80\@xs\+ { - padding-right: 80px !important; - } - .pB-80\@xs\+ { - padding-bottom: 80px !important; - } - .pL-80\@xs\+ { - padding-left: 80px !important; - } - .pY-80\@xs\+ { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .pX-80\@xs\+ { - padding-left: 80px !important; - padding-right: 80px !important; - } - } - @media screen and (max-width: 1439px) { - .p-80\@xl- { - padding: 80px !important; - } - .pT-80\@xl- { - padding-top: 80px !important; - } - .pR-80\@xl- { - padding-right: 80px !important; - } - .pB-80\@xl- { - padding-bottom: 80px !important; - } - .pL-80\@xl- { - padding-left: 80px !important; - } - .pY-80\@xl- { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .pX-80\@xl- { - padding-left: 80px !important; - padding-right: 80px !important; - } - } - @media screen and (max-width: 1199px) { - .p-80\@lg- { - padding: 80px !important; - } - .pT-80\@lg- { - padding-top: 80px !important; - } - .pR-80\@lg- { - padding-right: 80px !important; - } - .pB-80\@lg- { - padding-bottom: 80px !important; - } - .pL-80\@lg- { - padding-left: 80px !important; - } - .pY-80\@lg- { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .pX-80\@lg- { - padding-left: 80px !important; - padding-right: 80px !important; - } - } - @media screen and (max-width: 991px) { - .p-80\@md- { - padding: 80px !important; - } - .pT-80\@md- { - padding-top: 80px !important; - } - .pR-80\@md- { - padding-right: 80px !important; - } - .pB-80\@md- { - padding-bottom: 80px !important; - } - .pL-80\@md- { - padding-left: 80px !important; - } - .pY-80\@md- { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .pX-80\@md- { - padding-left: 80px !important; - padding-right: 80px !important; - } - } - @media screen and (max-width: 767px) { - .p-80\@sm- { - padding: 80px !important; - } - .pT-80\@sm- { - padding-top: 80px !important; - } - .pR-80\@sm- { - padding-right: 80px !important; - } - .pB-80\@sm- { - padding-bottom: 80px !important; - } - .pL-80\@sm- { - padding-left: 80px !important; - } - .pY-80\@sm- { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .pX-80\@sm- { - padding-left: 80px !important; - padding-right: 80px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-80\@lg { - padding: 80px !important; - } - .pT-80\@lg { - padding-top: 80px !important; - } - .pR-80\@lg { - padding-right: 80px !important; - } - .pB-80\@lg { - padding-bottom: 80px !important; - } - .pL-80\@lg { - padding-left: 80px !important; - } - .pY-80\@lg { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .pX-80\@lg { - padding-left: 80px !important; - padding-right: 80px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-80\@md { - padding: 80px !important; - } - .pT-80\@md { - padding-top: 80px !important; - } - .pR-80\@md { - padding-right: 80px !important; - } - .pB-80\@md { - padding-bottom: 80px !important; - } - .pL-80\@md { - padding-left: 80px !important; - } - .pY-80\@md { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .pX-80\@md { - padding-left: 80px !important; - padding-right: 80px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-80\@sm { - padding: 80px !important; - } - .pT-80\@sm { - padding-top: 80px !important; - } - .pR-80\@sm { - padding-right: 80px !important; - } - .pB-80\@sm { - padding-bottom: 80px !important; - } - .pL-80\@sm { - padding-left: 80px !important; - } - .pY-80\@sm { - padding-top: 80px !important; - padding-bottom: 80px !important; - } - .pX-80\@sm { - padding-left: 80px !important; - padding-right: 80px !important; - } - } - .p-90 { - padding: 90px !important; - } - - .pT-90 { - padding-top: 90px !important; - } - - .pR-90 { - padding-right: 90px !important; - } - - .pB-90 { - padding-bottom: 90px !important; - } - - .pL-90 { - padding-left: 90px !important; - } - - .pY-90 { - padding-top: 90px !important; - padding-bottom: 90px !important; - } - - .pX-90 { - padding-left: 90px !important; - padding-right: 90px !important; - } - - @media screen and (min-width: 1440px) { - .p-90\@xl\+ { - padding: 90px !important; - } - .pT-90\@xl\+ { - padding-top: 90px !important; - } - .pR-90\@xl\+ { - padding-right: 90px !important; - } - .pB-90\@xl\+ { - padding-bottom: 90px !important; - } - .pL-90\@xl\+ { - padding-left: 90px !important; - } - .pY-90\@xl\+ { - padding-top: 90px !important; - padding-bottom: 90px !important; - } - .pX-90\@xl\+ { - padding-left: 90px !important; - padding-right: 90px !important; - } - } - @media screen and (min-width: 1200px) { - .p-90\@lg\+ { - padding: 90px !important; - } - .pT-90\@lg\+ { - padding-top: 90px !important; - } - .pR-90\@lg\+ { - padding-right: 90px !important; - } - .pB-90\@lg\+ { - padding-bottom: 90px !important; - } - .pL-90\@lg\+ { - padding-left: 90px !important; - } - .pY-90\@lg\+ { - padding-top: 90px !important; - padding-bottom: 90px !important; - } - .pX-90\@lg\+ { - padding-left: 90px !important; - padding-right: 90px !important; - } - } - @media screen and (min-width: 992px) { - .p-90\@md\+ { - padding: 90px !important; - } - .pT-90\@md\+ { - padding-top: 90px !important; - } - .pR-90\@md\+ { - padding-right: 90px !important; - } - .pB-90\@md\+ { - padding-bottom: 90px !important; - } - .pL-90\@md\+ { - padding-left: 90px !important; - } - .pY-90\@md\+ { - padding-top: 90px !important; - padding-bottom: 90px !important; - } - .pX-90\@md\+ { - padding-left: 90px !important; - padding-right: 90px !important; - } - } - @media screen and (min-width: 768px) { - .p-90\@sm\+ { - padding: 90px !important; - } - .pT-90\@sm\+ { - padding-top: 90px !important; - } - .pR-90\@sm\+ { - padding-right: 90px !important; - } - .pB-90\@sm\+ { - padding-bottom: 90px !important; - } - .pL-90\@sm\+ { - padding-left: 90px !important; - } - .pY-90\@sm\+ { - padding-top: 90px !important; - padding-bottom: 90px !important; - } - .pX-90\@sm\+ { - padding-left: 90px !important; - padding-right: 90px !important; - } - } - @media screen and (min-width: 0) { - .p-90\@xs\+ { - padding: 90px !important; - } - .pT-90\@xs\+ { - padding-top: 90px !important; - } - .pR-90\@xs\+ { - padding-right: 90px !important; - } - .pB-90\@xs\+ { - padding-bottom: 90px !important; - } - .pL-90\@xs\+ { - padding-left: 90px !important; - } - .pY-90\@xs\+ { - padding-top: 90px !important; - padding-bottom: 90px !important; - } - .pX-90\@xs\+ { - padding-left: 90px !important; - padding-right: 90px !important; - } - } - @media screen and (max-width: 1439px) { - .p-90\@xl- { - padding: 90px !important; - } - .pT-90\@xl- { - padding-top: 90px !important; - } - .pR-90\@xl- { - padding-right: 90px !important; - } - .pB-90\@xl- { - padding-bottom: 90px !important; - } - .pL-90\@xl- { - padding-left: 90px !important; - } - .pY-90\@xl- { - padding-top: 90px !important; - padding-bottom: 90px !important; - } - .pX-90\@xl- { - padding-left: 90px !important; - padding-right: 90px !important; - } - } - @media screen and (max-width: 1199px) { - .p-90\@lg- { - padding: 90px !important; - } - .pT-90\@lg- { - padding-top: 90px !important; - } - .pR-90\@lg- { - padding-right: 90px !important; - } - .pB-90\@lg- { - padding-bottom: 90px !important; - } - .pL-90\@lg- { - padding-left: 90px !important; - } - .pY-90\@lg- { - padding-top: 90px !important; - padding-bottom: 90px !important; - } - .pX-90\@lg- { - padding-left: 90px !important; - padding-right: 90px !important; - } - } - @media screen and (max-width: 991px) { - .p-90\@md- { - padding: 90px !important; - } - .pT-90\@md- { - padding-top: 90px !important; - } - .pR-90\@md- { - padding-right: 90px !important; - } - .pB-90\@md- { - padding-bottom: 90px !important; - } - .pL-90\@md- { - padding-left: 90px !important; - } - .pY-90\@md- { - padding-top: 90px !important; - padding-bottom: 90px !important; - } - .pX-90\@md- { - padding-left: 90px !important; - padding-right: 90px !important; - } - } - @media screen and (max-width: 767px) { - .p-90\@sm- { - padding: 90px !important; - } - .pT-90\@sm- { - padding-top: 90px !important; - } - .pR-90\@sm- { - padding-right: 90px !important; - } - .pB-90\@sm- { - padding-bottom: 90px !important; - } - .pL-90\@sm- { - padding-left: 90px !important; - } - .pY-90\@sm- { - padding-top: 90px !important; - padding-bottom: 90px !important; - } - .pX-90\@sm- { - padding-left: 90px !important; - padding-right: 90px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-90\@lg { - padding: 90px !important; - } - .pT-90\@lg { - padding-top: 90px !important; - } - .pR-90\@lg { - padding-right: 90px !important; - } - .pB-90\@lg { - padding-bottom: 90px !important; - } - .pL-90\@lg { - padding-left: 90px !important; - } - .pY-90\@lg { - padding-top: 90px !important; - padding-bottom: 90px !important; - } - .pX-90\@lg { - padding-left: 90px !important; - padding-right: 90px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-90\@md { - padding: 90px !important; - } - .pT-90\@md { - padding-top: 90px !important; - } - .pR-90\@md { - padding-right: 90px !important; - } - .pB-90\@md { - padding-bottom: 90px !important; - } - .pL-90\@md { - padding-left: 90px !important; - } - .pY-90\@md { - padding-top: 90px !important; - padding-bottom: 90px !important; - } - .pX-90\@md { - padding-left: 90px !important; - padding-right: 90px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-90\@sm { - padding: 90px !important; - } - .pT-90\@sm { - padding-top: 90px !important; - } - .pR-90\@sm { - padding-right: 90px !important; - } - .pB-90\@sm { - padding-bottom: 90px !important; - } - .pL-90\@sm { - padding-left: 90px !important; - } - .pY-90\@sm { - padding-top: 90px !important; - padding-bottom: 90px !important; - } - .pX-90\@sm { - padding-left: 90px !important; - padding-right: 90px !important; - } - } - .p-100 { - padding: 100px !important; - } - - .pT-100 { - padding-top: 100px !important; - } - - .pR-100 { - padding-right: 100px !important; - } - - .pB-100 { - padding-bottom: 100px !important; - } - - .pL-100 { - padding-left: 100px !important; - } - - .pY-100 { - padding-top: 100px !important; - padding-bottom: 100px !important; - } - - .pX-100 { - padding-left: 100px !important; - padding-right: 100px !important; - } - - @media screen and (min-width: 1440px) { - .p-100\@xl\+ { - padding: 100px !important; - } - .pT-100\@xl\+ { - padding-top: 100px !important; - } - .pR-100\@xl\+ { - padding-right: 100px !important; - } - .pB-100\@xl\+ { - padding-bottom: 100px !important; - } - .pL-100\@xl\+ { - padding-left: 100px !important; - } - .pY-100\@xl\+ { - padding-top: 100px !important; - padding-bottom: 100px !important; - } - .pX-100\@xl\+ { - padding-left: 100px !important; - padding-right: 100px !important; - } - } - @media screen and (min-width: 1200px) { - .p-100\@lg\+ { - padding: 100px !important; - } - .pT-100\@lg\+ { - padding-top: 100px !important; - } - .pR-100\@lg\+ { - padding-right: 100px !important; - } - .pB-100\@lg\+ { - padding-bottom: 100px !important; - } - .pL-100\@lg\+ { - padding-left: 100px !important; - } - .pY-100\@lg\+ { - padding-top: 100px !important; - padding-bottom: 100px !important; - } - .pX-100\@lg\+ { - padding-left: 100px !important; - padding-right: 100px !important; - } - } - @media screen and (min-width: 992px) { - .p-100\@md\+ { - padding: 100px !important; - } - .pT-100\@md\+ { - padding-top: 100px !important; - } - .pR-100\@md\+ { - padding-right: 100px !important; - } - .pB-100\@md\+ { - padding-bottom: 100px !important; - } - .pL-100\@md\+ { - padding-left: 100px !important; - } - .pY-100\@md\+ { - padding-top: 100px !important; - padding-bottom: 100px !important; - } - .pX-100\@md\+ { - padding-left: 100px !important; - padding-right: 100px !important; - } - } - @media screen and (min-width: 768px) { - .p-100\@sm\+ { - padding: 100px !important; - } - .pT-100\@sm\+ { - padding-top: 100px !important; - } - .pR-100\@sm\+ { - padding-right: 100px !important; - } - .pB-100\@sm\+ { - padding-bottom: 100px !important; - } - .pL-100\@sm\+ { - padding-left: 100px !important; - } - .pY-100\@sm\+ { - padding-top: 100px !important; - padding-bottom: 100px !important; - } - .pX-100\@sm\+ { - padding-left: 100px !important; - padding-right: 100px !important; - } - } - @media screen and (min-width: 0) { - .p-100\@xs\+ { - padding: 100px !important; - } - .pT-100\@xs\+ { - padding-top: 100px !important; - } - .pR-100\@xs\+ { - padding-right: 100px !important; - } - .pB-100\@xs\+ { - padding-bottom: 100px !important; - } - .pL-100\@xs\+ { - padding-left: 100px !important; - } - .pY-100\@xs\+ { - padding-top: 100px !important; - padding-bottom: 100px !important; - } - .pX-100\@xs\+ { - padding-left: 100px !important; - padding-right: 100px !important; - } - } - @media screen and (max-width: 1439px) { - .p-100\@xl- { - padding: 100px !important; - } - .pT-100\@xl- { - padding-top: 100px !important; - } - .pR-100\@xl- { - padding-right: 100px !important; - } - .pB-100\@xl- { - padding-bottom: 100px !important; - } - .pL-100\@xl- { - padding-left: 100px !important; - } - .pY-100\@xl- { - padding-top: 100px !important; - padding-bottom: 100px !important; - } - .pX-100\@xl- { - padding-left: 100px !important; - padding-right: 100px !important; - } - } - @media screen and (max-width: 1199px) { - .p-100\@lg- { - padding: 100px !important; - } - .pT-100\@lg- { - padding-top: 100px !important; - } - .pR-100\@lg- { - padding-right: 100px !important; - } - .pB-100\@lg- { - padding-bottom: 100px !important; - } - .pL-100\@lg- { - padding-left: 100px !important; - } - .pY-100\@lg- { - padding-top: 100px !important; - padding-bottom: 100px !important; - } - .pX-100\@lg- { - padding-left: 100px !important; - padding-right: 100px !important; - } - } - @media screen and (max-width: 991px) { - .p-100\@md- { - padding: 100px !important; - } - .pT-100\@md- { - padding-top: 100px !important; - } - .pR-100\@md- { - padding-right: 100px !important; - } - .pB-100\@md- { - padding-bottom: 100px !important; - } - .pL-100\@md- { - padding-left: 100px !important; - } - .pY-100\@md- { - padding-top: 100px !important; - padding-bottom: 100px !important; - } - .pX-100\@md- { - padding-left: 100px !important; - padding-right: 100px !important; - } - } - @media screen and (max-width: 767px) { - .p-100\@sm- { - padding: 100px !important; - } - .pT-100\@sm- { - padding-top: 100px !important; - } - .pR-100\@sm- { - padding-right: 100px !important; - } - .pB-100\@sm- { - padding-bottom: 100px !important; - } - .pL-100\@sm- { - padding-left: 100px !important; - } - .pY-100\@sm- { - padding-top: 100px !important; - padding-bottom: 100px !important; - } - .pX-100\@sm- { - padding-left: 100px !important; - padding-right: 100px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-100\@lg { - padding: 100px !important; - } - .pT-100\@lg { - padding-top: 100px !important; - } - .pR-100\@lg { - padding-right: 100px !important; - } - .pB-100\@lg { - padding-bottom: 100px !important; - } - .pL-100\@lg { - padding-left: 100px !important; - } - .pY-100\@lg { - padding-top: 100px !important; - padding-bottom: 100px !important; - } - .pX-100\@lg { - padding-left: 100px !important; - padding-right: 100px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-100\@md { - padding: 100px !important; - } - .pT-100\@md { - padding-top: 100px !important; - } - .pR-100\@md { - padding-right: 100px !important; - } - .pB-100\@md { - padding-bottom: 100px !important; - } - .pL-100\@md { - padding-left: 100px !important; - } - .pY-100\@md { - padding-top: 100px !important; - padding-bottom: 100px !important; - } - .pX-100\@md { - padding-left: 100px !important; - padding-right: 100px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-100\@sm { - padding: 100px !important; - } - .pT-100\@sm { - padding-top: 100px !important; - } - .pR-100\@sm { - padding-right: 100px !important; - } - .pB-100\@sm { - padding-bottom: 100px !important; - } - .pL-100\@sm { - padding-left: 100px !important; - } - .pY-100\@sm { - padding-top: 100px !important; - padding-bottom: 100px !important; - } - .pX-100\@sm { - padding-left: 100px !important; - padding-right: 100px !important; - } - } - .p-110 { - padding: 110px !important; - } - - .pT-110 { - padding-top: 110px !important; - } - - .pR-110 { - padding-right: 110px !important; - } - - .pB-110 { - padding-bottom: 110px !important; - } - - .pL-110 { - padding-left: 110px !important; - } - - .pY-110 { - padding-top: 110px !important; - padding-bottom: 110px !important; - } - - .pX-110 { - padding-left: 110px !important; - padding-right: 110px !important; - } - - @media screen and (min-width: 1440px) { - .p-110\@xl\+ { - padding: 110px !important; - } - .pT-110\@xl\+ { - padding-top: 110px !important; - } - .pR-110\@xl\+ { - padding-right: 110px !important; - } - .pB-110\@xl\+ { - padding-bottom: 110px !important; - } - .pL-110\@xl\+ { - padding-left: 110px !important; - } - .pY-110\@xl\+ { - padding-top: 110px !important; - padding-bottom: 110px !important; - } - .pX-110\@xl\+ { - padding-left: 110px !important; - padding-right: 110px !important; - } - } - @media screen and (min-width: 1200px) { - .p-110\@lg\+ { - padding: 110px !important; - } - .pT-110\@lg\+ { - padding-top: 110px !important; - } - .pR-110\@lg\+ { - padding-right: 110px !important; - } - .pB-110\@lg\+ { - padding-bottom: 110px !important; - } - .pL-110\@lg\+ { - padding-left: 110px !important; - } - .pY-110\@lg\+ { - padding-top: 110px !important; - padding-bottom: 110px !important; - } - .pX-110\@lg\+ { - padding-left: 110px !important; - padding-right: 110px !important; - } - } - @media screen and (min-width: 992px) { - .p-110\@md\+ { - padding: 110px !important; - } - .pT-110\@md\+ { - padding-top: 110px !important; - } - .pR-110\@md\+ { - padding-right: 110px !important; - } - .pB-110\@md\+ { - padding-bottom: 110px !important; - } - .pL-110\@md\+ { - padding-left: 110px !important; - } - .pY-110\@md\+ { - padding-top: 110px !important; - padding-bottom: 110px !important; - } - .pX-110\@md\+ { - padding-left: 110px !important; - padding-right: 110px !important; - } - } - @media screen and (min-width: 768px) { - .p-110\@sm\+ { - padding: 110px !important; - } - .pT-110\@sm\+ { - padding-top: 110px !important; - } - .pR-110\@sm\+ { - padding-right: 110px !important; - } - .pB-110\@sm\+ { - padding-bottom: 110px !important; - } - .pL-110\@sm\+ { - padding-left: 110px !important; - } - .pY-110\@sm\+ { - padding-top: 110px !important; - padding-bottom: 110px !important; - } - .pX-110\@sm\+ { - padding-left: 110px !important; - padding-right: 110px !important; - } - } - @media screen and (min-width: 0) { - .p-110\@xs\+ { - padding: 110px !important; - } - .pT-110\@xs\+ { - padding-top: 110px !important; - } - .pR-110\@xs\+ { - padding-right: 110px !important; - } - .pB-110\@xs\+ { - padding-bottom: 110px !important; - } - .pL-110\@xs\+ { - padding-left: 110px !important; - } - .pY-110\@xs\+ { - padding-top: 110px !important; - padding-bottom: 110px !important; - } - .pX-110\@xs\+ { - padding-left: 110px !important; - padding-right: 110px !important; - } - } - @media screen and (max-width: 1439px) { - .p-110\@xl- { - padding: 110px !important; - } - .pT-110\@xl- { - padding-top: 110px !important; - } - .pR-110\@xl- { - padding-right: 110px !important; - } - .pB-110\@xl- { - padding-bottom: 110px !important; - } - .pL-110\@xl- { - padding-left: 110px !important; - } - .pY-110\@xl- { - padding-top: 110px !important; - padding-bottom: 110px !important; - } - .pX-110\@xl- { - padding-left: 110px !important; - padding-right: 110px !important; - } - } - @media screen and (max-width: 1199px) { - .p-110\@lg- { - padding: 110px !important; - } - .pT-110\@lg- { - padding-top: 110px !important; - } - .pR-110\@lg- { - padding-right: 110px !important; - } - .pB-110\@lg- { - padding-bottom: 110px !important; - } - .pL-110\@lg- { - padding-left: 110px !important; - } - .pY-110\@lg- { - padding-top: 110px !important; - padding-bottom: 110px !important; - } - .pX-110\@lg- { - padding-left: 110px !important; - padding-right: 110px !important; - } - } - @media screen and (max-width: 991px) { - .p-110\@md- { - padding: 110px !important; - } - .pT-110\@md- { - padding-top: 110px !important; - } - .pR-110\@md- { - padding-right: 110px !important; - } - .pB-110\@md- { - padding-bottom: 110px !important; - } - .pL-110\@md- { - padding-left: 110px !important; - } - .pY-110\@md- { - padding-top: 110px !important; - padding-bottom: 110px !important; - } - .pX-110\@md- { - padding-left: 110px !important; - padding-right: 110px !important; - } - } - @media screen and (max-width: 767px) { - .p-110\@sm- { - padding: 110px !important; - } - .pT-110\@sm- { - padding-top: 110px !important; - } - .pR-110\@sm- { - padding-right: 110px !important; - } - .pB-110\@sm- { - padding-bottom: 110px !important; - } - .pL-110\@sm- { - padding-left: 110px !important; - } - .pY-110\@sm- { - padding-top: 110px !important; - padding-bottom: 110px !important; - } - .pX-110\@sm- { - padding-left: 110px !important; - padding-right: 110px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-110\@lg { - padding: 110px !important; - } - .pT-110\@lg { - padding-top: 110px !important; - } - .pR-110\@lg { - padding-right: 110px !important; - } - .pB-110\@lg { - padding-bottom: 110px !important; - } - .pL-110\@lg { - padding-left: 110px !important; - } - .pY-110\@lg { - padding-top: 110px !important; - padding-bottom: 110px !important; - } - .pX-110\@lg { - padding-left: 110px !important; - padding-right: 110px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-110\@md { - padding: 110px !important; - } - .pT-110\@md { - padding-top: 110px !important; - } - .pR-110\@md { - padding-right: 110px !important; - } - .pB-110\@md { - padding-bottom: 110px !important; - } - .pL-110\@md { - padding-left: 110px !important; - } - .pY-110\@md { - padding-top: 110px !important; - padding-bottom: 110px !important; - } - .pX-110\@md { - padding-left: 110px !important; - padding-right: 110px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-110\@sm { - padding: 110px !important; - } - .pT-110\@sm { - padding-top: 110px !important; - } - .pR-110\@sm { - padding-right: 110px !important; - } - .pB-110\@sm { - padding-bottom: 110px !important; - } - .pL-110\@sm { - padding-left: 110px !important; - } - .pY-110\@sm { - padding-top: 110px !important; - padding-bottom: 110px !important; - } - .pX-110\@sm { - padding-left: 110px !important; - padding-right: 110px !important; - } - } - .p-120 { - padding: 120px !important; - } - - .pT-120 { - padding-top: 120px !important; - } - - .pR-120 { - padding-right: 120px !important; - } - - .pB-120 { - padding-bottom: 120px !important; - } - - .pL-120 { - padding-left: 120px !important; - } - - .pY-120 { - padding-top: 120px !important; - padding-bottom: 120px !important; - } - - .pX-120 { - padding-left: 120px !important; - padding-right: 120px !important; - } - - @media screen and (min-width: 1440px) { - .p-120\@xl\+ { - padding: 120px !important; - } - .pT-120\@xl\+ { - padding-top: 120px !important; - } - .pR-120\@xl\+ { - padding-right: 120px !important; - } - .pB-120\@xl\+ { - padding-bottom: 120px !important; - } - .pL-120\@xl\+ { - padding-left: 120px !important; - } - .pY-120\@xl\+ { - padding-top: 120px !important; - padding-bottom: 120px !important; - } - .pX-120\@xl\+ { - padding-left: 120px !important; - padding-right: 120px !important; - } - } - @media screen and (min-width: 1200px) { - .p-120\@lg\+ { - padding: 120px !important; - } - .pT-120\@lg\+ { - padding-top: 120px !important; - } - .pR-120\@lg\+ { - padding-right: 120px !important; - } - .pB-120\@lg\+ { - padding-bottom: 120px !important; - } - .pL-120\@lg\+ { - padding-left: 120px !important; - } - .pY-120\@lg\+ { - padding-top: 120px !important; - padding-bottom: 120px !important; - } - .pX-120\@lg\+ { - padding-left: 120px !important; - padding-right: 120px !important; - } - } - @media screen and (min-width: 992px) { - .p-120\@md\+ { - padding: 120px !important; - } - .pT-120\@md\+ { - padding-top: 120px !important; - } - .pR-120\@md\+ { - padding-right: 120px !important; - } - .pB-120\@md\+ { - padding-bottom: 120px !important; - } - .pL-120\@md\+ { - padding-left: 120px !important; - } - .pY-120\@md\+ { - padding-top: 120px !important; - padding-bottom: 120px !important; - } - .pX-120\@md\+ { - padding-left: 120px !important; - padding-right: 120px !important; - } - } - @media screen and (min-width: 768px) { - .p-120\@sm\+ { - padding: 120px !important; - } - .pT-120\@sm\+ { - padding-top: 120px !important; - } - .pR-120\@sm\+ { - padding-right: 120px !important; - } - .pB-120\@sm\+ { - padding-bottom: 120px !important; - } - .pL-120\@sm\+ { - padding-left: 120px !important; - } - .pY-120\@sm\+ { - padding-top: 120px !important; - padding-bottom: 120px !important; - } - .pX-120\@sm\+ { - padding-left: 120px !important; - padding-right: 120px !important; - } - } - @media screen and (min-width: 0) { - .p-120\@xs\+ { - padding: 120px !important; - } - .pT-120\@xs\+ { - padding-top: 120px !important; - } - .pR-120\@xs\+ { - padding-right: 120px !important; - } - .pB-120\@xs\+ { - padding-bottom: 120px !important; - } - .pL-120\@xs\+ { - padding-left: 120px !important; - } - .pY-120\@xs\+ { - padding-top: 120px !important; - padding-bottom: 120px !important; - } - .pX-120\@xs\+ { - padding-left: 120px !important; - padding-right: 120px !important; - } - } - @media screen and (max-width: 1439px) { - .p-120\@xl- { - padding: 120px !important; - } - .pT-120\@xl- { - padding-top: 120px !important; - } - .pR-120\@xl- { - padding-right: 120px !important; - } - .pB-120\@xl- { - padding-bottom: 120px !important; - } - .pL-120\@xl- { - padding-left: 120px !important; - } - .pY-120\@xl- { - padding-top: 120px !important; - padding-bottom: 120px !important; - } - .pX-120\@xl- { - padding-left: 120px !important; - padding-right: 120px !important; - } - } - @media screen and (max-width: 1199px) { - .p-120\@lg- { - padding: 120px !important; - } - .pT-120\@lg- { - padding-top: 120px !important; - } - .pR-120\@lg- { - padding-right: 120px !important; - } - .pB-120\@lg- { - padding-bottom: 120px !important; - } - .pL-120\@lg- { - padding-left: 120px !important; - } - .pY-120\@lg- { - padding-top: 120px !important; - padding-bottom: 120px !important; - } - .pX-120\@lg- { - padding-left: 120px !important; - padding-right: 120px !important; - } - } - @media screen and (max-width: 991px) { - .p-120\@md- { - padding: 120px !important; - } - .pT-120\@md- { - padding-top: 120px !important; - } - .pR-120\@md- { - padding-right: 120px !important; - } - .pB-120\@md- { - padding-bottom: 120px !important; - } - .pL-120\@md- { - padding-left: 120px !important; - } - .pY-120\@md- { - padding-top: 120px !important; - padding-bottom: 120px !important; - } - .pX-120\@md- { - padding-left: 120px !important; - padding-right: 120px !important; - } - } - @media screen and (max-width: 767px) { - .p-120\@sm- { - padding: 120px !important; - } - .pT-120\@sm- { - padding-top: 120px !important; - } - .pR-120\@sm- { - padding-right: 120px !important; - } - .pB-120\@sm- { - padding-bottom: 120px !important; - } - .pL-120\@sm- { - padding-left: 120px !important; - } - .pY-120\@sm- { - padding-top: 120px !important; - padding-bottom: 120px !important; - } - .pX-120\@sm- { - padding-left: 120px !important; - padding-right: 120px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-120\@lg { - padding: 120px !important; - } - .pT-120\@lg { - padding-top: 120px !important; - } - .pR-120\@lg { - padding-right: 120px !important; - } - .pB-120\@lg { - padding-bottom: 120px !important; - } - .pL-120\@lg { - padding-left: 120px !important; - } - .pY-120\@lg { - padding-top: 120px !important; - padding-bottom: 120px !important; - } - .pX-120\@lg { - padding-left: 120px !important; - padding-right: 120px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-120\@md { - padding: 120px !important; - } - .pT-120\@md { - padding-top: 120px !important; - } - .pR-120\@md { - padding-right: 120px !important; - } - .pB-120\@md { - padding-bottom: 120px !important; - } - .pL-120\@md { - padding-left: 120px !important; - } - .pY-120\@md { - padding-top: 120px !important; - padding-bottom: 120px !important; - } - .pX-120\@md { - padding-left: 120px !important; - padding-right: 120px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-120\@sm { - padding: 120px !important; - } - .pT-120\@sm { - padding-top: 120px !important; - } - .pR-120\@sm { - padding-right: 120px !important; - } - .pB-120\@sm { - padding-bottom: 120px !important; - } - .pL-120\@sm { - padding-left: 120px !important; - } - .pY-120\@sm { - padding-top: 120px !important; - padding-bottom: 120px !important; - } - .pX-120\@sm { - padding-left: 120px !important; - padding-right: 120px !important; - } - } - .p-130 { - padding: 130px !important; - } - - .pT-130 { - padding-top: 130px !important; - } - - .pR-130 { - padding-right: 130px !important; - } - - .pB-130 { - padding-bottom: 130px !important; - } - - .pL-130 { - padding-left: 130px !important; - } - - .pY-130 { - padding-top: 130px !important; - padding-bottom: 130px !important; - } - - .pX-130 { - padding-left: 130px !important; - padding-right: 130px !important; - } - - @media screen and (min-width: 1440px) { - .p-130\@xl\+ { - padding: 130px !important; - } - .pT-130\@xl\+ { - padding-top: 130px !important; - } - .pR-130\@xl\+ { - padding-right: 130px !important; - } - .pB-130\@xl\+ { - padding-bottom: 130px !important; - } - .pL-130\@xl\+ { - padding-left: 130px !important; - } - .pY-130\@xl\+ { - padding-top: 130px !important; - padding-bottom: 130px !important; - } - .pX-130\@xl\+ { - padding-left: 130px !important; - padding-right: 130px !important; - } - } - @media screen and (min-width: 1200px) { - .p-130\@lg\+ { - padding: 130px !important; - } - .pT-130\@lg\+ { - padding-top: 130px !important; - } - .pR-130\@lg\+ { - padding-right: 130px !important; - } - .pB-130\@lg\+ { - padding-bottom: 130px !important; - } - .pL-130\@lg\+ { - padding-left: 130px !important; - } - .pY-130\@lg\+ { - padding-top: 130px !important; - padding-bottom: 130px !important; - } - .pX-130\@lg\+ { - padding-left: 130px !important; - padding-right: 130px !important; - } - } - @media screen and (min-width: 992px) { - .p-130\@md\+ { - padding: 130px !important; - } - .pT-130\@md\+ { - padding-top: 130px !important; - } - .pR-130\@md\+ { - padding-right: 130px !important; - } - .pB-130\@md\+ { - padding-bottom: 130px !important; - } - .pL-130\@md\+ { - padding-left: 130px !important; - } - .pY-130\@md\+ { - padding-top: 130px !important; - padding-bottom: 130px !important; - } - .pX-130\@md\+ { - padding-left: 130px !important; - padding-right: 130px !important; - } - } - @media screen and (min-width: 768px) { - .p-130\@sm\+ { - padding: 130px !important; - } - .pT-130\@sm\+ { - padding-top: 130px !important; - } - .pR-130\@sm\+ { - padding-right: 130px !important; - } - .pB-130\@sm\+ { - padding-bottom: 130px !important; - } - .pL-130\@sm\+ { - padding-left: 130px !important; - } - .pY-130\@sm\+ { - padding-top: 130px !important; - padding-bottom: 130px !important; - } - .pX-130\@sm\+ { - padding-left: 130px !important; - padding-right: 130px !important; - } - } - @media screen and (min-width: 0) { - .p-130\@xs\+ { - padding: 130px !important; - } - .pT-130\@xs\+ { - padding-top: 130px !important; - } - .pR-130\@xs\+ { - padding-right: 130px !important; - } - .pB-130\@xs\+ { - padding-bottom: 130px !important; - } - .pL-130\@xs\+ { - padding-left: 130px !important; - } - .pY-130\@xs\+ { - padding-top: 130px !important; - padding-bottom: 130px !important; - } - .pX-130\@xs\+ { - padding-left: 130px !important; - padding-right: 130px !important; - } - } - @media screen and (max-width: 1439px) { - .p-130\@xl- { - padding: 130px !important; - } - .pT-130\@xl- { - padding-top: 130px !important; - } - .pR-130\@xl- { - padding-right: 130px !important; - } - .pB-130\@xl- { - padding-bottom: 130px !important; - } - .pL-130\@xl- { - padding-left: 130px !important; - } - .pY-130\@xl- { - padding-top: 130px !important; - padding-bottom: 130px !important; - } - .pX-130\@xl- { - padding-left: 130px !important; - padding-right: 130px !important; - } - } - @media screen and (max-width: 1199px) { - .p-130\@lg- { - padding: 130px !important; - } - .pT-130\@lg- { - padding-top: 130px !important; - } - .pR-130\@lg- { - padding-right: 130px !important; - } - .pB-130\@lg- { - padding-bottom: 130px !important; - } - .pL-130\@lg- { - padding-left: 130px !important; - } - .pY-130\@lg- { - padding-top: 130px !important; - padding-bottom: 130px !important; - } - .pX-130\@lg- { - padding-left: 130px !important; - padding-right: 130px !important; - } - } - @media screen and (max-width: 991px) { - .p-130\@md- { - padding: 130px !important; - } - .pT-130\@md- { - padding-top: 130px !important; - } - .pR-130\@md- { - padding-right: 130px !important; - } - .pB-130\@md- { - padding-bottom: 130px !important; - } - .pL-130\@md- { - padding-left: 130px !important; - } - .pY-130\@md- { - padding-top: 130px !important; - padding-bottom: 130px !important; - } - .pX-130\@md- { - padding-left: 130px !important; - padding-right: 130px !important; - } - } - @media screen and (max-width: 767px) { - .p-130\@sm- { - padding: 130px !important; - } - .pT-130\@sm- { - padding-top: 130px !important; - } - .pR-130\@sm- { - padding-right: 130px !important; - } - .pB-130\@sm- { - padding-bottom: 130px !important; - } - .pL-130\@sm- { - padding-left: 130px !important; - } - .pY-130\@sm- { - padding-top: 130px !important; - padding-bottom: 130px !important; - } - .pX-130\@sm- { - padding-left: 130px !important; - padding-right: 130px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-130\@lg { - padding: 130px !important; - } - .pT-130\@lg { - padding-top: 130px !important; - } - .pR-130\@lg { - padding-right: 130px !important; - } - .pB-130\@lg { - padding-bottom: 130px !important; - } - .pL-130\@lg { - padding-left: 130px !important; - } - .pY-130\@lg { - padding-top: 130px !important; - padding-bottom: 130px !important; - } - .pX-130\@lg { - padding-left: 130px !important; - padding-right: 130px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-130\@md { - padding: 130px !important; - } - .pT-130\@md { - padding-top: 130px !important; - } - .pR-130\@md { - padding-right: 130px !important; - } - .pB-130\@md { - padding-bottom: 130px !important; - } - .pL-130\@md { - padding-left: 130px !important; - } - .pY-130\@md { - padding-top: 130px !important; - padding-bottom: 130px !important; - } - .pX-130\@md { - padding-left: 130px !important; - padding-right: 130px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-130\@sm { - padding: 130px !important; - } - .pT-130\@sm { - padding-top: 130px !important; - } - .pR-130\@sm { - padding-right: 130px !important; - } - .pB-130\@sm { - padding-bottom: 130px !important; - } - .pL-130\@sm { - padding-left: 130px !important; - } - .pY-130\@sm { - padding-top: 130px !important; - padding-bottom: 130px !important; - } - .pX-130\@sm { - padding-left: 130px !important; - padding-right: 130px !important; - } - } - .p-140 { - padding: 140px !important; - } - - .pT-140 { - padding-top: 140px !important; - } - - .pR-140 { - padding-right: 140px !important; - } - - .pB-140 { - padding-bottom: 140px !important; - } - - .pL-140 { - padding-left: 140px !important; - } - - .pY-140 { - padding-top: 140px !important; - padding-bottom: 140px !important; - } - - .pX-140 { - padding-left: 140px !important; - padding-right: 140px !important; - } - - @media screen and (min-width: 1440px) { - .p-140\@xl\+ { - padding: 140px !important; - } - .pT-140\@xl\+ { - padding-top: 140px !important; - } - .pR-140\@xl\+ { - padding-right: 140px !important; - } - .pB-140\@xl\+ { - padding-bottom: 140px !important; - } - .pL-140\@xl\+ { - padding-left: 140px !important; - } - .pY-140\@xl\+ { - padding-top: 140px !important; - padding-bottom: 140px !important; - } - .pX-140\@xl\+ { - padding-left: 140px !important; - padding-right: 140px !important; - } - } - @media screen and (min-width: 1200px) { - .p-140\@lg\+ { - padding: 140px !important; - } - .pT-140\@lg\+ { - padding-top: 140px !important; - } - .pR-140\@lg\+ { - padding-right: 140px !important; - } - .pB-140\@lg\+ { - padding-bottom: 140px !important; - } - .pL-140\@lg\+ { - padding-left: 140px !important; - } - .pY-140\@lg\+ { - padding-top: 140px !important; - padding-bottom: 140px !important; - } - .pX-140\@lg\+ { - padding-left: 140px !important; - padding-right: 140px !important; - } - } - @media screen and (min-width: 992px) { - .p-140\@md\+ { - padding: 140px !important; - } - .pT-140\@md\+ { - padding-top: 140px !important; - } - .pR-140\@md\+ { - padding-right: 140px !important; - } - .pB-140\@md\+ { - padding-bottom: 140px !important; - } - .pL-140\@md\+ { - padding-left: 140px !important; - } - .pY-140\@md\+ { - padding-top: 140px !important; - padding-bottom: 140px !important; - } - .pX-140\@md\+ { - padding-left: 140px !important; - padding-right: 140px !important; - } - } - @media screen and (min-width: 768px) { - .p-140\@sm\+ { - padding: 140px !important; - } - .pT-140\@sm\+ { - padding-top: 140px !important; - } - .pR-140\@sm\+ { - padding-right: 140px !important; - } - .pB-140\@sm\+ { - padding-bottom: 140px !important; - } - .pL-140\@sm\+ { - padding-left: 140px !important; - } - .pY-140\@sm\+ { - padding-top: 140px !important; - padding-bottom: 140px !important; - } - .pX-140\@sm\+ { - padding-left: 140px !important; - padding-right: 140px !important; - } - } - @media screen and (min-width: 0) { - .p-140\@xs\+ { - padding: 140px !important; - } - .pT-140\@xs\+ { - padding-top: 140px !important; - } - .pR-140\@xs\+ { - padding-right: 140px !important; - } - .pB-140\@xs\+ { - padding-bottom: 140px !important; - } - .pL-140\@xs\+ { - padding-left: 140px !important; - } - .pY-140\@xs\+ { - padding-top: 140px !important; - padding-bottom: 140px !important; - } - .pX-140\@xs\+ { - padding-left: 140px !important; - padding-right: 140px !important; - } - } - @media screen and (max-width: 1439px) { - .p-140\@xl- { - padding: 140px !important; - } - .pT-140\@xl- { - padding-top: 140px !important; - } - .pR-140\@xl- { - padding-right: 140px !important; - } - .pB-140\@xl- { - padding-bottom: 140px !important; - } - .pL-140\@xl- { - padding-left: 140px !important; - } - .pY-140\@xl- { - padding-top: 140px !important; - padding-bottom: 140px !important; - } - .pX-140\@xl- { - padding-left: 140px !important; - padding-right: 140px !important; - } - } - @media screen and (max-width: 1199px) { - .p-140\@lg- { - padding: 140px !important; - } - .pT-140\@lg- { - padding-top: 140px !important; - } - .pR-140\@lg- { - padding-right: 140px !important; - } - .pB-140\@lg- { - padding-bottom: 140px !important; - } - .pL-140\@lg- { - padding-left: 140px !important; - } - .pY-140\@lg- { - padding-top: 140px !important; - padding-bottom: 140px !important; - } - .pX-140\@lg- { - padding-left: 140px !important; - padding-right: 140px !important; - } - } - @media screen and (max-width: 991px) { - .p-140\@md- { - padding: 140px !important; - } - .pT-140\@md- { - padding-top: 140px !important; - } - .pR-140\@md- { - padding-right: 140px !important; - } - .pB-140\@md- { - padding-bottom: 140px !important; - } - .pL-140\@md- { - padding-left: 140px !important; - } - .pY-140\@md- { - padding-top: 140px !important; - padding-bottom: 140px !important; - } - .pX-140\@md- { - padding-left: 140px !important; - padding-right: 140px !important; - } - } - @media screen and (max-width: 767px) { - .p-140\@sm- { - padding: 140px !important; - } - .pT-140\@sm- { - padding-top: 140px !important; - } - .pR-140\@sm- { - padding-right: 140px !important; - } - .pB-140\@sm- { - padding-bottom: 140px !important; - } - .pL-140\@sm- { - padding-left: 140px !important; - } - .pY-140\@sm- { - padding-top: 140px !important; - padding-bottom: 140px !important; - } - .pX-140\@sm- { - padding-left: 140px !important; - padding-right: 140px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-140\@lg { - padding: 140px !important; - } - .pT-140\@lg { - padding-top: 140px !important; - } - .pR-140\@lg { - padding-right: 140px !important; - } - .pB-140\@lg { - padding-bottom: 140px !important; - } - .pL-140\@lg { - padding-left: 140px !important; - } - .pY-140\@lg { - padding-top: 140px !important; - padding-bottom: 140px !important; - } - .pX-140\@lg { - padding-left: 140px !important; - padding-right: 140px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-140\@md { - padding: 140px !important; - } - .pT-140\@md { - padding-top: 140px !important; - } - .pR-140\@md { - padding-right: 140px !important; - } - .pB-140\@md { - padding-bottom: 140px !important; - } - .pL-140\@md { - padding-left: 140px !important; - } - .pY-140\@md { - padding-top: 140px !important; - padding-bottom: 140px !important; - } - .pX-140\@md { - padding-left: 140px !important; - padding-right: 140px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-140\@sm { - padding: 140px !important; - } - .pT-140\@sm { - padding-top: 140px !important; - } - .pR-140\@sm { - padding-right: 140px !important; - } - .pB-140\@sm { - padding-bottom: 140px !important; - } - .pL-140\@sm { - padding-left: 140px !important; - } - .pY-140\@sm { - padding-top: 140px !important; - padding-bottom: 140px !important; - } - .pX-140\@sm { - padding-left: 140px !important; - padding-right: 140px !important; - } - } - .p-150 { - padding: 150px !important; - } - - .pT-150 { - padding-top: 150px !important; - } - - .pR-150 { - padding-right: 150px !important; - } - - .pB-150 { - padding-bottom: 150px !important; - } - - .pL-150 { - padding-left: 150px !important; - } - - .pY-150 { - padding-top: 150px !important; - padding-bottom: 150px !important; - } - - .pX-150 { - padding-left: 150px !important; - padding-right: 150px !important; - } - - @media screen and (min-width: 1440px) { - .p-150\@xl\+ { - padding: 150px !important; - } - .pT-150\@xl\+ { - padding-top: 150px !important; - } - .pR-150\@xl\+ { - padding-right: 150px !important; - } - .pB-150\@xl\+ { - padding-bottom: 150px !important; - } - .pL-150\@xl\+ { - padding-left: 150px !important; - } - .pY-150\@xl\+ { - padding-top: 150px !important; - padding-bottom: 150px !important; - } - .pX-150\@xl\+ { - padding-left: 150px !important; - padding-right: 150px !important; - } - } - @media screen and (min-width: 1200px) { - .p-150\@lg\+ { - padding: 150px !important; - } - .pT-150\@lg\+ { - padding-top: 150px !important; - } - .pR-150\@lg\+ { - padding-right: 150px !important; - } - .pB-150\@lg\+ { - padding-bottom: 150px !important; - } - .pL-150\@lg\+ { - padding-left: 150px !important; - } - .pY-150\@lg\+ { - padding-top: 150px !important; - padding-bottom: 150px !important; - } - .pX-150\@lg\+ { - padding-left: 150px !important; - padding-right: 150px !important; - } - } - @media screen and (min-width: 992px) { - .p-150\@md\+ { - padding: 150px !important; - } - .pT-150\@md\+ { - padding-top: 150px !important; - } - .pR-150\@md\+ { - padding-right: 150px !important; - } - .pB-150\@md\+ { - padding-bottom: 150px !important; - } - .pL-150\@md\+ { - padding-left: 150px !important; - } - .pY-150\@md\+ { - padding-top: 150px !important; - padding-bottom: 150px !important; - } - .pX-150\@md\+ { - padding-left: 150px !important; - padding-right: 150px !important; - } - } - @media screen and (min-width: 768px) { - .p-150\@sm\+ { - padding: 150px !important; - } - .pT-150\@sm\+ { - padding-top: 150px !important; - } - .pR-150\@sm\+ { - padding-right: 150px !important; - } - .pB-150\@sm\+ { - padding-bottom: 150px !important; - } - .pL-150\@sm\+ { - padding-left: 150px !important; - } - .pY-150\@sm\+ { - padding-top: 150px !important; - padding-bottom: 150px !important; - } - .pX-150\@sm\+ { - padding-left: 150px !important; - padding-right: 150px !important; - } - } - @media screen and (min-width: 0) { - .p-150\@xs\+ { - padding: 150px !important; - } - .pT-150\@xs\+ { - padding-top: 150px !important; - } - .pR-150\@xs\+ { - padding-right: 150px !important; - } - .pB-150\@xs\+ { - padding-bottom: 150px !important; - } - .pL-150\@xs\+ { - padding-left: 150px !important; - } - .pY-150\@xs\+ { - padding-top: 150px !important; - padding-bottom: 150px !important; - } - .pX-150\@xs\+ { - padding-left: 150px !important; - padding-right: 150px !important; - } - } - @media screen and (max-width: 1439px) { - .p-150\@xl- { - padding: 150px !important; - } - .pT-150\@xl- { - padding-top: 150px !important; - } - .pR-150\@xl- { - padding-right: 150px !important; - } - .pB-150\@xl- { - padding-bottom: 150px !important; - } - .pL-150\@xl- { - padding-left: 150px !important; - } - .pY-150\@xl- { - padding-top: 150px !important; - padding-bottom: 150px !important; - } - .pX-150\@xl- { - padding-left: 150px !important; - padding-right: 150px !important; - } - } - @media screen and (max-width: 1199px) { - .p-150\@lg- { - padding: 150px !important; - } - .pT-150\@lg- { - padding-top: 150px !important; - } - .pR-150\@lg- { - padding-right: 150px !important; - } - .pB-150\@lg- { - padding-bottom: 150px !important; - } - .pL-150\@lg- { - padding-left: 150px !important; - } - .pY-150\@lg- { - padding-top: 150px !important; - padding-bottom: 150px !important; - } - .pX-150\@lg- { - padding-left: 150px !important; - padding-right: 150px !important; - } - } - @media screen and (max-width: 991px) { - .p-150\@md- { - padding: 150px !important; - } - .pT-150\@md- { - padding-top: 150px !important; - } - .pR-150\@md- { - padding-right: 150px !important; - } - .pB-150\@md- { - padding-bottom: 150px !important; - } - .pL-150\@md- { - padding-left: 150px !important; - } - .pY-150\@md- { - padding-top: 150px !important; - padding-bottom: 150px !important; - } - .pX-150\@md- { - padding-left: 150px !important; - padding-right: 150px !important; - } - } - @media screen and (max-width: 767px) { - .p-150\@sm- { - padding: 150px !important; - } - .pT-150\@sm- { - padding-top: 150px !important; - } - .pR-150\@sm- { - padding-right: 150px !important; - } - .pB-150\@sm- { - padding-bottom: 150px !important; - } - .pL-150\@sm- { - padding-left: 150px !important; - } - .pY-150\@sm- { - padding-top: 150px !important; - padding-bottom: 150px !important; - } - .pX-150\@sm- { - padding-left: 150px !important; - padding-right: 150px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-150\@lg { - padding: 150px !important; - } - .pT-150\@lg { - padding-top: 150px !important; - } - .pR-150\@lg { - padding-right: 150px !important; - } - .pB-150\@lg { - padding-bottom: 150px !important; - } - .pL-150\@lg { - padding-left: 150px !important; - } - .pY-150\@lg { - padding-top: 150px !important; - padding-bottom: 150px !important; - } - .pX-150\@lg { - padding-left: 150px !important; - padding-right: 150px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-150\@md { - padding: 150px !important; - } - .pT-150\@md { - padding-top: 150px !important; - } - .pR-150\@md { - padding-right: 150px !important; - } - .pB-150\@md { - padding-bottom: 150px !important; - } - .pL-150\@md { - padding-left: 150px !important; - } - .pY-150\@md { - padding-top: 150px !important; - padding-bottom: 150px !important; - } - .pX-150\@md { - padding-left: 150px !important; - padding-right: 150px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-150\@sm { - padding: 150px !important; - } - .pT-150\@sm { - padding-top: 150px !important; - } - .pR-150\@sm { - padding-right: 150px !important; - } - .pB-150\@sm { - padding-bottom: 150px !important; - } - .pL-150\@sm { - padding-left: 150px !important; - } - .pY-150\@sm { - padding-top: 150px !important; - padding-bottom: 150px !important; - } - .pX-150\@sm { - padding-left: 150px !important; - padding-right: 150px !important; - } - } - .p-160 { - padding: 160px !important; - } - - .pT-160 { - padding-top: 160px !important; - } - - .pR-160 { - padding-right: 160px !important; - } - - .pB-160 { - padding-bottom: 160px !important; - } - - .pL-160 { - padding-left: 160px !important; - } - - .pY-160 { - padding-top: 160px !important; - padding-bottom: 160px !important; - } - - .pX-160 { - padding-left: 160px !important; - padding-right: 160px !important; - } - - @media screen and (min-width: 1440px) { - .p-160\@xl\+ { - padding: 160px !important; - } - .pT-160\@xl\+ { - padding-top: 160px !important; - } - .pR-160\@xl\+ { - padding-right: 160px !important; - } - .pB-160\@xl\+ { - padding-bottom: 160px !important; - } - .pL-160\@xl\+ { - padding-left: 160px !important; - } - .pY-160\@xl\+ { - padding-top: 160px !important; - padding-bottom: 160px !important; - } - .pX-160\@xl\+ { - padding-left: 160px !important; - padding-right: 160px !important; - } - } - @media screen and (min-width: 1200px) { - .p-160\@lg\+ { - padding: 160px !important; - } - .pT-160\@lg\+ { - padding-top: 160px !important; - } - .pR-160\@lg\+ { - padding-right: 160px !important; - } - .pB-160\@lg\+ { - padding-bottom: 160px !important; - } - .pL-160\@lg\+ { - padding-left: 160px !important; - } - .pY-160\@lg\+ { - padding-top: 160px !important; - padding-bottom: 160px !important; - } - .pX-160\@lg\+ { - padding-left: 160px !important; - padding-right: 160px !important; - } - } - @media screen and (min-width: 992px) { - .p-160\@md\+ { - padding: 160px !important; - } - .pT-160\@md\+ { - padding-top: 160px !important; - } - .pR-160\@md\+ { - padding-right: 160px !important; - } - .pB-160\@md\+ { - padding-bottom: 160px !important; - } - .pL-160\@md\+ { - padding-left: 160px !important; - } - .pY-160\@md\+ { - padding-top: 160px !important; - padding-bottom: 160px !important; - } - .pX-160\@md\+ { - padding-left: 160px !important; - padding-right: 160px !important; - } - } - @media screen and (min-width: 768px) { - .p-160\@sm\+ { - padding: 160px !important; - } - .pT-160\@sm\+ { - padding-top: 160px !important; - } - .pR-160\@sm\+ { - padding-right: 160px !important; - } - .pB-160\@sm\+ { - padding-bottom: 160px !important; - } - .pL-160\@sm\+ { - padding-left: 160px !important; - } - .pY-160\@sm\+ { - padding-top: 160px !important; - padding-bottom: 160px !important; - } - .pX-160\@sm\+ { - padding-left: 160px !important; - padding-right: 160px !important; - } - } - @media screen and (min-width: 0) { - .p-160\@xs\+ { - padding: 160px !important; - } - .pT-160\@xs\+ { - padding-top: 160px !important; - } - .pR-160\@xs\+ { - padding-right: 160px !important; - } - .pB-160\@xs\+ { - padding-bottom: 160px !important; - } - .pL-160\@xs\+ { - padding-left: 160px !important; - } - .pY-160\@xs\+ { - padding-top: 160px !important; - padding-bottom: 160px !important; - } - .pX-160\@xs\+ { - padding-left: 160px !important; - padding-right: 160px !important; - } - } - @media screen and (max-width: 1439px) { - .p-160\@xl- { - padding: 160px !important; - } - .pT-160\@xl- { - padding-top: 160px !important; - } - .pR-160\@xl- { - padding-right: 160px !important; - } - .pB-160\@xl- { - padding-bottom: 160px !important; - } - .pL-160\@xl- { - padding-left: 160px !important; - } - .pY-160\@xl- { - padding-top: 160px !important; - padding-bottom: 160px !important; - } - .pX-160\@xl- { - padding-left: 160px !important; - padding-right: 160px !important; - } - } - @media screen and (max-width: 1199px) { - .p-160\@lg- { - padding: 160px !important; - } - .pT-160\@lg- { - padding-top: 160px !important; - } - .pR-160\@lg- { - padding-right: 160px !important; - } - .pB-160\@lg- { - padding-bottom: 160px !important; - } - .pL-160\@lg- { - padding-left: 160px !important; - } - .pY-160\@lg- { - padding-top: 160px !important; - padding-bottom: 160px !important; - } - .pX-160\@lg- { - padding-left: 160px !important; - padding-right: 160px !important; - } - } - @media screen and (max-width: 991px) { - .p-160\@md- { - padding: 160px !important; - } - .pT-160\@md- { - padding-top: 160px !important; - } - .pR-160\@md- { - padding-right: 160px !important; - } - .pB-160\@md- { - padding-bottom: 160px !important; - } - .pL-160\@md- { - padding-left: 160px !important; - } - .pY-160\@md- { - padding-top: 160px !important; - padding-bottom: 160px !important; - } - .pX-160\@md- { - padding-left: 160px !important; - padding-right: 160px !important; - } - } - @media screen and (max-width: 767px) { - .p-160\@sm- { - padding: 160px !important; - } - .pT-160\@sm- { - padding-top: 160px !important; - } - .pR-160\@sm- { - padding-right: 160px !important; - } - .pB-160\@sm- { - padding-bottom: 160px !important; - } - .pL-160\@sm- { - padding-left: 160px !important; - } - .pY-160\@sm- { - padding-top: 160px !important; - padding-bottom: 160px !important; - } - .pX-160\@sm- { - padding-left: 160px !important; - padding-right: 160px !important; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .p-160\@lg { - padding: 160px !important; - } - .pT-160\@lg { - padding-top: 160px !important; - } - .pR-160\@lg { - padding-right: 160px !important; - } - .pB-160\@lg { - padding-bottom: 160px !important; - } - .pL-160\@lg { - padding-left: 160px !important; - } - .pY-160\@lg { - padding-top: 160px !important; - padding-bottom: 160px !important; - } - .pX-160\@lg { - padding-left: 160px !important; - padding-right: 160px !important; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .p-160\@md { - padding: 160px !important; - } - .pT-160\@md { - padding-top: 160px !important; - } - .pR-160\@md { - padding-right: 160px !important; - } - .pB-160\@md { - padding-bottom: 160px !important; - } - .pL-160\@md { - padding-left: 160px !important; - } - .pY-160\@md { - padding-top: 160px !important; - padding-bottom: 160px !important; - } - .pX-160\@md { - padding-left: 160px !important; - padding-right: 160px !important; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .p-160\@sm { - padding: 160px !important; - } - .pT-160\@sm { - padding-top: 160px !important; - } - .pR-160\@sm { - padding-right: 160px !important; - } - .pB-160\@sm { - padding-bottom: 160px !important; - } - .pL-160\@sm { - padding-left: 160px !important; - } - .pY-160\@sm { - padding-top: 160px !important; - padding-bottom: 160px !important; - } - .pX-160\@sm { - padding-left: 160px !important; - padding-right: 160px !important; - } - } - .t-0 { - top: 0px; - } - - .r-0 { - right: 0px; - } - - .b-0 { - bottom: 0px; - } - - .l-0 { - left: 0px; - } - - @media screen and (min-width: 1440px) { - .t-0\@xl\+ { - top: 0px; - } - .r-0\@xl\+ { - right: 0px; - } - .b-0\@xl\+ { - bottom: 0px; - } - .l-0\@xl\+ { - left: 0px; - } - } - @media screen and (min-width: 1200px) { - .t-0\@lg\+ { - top: 0px; - } - .r-0\@lg\+ { - right: 0px; - } - .b-0\@lg\+ { - bottom: 0px; - } - .l-0\@lg\+ { - left: 0px; - } - } - @media screen and (min-width: 992px) { - .t-0\@md\+ { - top: 0px; - } - .r-0\@md\+ { - right: 0px; - } - .b-0\@md\+ { - bottom: 0px; - } - .l-0\@md\+ { - left: 0px; - } - } - @media screen and (min-width: 768px) { - .t-0\@sm\+ { - top: 0px; - } - .r-0\@sm\+ { - right: 0px; - } - .b-0\@sm\+ { - bottom: 0px; - } - .l-0\@sm\+ { - left: 0px; - } - } - @media screen and (min-width: 0) { - .t-0\@xs\+ { - top: 0px; - } - .r-0\@xs\+ { - right: 0px; - } - .b-0\@xs\+ { - bottom: 0px; - } - .l-0\@xs\+ { - left: 0px; - } - } - @media screen and (max-width: 1439px) { - .t-0\@xl- { - top: 0px; - } - .r-0\@xl- { - right: 0px; - } - .b-0\@xl- { - bottom: 0px; - } - .l-0\@xl- { - left: 0px; - } - } - @media screen and (max-width: 1199px) { - .t-0\@lg- { - top: 0px; - } - .r-0\@lg- { - right: 0px; - } - .b-0\@lg- { - bottom: 0px; - } - .l-0\@lg- { - left: 0px; - } - } - @media screen and (max-width: 991px) { - .t-0\@md- { - top: 0px; - } - .r-0\@md- { - right: 0px; - } - .b-0\@md- { - bottom: 0px; - } - .l-0\@md- { - left: 0px; - } - } - @media screen and (max-width: 767px) { - .t-0\@sm- { - top: 0px; - } - .r-0\@sm- { - right: 0px; - } - .b-0\@sm- { - bottom: 0px; - } - .l-0\@sm- { - left: 0px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-0\@lg { - top: 0px; - } - .r-0\@lg { - right: 0px; - } - .b-0\@lg { - bottom: 0px; - } - .l-0\@lg { - left: 0px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-0\@md { - top: 0px; - } - .r-0\@md { - right: 0px; - } - .b-0\@md { - bottom: 0px; - } - .l-0\@md { - left: 0px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-0\@sm { - top: 0px; - } - .r-0\@sm { - right: 0px; - } - .b-0\@sm { - bottom: 0px; - } - .l-0\@sm { - left: 0px; - } - } - .t-1 { - top: 1px; - } - - .r-1 { - right: 1px; - } - - .b-1 { - bottom: 1px; - } - - .l-1 { - left: 1px; - } - - @media screen and (min-width: 1440px) { - .t-1\@xl\+ { - top: 1px; - } - .r-1\@xl\+ { - right: 1px; - } - .b-1\@xl\+ { - bottom: 1px; - } - .l-1\@xl\+ { - left: 1px; - } - } - @media screen and (min-width: 1200px) { - .t-1\@lg\+ { - top: 1px; - } - .r-1\@lg\+ { - right: 1px; - } - .b-1\@lg\+ { - bottom: 1px; - } - .l-1\@lg\+ { - left: 1px; - } - } - @media screen and (min-width: 992px) { - .t-1\@md\+ { - top: 1px; - } - .r-1\@md\+ { - right: 1px; - } - .b-1\@md\+ { - bottom: 1px; - } - .l-1\@md\+ { - left: 1px; - } - } - @media screen and (min-width: 768px) { - .t-1\@sm\+ { - top: 1px; - } - .r-1\@sm\+ { - right: 1px; - } - .b-1\@sm\+ { - bottom: 1px; - } - .l-1\@sm\+ { - left: 1px; - } - } - @media screen and (min-width: 0) { - .t-1\@xs\+ { - top: 1px; - } - .r-1\@xs\+ { - right: 1px; - } - .b-1\@xs\+ { - bottom: 1px; - } - .l-1\@xs\+ { - left: 1px; - } - } - @media screen and (max-width: 1439px) { - .t-1\@xl- { - top: 1px; - } - .r-1\@xl- { - right: 1px; - } - .b-1\@xl- { - bottom: 1px; - } - .l-1\@xl- { - left: 1px; - } - } - @media screen and (max-width: 1199px) { - .t-1\@lg- { - top: 1px; - } - .r-1\@lg- { - right: 1px; - } - .b-1\@lg- { - bottom: 1px; - } - .l-1\@lg- { - left: 1px; - } - } - @media screen and (max-width: 991px) { - .t-1\@md- { - top: 1px; - } - .r-1\@md- { - right: 1px; - } - .b-1\@md- { - bottom: 1px; - } - .l-1\@md- { - left: 1px; - } - } - @media screen and (max-width: 767px) { - .t-1\@sm- { - top: 1px; - } - .r-1\@sm- { - right: 1px; - } - .b-1\@sm- { - bottom: 1px; - } - .l-1\@sm- { - left: 1px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-1\@lg { - top: 1px; - } - .r-1\@lg { - right: 1px; - } - .b-1\@lg { - bottom: 1px; - } - .l-1\@lg { - left: 1px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-1\@md { - top: 1px; - } - .r-1\@md { - right: 1px; - } - .b-1\@md { - bottom: 1px; - } - .l-1\@md { - left: 1px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-1\@sm { - top: 1px; - } - .r-1\@sm { - right: 1px; - } - .b-1\@sm { - bottom: 1px; - } - .l-1\@sm { - left: 1px; - } - } - .t-2 { - top: 2px; - } - - .r-2 { - right: 2px; - } - - .b-2 { - bottom: 2px; - } - - .l-2 { - left: 2px; - } - - @media screen and (min-width: 1440px) { - .t-2\@xl\+ { - top: 2px; - } - .r-2\@xl\+ { - right: 2px; - } - .b-2\@xl\+ { - bottom: 2px; - } - .l-2\@xl\+ { - left: 2px; - } - } - @media screen and (min-width: 1200px) { - .t-2\@lg\+ { - top: 2px; - } - .r-2\@lg\+ { - right: 2px; - } - .b-2\@lg\+ { - bottom: 2px; - } - .l-2\@lg\+ { - left: 2px; - } - } - @media screen and (min-width: 992px) { - .t-2\@md\+ { - top: 2px; - } - .r-2\@md\+ { - right: 2px; - } - .b-2\@md\+ { - bottom: 2px; - } - .l-2\@md\+ { - left: 2px; - } - } - @media screen and (min-width: 768px) { - .t-2\@sm\+ { - top: 2px; - } - .r-2\@sm\+ { - right: 2px; - } - .b-2\@sm\+ { - bottom: 2px; - } - .l-2\@sm\+ { - left: 2px; - } - } - @media screen and (min-width: 0) { - .t-2\@xs\+ { - top: 2px; - } - .r-2\@xs\+ { - right: 2px; - } - .b-2\@xs\+ { - bottom: 2px; - } - .l-2\@xs\+ { - left: 2px; - } - } - @media screen and (max-width: 1439px) { - .t-2\@xl- { - top: 2px; - } - .r-2\@xl- { - right: 2px; - } - .b-2\@xl- { - bottom: 2px; - } - .l-2\@xl- { - left: 2px; - } - } - @media screen and (max-width: 1199px) { - .t-2\@lg- { - top: 2px; - } - .r-2\@lg- { - right: 2px; - } - .b-2\@lg- { - bottom: 2px; - } - .l-2\@lg- { - left: 2px; - } - } - @media screen and (max-width: 991px) { - .t-2\@md- { - top: 2px; - } - .r-2\@md- { - right: 2px; - } - .b-2\@md- { - bottom: 2px; - } - .l-2\@md- { - left: 2px; - } - } - @media screen and (max-width: 767px) { - .t-2\@sm- { - top: 2px; - } - .r-2\@sm- { - right: 2px; - } - .b-2\@sm- { - bottom: 2px; - } - .l-2\@sm- { - left: 2px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-2\@lg { - top: 2px; - } - .r-2\@lg { - right: 2px; - } - .b-2\@lg { - bottom: 2px; - } - .l-2\@lg { - left: 2px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-2\@md { - top: 2px; - } - .r-2\@md { - right: 2px; - } - .b-2\@md { - bottom: 2px; - } - .l-2\@md { - left: 2px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-2\@sm { - top: 2px; - } - .r-2\@sm { - right: 2px; - } - .b-2\@sm { - bottom: 2px; - } - .l-2\@sm { - left: 2px; - } - } - .t-3 { - top: 3px; - } - - .r-3 { - right: 3px; - } - - .b-3 { - bottom: 3px; - } - - .l-3 { - left: 3px; - } - - @media screen and (min-width: 1440px) { - .t-3\@xl\+ { - top: 3px; - } - .r-3\@xl\+ { - right: 3px; - } - .b-3\@xl\+ { - bottom: 3px; - } - .l-3\@xl\+ { - left: 3px; - } - } - @media screen and (min-width: 1200px) { - .t-3\@lg\+ { - top: 3px; - } - .r-3\@lg\+ { - right: 3px; - } - .b-3\@lg\+ { - bottom: 3px; - } - .l-3\@lg\+ { - left: 3px; - } - } - @media screen and (min-width: 992px) { - .t-3\@md\+ { - top: 3px; - } - .r-3\@md\+ { - right: 3px; - } - .b-3\@md\+ { - bottom: 3px; - } - .l-3\@md\+ { - left: 3px; - } - } - @media screen and (min-width: 768px) { - .t-3\@sm\+ { - top: 3px; - } - .r-3\@sm\+ { - right: 3px; - } - .b-3\@sm\+ { - bottom: 3px; - } - .l-3\@sm\+ { - left: 3px; - } - } - @media screen and (min-width: 0) { - .t-3\@xs\+ { - top: 3px; - } - .r-3\@xs\+ { - right: 3px; - } - .b-3\@xs\+ { - bottom: 3px; - } - .l-3\@xs\+ { - left: 3px; - } - } - @media screen and (max-width: 1439px) { - .t-3\@xl- { - top: 3px; - } - .r-3\@xl- { - right: 3px; - } - .b-3\@xl- { - bottom: 3px; - } - .l-3\@xl- { - left: 3px; - } - } - @media screen and (max-width: 1199px) { - .t-3\@lg- { - top: 3px; - } - .r-3\@lg- { - right: 3px; - } - .b-3\@lg- { - bottom: 3px; - } - .l-3\@lg- { - left: 3px; - } - } - @media screen and (max-width: 991px) { - .t-3\@md- { - top: 3px; - } - .r-3\@md- { - right: 3px; - } - .b-3\@md- { - bottom: 3px; - } - .l-3\@md- { - left: 3px; - } - } - @media screen and (max-width: 767px) { - .t-3\@sm- { - top: 3px; - } - .r-3\@sm- { - right: 3px; - } - .b-3\@sm- { - bottom: 3px; - } - .l-3\@sm- { - left: 3px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-3\@lg { - top: 3px; - } - .r-3\@lg { - right: 3px; - } - .b-3\@lg { - bottom: 3px; - } - .l-3\@lg { - left: 3px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-3\@md { - top: 3px; - } - .r-3\@md { - right: 3px; - } - .b-3\@md { - bottom: 3px; - } - .l-3\@md { - left: 3px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-3\@sm { - top: 3px; - } - .r-3\@sm { - right: 3px; - } - .b-3\@sm { - bottom: 3px; - } - .l-3\@sm { - left: 3px; - } - } - .t-4 { - top: 4px; - } - - .r-4 { - right: 4px; - } - - .b-4 { - bottom: 4px; - } - - .l-4 { - left: 4px; - } - - @media screen and (min-width: 1440px) { - .t-4\@xl\+ { - top: 4px; - } - .r-4\@xl\+ { - right: 4px; - } - .b-4\@xl\+ { - bottom: 4px; - } - .l-4\@xl\+ { - left: 4px; - } - } - @media screen and (min-width: 1200px) { - .t-4\@lg\+ { - top: 4px; - } - .r-4\@lg\+ { - right: 4px; - } - .b-4\@lg\+ { - bottom: 4px; - } - .l-4\@lg\+ { - left: 4px; - } - } - @media screen and (min-width: 992px) { - .t-4\@md\+ { - top: 4px; - } - .r-4\@md\+ { - right: 4px; - } - .b-4\@md\+ { - bottom: 4px; - } - .l-4\@md\+ { - left: 4px; - } - } - @media screen and (min-width: 768px) { - .t-4\@sm\+ { - top: 4px; - } - .r-4\@sm\+ { - right: 4px; - } - .b-4\@sm\+ { - bottom: 4px; - } - .l-4\@sm\+ { - left: 4px; - } - } - @media screen and (min-width: 0) { - .t-4\@xs\+ { - top: 4px; - } - .r-4\@xs\+ { - right: 4px; - } - .b-4\@xs\+ { - bottom: 4px; - } - .l-4\@xs\+ { - left: 4px; - } - } - @media screen and (max-width: 1439px) { - .t-4\@xl- { - top: 4px; - } - .r-4\@xl- { - right: 4px; - } - .b-4\@xl- { - bottom: 4px; - } - .l-4\@xl- { - left: 4px; - } - } - @media screen and (max-width: 1199px) { - .t-4\@lg- { - top: 4px; - } - .r-4\@lg- { - right: 4px; - } - .b-4\@lg- { - bottom: 4px; - } - .l-4\@lg- { - left: 4px; - } - } - @media screen and (max-width: 991px) { - .t-4\@md- { - top: 4px; - } - .r-4\@md- { - right: 4px; - } - .b-4\@md- { - bottom: 4px; - } - .l-4\@md- { - left: 4px; - } - } - @media screen and (max-width: 767px) { - .t-4\@sm- { - top: 4px; - } - .r-4\@sm- { - right: 4px; - } - .b-4\@sm- { - bottom: 4px; - } - .l-4\@sm- { - left: 4px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-4\@lg { - top: 4px; - } - .r-4\@lg { - right: 4px; - } - .b-4\@lg { - bottom: 4px; - } - .l-4\@lg { - left: 4px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-4\@md { - top: 4px; - } - .r-4\@md { - right: 4px; - } - .b-4\@md { - bottom: 4px; - } - .l-4\@md { - left: 4px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-4\@sm { - top: 4px; - } - .r-4\@sm { - right: 4px; - } - .b-4\@sm { - bottom: 4px; - } - .l-4\@sm { - left: 4px; - } - } - .t-5 { - top: 5px; - } - - .r-5 { - right: 5px; - } - - .b-5 { - bottom: 5px; - } - - .l-5 { - left: 5px; - } - - @media screen and (min-width: 1440px) { - .t-5\@xl\+ { - top: 5px; - } - .r-5\@xl\+ { - right: 5px; - } - .b-5\@xl\+ { - bottom: 5px; - } - .l-5\@xl\+ { - left: 5px; - } - } - @media screen and (min-width: 1200px) { - .t-5\@lg\+ { - top: 5px; - } - .r-5\@lg\+ { - right: 5px; - } - .b-5\@lg\+ { - bottom: 5px; - } - .l-5\@lg\+ { - left: 5px; - } - } - @media screen and (min-width: 992px) { - .t-5\@md\+ { - top: 5px; - } - .r-5\@md\+ { - right: 5px; - } - .b-5\@md\+ { - bottom: 5px; - } - .l-5\@md\+ { - left: 5px; - } - } - @media screen and (min-width: 768px) { - .t-5\@sm\+ { - top: 5px; - } - .r-5\@sm\+ { - right: 5px; - } - .b-5\@sm\+ { - bottom: 5px; - } - .l-5\@sm\+ { - left: 5px; - } - } - @media screen and (min-width: 0) { - .t-5\@xs\+ { - top: 5px; - } - .r-5\@xs\+ { - right: 5px; - } - .b-5\@xs\+ { - bottom: 5px; - } - .l-5\@xs\+ { - left: 5px; - } - } - @media screen and (max-width: 1439px) { - .t-5\@xl- { - top: 5px; - } - .r-5\@xl- { - right: 5px; - } - .b-5\@xl- { - bottom: 5px; - } - .l-5\@xl- { - left: 5px; - } - } - @media screen and (max-width: 1199px) { - .t-5\@lg- { - top: 5px; - } - .r-5\@lg- { - right: 5px; - } - .b-5\@lg- { - bottom: 5px; - } - .l-5\@lg- { - left: 5px; - } - } - @media screen and (max-width: 991px) { - .t-5\@md- { - top: 5px; - } - .r-5\@md- { - right: 5px; - } - .b-5\@md- { - bottom: 5px; - } - .l-5\@md- { - left: 5px; - } - } - @media screen and (max-width: 767px) { - .t-5\@sm- { - top: 5px; - } - .r-5\@sm- { - right: 5px; - } - .b-5\@sm- { - bottom: 5px; - } - .l-5\@sm- { - left: 5px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-5\@lg { - top: 5px; - } - .r-5\@lg { - right: 5px; - } - .b-5\@lg { - bottom: 5px; - } - .l-5\@lg { - left: 5px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-5\@md { - top: 5px; - } - .r-5\@md { - right: 5px; - } - .b-5\@md { - bottom: 5px; - } - .l-5\@md { - left: 5px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-5\@sm { - top: 5px; - } - .r-5\@sm { - right: 5px; - } - .b-5\@sm { - bottom: 5px; - } - .l-5\@sm { - left: 5px; - } - } - .t-10 { - top: 10px; - } - - .r-10 { - right: 10px; - } - - .b-10 { - bottom: 10px; - } - - .l-10 { - left: 10px; - } - - @media screen and (min-width: 1440px) { - .t-10\@xl\+ { - top: 10px; - } - .r-10\@xl\+ { - right: 10px; - } - .b-10\@xl\+ { - bottom: 10px; - } - .l-10\@xl\+ { - left: 10px; - } - } - @media screen and (min-width: 1200px) { - .t-10\@lg\+ { - top: 10px; - } - .r-10\@lg\+ { - right: 10px; - } - .b-10\@lg\+ { - bottom: 10px; - } - .l-10\@lg\+ { - left: 10px; - } - } - @media screen and (min-width: 992px) { - .t-10\@md\+ { - top: 10px; - } - .r-10\@md\+ { - right: 10px; - } - .b-10\@md\+ { - bottom: 10px; - } - .l-10\@md\+ { - left: 10px; - } - } - @media screen and (min-width: 768px) { - .t-10\@sm\+ { - top: 10px; - } - .r-10\@sm\+ { - right: 10px; - } - .b-10\@sm\+ { - bottom: 10px; - } - .l-10\@sm\+ { - left: 10px; - } - } - @media screen and (min-width: 0) { - .t-10\@xs\+ { - top: 10px; - } - .r-10\@xs\+ { - right: 10px; - } - .b-10\@xs\+ { - bottom: 10px; - } - .l-10\@xs\+ { - left: 10px; - } - } - @media screen and (max-width: 1439px) { - .t-10\@xl- { - top: 10px; - } - .r-10\@xl- { - right: 10px; - } - .b-10\@xl- { - bottom: 10px; - } - .l-10\@xl- { - left: 10px; - } - } - @media screen and (max-width: 1199px) { - .t-10\@lg- { - top: 10px; - } - .r-10\@lg- { - right: 10px; - } - .b-10\@lg- { - bottom: 10px; - } - .l-10\@lg- { - left: 10px; - } - } - @media screen and (max-width: 991px) { - .t-10\@md- { - top: 10px; - } - .r-10\@md- { - right: 10px; - } - .b-10\@md- { - bottom: 10px; - } - .l-10\@md- { - left: 10px; - } - } - @media screen and (max-width: 767px) { - .t-10\@sm- { - top: 10px; - } - .r-10\@sm- { - right: 10px; - } - .b-10\@sm- { - bottom: 10px; - } - .l-10\@sm- { - left: 10px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-10\@lg { - top: 10px; - } - .r-10\@lg { - right: 10px; - } - .b-10\@lg { - bottom: 10px; - } - .l-10\@lg { - left: 10px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-10\@md { - top: 10px; - } - .r-10\@md { - right: 10px; - } - .b-10\@md { - bottom: 10px; - } - .l-10\@md { - left: 10px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-10\@sm { - top: 10px; - } - .r-10\@sm { - right: 10px; - } - .b-10\@sm { - bottom: 10px; - } - .l-10\@sm { - left: 10px; - } - } - .t-15 { - top: 15px; - } - - .r-15 { - right: 15px; - } - - .b-15 { - bottom: 15px; - } - - .l-15 { - left: 15px; - } - - @media screen and (min-width: 1440px) { - .t-15\@xl\+ { - top: 15px; - } - .r-15\@xl\+ { - right: 15px; - } - .b-15\@xl\+ { - bottom: 15px; - } - .l-15\@xl\+ { - left: 15px; - } - } - @media screen and (min-width: 1200px) { - .t-15\@lg\+ { - top: 15px; - } - .r-15\@lg\+ { - right: 15px; - } - .b-15\@lg\+ { - bottom: 15px; - } - .l-15\@lg\+ { - left: 15px; - } - } - @media screen and (min-width: 992px) { - .t-15\@md\+ { - top: 15px; - } - .r-15\@md\+ { - right: 15px; - } - .b-15\@md\+ { - bottom: 15px; - } - .l-15\@md\+ { - left: 15px; - } - } - @media screen and (min-width: 768px) { - .t-15\@sm\+ { - top: 15px; - } - .r-15\@sm\+ { - right: 15px; - } - .b-15\@sm\+ { - bottom: 15px; - } - .l-15\@sm\+ { - left: 15px; - } - } - @media screen and (min-width: 0) { - .t-15\@xs\+ { - top: 15px; - } - .r-15\@xs\+ { - right: 15px; - } - .b-15\@xs\+ { - bottom: 15px; - } - .l-15\@xs\+ { - left: 15px; - } - } - @media screen and (max-width: 1439px) { - .t-15\@xl- { - top: 15px; - } - .r-15\@xl- { - right: 15px; - } - .b-15\@xl- { - bottom: 15px; - } - .l-15\@xl- { - left: 15px; - } - } - @media screen and (max-width: 1199px) { - .t-15\@lg- { - top: 15px; - } - .r-15\@lg- { - right: 15px; - } - .b-15\@lg- { - bottom: 15px; - } - .l-15\@lg- { - left: 15px; - } - } - @media screen and (max-width: 991px) { - .t-15\@md- { - top: 15px; - } - .r-15\@md- { - right: 15px; - } - .b-15\@md- { - bottom: 15px; - } - .l-15\@md- { - left: 15px; - } - } - @media screen and (max-width: 767px) { - .t-15\@sm- { - top: 15px; - } - .r-15\@sm- { - right: 15px; - } - .b-15\@sm- { - bottom: 15px; - } - .l-15\@sm- { - left: 15px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-15\@lg { - top: 15px; - } - .r-15\@lg { - right: 15px; - } - .b-15\@lg { - bottom: 15px; - } - .l-15\@lg { - left: 15px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-15\@md { - top: 15px; - } - .r-15\@md { - right: 15px; - } - .b-15\@md { - bottom: 15px; - } - .l-15\@md { - left: 15px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-15\@sm { - top: 15px; - } - .r-15\@sm { - right: 15px; - } - .b-15\@sm { - bottom: 15px; - } - .l-15\@sm { - left: 15px; - } - } - .t-20 { - top: 20px; - } - - .r-20 { - right: 20px; - } - - .b-20 { - bottom: 20px; - } - - .l-20 { - left: 20px; - } - - @media screen and (min-width: 1440px) { - .t-20\@xl\+ { - top: 20px; - } - .r-20\@xl\+ { - right: 20px; - } - .b-20\@xl\+ { - bottom: 20px; - } - .l-20\@xl\+ { - left: 20px; - } - } - @media screen and (min-width: 1200px) { - .t-20\@lg\+ { - top: 20px; - } - .r-20\@lg\+ { - right: 20px; - } - .b-20\@lg\+ { - bottom: 20px; - } - .l-20\@lg\+ { - left: 20px; - } - } - @media screen and (min-width: 992px) { - .t-20\@md\+ { - top: 20px; - } - .r-20\@md\+ { - right: 20px; - } - .b-20\@md\+ { - bottom: 20px; - } - .l-20\@md\+ { - left: 20px; - } - } - @media screen and (min-width: 768px) { - .t-20\@sm\+ { - top: 20px; - } - .r-20\@sm\+ { - right: 20px; - } - .b-20\@sm\+ { - bottom: 20px; - } - .l-20\@sm\+ { - left: 20px; - } - } - @media screen and (min-width: 0) { - .t-20\@xs\+ { - top: 20px; - } - .r-20\@xs\+ { - right: 20px; - } - .b-20\@xs\+ { - bottom: 20px; - } - .l-20\@xs\+ { - left: 20px; - } - } - @media screen and (max-width: 1439px) { - .t-20\@xl- { - top: 20px; - } - .r-20\@xl- { - right: 20px; - } - .b-20\@xl- { - bottom: 20px; - } - .l-20\@xl- { - left: 20px; - } - } - @media screen and (max-width: 1199px) { - .t-20\@lg- { - top: 20px; - } - .r-20\@lg- { - right: 20px; - } - .b-20\@lg- { - bottom: 20px; - } - .l-20\@lg- { - left: 20px; - } - } - @media screen and (max-width: 991px) { - .t-20\@md- { - top: 20px; - } - .r-20\@md- { - right: 20px; - } - .b-20\@md- { - bottom: 20px; - } - .l-20\@md- { - left: 20px; - } - } - @media screen and (max-width: 767px) { - .t-20\@sm- { - top: 20px; - } - .r-20\@sm- { - right: 20px; - } - .b-20\@sm- { - bottom: 20px; - } - .l-20\@sm- { - left: 20px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-20\@lg { - top: 20px; - } - .r-20\@lg { - right: 20px; - } - .b-20\@lg { - bottom: 20px; - } - .l-20\@lg { - left: 20px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-20\@md { - top: 20px; - } - .r-20\@md { - right: 20px; - } - .b-20\@md { - bottom: 20px; - } - .l-20\@md { - left: 20px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-20\@sm { - top: 20px; - } - .r-20\@sm { - right: 20px; - } - .b-20\@sm { - bottom: 20px; - } - .l-20\@sm { - left: 20px; - } - } - .t-25 { - top: 25px; - } - - .r-25 { - right: 25px; - } - - .b-25 { - bottom: 25px; - } - - .l-25 { - left: 25px; - } - - @media screen and (min-width: 1440px) { - .t-25\@xl\+ { - top: 25px; - } - .r-25\@xl\+ { - right: 25px; - } - .b-25\@xl\+ { - bottom: 25px; - } - .l-25\@xl\+ { - left: 25px; - } - } - @media screen and (min-width: 1200px) { - .t-25\@lg\+ { - top: 25px; - } - .r-25\@lg\+ { - right: 25px; - } - .b-25\@lg\+ { - bottom: 25px; - } - .l-25\@lg\+ { - left: 25px; - } - } - @media screen and (min-width: 992px) { - .t-25\@md\+ { - top: 25px; - } - .r-25\@md\+ { - right: 25px; - } - .b-25\@md\+ { - bottom: 25px; - } - .l-25\@md\+ { - left: 25px; - } - } - @media screen and (min-width: 768px) { - .t-25\@sm\+ { - top: 25px; - } - .r-25\@sm\+ { - right: 25px; - } - .b-25\@sm\+ { - bottom: 25px; - } - .l-25\@sm\+ { - left: 25px; - } - } - @media screen and (min-width: 0) { - .t-25\@xs\+ { - top: 25px; - } - .r-25\@xs\+ { - right: 25px; - } - .b-25\@xs\+ { - bottom: 25px; - } - .l-25\@xs\+ { - left: 25px; - } - } - @media screen and (max-width: 1439px) { - .t-25\@xl- { - top: 25px; - } - .r-25\@xl- { - right: 25px; - } - .b-25\@xl- { - bottom: 25px; - } - .l-25\@xl- { - left: 25px; - } - } - @media screen and (max-width: 1199px) { - .t-25\@lg- { - top: 25px; - } - .r-25\@lg- { - right: 25px; - } - .b-25\@lg- { - bottom: 25px; - } - .l-25\@lg- { - left: 25px; - } - } - @media screen and (max-width: 991px) { - .t-25\@md- { - top: 25px; - } - .r-25\@md- { - right: 25px; - } - .b-25\@md- { - bottom: 25px; - } - .l-25\@md- { - left: 25px; - } - } - @media screen and (max-width: 767px) { - .t-25\@sm- { - top: 25px; - } - .r-25\@sm- { - right: 25px; - } - .b-25\@sm- { - bottom: 25px; - } - .l-25\@sm- { - left: 25px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-25\@lg { - top: 25px; - } - .r-25\@lg { - right: 25px; - } - .b-25\@lg { - bottom: 25px; - } - .l-25\@lg { - left: 25px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-25\@md { - top: 25px; - } - .r-25\@md { - right: 25px; - } - .b-25\@md { - bottom: 25px; - } - .l-25\@md { - left: 25px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-25\@sm { - top: 25px; - } - .r-25\@sm { - right: 25px; - } - .b-25\@sm { - bottom: 25px; - } - .l-25\@sm { - left: 25px; - } - } - .t-30 { - top: 30px; - } - - .r-30 { - right: 30px; - } - - .b-30 { - bottom: 30px; - } - - .l-30 { - left: 30px; - } - - @media screen and (min-width: 1440px) { - .t-30\@xl\+ { - top: 30px; - } - .r-30\@xl\+ { - right: 30px; - } - .b-30\@xl\+ { - bottom: 30px; - } - .l-30\@xl\+ { - left: 30px; - } - } - @media screen and (min-width: 1200px) { - .t-30\@lg\+ { - top: 30px; - } - .r-30\@lg\+ { - right: 30px; - } - .b-30\@lg\+ { - bottom: 30px; - } - .l-30\@lg\+ { - left: 30px; - } - } - @media screen and (min-width: 992px) { - .t-30\@md\+ { - top: 30px; - } - .r-30\@md\+ { - right: 30px; - } - .b-30\@md\+ { - bottom: 30px; - } - .l-30\@md\+ { - left: 30px; - } - } - @media screen and (min-width: 768px) { - .t-30\@sm\+ { - top: 30px; - } - .r-30\@sm\+ { - right: 30px; - } - .b-30\@sm\+ { - bottom: 30px; - } - .l-30\@sm\+ { - left: 30px; - } - } - @media screen and (min-width: 0) { - .t-30\@xs\+ { - top: 30px; - } - .r-30\@xs\+ { - right: 30px; - } - .b-30\@xs\+ { - bottom: 30px; - } - .l-30\@xs\+ { - left: 30px; - } - } - @media screen and (max-width: 1439px) { - .t-30\@xl- { - top: 30px; - } - .r-30\@xl- { - right: 30px; - } - .b-30\@xl- { - bottom: 30px; - } - .l-30\@xl- { - left: 30px; - } - } - @media screen and (max-width: 1199px) { - .t-30\@lg- { - top: 30px; - } - .r-30\@lg- { - right: 30px; - } - .b-30\@lg- { - bottom: 30px; - } - .l-30\@lg- { - left: 30px; - } - } - @media screen and (max-width: 991px) { - .t-30\@md- { - top: 30px; - } - .r-30\@md- { - right: 30px; - } - .b-30\@md- { - bottom: 30px; - } - .l-30\@md- { - left: 30px; - } - } - @media screen and (max-width: 767px) { - .t-30\@sm- { - top: 30px; - } - .r-30\@sm- { - right: 30px; - } - .b-30\@sm- { - bottom: 30px; - } - .l-30\@sm- { - left: 30px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-30\@lg { - top: 30px; - } - .r-30\@lg { - right: 30px; - } - .b-30\@lg { - bottom: 30px; - } - .l-30\@lg { - left: 30px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-30\@md { - top: 30px; - } - .r-30\@md { - right: 30px; - } - .b-30\@md { - bottom: 30px; - } - .l-30\@md { - left: 30px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-30\@sm { - top: 30px; - } - .r-30\@sm { - right: 30px; - } - .b-30\@sm { - bottom: 30px; - } - .l-30\@sm { - left: 30px; - } - } - .t-35 { - top: 35px; - } - - .r-35 { - right: 35px; - } - - .b-35 { - bottom: 35px; - } - - .l-35 { - left: 35px; - } - - @media screen and (min-width: 1440px) { - .t-35\@xl\+ { - top: 35px; - } - .r-35\@xl\+ { - right: 35px; - } - .b-35\@xl\+ { - bottom: 35px; - } - .l-35\@xl\+ { - left: 35px; - } - } - @media screen and (min-width: 1200px) { - .t-35\@lg\+ { - top: 35px; - } - .r-35\@lg\+ { - right: 35px; - } - .b-35\@lg\+ { - bottom: 35px; - } - .l-35\@lg\+ { - left: 35px; - } - } - @media screen and (min-width: 992px) { - .t-35\@md\+ { - top: 35px; - } - .r-35\@md\+ { - right: 35px; - } - .b-35\@md\+ { - bottom: 35px; - } - .l-35\@md\+ { - left: 35px; - } - } - @media screen and (min-width: 768px) { - .t-35\@sm\+ { - top: 35px; - } - .r-35\@sm\+ { - right: 35px; - } - .b-35\@sm\+ { - bottom: 35px; - } - .l-35\@sm\+ { - left: 35px; - } - } - @media screen and (min-width: 0) { - .t-35\@xs\+ { - top: 35px; - } - .r-35\@xs\+ { - right: 35px; - } - .b-35\@xs\+ { - bottom: 35px; - } - .l-35\@xs\+ { - left: 35px; - } - } - @media screen and (max-width: 1439px) { - .t-35\@xl- { - top: 35px; - } - .r-35\@xl- { - right: 35px; - } - .b-35\@xl- { - bottom: 35px; - } - .l-35\@xl- { - left: 35px; - } - } - @media screen and (max-width: 1199px) { - .t-35\@lg- { - top: 35px; - } - .r-35\@lg- { - right: 35px; - } - .b-35\@lg- { - bottom: 35px; - } - .l-35\@lg- { - left: 35px; - } - } - @media screen and (max-width: 991px) { - .t-35\@md- { - top: 35px; - } - .r-35\@md- { - right: 35px; - } - .b-35\@md- { - bottom: 35px; - } - .l-35\@md- { - left: 35px; - } - } - @media screen and (max-width: 767px) { - .t-35\@sm- { - top: 35px; - } - .r-35\@sm- { - right: 35px; - } - .b-35\@sm- { - bottom: 35px; - } - .l-35\@sm- { - left: 35px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-35\@lg { - top: 35px; - } - .r-35\@lg { - right: 35px; - } - .b-35\@lg { - bottom: 35px; - } - .l-35\@lg { - left: 35px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-35\@md { - top: 35px; - } - .r-35\@md { - right: 35px; - } - .b-35\@md { - bottom: 35px; - } - .l-35\@md { - left: 35px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-35\@sm { - top: 35px; - } - .r-35\@sm { - right: 35px; - } - .b-35\@sm { - bottom: 35px; - } - .l-35\@sm { - left: 35px; - } - } - .t-40 { - top: 40px; - } - - .r-40 { - right: 40px; - } - - .b-40 { - bottom: 40px; - } - - .l-40 { - left: 40px; - } - - @media screen and (min-width: 1440px) { - .t-40\@xl\+ { - top: 40px; - } - .r-40\@xl\+ { - right: 40px; - } - .b-40\@xl\+ { - bottom: 40px; - } - .l-40\@xl\+ { - left: 40px; - } - } - @media screen and (min-width: 1200px) { - .t-40\@lg\+ { - top: 40px; - } - .r-40\@lg\+ { - right: 40px; - } - .b-40\@lg\+ { - bottom: 40px; - } - .l-40\@lg\+ { - left: 40px; - } - } - @media screen and (min-width: 992px) { - .t-40\@md\+ { - top: 40px; - } - .r-40\@md\+ { - right: 40px; - } - .b-40\@md\+ { - bottom: 40px; - } - .l-40\@md\+ { - left: 40px; - } - } - @media screen and (min-width: 768px) { - .t-40\@sm\+ { - top: 40px; - } - .r-40\@sm\+ { - right: 40px; - } - .b-40\@sm\+ { - bottom: 40px; - } - .l-40\@sm\+ { - left: 40px; - } - } - @media screen and (min-width: 0) { - .t-40\@xs\+ { - top: 40px; - } - .r-40\@xs\+ { - right: 40px; - } - .b-40\@xs\+ { - bottom: 40px; - } - .l-40\@xs\+ { - left: 40px; - } - } - @media screen and (max-width: 1439px) { - .t-40\@xl- { - top: 40px; - } - .r-40\@xl- { - right: 40px; - } - .b-40\@xl- { - bottom: 40px; - } - .l-40\@xl- { - left: 40px; - } - } - @media screen and (max-width: 1199px) { - .t-40\@lg- { - top: 40px; - } - .r-40\@lg- { - right: 40px; - } - .b-40\@lg- { - bottom: 40px; - } - .l-40\@lg- { - left: 40px; - } - } - @media screen and (max-width: 991px) { - .t-40\@md- { - top: 40px; - } - .r-40\@md- { - right: 40px; - } - .b-40\@md- { - bottom: 40px; - } - .l-40\@md- { - left: 40px; - } - } - @media screen and (max-width: 767px) { - .t-40\@sm- { - top: 40px; - } - .r-40\@sm- { - right: 40px; - } - .b-40\@sm- { - bottom: 40px; - } - .l-40\@sm- { - left: 40px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-40\@lg { - top: 40px; - } - .r-40\@lg { - right: 40px; - } - .b-40\@lg { - bottom: 40px; - } - .l-40\@lg { - left: 40px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-40\@md { - top: 40px; - } - .r-40\@md { - right: 40px; - } - .b-40\@md { - bottom: 40px; - } - .l-40\@md { - left: 40px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-40\@sm { - top: 40px; - } - .r-40\@sm { - right: 40px; - } - .b-40\@sm { - bottom: 40px; - } - .l-40\@sm { - left: 40px; - } - } - .t-50 { - top: 50px; - } - - .r-50 { - right: 50px; - } - - .b-50 { - bottom: 50px; - } - - .l-50 { - left: 50px; - } - - @media screen and (min-width: 1440px) { - .t-50\@xl\+ { - top: 50px; - } - .r-50\@xl\+ { - right: 50px; - } - .b-50\@xl\+ { - bottom: 50px; - } - .l-50\@xl\+ { - left: 50px; - } - } - @media screen and (min-width: 1200px) { - .t-50\@lg\+ { - top: 50px; - } - .r-50\@lg\+ { - right: 50px; - } - .b-50\@lg\+ { - bottom: 50px; - } - .l-50\@lg\+ { - left: 50px; - } - } - @media screen and (min-width: 992px) { - .t-50\@md\+ { - top: 50px; - } - .r-50\@md\+ { - right: 50px; - } - .b-50\@md\+ { - bottom: 50px; - } - .l-50\@md\+ { - left: 50px; - } - } - @media screen and (min-width: 768px) { - .t-50\@sm\+ { - top: 50px; - } - .r-50\@sm\+ { - right: 50px; - } - .b-50\@sm\+ { - bottom: 50px; - } - .l-50\@sm\+ { - left: 50px; - } - } - @media screen and (min-width: 0) { - .t-50\@xs\+ { - top: 50px; - } - .r-50\@xs\+ { - right: 50px; - } - .b-50\@xs\+ { - bottom: 50px; - } - .l-50\@xs\+ { - left: 50px; - } - } - @media screen and (max-width: 1439px) { - .t-50\@xl- { - top: 50px; - } - .r-50\@xl- { - right: 50px; - } - .b-50\@xl- { - bottom: 50px; - } - .l-50\@xl- { - left: 50px; - } - } - @media screen and (max-width: 1199px) { - .t-50\@lg- { - top: 50px; - } - .r-50\@lg- { - right: 50px; - } - .b-50\@lg- { - bottom: 50px; - } - .l-50\@lg- { - left: 50px; - } - } - @media screen and (max-width: 991px) { - .t-50\@md- { - top: 50px; - } - .r-50\@md- { - right: 50px; - } - .b-50\@md- { - bottom: 50px; - } - .l-50\@md- { - left: 50px; - } - } - @media screen and (max-width: 767px) { - .t-50\@sm- { - top: 50px; - } - .r-50\@sm- { - right: 50px; - } - .b-50\@sm- { - bottom: 50px; - } - .l-50\@sm- { - left: 50px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-50\@lg { - top: 50px; - } - .r-50\@lg { - right: 50px; - } - .b-50\@lg { - bottom: 50px; - } - .l-50\@lg { - left: 50px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-50\@md { - top: 50px; - } - .r-50\@md { - right: 50px; - } - .b-50\@md { - bottom: 50px; - } - .l-50\@md { - left: 50px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-50\@sm { - top: 50px; - } - .r-50\@sm { - right: 50px; - } - .b-50\@sm { - bottom: 50px; - } - .l-50\@sm { - left: 50px; - } - } - .t-60 { - top: 60px; - } - - .r-60 { - right: 60px; - } - - .b-60 { - bottom: 60px; - } - - .l-60 { - left: 60px; - } - - @media screen and (min-width: 1440px) { - .t-60\@xl\+ { - top: 60px; - } - .r-60\@xl\+ { - right: 60px; - } - .b-60\@xl\+ { - bottom: 60px; - } - .l-60\@xl\+ { - left: 60px; - } - } - @media screen and (min-width: 1200px) { - .t-60\@lg\+ { - top: 60px; - } - .r-60\@lg\+ { - right: 60px; - } - .b-60\@lg\+ { - bottom: 60px; - } - .l-60\@lg\+ { - left: 60px; - } - } - @media screen and (min-width: 992px) { - .t-60\@md\+ { - top: 60px; - } - .r-60\@md\+ { - right: 60px; - } - .b-60\@md\+ { - bottom: 60px; - } - .l-60\@md\+ { - left: 60px; - } - } - @media screen and (min-width: 768px) { - .t-60\@sm\+ { - top: 60px; - } - .r-60\@sm\+ { - right: 60px; - } - .b-60\@sm\+ { - bottom: 60px; - } - .l-60\@sm\+ { - left: 60px; - } - } - @media screen and (min-width: 0) { - .t-60\@xs\+ { - top: 60px; - } - .r-60\@xs\+ { - right: 60px; - } - .b-60\@xs\+ { - bottom: 60px; - } - .l-60\@xs\+ { - left: 60px; - } - } - @media screen and (max-width: 1439px) { - .t-60\@xl- { - top: 60px; - } - .r-60\@xl- { - right: 60px; - } - .b-60\@xl- { - bottom: 60px; - } - .l-60\@xl- { - left: 60px; - } - } - @media screen and (max-width: 1199px) { - .t-60\@lg- { - top: 60px; - } - .r-60\@lg- { - right: 60px; - } - .b-60\@lg- { - bottom: 60px; - } - .l-60\@lg- { - left: 60px; - } - } - @media screen and (max-width: 991px) { - .t-60\@md- { - top: 60px; - } - .r-60\@md- { - right: 60px; - } - .b-60\@md- { - bottom: 60px; - } - .l-60\@md- { - left: 60px; - } - } - @media screen and (max-width: 767px) { - .t-60\@sm- { - top: 60px; - } - .r-60\@sm- { - right: 60px; - } - .b-60\@sm- { - bottom: 60px; - } - .l-60\@sm- { - left: 60px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-60\@lg { - top: 60px; - } - .r-60\@lg { - right: 60px; - } - .b-60\@lg { - bottom: 60px; - } - .l-60\@lg { - left: 60px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-60\@md { - top: 60px; - } - .r-60\@md { - right: 60px; - } - .b-60\@md { - bottom: 60px; - } - .l-60\@md { - left: 60px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-60\@sm { - top: 60px; - } - .r-60\@sm { - right: 60px; - } - .b-60\@sm { - bottom: 60px; - } - .l-60\@sm { - left: 60px; - } - } - .t-70 { - top: 70px; - } - - .r-70 { - right: 70px; - } - - .b-70 { - bottom: 70px; - } - - .l-70 { - left: 70px; - } - - @media screen and (min-width: 1440px) { - .t-70\@xl\+ { - top: 70px; - } - .r-70\@xl\+ { - right: 70px; - } - .b-70\@xl\+ { - bottom: 70px; - } - .l-70\@xl\+ { - left: 70px; - } - } - @media screen and (min-width: 1200px) { - .t-70\@lg\+ { - top: 70px; - } - .r-70\@lg\+ { - right: 70px; - } - .b-70\@lg\+ { - bottom: 70px; - } - .l-70\@lg\+ { - left: 70px; - } - } - @media screen and (min-width: 992px) { - .t-70\@md\+ { - top: 70px; - } - .r-70\@md\+ { - right: 70px; - } - .b-70\@md\+ { - bottom: 70px; - } - .l-70\@md\+ { - left: 70px; - } - } - @media screen and (min-width: 768px) { - .t-70\@sm\+ { - top: 70px; - } - .r-70\@sm\+ { - right: 70px; - } - .b-70\@sm\+ { - bottom: 70px; - } - .l-70\@sm\+ { - left: 70px; - } - } - @media screen and (min-width: 0) { - .t-70\@xs\+ { - top: 70px; - } - .r-70\@xs\+ { - right: 70px; - } - .b-70\@xs\+ { - bottom: 70px; - } - .l-70\@xs\+ { - left: 70px; - } - } - @media screen and (max-width: 1439px) { - .t-70\@xl- { - top: 70px; - } - .r-70\@xl- { - right: 70px; - } - .b-70\@xl- { - bottom: 70px; - } - .l-70\@xl- { - left: 70px; - } - } - @media screen and (max-width: 1199px) { - .t-70\@lg- { - top: 70px; - } - .r-70\@lg- { - right: 70px; - } - .b-70\@lg- { - bottom: 70px; - } - .l-70\@lg- { - left: 70px; - } - } - @media screen and (max-width: 991px) { - .t-70\@md- { - top: 70px; - } - .r-70\@md- { - right: 70px; - } - .b-70\@md- { - bottom: 70px; - } - .l-70\@md- { - left: 70px; - } - } - @media screen and (max-width: 767px) { - .t-70\@sm- { - top: 70px; - } - .r-70\@sm- { - right: 70px; - } - .b-70\@sm- { - bottom: 70px; - } - .l-70\@sm- { - left: 70px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-70\@lg { - top: 70px; - } - .r-70\@lg { - right: 70px; - } - .b-70\@lg { - bottom: 70px; - } - .l-70\@lg { - left: 70px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-70\@md { - top: 70px; - } - .r-70\@md { - right: 70px; - } - .b-70\@md { - bottom: 70px; - } - .l-70\@md { - left: 70px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-70\@sm { - top: 70px; - } - .r-70\@sm { - right: 70px; - } - .b-70\@sm { - bottom: 70px; - } - .l-70\@sm { - left: 70px; - } - } - .t-80 { - top: 80px; - } - - .r-80 { - right: 80px; - } - - .b-80 { - bottom: 80px; - } - - .l-80 { - left: 80px; - } - - @media screen and (min-width: 1440px) { - .t-80\@xl\+ { - top: 80px; - } - .r-80\@xl\+ { - right: 80px; - } - .b-80\@xl\+ { - bottom: 80px; - } - .l-80\@xl\+ { - left: 80px; - } - } - @media screen and (min-width: 1200px) { - .t-80\@lg\+ { - top: 80px; - } - .r-80\@lg\+ { - right: 80px; - } - .b-80\@lg\+ { - bottom: 80px; - } - .l-80\@lg\+ { - left: 80px; - } - } - @media screen and (min-width: 992px) { - .t-80\@md\+ { - top: 80px; - } - .r-80\@md\+ { - right: 80px; - } - .b-80\@md\+ { - bottom: 80px; - } - .l-80\@md\+ { - left: 80px; - } - } - @media screen and (min-width: 768px) { - .t-80\@sm\+ { - top: 80px; - } - .r-80\@sm\+ { - right: 80px; - } - .b-80\@sm\+ { - bottom: 80px; - } - .l-80\@sm\+ { - left: 80px; - } - } - @media screen and (min-width: 0) { - .t-80\@xs\+ { - top: 80px; - } - .r-80\@xs\+ { - right: 80px; - } - .b-80\@xs\+ { - bottom: 80px; - } - .l-80\@xs\+ { - left: 80px; - } - } - @media screen and (max-width: 1439px) { - .t-80\@xl- { - top: 80px; - } - .r-80\@xl- { - right: 80px; - } - .b-80\@xl- { - bottom: 80px; - } - .l-80\@xl- { - left: 80px; - } - } - @media screen and (max-width: 1199px) { - .t-80\@lg- { - top: 80px; - } - .r-80\@lg- { - right: 80px; - } - .b-80\@lg- { - bottom: 80px; - } - .l-80\@lg- { - left: 80px; - } - } - @media screen and (max-width: 991px) { - .t-80\@md- { - top: 80px; - } - .r-80\@md- { - right: 80px; - } - .b-80\@md- { - bottom: 80px; - } - .l-80\@md- { - left: 80px; - } - } - @media screen and (max-width: 767px) { - .t-80\@sm- { - top: 80px; - } - .r-80\@sm- { - right: 80px; - } - .b-80\@sm- { - bottom: 80px; - } - .l-80\@sm- { - left: 80px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-80\@lg { - top: 80px; - } - .r-80\@lg { - right: 80px; - } - .b-80\@lg { - bottom: 80px; - } - .l-80\@lg { - left: 80px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-80\@md { - top: 80px; - } - .r-80\@md { - right: 80px; - } - .b-80\@md { - bottom: 80px; - } - .l-80\@md { - left: 80px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-80\@sm { - top: 80px; - } - .r-80\@sm { - right: 80px; - } - .b-80\@sm { - bottom: 80px; - } - .l-80\@sm { - left: 80px; - } - } - .t-90 { - top: 90px; - } - - .r-90 { - right: 90px; - } - - .b-90 { - bottom: 90px; - } - - .l-90 { - left: 90px; - } - - @media screen and (min-width: 1440px) { - .t-90\@xl\+ { - top: 90px; - } - .r-90\@xl\+ { - right: 90px; - } - .b-90\@xl\+ { - bottom: 90px; - } - .l-90\@xl\+ { - left: 90px; - } - } - @media screen and (min-width: 1200px) { - .t-90\@lg\+ { - top: 90px; - } - .r-90\@lg\+ { - right: 90px; - } - .b-90\@lg\+ { - bottom: 90px; - } - .l-90\@lg\+ { - left: 90px; - } - } - @media screen and (min-width: 992px) { - .t-90\@md\+ { - top: 90px; - } - .r-90\@md\+ { - right: 90px; - } - .b-90\@md\+ { - bottom: 90px; - } - .l-90\@md\+ { - left: 90px; - } - } - @media screen and (min-width: 768px) { - .t-90\@sm\+ { - top: 90px; - } - .r-90\@sm\+ { - right: 90px; - } - .b-90\@sm\+ { - bottom: 90px; - } - .l-90\@sm\+ { - left: 90px; - } - } - @media screen and (min-width: 0) { - .t-90\@xs\+ { - top: 90px; - } - .r-90\@xs\+ { - right: 90px; - } - .b-90\@xs\+ { - bottom: 90px; - } - .l-90\@xs\+ { - left: 90px; - } - } - @media screen and (max-width: 1439px) { - .t-90\@xl- { - top: 90px; - } - .r-90\@xl- { - right: 90px; - } - .b-90\@xl- { - bottom: 90px; - } - .l-90\@xl- { - left: 90px; - } - } - @media screen and (max-width: 1199px) { - .t-90\@lg- { - top: 90px; - } - .r-90\@lg- { - right: 90px; - } - .b-90\@lg- { - bottom: 90px; - } - .l-90\@lg- { - left: 90px; - } - } - @media screen and (max-width: 991px) { - .t-90\@md- { - top: 90px; - } - .r-90\@md- { - right: 90px; - } - .b-90\@md- { - bottom: 90px; - } - .l-90\@md- { - left: 90px; - } - } - @media screen and (max-width: 767px) { - .t-90\@sm- { - top: 90px; - } - .r-90\@sm- { - right: 90px; - } - .b-90\@sm- { - bottom: 90px; - } - .l-90\@sm- { - left: 90px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-90\@lg { - top: 90px; - } - .r-90\@lg { - right: 90px; - } - .b-90\@lg { - bottom: 90px; - } - .l-90\@lg { - left: 90px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-90\@md { - top: 90px; - } - .r-90\@md { - right: 90px; - } - .b-90\@md { - bottom: 90px; - } - .l-90\@md { - left: 90px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-90\@sm { - top: 90px; - } - .r-90\@sm { - right: 90px; - } - .b-90\@sm { - bottom: 90px; - } - .l-90\@sm { - left: 90px; - } - } - .t-100 { - top: 100px; - } - - .r-100 { - right: 100px; - } - - .b-100 { - bottom: 100px; - } - - .l-100 { - left: 100px; - } - - @media screen and (min-width: 1440px) { - .t-100\@xl\+ { - top: 100px; - } - .r-100\@xl\+ { - right: 100px; - } - .b-100\@xl\+ { - bottom: 100px; - } - .l-100\@xl\+ { - left: 100px; - } - } - @media screen and (min-width: 1200px) { - .t-100\@lg\+ { - top: 100px; - } - .r-100\@lg\+ { - right: 100px; - } - .b-100\@lg\+ { - bottom: 100px; - } - .l-100\@lg\+ { - left: 100px; - } - } - @media screen and (min-width: 992px) { - .t-100\@md\+ { - top: 100px; - } - .r-100\@md\+ { - right: 100px; - } - .b-100\@md\+ { - bottom: 100px; - } - .l-100\@md\+ { - left: 100px; - } - } - @media screen and (min-width: 768px) { - .t-100\@sm\+ { - top: 100px; - } - .r-100\@sm\+ { - right: 100px; - } - .b-100\@sm\+ { - bottom: 100px; - } - .l-100\@sm\+ { - left: 100px; - } - } - @media screen and (min-width: 0) { - .t-100\@xs\+ { - top: 100px; - } - .r-100\@xs\+ { - right: 100px; - } - .b-100\@xs\+ { - bottom: 100px; - } - .l-100\@xs\+ { - left: 100px; - } - } - @media screen and (max-width: 1439px) { - .t-100\@xl- { - top: 100px; - } - .r-100\@xl- { - right: 100px; - } - .b-100\@xl- { - bottom: 100px; - } - .l-100\@xl- { - left: 100px; - } - } - @media screen and (max-width: 1199px) { - .t-100\@lg- { - top: 100px; - } - .r-100\@lg- { - right: 100px; - } - .b-100\@lg- { - bottom: 100px; - } - .l-100\@lg- { - left: 100px; - } - } - @media screen and (max-width: 991px) { - .t-100\@md- { - top: 100px; - } - .r-100\@md- { - right: 100px; - } - .b-100\@md- { - bottom: 100px; - } - .l-100\@md- { - left: 100px; - } - } - @media screen and (max-width: 767px) { - .t-100\@sm- { - top: 100px; - } - .r-100\@sm- { - right: 100px; - } - .b-100\@sm- { - bottom: 100px; - } - .l-100\@sm- { - left: 100px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-100\@lg { - top: 100px; - } - .r-100\@lg { - right: 100px; - } - .b-100\@lg { - bottom: 100px; - } - .l-100\@lg { - left: 100px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-100\@md { - top: 100px; - } - .r-100\@md { - right: 100px; - } - .b-100\@md { - bottom: 100px; - } - .l-100\@md { - left: 100px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-100\@sm { - top: 100px; - } - .r-100\@sm { - right: 100px; - } - .b-100\@sm { - bottom: 100px; - } - .l-100\@sm { - left: 100px; - } - } - .t-110 { - top: 110px; - } - - .r-110 { - right: 110px; - } - - .b-110 { - bottom: 110px; - } - - .l-110 { - left: 110px; - } - - @media screen and (min-width: 1440px) { - .t-110\@xl\+ { - top: 110px; - } - .r-110\@xl\+ { - right: 110px; - } - .b-110\@xl\+ { - bottom: 110px; - } - .l-110\@xl\+ { - left: 110px; - } - } - @media screen and (min-width: 1200px) { - .t-110\@lg\+ { - top: 110px; - } - .r-110\@lg\+ { - right: 110px; - } - .b-110\@lg\+ { - bottom: 110px; - } - .l-110\@lg\+ { - left: 110px; - } - } - @media screen and (min-width: 992px) { - .t-110\@md\+ { - top: 110px; - } - .r-110\@md\+ { - right: 110px; - } - .b-110\@md\+ { - bottom: 110px; - } - .l-110\@md\+ { - left: 110px; - } - } - @media screen and (min-width: 768px) { - .t-110\@sm\+ { - top: 110px; - } - .r-110\@sm\+ { - right: 110px; - } - .b-110\@sm\+ { - bottom: 110px; - } - .l-110\@sm\+ { - left: 110px; - } - } - @media screen and (min-width: 0) { - .t-110\@xs\+ { - top: 110px; - } - .r-110\@xs\+ { - right: 110px; - } - .b-110\@xs\+ { - bottom: 110px; - } - .l-110\@xs\+ { - left: 110px; - } - } - @media screen and (max-width: 1439px) { - .t-110\@xl- { - top: 110px; - } - .r-110\@xl- { - right: 110px; - } - .b-110\@xl- { - bottom: 110px; - } - .l-110\@xl- { - left: 110px; - } - } - @media screen and (max-width: 1199px) { - .t-110\@lg- { - top: 110px; - } - .r-110\@lg- { - right: 110px; - } - .b-110\@lg- { - bottom: 110px; - } - .l-110\@lg- { - left: 110px; - } - } - @media screen and (max-width: 991px) { - .t-110\@md- { - top: 110px; - } - .r-110\@md- { - right: 110px; - } - .b-110\@md- { - bottom: 110px; - } - .l-110\@md- { - left: 110px; - } - } - @media screen and (max-width: 767px) { - .t-110\@sm- { - top: 110px; - } - .r-110\@sm- { - right: 110px; - } - .b-110\@sm- { - bottom: 110px; - } - .l-110\@sm- { - left: 110px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-110\@lg { - top: 110px; - } - .r-110\@lg { - right: 110px; - } - .b-110\@lg { - bottom: 110px; - } - .l-110\@lg { - left: 110px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-110\@md { - top: 110px; - } - .r-110\@md { - right: 110px; - } - .b-110\@md { - bottom: 110px; - } - .l-110\@md { - left: 110px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-110\@sm { - top: 110px; - } - .r-110\@sm { - right: 110px; - } - .b-110\@sm { - bottom: 110px; - } - .l-110\@sm { - left: 110px; - } - } - .t-120 { - top: 120px; - } - - .r-120 { - right: 120px; - } - - .b-120 { - bottom: 120px; - } - - .l-120 { - left: 120px; - } - - @media screen and (min-width: 1440px) { - .t-120\@xl\+ { - top: 120px; - } - .r-120\@xl\+ { - right: 120px; - } - .b-120\@xl\+ { - bottom: 120px; - } - .l-120\@xl\+ { - left: 120px; - } - } - @media screen and (min-width: 1200px) { - .t-120\@lg\+ { - top: 120px; - } - .r-120\@lg\+ { - right: 120px; - } - .b-120\@lg\+ { - bottom: 120px; - } - .l-120\@lg\+ { - left: 120px; - } - } - @media screen and (min-width: 992px) { - .t-120\@md\+ { - top: 120px; - } - .r-120\@md\+ { - right: 120px; - } - .b-120\@md\+ { - bottom: 120px; - } - .l-120\@md\+ { - left: 120px; - } - } - @media screen and (min-width: 768px) { - .t-120\@sm\+ { - top: 120px; - } - .r-120\@sm\+ { - right: 120px; - } - .b-120\@sm\+ { - bottom: 120px; - } - .l-120\@sm\+ { - left: 120px; - } - } - @media screen and (min-width: 0) { - .t-120\@xs\+ { - top: 120px; - } - .r-120\@xs\+ { - right: 120px; - } - .b-120\@xs\+ { - bottom: 120px; - } - .l-120\@xs\+ { - left: 120px; - } - } - @media screen and (max-width: 1439px) { - .t-120\@xl- { - top: 120px; - } - .r-120\@xl- { - right: 120px; - } - .b-120\@xl- { - bottom: 120px; - } - .l-120\@xl- { - left: 120px; - } - } - @media screen and (max-width: 1199px) { - .t-120\@lg- { - top: 120px; - } - .r-120\@lg- { - right: 120px; - } - .b-120\@lg- { - bottom: 120px; - } - .l-120\@lg- { - left: 120px; - } - } - @media screen and (max-width: 991px) { - .t-120\@md- { - top: 120px; - } - .r-120\@md- { - right: 120px; - } - .b-120\@md- { - bottom: 120px; - } - .l-120\@md- { - left: 120px; - } - } - @media screen and (max-width: 767px) { - .t-120\@sm- { - top: 120px; - } - .r-120\@sm- { - right: 120px; - } - .b-120\@sm- { - bottom: 120px; - } - .l-120\@sm- { - left: 120px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-120\@lg { - top: 120px; - } - .r-120\@lg { - right: 120px; - } - .b-120\@lg { - bottom: 120px; - } - .l-120\@lg { - left: 120px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-120\@md { - top: 120px; - } - .r-120\@md { - right: 120px; - } - .b-120\@md { - bottom: 120px; - } - .l-120\@md { - left: 120px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-120\@sm { - top: 120px; - } - .r-120\@sm { - right: 120px; - } - .b-120\@sm { - bottom: 120px; - } - .l-120\@sm { - left: 120px; - } - } - .t-130 { - top: 130px; - } - - .r-130 { - right: 130px; - } - - .b-130 { - bottom: 130px; - } - - .l-130 { - left: 130px; - } - - @media screen and (min-width: 1440px) { - .t-130\@xl\+ { - top: 130px; - } - .r-130\@xl\+ { - right: 130px; - } - .b-130\@xl\+ { - bottom: 130px; - } - .l-130\@xl\+ { - left: 130px; - } - } - @media screen and (min-width: 1200px) { - .t-130\@lg\+ { - top: 130px; - } - .r-130\@lg\+ { - right: 130px; - } - .b-130\@lg\+ { - bottom: 130px; - } - .l-130\@lg\+ { - left: 130px; - } - } - @media screen and (min-width: 992px) { - .t-130\@md\+ { - top: 130px; - } - .r-130\@md\+ { - right: 130px; - } - .b-130\@md\+ { - bottom: 130px; - } - .l-130\@md\+ { - left: 130px; - } - } - @media screen and (min-width: 768px) { - .t-130\@sm\+ { - top: 130px; - } - .r-130\@sm\+ { - right: 130px; - } - .b-130\@sm\+ { - bottom: 130px; - } - .l-130\@sm\+ { - left: 130px; - } - } - @media screen and (min-width: 0) { - .t-130\@xs\+ { - top: 130px; - } - .r-130\@xs\+ { - right: 130px; - } - .b-130\@xs\+ { - bottom: 130px; - } - .l-130\@xs\+ { - left: 130px; - } - } - @media screen and (max-width: 1439px) { - .t-130\@xl- { - top: 130px; - } - .r-130\@xl- { - right: 130px; - } - .b-130\@xl- { - bottom: 130px; - } - .l-130\@xl- { - left: 130px; - } - } - @media screen and (max-width: 1199px) { - .t-130\@lg- { - top: 130px; - } - .r-130\@lg- { - right: 130px; - } - .b-130\@lg- { - bottom: 130px; - } - .l-130\@lg- { - left: 130px; - } - } - @media screen and (max-width: 991px) { - .t-130\@md- { - top: 130px; - } - .r-130\@md- { - right: 130px; - } - .b-130\@md- { - bottom: 130px; - } - .l-130\@md- { - left: 130px; - } - } - @media screen and (max-width: 767px) { - .t-130\@sm- { - top: 130px; - } - .r-130\@sm- { - right: 130px; - } - .b-130\@sm- { - bottom: 130px; - } - .l-130\@sm- { - left: 130px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-130\@lg { - top: 130px; - } - .r-130\@lg { - right: 130px; - } - .b-130\@lg { - bottom: 130px; - } - .l-130\@lg { - left: 130px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-130\@md { - top: 130px; - } - .r-130\@md { - right: 130px; - } - .b-130\@md { - bottom: 130px; - } - .l-130\@md { - left: 130px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-130\@sm { - top: 130px; - } - .r-130\@sm { - right: 130px; - } - .b-130\@sm { - bottom: 130px; - } - .l-130\@sm { - left: 130px; - } - } - .t-140 { - top: 140px; - } - - .r-140 { - right: 140px; - } - - .b-140 { - bottom: 140px; - } - - .l-140 { - left: 140px; - } - - @media screen and (min-width: 1440px) { - .t-140\@xl\+ { - top: 140px; - } - .r-140\@xl\+ { - right: 140px; - } - .b-140\@xl\+ { - bottom: 140px; - } - .l-140\@xl\+ { - left: 140px; - } - } - @media screen and (min-width: 1200px) { - .t-140\@lg\+ { - top: 140px; - } - .r-140\@lg\+ { - right: 140px; - } - .b-140\@lg\+ { - bottom: 140px; - } - .l-140\@lg\+ { - left: 140px; - } - } - @media screen and (min-width: 992px) { - .t-140\@md\+ { - top: 140px; - } - .r-140\@md\+ { - right: 140px; - } - .b-140\@md\+ { - bottom: 140px; - } - .l-140\@md\+ { - left: 140px; - } - } - @media screen and (min-width: 768px) { - .t-140\@sm\+ { - top: 140px; - } - .r-140\@sm\+ { - right: 140px; - } - .b-140\@sm\+ { - bottom: 140px; - } - .l-140\@sm\+ { - left: 140px; - } - } - @media screen and (min-width: 0) { - .t-140\@xs\+ { - top: 140px; - } - .r-140\@xs\+ { - right: 140px; - } - .b-140\@xs\+ { - bottom: 140px; - } - .l-140\@xs\+ { - left: 140px; - } - } - @media screen and (max-width: 1439px) { - .t-140\@xl- { - top: 140px; - } - .r-140\@xl- { - right: 140px; - } - .b-140\@xl- { - bottom: 140px; - } - .l-140\@xl- { - left: 140px; - } - } - @media screen and (max-width: 1199px) { - .t-140\@lg- { - top: 140px; - } - .r-140\@lg- { - right: 140px; - } - .b-140\@lg- { - bottom: 140px; - } - .l-140\@lg- { - left: 140px; - } - } - @media screen and (max-width: 991px) { - .t-140\@md- { - top: 140px; - } - .r-140\@md- { - right: 140px; - } - .b-140\@md- { - bottom: 140px; - } - .l-140\@md- { - left: 140px; - } - } - @media screen and (max-width: 767px) { - .t-140\@sm- { - top: 140px; - } - .r-140\@sm- { - right: 140px; - } - .b-140\@sm- { - bottom: 140px; - } - .l-140\@sm- { - left: 140px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-140\@lg { - top: 140px; - } - .r-140\@lg { - right: 140px; - } - .b-140\@lg { - bottom: 140px; - } - .l-140\@lg { - left: 140px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-140\@md { - top: 140px; - } - .r-140\@md { - right: 140px; - } - .b-140\@md { - bottom: 140px; - } - .l-140\@md { - left: 140px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-140\@sm { - top: 140px; - } - .r-140\@sm { - right: 140px; - } - .b-140\@sm { - bottom: 140px; - } - .l-140\@sm { - left: 140px; - } - } - .t-150 { - top: 150px; - } - - .r-150 { - right: 150px; - } - - .b-150 { - bottom: 150px; - } - - .l-150 { - left: 150px; - } - - @media screen and (min-width: 1440px) { - .t-150\@xl\+ { - top: 150px; - } - .r-150\@xl\+ { - right: 150px; - } - .b-150\@xl\+ { - bottom: 150px; - } - .l-150\@xl\+ { - left: 150px; - } - } - @media screen and (min-width: 1200px) { - .t-150\@lg\+ { - top: 150px; - } - .r-150\@lg\+ { - right: 150px; - } - .b-150\@lg\+ { - bottom: 150px; - } - .l-150\@lg\+ { - left: 150px; - } - } - @media screen and (min-width: 992px) { - .t-150\@md\+ { - top: 150px; - } - .r-150\@md\+ { - right: 150px; - } - .b-150\@md\+ { - bottom: 150px; - } - .l-150\@md\+ { - left: 150px; - } - } - @media screen and (min-width: 768px) { - .t-150\@sm\+ { - top: 150px; - } - .r-150\@sm\+ { - right: 150px; - } - .b-150\@sm\+ { - bottom: 150px; - } - .l-150\@sm\+ { - left: 150px; - } - } - @media screen and (min-width: 0) { - .t-150\@xs\+ { - top: 150px; - } - .r-150\@xs\+ { - right: 150px; - } - .b-150\@xs\+ { - bottom: 150px; - } - .l-150\@xs\+ { - left: 150px; - } - } - @media screen and (max-width: 1439px) { - .t-150\@xl- { - top: 150px; - } - .r-150\@xl- { - right: 150px; - } - .b-150\@xl- { - bottom: 150px; - } - .l-150\@xl- { - left: 150px; - } - } - @media screen and (max-width: 1199px) { - .t-150\@lg- { - top: 150px; - } - .r-150\@lg- { - right: 150px; - } - .b-150\@lg- { - bottom: 150px; - } - .l-150\@lg- { - left: 150px; - } - } - @media screen and (max-width: 991px) { - .t-150\@md- { - top: 150px; - } - .r-150\@md- { - right: 150px; - } - .b-150\@md- { - bottom: 150px; - } - .l-150\@md- { - left: 150px; - } - } - @media screen and (max-width: 767px) { - .t-150\@sm- { - top: 150px; - } - .r-150\@sm- { - right: 150px; - } - .b-150\@sm- { - bottom: 150px; - } - .l-150\@sm- { - left: 150px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-150\@lg { - top: 150px; - } - .r-150\@lg { - right: 150px; - } - .b-150\@lg { - bottom: 150px; - } - .l-150\@lg { - left: 150px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-150\@md { - top: 150px; - } - .r-150\@md { - right: 150px; - } - .b-150\@md { - bottom: 150px; - } - .l-150\@md { - left: 150px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-150\@sm { - top: 150px; - } - .r-150\@sm { - right: 150px; - } - .b-150\@sm { - bottom: 150px; - } - .l-150\@sm { - left: 150px; - } - } - .t-160 { - top: 160px; - } - - .r-160 { - right: 160px; - } - - .b-160 { - bottom: 160px; - } - - .l-160 { - left: 160px; - } - - @media screen and (min-width: 1440px) { - .t-160\@xl\+ { - top: 160px; - } - .r-160\@xl\+ { - right: 160px; - } - .b-160\@xl\+ { - bottom: 160px; - } - .l-160\@xl\+ { - left: 160px; - } - } - @media screen and (min-width: 1200px) { - .t-160\@lg\+ { - top: 160px; - } - .r-160\@lg\+ { - right: 160px; - } - .b-160\@lg\+ { - bottom: 160px; - } - .l-160\@lg\+ { - left: 160px; - } - } - @media screen and (min-width: 992px) { - .t-160\@md\+ { - top: 160px; - } - .r-160\@md\+ { - right: 160px; - } - .b-160\@md\+ { - bottom: 160px; - } - .l-160\@md\+ { - left: 160px; - } - } - @media screen and (min-width: 768px) { - .t-160\@sm\+ { - top: 160px; - } - .r-160\@sm\+ { - right: 160px; - } - .b-160\@sm\+ { - bottom: 160px; - } - .l-160\@sm\+ { - left: 160px; - } - } - @media screen and (min-width: 0) { - .t-160\@xs\+ { - top: 160px; - } - .r-160\@xs\+ { - right: 160px; - } - .b-160\@xs\+ { - bottom: 160px; - } - .l-160\@xs\+ { - left: 160px; - } - } - @media screen and (max-width: 1439px) { - .t-160\@xl- { - top: 160px; - } - .r-160\@xl- { - right: 160px; - } - .b-160\@xl- { - bottom: 160px; - } - .l-160\@xl- { - left: 160px; - } - } - @media screen and (max-width: 1199px) { - .t-160\@lg- { - top: 160px; - } - .r-160\@lg- { - right: 160px; - } - .b-160\@lg- { - bottom: 160px; - } - .l-160\@lg- { - left: 160px; - } - } - @media screen and (max-width: 991px) { - .t-160\@md- { - top: 160px; - } - .r-160\@md- { - right: 160px; - } - .b-160\@md- { - bottom: 160px; - } - .l-160\@md- { - left: 160px; - } - } - @media screen and (max-width: 767px) { - .t-160\@sm- { - top: 160px; - } - .r-160\@sm- { - right: 160px; - } - .b-160\@sm- { - bottom: 160px; - } - .l-160\@sm- { - left: 160px; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .t-160\@lg { - top: 160px; - } - .r-160\@lg { - right: 160px; - } - .b-160\@lg { - bottom: 160px; - } - .l-160\@lg { - left: 160px; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .t-160\@md { - top: 160px; - } - .r-160\@md { - right: 160px; - } - .b-160\@md { - bottom: 160px; - } - .l-160\@md { - left: 160px; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .t-160\@sm { - top: 160px; - } - .r-160\@sm { - right: 160px; - } - .b-160\@sm { - bottom: 160px; - } - .l-160\@sm { - left: 160px; - } - } - .tl-50p { - top: 50%; - left: 50%; - } - - .tr-50p { - top: 50%; - right: 50%; - } - - .t-50p { - top: 50%; - } - - .r-50p { - right: 50%; - } - - .b-50p { - bottom: 50%; - } - - .l-50p { - left: 50%; - } - - @media screen and (min-width: 1440px) { - .tl-50p\@xl\+ { - top: 50%; - left: 50%; - } - .tr-50p\@xl\+ { - top: 50%; - right: 50%; - } - .t-50p\@xl\+ { - top: 50%; - } - .r-50p\@xl\+ { - right: 50%; - } - .b-50p\@xl\+ { - bottom: 50%; - } - .l-50p\@xl\+ { - left: 50%; - } - } - @media screen and (min-width: 1200px) { - .tl-50p\@lg\+ { - top: 50%; - left: 50%; - } - .tr-50p\@lg\+ { - top: 50%; - right: 50%; - } - .t-50p\@lg\+ { - top: 50%; - } - .r-50p\@lg\+ { - right: 50%; - } - .b-50p\@lg\+ { - bottom: 50%; - } - .l-50p\@lg\+ { - left: 50%; - } - } - @media screen and (min-width: 992px) { - .tl-50p\@md\+ { - top: 50%; - left: 50%; - } - .tr-50p\@md\+ { - top: 50%; - right: 50%; - } - .t-50p\@md\+ { - top: 50%; - } - .r-50p\@md\+ { - right: 50%; - } - .b-50p\@md\+ { - bottom: 50%; - } - .l-50p\@md\+ { - left: 50%; - } - } - @media screen and (min-width: 768px) { - .tl-50p\@sm\+ { - top: 50%; - left: 50%; - } - .tr-50p\@sm\+ { - top: 50%; - right: 50%; - } - .t-50p\@sm\+ { - top: 50%; - } - .r-50p\@sm\+ { - right: 50%; - } - .b-50p\@sm\+ { - bottom: 50%; - } - .l-50p\@sm\+ { - left: 50%; - } - } - @media screen and (min-width: 0) { - .tl-50p\@xs\+ { - top: 50%; - left: 50%; - } - .tr-50p\@xs\+ { - top: 50%; - right: 50%; - } - .t-50p\@xs\+ { - top: 50%; - } - .r-50p\@xs\+ { - right: 50%; - } - .b-50p\@xs\+ { - bottom: 50%; - } - .l-50p\@xs\+ { - left: 50%; - } - } - @media screen and (max-width: 1439px) { - .tl-50p\@xl- { - top: 50%; - left: 50%; - } - .tr-50p\@xl- { - top: 50%; - right: 50%; - } - .t-50p\@xl- { - top: 50%; - } - .r-50p\@xl- { - right: 50%; - } - .b-50p\@xl- { - bottom: 50%; - } - .l-50p\@xl- { - left: 50%; - } - } - @media screen and (max-width: 1199px) { - .tl-50p\@lg- { - top: 50%; - left: 50%; - } - .tr-50p\@lg- { - top: 50%; - right: 50%; - } - .t-50p\@lg- { - top: 50%; - } - .r-50p\@lg- { - right: 50%; - } - .b-50p\@lg- { - bottom: 50%; - } - .l-50p\@lg- { - left: 50%; - } - } - @media screen and (max-width: 991px) { - .tl-50p\@md- { - top: 50%; - left: 50%; - } - .tr-50p\@md- { - top: 50%; - right: 50%; - } - .t-50p\@md- { - top: 50%; - } - .r-50p\@md- { - right: 50%; - } - .b-50p\@md- { - bottom: 50%; - } - .l-50p\@md- { - left: 50%; - } - } - @media screen and (max-width: 767px) { - .tl-50p\@sm- { - top: 50%; - left: 50%; - } - .tr-50p\@sm- { - top: 50%; - right: 50%; - } - .t-50p\@sm- { - top: 50%; - } - .r-50p\@sm- { - right: 50%; - } - .b-50p\@sm- { - bottom: 50%; - } - .l-50p\@sm- { - left: 50%; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .tl-50p\@lg { - top: 50%; - left: 50%; - } - .tr-50p\@lg { - top: 50%; - right: 50%; - } - .t-50p\@lg { - top: 50%; - } - .r-50p\@lg { - right: 50%; - } - .b-50p\@lg { - bottom: 50%; - } - .l-50p\@lg { - left: 50%; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .tl-50p\@md { - top: 50%; - left: 50%; - } - .tr-50p\@md { - top: 50%; - right: 50%; - } - .t-50p\@md { - top: 50%; - } - .r-50p\@md { - right: 50%; - } - .b-50p\@md { - bottom: 50%; - } - .l-50p\@md { - left: 50%; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .tl-50p\@sm { - top: 50%; - left: 50%; - } - .tr-50p\@sm { - top: 50%; - right: 50%; - } - .t-50p\@sm { - top: 50%; - } - .r-50p\@sm { - right: 50%; - } - .b-50p\@sm { - bottom: 50%; - } - .l-50p\@sm { - left: 50%; - } - } - .w-1\/4r, .sz-1\/4r { - width: 0.25rem; - } - - .w-1\/2r, .sz-1\/2r { - width: 0.5rem; - } - - .w-3\/4r, .sz-3\/4r { - width: 0.75rem; - } - - .w-1r, .sz-1r { - width: 1rem; - } - - .w-3\/2r, .sz-3\/2r { - width: 1.5rem; - } - - .w-2r, .sz-2r { - width: 2rem; - } - - .w-5\/2r, .sz-5\/2r { - width: 2.5rem; - } - - .w-3r, .sz-3r { - width: 3rem; - } - - .w-7\/2r, .sz-7\/2r { - width: 3.5rem; - } - - .w-4r, .sz-4r { - width: 4rem; - } - - .w-9\/2r, .sz-9\/2r { - width: 4.5rem; - } - - .w-5r, .sz-5r { - width: 5rem; - } - - .w-11\/2r, .sz-11\/2r { - width: 5.5rem; - } - - .w-6r, .sz-6r { - width: 6rem; - } - - @media screen and (min-width: 1440px) { - .w-1\/4r\@xl\+, .sz-1\/4r\@xl\+ { - width: 0.25rem; - } - .w-1\/2r\@xl\+, .sz-1\/2r\@xl\+ { - width: 0.5rem; - } - .w-3\/4r\@xl\+, .sz-3\/4r\@xl\+ { - width: 0.75rem; - } - .w-1r\@xl\+, .sz-1r\@xl\+ { - width: 1rem; - } - .w-3\/2r\@xl\+, .sz-3\/2r\@xl\+ { - width: 1.5rem; - } - .w-2r\@xl\+, .sz-2r\@xl\+ { - width: 2rem; - } - .w-5\/2r\@xl\+, .sz-5\/2r\@xl\+ { - width: 2.5rem; - } - .w-3r\@xl\+, .sz-3r\@xl\+ { - width: 3rem; - } - .w-7\/2r\@xl\+, .sz-7\/2r\@xl\+ { - width: 3.5rem; - } - .w-4r\@xl\+, .sz-4r\@xl\+ { - width: 4rem; - } - .w-9\/2r\@xl\+, .sz-9\/2r\@xl\+ { - width: 4.5rem; - } - .w-5r\@xl\+, .sz-5r\@xl\+ { - width: 5rem; - } - .w-11\/2r\@xl\+, .sz-11\/2r\@xl\+ { - width: 5.5rem; - } - .w-6r\@xl\+, .sz-6r\@xl\+ { - width: 6rem; - } - } - @media screen and (min-width: 1200px) { - .w-1\/4r\@lg\+, .sz-1\/4r\@lg\+ { - width: 0.25rem; - } - .w-1\/2r\@lg\+, .sz-1\/2r\@lg\+ { - width: 0.5rem; - } - .w-3\/4r\@lg\+, .sz-3\/4r\@lg\+ { - width: 0.75rem; - } - .w-1r\@lg\+, .sz-1r\@lg\+ { - width: 1rem; - } - .w-3\/2r\@lg\+, .sz-3\/2r\@lg\+ { - width: 1.5rem; - } - .w-2r\@lg\+, .sz-2r\@lg\+ { - width: 2rem; - } - .w-5\/2r\@lg\+, .sz-5\/2r\@lg\+ { - width: 2.5rem; - } - .w-3r\@lg\+, .sz-3r\@lg\+ { - width: 3rem; - } - .w-7\/2r\@lg\+, .sz-7\/2r\@lg\+ { - width: 3.5rem; - } - .w-4r\@lg\+, .sz-4r\@lg\+ { - width: 4rem; - } - .w-9\/2r\@lg\+, .sz-9\/2r\@lg\+ { - width: 4.5rem; - } - .w-5r\@lg\+, .sz-5r\@lg\+ { - width: 5rem; - } - .w-11\/2r\@lg\+, .sz-11\/2r\@lg\+ { - width: 5.5rem; - } - .w-6r\@lg\+, .sz-6r\@lg\+ { - width: 6rem; - } - } - @media screen and (min-width: 992px) { - .w-1\/4r\@md\+, .sz-1\/4r\@md\+ { - width: 0.25rem; - } - .w-1\/2r\@md\+, .sz-1\/2r\@md\+ { - width: 0.5rem; - } - .w-3\/4r\@md\+, .sz-3\/4r\@md\+ { - width: 0.75rem; - } - .w-1r\@md\+, .sz-1r\@md\+ { - width: 1rem; - } - .w-3\/2r\@md\+, .sz-3\/2r\@md\+ { - width: 1.5rem; - } - .w-2r\@md\+, .sz-2r\@md\+ { - width: 2rem; - } - .w-5\/2r\@md\+, .sz-5\/2r\@md\+ { - width: 2.5rem; - } - .w-3r\@md\+, .sz-3r\@md\+ { - width: 3rem; - } - .w-7\/2r\@md\+, .sz-7\/2r\@md\+ { - width: 3.5rem; - } - .w-4r\@md\+, .sz-4r\@md\+ { - width: 4rem; - } - .w-9\/2r\@md\+, .sz-9\/2r\@md\+ { - width: 4.5rem; - } - .w-5r\@md\+, .sz-5r\@md\+ { - width: 5rem; - } - .w-11\/2r\@md\+, .sz-11\/2r\@md\+ { - width: 5.5rem; - } - .w-6r\@md\+, .sz-6r\@md\+ { - width: 6rem; - } - } - @media screen and (min-width: 768px) { - .w-1\/4r\@sm\+, .sz-1\/4r\@sm\+ { - width: 0.25rem; - } - .w-1\/2r\@sm\+, .sz-1\/2r\@sm\+ { - width: 0.5rem; - } - .w-3\/4r\@sm\+, .sz-3\/4r\@sm\+ { - width: 0.75rem; - } - .w-1r\@sm\+, .sz-1r\@sm\+ { - width: 1rem; - } - .w-3\/2r\@sm\+, .sz-3\/2r\@sm\+ { - width: 1.5rem; - } - .w-2r\@sm\+, .sz-2r\@sm\+ { - width: 2rem; - } - .w-5\/2r\@sm\+, .sz-5\/2r\@sm\+ { - width: 2.5rem; - } - .w-3r\@sm\+, .sz-3r\@sm\+ { - width: 3rem; - } - .w-7\/2r\@sm\+, .sz-7\/2r\@sm\+ { - width: 3.5rem; - } - .w-4r\@sm\+, .sz-4r\@sm\+ { - width: 4rem; - } - .w-9\/2r\@sm\+, .sz-9\/2r\@sm\+ { - width: 4.5rem; - } - .w-5r\@sm\+, .sz-5r\@sm\+ { - width: 5rem; - } - .w-11\/2r\@sm\+, .sz-11\/2r\@sm\+ { - width: 5.5rem; - } - .w-6r\@sm\+, .sz-6r\@sm\+ { - width: 6rem; - } - } - @media screen and (min-width: 0) { - .w-1\/4r\@xs\+, .sz-1\/4r\@xs\+ { - width: 0.25rem; - } - .w-1\/2r\@xs\+, .sz-1\/2r\@xs\+ { - width: 0.5rem; - } - .w-3\/4r\@xs\+, .sz-3\/4r\@xs\+ { - width: 0.75rem; - } - .w-1r\@xs\+, .sz-1r\@xs\+ { - width: 1rem; - } - .w-3\/2r\@xs\+, .sz-3\/2r\@xs\+ { - width: 1.5rem; - } - .w-2r\@xs\+, .sz-2r\@xs\+ { - width: 2rem; - } - .w-5\/2r\@xs\+, .sz-5\/2r\@xs\+ { - width: 2.5rem; - } - .w-3r\@xs\+, .sz-3r\@xs\+ { - width: 3rem; - } - .w-7\/2r\@xs\+, .sz-7\/2r\@xs\+ { - width: 3.5rem; - } - .w-4r\@xs\+, .sz-4r\@xs\+ { - width: 4rem; - } - .w-9\/2r\@xs\+, .sz-9\/2r\@xs\+ { - width: 4.5rem; - } - .w-5r\@xs\+, .sz-5r\@xs\+ { - width: 5rem; - } - .w-11\/2r\@xs\+, .sz-11\/2r\@xs\+ { - width: 5.5rem; - } - .w-6r\@xs\+, .sz-6r\@xs\+ { - width: 6rem; - } - } - @media screen and (max-width: 1439px) { - .w-1\/4r\@xl-, .sz-1\/4r\@xl- { - width: 0.25rem; - } - .w-1\/2r\@xl-, .sz-1\/2r\@xl- { - width: 0.5rem; - } - .w-3\/4r\@xl-, .sz-3\/4r\@xl- { - width: 0.75rem; - } - .w-1r\@xl-, .sz-1r\@xl- { - width: 1rem; - } - .w-3\/2r\@xl-, .sz-3\/2r\@xl- { - width: 1.5rem; - } - .w-2r\@xl-, .sz-2r\@xl- { - width: 2rem; - } - .w-5\/2r\@xl-, .sz-5\/2r\@xl- { - width: 2.5rem; - } - .w-3r\@xl-, .sz-3r\@xl- { - width: 3rem; - } - .w-7\/2r\@xl-, .sz-7\/2r\@xl- { - width: 3.5rem; - } - .w-4r\@xl-, .sz-4r\@xl- { - width: 4rem; - } - .w-9\/2r\@xl-, .sz-9\/2r\@xl- { - width: 4.5rem; - } - .w-5r\@xl-, .sz-5r\@xl- { - width: 5rem; - } - .w-11\/2r\@xl-, .sz-11\/2r\@xl- { - width: 5.5rem; - } - .w-6r\@xl-, .sz-6r\@xl- { - width: 6rem; - } - } - @media screen and (max-width: 1199px) { - .w-1\/4r\@lg-, .sz-1\/4r\@lg- { - width: 0.25rem; - } - .w-1\/2r\@lg-, .sz-1\/2r\@lg- { - width: 0.5rem; - } - .w-3\/4r\@lg-, .sz-3\/4r\@lg- { - width: 0.75rem; - } - .w-1r\@lg-, .sz-1r\@lg- { - width: 1rem; - } - .w-3\/2r\@lg-, .sz-3\/2r\@lg- { - width: 1.5rem; - } - .w-2r\@lg-, .sz-2r\@lg- { - width: 2rem; - } - .w-5\/2r\@lg-, .sz-5\/2r\@lg- { - width: 2.5rem; - } - .w-3r\@lg-, .sz-3r\@lg- { - width: 3rem; - } - .w-7\/2r\@lg-, .sz-7\/2r\@lg- { - width: 3.5rem; - } - .w-4r\@lg-, .sz-4r\@lg- { - width: 4rem; - } - .w-9\/2r\@lg-, .sz-9\/2r\@lg- { - width: 4.5rem; - } - .w-5r\@lg-, .sz-5r\@lg- { - width: 5rem; - } - .w-11\/2r\@lg-, .sz-11\/2r\@lg- { - width: 5.5rem; - } - .w-6r\@lg-, .sz-6r\@lg- { - width: 6rem; - } - } - @media screen and (max-width: 991px) { - .w-1\/4r\@md-, .sz-1\/4r\@md- { - width: 0.25rem; - } - .w-1\/2r\@md-, .sz-1\/2r\@md- { - width: 0.5rem; - } - .w-3\/4r\@md-, .sz-3\/4r\@md- { - width: 0.75rem; - } - .w-1r\@md-, .sz-1r\@md- { - width: 1rem; - } - .w-3\/2r\@md-, .sz-3\/2r\@md- { - width: 1.5rem; - } - .w-2r\@md-, .sz-2r\@md- { - width: 2rem; - } - .w-5\/2r\@md-, .sz-5\/2r\@md- { - width: 2.5rem; - } - .w-3r\@md-, .sz-3r\@md- { - width: 3rem; - } - .w-7\/2r\@md-, .sz-7\/2r\@md- { - width: 3.5rem; - } - .w-4r\@md-, .sz-4r\@md- { - width: 4rem; - } - .w-9\/2r\@md-, .sz-9\/2r\@md- { - width: 4.5rem; - } - .w-5r\@md-, .sz-5r\@md- { - width: 5rem; - } - .w-11\/2r\@md-, .sz-11\/2r\@md- { - width: 5.5rem; - } - .w-6r\@md-, .sz-6r\@md- { - width: 6rem; - } - } - @media screen and (max-width: 767px) { - .w-1\/4r\@sm-, .sz-1\/4r\@sm- { - width: 0.25rem; - } - .w-1\/2r\@sm-, .sz-1\/2r\@sm- { - width: 0.5rem; - } - .w-3\/4r\@sm-, .sz-3\/4r\@sm- { - width: 0.75rem; - } - .w-1r\@sm-, .sz-1r\@sm- { - width: 1rem; - } - .w-3\/2r\@sm-, .sz-3\/2r\@sm- { - width: 1.5rem; - } - .w-2r\@sm-, .sz-2r\@sm- { - width: 2rem; - } - .w-5\/2r\@sm-, .sz-5\/2r\@sm- { - width: 2.5rem; - } - .w-3r\@sm-, .sz-3r\@sm- { - width: 3rem; - } - .w-7\/2r\@sm-, .sz-7\/2r\@sm- { - width: 3.5rem; - } - .w-4r\@sm-, .sz-4r\@sm- { - width: 4rem; - } - .w-9\/2r\@sm-, .sz-9\/2r\@sm- { - width: 4.5rem; - } - .w-5r\@sm-, .sz-5r\@sm- { - width: 5rem; - } - .w-11\/2r\@sm-, .sz-11\/2r\@sm- { - width: 5.5rem; - } - .w-6r\@sm-, .sz-6r\@sm- { - width: 6rem; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .w-1\/4r\@lg, .sz-1\/4r\@lg { - width: 0.25rem; - } - .w-1\/2r\@lg, .sz-1\/2r\@lg { - width: 0.5rem; - } - .w-3\/4r\@lg, .sz-3\/4r\@lg { - width: 0.75rem; - } - .w-1r\@lg, .sz-1r\@lg { - width: 1rem; - } - .w-3\/2r\@lg, .sz-3\/2r\@lg { - width: 1.5rem; - } - .w-2r\@lg, .sz-2r\@lg { - width: 2rem; - } - .w-5\/2r\@lg, .sz-5\/2r\@lg { - width: 2.5rem; - } - .w-3r\@lg, .sz-3r\@lg { - width: 3rem; - } - .w-7\/2r\@lg, .sz-7\/2r\@lg { - width: 3.5rem; - } - .w-4r\@lg, .sz-4r\@lg { - width: 4rem; - } - .w-9\/2r\@lg, .sz-9\/2r\@lg { - width: 4.5rem; - } - .w-5r\@lg, .sz-5r\@lg { - width: 5rem; - } - .w-11\/2r\@lg, .sz-11\/2r\@lg { - width: 5.5rem; - } - .w-6r\@lg, .sz-6r\@lg { - width: 6rem; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .w-1\/4r\@md, .sz-1\/4r\@md { - width: 0.25rem; - } - .w-1\/2r\@md, .sz-1\/2r\@md { - width: 0.5rem; - } - .w-3\/4r\@md, .sz-3\/4r\@md { - width: 0.75rem; - } - .w-1r\@md, .sz-1r\@md { - width: 1rem; - } - .w-3\/2r\@md, .sz-3\/2r\@md { - width: 1.5rem; - } - .w-2r\@md, .sz-2r\@md { - width: 2rem; - } - .w-5\/2r\@md, .sz-5\/2r\@md { - width: 2.5rem; - } - .w-3r\@md, .sz-3r\@md { - width: 3rem; - } - .w-7\/2r\@md, .sz-7\/2r\@md { - width: 3.5rem; - } - .w-4r\@md, .sz-4r\@md { - width: 4rem; - } - .w-9\/2r\@md, .sz-9\/2r\@md { - width: 4.5rem; - } - .w-5r\@md, .sz-5r\@md { - width: 5rem; - } - .w-11\/2r\@md, .sz-11\/2r\@md { - width: 5.5rem; - } - .w-6r\@md, .sz-6r\@md { - width: 6rem; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .w-1\/4r\@sm, .sz-1\/4r\@sm { - width: 0.25rem; - } - .w-1\/2r\@sm, .sz-1\/2r\@sm { - width: 0.5rem; - } - .w-3\/4r\@sm, .sz-3\/4r\@sm { - width: 0.75rem; - } - .w-1r\@sm, .sz-1r\@sm { - width: 1rem; - } - .w-3\/2r\@sm, .sz-3\/2r\@sm { - width: 1.5rem; - } - .w-2r\@sm, .sz-2r\@sm { - width: 2rem; - } - .w-5\/2r\@sm, .sz-5\/2r\@sm { - width: 2.5rem; - } - .w-3r\@sm, .sz-3r\@sm { - width: 3rem; - } - .w-7\/2r\@sm, .sz-7\/2r\@sm { - width: 3.5rem; - } - .w-4r\@sm, .sz-4r\@sm { - width: 4rem; - } - .w-9\/2r\@sm, .sz-9\/2r\@sm { - width: 4.5rem; - } - .w-5r\@sm, .sz-5r\@sm { - width: 5rem; - } - .w-11\/2r\@sm, .sz-11\/2r\@sm { - width: 5.5rem; - } - .w-6r\@sm, .sz-6r\@sm { - width: 6rem; - } - } - .w-0 { - width: 0px; - } - - .w-10p { - width: 10%; - } - - .w-20p { - width: 20%; - } - - .w-30p { - width: 30%; - } - - .w-40p { - width: 40%; - } - - .w-50p { - width: 50%; - } - - .w-60p { - width: 60%; - } - - .w-70p { - width: 70%; - } - - .w-80p { - width: 80%; - } - - .w-90p { - width: 90%; - } - - .w-100p { - width: 100%; - } - - .w-1px { - width: 1px; - } - - .w-a { - width: auto; - } - - @media screen and (min-width: 1440px) { - .w-0\@xl\+ { - width: 0px; - } - .w-10p\@xl\+ { - width: 10%; - } - .w-20p\@xl\+ { - width: 20%; - } - .w-30p\@xl\+ { - width: 30%; - } - .w-40p\@xl\+ { - width: 40%; - } - .w-50p\@xl\+ { - width: 50%; - } - .w-60p\@xl\+ { - width: 60%; - } - .w-70p\@xl\+ { - width: 70%; - } - .w-80p\@xl\+ { - width: 80%; - } - .w-90p\@xl\+ { - width: 90%; - } - .w-100p\@xl\+ { - width: 100%; - } - .w-1px\@xl\+ { - width: 1px; - } - .w-a\@xl\+ { - width: auto; - } - } - @media screen and (min-width: 1200px) { - .w-0\@lg\+ { - width: 0px; - } - .w-10p\@lg\+ { - width: 10%; - } - .w-20p\@lg\+ { - width: 20%; - } - .w-30p\@lg\+ { - width: 30%; - } - .w-40p\@lg\+ { - width: 40%; - } - .w-50p\@lg\+ { - width: 50%; - } - .w-60p\@lg\+ { - width: 60%; - } - .w-70p\@lg\+ { - width: 70%; - } - .w-80p\@lg\+ { - width: 80%; - } - .w-90p\@lg\+ { - width: 90%; - } - .w-100p\@lg\+ { - width: 100%; - } - .w-1px\@lg\+ { - width: 1px; - } - .w-a\@lg\+ { - width: auto; - } - } - @media screen and (min-width: 992px) { - .w-0\@md\+ { - width: 0px; - } - .w-10p\@md\+ { - width: 10%; - } - .w-20p\@md\+ { - width: 20%; - } - .w-30p\@md\+ { - width: 30%; - } - .w-40p\@md\+ { - width: 40%; - } - .w-50p\@md\+ { - width: 50%; - } - .w-60p\@md\+ { - width: 60%; - } - .w-70p\@md\+ { - width: 70%; - } - .w-80p\@md\+ { - width: 80%; - } - .w-90p\@md\+ { - width: 90%; - } - .w-100p\@md\+ { - width: 100%; - } - .w-1px\@md\+ { - width: 1px; - } - .w-a\@md\+ { - width: auto; - } - } - @media screen and (min-width: 768px) { - .w-0\@sm\+ { - width: 0px; - } - .w-10p\@sm\+ { - width: 10%; - } - .w-20p\@sm\+ { - width: 20%; - } - .w-30p\@sm\+ { - width: 30%; - } - .w-40p\@sm\+ { - width: 40%; - } - .w-50p\@sm\+ { - width: 50%; - } - .w-60p\@sm\+ { - width: 60%; - } - .w-70p\@sm\+ { - width: 70%; - } - .w-80p\@sm\+ { - width: 80%; - } - .w-90p\@sm\+ { - width: 90%; - } - .w-100p\@sm\+ { - width: 100%; - } - .w-1px\@sm\+ { - width: 1px; - } - .w-a\@sm\+ { - width: auto; - } - } - @media screen and (min-width: 0) { - .w-0\@xs\+ { - width: 0px; - } - .w-10p\@xs\+ { - width: 10%; - } - .w-20p\@xs\+ { - width: 20%; - } - .w-30p\@xs\+ { - width: 30%; - } - .w-40p\@xs\+ { - width: 40%; - } - .w-50p\@xs\+ { - width: 50%; - } - .w-60p\@xs\+ { - width: 60%; - } - .w-70p\@xs\+ { - width: 70%; - } - .w-80p\@xs\+ { - width: 80%; - } - .w-90p\@xs\+ { - width: 90%; - } - .w-100p\@xs\+ { - width: 100%; - } - .w-1px\@xs\+ { - width: 1px; - } - .w-a\@xs\+ { - width: auto; - } - } - @media screen and (max-width: 1439px) { - .w-0\@xl- { - width: 0px; - } - .w-10p\@xl- { - width: 10%; - } - .w-20p\@xl- { - width: 20%; - } - .w-30p\@xl- { - width: 30%; - } - .w-40p\@xl- { - width: 40%; - } - .w-50p\@xl- { - width: 50%; - } - .w-60p\@xl- { - width: 60%; - } - .w-70p\@xl- { - width: 70%; - } - .w-80p\@xl- { - width: 80%; - } - .w-90p\@xl- { - width: 90%; - } - .w-100p\@xl- { - width: 100%; - } - .w-1px\@xl- { - width: 1px; - } - .w-a\@xl- { - width: auto; - } - } - @media screen and (max-width: 1199px) { - .w-0\@lg- { - width: 0px; - } - .w-10p\@lg- { - width: 10%; - } - .w-20p\@lg- { - width: 20%; - } - .w-30p\@lg- { - width: 30%; - } - .w-40p\@lg- { - width: 40%; - } - .w-50p\@lg- { - width: 50%; - } - .w-60p\@lg- { - width: 60%; - } - .w-70p\@lg- { - width: 70%; - } - .w-80p\@lg- { - width: 80%; - } - .w-90p\@lg- { - width: 90%; - } - .w-100p\@lg- { - width: 100%; - } - .w-1px\@lg- { - width: 1px; - } - .w-a\@lg- { - width: auto; - } - } - @media screen and (max-width: 991px) { - .w-0\@md- { - width: 0px; - } - .w-10p\@md- { - width: 10%; - } - .w-20p\@md- { - width: 20%; - } - .w-30p\@md- { - width: 30%; - } - .w-40p\@md- { - width: 40%; - } - .w-50p\@md- { - width: 50%; - } - .w-60p\@md- { - width: 60%; - } - .w-70p\@md- { - width: 70%; - } - .w-80p\@md- { - width: 80%; - } - .w-90p\@md- { - width: 90%; - } - .w-100p\@md- { - width: 100%; - } - .w-1px\@md- { - width: 1px; - } - .w-a\@md- { - width: auto; - } - } - @media screen and (max-width: 767px) { - .w-0\@sm- { - width: 0px; - } - .w-10p\@sm- { - width: 10%; - } - .w-20p\@sm- { - width: 20%; - } - .w-30p\@sm- { - width: 30%; - } - .w-40p\@sm- { - width: 40%; - } - .w-50p\@sm- { - width: 50%; - } - .w-60p\@sm- { - width: 60%; - } - .w-70p\@sm- { - width: 70%; - } - .w-80p\@sm- { - width: 80%; - } - .w-90p\@sm- { - width: 90%; - } - .w-100p\@sm- { - width: 100%; - } - .w-1px\@sm- { - width: 1px; - } - .w-a\@sm- { - width: auto; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .w-0\@lg { - width: 0px; - } - .w-10p\@lg { - width: 10%; - } - .w-20p\@lg { - width: 20%; - } - .w-30p\@lg { - width: 30%; - } - .w-40p\@lg { - width: 40%; - } - .w-50p\@lg { - width: 50%; - } - .w-60p\@lg { - width: 60%; - } - .w-70p\@lg { - width: 70%; - } - .w-80p\@lg { - width: 80%; - } - .w-90p\@lg { - width: 90%; - } - .w-100p\@lg { - width: 100%; - } - .w-1px\@lg { - width: 1px; - } - .w-a\@lg { - width: auto; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .w-0\@md { - width: 0px; - } - .w-10p\@md { - width: 10%; - } - .w-20p\@md { - width: 20%; - } - .w-30p\@md { - width: 30%; - } - .w-40p\@md { - width: 40%; - } - .w-50p\@md { - width: 50%; - } - .w-60p\@md { - width: 60%; - } - .w-70p\@md { - width: 70%; - } - .w-80p\@md { - width: 80%; - } - .w-90p\@md { - width: 90%; - } - .w-100p\@md { - width: 100%; - } - .w-1px\@md { - width: 1px; - } - .w-a\@md { - width: auto; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .w-0\@sm { - width: 0px; - } - .w-10p\@sm { - width: 10%; - } - .w-20p\@sm { - width: 20%; - } - .w-30p\@sm { - width: 30%; - } - .w-40p\@sm { - width: 40%; - } - .w-50p\@sm { - width: 50%; - } - .w-60p\@sm { - width: 60%; - } - .w-70p\@sm { - width: 70%; - } - .w-80p\@sm { - width: 80%; - } - .w-90p\@sm { - width: 90%; - } - .w-100p\@sm { - width: 100%; - } - .w-1px\@sm { - width: 1px; - } - .w-a\@sm { - width: auto; - } - } - .h-1\/4r, .sz-1\/4r { - height: 0.25rem; - } - - .h-1\/2r, .sz-1\/2r { - height: 0.5rem; - } - - .h-3\/4r, .sz-3\/4r { - height: 0.75rem; - } - - .h-1r, .sz-1r { - height: 1rem; - } - - .h-3\/2r, .sz-3\/2r { - height: 1.5rem; - } - - .h-2r, .sz-2r { - height: 2rem; - } - - .h-5\/2r, .sz-5\/2r { - height: 2.5rem; - } - - .h-3r, .sz-3r { - height: 3rem; - } - - .h-7\/2r, .sz-7\/2r { - height: 3.5rem; - } - - .h-4r, .sz-4r { - height: 4rem; - } - - .h-9\/2r, .sz-9\/2r { - height: 4.5rem; - } - - .h-5r, .sz-5r { - height: 5rem; - } - - .h-11\/2r, .sz-11\/2r { - height: 5.5rem; - } - - .h-6r, .sz-6r { - height: 6rem; - } - - @media screen and (min-width: 1440px) { - .h-1\/4r\@xl\+, .sz-1\/4r\@xl\+ { - height: 0.25rem; - } - .h-1\/2r\@xl\+, .sz-1\/2r\@xl\+ { - height: 0.5rem; - } - .h-3\/4r\@xl\+, .sz-3\/4r\@xl\+ { - height: 0.75rem; - } - .h-1r\@xl\+, .sz-1r\@xl\+ { - height: 1rem; - } - .h-3\/2r\@xl\+, .sz-3\/2r\@xl\+ { - height: 1.5rem; - } - .h-2r\@xl\+, .sz-2r\@xl\+ { - height: 2rem; - } - .h-5\/2r\@xl\+, .sz-5\/2r\@xl\+ { - height: 2.5rem; - } - .h-3r\@xl\+, .sz-3r\@xl\+ { - height: 3rem; - } - .h-7\/2r\@xl\+, .sz-7\/2r\@xl\+ { - height: 3.5rem; - } - .h-4r\@xl\+, .sz-4r\@xl\+ { - height: 4rem; - } - .h-9\/2r\@xl\+, .sz-9\/2r\@xl\+ { - height: 4.5rem; - } - .h-5r\@xl\+, .sz-5r\@xl\+ { - height: 5rem; - } - .h-11\/2r\@xl\+, .sz-11\/2r\@xl\+ { - height: 5.5rem; - } - .h-6r\@xl\+, .sz-6r\@xl\+ { - height: 6rem; - } - } - @media screen and (min-width: 1200px) { - .h-1\/4r\@lg\+, .sz-1\/4r\@lg\+ { - height: 0.25rem; - } - .h-1\/2r\@lg\+, .sz-1\/2r\@lg\+ { - height: 0.5rem; - } - .h-3\/4r\@lg\+, .sz-3\/4r\@lg\+ { - height: 0.75rem; - } - .h-1r\@lg\+, .sz-1r\@lg\+ { - height: 1rem; - } - .h-3\/2r\@lg\+, .sz-3\/2r\@lg\+ { - height: 1.5rem; - } - .h-2r\@lg\+, .sz-2r\@lg\+ { - height: 2rem; - } - .h-5\/2r\@lg\+, .sz-5\/2r\@lg\+ { - height: 2.5rem; - } - .h-3r\@lg\+, .sz-3r\@lg\+ { - height: 3rem; - } - .h-7\/2r\@lg\+, .sz-7\/2r\@lg\+ { - height: 3.5rem; - } - .h-4r\@lg\+, .sz-4r\@lg\+ { - height: 4rem; - } - .h-9\/2r\@lg\+, .sz-9\/2r\@lg\+ { - height: 4.5rem; - } - .h-5r\@lg\+, .sz-5r\@lg\+ { - height: 5rem; - } - .h-11\/2r\@lg\+, .sz-11\/2r\@lg\+ { - height: 5.5rem; - } - .h-6r\@lg\+, .sz-6r\@lg\+ { - height: 6rem; - } - } - @media screen and (min-width: 992px) { - .h-1\/4r\@md\+, .sz-1\/4r\@md\+ { - height: 0.25rem; - } - .h-1\/2r\@md\+, .sz-1\/2r\@md\+ { - height: 0.5rem; - } - .h-3\/4r\@md\+, .sz-3\/4r\@md\+ { - height: 0.75rem; - } - .h-1r\@md\+, .sz-1r\@md\+ { - height: 1rem; - } - .h-3\/2r\@md\+, .sz-3\/2r\@md\+ { - height: 1.5rem; - } - .h-2r\@md\+, .sz-2r\@md\+ { - height: 2rem; - } - .h-5\/2r\@md\+, .sz-5\/2r\@md\+ { - height: 2.5rem; - } - .h-3r\@md\+, .sz-3r\@md\+ { - height: 3rem; - } - .h-7\/2r\@md\+, .sz-7\/2r\@md\+ { - height: 3.5rem; - } - .h-4r\@md\+, .sz-4r\@md\+ { - height: 4rem; - } - .h-9\/2r\@md\+, .sz-9\/2r\@md\+ { - height: 4.5rem; - } - .h-5r\@md\+, .sz-5r\@md\+ { - height: 5rem; - } - .h-11\/2r\@md\+, .sz-11\/2r\@md\+ { - height: 5.5rem; - } - .h-6r\@md\+, .sz-6r\@md\+ { - height: 6rem; - } - } - @media screen and (min-width: 768px) { - .h-1\/4r\@sm\+, .sz-1\/4r\@sm\+ { - height: 0.25rem; - } - .h-1\/2r\@sm\+, .sz-1\/2r\@sm\+ { - height: 0.5rem; - } - .h-3\/4r\@sm\+, .sz-3\/4r\@sm\+ { - height: 0.75rem; - } - .h-1r\@sm\+, .sz-1r\@sm\+ { - height: 1rem; - } - .h-3\/2r\@sm\+, .sz-3\/2r\@sm\+ { - height: 1.5rem; - } - .h-2r\@sm\+, .sz-2r\@sm\+ { - height: 2rem; - } - .h-5\/2r\@sm\+, .sz-5\/2r\@sm\+ { - height: 2.5rem; - } - .h-3r\@sm\+, .sz-3r\@sm\+ { - height: 3rem; - } - .h-7\/2r\@sm\+, .sz-7\/2r\@sm\+ { - height: 3.5rem; - } - .h-4r\@sm\+, .sz-4r\@sm\+ { - height: 4rem; - } - .h-9\/2r\@sm\+, .sz-9\/2r\@sm\+ { - height: 4.5rem; - } - .h-5r\@sm\+, .sz-5r\@sm\+ { - height: 5rem; - } - .h-11\/2r\@sm\+, .sz-11\/2r\@sm\+ { - height: 5.5rem; - } - .h-6r\@sm\+, .sz-6r\@sm\+ { - height: 6rem; - } - } - @media screen and (min-width: 0) { - .h-1\/4r\@xs\+, .sz-1\/4r\@xs\+ { - height: 0.25rem; - } - .h-1\/2r\@xs\+, .sz-1\/2r\@xs\+ { - height: 0.5rem; - } - .h-3\/4r\@xs\+, .sz-3\/4r\@xs\+ { - height: 0.75rem; - } - .h-1r\@xs\+, .sz-1r\@xs\+ { - height: 1rem; - } - .h-3\/2r\@xs\+, .sz-3\/2r\@xs\+ { - height: 1.5rem; - } - .h-2r\@xs\+, .sz-2r\@xs\+ { - height: 2rem; - } - .h-5\/2r\@xs\+, .sz-5\/2r\@xs\+ { - height: 2.5rem; - } - .h-3r\@xs\+, .sz-3r\@xs\+ { - height: 3rem; - } - .h-7\/2r\@xs\+, .sz-7\/2r\@xs\+ { - height: 3.5rem; - } - .h-4r\@xs\+, .sz-4r\@xs\+ { - height: 4rem; - } - .h-9\/2r\@xs\+, .sz-9\/2r\@xs\+ { - height: 4.5rem; - } - .h-5r\@xs\+, .sz-5r\@xs\+ { - height: 5rem; - } - .h-11\/2r\@xs\+, .sz-11\/2r\@xs\+ { - height: 5.5rem; - } - .h-6r\@xs\+, .sz-6r\@xs\+ { - height: 6rem; - } - } - @media screen and (max-width: 1439px) { - .h-1\/4r\@xl-, .sz-1\/4r\@xl- { - height: 0.25rem; - } - .h-1\/2r\@xl-, .sz-1\/2r\@xl- { - height: 0.5rem; - } - .h-3\/4r\@xl-, .sz-3\/4r\@xl- { - height: 0.75rem; - } - .h-1r\@xl-, .sz-1r\@xl- { - height: 1rem; - } - .h-3\/2r\@xl-, .sz-3\/2r\@xl- { - height: 1.5rem; - } - .h-2r\@xl-, .sz-2r\@xl- { - height: 2rem; - } - .h-5\/2r\@xl-, .sz-5\/2r\@xl- { - height: 2.5rem; - } - .h-3r\@xl-, .sz-3r\@xl- { - height: 3rem; - } - .h-7\/2r\@xl-, .sz-7\/2r\@xl- { - height: 3.5rem; - } - .h-4r\@xl-, .sz-4r\@xl- { - height: 4rem; - } - .h-9\/2r\@xl-, .sz-9\/2r\@xl- { - height: 4.5rem; - } - .h-5r\@xl-, .sz-5r\@xl- { - height: 5rem; - } - .h-11\/2r\@xl-, .sz-11\/2r\@xl- { - height: 5.5rem; - } - .h-6r\@xl-, .sz-6r\@xl- { - height: 6rem; - } - } - @media screen and (max-width: 1199px) { - .h-1\/4r\@lg-, .sz-1\/4r\@lg- { - height: 0.25rem; - } - .h-1\/2r\@lg-, .sz-1\/2r\@lg- { - height: 0.5rem; - } - .h-3\/4r\@lg-, .sz-3\/4r\@lg- { - height: 0.75rem; - } - .h-1r\@lg-, .sz-1r\@lg- { - height: 1rem; - } - .h-3\/2r\@lg-, .sz-3\/2r\@lg- { - height: 1.5rem; - } - .h-2r\@lg-, .sz-2r\@lg- { - height: 2rem; - } - .h-5\/2r\@lg-, .sz-5\/2r\@lg- { - height: 2.5rem; - } - .h-3r\@lg-, .sz-3r\@lg- { - height: 3rem; - } - .h-7\/2r\@lg-, .sz-7\/2r\@lg- { - height: 3.5rem; - } - .h-4r\@lg-, .sz-4r\@lg- { - height: 4rem; - } - .h-9\/2r\@lg-, .sz-9\/2r\@lg- { - height: 4.5rem; - } - .h-5r\@lg-, .sz-5r\@lg- { - height: 5rem; - } - .h-11\/2r\@lg-, .sz-11\/2r\@lg- { - height: 5.5rem; - } - .h-6r\@lg-, .sz-6r\@lg- { - height: 6rem; - } - } - @media screen and (max-width: 991px) { - .h-1\/4r\@md-, .sz-1\/4r\@md- { - height: 0.25rem; - } - .h-1\/2r\@md-, .sz-1\/2r\@md- { - height: 0.5rem; - } - .h-3\/4r\@md-, .sz-3\/4r\@md- { - height: 0.75rem; - } - .h-1r\@md-, .sz-1r\@md- { - height: 1rem; - } - .h-3\/2r\@md-, .sz-3\/2r\@md- { - height: 1.5rem; - } - .h-2r\@md-, .sz-2r\@md- { - height: 2rem; - } - .h-5\/2r\@md-, .sz-5\/2r\@md- { - height: 2.5rem; - } - .h-3r\@md-, .sz-3r\@md- { - height: 3rem; - } - .h-7\/2r\@md-, .sz-7\/2r\@md- { - height: 3.5rem; - } - .h-4r\@md-, .sz-4r\@md- { - height: 4rem; - } - .h-9\/2r\@md-, .sz-9\/2r\@md- { - height: 4.5rem; - } - .h-5r\@md-, .sz-5r\@md- { - height: 5rem; - } - .h-11\/2r\@md-, .sz-11\/2r\@md- { - height: 5.5rem; - } - .h-6r\@md-, .sz-6r\@md- { - height: 6rem; - } - } - @media screen and (max-width: 767px) { - .h-1\/4r\@sm-, .sz-1\/4r\@sm- { - height: 0.25rem; - } - .h-1\/2r\@sm-, .sz-1\/2r\@sm- { - height: 0.5rem; - } - .h-3\/4r\@sm-, .sz-3\/4r\@sm- { - height: 0.75rem; - } - .h-1r\@sm-, .sz-1r\@sm- { - height: 1rem; - } - .h-3\/2r\@sm-, .sz-3\/2r\@sm- { - height: 1.5rem; - } - .h-2r\@sm-, .sz-2r\@sm- { - height: 2rem; - } - .h-5\/2r\@sm-, .sz-5\/2r\@sm- { - height: 2.5rem; - } - .h-3r\@sm-, .sz-3r\@sm- { - height: 3rem; - } - .h-7\/2r\@sm-, .sz-7\/2r\@sm- { - height: 3.5rem; - } - .h-4r\@sm-, .sz-4r\@sm- { - height: 4rem; - } - .h-9\/2r\@sm-, .sz-9\/2r\@sm- { - height: 4.5rem; - } - .h-5r\@sm-, .sz-5r\@sm- { - height: 5rem; - } - .h-11\/2r\@sm-, .sz-11\/2r\@sm- { - height: 5.5rem; - } - .h-6r\@sm-, .sz-6r\@sm- { - height: 6rem; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .h-1\/4r\@lg, .sz-1\/4r\@lg { - height: 0.25rem; - } - .h-1\/2r\@lg, .sz-1\/2r\@lg { - height: 0.5rem; - } - .h-3\/4r\@lg, .sz-3\/4r\@lg { - height: 0.75rem; - } - .h-1r\@lg, .sz-1r\@lg { - height: 1rem; - } - .h-3\/2r\@lg, .sz-3\/2r\@lg { - height: 1.5rem; - } - .h-2r\@lg, .sz-2r\@lg { - height: 2rem; - } - .h-5\/2r\@lg, .sz-5\/2r\@lg { - height: 2.5rem; - } - .h-3r\@lg, .sz-3r\@lg { - height: 3rem; - } - .h-7\/2r\@lg, .sz-7\/2r\@lg { - height: 3.5rem; - } - .h-4r\@lg, .sz-4r\@lg { - height: 4rem; - } - .h-9\/2r\@lg, .sz-9\/2r\@lg { - height: 4.5rem; - } - .h-5r\@lg, .sz-5r\@lg { - height: 5rem; - } - .h-11\/2r\@lg, .sz-11\/2r\@lg { - height: 5.5rem; - } - .h-6r\@lg, .sz-6r\@lg { - height: 6rem; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .h-1\/4r\@md, .sz-1\/4r\@md { - height: 0.25rem; - } - .h-1\/2r\@md, .sz-1\/2r\@md { - height: 0.5rem; - } - .h-3\/4r\@md, .sz-3\/4r\@md { - height: 0.75rem; - } - .h-1r\@md, .sz-1r\@md { - height: 1rem; - } - .h-3\/2r\@md, .sz-3\/2r\@md { - height: 1.5rem; - } - .h-2r\@md, .sz-2r\@md { - height: 2rem; - } - .h-5\/2r\@md, .sz-5\/2r\@md { - height: 2.5rem; - } - .h-3r\@md, .sz-3r\@md { - height: 3rem; - } - .h-7\/2r\@md, .sz-7\/2r\@md { - height: 3.5rem; - } - .h-4r\@md, .sz-4r\@md { - height: 4rem; - } - .h-9\/2r\@md, .sz-9\/2r\@md { - height: 4.5rem; - } - .h-5r\@md, .sz-5r\@md { - height: 5rem; - } - .h-11\/2r\@md, .sz-11\/2r\@md { - height: 5.5rem; - } - .h-6r\@md, .sz-6r\@md { - height: 6rem; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .h-1\/4r\@sm, .sz-1\/4r\@sm { - height: 0.25rem; - } - .h-1\/2r\@sm, .sz-1\/2r\@sm { - height: 0.5rem; - } - .h-3\/4r\@sm, .sz-3\/4r\@sm { - height: 0.75rem; - } - .h-1r\@sm, .sz-1r\@sm { - height: 1rem; - } - .h-3\/2r\@sm, .sz-3\/2r\@sm { - height: 1.5rem; - } - .h-2r\@sm, .sz-2r\@sm { - height: 2rem; - } - .h-5\/2r\@sm, .sz-5\/2r\@sm { - height: 2.5rem; - } - .h-3r\@sm, .sz-3r\@sm { - height: 3rem; - } - .h-7\/2r\@sm, .sz-7\/2r\@sm { - height: 3.5rem; - } - .h-4r\@sm, .sz-4r\@sm { - height: 4rem; - } - .h-9\/2r\@sm, .sz-9\/2r\@sm { - height: 4.5rem; - } - .h-5r\@sm, .sz-5r\@sm { - height: 5rem; - } - .h-11\/2r\@sm, .sz-11\/2r\@sm { - height: 5.5rem; - } - .h-6r\@sm, .sz-6r\@sm { - height: 6rem; - } - } - .h-0 { - height: 0; - } - - .h-auto { - height: auto; - } - - .h-100p { - height: 100%; - } - - .h-100vh { - height: 100vh; - } - - @media screen and (min-width: 1440px) { - .h-0\@xl\+ { - height: 0; - } - .h-auto\@xl\+ { - height: auto; - } - .h-100p\@xl\+ { - height: 100%; - } - .h-100vh\@xl\+ { - height: 100vh; - } - } - @media screen and (min-width: 1200px) { - .h-0\@lg\+ { - height: 0; - } - .h-auto\@lg\+ { - height: auto; - } - .h-100p\@lg\+ { - height: 100%; - } - .h-100vh\@lg\+ { - height: 100vh; - } - } - @media screen and (min-width: 992px) { - .h-0\@md\+ { - height: 0; - } - .h-auto\@md\+ { - height: auto; - } - .h-100p\@md\+ { - height: 100%; - } - .h-100vh\@md\+ { - height: 100vh; - } - } - @media screen and (min-width: 768px) { - .h-0\@sm\+ { - height: 0; - } - .h-auto\@sm\+ { - height: auto; - } - .h-100p\@sm\+ { - height: 100%; - } - .h-100vh\@sm\+ { - height: 100vh; - } - } - @media screen and (min-width: 0) { - .h-0\@xs\+ { - height: 0; - } - .h-auto\@xs\+ { - height: auto; - } - .h-100p\@xs\+ { - height: 100%; - } - .h-100vh\@xs\+ { - height: 100vh; - } - } - @media screen and (max-width: 1439px) { - .h-0\@xl- { - height: 0; - } - .h-auto\@xl- { - height: auto; - } - .h-100p\@xl- { - height: 100%; - } - .h-100vh\@xl- { - height: 100vh; - } - } - @media screen and (max-width: 1199px) { - .h-0\@lg- { - height: 0; - } - .h-auto\@lg- { - height: auto; - } - .h-100p\@lg- { - height: 100%; - } - .h-100vh\@lg- { - height: 100vh; - } - } - @media screen and (max-width: 991px) { - .h-0\@md- { - height: 0; - } - .h-auto\@md- { - height: auto; - } - .h-100p\@md- { - height: 100%; - } - .h-100vh\@md- { - height: 100vh; - } - } - @media screen and (max-width: 767px) { - .h-0\@sm- { - height: 0; - } - .h-auto\@sm- { - height: auto; - } - .h-100p\@sm- { - height: 100%; - } - .h-100vh\@sm- { - height: 100vh; - } - } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .h-0\@lg { - height: 0; - } - .h-auto\@lg { - height: auto; - } - .h-100p\@lg { - height: 100%; - } - .h-100vh\@lg { - height: 100vh; - } - } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .h-0\@md { - height: 0; - } - .h-auto\@md { - height: auto; - } - .h-100p\@md { - height: 100%; - } - .h-100vh\@md { - height: 100vh; - } - } - @media screen and (min-width: 767px) and (max-width: 991px) { - .h-0\@sm { - height: 0; - } - .h-auto\@sm { - height: auto; - } - .h-100p\@sm { - height: 100%; - } - .h-100vh\@sm { - height: 100vh; - } - } - .mw-100p { +} +@media (min-width: 768px) { + .offcanvas-md { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-md .offcanvas-header { + display: none; + } + .offcanvas-md .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 991.98px) { + .offcanvas-lg { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); } - - .mh-100p { +} +@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-lg { + transition: none; + } +} +@media (max-width: 991.98px) { + .offcanvas-lg.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-lg.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-lg.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); } - - @media screen and (min-width: 1440px) { - .mw-100p\@xl\+ { - max-width: 100%; - } - .mh-100p\@xl\+ { - max-height: 100%; - } + .offcanvas-lg.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); } - @media screen and (min-width: 1200px) { - .mw-100p\@lg\+ { - max-width: 100%; - } - .mh-100p\@lg\+ { - max-height: 100%; - } + .offcanvas-lg.showing, .offcanvas-lg.show:not(.hiding) { + transform: none; } - @media screen and (min-width: 992px) { - .mw-100p\@md\+ { - max-width: 100%; - } - .mh-100p\@md\+ { - max-height: 100%; - } + .offcanvas-lg.showing, .offcanvas-lg.hiding, .offcanvas-lg.show { + visibility: visible; } - @media screen and (min-width: 768px) { - .mw-100p\@sm\+ { - max-width: 100%; - } - .mh-100p\@sm\+ { - max-height: 100%; - } +} +@media (min-width: 992px) { + .offcanvas-lg { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; } - @media screen and (min-width: 0) { - .mw-100p\@xs\+ { - max-width: 100%; - } - .mh-100p\@xs\+ { - max-height: 100%; - } + .offcanvas-lg .offcanvas-header { + display: none; } - @media screen and (max-width: 1439px) { - .mw-100p\@xl- { - max-width: 100%; - } - .mh-100p\@xl- { - max-height: 100%; - } + .offcanvas-lg .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; } - @media screen and (max-width: 1199px) { - .mw-100p\@lg- { - max-width: 100%; - } - .mh-100p\@lg- { - max-height: 100%; - } +} + +@media (max-width: 1199.98px) { + .offcanvas-xl { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); } - @media screen and (max-width: 991px) { - .mw-100p\@md- { - max-width: 100%; - } - .mh-100p\@md- { - max-height: 100%; - } +} +@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xl { + transition: none; } - @media screen and (max-width: 767px) { - .mw-100p\@sm- { - max-width: 100%; - } - .mh-100p\@sm- { - max-height: 100%; - } +} +@media (max-width: 1199.98px) { + .offcanvas-xl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .mw-100p\@lg { - max-width: 100%; - } - .mh-100p\@lg { - max-height: 100%; - } + .offcanvas-xl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .mw-100p\@md { - max-width: 100%; - } - .mh-100p\@md { - max-height: 100%; - } + .offcanvas-xl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); } - @media screen and (min-width: 767px) and (max-width: 991px) { - .mw-100p\@sm { - max-width: 100%; - } - .mh-100p\@sm { - max-height: 100%; - } + .offcanvas-xl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); } - .ta-c { - text-align: center !important; + .offcanvas-xl.showing, .offcanvas-xl.show:not(.hiding) { + transform: none; } - - .ta-l { + .offcanvas-xl.showing, .offcanvas-xl.hiding, .offcanvas-xl.show { + visibility: visible; + } +} +@media (min-width: 1200px) { + .offcanvas-xl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xl .offcanvas-header { + display: none; + } + .offcanvas-xl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +@media (max-width: 1399.98px) { + .offcanvas-xxl { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); + } +} +@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) { + .offcanvas-xxl { + transition: none; + } +} +@media (max-width: 1399.98px) { + .offcanvas-xxl.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); + } + .offcanvas-xxl.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); + } + .offcanvas-xxl.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); + } + .offcanvas-xxl.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); + } + .offcanvas-xxl.showing, .offcanvas-xxl.show:not(.hiding) { + transform: none; + } + .offcanvas-xxl.showing, .offcanvas-xxl.hiding, .offcanvas-xxl.show { + visibility: visible; + } +} +@media (min-width: 1400px) { + .offcanvas-xxl { + --bs-offcanvas-height: auto; + --bs-offcanvas-border-width: 0; + background-color: transparent !important; + } + .offcanvas-xxl .offcanvas-header { + display: none; + } + .offcanvas-xxl .offcanvas-body { + display: flex; + flex-grow: 0; + padding: 0; + overflow-y: visible; + background-color: transparent !important; + } +} + +.offcanvas { + position: fixed; + bottom: 0; + z-index: var(--bs-offcanvas-zindex); + display: flex; + flex-direction: column; + max-width: 100%; + color: var(--bs-offcanvas-color); + visibility: hidden; + background-color: var(--bs-offcanvas-bg); + background-clip: padding-box; + outline: 0; + transition: var(--bs-offcanvas-transition); +} +@media (prefers-reduced-motion: reduce) { + .offcanvas { + transition: none; + } +} +.offcanvas.offcanvas-start { + top: 0; + left: 0; + width: var(--bs-offcanvas-width); + border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(-100%); +} +.offcanvas.offcanvas-end { + top: 0; + right: 0; + width: var(--bs-offcanvas-width); + border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateX(100%); +} +.offcanvas.offcanvas-top { + top: 0; + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(-100%); +} +.offcanvas.offcanvas-bottom { + right: 0; + left: 0; + height: var(--bs-offcanvas-height); + max-height: 100%; + border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color); + transform: translateY(100%); +} +.offcanvas.showing, .offcanvas.show:not(.hiding) { + transform: none; +} +.offcanvas.showing, .offcanvas.hiding, .offcanvas.show { + visibility: visible; +} + +.offcanvas-backdrop { + position: fixed; + top: 0; + left: 0; + z-index: 1040; + width: 100vw; + height: 100vh; + background-color: #000; +} +.offcanvas-backdrop.fade { + opacity: 0; +} +.offcanvas-backdrop.show { + opacity: 0.5; +} + +.offcanvas-header { + display: flex; + align-items: center; + justify-content: space-between; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); +} +.offcanvas-header .btn-close { + padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5); + margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y)); + margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x)); + margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y)); +} + +.offcanvas-title { + margin-bottom: 0; + line-height: var(--bs-offcanvas-title-line-height); +} + +.offcanvas-body { + flex-grow: 1; + padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x); + overflow-y: auto; +} + +.placeholder { + display: inline-block; + min-height: 1em; + vertical-align: middle; + cursor: wait; + background-color: currentcolor; + opacity: 0.5; +} +.placeholder.btn::before { + display: inline-block; + content: ""; +} + +.placeholder-xs { + min-height: 0.6em; +} + +.placeholder-sm { + min-height: 0.8em; +} + +.placeholder-lg { + min-height: 1.2em; +} + +.placeholder-glow .placeholder { + animation: placeholder-glow 2s ease-in-out infinite; +} + +@keyframes placeholder-glow { + 50% { + opacity: 0.2; + } +} +.placeholder-wave { + -webkit-mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + mask-image: linear-gradient(130deg, #000 55%, rgba(0, 0, 0, 0.8) 75%, #000 95%); + -webkit-mask-size: 200% 100%; + mask-size: 200% 100%; + animation: placeholder-wave 2s linear infinite; +} + +@keyframes placeholder-wave { + 100% { + -webkit-mask-position: -200% 0%; + mask-position: -200% 0%; + } +} +.clearfix::after { + display: block; + clear: both; + content: ""; +} + +.text-bg-primary { + color: #fff !important; + background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-secondary { + color: #fff !important; + background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-success { + color: #fff !important; + background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-info { + color: #000 !important; + background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-warning { + color: #000 !important; + background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-danger { + color: #fff !important; + background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-light { + color: #000 !important; + background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.text-bg-dark { + color: #fff !important; + background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important; +} + +.link-primary { + color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-primary:hover, .link-primary:focus { + color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-secondary { + color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-secondary:hover, .link-secondary:focus { + color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-success { + color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-success:hover, .link-success:focus { + color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-info { + color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-info:hover, .link-info:focus { + color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-warning { + color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-warning:hover, .link-warning:focus { + color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-danger { + color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-danger:hover, .link-danger:focus { + color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-light { + color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-light:hover, .link-light:focus { + color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-dark { + color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-dark:hover, .link-dark:focus { + color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important; +} + +.link-body-emphasis { + color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important; +} +.link-body-emphasis:hover, .link-body-emphasis:focus { + color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important; + -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; + text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important; +} + +.focus-ring:focus { + outline: 0; + box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color); +} + +.icon-link { + display: inline-flex; + gap: 0.375rem; + align-items: center; + -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); + text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5)); + text-underline-offset: 0.25em; + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} +.icon-link > .bi { + flex-shrink: 0; + width: 1em; + height: 1em; + fill: currentcolor; + transition: 0.2s ease-in-out transform; +} +@media (prefers-reduced-motion: reduce) { + .icon-link > .bi { + transition: none; + } +} + +.icon-link-hover:hover > .bi, .icon-link-hover:focus-visible > .bi { + transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0)); +} + +.ratio { + position: relative; + width: 100%; +} +.ratio::before { + display: block; + padding-top: var(--bs-aspect-ratio); + content: ""; +} +.ratio > * { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +.ratio-1x1 { + --bs-aspect-ratio: 100%; +} + +.ratio-4x3 { + --bs-aspect-ratio: 75%; +} + +.ratio-16x9 { + --bs-aspect-ratio: 56.25%; +} + +.ratio-21x9 { + --bs-aspect-ratio: 42.8571428571%; +} + +.fixed-top { + position: fixed; + top: 0; + right: 0; + left: 0; + z-index: 1030; +} + +.fixed-bottom { + position: fixed; + right: 0; + bottom: 0; + left: 0; + z-index: 1030; +} + +.sticky-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; +} + +.sticky-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; +} + +@media (min-width: 576px) { + .sticky-sm-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-sm-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 768px) { + .sticky-md-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-md-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 992px) { + .sticky-lg-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-lg-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 1200px) { + .sticky-xl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xl-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +@media (min-width: 1400px) { + .sticky-xxl-top { + position: -webkit-sticky; + position: sticky; + top: 0; + z-index: 1020; + } + .sticky-xxl-bottom { + position: -webkit-sticky; + position: sticky; + bottom: 0; + z-index: 1020; + } +} +.hstack { + display: flex; + flex-direction: row; + align-items: center; + align-self: stretch; +} + +.vstack { + display: flex; + flex: 1 1 auto; + flex-direction: column; + align-self: stretch; +} + +.visually-hidden, +.visually-hidden-focusable:not(:focus):not(:focus-within) { + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border: 0 !important; +} +.visually-hidden:not(caption), +.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) { + position: absolute !important; +} + +.stretched-link::after { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + z-index: 1; + content: ""; +} + +.text-truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.vr { + display: inline-block; + align-self: stretch; + width: var(--bs-border-width); + min-height: 1em; + background-color: currentcolor; + opacity: 0.25; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.float-start { + float: left !important; +} + +.float-end { + float: right !important; +} + +.float-none { + float: none !important; +} + +.object-fit-contain { + -o-object-fit: contain !important; + object-fit: contain !important; +} + +.object-fit-cover { + -o-object-fit: cover !important; + object-fit: cover !important; +} + +.object-fit-fill { + -o-object-fit: fill !important; + object-fit: fill !important; +} + +.object-fit-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; +} + +.object-fit-none { + -o-object-fit: none !important; + object-fit: none !important; +} + +.opacity-0 { + opacity: 0 !important; +} + +.opacity-25 { + opacity: 0.25 !important; +} + +.opacity-50 { + opacity: 0.5 !important; +} + +.opacity-75 { + opacity: 0.75 !important; +} + +.opacity-100 { + opacity: 1 !important; +} + +.overflow-auto { + overflow: auto !important; +} + +.overflow-hidden { + overflow: hidden !important; +} + +.overflow-visible { + overflow: visible !important; +} + +.overflow-scroll { + overflow: scroll !important; +} + +.overflow-x-auto { + overflow-x: auto !important; +} + +.overflow-x-hidden { + overflow-x: hidden !important; +} + +.overflow-x-visible { + overflow-x: visible !important; +} + +.overflow-x-scroll { + overflow-x: scroll !important; +} + +.overflow-y-auto { + overflow-y: auto !important; +} + +.overflow-y-hidden { + overflow-y: hidden !important; +} + +.overflow-y-visible { + overflow-y: visible !important; +} + +.overflow-y-scroll { + overflow-y: scroll !important; +} + +.d-inline { + display: inline !important; +} + +.d-inline-block { + display: inline-block !important; +} + +.d-block { + display: block !important; +} + +.d-grid { + display: grid !important; +} + +.d-inline-grid { + display: inline-grid !important; +} + +.d-table { + display: table !important; +} + +.d-table-row { + display: table-row !important; +} + +.d-table-cell { + display: table-cell !important; +} + +.d-flex { + display: flex !important; +} + +.d-inline-flex { + display: inline-flex !important; +} + +.d-none { + display: none !important; +} + +.shadow { + box-shadow: var(--bs-box-shadow) !important; +} + +.shadow-sm { + box-shadow: var(--bs-box-shadow-sm) !important; +} + +.shadow-lg { + box-shadow: var(--bs-box-shadow-lg) !important; +} + +.shadow-none { + box-shadow: none !important; +} + +.focus-ring-primary { + --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-secondary { + --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-success { + --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-info { + --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-warning { + --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-danger { + --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-light { + --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity)); +} + +.focus-ring-dark { + --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity)); +} + +.position-static { + position: static !important; +} + +.position-relative { + position: relative !important; +} + +.position-absolute { + position: absolute !important; +} + +.position-fixed { + position: fixed !important; +} + +.position-sticky { + position: -webkit-sticky !important; + position: sticky !important; +} + +.top-0 { + top: 0 !important; +} + +.top-50 { + top: 50% !important; +} + +.top-100 { + top: 100% !important; +} + +.bottom-0 { + bottom: 0 !important; +} + +.bottom-50 { + bottom: 50% !important; +} + +.bottom-100 { + bottom: 100% !important; +} + +.start-0 { + left: 0 !important; +} + +.start-50 { + left: 50% !important; +} + +.start-100 { + left: 100% !important; +} + +.end-0 { + right: 0 !important; +} + +.end-50 { + right: 50% !important; +} + +.end-100 { + right: 100% !important; +} + +.translate-middle { + transform: translate(-50%, -50%) !important; +} + +.translate-middle-x { + transform: translateX(-50%) !important; +} + +.translate-middle-y { + transform: translateY(-50%) !important; +} + +.border { + border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-0 { + border: 0 !important; +} + +.border-top { + border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-top-0 { + border-top: 0 !important; +} + +.border-end { + border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-end-0 { + border-right: 0 !important; +} + +.border-bottom { + border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-bottom-0 { + border-bottom: 0 !important; +} + +.border-start { + border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important; +} + +.border-start-0 { + border-left: 0 !important; +} + +.border-primary { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important; +} + +.border-secondary { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important; +} + +.border-success { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important; +} + +.border-info { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important; +} + +.border-warning { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important; +} + +.border-danger { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important; +} + +.border-light { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important; +} + +.border-dark { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important; +} + +.border-black { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important; +} + +.border-white { + --bs-border-opacity: 1; + border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important; +} + +.border-primary-subtle { + border-color: var(--bs-primary-border-subtle) !important; +} + +.border-secondary-subtle { + border-color: var(--bs-secondary-border-subtle) !important; +} + +.border-success-subtle { + border-color: var(--bs-success-border-subtle) !important; +} + +.border-info-subtle { + border-color: var(--bs-info-border-subtle) !important; +} + +.border-warning-subtle { + border-color: var(--bs-warning-border-subtle) !important; +} + +.border-danger-subtle { + border-color: var(--bs-danger-border-subtle) !important; +} + +.border-light-subtle { + border-color: var(--bs-light-border-subtle) !important; +} + +.border-dark-subtle { + border-color: var(--bs-dark-border-subtle) !important; +} + +.border-1 { + border-width: 1px !important; +} + +.border-2 { + border-width: 2px !important; +} + +.border-3 { + border-width: 3px !important; +} + +.border-4 { + border-width: 4px !important; +} + +.border-5 { + border-width: 5px !important; +} + +.border-opacity-10 { + --bs-border-opacity: 0.1; +} + +.border-opacity-25 { + --bs-border-opacity: 0.25; +} + +.border-opacity-50 { + --bs-border-opacity: 0.5; +} + +.border-opacity-75 { + --bs-border-opacity: 0.75; +} + +.border-opacity-100 { + --bs-border-opacity: 1; +} + +.w-25 { + width: 25% !important; +} + +.w-50 { + width: 50% !important; +} + +.w-75 { + width: 75% !important; +} + +.w-100 { + width: 100% !important; +} + +.w-auto { + width: auto !important; +} + +.mw-100 { + max-width: 100% !important; +} + +.vw-100 { + width: 100vw !important; +} + +.min-vw-100 { + min-width: 100vw !important; +} + +.h-25 { + height: 25% !important; +} + +.h-50 { + height: 50% !important; +} + +.h-75 { + height: 75% !important; +} + +.h-100 { + height: 100% !important; +} + +.h-auto { + height: auto !important; +} + +.mh-100 { + max-height: 100% !important; +} + +.vh-100 { + height: 100vh !important; +} + +.min-vh-100 { + min-height: 100vh !important; +} + +.flex-fill { + flex: 1 1 auto !important; +} + +.flex-row { + flex-direction: row !important; +} + +.flex-column { + flex-direction: column !important; +} + +.flex-row-reverse { + flex-direction: row-reverse !important; +} + +.flex-column-reverse { + flex-direction: column-reverse !important; +} + +.flex-grow-0 { + flex-grow: 0 !important; +} + +.flex-grow-1 { + flex-grow: 1 !important; +} + +.flex-shrink-0 { + flex-shrink: 0 !important; +} + +.flex-shrink-1 { + flex-shrink: 1 !important; +} + +.flex-wrap { + flex-wrap: wrap !important; +} + +.flex-nowrap { + flex-wrap: nowrap !important; +} + +.flex-wrap-reverse { + flex-wrap: wrap-reverse !important; +} + +.justify-content-start { + justify-content: flex-start !important; +} + +.justify-content-end { + justify-content: flex-end !important; +} + +.justify-content-center { + justify-content: center !important; +} + +.justify-content-between { + justify-content: space-between !important; +} + +.justify-content-around { + justify-content: space-around !important; +} + +.justify-content-evenly { + justify-content: space-evenly !important; +} + +.align-items-start { + align-items: flex-start !important; +} + +.align-items-end { + align-items: flex-end !important; +} + +.align-items-center { + align-items: center !important; +} + +.align-items-baseline { + align-items: baseline !important; +} + +.align-items-stretch { + align-items: stretch !important; +} + +.align-content-start { + align-content: flex-start !important; +} + +.align-content-end { + align-content: flex-end !important; +} + +.align-content-center { + align-content: center !important; +} + +.align-content-between { + align-content: space-between !important; +} + +.align-content-around { + align-content: space-around !important; +} + +.align-content-stretch { + align-content: stretch !important; +} + +.align-self-auto { + align-self: auto !important; +} + +.align-self-start { + align-self: flex-start !important; +} + +.align-self-end { + align-self: flex-end !important; +} + +.align-self-center { + align-self: center !important; +} + +.align-self-baseline { + align-self: baseline !important; +} + +.align-self-stretch { + align-self: stretch !important; +} + +.order-first { + order: -1 !important; +} + +.order-0 { + order: 0 !important; +} + +.order-1 { + order: 1 !important; +} + +.order-2 { + order: 2 !important; +} + +.order-3 { + order: 3 !important; +} + +.order-4 { + order: 4 !important; +} + +.order-5 { + order: 5 !important; +} + +.order-last { + order: 6 !important; +} + +.m-0 { + margin: 0 !important; +} + +.m-1 { + margin: 0.25rem !important; +} + +.m-2 { + margin: 0.5rem !important; +} + +.m-3 { + margin: 1rem !important; +} + +.m-4 { + margin: 1.5rem !important; +} + +.m-5 { + margin: 3rem !important; +} + +.m-auto { + margin: auto !important; +} + +.mx-0 { + margin-right: 0 !important; + margin-left: 0 !important; +} + +.mx-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; +} + +.mx-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; +} + +.mx-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; +} + +.mx-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; +} + +.mx-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; +} + +.mx-auto { + margin-right: auto !important; + margin-left: auto !important; +} + +.my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; +} + +.my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; +} + +.my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; +} + +.my-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; +} + +.my-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; +} + +.my-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; +} + +.my-auto { + margin-top: auto !important; + margin-bottom: auto !important; +} + +.mt-0 { + margin-top: 0 !important; +} + +.mt-1 { + margin-top: 0.25rem !important; +} + +.mt-2 { + margin-top: 0.5rem !important; +} + +.mt-3 { + margin-top: 1rem !important; +} + +.mt-4 { + margin-top: 1.5rem !important; +} + +.mt-5 { + margin-top: 3rem !important; +} + +.mt-auto { + margin-top: auto !important; +} + +.me-0 { + margin-right: 0 !important; +} + +.me-1 { + margin-right: 0.25rem !important; +} + +.me-2 { + margin-right: 0.5rem !important; +} + +.me-3 { + margin-right: 1rem !important; +} + +.me-4 { + margin-right: 1.5rem !important; +} + +.me-5 { + margin-right: 3rem !important; +} + +.me-auto { + margin-right: auto !important; +} + +.mb-0 { + margin-bottom: 0 !important; +} + +.mb-1 { + margin-bottom: 0.25rem !important; +} + +.mb-2 { + margin-bottom: 0.5rem !important; +} + +.mb-3 { + margin-bottom: 1rem !important; +} + +.mb-4 { + margin-bottom: 1.5rem !important; +} + +.mb-5 { + margin-bottom: 3rem !important; +} + +.mb-auto { + margin-bottom: auto !important; +} + +.ms-0 { + margin-left: 0 !important; +} + +.ms-1 { + margin-left: 0.25rem !important; +} + +.ms-2 { + margin-left: 0.5rem !important; +} + +.ms-3 { + margin-left: 1rem !important; +} + +.ms-4 { + margin-left: 1.5rem !important; +} + +.ms-5 { + margin-left: 3rem !important; +} + +.ms-auto { + margin-left: auto !important; +} + +.p-0 { + padding: 0 !important; +} + +.p-1 { + padding: 0.25rem !important; +} + +.p-2 { + padding: 0.5rem !important; +} + +.p-3 { + padding: 1rem !important; +} + +.p-4 { + padding: 1.5rem !important; +} + +.p-5 { + padding: 3rem !important; +} + +.px-0 { + padding-right: 0 !important; + padding-left: 0 !important; +} + +.px-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; +} + +.px-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; +} + +.px-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; +} + +.px-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; +} + +.px-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; +} + +.py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; +} + +.py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; +} + +.py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; +} + +.py-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; +} + +.py-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; +} + +.py-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; +} + +.pt-0 { + padding-top: 0 !important; +} + +.pt-1 { + padding-top: 0.25rem !important; +} + +.pt-2 { + padding-top: 0.5rem !important; +} + +.pt-3 { + padding-top: 1rem !important; +} + +.pt-4 { + padding-top: 1.5rem !important; +} + +.pt-5 { + padding-top: 3rem !important; +} + +.pe-0 { + padding-right: 0 !important; +} + +.pe-1 { + padding-right: 0.25rem !important; +} + +.pe-2 { + padding-right: 0.5rem !important; +} + +.pe-3 { + padding-right: 1rem !important; +} + +.pe-4 { + padding-right: 1.5rem !important; +} + +.pe-5 { + padding-right: 3rem !important; +} + +.pb-0 { + padding-bottom: 0 !important; +} + +.pb-1 { + padding-bottom: 0.25rem !important; +} + +.pb-2 { + padding-bottom: 0.5rem !important; +} + +.pb-3 { + padding-bottom: 1rem !important; +} + +.pb-4 { + padding-bottom: 1.5rem !important; +} + +.pb-5 { + padding-bottom: 3rem !important; +} + +.ps-0 { + padding-left: 0 !important; +} + +.ps-1 { + padding-left: 0.25rem !important; +} + +.ps-2 { + padding-left: 0.5rem !important; +} + +.ps-3 { + padding-left: 1rem !important; +} + +.ps-4 { + padding-left: 1.5rem !important; +} + +.ps-5 { + padding-left: 3rem !important; +} + +.gap-0 { + gap: 0 !important; +} + +.gap-1 { + gap: 0.25rem !important; +} + +.gap-2 { + gap: 0.5rem !important; +} + +.gap-3 { + gap: 1rem !important; +} + +.gap-4 { + gap: 1.5rem !important; +} + +.gap-5 { + gap: 3rem !important; +} + +.row-gap-0 { + row-gap: 0 !important; +} + +.row-gap-1 { + row-gap: 0.25rem !important; +} + +.row-gap-2 { + row-gap: 0.5rem !important; +} + +.row-gap-3 { + row-gap: 1rem !important; +} + +.row-gap-4 { + row-gap: 1.5rem !important; +} + +.row-gap-5 { + row-gap: 3rem !important; +} + +.column-gap-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; +} + +.column-gap-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; +} + +.column-gap-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; +} + +.column-gap-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; +} + +.column-gap-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; +} + +.column-gap-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; +} + +.font-monospace { + font-family: var(--bs-font-monospace) !important; +} + +.fs-1 { + font-size: calc(1.375rem + 1.5vw) !important; +} + +.fs-2 { + font-size: calc(1.325rem + 0.9vw) !important; +} + +.fs-3 { + font-size: calc(1.3rem + 0.6vw) !important; +} + +.fs-4 { + font-size: calc(1.275rem + 0.3vw) !important; +} + +.fs-5 { + font-size: 1.25rem !important; +} + +.fs-6 { + font-size: 1rem !important; +} + +.fst-italic { + font-style: italic !important; +} + +.fst-normal { + font-style: normal !important; +} + +.fw-lighter { + font-weight: lighter !important; +} + +.fw-light { + font-weight: 300 !important; +} + +.fw-normal { + font-weight: 400 !important; +} + +.fw-medium { + font-weight: 500 !important; +} + +.fw-semibold { + font-weight: 600 !important; +} + +.fw-bold { + font-weight: 700 !important; +} + +.fw-bolder { + font-weight: bolder !important; +} + +.lh-1 { + line-height: 1 !important; +} + +.lh-sm { + line-height: 1.25 !important; +} + +.lh-base { + line-height: 1.5 !important; +} + +.lh-lg { + line-height: 2 !important; +} + +.text-start { + text-align: left !important; +} + +.text-end { + text-align: right !important; +} + +.text-center { + text-align: center !important; +} + +.text-decoration-none { + text-decoration: none !important; +} + +.text-decoration-underline { + text-decoration: underline !important; +} + +.text-decoration-line-through { + text-decoration: line-through !important; +} + +.text-lowercase { + text-transform: lowercase !important; +} + +.text-uppercase { + text-transform: uppercase !important; +} + +.text-capitalize { + text-transform: capitalize !important; +} + +.text-wrap { + white-space: normal !important; +} + +.text-nowrap { + white-space: nowrap !important; +} + +/* rtl:begin:remove */ +.text-break { + word-wrap: break-word !important; + word-break: break-word !important; +} + +/* rtl:end:remove */ +.text-primary { + --bs-text-opacity: 1; + color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important; +} + +.text-secondary { + --bs-text-opacity: 1; + color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important; +} + +.text-success { + --bs-text-opacity: 1; + color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important; +} + +.text-info { + --bs-text-opacity: 1; + color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important; +} + +.text-warning { + --bs-text-opacity: 1; + color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important; +} + +.text-danger { + --bs-text-opacity: 1; + color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important; +} + +.text-light { + --bs-text-opacity: 1; + color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important; +} + +.text-dark { + --bs-text-opacity: 1; + color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important; +} + +.text-black { + --bs-text-opacity: 1; + color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important; +} + +.text-white { + --bs-text-opacity: 1; + color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important; +} + +.text-body { + --bs-text-opacity: 1; + color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important; +} + +.text-muted { + --bs-text-opacity: 1; + color: var(--bs-secondary-color) !important; +} + +.text-black-50 { + --bs-text-opacity: 1; + color: rgba(0, 0, 0, 0.5) !important; +} + +.text-white-50 { + --bs-text-opacity: 1; + color: rgba(255, 255, 255, 0.5) !important; +} + +.text-body-secondary { + --bs-text-opacity: 1; + color: var(--bs-secondary-color) !important; +} + +.text-body-tertiary { + --bs-text-opacity: 1; + color: var(--bs-tertiary-color) !important; +} + +.text-body-emphasis { + --bs-text-opacity: 1; + color: var(--bs-emphasis-color) !important; +} + +.text-reset { + --bs-text-opacity: 1; + color: inherit !important; +} + +.text-opacity-25 { + --bs-text-opacity: 0.25; +} + +.text-opacity-50 { + --bs-text-opacity: 0.5; +} + +.text-opacity-75 { + --bs-text-opacity: 0.75; +} + +.text-opacity-100 { + --bs-text-opacity: 1; +} + +.text-primary-emphasis { + color: var(--bs-primary-text-emphasis) !important; +} + +.text-secondary-emphasis { + color: var(--bs-secondary-text-emphasis) !important; +} + +.text-success-emphasis { + color: var(--bs-success-text-emphasis) !important; +} + +.text-info-emphasis { + color: var(--bs-info-text-emphasis) !important; +} + +.text-warning-emphasis { + color: var(--bs-warning-text-emphasis) !important; +} + +.text-danger-emphasis { + color: var(--bs-danger-text-emphasis) !important; +} + +.text-light-emphasis { + color: var(--bs-light-text-emphasis) !important; +} + +.text-dark-emphasis { + color: var(--bs-dark-text-emphasis) !important; +} + +.link-opacity-10 { + --bs-link-opacity: 0.1; +} + +.link-opacity-10-hover:hover { + --bs-link-opacity: 0.1; +} + +.link-opacity-25 { + --bs-link-opacity: 0.25; +} + +.link-opacity-25-hover:hover { + --bs-link-opacity: 0.25; +} + +.link-opacity-50 { + --bs-link-opacity: 0.5; +} + +.link-opacity-50-hover:hover { + --bs-link-opacity: 0.5; +} + +.link-opacity-75 { + --bs-link-opacity: 0.75; +} + +.link-opacity-75-hover:hover { + --bs-link-opacity: 0.75; +} + +.link-opacity-100 { + --bs-link-opacity: 1; +} + +.link-opacity-100-hover:hover { + --bs-link-opacity: 1; +} + +.link-offset-1 { + text-underline-offset: 0.125em !important; +} + +.link-offset-1-hover:hover { + text-underline-offset: 0.125em !important; +} + +.link-offset-2 { + text-underline-offset: 0.25em !important; +} + +.link-offset-2-hover:hover { + text-underline-offset: 0.25em !important; +} + +.link-offset-3 { + text-underline-offset: 0.375em !important; +} + +.link-offset-3-hover:hover { + text-underline-offset: 0.375em !important; +} + +.link-underline-primary { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-secondary { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-success { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-info { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-warning { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-danger { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-light { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline-dark { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; + text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important; +} + +.link-underline { + --bs-link-underline-opacity: 1; + -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; + text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important; +} + +.link-underline-opacity-0 { + --bs-link-underline-opacity: 0; +} + +.link-underline-opacity-0-hover:hover { + --bs-link-underline-opacity: 0; +} + +.link-underline-opacity-10 { + --bs-link-underline-opacity: 0.1; +} + +.link-underline-opacity-10-hover:hover { + --bs-link-underline-opacity: 0.1; +} + +.link-underline-opacity-25 { + --bs-link-underline-opacity: 0.25; +} + +.link-underline-opacity-25-hover:hover { + --bs-link-underline-opacity: 0.25; +} + +.link-underline-opacity-50 { + --bs-link-underline-opacity: 0.5; +} + +.link-underline-opacity-50-hover:hover { + --bs-link-underline-opacity: 0.5; +} + +.link-underline-opacity-75 { + --bs-link-underline-opacity: 0.75; +} + +.link-underline-opacity-75-hover:hover { + --bs-link-underline-opacity: 0.75; +} + +.link-underline-opacity-100 { + --bs-link-underline-opacity: 1; +} + +.link-underline-opacity-100-hover:hover { + --bs-link-underline-opacity: 1; +} + +.bg-primary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-secondary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-success { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-info { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-warning { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-danger { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-light { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-dark { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-black { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-white { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-body { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-transparent { + --bs-bg-opacity: 1; + background-color: transparent !important; +} + +.bg-body-secondary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-body-tertiary { + --bs-bg-opacity: 1; + background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important; +} + +.bg-opacity-10 { + --bs-bg-opacity: 0.1; +} + +.bg-opacity-25 { + --bs-bg-opacity: 0.25; +} + +.bg-opacity-50 { + --bs-bg-opacity: 0.5; +} + +.bg-opacity-75 { + --bs-bg-opacity: 0.75; +} + +.bg-opacity-100 { + --bs-bg-opacity: 1; +} + +.bg-primary-subtle { + background-color: var(--bs-primary-bg-subtle) !important; +} + +.bg-secondary-subtle { + background-color: var(--bs-secondary-bg-subtle) !important; +} + +.bg-success-subtle { + background-color: var(--bs-success-bg-subtle) !important; +} + +.bg-info-subtle { + background-color: var(--bs-info-bg-subtle) !important; +} + +.bg-warning-subtle { + background-color: var(--bs-warning-bg-subtle) !important; +} + +.bg-danger-subtle { + background-color: var(--bs-danger-bg-subtle) !important; +} + +.bg-light-subtle { + background-color: var(--bs-light-bg-subtle) !important; +} + +.bg-dark-subtle { + background-color: var(--bs-dark-bg-subtle) !important; +} + +.bg-gradient { + background-image: var(--bs-gradient) !important; +} + +.user-select-all { + -webkit-user-select: all !important; + -moz-user-select: all !important; + user-select: all !important; +} + +.user-select-auto { + -webkit-user-select: auto !important; + -moz-user-select: auto !important; + user-select: auto !important; +} + +.user-select-none { + -webkit-user-select: none !important; + -moz-user-select: none !important; + user-select: none !important; +} + +.pe-none { + pointer-events: none !important; +} + +.pe-auto { + pointer-events: auto !important; +} + +.rounded { + border-radius: var(--bs-border-radius) !important; +} + +.rounded-0 { + border-radius: 0 !important; +} + +.rounded-1 { + border-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-2 { + border-radius: var(--bs-border-radius) !important; +} + +.rounded-3 { + border-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-4 { + border-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-5 { + border-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-circle { + border-radius: 50% !important; +} + +.rounded-pill { + border-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-top { + border-top-left-radius: var(--bs-border-radius) !important; + border-top-right-radius: var(--bs-border-radius) !important; +} + +.rounded-top-0 { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; +} + +.rounded-top-1 { + border-top-left-radius: var(--bs-border-radius-sm) !important; + border-top-right-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-top-2 { + border-top-left-radius: var(--bs-border-radius) !important; + border-top-right-radius: var(--bs-border-radius) !important; +} + +.rounded-top-3 { + border-top-left-radius: var(--bs-border-radius-lg) !important; + border-top-right-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-top-4 { + border-top-left-radius: var(--bs-border-radius-xl) !important; + border-top-right-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-top-5 { + border-top-left-radius: var(--bs-border-radius-xxl) !important; + border-top-right-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-top-circle { + border-top-left-radius: 50% !important; + border-top-right-radius: 50% !important; +} + +.rounded-top-pill { + border-top-left-radius: var(--bs-border-radius-pill) !important; + border-top-right-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-end { + border-top-right-radius: var(--bs-border-radius) !important; + border-bottom-right-radius: var(--bs-border-radius) !important; +} + +.rounded-end-0 { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; +} + +.rounded-end-1 { + border-top-right-radius: var(--bs-border-radius-sm) !important; + border-bottom-right-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-end-2 { + border-top-right-radius: var(--bs-border-radius) !important; + border-bottom-right-radius: var(--bs-border-radius) !important; +} + +.rounded-end-3 { + border-top-right-radius: var(--bs-border-radius-lg) !important; + border-bottom-right-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-end-4 { + border-top-right-radius: var(--bs-border-radius-xl) !important; + border-bottom-right-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-end-5 { + border-top-right-radius: var(--bs-border-radius-xxl) !important; + border-bottom-right-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-end-circle { + border-top-right-radius: 50% !important; + border-bottom-right-radius: 50% !important; +} + +.rounded-end-pill { + border-top-right-radius: var(--bs-border-radius-pill) !important; + border-bottom-right-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-bottom { + border-bottom-right-radius: var(--bs-border-radius) !important; + border-bottom-left-radius: var(--bs-border-radius) !important; +} + +.rounded-bottom-0 { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; +} + +.rounded-bottom-1 { + border-bottom-right-radius: var(--bs-border-radius-sm) !important; + border-bottom-left-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-bottom-2 { + border-bottom-right-radius: var(--bs-border-radius) !important; + border-bottom-left-radius: var(--bs-border-radius) !important; +} + +.rounded-bottom-3 { + border-bottom-right-radius: var(--bs-border-radius-lg) !important; + border-bottom-left-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-bottom-4 { + border-bottom-right-radius: var(--bs-border-radius-xl) !important; + border-bottom-left-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-bottom-5 { + border-bottom-right-radius: var(--bs-border-radius-xxl) !important; + border-bottom-left-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-bottom-circle { + border-bottom-right-radius: 50% !important; + border-bottom-left-radius: 50% !important; +} + +.rounded-bottom-pill { + border-bottom-right-radius: var(--bs-border-radius-pill) !important; + border-bottom-left-radius: var(--bs-border-radius-pill) !important; +} + +.rounded-start { + border-bottom-left-radius: var(--bs-border-radius) !important; + border-top-left-radius: var(--bs-border-radius) !important; +} + +.rounded-start-0 { + border-bottom-left-radius: 0 !important; + border-top-left-radius: 0 !important; +} + +.rounded-start-1 { + border-bottom-left-radius: var(--bs-border-radius-sm) !important; + border-top-left-radius: var(--bs-border-radius-sm) !important; +} + +.rounded-start-2 { + border-bottom-left-radius: var(--bs-border-radius) !important; + border-top-left-radius: var(--bs-border-radius) !important; +} + +.rounded-start-3 { + border-bottom-left-radius: var(--bs-border-radius-lg) !important; + border-top-left-radius: var(--bs-border-radius-lg) !important; +} + +.rounded-start-4 { + border-bottom-left-radius: var(--bs-border-radius-xl) !important; + border-top-left-radius: var(--bs-border-radius-xl) !important; +} + +.rounded-start-5 { + border-bottom-left-radius: var(--bs-border-radius-xxl) !important; + border-top-left-radius: var(--bs-border-radius-xxl) !important; +} + +.rounded-start-circle { + border-bottom-left-radius: 50% !important; + border-top-left-radius: 50% !important; +} + +.rounded-start-pill { + border-bottom-left-radius: var(--bs-border-radius-pill) !important; + border-top-left-radius: var(--bs-border-radius-pill) !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +.z-n1 { + z-index: -1 !important; +} + +.z-0 { + z-index: 0 !important; +} + +.z-1 { + z-index: 1 !important; +} + +.z-2 { + z-index: 2 !important; +} + +.z-3 { + z-index: 3 !important; +} + +@media (min-width: 576px) { + .float-sm-start { + float: left !important; + } + .float-sm-end { + float: right !important; + } + .float-sm-none { + float: none !important; + } + .object-fit-sm-contain { + -o-object-fit: contain !important; + object-fit: contain !important; + } + .object-fit-sm-cover { + -o-object-fit: cover !important; + object-fit: cover !important; + } + .object-fit-sm-fill { + -o-object-fit: fill !important; + object-fit: fill !important; + } + .object-fit-sm-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; + } + .object-fit-sm-none { + -o-object-fit: none !important; + object-fit: none !important; + } + .d-sm-inline { + display: inline !important; + } + .d-sm-inline-block { + display: inline-block !important; + } + .d-sm-block { + display: block !important; + } + .d-sm-grid { + display: grid !important; + } + .d-sm-inline-grid { + display: inline-grid !important; + } + .d-sm-table { + display: table !important; + } + .d-sm-table-row { + display: table-row !important; + } + .d-sm-table-cell { + display: table-cell !important; + } + .d-sm-flex { + display: flex !important; + } + .d-sm-inline-flex { + display: inline-flex !important; + } + .d-sm-none { + display: none !important; + } + .flex-sm-fill { + flex: 1 1 auto !important; + } + .flex-sm-row { + flex-direction: row !important; + } + .flex-sm-column { + flex-direction: column !important; + } + .flex-sm-row-reverse { + flex-direction: row-reverse !important; + } + .flex-sm-column-reverse { + flex-direction: column-reverse !important; + } + .flex-sm-grow-0 { + flex-grow: 0 !important; + } + .flex-sm-grow-1 { + flex-grow: 1 !important; + } + .flex-sm-shrink-0 { + flex-shrink: 0 !important; + } + .flex-sm-shrink-1 { + flex-shrink: 1 !important; + } + .flex-sm-wrap { + flex-wrap: wrap !important; + } + .flex-sm-nowrap { + flex-wrap: nowrap !important; + } + .flex-sm-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-sm-start { + justify-content: flex-start !important; + } + .justify-content-sm-end { + justify-content: flex-end !important; + } + .justify-content-sm-center { + justify-content: center !important; + } + .justify-content-sm-between { + justify-content: space-between !important; + } + .justify-content-sm-around { + justify-content: space-around !important; + } + .justify-content-sm-evenly { + justify-content: space-evenly !important; + } + .align-items-sm-start { + align-items: flex-start !important; + } + .align-items-sm-end { + align-items: flex-end !important; + } + .align-items-sm-center { + align-items: center !important; + } + .align-items-sm-baseline { + align-items: baseline !important; + } + .align-items-sm-stretch { + align-items: stretch !important; + } + .align-content-sm-start { + align-content: flex-start !important; + } + .align-content-sm-end { + align-content: flex-end !important; + } + .align-content-sm-center { + align-content: center !important; + } + .align-content-sm-between { + align-content: space-between !important; + } + .align-content-sm-around { + align-content: space-around !important; + } + .align-content-sm-stretch { + align-content: stretch !important; + } + .align-self-sm-auto { + align-self: auto !important; + } + .align-self-sm-start { + align-self: flex-start !important; + } + .align-self-sm-end { + align-self: flex-end !important; + } + .align-self-sm-center { + align-self: center !important; + } + .align-self-sm-baseline { + align-self: baseline !important; + } + .align-self-sm-stretch { + align-self: stretch !important; + } + .order-sm-first { + order: -1 !important; + } + .order-sm-0 { + order: 0 !important; + } + .order-sm-1 { + order: 1 !important; + } + .order-sm-2 { + order: 2 !important; + } + .order-sm-3 { + order: 3 !important; + } + .order-sm-4 { + order: 4 !important; + } + .order-sm-5 { + order: 5 !important; + } + .order-sm-last { + order: 6 !important; + } + .m-sm-0 { + margin: 0 !important; + } + .m-sm-1 { + margin: 0.25rem !important; + } + .m-sm-2 { + margin: 0.5rem !important; + } + .m-sm-3 { + margin: 1rem !important; + } + .m-sm-4 { + margin: 1.5rem !important; + } + .m-sm-5 { + margin: 3rem !important; + } + .m-sm-auto { + margin: auto !important; + } + .mx-sm-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-sm-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-sm-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-sm-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-sm-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-sm-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-sm-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-sm-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-sm-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-sm-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-sm-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-sm-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-sm-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-sm-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-sm-0 { + margin-top: 0 !important; + } + .mt-sm-1 { + margin-top: 0.25rem !important; + } + .mt-sm-2 { + margin-top: 0.5rem !important; + } + .mt-sm-3 { + margin-top: 1rem !important; + } + .mt-sm-4 { + margin-top: 1.5rem !important; + } + .mt-sm-5 { + margin-top: 3rem !important; + } + .mt-sm-auto { + margin-top: auto !important; + } + .me-sm-0 { + margin-right: 0 !important; + } + .me-sm-1 { + margin-right: 0.25rem !important; + } + .me-sm-2 { + margin-right: 0.5rem !important; + } + .me-sm-3 { + margin-right: 1rem !important; + } + .me-sm-4 { + margin-right: 1.5rem !important; + } + .me-sm-5 { + margin-right: 3rem !important; + } + .me-sm-auto { + margin-right: auto !important; + } + .mb-sm-0 { + margin-bottom: 0 !important; + } + .mb-sm-1 { + margin-bottom: 0.25rem !important; + } + .mb-sm-2 { + margin-bottom: 0.5rem !important; + } + .mb-sm-3 { + margin-bottom: 1rem !important; + } + .mb-sm-4 { + margin-bottom: 1.5rem !important; + } + .mb-sm-5 { + margin-bottom: 3rem !important; + } + .mb-sm-auto { + margin-bottom: auto !important; + } + .ms-sm-0 { + margin-left: 0 !important; + } + .ms-sm-1 { + margin-left: 0.25rem !important; + } + .ms-sm-2 { + margin-left: 0.5rem !important; + } + .ms-sm-3 { + margin-left: 1rem !important; + } + .ms-sm-4 { + margin-left: 1.5rem !important; + } + .ms-sm-5 { + margin-left: 3rem !important; + } + .ms-sm-auto { + margin-left: auto !important; + } + .p-sm-0 { + padding: 0 !important; + } + .p-sm-1 { + padding: 0.25rem !important; + } + .p-sm-2 { + padding: 0.5rem !important; + } + .p-sm-3 { + padding: 1rem !important; + } + .p-sm-4 { + padding: 1.5rem !important; + } + .p-sm-5 { + padding: 3rem !important; + } + .px-sm-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-sm-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-sm-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-sm-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-sm-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-sm-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-sm-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-sm-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-sm-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-sm-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-sm-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-sm-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-sm-0 { + padding-top: 0 !important; + } + .pt-sm-1 { + padding-top: 0.25rem !important; + } + .pt-sm-2 { + padding-top: 0.5rem !important; + } + .pt-sm-3 { + padding-top: 1rem !important; + } + .pt-sm-4 { + padding-top: 1.5rem !important; + } + .pt-sm-5 { + padding-top: 3rem !important; + } + .pe-sm-0 { + padding-right: 0 !important; + } + .pe-sm-1 { + padding-right: 0.25rem !important; + } + .pe-sm-2 { + padding-right: 0.5rem !important; + } + .pe-sm-3 { + padding-right: 1rem !important; + } + .pe-sm-4 { + padding-right: 1.5rem !important; + } + .pe-sm-5 { + padding-right: 3rem !important; + } + .pb-sm-0 { + padding-bottom: 0 !important; + } + .pb-sm-1 { + padding-bottom: 0.25rem !important; + } + .pb-sm-2 { + padding-bottom: 0.5rem !important; + } + .pb-sm-3 { + padding-bottom: 1rem !important; + } + .pb-sm-4 { + padding-bottom: 1.5rem !important; + } + .pb-sm-5 { + padding-bottom: 3rem !important; + } + .ps-sm-0 { + padding-left: 0 !important; + } + .ps-sm-1 { + padding-left: 0.25rem !important; + } + .ps-sm-2 { + padding-left: 0.5rem !important; + } + .ps-sm-3 { + padding-left: 1rem !important; + } + .ps-sm-4 { + padding-left: 1.5rem !important; + } + .ps-sm-5 { + padding-left: 3rem !important; + } + .gap-sm-0 { + gap: 0 !important; + } + .gap-sm-1 { + gap: 0.25rem !important; + } + .gap-sm-2 { + gap: 0.5rem !important; + } + .gap-sm-3 { + gap: 1rem !important; + } + .gap-sm-4 { + gap: 1.5rem !important; + } + .gap-sm-5 { + gap: 3rem !important; + } + .row-gap-sm-0 { + row-gap: 0 !important; + } + .row-gap-sm-1 { + row-gap: 0.25rem !important; + } + .row-gap-sm-2 { + row-gap: 0.5rem !important; + } + .row-gap-sm-3 { + row-gap: 1rem !important; + } + .row-gap-sm-4 { + row-gap: 1.5rem !important; + } + .row-gap-sm-5 { + row-gap: 3rem !important; + } + .column-gap-sm-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; + } + .column-gap-sm-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; + } + .column-gap-sm-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; + } + .column-gap-sm-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; + } + .column-gap-sm-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; + } + .column-gap-sm-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; + } + .text-sm-start { text-align: left !important; } - - .ta-r { + .text-sm-end { text-align: right !important; } - - @media screen and (min-width: 1440px) { - .ta-c\@xl\+ { - text-align: center !important; - } - .ta-l\@xl\+ { - text-align: left !important; - } - .ta-r\@xl\+ { - text-align: right !important; - } + .text-sm-center { + text-align: center !important; } - @media screen and (min-width: 1200px) { - .ta-c\@lg\+ { - text-align: center !important; - } - .ta-l\@lg\+ { - text-align: left !important; - } - .ta-r\@lg\+ { - text-align: right !important; - } +} +@media (min-width: 768px) { + .float-md-start { + float: left !important; } - @media screen and (min-width: 992px) { - .ta-c\@md\+ { - text-align: center !important; - } - .ta-l\@md\+ { - text-align: left !important; - } - .ta-r\@md\+ { - text-align: right !important; - } + .float-md-end { + float: right !important; } - @media screen and (min-width: 768px) { - .ta-c\@sm\+ { - text-align: center !important; - } - .ta-l\@sm\+ { - text-align: left !important; - } - .ta-r\@sm\+ { - text-align: right !important; - } + .float-md-none { + float: none !important; } - @media screen and (min-width: 0) { - .ta-c\@xs\+ { - text-align: center !important; - } - .ta-l\@xs\+ { - text-align: left !important; - } - .ta-r\@xs\+ { - text-align: right !important; - } + .object-fit-md-contain { + -o-object-fit: contain !important; + object-fit: contain !important; } - @media screen and (max-width: 1439px) { - .ta-c\@xl- { - text-align: center !important; - } - .ta-l\@xl- { - text-align: left !important; - } - .ta-r\@xl- { - text-align: right !important; - } + .object-fit-md-cover { + -o-object-fit: cover !important; + object-fit: cover !important; } - @media screen and (max-width: 1199px) { - .ta-c\@lg- { - text-align: center !important; - } - .ta-l\@lg- { - text-align: left !important; - } - .ta-r\@lg- { - text-align: right !important; - } + .object-fit-md-fill { + -o-object-fit: fill !important; + object-fit: fill !important; } - @media screen and (max-width: 991px) { - .ta-c\@md- { - text-align: center !important; - } - .ta-l\@md- { - text-align: left !important; - } - .ta-r\@md- { - text-align: right !important; - } + .object-fit-md-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; } - @media screen and (max-width: 767px) { - .ta-c\@sm- { - text-align: center !important; - } - .ta-l\@sm- { - text-align: left !important; - } - .ta-r\@sm- { - text-align: right !important; - } + .object-fit-md-none { + -o-object-fit: none !important; + object-fit: none !important; } - @media screen and (min-width: 1199px) and (max-width: 1439px) { - .ta-c\@lg { - text-align: center !important; - } - .ta-l\@lg { - text-align: left !important; - } - .ta-r\@lg { - text-align: right !important; - } + .d-md-inline { + display: inline !important; } - @media screen and (min-width: 991px) and (max-width: 1199px) { - .ta-c\@md { - text-align: center !important; - } - .ta-l\@md { - text-align: left !important; - } - .ta-r\@md { - text-align: right !important; - } + .d-md-inline-block { + display: inline-block !important; } - @media screen and (min-width: 767px) and (max-width: 991px) { - .ta-c\@sm { - text-align: center !important; - } - .ta-l\@sm { - text-align: left !important; - } - .ta-r\@sm { - text-align: right !important; - } + .d-md-block { + display: block !important; } - .tt-n { - text-transform: none !important; + .d-md-grid { + display: grid !important; } - - .tt-u { - text-transform: uppercase !important; + .d-md-inline-grid { + display: inline-grid !important; } - - .tt-l { - text-transform: lowercase !important; + .d-md-table { + display: table !important; } - - .tt-c { - text-transform: capitalize !important; + .d-md-table-row { + display: table-row !important; } - - .fs-i { - font-style: italic !important; + .d-md-table-cell { + display: table-cell !important; } - - .fs-o { - font-style: oblique !important; + .d-md-flex { + display: flex !important; } - - .td-n { - text-decoration: none !important; + .d-md-inline-flex { + display: inline-flex !important; } - - .td-o { - text-decoration: overline !important; - } - - .td-lt { - text-decoration: line-through !important; - } - - .td-u { - text-decoration: underline !important; - } - - .whs-nw { - white-space: nowrap !important; - } - - .whs-p { - white-space: pre !important; - } - - .whs-n { - white-space: normal !important; - } - - .wob-n { - word-break: normal !important; - } - - .wob-ba { - word-break: break-all !important; - } - - .wob-k { - word-break: keep-all !important; - } - - .wow-bw { - word-wrap: break-word !important; - } - - .wow-n { - word-wrap: normal !important; - } - - .tov-e { - text-overflow: ellipsis !important; - } - - .fsz-xs { - font-size: 0.75rem !important; - } - - .fsz-sm { - font-size: 0.87rem !important; - } - - .fsz-def { - font-size: 1rem !important; - } - - .fsz-md { - font-size: 1.15rem !important; - } - - .fsz-lg { - font-size: 1.4rem !important; - } - - .fsz-xl { - font-size: 1.7rem !important; - } - - .fw-100 { - font-weight: 100 !important; - } - - .fw-200 { - font-weight: 200 !important; - } - - .fw-300 { - font-weight: 300 !important; - } - - .fw-400 { - font-weight: 400 !important; - } - - .fw-500 { - font-weight: 500 !important; - } - - .fw-600 { - font-weight: 600 !important; - } - - .fw-700 { - font-weight: 700 !important; - } - - .fw-800 { - font-weight: 800 !important; - } - - .fw-900 { - font-weight: 900 !important; - } - - .lh-0 { - line-height: 0 !important; - } - - .lh-1 { - line-height: 1 !important; - } - - .lh-3\/2 { - line-height: 1.5 !important; - } - - .bd { - border: 1px solid rgba(0, 0, 0, 0.0625) !important; - } - - .bdT { - border-top: 1px solid rgba(0, 0, 0, 0.0625) !important; - } - - .bdR { - border-right: 1px solid rgba(0, 0, 0, 0.0625) !important; - } - - .bdB { - border-bottom: 1px solid rgba(0, 0, 0, 0.0625) !important; - } - - .bdL { - border-left: 1px solid rgba(0, 0, 0, 0.0625) !important; - } - - .bdw-0 { - border-width: 0px !important; - } - - .bdwT-0 { - border-top-width: 0px !important; - } - - .bdwR-0 { - border-right-width: 0px !important; - } - - .bdwB-0 { - border-bottom-width: 0px !important; - } - - .bdwL-0 { - border-left-width: 0px !important; - } - - .bdw-1 { - border-width: 1px !important; - } - - .bdwT-1 { - border-top-width: 1px !important; - } - - .bdwR-1 { - border-right-width: 1px !important; - } - - .bdwB-1 { - border-bottom-width: 1px !important; - } - - .bdwL-1 { - border-left-width: 1px !important; - } - - .bdw-2 { - border-width: 2px !important; - } - - .bdwT-2 { - border-top-width: 2px !important; - } - - .bdwR-2 { - border-right-width: 2px !important; - } - - .bdwB-2 { - border-bottom-width: 2px !important; - } - - .bdwL-2 { - border-left-width: 2px !important; - } - - .bdw-3 { - border-width: 3px !important; - } - - .bdwT-3 { - border-top-width: 3px !important; - } - - .bdwR-3 { - border-right-width: 3px !important; - } - - .bdwB-3 { - border-bottom-width: 3px !important; - } - - .bdwL-3 { - border-left-width: 3px !important; - } - - .bdw-4 { - border-width: 4px !important; - } - - .bdwT-4 { - border-top-width: 4px !important; - } - - .bdwR-4 { - border-right-width: 4px !important; - } - - .bdwB-4 { - border-bottom-width: 4px !important; - } - - .bdwL-4 { - border-left-width: 4px !important; - } - - .bdw-5 { - border-width: 5px !important; - } - - .bdwT-5 { - border-top-width: 5px !important; - } - - .bdwR-5 { - border-right-width: 5px !important; - } - - .bdwB-5 { - border-bottom-width: 5px !important; - } - - .bdwL-5 { - border-left-width: 5px !important; - } - - .bdrs-0 { - border-radius: 0px !important; - } - - .bdrsT-0 { - border-top-left-radius: 0px !important; - border-top-right-radius: 0px !important; - } - - .bdrsR-0 { - border-top-right-radius: 0px !important; - border-bottom-right-radius: 0px !important; - } - - .bdrsB-0 { - border-bottom-left-radius: 0px !important; - border-bottom-right-radius: 0px !important; - } - - .bdrsL-0 { - border-top-left-radius: 0px !important; - border-bottom-left-radius: 0px !important; - } - - .bdrs-1 { - border-radius: 1px !important; - } - - .bdrsT-1 { - border-top-left-radius: 1px !important; - border-top-right-radius: 1px !important; - } - - .bdrsR-1 { - border-top-right-radius: 1px !important; - border-bottom-right-radius: 1px !important; - } - - .bdrsB-1 { - border-bottom-left-radius: 1px !important; - border-bottom-right-radius: 1px !important; - } - - .bdrsL-1 { - border-top-left-radius: 1px !important; - border-bottom-left-radius: 1px !important; - } - - .bdrs-2 { - border-radius: 2px !important; - } - - .bdrsT-2 { - border-top-left-radius: 2px !important; - border-top-right-radius: 2px !important; - } - - .bdrsR-2 { - border-top-right-radius: 2px !important; - border-bottom-right-radius: 2px !important; - } - - .bdrsB-2 { - border-bottom-left-radius: 2px !important; - border-bottom-right-radius: 2px !important; - } - - .bdrsL-2 { - border-top-left-radius: 2px !important; - border-bottom-left-radius: 2px !important; - } - - .bdrs-3 { - border-radius: 3px !important; - } - - .bdrsT-3 { - border-top-left-radius: 3px !important; - border-top-right-radius: 3px !important; - } - - .bdrsR-3 { - border-top-right-radius: 3px !important; - border-bottom-right-radius: 3px !important; - } - - .bdrsB-3 { - border-bottom-left-radius: 3px !important; - border-bottom-right-radius: 3px !important; - } - - .bdrsL-3 { - border-top-left-radius: 3px !important; - border-bottom-left-radius: 3px !important; - } - - .bdrs-4 { - border-radius: 4px !important; - } - - .bdrsT-4 { - border-top-left-radius: 4px !important; - border-top-right-radius: 4px !important; - } - - .bdrsR-4 { - border-top-right-radius: 4px !important; - border-bottom-right-radius: 4px !important; - } - - .bdrsB-4 { - border-bottom-left-radius: 4px !important; - border-bottom-right-radius: 4px !important; - } - - .bdrsL-4 { - border-top-left-radius: 4px !important; - border-bottom-left-radius: 4px !important; - } - - .bdrs-50p { - border-radius: 50% !important; - } - - .bdrs-10em { - border-radius: 10em !important; - } - - .bds-n { - border-style: none !important; - } - - .bds-s { - border-style: solid !important; - } - - .bds-dt { - border-style: dotted !important; - } - - .bds-ds { - border-style: dashed !important; - } - - .bds-db { - border-style: double !important; - } - - .bds-g { - border-style: groove !important; - } - - .bds-r { - border-style: ridge !important; - } - - .bds-i { - border-style: inset !important; - } - - .bds-o { - border-style: outset !important; - } - - .no-after::after { + .d-md-none { display: none !important; } - - .no-before::before { + .flex-md-fill { + flex: 1 1 auto !important; + } + .flex-md-row { + flex-direction: row !important; + } + .flex-md-column { + flex-direction: column !important; + } + .flex-md-row-reverse { + flex-direction: row-reverse !important; + } + .flex-md-column-reverse { + flex-direction: column-reverse !important; + } + .flex-md-grow-0 { + flex-grow: 0 !important; + } + .flex-md-grow-1 { + flex-grow: 1 !important; + } + .flex-md-shrink-0 { + flex-shrink: 0 !important; + } + .flex-md-shrink-1 { + flex-shrink: 1 !important; + } + .flex-md-wrap { + flex-wrap: wrap !important; + } + .flex-md-nowrap { + flex-wrap: nowrap !important; + } + .flex-md-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-md-start { + justify-content: flex-start !important; + } + .justify-content-md-end { + justify-content: flex-end !important; + } + .justify-content-md-center { + justify-content: center !important; + } + .justify-content-md-between { + justify-content: space-between !important; + } + .justify-content-md-around { + justify-content: space-around !important; + } + .justify-content-md-evenly { + justify-content: space-evenly !important; + } + .align-items-md-start { + align-items: flex-start !important; + } + .align-items-md-end { + align-items: flex-end !important; + } + .align-items-md-center { + align-items: center !important; + } + .align-items-md-baseline { + align-items: baseline !important; + } + .align-items-md-stretch { + align-items: stretch !important; + } + .align-content-md-start { + align-content: flex-start !important; + } + .align-content-md-end { + align-content: flex-end !important; + } + .align-content-md-center { + align-content: center !important; + } + .align-content-md-between { + align-content: space-between !important; + } + .align-content-md-around { + align-content: space-around !important; + } + .align-content-md-stretch { + align-content: stretch !important; + } + .align-self-md-auto { + align-self: auto !important; + } + .align-self-md-start { + align-self: flex-start !important; + } + .align-self-md-end { + align-self: flex-end !important; + } + .align-self-md-center { + align-self: center !important; + } + .align-self-md-baseline { + align-self: baseline !important; + } + .align-self-md-stretch { + align-self: stretch !important; + } + .order-md-first { + order: -1 !important; + } + .order-md-0 { + order: 0 !important; + } + .order-md-1 { + order: 1 !important; + } + .order-md-2 { + order: 2 !important; + } + .order-md-3 { + order: 3 !important; + } + .order-md-4 { + order: 4 !important; + } + .order-md-5 { + order: 5 !important; + } + .order-md-last { + order: 6 !important; + } + .m-md-0 { + margin: 0 !important; + } + .m-md-1 { + margin: 0.25rem !important; + } + .m-md-2 { + margin: 0.5rem !important; + } + .m-md-3 { + margin: 1rem !important; + } + .m-md-4 { + margin: 1.5rem !important; + } + .m-md-5 { + margin: 3rem !important; + } + .m-md-auto { + margin: auto !important; + } + .mx-md-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-md-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-md-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-md-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-md-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-md-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-md-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-md-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-md-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-md-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-md-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-md-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-md-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-md-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-md-0 { + margin-top: 0 !important; + } + .mt-md-1 { + margin-top: 0.25rem !important; + } + .mt-md-2 { + margin-top: 0.5rem !important; + } + .mt-md-3 { + margin-top: 1rem !important; + } + .mt-md-4 { + margin-top: 1.5rem !important; + } + .mt-md-5 { + margin-top: 3rem !important; + } + .mt-md-auto { + margin-top: auto !important; + } + .me-md-0 { + margin-right: 0 !important; + } + .me-md-1 { + margin-right: 0.25rem !important; + } + .me-md-2 { + margin-right: 0.5rem !important; + } + .me-md-3 { + margin-right: 1rem !important; + } + .me-md-4 { + margin-right: 1.5rem !important; + } + .me-md-5 { + margin-right: 3rem !important; + } + .me-md-auto { + margin-right: auto !important; + } + .mb-md-0 { + margin-bottom: 0 !important; + } + .mb-md-1 { + margin-bottom: 0.25rem !important; + } + .mb-md-2 { + margin-bottom: 0.5rem !important; + } + .mb-md-3 { + margin-bottom: 1rem !important; + } + .mb-md-4 { + margin-bottom: 1.5rem !important; + } + .mb-md-5 { + margin-bottom: 3rem !important; + } + .mb-md-auto { + margin-bottom: auto !important; + } + .ms-md-0 { + margin-left: 0 !important; + } + .ms-md-1 { + margin-left: 0.25rem !important; + } + .ms-md-2 { + margin-left: 0.5rem !important; + } + .ms-md-3 { + margin-left: 1rem !important; + } + .ms-md-4 { + margin-left: 1.5rem !important; + } + .ms-md-5 { + margin-left: 3rem !important; + } + .ms-md-auto { + margin-left: auto !important; + } + .p-md-0 { + padding: 0 !important; + } + .p-md-1 { + padding: 0.25rem !important; + } + .p-md-2 { + padding: 0.5rem !important; + } + .p-md-3 { + padding: 1rem !important; + } + .p-md-4 { + padding: 1.5rem !important; + } + .p-md-5 { + padding: 3rem !important; + } + .px-md-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-md-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-md-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-md-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-md-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-md-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-md-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-md-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-md-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-md-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-md-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-md-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-md-0 { + padding-top: 0 !important; + } + .pt-md-1 { + padding-top: 0.25rem !important; + } + .pt-md-2 { + padding-top: 0.5rem !important; + } + .pt-md-3 { + padding-top: 1rem !important; + } + .pt-md-4 { + padding-top: 1.5rem !important; + } + .pt-md-5 { + padding-top: 3rem !important; + } + .pe-md-0 { + padding-right: 0 !important; + } + .pe-md-1 { + padding-right: 0.25rem !important; + } + .pe-md-2 { + padding-right: 0.5rem !important; + } + .pe-md-3 { + padding-right: 1rem !important; + } + .pe-md-4 { + padding-right: 1.5rem !important; + } + .pe-md-5 { + padding-right: 3rem !important; + } + .pb-md-0 { + padding-bottom: 0 !important; + } + .pb-md-1 { + padding-bottom: 0.25rem !important; + } + .pb-md-2 { + padding-bottom: 0.5rem !important; + } + .pb-md-3 { + padding-bottom: 1rem !important; + } + .pb-md-4 { + padding-bottom: 1.5rem !important; + } + .pb-md-5 { + padding-bottom: 3rem !important; + } + .ps-md-0 { + padding-left: 0 !important; + } + .ps-md-1 { + padding-left: 0.25rem !important; + } + .ps-md-2 { + padding-left: 0.5rem !important; + } + .ps-md-3 { + padding-left: 1rem !important; + } + .ps-md-4 { + padding-left: 1.5rem !important; + } + .ps-md-5 { + padding-left: 3rem !important; + } + .gap-md-0 { + gap: 0 !important; + } + .gap-md-1 { + gap: 0.25rem !important; + } + .gap-md-2 { + gap: 0.5rem !important; + } + .gap-md-3 { + gap: 1rem !important; + } + .gap-md-4 { + gap: 1.5rem !important; + } + .gap-md-5 { + gap: 3rem !important; + } + .row-gap-md-0 { + row-gap: 0 !important; + } + .row-gap-md-1 { + row-gap: 0.25rem !important; + } + .row-gap-md-2 { + row-gap: 0.5rem !important; + } + .row-gap-md-3 { + row-gap: 1rem !important; + } + .row-gap-md-4 { + row-gap: 1.5rem !important; + } + .row-gap-md-5 { + row-gap: 3rem !important; + } + .column-gap-md-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; + } + .column-gap-md-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; + } + .column-gap-md-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; + } + .column-gap-md-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; + } + .column-gap-md-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; + } + .column-gap-md-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; + } + .text-md-start { + text-align: left !important; + } + .text-md-end { + text-align: right !important; + } + .text-md-center { + text-align: center !important; + } +} +@media (min-width: 992px) { + .float-lg-start { + float: left !important; + } + .float-lg-end { + float: right !important; + } + .float-lg-none { + float: none !important; + } + .object-fit-lg-contain { + -o-object-fit: contain !important; + object-fit: contain !important; + } + .object-fit-lg-cover { + -o-object-fit: cover !important; + object-fit: cover !important; + } + .object-fit-lg-fill { + -o-object-fit: fill !important; + object-fit: fill !important; + } + .object-fit-lg-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; + } + .object-fit-lg-none { + -o-object-fit: none !important; + object-fit: none !important; + } + .d-lg-inline { + display: inline !important; + } + .d-lg-inline-block { + display: inline-block !important; + } + .d-lg-block { + display: block !important; + } + .d-lg-grid { + display: grid !important; + } + .d-lg-inline-grid { + display: inline-grid !important; + } + .d-lg-table { + display: table !important; + } + .d-lg-table-row { + display: table-row !important; + } + .d-lg-table-cell { + display: table-cell !important; + } + .d-lg-flex { + display: flex !important; + } + .d-lg-inline-flex { + display: inline-flex !important; + } + .d-lg-none { display: none !important; - } \ No newline at end of file + } + .flex-lg-fill { + flex: 1 1 auto !important; + } + .flex-lg-row { + flex-direction: row !important; + } + .flex-lg-column { + flex-direction: column !important; + } + .flex-lg-row-reverse { + flex-direction: row-reverse !important; + } + .flex-lg-column-reverse { + flex-direction: column-reverse !important; + } + .flex-lg-grow-0 { + flex-grow: 0 !important; + } + .flex-lg-grow-1 { + flex-grow: 1 !important; + } + .flex-lg-shrink-0 { + flex-shrink: 0 !important; + } + .flex-lg-shrink-1 { + flex-shrink: 1 !important; + } + .flex-lg-wrap { + flex-wrap: wrap !important; + } + .flex-lg-nowrap { + flex-wrap: nowrap !important; + } + .flex-lg-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-lg-start { + justify-content: flex-start !important; + } + .justify-content-lg-end { + justify-content: flex-end !important; + } + .justify-content-lg-center { + justify-content: center !important; + } + .justify-content-lg-between { + justify-content: space-between !important; + } + .justify-content-lg-around { + justify-content: space-around !important; + } + .justify-content-lg-evenly { + justify-content: space-evenly !important; + } + .align-items-lg-start { + align-items: flex-start !important; + } + .align-items-lg-end { + align-items: flex-end !important; + } + .align-items-lg-center { + align-items: center !important; + } + .align-items-lg-baseline { + align-items: baseline !important; + } + .align-items-lg-stretch { + align-items: stretch !important; + } + .align-content-lg-start { + align-content: flex-start !important; + } + .align-content-lg-end { + align-content: flex-end !important; + } + .align-content-lg-center { + align-content: center !important; + } + .align-content-lg-between { + align-content: space-between !important; + } + .align-content-lg-around { + align-content: space-around !important; + } + .align-content-lg-stretch { + align-content: stretch !important; + } + .align-self-lg-auto { + align-self: auto !important; + } + .align-self-lg-start { + align-self: flex-start !important; + } + .align-self-lg-end { + align-self: flex-end !important; + } + .align-self-lg-center { + align-self: center !important; + } + .align-self-lg-baseline { + align-self: baseline !important; + } + .align-self-lg-stretch { + align-self: stretch !important; + } + .order-lg-first { + order: -1 !important; + } + .order-lg-0 { + order: 0 !important; + } + .order-lg-1 { + order: 1 !important; + } + .order-lg-2 { + order: 2 !important; + } + .order-lg-3 { + order: 3 !important; + } + .order-lg-4 { + order: 4 !important; + } + .order-lg-5 { + order: 5 !important; + } + .order-lg-last { + order: 6 !important; + } + .m-lg-0 { + margin: 0 !important; + } + .m-lg-1 { + margin: 0.25rem !important; + } + .m-lg-2 { + margin: 0.5rem !important; + } + .m-lg-3 { + margin: 1rem !important; + } + .m-lg-4 { + margin: 1.5rem !important; + } + .m-lg-5 { + margin: 3rem !important; + } + .m-lg-auto { + margin: auto !important; + } + .mx-lg-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-lg-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-lg-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-lg-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-lg-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-lg-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-lg-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-lg-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-lg-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-lg-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-lg-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-lg-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-lg-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-lg-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-lg-0 { + margin-top: 0 !important; + } + .mt-lg-1 { + margin-top: 0.25rem !important; + } + .mt-lg-2 { + margin-top: 0.5rem !important; + } + .mt-lg-3 { + margin-top: 1rem !important; + } + .mt-lg-4 { + margin-top: 1.5rem !important; + } + .mt-lg-5 { + margin-top: 3rem !important; + } + .mt-lg-auto { + margin-top: auto !important; + } + .me-lg-0 { + margin-right: 0 !important; + } + .me-lg-1 { + margin-right: 0.25rem !important; + } + .me-lg-2 { + margin-right: 0.5rem !important; + } + .me-lg-3 { + margin-right: 1rem !important; + } + .me-lg-4 { + margin-right: 1.5rem !important; + } + .me-lg-5 { + margin-right: 3rem !important; + } + .me-lg-auto { + margin-right: auto !important; + } + .mb-lg-0 { + margin-bottom: 0 !important; + } + .mb-lg-1 { + margin-bottom: 0.25rem !important; + } + .mb-lg-2 { + margin-bottom: 0.5rem !important; + } + .mb-lg-3 { + margin-bottom: 1rem !important; + } + .mb-lg-4 { + margin-bottom: 1.5rem !important; + } + .mb-lg-5 { + margin-bottom: 3rem !important; + } + .mb-lg-auto { + margin-bottom: auto !important; + } + .ms-lg-0 { + margin-left: 0 !important; + } + .ms-lg-1 { + margin-left: 0.25rem !important; + } + .ms-lg-2 { + margin-left: 0.5rem !important; + } + .ms-lg-3 { + margin-left: 1rem !important; + } + .ms-lg-4 { + margin-left: 1.5rem !important; + } + .ms-lg-5 { + margin-left: 3rem !important; + } + .ms-lg-auto { + margin-left: auto !important; + } + .p-lg-0 { + padding: 0 !important; + } + .p-lg-1 { + padding: 0.25rem !important; + } + .p-lg-2 { + padding: 0.5rem !important; + } + .p-lg-3 { + padding: 1rem !important; + } + .p-lg-4 { + padding: 1.5rem !important; + } + .p-lg-5 { + padding: 3rem !important; + } + .px-lg-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-lg-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-lg-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-lg-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-lg-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-lg-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-lg-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-lg-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-lg-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-lg-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-lg-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-lg-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-lg-0 { + padding-top: 0 !important; + } + .pt-lg-1 { + padding-top: 0.25rem !important; + } + .pt-lg-2 { + padding-top: 0.5rem !important; + } + .pt-lg-3 { + padding-top: 1rem !important; + } + .pt-lg-4 { + padding-top: 1.5rem !important; + } + .pt-lg-5 { + padding-top: 3rem !important; + } + .pe-lg-0 { + padding-right: 0 !important; + } + .pe-lg-1 { + padding-right: 0.25rem !important; + } + .pe-lg-2 { + padding-right: 0.5rem !important; + } + .pe-lg-3 { + padding-right: 1rem !important; + } + .pe-lg-4 { + padding-right: 1.5rem !important; + } + .pe-lg-5 { + padding-right: 3rem !important; + } + .pb-lg-0 { + padding-bottom: 0 !important; + } + .pb-lg-1 { + padding-bottom: 0.25rem !important; + } + .pb-lg-2 { + padding-bottom: 0.5rem !important; + } + .pb-lg-3 { + padding-bottom: 1rem !important; + } + .pb-lg-4 { + padding-bottom: 1.5rem !important; + } + .pb-lg-5 { + padding-bottom: 3rem !important; + } + .ps-lg-0 { + padding-left: 0 !important; + } + .ps-lg-1 { + padding-left: 0.25rem !important; + } + .ps-lg-2 { + padding-left: 0.5rem !important; + } + .ps-lg-3 { + padding-left: 1rem !important; + } + .ps-lg-4 { + padding-left: 1.5rem !important; + } + .ps-lg-5 { + padding-left: 3rem !important; + } + .gap-lg-0 { + gap: 0 !important; + } + .gap-lg-1 { + gap: 0.25rem !important; + } + .gap-lg-2 { + gap: 0.5rem !important; + } + .gap-lg-3 { + gap: 1rem !important; + } + .gap-lg-4 { + gap: 1.5rem !important; + } + .gap-lg-5 { + gap: 3rem !important; + } + .row-gap-lg-0 { + row-gap: 0 !important; + } + .row-gap-lg-1 { + row-gap: 0.25rem !important; + } + .row-gap-lg-2 { + row-gap: 0.5rem !important; + } + .row-gap-lg-3 { + row-gap: 1rem !important; + } + .row-gap-lg-4 { + row-gap: 1.5rem !important; + } + .row-gap-lg-5 { + row-gap: 3rem !important; + } + .column-gap-lg-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; + } + .column-gap-lg-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; + } + .column-gap-lg-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; + } + .column-gap-lg-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; + } + .column-gap-lg-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; + } + .column-gap-lg-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; + } + .text-lg-start { + text-align: left !important; + } + .text-lg-end { + text-align: right !important; + } + .text-lg-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .float-xl-start { + float: left !important; + } + .float-xl-end { + float: right !important; + } + .float-xl-none { + float: none !important; + } + .object-fit-xl-contain { + -o-object-fit: contain !important; + object-fit: contain !important; + } + .object-fit-xl-cover { + -o-object-fit: cover !important; + object-fit: cover !important; + } + .object-fit-xl-fill { + -o-object-fit: fill !important; + object-fit: fill !important; + } + .object-fit-xl-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; + } + .object-fit-xl-none { + -o-object-fit: none !important; + object-fit: none !important; + } + .d-xl-inline { + display: inline !important; + } + .d-xl-inline-block { + display: inline-block !important; + } + .d-xl-block { + display: block !important; + } + .d-xl-grid { + display: grid !important; + } + .d-xl-inline-grid { + display: inline-grid !important; + } + .d-xl-table { + display: table !important; + } + .d-xl-table-row { + display: table-row !important; + } + .d-xl-table-cell { + display: table-cell !important; + } + .d-xl-flex { + display: flex !important; + } + .d-xl-inline-flex { + display: inline-flex !important; + } + .d-xl-none { + display: none !important; + } + .flex-xl-fill { + flex: 1 1 auto !important; + } + .flex-xl-row { + flex-direction: row !important; + } + .flex-xl-column { + flex-direction: column !important; + } + .flex-xl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xl-grow-0 { + flex-grow: 0 !important; + } + .flex-xl-grow-1 { + flex-grow: 1 !important; + } + .flex-xl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xl-wrap { + flex-wrap: wrap !important; + } + .flex-xl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-xl-start { + justify-content: flex-start !important; + } + .justify-content-xl-end { + justify-content: flex-end !important; + } + .justify-content-xl-center { + justify-content: center !important; + } + .justify-content-xl-between { + justify-content: space-between !important; + } + .justify-content-xl-around { + justify-content: space-around !important; + } + .justify-content-xl-evenly { + justify-content: space-evenly !important; + } + .align-items-xl-start { + align-items: flex-start !important; + } + .align-items-xl-end { + align-items: flex-end !important; + } + .align-items-xl-center { + align-items: center !important; + } + .align-items-xl-baseline { + align-items: baseline !important; + } + .align-items-xl-stretch { + align-items: stretch !important; + } + .align-content-xl-start { + align-content: flex-start !important; + } + .align-content-xl-end { + align-content: flex-end !important; + } + .align-content-xl-center { + align-content: center !important; + } + .align-content-xl-between { + align-content: space-between !important; + } + .align-content-xl-around { + align-content: space-around !important; + } + .align-content-xl-stretch { + align-content: stretch !important; + } + .align-self-xl-auto { + align-self: auto !important; + } + .align-self-xl-start { + align-self: flex-start !important; + } + .align-self-xl-end { + align-self: flex-end !important; + } + .align-self-xl-center { + align-self: center !important; + } + .align-self-xl-baseline { + align-self: baseline !important; + } + .align-self-xl-stretch { + align-self: stretch !important; + } + .order-xl-first { + order: -1 !important; + } + .order-xl-0 { + order: 0 !important; + } + .order-xl-1 { + order: 1 !important; + } + .order-xl-2 { + order: 2 !important; + } + .order-xl-3 { + order: 3 !important; + } + .order-xl-4 { + order: 4 !important; + } + .order-xl-5 { + order: 5 !important; + } + .order-xl-last { + order: 6 !important; + } + .m-xl-0 { + margin: 0 !important; + } + .m-xl-1 { + margin: 0.25rem !important; + } + .m-xl-2 { + margin: 0.5rem !important; + } + .m-xl-3 { + margin: 1rem !important; + } + .m-xl-4 { + margin: 1.5rem !important; + } + .m-xl-5 { + margin: 3rem !important; + } + .m-xl-auto { + margin: auto !important; + } + .mx-xl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-xl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-xl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-xl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-xl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xl-0 { + margin-top: 0 !important; + } + .mt-xl-1 { + margin-top: 0.25rem !important; + } + .mt-xl-2 { + margin-top: 0.5rem !important; + } + .mt-xl-3 { + margin-top: 1rem !important; + } + .mt-xl-4 { + margin-top: 1.5rem !important; + } + .mt-xl-5 { + margin-top: 3rem !important; + } + .mt-xl-auto { + margin-top: auto !important; + } + .me-xl-0 { + margin-right: 0 !important; + } + .me-xl-1 { + margin-right: 0.25rem !important; + } + .me-xl-2 { + margin-right: 0.5rem !important; + } + .me-xl-3 { + margin-right: 1rem !important; + } + .me-xl-4 { + margin-right: 1.5rem !important; + } + .me-xl-5 { + margin-right: 3rem !important; + } + .me-xl-auto { + margin-right: auto !important; + } + .mb-xl-0 { + margin-bottom: 0 !important; + } + .mb-xl-1 { + margin-bottom: 0.25rem !important; + } + .mb-xl-2 { + margin-bottom: 0.5rem !important; + } + .mb-xl-3 { + margin-bottom: 1rem !important; + } + .mb-xl-4 { + margin-bottom: 1.5rem !important; + } + .mb-xl-5 { + margin-bottom: 3rem !important; + } + .mb-xl-auto { + margin-bottom: auto !important; + } + .ms-xl-0 { + margin-left: 0 !important; + } + .ms-xl-1 { + margin-left: 0.25rem !important; + } + .ms-xl-2 { + margin-left: 0.5rem !important; + } + .ms-xl-3 { + margin-left: 1rem !important; + } + .ms-xl-4 { + margin-left: 1.5rem !important; + } + .ms-xl-5 { + margin-left: 3rem !important; + } + .ms-xl-auto { + margin-left: auto !important; + } + .p-xl-0 { + padding: 0 !important; + } + .p-xl-1 { + padding: 0.25rem !important; + } + .p-xl-2 { + padding: 0.5rem !important; + } + .p-xl-3 { + padding: 1rem !important; + } + .p-xl-4 { + padding: 1.5rem !important; + } + .p-xl-5 { + padding: 3rem !important; + } + .px-xl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-xl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-xl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-xl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-xl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-xl-0 { + padding-top: 0 !important; + } + .pt-xl-1 { + padding-top: 0.25rem !important; + } + .pt-xl-2 { + padding-top: 0.5rem !important; + } + .pt-xl-3 { + padding-top: 1rem !important; + } + .pt-xl-4 { + padding-top: 1.5rem !important; + } + .pt-xl-5 { + padding-top: 3rem !important; + } + .pe-xl-0 { + padding-right: 0 !important; + } + .pe-xl-1 { + padding-right: 0.25rem !important; + } + .pe-xl-2 { + padding-right: 0.5rem !important; + } + .pe-xl-3 { + padding-right: 1rem !important; + } + .pe-xl-4 { + padding-right: 1.5rem !important; + } + .pe-xl-5 { + padding-right: 3rem !important; + } + .pb-xl-0 { + padding-bottom: 0 !important; + } + .pb-xl-1 { + padding-bottom: 0.25rem !important; + } + .pb-xl-2 { + padding-bottom: 0.5rem !important; + } + .pb-xl-3 { + padding-bottom: 1rem !important; + } + .pb-xl-4 { + padding-bottom: 1.5rem !important; + } + .pb-xl-5 { + padding-bottom: 3rem !important; + } + .ps-xl-0 { + padding-left: 0 !important; + } + .ps-xl-1 { + padding-left: 0.25rem !important; + } + .ps-xl-2 { + padding-left: 0.5rem !important; + } + .ps-xl-3 { + padding-left: 1rem !important; + } + .ps-xl-4 { + padding-left: 1.5rem !important; + } + .ps-xl-5 { + padding-left: 3rem !important; + } + .gap-xl-0 { + gap: 0 !important; + } + .gap-xl-1 { + gap: 0.25rem !important; + } + .gap-xl-2 { + gap: 0.5rem !important; + } + .gap-xl-3 { + gap: 1rem !important; + } + .gap-xl-4 { + gap: 1.5rem !important; + } + .gap-xl-5 { + gap: 3rem !important; + } + .row-gap-xl-0 { + row-gap: 0 !important; + } + .row-gap-xl-1 { + row-gap: 0.25rem !important; + } + .row-gap-xl-2 { + row-gap: 0.5rem !important; + } + .row-gap-xl-3 { + row-gap: 1rem !important; + } + .row-gap-xl-4 { + row-gap: 1.5rem !important; + } + .row-gap-xl-5 { + row-gap: 3rem !important; + } + .column-gap-xl-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; + } + .column-gap-xl-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; + } + .column-gap-xl-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; + } + .column-gap-xl-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; + } + .column-gap-xl-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; + } + .column-gap-xl-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; + } + .text-xl-start { + text-align: left !important; + } + .text-xl-end { + text-align: right !important; + } + .text-xl-center { + text-align: center !important; + } +} +@media (min-width: 1400px) { + .float-xxl-start { + float: left !important; + } + .float-xxl-end { + float: right !important; + } + .float-xxl-none { + float: none !important; + } + .object-fit-xxl-contain { + -o-object-fit: contain !important; + object-fit: contain !important; + } + .object-fit-xxl-cover { + -o-object-fit: cover !important; + object-fit: cover !important; + } + .object-fit-xxl-fill { + -o-object-fit: fill !important; + object-fit: fill !important; + } + .object-fit-xxl-scale { + -o-object-fit: scale-down !important; + object-fit: scale-down !important; + } + .object-fit-xxl-none { + -o-object-fit: none !important; + object-fit: none !important; + } + .d-xxl-inline { + display: inline !important; + } + .d-xxl-inline-block { + display: inline-block !important; + } + .d-xxl-block { + display: block !important; + } + .d-xxl-grid { + display: grid !important; + } + .d-xxl-inline-grid { + display: inline-grid !important; + } + .d-xxl-table { + display: table !important; + } + .d-xxl-table-row { + display: table-row !important; + } + .d-xxl-table-cell { + display: table-cell !important; + } + .d-xxl-flex { + display: flex !important; + } + .d-xxl-inline-flex { + display: inline-flex !important; + } + .d-xxl-none { + display: none !important; + } + .flex-xxl-fill { + flex: 1 1 auto !important; + } + .flex-xxl-row { + flex-direction: row !important; + } + .flex-xxl-column { + flex-direction: column !important; + } + .flex-xxl-row-reverse { + flex-direction: row-reverse !important; + } + .flex-xxl-column-reverse { + flex-direction: column-reverse !important; + } + .flex-xxl-grow-0 { + flex-grow: 0 !important; + } + .flex-xxl-grow-1 { + flex-grow: 1 !important; + } + .flex-xxl-shrink-0 { + flex-shrink: 0 !important; + } + .flex-xxl-shrink-1 { + flex-shrink: 1 !important; + } + .flex-xxl-wrap { + flex-wrap: wrap !important; + } + .flex-xxl-nowrap { + flex-wrap: nowrap !important; + } + .flex-xxl-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + .justify-content-xxl-start { + justify-content: flex-start !important; + } + .justify-content-xxl-end { + justify-content: flex-end !important; + } + .justify-content-xxl-center { + justify-content: center !important; + } + .justify-content-xxl-between { + justify-content: space-between !important; + } + .justify-content-xxl-around { + justify-content: space-around !important; + } + .justify-content-xxl-evenly { + justify-content: space-evenly !important; + } + .align-items-xxl-start { + align-items: flex-start !important; + } + .align-items-xxl-end { + align-items: flex-end !important; + } + .align-items-xxl-center { + align-items: center !important; + } + .align-items-xxl-baseline { + align-items: baseline !important; + } + .align-items-xxl-stretch { + align-items: stretch !important; + } + .align-content-xxl-start { + align-content: flex-start !important; + } + .align-content-xxl-end { + align-content: flex-end !important; + } + .align-content-xxl-center { + align-content: center !important; + } + .align-content-xxl-between { + align-content: space-between !important; + } + .align-content-xxl-around { + align-content: space-around !important; + } + .align-content-xxl-stretch { + align-content: stretch !important; + } + .align-self-xxl-auto { + align-self: auto !important; + } + .align-self-xxl-start { + align-self: flex-start !important; + } + .align-self-xxl-end { + align-self: flex-end !important; + } + .align-self-xxl-center { + align-self: center !important; + } + .align-self-xxl-baseline { + align-self: baseline !important; + } + .align-self-xxl-stretch { + align-self: stretch !important; + } + .order-xxl-first { + order: -1 !important; + } + .order-xxl-0 { + order: 0 !important; + } + .order-xxl-1 { + order: 1 !important; + } + .order-xxl-2 { + order: 2 !important; + } + .order-xxl-3 { + order: 3 !important; + } + .order-xxl-4 { + order: 4 !important; + } + .order-xxl-5 { + order: 5 !important; + } + .order-xxl-last { + order: 6 !important; + } + .m-xxl-0 { + margin: 0 !important; + } + .m-xxl-1 { + margin: 0.25rem !important; + } + .m-xxl-2 { + margin: 0.5rem !important; + } + .m-xxl-3 { + margin: 1rem !important; + } + .m-xxl-4 { + margin: 1.5rem !important; + } + .m-xxl-5 { + margin: 3rem !important; + } + .m-xxl-auto { + margin: auto !important; + } + .mx-xxl-0 { + margin-right: 0 !important; + margin-left: 0 !important; + } + .mx-xxl-1 { + margin-right: 0.25rem !important; + margin-left: 0.25rem !important; + } + .mx-xxl-2 { + margin-right: 0.5rem !important; + margin-left: 0.5rem !important; + } + .mx-xxl-3 { + margin-right: 1rem !important; + margin-left: 1rem !important; + } + .mx-xxl-4 { + margin-right: 1.5rem !important; + margin-left: 1.5rem !important; + } + .mx-xxl-5 { + margin-right: 3rem !important; + margin-left: 3rem !important; + } + .mx-xxl-auto { + margin-right: auto !important; + margin-left: auto !important; + } + .my-xxl-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; + } + .my-xxl-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; + } + .my-xxl-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; + } + .my-xxl-3 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; + } + .my-xxl-4 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; + } + .my-xxl-5 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; + } + .my-xxl-auto { + margin-top: auto !important; + margin-bottom: auto !important; + } + .mt-xxl-0 { + margin-top: 0 !important; + } + .mt-xxl-1 { + margin-top: 0.25rem !important; + } + .mt-xxl-2 { + margin-top: 0.5rem !important; + } + .mt-xxl-3 { + margin-top: 1rem !important; + } + .mt-xxl-4 { + margin-top: 1.5rem !important; + } + .mt-xxl-5 { + margin-top: 3rem !important; + } + .mt-xxl-auto { + margin-top: auto !important; + } + .me-xxl-0 { + margin-right: 0 !important; + } + .me-xxl-1 { + margin-right: 0.25rem !important; + } + .me-xxl-2 { + margin-right: 0.5rem !important; + } + .me-xxl-3 { + margin-right: 1rem !important; + } + .me-xxl-4 { + margin-right: 1.5rem !important; + } + .me-xxl-5 { + margin-right: 3rem !important; + } + .me-xxl-auto { + margin-right: auto !important; + } + .mb-xxl-0 { + margin-bottom: 0 !important; + } + .mb-xxl-1 { + margin-bottom: 0.25rem !important; + } + .mb-xxl-2 { + margin-bottom: 0.5rem !important; + } + .mb-xxl-3 { + margin-bottom: 1rem !important; + } + .mb-xxl-4 { + margin-bottom: 1.5rem !important; + } + .mb-xxl-5 { + margin-bottom: 3rem !important; + } + .mb-xxl-auto { + margin-bottom: auto !important; + } + .ms-xxl-0 { + margin-left: 0 !important; + } + .ms-xxl-1 { + margin-left: 0.25rem !important; + } + .ms-xxl-2 { + margin-left: 0.5rem !important; + } + .ms-xxl-3 { + margin-left: 1rem !important; + } + .ms-xxl-4 { + margin-left: 1.5rem !important; + } + .ms-xxl-5 { + margin-left: 3rem !important; + } + .ms-xxl-auto { + margin-left: auto !important; + } + .p-xxl-0 { + padding: 0 !important; + } + .p-xxl-1 { + padding: 0.25rem !important; + } + .p-xxl-2 { + padding: 0.5rem !important; + } + .p-xxl-3 { + padding: 1rem !important; + } + .p-xxl-4 { + padding: 1.5rem !important; + } + .p-xxl-5 { + padding: 3rem !important; + } + .px-xxl-0 { + padding-right: 0 !important; + padding-left: 0 !important; + } + .px-xxl-1 { + padding-right: 0.25rem !important; + padding-left: 0.25rem !important; + } + .px-xxl-2 { + padding-right: 0.5rem !important; + padding-left: 0.5rem !important; + } + .px-xxl-3 { + padding-right: 1rem !important; + padding-left: 1rem !important; + } + .px-xxl-4 { + padding-right: 1.5rem !important; + padding-left: 1.5rem !important; + } + .px-xxl-5 { + padding-right: 3rem !important; + padding-left: 3rem !important; + } + .py-xxl-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; + } + .py-xxl-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; + } + .py-xxl-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; + } + .py-xxl-3 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; + } + .py-xxl-4 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; + } + .py-xxl-5 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; + } + .pt-xxl-0 { + padding-top: 0 !important; + } + .pt-xxl-1 { + padding-top: 0.25rem !important; + } + .pt-xxl-2 { + padding-top: 0.5rem !important; + } + .pt-xxl-3 { + padding-top: 1rem !important; + } + .pt-xxl-4 { + padding-top: 1.5rem !important; + } + .pt-xxl-5 { + padding-top: 3rem !important; + } + .pe-xxl-0 { + padding-right: 0 !important; + } + .pe-xxl-1 { + padding-right: 0.25rem !important; + } + .pe-xxl-2 { + padding-right: 0.5rem !important; + } + .pe-xxl-3 { + padding-right: 1rem !important; + } + .pe-xxl-4 { + padding-right: 1.5rem !important; + } + .pe-xxl-5 { + padding-right: 3rem !important; + } + .pb-xxl-0 { + padding-bottom: 0 !important; + } + .pb-xxl-1 { + padding-bottom: 0.25rem !important; + } + .pb-xxl-2 { + padding-bottom: 0.5rem !important; + } + .pb-xxl-3 { + padding-bottom: 1rem !important; + } + .pb-xxl-4 { + padding-bottom: 1.5rem !important; + } + .pb-xxl-5 { + padding-bottom: 3rem !important; + } + .ps-xxl-0 { + padding-left: 0 !important; + } + .ps-xxl-1 { + padding-left: 0.25rem !important; + } + .ps-xxl-2 { + padding-left: 0.5rem !important; + } + .ps-xxl-3 { + padding-left: 1rem !important; + } + .ps-xxl-4 { + padding-left: 1.5rem !important; + } + .ps-xxl-5 { + padding-left: 3rem !important; + } + .gap-xxl-0 { + gap: 0 !important; + } + .gap-xxl-1 { + gap: 0.25rem !important; + } + .gap-xxl-2 { + gap: 0.5rem !important; + } + .gap-xxl-3 { + gap: 1rem !important; + } + .gap-xxl-4 { + gap: 1.5rem !important; + } + .gap-xxl-5 { + gap: 3rem !important; + } + .row-gap-xxl-0 { + row-gap: 0 !important; + } + .row-gap-xxl-1 { + row-gap: 0.25rem !important; + } + .row-gap-xxl-2 { + row-gap: 0.5rem !important; + } + .row-gap-xxl-3 { + row-gap: 1rem !important; + } + .row-gap-xxl-4 { + row-gap: 1.5rem !important; + } + .row-gap-xxl-5 { + row-gap: 3rem !important; + } + .column-gap-xxl-0 { + -moz-column-gap: 0 !important; + column-gap: 0 !important; + } + .column-gap-xxl-1 { + -moz-column-gap: 0.25rem !important; + column-gap: 0.25rem !important; + } + .column-gap-xxl-2 { + -moz-column-gap: 0.5rem !important; + column-gap: 0.5rem !important; + } + .column-gap-xxl-3 { + -moz-column-gap: 1rem !important; + column-gap: 1rem !important; + } + .column-gap-xxl-4 { + -moz-column-gap: 1.5rem !important; + column-gap: 1.5rem !important; + } + .column-gap-xxl-5 { + -moz-column-gap: 3rem !important; + column-gap: 3rem !important; + } + .text-xxl-start { + text-align: left !important; + } + .text-xxl-end { + text-align: right !important; + } + .text-xxl-center { + text-align: center !important; + } +} +@media (min-width: 1200px) { + .fs-1 { + font-size: 2.5rem !important; + } + .fs-2 { + font-size: 2rem !important; + } + .fs-3 { + font-size: 1.75rem !important; + } + .fs-4 { + font-size: 1.5rem !important; + } +} +@media print { + .d-print-inline { + display: inline !important; + } + .d-print-inline-block { + display: inline-block !important; + } + .d-print-block { + display: block !important; + } + .d-print-grid { + display: grid !important; + } + .d-print-inline-grid { + display: inline-grid !important; + } + .d-print-table { + display: table !important; + } + .d-print-table-row { + display: table-row !important; + } + .d-print-table-cell { + display: table-cell !important; + } + .d-print-flex { + display: flex !important; + } + .d-print-inline-flex { + display: inline-flex !important; + } + .d-print-none { + display: none !important; + } +} + +/*# sourceMappingURL=bootstrap.css.map */ \ No newline at end of file diff --git a/apps/static/assets/css/index.css b/apps/static/assets/css/index.css index 77d0c40..f8a9ece 100644 --- a/apps/static/assets/css/index.css +++ b/apps/static/assets/css/index.css @@ -62,6 +62,19 @@ border: none } +a { + text-decoration: none; +} + +body { + font-family: Roboto, -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Arial, sans-serif; + font-size: 14px; + color: #72777a; + line-height: 1.5; + letter-spacing: 0.2px; + overflow-x: hidden; +} + /* Ticket List Items */ diff --git a/apps/templates/home/tickets.html b/apps/templates/home/tickets.html index e79967c..d1ba51b 100644 --- a/apps/templates/home/tickets.html +++ b/apps/templates/home/tickets.html @@ -20,7 +20,7 @@
-
+