@charset "UTF-8"; /*! * Bootstrap v4.6.1 (https://getbootstrap.com/) * Copyright 2011-2021 The Bootstrap Authors * Copyright 2011-2021 Twitter, Inc. * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) */ :root { --blue: #007bff; --indigo: #6610f2; --purple: #6f42c1; --pink: #e83e8c; --red: #dc3545; --orange: #fd7e14; --yellow: #ffc107; --green: #28a745; --teal: #20c997; --cyan: #17a2b8; --white: #fff; --gray: #6c757d; --gray-dark: #343a40; --primary: #49ad3d; --secondary: #1a536e; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #fafafa; --dark: #262626; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --breakpoint-mxl: 1380px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: left; background-color: #fff; } [tabindex="-1"]:focus:not(:focus-visible) { outline: 0 !important; } hr { box-sizing: content-box; height: 0; overflow: visible; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0.5rem; } p { margin-top: 0; margin-bottom: 1rem; } abbr[title], abbr[data-original-title] { text-decoration: underline; text-decoration: underline dotted; cursor: help; border-bottom: 0; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } 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 { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #49ad3d; text-decoration: none; background-color: transparent; } a:hover { color: #317429; text-decoration: underline; } a:not([href]):not([class]) { color: inherit; text-decoration: none; } a:not([href]):not([class]):hover { color: inherit; text-decoration: none; } pre, code, kbd, samp { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; -ms-overflow-style: scrollbar; } figure { margin: 0 0 1rem; } img { vertical-align: middle; border-style: none; } svg { overflow: hidden; vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 0.75rem; padding-bottom: 0.75rem; color: #6c757d; text-align: left; caption-side: bottom; } th { text-align: inherit; text-align: -webkit-match-parent; } label { display: inline-block; margin-bottom: 0.5rem; } 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, input { overflow: visible; } button, select { text-transform: none; } [role="button"] { cursor: pointer; } select { word-wrap: normal; } 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; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="radio"], input[type="checkbox"] { box-sizing: border-box; padding: 0; } textarea { overflow: auto; resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; max-width: 100%; padding: 0; margin-bottom: 0.5rem; font-size: 1.5rem; line-height: inherit; color: inherit; white-space: normal; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0.5rem; font-weight: 500; line-height: 1.2; } h1, .h1 { font-size: 2.5rem; } h2, .h2 { font-size: 2rem; } h3, .h3 { font-size: 1.75rem; } h4, .h4 { font-size: 1.5rem; } h5, .h5 { font-size: 1.25rem; } h6, .h6 { font-size: 1rem; } .lead { font-size: 1.25rem; font-weight: 300; } .display-1 { font-size: 6rem; font-weight: 300; line-height: 1.2; } .display-2 { font-size: 5.5rem; font-weight: 300; line-height: 1.2; } .display-3 { font-size: 4.5rem; font-weight: 300; line-height: 1.2; } .display-4 { font-size: 3.5rem; font-weight: 300; line-height: 1.2; } hr { margin-top: 1rem; margin-bottom: 1rem; border: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); } small, .small { font-size: 80%; font-weight: 400; } mark, .mark { padding: 0.2em; background-color: #fcf8e3; } .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: 90%; text-transform: uppercase; } .blockquote { margin-bottom: 1rem; font-size: 1.25rem; } .blockquote-footer { display: block; font-size: 80%; color: #6c757d; } .blockquote-footer::before { content: "— "; } .img-fluid { max-width: 100%; height: auto; } .img-cover { object-fit: cover; } .img-contain { object-fit: contain; } .img-thumbnail { padding: 0.25rem; background-color: #fff; border: 1px solid #dee2e6; border-radius: 0.25rem; max-width: 100%; height: auto; } .figure { display: inline-block; } .figure-img { margin-bottom: 0.5rem; line-height: 1; } .figure-caption { font-size: 90%; color: #6c757d; } code { font-size: 87.5%; color: #e83e8c; word-wrap: break-word; } a > code { color: inherit; } kbd { padding: 0.2rem 0.4rem; font-size: 87.5%; color: #fff; background-color: #212529; border-radius: 0.2rem; } kbd kbd { padding: 0; font-size: 100%; font-weight: 700; } pre { display: block; font-size: 87.5%; color: #212529; } pre code { font-size: inherit; color: inherit; word-break: normal; } .pre-scrollable { max-height: 340px; overflow-y: scroll; } .container, .container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-mxl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width: 576px) { .container, .container-sm { max-width: 540px; } } @media (min-width: 768px) { .container, .container-sm, .container-md { max-width: 720px; } } @media (min-width: 992px) { .container, .container-sm, .container-md, .container-lg { max-width: 960px; } } @media (min-width: 1200px) { .container, .container-sm, .container-md, .container-lg, .container-xl { max-width: 1140px; } } @media (min-width: 1380px) { .container, .container-sm, .container-md, .container-lg, .container-xl, .container-mxl { max-width: 1320px; } } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto, .col-mxl-1, .col-mxl-2, .col-mxl-3, .col-mxl-4, .col-mxl-5, .col-mxl-6, .col-mxl-7, .col-mxl-8, .col-mxl-9, .col-mxl-10, .col-mxl-11, .col-mxl-12, .col-mxl, .col-mxl-auto { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .row-cols-7 > * { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .row-cols-8 > * { flex: 0 0 12.5%; max-width: 12.5%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-12 { flex: 0 0 100%; max-width: 100%; } .order-first { order: -1; } .order-last { order: 13; } .order-0 { order: 0; } .order-1 { order: 1; } .order-2 { order: 2; } .order-3 { order: 3; } .order-4 { order: 4; } .order-5 { order: 5; } .order-6 { order: 6; } .order-7 { order: 7; } .order-8 { order: 8; } .order-9 { order: 9; } .order-10 { order: 10; } .order-11 { order: 11; } .order-12 { order: 12; } .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%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-sm-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-sm-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-sm-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-sm-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-sm-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-sm-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .row-cols-sm-7 > * { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .row-cols-sm-8 > * { flex: 0 0 12.5%; max-width: 12.5%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-sm-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-sm-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-sm-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-sm-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-sm-12 { flex: 0 0 100%; max-width: 100%; } .order-sm-first { order: -1; } .order-sm-last { order: 13; } .order-sm-0 { order: 0; } .order-sm-1 { order: 1; } .order-sm-2 { order: 2; } .order-sm-3 { order: 3; } .order-sm-4 { order: 4; } .order-sm-5 { order: 5; } .order-sm-6 { order: 6; } .order-sm-7 { order: 7; } .order-sm-8 { order: 8; } .order-sm-9 { order: 9; } .order-sm-10 { order: 10; } .order-sm-11 { order: 11; } .order-sm-12 { order: 12; } .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%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-md-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-md-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-md-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-md-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-md-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-md-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .row-cols-md-7 > * { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .row-cols-md-8 > * { flex: 0 0 12.5%; max-width: 12.5%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-md-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-md-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-md-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-md-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-md-12 { flex: 0 0 100%; max-width: 100%; } .order-md-first { order: -1; } .order-md-last { order: 13; } .order-md-0 { order: 0; } .order-md-1 { order: 1; } .order-md-2 { order: 2; } .order-md-3 { order: 3; } .order-md-4 { order: 4; } .order-md-5 { order: 5; } .order-md-6 { order: 6; } .order-md-7 { order: 7; } .order-md-8 { order: 8; } .order-md-9 { order: 9; } .order-md-10 { order: 10; } .order-md-11 { order: 11; } .order-md-12 { order: 12; } .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%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-lg-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-lg-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-lg-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-lg-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-lg-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-lg-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .row-cols-lg-7 > * { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .row-cols-lg-8 > * { flex: 0 0 12.5%; max-width: 12.5%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-lg-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-lg-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-lg-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-lg-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-lg-12 { flex: 0 0 100%; max-width: 100%; } .order-lg-first { order: -1; } .order-lg-last { order: 13; } .order-lg-0 { order: 0; } .order-lg-1 { order: 1; } .order-lg-2 { order: 2; } .order-lg-3 { order: 3; } .order-lg-4 { order: 4; } .order-lg-5 { order: 5; } .order-lg-6 { order: 6; } .order-lg-7 { order: 7; } .order-lg-8 { order: 8; } .order-lg-9 { order: 9; } .order-lg-10 { order: 10; } .order-lg-11 { order: 11; } .order-lg-12 { order: 12; } .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%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-xl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-xl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-xl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-xl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-xl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-xl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .row-cols-xl-7 > * { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .row-cols-xl-8 > * { flex: 0 0 12.5%; max-width: 12.5%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-xl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xl-12 { flex: 0 0 100%; max-width: 100%; } .order-xl-first { order: -1; } .order-xl-last { order: 13; } .order-xl-0 { order: 0; } .order-xl-1 { order: 1; } .order-xl-2 { order: 2; } .order-xl-3 { order: 3; } .order-xl-4 { order: 4; } .order-xl-5 { order: 5; } .order-xl-6 { order: 6; } .order-xl-7 { order: 7; } .order-xl-8 { order: 8; } .order-xl-9 { order: 9; } .order-xl-10 { order: 10; } .order-xl-11 { order: 11; } .order-xl-12 { order: 12; } .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%; } } @media (min-width: 1380px) { .col-mxl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .row-cols-mxl-1 > * { flex: 0 0 100%; max-width: 100%; } .row-cols-mxl-2 > * { flex: 0 0 50%; max-width: 50%; } .row-cols-mxl-3 > * { flex: 0 0 33.3333333333%; max-width: 33.3333333333%; } .row-cols-mxl-4 > * { flex: 0 0 25%; max-width: 25%; } .row-cols-mxl-5 > * { flex: 0 0 20%; max-width: 20%; } .row-cols-mxl-6 > * { flex: 0 0 16.6666666667%; max-width: 16.6666666667%; } .row-cols-mxl-7 > * { flex: 0 0 14.2857142857%; max-width: 14.2857142857%; } .row-cols-mxl-8 > * { flex: 0 0 12.5%; max-width: 12.5%; } .col-mxl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-mxl-1 { flex: 0 0 8.33333333%; max-width: 8.33333333%; } .col-mxl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-mxl-3 { flex: 0 0 25%; max-width: 25%; } .col-mxl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-mxl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-mxl-6 { flex: 0 0 50%; max-width: 50%; } .col-mxl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-mxl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-mxl-9 { flex: 0 0 75%; max-width: 75%; } .col-mxl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-mxl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-mxl-12 { flex: 0 0 100%; max-width: 100%; } .order-mxl-first { order: -1; } .order-mxl-last { order: 13; } .order-mxl-0 { order: 0; } .order-mxl-1 { order: 1; } .order-mxl-2 { order: 2; } .order-mxl-3 { order: 3; } .order-mxl-4 { order: 4; } .order-mxl-5 { order: 5; } .order-mxl-6 { order: 6; } .order-mxl-7 { order: 7; } .order-mxl-8 { order: 8; } .order-mxl-9 { order: 9; } .order-mxl-10 { order: 10; } .order-mxl-11 { order: 11; } .order-mxl-12 { order: 12; } .offset-mxl-0 { margin-left: 0; } .offset-mxl-1 { margin-left: 8.33333333%; } .offset-mxl-2 { margin-left: 16.66666667%; } .offset-mxl-3 { margin-left: 25%; } .offset-mxl-4 { margin-left: 33.33333333%; } .offset-mxl-5 { margin-left: 41.66666667%; } .offset-mxl-6 { margin-left: 50%; } .offset-mxl-7 { margin-left: 58.33333333%; } .offset-mxl-8 { margin-left: 66.66666667%; } .offset-mxl-9 { margin-left: 75%; } .offset-mxl-10 { margin-left: 83.33333333%; } .offset-mxl-11 { margin-left: 91.66666667%; } } .table { width: 100%; margin-bottom: 1rem; color: #495057; } .table th, .table td { padding: 0.75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table thead th { vertical-align: bottom; border-bottom: 2px solid #dee2e6; } .table tbody + tbody { border-top: 2px solid #dee2e6; } .table-sm th, .table-sm td { padding: 0.3rem; } .table-bordered { border: 1px solid #dee2e6; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6; } .table-bordered thead th, .table-bordered thead td { border-bottom-width: 2px; } .table-borderless th, .table-borderless td, .table-borderless thead th, .table-borderless tbody + tbody { border: 0; } .table-striped tbody tr:nth-of-type(odd) { background-color: rgba(0, 0, 0, 0.05); } .table-hover tbody tr:hover { color: #495057; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #cce8c9; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #a0d49a; } .table-hover .table-primary:hover { background-color: #bbe0b7; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #bbe0b7; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #bfcfd6; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #88a6b4; } .table-hover .table-secondary:hover { background-color: #afc3cc; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #afc3cc; } .table-success, .table-success > th, .table-success > td { background-color: #c3e6cb; } .table-success th, .table-success td, .table-success thead th, .table-success tbody + tbody { border-color: #8fd19e; } .table-hover .table-success:hover { background-color: #b1dfbb; } .table-hover .table-success:hover > td, .table-hover .table-success:hover > th { background-color: #b1dfbb; } .table-info, .table-info > th, .table-info > td { background-color: #bee5eb; } .table-info th, .table-info td, .table-info thead th, .table-info tbody + tbody { border-color: #86cfda; } .table-hover .table-info:hover { background-color: #abdde5; } .table-hover .table-info:hover > td, .table-hover .table-info:hover > th { background-color: #abdde5; } .table-warning, .table-warning > th, .table-warning > td { background-color: #ffeeba; } .table-warning th, .table-warning td, .table-warning thead th, .table-warning tbody + tbody { border-color: #ffdf7e; } .table-hover .table-warning:hover { background-color: #ffe8a1; } .table-hover .table-warning:hover > td, .table-hover .table-warning:hover > th { background-color: #ffe8a1; } .table-danger, .table-danger > th, .table-danger > td { background-color: #f5c6cb; } .table-danger th, .table-danger td, .table-danger thead th, .table-danger tbody + tbody { border-color: #ed969e; } .table-hover .table-danger:hover { background-color: #f1b0b7; } .table-hover .table-danger:hover > td, .table-hover .table-danger:hover > th { background-color: #f1b0b7; } .table-light, .table-light > th, .table-light > td { background-color: #fefefe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fcfcfc; } .table-hover .table-light:hover { background-color: #f1f1f1; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #f1f1f1; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c2c2c2; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #8e8e8e; } .table-hover .table-dark:hover { background-color: #b5b5b5; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b5b5b5; } .table-active, .table-active > th, .table-active > td { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover { background-color: rgba(0, 0, 0, 0.075); } .table-hover .table-active:hover > td, .table-hover .table-active:hover > th { background-color: rgba(0, 0, 0, 0.075); } .table .thead-dark th { color: #fff; background-color: #343a40; border-color: #454d55; } .table .thead-light th { color: #495057; background-color: #e9ecef; border-color: #dee2e6; } .table-dark { color: #fff; background-color: #343a40; } .table-dark th, .table-dark td, .table-dark thead th { border-color: #454d55; } .table-dark.table-bordered { border: 0; } .table-dark.table-striped tbody tr:nth-of-type(odd) { background-color: rgba(255, 255, 255, 0.05); } .table-dark.table-hover tbody tr:hover { color: #fff; background-color: rgba(255, 255, 255, 0.075); } @media (max-width: 575.98px) { .table-responsive-sm { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-sm > .table-bordered { border: 0; } } @media (max-width: 767.98px) { .table-responsive-md { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-md > .table-bordered { border: 0; } } @media (max-width: 991.98px) { .table-responsive-lg { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-lg > .table-bordered { border: 0; } } @media (max-width: 1199.98px) { .table-responsive-xl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-xl > .table-bordered { border: 0; } } @media (max-width: 1379.98px) { .table-responsive-mxl { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive-mxl > .table-bordered { border: 0; } } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table-responsive > .table-bordered { border: 0; } .form-control { display: block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0.25rem; transition: border-color 0.15s ease-in-out 0.35s ease 0s, box-shadow 0.15s ease-in-out 0.35s ease 0s; } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #99d891; outline: 0; box-shadow: 0 0 0 0.2rem rgba(73, 173, 61, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control { appearance: none; } select.form-control:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } select.form-control:focus::-ms-value { color: #495057; background-color: #fff; } .form-control-file, .form-control-range { display: block; width: 100%; } .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.25rem; line-height: 1.5; } .col-form-label-sm { padding-top: calc(0.25rem + 1px); padding-bottom: calc(0.25rem + 1px); font-size: 0.875rem; line-height: 1.5; } .form-control-plaintext { display: block; width: 100%; padding: 0.375rem 0; margin-bottom: 0; font-size: 1rem; line-height: 1.5; color: #495057; background-color: transparent; border: solid transparent; border-width: 1px 0; } .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { padding-right: 0; padding-left: 0; } .form-control-sm { height: calc(1.5em + 0.5rem + 2px); padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .form-control-lg { height: calc(1.5em + 1rem + 2px); padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } select.form-control[size], select.form-control[multiple] { height: auto; } textarea.form-control { height: auto; } .form-group { margin-bottom: 1rem; } .form-text { display: block; margin-top: 0.25rem; } .form-row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .form-row > .col, .form-row > [class*="col-"] { padding-right: 5px; padding-left: 5px; } .form-check { position: relative; display: block; padding-left: 1.25rem; } .form-check-input { position: absolute; margin-top: 0.3rem; margin-left: -1.25rem; } .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { color: #6c757d; } .form-check-label { margin-bottom: 0; } .form-check-inline { display: inline-flex; align-items: center; padding-left: 0; margin-right: 0.75rem; } .form-check-inline .form-check-input { position: static; margin-top: 0; margin-right: 0.3125rem; margin-left: 0; } .valid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #28a745; } .valid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .valid-tooltip, .form-row > [class*="col-"] > .valid-tooltip { left: 5px; } .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: #28a745; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.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: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated select.form-control:valid, select.form-control.is-valid { padding-right: 3rem !important; background-position: right 1.5rem center; } .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 .custom-select:valid, .custom-select.is-valid { border-color: #28a745; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.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") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:valid:focus, .custom-select.is-valid:focus { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { color: #28a745; } .was-validated .form-check-input:valid ~ .valid-feedback, .was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback, .form-check-input.is-valid ~ .valid-tooltip { display: block; } .was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label { color: #28a745; } .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before { border-color: #34ce57; background-color: #34ce57; } .was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .was-validated .custom-control-input:valid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-valid:focus:not(:checked) ~ .custom-control-label::before { border-color: #28a745; } .was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label { border-color: #28a745; } .was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label { border-color: #28a745; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.25); } .invalid-feedback { display: none; width: 100%; margin-top: 0.25rem; font-size: 80%; color: #dc3545; } .invalid-tooltip { position: absolute; top: 100%; left: 0; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: 0.1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .form-row > .col > .invalid-tooltip, .form-row > [class*="col-"] > .invalid-tooltip { left: 5px; } .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: #dc3545; padding-right: calc(1.5em + 0.75rem) !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated select.form-control:invalid, select.form-control.is-invalid { padding-right: 3rem !important; background-position: right 1.5rem center; } .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 .custom-select:invalid, .custom-select.is-invalid { border-color: #dc3545; padding-right: calc(0.75em + 2.3125rem) !important; background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat, #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%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") center right 1.75rem / calc(0.75em + 0.375rem) calc(0.75em + 0.375rem) no-repeat; } .was-validated .custom-select:invalid:focus, .custom-select.is-invalid:focus { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { color: #dc3545; } .was-validated .form-check-input:invalid ~ .invalid-feedback, .was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback, .form-check-input.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label { color: #dc3545; } .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before { border-color: #e4606d; background-color: #e4606d; } .was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .was-validated .custom-control-input:invalid:focus:not(:checked) ~ .custom-control-label::before, .custom-control-input.is-invalid:focus:not(:checked) ~ .custom-control-label::before { border-color: #dc3545; } .was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label { border-color: #dc3545; } .was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label { border-color: #dc3545; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25); } .form-inline { display: flex; flex-flow: row wrap; align-items: center; } .form-inline .form-check { width: 100%; } @media (min-width: 576px) { .form-inline label { display: flex; align-items: center; justify-content: center; margin-bottom: 0; } .form-inline .form-group { display: flex; flex: 0 0 auto; flex-flow: row wrap; align-items: center; margin-bottom: 0; } .form-inline .form-control { display: inline-block; width: auto; vertical-align: middle; } .form-inline .form-control-plaintext { display: inline-block; } .form-inline .input-group, .form-inline .custom-select { width: auto; } .form-inline .form-check { display: flex; align-items: center; justify-content: center; width: auto; padding-left: 0; } .form-inline .form-check-input { position: relative; flex-shrink: 0; margin-top: 0; margin-right: 0.25rem; margin-left: 0; } .form-inline .custom-control { align-items: center; justify-content: center; } .form-inline .custom-control-label { margin-bottom: 0; } } .btn { display: inline-block; font-weight: 400; color: #495057; text-align: center; vertical-align: middle; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 0.375rem 0.75rem; font-size: 1rem; line-height: 1.5; border-radius: 0.25rem; transition: color 0.15s ease-in-out 0.35s ease 0s, background-color 0.15s ease-in-out 0.35s ease 0s, border-color 0.15s ease-in-out 0.35s ease 0s, box-shadow 0.15s ease-in-out 0.35s ease 0s; } .btn:hover { color: #495057; text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(73, 173, 61, 0.25); } .btn.disabled, .btn:disabled { opacity: 0.65; } .btn:not(:disabled):not(.disabled) { cursor: pointer; } a.btn.disabled, fieldset:disabled a.btn { pointer-events: none; } .btn-primary { color: #fff; background-color: #49ad3d; border-color: #49ad3d; } .btn-primary:hover { color: #fff; background-color: #3d9133; border-color: #398730; } .btn-primary:focus, .btn-primary.focus { color: #fff; background-color: #3d9133; border-color: #398730; box-shadow: 0 0 0 0.2rem rgba(100, 185, 90, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #fff; background-color: #49ad3d; border-color: #49ad3d; } .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle { color: #fff; background-color: #398730; border-color: #357e2c; } .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(100, 185, 90, 0.5); } .btn-secondary { color: #fff; background-color: #1a536e; border-color: #1a536e; } .btn-secondary:hover { color: #fff; background-color: #133c4f; border-color: #103445; } .btn-secondary:focus, .btn-secondary.focus { color: #fff; background-color: #133c4f; border-color: #103445; box-shadow: 0 0 0 0.2rem rgba(60, 109, 132, 0.5); } .btn-secondary.disabled, .btn-secondary:disabled { color: #fff; background-color: #1a536e; border-color: #1a536e; } .btn-secondary:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .show > .btn-secondary.dropdown-toggle { color: #fff; background-color: #103445; border-color: #0e2c3a; } .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(60, 109, 132, 0.5); } .btn-success { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:hover { color: #fff; background-color: #218838; border-color: #1e7e34; } .btn-success:focus, .btn-success.focus { color: #fff; background-color: #218838; border-color: #1e7e34; box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-success.disabled, .btn-success:disabled { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active, .show > .btn-success.dropdown-toggle { color: #fff; background-color: #1e7e34; border-color: #1c7430; } .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus, .show > .btn-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(72, 180, 97, 0.5); } .btn-info { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:hover { color: #fff; background-color: #138496; border-color: #117a8b; } .btn-info:focus, .btn-info.focus { color: #fff; background-color: #138496; border-color: #117a8b; box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-info.disabled, .btn-info:disabled { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle { color: #fff; background-color: #117a8b; border-color: #10707f; } .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(58, 176, 195, 0.5); } .btn-warning { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:hover { color: #212529; background-color: #e0a800; border-color: #d39e00; } .btn-warning:focus, .btn-warning.focus { color: #212529; background-color: #e0a800; border-color: #d39e00; box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-warning.disabled, .btn-warning:disabled { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active, .show > .btn-warning.dropdown-toggle { color: #212529; background-color: #d39e00; border-color: #c69500; } .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5); } .btn-danger { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:hover { color: #fff; background-color: #c82333; border-color: #bd2130; } .btn-danger:focus, .btn-danger.focus { color: #fff; background-color: #c82333; border-color: #bd2130; box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-danger.disabled, .btn-danger:disabled { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active, .show > .btn-danger.dropdown-toggle { color: #fff; background-color: #bd2130; border-color: #b21f2d; } .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(225, 83, 97, 0.5); } .btn-light { color: #212529; background-color: #fafafa; border-color: #fafafa; } .btn-light:hover { color: #212529; background-color: #e7e7e7; border-color: #e1e1e1; } .btn-light:focus, .btn-light.focus { color: #212529; background-color: #e7e7e7; border-color: #e1e1e1; box-shadow: 0 0 0 0.2rem rgba(217, 218, 219, 0.5); } .btn-light.disabled, .btn-light:disabled { color: #212529; background-color: #fafafa; border-color: #fafafa; } .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active, .show > .btn-light.dropdown-toggle { color: #212529; background-color: #e1e1e1; border-color: #dadada; } .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus, .show > .btn-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(217, 218, 219, 0.5); } .btn-dark { color: #fff; background-color: #262626; border-color: #262626; } .btn-dark:hover { color: #fff; background-color: #131313; border-color: #0d0d0d; } .btn-dark:focus, .btn-dark.focus { color: #fff; background-color: #131313; border-color: #0d0d0d; box-shadow: 0 0 0 0.2rem rgba(71, 71, 71, 0.5); } .btn-dark.disabled, .btn-dark:disabled { color: #fff; background-color: #262626; border-color: #262626; } .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active, .show > .btn-dark.dropdown-toggle { color: #fff; background-color: #0d0d0d; border-color: #060606; } .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(71, 71, 71, 0.5); } .btn-outline-primary { color: #49ad3d; border-color: #49ad3d; } .btn-outline-primary:hover { color: #fff; background-color: #49ad3d; border-color: #49ad3d; } .btn-outline-primary:focus, .btn-outline-primary.focus { box-shadow: 0 0 0 0.2rem rgba(73, 173, 61, 0.5); } .btn-outline-primary.disabled, .btn-outline-primary:disabled { color: #49ad3d; background-color: transparent; } .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle { color: #fff; background-color: #49ad3d; border-color: #49ad3d; } .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(73, 173, 61, 0.5); } .btn-outline-secondary { color: #1a536e; border-color: #1a536e; } .btn-outline-secondary:hover { color: #fff; background-color: #1a536e; border-color: #1a536e; } .btn-outline-secondary:focus, .btn-outline-secondary.focus { box-shadow: 0 0 0 0.2rem rgba(26, 83, 110, 0.5); } .btn-outline-secondary.disabled, .btn-outline-secondary:disabled { color: #1a536e; background-color: transparent; } .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle { color: #fff; background-color: #1a536e; border-color: #1a536e; } .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-secondary.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(26, 83, 110, 0.5); } .btn-outline-success { color: #28a745; border-color: #28a745; } .btn-outline-success:hover { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:focus, .btn-outline-success.focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-success.disabled, .btn-outline-success:disabled { color: #28a745; background-color: transparent; } .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active, .show > .btn-outline-success.dropdown-toggle { color: #fff; background-color: #28a745; border-color: #28a745; } .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-success.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .btn-outline-info { color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:hover { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:focus, .btn-outline-info.focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-info.disabled, .btn-outline-info:disabled { color: #17a2b8; background-color: transparent; } .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active, .show > .btn-outline-info.dropdown-toggle { color: #fff; background-color: #17a2b8; border-color: #17a2b8; } .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-info.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .btn-outline-warning { color: #ffc107; border-color: #ffc107; } .btn-outline-warning:hover { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:focus, .btn-outline-warning.focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-warning.disabled, .btn-outline-warning:disabled { color: #ffc107; background-color: transparent; } .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active, .show > .btn-outline-warning.dropdown-toggle { color: #212529; background-color: #ffc107; border-color: #ffc107; } .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-warning.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .btn-outline-danger { color: #dc3545; border-color: #dc3545; } .btn-outline-danger:hover { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:focus, .btn-outline-danger.focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-danger.disabled, .btn-outline-danger:disabled { color: #dc3545; background-color: transparent; } .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active, .show > .btn-outline-danger.dropdown-toggle { color: #fff; background-color: #dc3545; border-color: #dc3545; } .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-danger.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .btn-outline-light { color: #fafafa; border-color: #fafafa; } .btn-outline-light:hover { color: #212529; background-color: #fafafa; border-color: #fafafa; } .btn-outline-light:focus, .btn-outline-light.focus { box-shadow: 0 0 0 0.2rem rgba(250, 250, 250, 0.5); } .btn-outline-light.disabled, .btn-outline-light:disabled { color: #fafafa; background-color: transparent; } .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active, .show > .btn-outline-light.dropdown-toggle { color: #212529; background-color: #fafafa; border-color: #fafafa; } .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-light.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(250, 250, 250, 0.5); } .btn-outline-dark { color: #262626; border-color: #262626; } .btn-outline-dark:hover { color: #fff; background-color: #262626; border-color: #262626; } .btn-outline-dark:focus, .btn-outline-dark.focus { box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); } .btn-outline-dark.disabled, .btn-outline-dark:disabled { color: #262626; background-color: transparent; } .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active, .show > .btn-outline-dark.dropdown-toggle { color: #fff; background-color: #262626; border-color: #262626; } .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-dark.dropdown-toggle:focus { box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); } .btn-link { font-weight: 400; color: #49ad3d; text-decoration: none; } .btn-link:hover { color: #317429; text-decoration: underline; } .btn-link:focus, .btn-link.focus { text-decoration: underline; } .btn-link:disabled, .btn-link.disabled { color: #6c757d; pointer-events: none; } .btn-lg, .btn-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .btn-sm, .btn-group-sm > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .btn-block { display: block; width: 100%; } .btn-block + .btn-block { margin-top: 0.5rem; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100%; } .fade { transition: opacity 0.15s linear; } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { position: relative; height: 0; overflow: hidden; transition: height 0.35s ease; } /*! -- Stack Animations -- */ @keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 50px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); -webkit-font-smoothing: antialiased; } } @-webkit-keyframes fadeInUp { from { opacity: 0; transform: translate3d(0, 50px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); -webkit-font-smoothing: antialiased; } } @keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); -webkit-font-smoothing: antialiased; } } @-webkit-keyframes fadeInDown { from { opacity: 0; transform: translate3d(0, -100px, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); -webkit-font-smoothing: antialiased; } } @keyframes fadeOutUp { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0, -50px, 0); -webkit-font-smoothing: antialiased; } } @-webkit-keyframes fadeOutUp { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(0, -50px, 0); -webkit-font-smoothing: antialiased; } } @keyframes fadeOutRight { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(50px, 0, 0); -webkit-font-smoothing: antialiased; } } @-webkit-keyframes fadeOutRight { from { opacity: 1; transform: translate3d(0, 0, 0); } to { opacity: 0; transform: translate3d(50px, 0, 0); -webkit-font-smoothing: antialiased; } } @keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-50px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); -webkit-font-smoothing: antialiased; } } @-webkit-keyframes fadeInLeft { from { opacity: 0; transform: translate3d(-50px, 0, 0); } to { opacity: 1; transform: translate3d(0, 0, 0); -webkit-font-smoothing: antialiased; } } @keyframes pulse { 0% { opacity: 0; transform: scale(1); } 50% { opacity: 1; } 100% { opacity: 0; transform: scale(2); } } @-webkit-keyframes pulse { 0% { opacity: 0; transform: scale(1); } 50% { opacity: 1; } 100% { opacity: 0; transform: scale(2); } } @keyframes kenBurns { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } @-webkit-keyframes kenBurns { 0% { transform: scale(1); } 100% { transform: scale(1.1); } } .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:hover, .btn-group-vertical > .btn:hover { z-index: 1; } .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active, .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 > .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-group:not(:last-child) > .btn { border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btn:not(:first-child), .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, .dropright .dropdown-toggle-split::after { margin-left: 0; } .dropleft .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:not(:first-child), .btn-group-vertical > .btn-group:not(:first-child) > .btn { border-top-left-radius: 0; border-top-right-radius: 0; } .btn-group-toggle > .btn, .btn-group-toggle > .btn-group > .btn { margin-bottom: 0; } .btn-group-toggle > .btn input[type="radio"], .btn-group-toggle > .btn input[type="checkbox"], .btn-group-toggle > .btn-group > .btn input[type="radio"], .btn-group-toggle > .btn-group > .btn input[type="checkbox"] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .input-group { position: relative; display: flex; flex-wrap: wrap; align-items: stretch; width: 100%; } .input-group > .form-control, .input-group > .form-control-plaintext, .input-group > .custom-select, .input-group > .custom-file { position: relative; flex: 1 1 auto; width: 1%; min-width: 0; margin-bottom: 0; } .input-group > .form-control + .form-control, .input-group > .form-control + .custom-select, .input-group > .form-control + .custom-file, .input-group > .form-control-plaintext + .form-control, .input-group > .form-control-plaintext + .custom-select, .input-group > .form-control-plaintext + .custom-file, .input-group > .custom-select + .form-control, .input-group > .custom-select + .custom-select, .input-group > .custom-select + .custom-file, .input-group > .custom-file + .form-control, .input-group > .custom-file + .custom-select, .input-group > .custom-file + .custom-file { margin-left: -1px; } .input-group > .form-control:focus, .input-group > .custom-select:focus, .input-group > .custom-file .custom-file-input:focus ~ .custom-file-label { z-index: 3; } .input-group > .custom-file .custom-file-input:focus { z-index: 4; } .input-group > .form-control:not(:first-child), .input-group > .custom-select:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group > .custom-file { display: flex; align-items: center; } .input-group > .custom-file:not(:last-child) .custom-file-label, .input-group > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .custom-file:not(:first-child) .custom-file-label { border-top-left-radius: 0; border-bottom-left-radius: 0; } .input-group:not(.has-validation) > .form-control:not(:last-child), .input-group:not(.has-validation) > .custom-select:not(:last-child), .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label, .input-group:not(.has-validation) > .custom-file:not(:last-child) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group.has-validation > .form-control:nth-last-child(n + 3), .input-group.has-validation > .custom-select:nth-last-child(n + 3), .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label, .input-group.has-validation > .custom-file:nth-last-child(n + 3) .custom-file-label::after { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group-prepend, .input-group-append { display: flex; } .input-group-prepend .btn, .input-group-append .btn { position: relative; z-index: 2; } .input-group-prepend .btn:focus, .input-group-append .btn:focus { z-index: 3; } .input-group-prepend .btn + .btn, .input-group-prepend .btn + .input-group-text, .input-group-prepend .input-group-text + .input-group-text, .input-group-prepend .input-group-text + .btn, .input-group-append .btn + .btn, .input-group-append .btn + .input-group-text, .input-group-append .input-group-text + .input-group-text, .input-group-append .input-group-text + .btn { margin-left: -1px; } .input-group-prepend { margin-right: -1px; } .input-group-append { margin-left: -1px; } .input-group-text { display: flex; align-items: center; padding: 0.375rem 0.75rem; margin-bottom: 0; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; text-align: center; white-space: nowrap; background-color: #e9ecef; border: 1px solid #ced4da; border-radius: 0.25rem; } .input-group-text input[type="radio"], .input-group-text input[type="checkbox"] { margin-top: 0; } .input-group-lg > .form-control:not(textarea), .input-group-lg > .custom-select { height: calc(1.5em + 1rem + 2px); } .input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; line-height: 1.5; border-radius: 0.3rem; } .input-group-sm > .form-control:not(textarea), .input-group-sm > .custom-select { height: calc(1.5em + 0.5rem + 2px); } .input-group-sm > .form-control, .input-group-sm > .custom-select, .input-group-sm > .input-group-prepend > .input-group-text, .input-group-sm > .input-group-append > .input-group-text, .input-group-sm > .input-group-prepend > .btn, .input-group-sm > .input-group-append > .btn { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; border-radius: 0.2rem; } .input-group-lg > .custom-select, .input-group-sm > .custom-select { padding-right: 1.75rem; } .input-group > .input-group-prepend > .btn, .input-group > .input-group-prepend > .input-group-text, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .btn, .input-group:not(.has-validation) > .input-group-append:not(:last-child) > .input-group-text, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .btn, .input-group.has-validation > .input-group-append:nth-last-child(n + 3) > .input-group-text, .input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle), .input-group > .input-group-append:last-child > .input-group-text:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) { border-top-left-radius: 0; border-bottom-left-radius: 0; } .custom-control { position: relative; z-index: 1; display: block; min-height: 1.5rem; padding-left: 1.5rem; color-adjust: exact; } .custom-control-inline { display: inline-flex; margin-right: 1rem; } .custom-control-input { position: absolute; left: 0; z-index: -1; width: 1rem; height: 1.25rem; opacity: 0; } .custom-control-input:checked ~ .custom-control-label::before { color: #fff; border-color: #49ad3d; background-color: #49ad3d; } .custom-control-input:focus ~ .custom-control-label::before { box-shadow: 0 0 0 0.2rem rgba(73, 173, 61, 0.25); } .custom-control-input:focus:not(:checked) ~ .custom-control-label::before { border-color: #99d891; } .custom-control-input:not(:disabled):active ~ .custom-control-label::before { color: #fff; background-color: #bce6b7; border-color: #bce6b7; } .custom-control-input[disabled] ~ .custom-control-label, .custom-control-input:disabled ~ .custom-control-label { color: #6c757d; } .custom-control-input[disabled] ~ .custom-control-label::before, .custom-control-input:disabled ~ .custom-control-label::before { background-color: #e9ecef; } .custom-control-label { position: relative; margin-bottom: 0; vertical-align: top; } .custom-control-label::before { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; pointer-events: none; content: ""; background-color: #fff; border: #adb5bd solid 1px; } .custom-control-label::after { position: absolute; top: 0.25rem; left: -1.5rem; display: block; width: 1rem; height: 1rem; content: ""; background: 50% / 50% 50% no-repeat; } .custom-checkbox .custom-control-label::before { border-radius: 0.25rem; } .custom-checkbox .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before { border-color: #49ad3d; background-color: #49ad3d; } .custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e"); } .custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(73, 173, 61, 0.5); } .custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before { background-color: rgba(73, 173, 61, 0.5); } .custom-radio .custom-control-label::before { border-radius: 50%; } .custom-radio .custom-control-input:checked ~ .custom-control-label::after { background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); } .custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(73, 173, 61, 0.5); } .custom-switch { padding-left: 2.25rem; } .custom-switch .custom-control-label::before { left: -2.25rem; width: 1.75rem; pointer-events: all; border-radius: 0.5rem; } .custom-switch .custom-control-label::after { top: calc(0.25rem + 2px); left: calc(-2.25rem + 2px); width: calc(1rem - 4px); height: calc(1rem - 4px); background-color: #adb5bd; border-radius: 0.5rem; transition: transform background-color 0.15s ease-in-out ease 0s, 0.15s border-color 0.15s ease-in-out ease 0s, ease-in-out box-shadow 0.15s ease-in-out ease 0s; } .custom-switch .custom-control-input:checked ~ .custom-control-label::after { background-color: #fff; transform: translateX(0.75rem); } .custom-switch .custom-control-input:disabled:checked ~ .custom-control-label::before { background-color: rgba(73, 173, 61, 0.5); } .custom-select { display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 1.75rem 0.375rem 0.75rem; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #495057; vertical-align: middle; background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right 0.75rem center / 8px 10px no-repeat; border: 1px solid #ced4da; border-radius: 0.25rem; appearance: none; } .custom-select:focus { border-color: #99d891; outline: 0; box-shadow: 0 0 0 0.2rem rgba(73, 173, 61, 0.25); } .custom-select:focus::-ms-value { color: #495057; background-color: #fff; } .custom-select[multiple], .custom-select[size]:not([size="1"]) { height: auto; padding-right: 0.75rem; background-image: none; } .custom-select:disabled { color: #6c757d; background-color: #e9ecef; } .custom-select::-ms-expand { display: none; } .custom-select:-moz-focusring { color: transparent; text-shadow: 0 0 0 #495057; } .custom-select-sm { height: calc(1.5em + 0.5rem + 2px); padding-top: 0.25rem; padding-bottom: 0.25rem; padding-left: 0.5rem; font-size: 0.875rem; } .custom-select-lg { height: calc(1.5em + 1rem + 2px); padding-top: 0.5rem; padding-bottom: 0.5rem; padding-left: 1rem; font-size: 1.25rem; } .custom-file { position: relative; display: inline-block; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: calc(1.5em + 0.75rem + 2px); margin: 0; overflow: hidden; opacity: 0; } .custom-file-input:focus ~ .custom-file-label { border-color: #99d891; box-shadow: 0 0 0 0.2rem rgba(73, 173, 61, 0.25); } .custom-file-input[disabled] ~ .custom-file-label, .custom-file-input:disabled ~ .custom-file-label { background-color: #e9ecef; } .custom-file-input:lang(en) ~ .custom-file-label::after { content: "Browse"; } .custom-file-input ~ .custom-file-label[data-browse]::after { content: attr(data-browse); } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: calc(1.5em + 0.75rem + 2px); padding: 0.375rem 0.75rem; overflow: hidden; font-weight: 400; line-height: 1.5; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: 0.25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: calc(1.5em + 0.75rem); padding: 0.375rem 0.75rem; line-height: 1.5; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 0.25rem 0.25rem 0; } .custom-range { width: 100%; height: 1.4rem; padding: 0; background-color: transparent; appearance: none; } .custom-range:focus { outline: 0; } .custom-range:focus::-webkit-slider-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(73, 173, 61, 0.25); } .custom-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(73, 173, 61, 0.25); } .custom-range:focus::-ms-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(73, 173, 61, 0.25); } .custom-range::-moz-focus-outer { border: 0; } .custom-range::-webkit-slider-thumb { width: 1rem; height: 1rem; margin-top: -0.25rem; background-color: #49ad3d; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out 0.35s ease 0s, border-color 0.15s ease-in-out 0.35s ease 0s, box-shadow 0.15s ease-in-out 0.35s ease 0s; appearance: none; } .custom-range::-webkit-slider-thumb:active { background-color: #bce6b7; } .custom-range::-webkit-slider-runnable-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-moz-range-thumb { width: 1rem; height: 1rem; background-color: #49ad3d; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out 0.35s ease 0s, border-color 0.15s ease-in-out 0.35s ease 0s, box-shadow 0.15s ease-in-out 0.35s ease 0s; appearance: none; } .custom-range::-moz-range-thumb:active { background-color: #bce6b7; } .custom-range::-moz-range-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: #dee2e6; border-color: transparent; border-radius: 1rem; } .custom-range::-ms-thumb { width: 1rem; height: 1rem; margin-top: 0; margin-right: 0.2rem; margin-left: 0.2rem; background-color: #49ad3d; border: 0; border-radius: 1rem; transition: background-color 0.15s ease-in-out 0.35s ease 0s, border-color 0.15s ease-in-out 0.35s ease 0s, box-shadow 0.15s ease-in-out 0.35s ease 0s; appearance: none; } .custom-range::-ms-thumb:active { background-color: #bce6b7; } .custom-range::-ms-track { width: 100%; height: 0.5rem; color: transparent; cursor: pointer; background-color: transparent; border-color: transparent; border-width: 0.5rem; } .custom-range::-ms-fill-lower { background-color: #dee2e6; border-radius: 1rem; } .custom-range::-ms-fill-upper { margin-right: 15px; background-color: #dee2e6; border-radius: 1rem; } .custom-range:disabled::-webkit-slider-thumb { background-color: #adb5bd; } .custom-range:disabled::-webkit-slider-runnable-track { cursor: default; } .custom-range:disabled::-moz-range-thumb { background-color: #adb5bd; } .custom-range:disabled::-moz-range-track { cursor: default; } .custom-range:disabled::-ms-thumb { background-color: #adb5bd; } .custom-control-label::before, .custom-file-label, .custom-select { transition: background-color 0.15s ease-in-out 0.35s ease 0s, border-color 0.15s ease-in-out 0.35s ease 0s, box-shadow 0.15s ease-in-out 0.35s ease 0s; } .pagination { display: flex; padding-left: 0; list-style: none; border-radius: 0.25rem; } .page-link { position: relative; display: block; padding: 0.5rem 0.75rem; margin-left: -1px; line-height: 1.25; color: #49ad3d; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #317429; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 3; outline: 0; box-shadow: 0 0 0 0.2rem rgba(73, 173, 61, 0.25); } .page-item:first-child .page-link { margin-left: 0; border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .page-item:last-child .page-link { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .page-item.active .page-link { z-index: 3; color: #fff; background-color: #49ad3d; border-color: #49ad3d; } .page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6; } .pagination-lg .page-link { padding: 0.75rem 1.5rem; font-size: 1.25rem; line-height: 1.5; } .pagination-lg .page-item:first-child .page-link { border-top-left-radius: 0.3rem; border-bottom-left-radius: 0.3rem; } .pagination-lg .page-item:last-child .page-link { border-top-right-radius: 0.3rem; border-bottom-right-radius: 0.3rem; } .pagination-sm .page-link { padding: 0.25rem 0.5rem; font-size: 0.875rem; line-height: 1.5; } .pagination-sm .page-item:first-child .page-link { border-top-left-radius: 0.2rem; border-bottom-left-radius: 0.2rem; } .pagination-sm .page-item:last-child .page-link { border-top-right-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.25rem; transition: color 0.15s ease-in-out 0.35s ease 0s, background-color 0.15s ease-in-out 0.35s ease 0s, border-color 0.15s ease-in-out 0.35s ease 0s, box-shadow 0.15s ease-in-out 0.35s ease 0s; } a.badge:hover, a.badge:focus { text-decoration: none; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-primary { color: #fff; background-color: #49ad3d; } a.badge-primary:hover, a.badge-primary:focus { color: #fff; background-color: #398730; } a.badge-primary:focus, a.badge-primary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(73, 173, 61, 0.5); } .badge-secondary { color: #fff; background-color: #1a536e; } a.badge-secondary:hover, a.badge-secondary:focus { color: #fff; background-color: #103445; } a.badge-secondary:focus, a.badge-secondary.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(26, 83, 110, 0.5); } .badge-success { color: #fff; background-color: #28a745; } a.badge-success:hover, a.badge-success:focus { color: #fff; background-color: #1e7e34; } a.badge-success:focus, a.badge-success.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5); } .badge-info { color: #fff; background-color: #17a2b8; } a.badge-info:hover, a.badge-info:focus { color: #fff; background-color: #117a8b; } a.badge-info:focus, a.badge-info.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(23, 162, 184, 0.5); } .badge-warning { color: #212529; background-color: #ffc107; } a.badge-warning:hover, a.badge-warning:focus { color: #212529; background-color: #d39e00; } a.badge-warning:focus, a.badge-warning.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5); } .badge-danger { color: #fff; background-color: #dc3545; } a.badge-danger:hover, a.badge-danger:focus { color: #fff; background-color: #bd2130; } a.badge-danger:focus, a.badge-danger.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.5); } .badge-light { color: #212529; background-color: #fafafa; } a.badge-light:hover, a.badge-light:focus { color: #212529; background-color: #e1e1e1; } a.badge-light:focus, a.badge-light.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(250, 250, 250, 0.5); } .badge-dark { color: #fff; background-color: #262626; } a.badge-dark:hover, a.badge-dark:focus { color: #fff; background-color: #0d0d0d; } a.badge-dark:focus, a.badge-dark.focus { outline: 0; box-shadow: 0 0 0 0.2rem rgba(38, 38, 38, 0.5); } .alert { position: relative; padding: 0.75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: 0.25rem; } .alert-heading { color: inherit; } .alert-link { font-weight: 700; } .alert-dismissible { padding-right: 4rem; } .alert-dismissible .close { position: absolute; top: 0; right: 0; z-index: 2; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #265a20; background-color: #dbefd8; border-color: #cce8c9; } .alert-primary hr { border-top-color: #bbe0b7; } .alert-primary .alert-link { color: #163413; } .alert-secondary { color: #0e2b39; background-color: #d1dde2; border-color: #bfcfd6; } .alert-secondary hr { border-top-color: #afc3cc; } .alert-secondary .alert-link { color: #040c10; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success hr { border-top-color: #b1dfbb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info hr { border-top-color: #abdde5; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning hr { border-top-color: #ffe8a1; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger hr { border-top-color: #f1b0b7; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #828282; background-color: #fefefe; border-color: #fefefe; } .alert-light hr { border-top-color: #f1f1f1; } .alert-light .alert-link { color: dimgray; } .alert-dark { color: #141414; background-color: #d4d4d4; border-color: #c2c2c2; } .alert-dark hr { border-top-color: #b5b5b5; } .alert-dark .alert-link { color: black; } @keyframes progress-bar-stripes { from { background-position: 1rem 0; } to { background-position: 0 0; } } .progress { display: flex; height: 1rem; overflow: hidden; line-height: 0; font-size: 0.75rem; background-color: #e9ecef; border-radius: 0.25rem; } .progress-bar { display: flex; flex-direction: column; justify-content: center; overflow: hidden; color: #fff; text-align: center; white-space: nowrap; background-color: #49ad3d; transition: width 0.35s ease 0s, 0.6s 0.35s ease 0s, ease 0.35s ease 0s; } .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: 1rem 1rem; } .progress-bar-animated { animation: 1s linear infinite progress-bar-stripes; } @media (prefers-reduced-motion: reduce) { .progress-bar-animated { animation: none; } } .media { display: flex; align-items: flex-start; } .media-body { flex: 1; } .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.5; } .close:hover { color: #000; text-decoration: none; } .close:not(:disabled):not(.disabled):hover, .close:not(:disabled):not(.disabled):focus { opacity: 0.75; } button.close { padding: 0; background-color: transparent; border: 0; } a.close.disabled { pointer-events: none; } .modal-open { overflow: hidden; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; } .modal { position: fixed; top: 0; left: 0; z-index: 1050; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-dialog { position: relative; width: auto; margin: 0.5rem; pointer-events: none; } .modal.fade .modal-dialog { transition: transform 0.35s ease 0s, 0.3s 0.35s ease 0s, ease-out 0.35s ease 0s; transform: translate(0, -50px); } .modal.show .modal-dialog { transform: none; } .modal.modal-static .modal-dialog { transform: scale(1.02); } .modal-dialog-scrollable { display: flex; max-height: calc(100% - 1rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 1rem); overflow: hidden; } .modal-dialog-scrollable .modal-header, .modal-dialog-scrollable .modal-footer { flex-shrink: 0; } .modal-dialog-scrollable .modal-body { overflow-y: auto; } .modal-dialog-centered { display: flex; align-items: center; min-height: calc(100% - 1rem); } .modal-dialog-centered::before { display: block; height: calc(100vh - 1rem); height: min-content; content: ""; } .modal-dialog-centered.modal-dialog-scrollable { flex-direction: column; justify-content: center; height: 100%; } .modal-dialog-centered.modal-dialog-scrollable .modal-content { max-height: none; } .modal-dialog-centered.modal-dialog-scrollable::before { content: none; } .modal-content { position: relative; display: flex; flex-direction: column; width: 100%; pointer-events: auto; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; outline: 0; } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: #000; } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 0.5; } .modal-header { display: flex; align-items: flex-start; justify-content: space-between; padding: 1rem 1rem; border-bottom: 1px solid #dee2e6; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .modal-header .close { padding: 1rem 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; flex: 1 1 auto; padding: 1rem; } .modal-footer { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; padding: 0.75rem; border-top: 1px solid #dee2e6; border-bottom-right-radius: calc(0.3rem - 1px); border-bottom-left-radius: calc(0.3rem - 1px); } .modal-footer > * { margin: 0.25rem; } .modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } @media (min-width: 576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } .modal-dialog-scrollable { max-height: calc(100% - 3.5rem); } .modal-dialog-scrollable .modal-content { max-height: calc(100vh - 3.5rem); } .modal-dialog-centered { min-height: calc(100% - 3.5rem); } .modal-dialog-centered::before { height: calc(100vh - 3.5rem); height: min-content; } .modal-sm { max-width: 300px; } } @media (min-width: 992px) { .modal-lg, .modal-xl { max-width: 800px; } } @media (min-width: 1200px) { .modal-xl { max-width: 1140px; } } @keyframes spinner-border { to { transform: rotate(360deg); } } .spinner-border { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; border: 0.25em solid currentColor; border-right-color: transparent; border-radius: 50%; animation: 0.75s linear infinite spinner-border; } .spinner-border-sm { width: 1rem; height: 1rem; border-width: 0.2em; } @keyframes spinner-grow { 0% { transform: scale(0); } 50% { opacity: 1; transform: none; } } .spinner-grow { display: inline-block; width: 2rem; height: 2rem; vertical-align: -0.125em; background-color: currentColor; border-radius: 50%; opacity: 0; animation: 0.75s linear infinite spinner-grow; } .spinner-grow-sm { width: 1rem; height: 1rem; } @media (prefers-reduced-motion: reduce) { .spinner-border, .spinner-grow { animation-duration: 1.5s; } } .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; } .bg-primary { background-color: #49ad3d !important; } a.bg-primary:hover, a.bg-primary:focus, button.bg-primary:hover, button.bg-primary:focus { background-color: #398730 !important; } .bg-secondary { background-color: #1a536e !important; } a.bg-secondary:hover, a.bg-secondary:focus, button.bg-secondary:hover, button.bg-secondary:focus { background-color: #103445 !important; } .bg-success { background-color: #28a745 !important; } a.bg-success:hover, a.bg-success:focus, button.bg-success:hover, button.bg-success:focus { background-color: #1e7e34 !important; } .bg-info { background-color: #17a2b8 !important; } a.bg-info:hover, a.bg-info:focus, button.bg-info:hover, button.bg-info:focus { background-color: #117a8b !important; } .bg-warning { background-color: #ffc107 !important; } a.bg-warning:hover, a.bg-warning:focus, button.bg-warning:hover, button.bg-warning:focus { background-color: #d39e00 !important; } .bg-danger { background-color: #dc3545 !important; } a.bg-danger:hover, a.bg-danger:focus, button.bg-danger:hover, button.bg-danger:focus { background-color: #bd2130 !important; } .bg-light { background-color: #fafafa !important; } a.bg-light:hover, a.bg-light:focus, button.bg-light:hover, button.bg-light:focus { background-color: #e1e1e1 !important; } .bg-dark { background-color: #262626 !important; } a.bg-dark:hover, a.bg-dark:focus, button.bg-dark:hover, button.bg-dark:focus { background-color: #0d0d0d !important; } .bg-white { background-color: #fff !important; } .bg-transparent { background-color: transparent !important; } .border { border: 1px solid #dee2e6 !important; } .border-top { border-top: 1px solid #dee2e6 !important; } .border-right { border-right: 1px solid #dee2e6 !important; } .border-bottom { border-bottom: 1px solid #dee2e6 !important; } .border-left { border-left: 1px solid #dee2e6 !important; } .border-0 { border: 0 !important; } .border-top-0 { border-top: 0 !important; } .border-right-0 { border-right: 0 !important; } .border-bottom-0 { border-bottom: 0 !important; } .border-left-0 { border-left: 0 !important; } .border-primary { border-color: #49ad3d !important; } .border-secondary { border-color: #1a536e !important; } .border-success { border-color: #28a745 !important; } .border-info { border-color: #17a2b8 !important; } .border-warning { border-color: #ffc107 !important; } .border-danger { border-color: #dc3545 !important; } .border-light { border-color: #fafafa !important; } .border-dark { border-color: #262626 !important; } .border-white { border-color: #fff !important; } .rounded-sm { border-radius: 0.2rem !important; } .rounded { border-radius: 0.25rem !important; } .rounded-top { border-top-left-radius: 0.25rem !important; border-top-right-radius: 0.25rem !important; } .rounded-right { border-top-right-radius: 0.25rem !important; border-bottom-right-radius: 0.25rem !important; } .rounded-bottom { border-bottom-right-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-left { border-top-left-radius: 0.25rem !important; border-bottom-left-radius: 0.25rem !important; } .rounded-lg { border-radius: 0.3rem !important; } .rounded-circle { border-radius: 50% !important; } .rounded-pill { border-radius: 50rem !important; } .rounded-0 { border-radius: 0 !important; } .clearfix::after { display: block; clear: both; content: ""; } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !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; } @media (min-width: 576px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !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; } } @media (min-width: 768px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !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; } } @media (min-width: 992px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !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; } } @media (min-width: 1200px) { .d-xl-none { display: none !important; } .d-xl-inline { display: inline !important; } .d-xl-inline-block { display: inline-block !important; } .d-xl-block { display: block !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; } } @media (min-width: 1380px) { .d-mxl-none { display: none !important; } .d-mxl-inline { display: inline !important; } .d-mxl-inline-block { display: inline-block !important; } .d-mxl-block { display: block !important; } .d-mxl-table { display: table !important; } .d-mxl-table-row { display: table-row !important; } .d-mxl-table-cell { display: table-cell !important; } .d-mxl-flex { display: flex !important; } .d-mxl-inline-flex { display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !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; } } .ratio { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .ratio::before { display: block; content: ""; } .ratio .ratio-item, .ratio iframe, .ratio embed, .ratio object, .ratio video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .ratio-21x9::before { padding-top: 42.85714286%; } .ratio-16x10::before { padding-top: 62.5%; } .ratio-16x9::before { padding-top: 56.25%; } .ratio-4x3::before { padding-top: 75%; } .ratio-3x2::before { padding-top: 66.66666667%; } .ratio-2x1::before { padding-top: 50%; } .ratio-1x1::before { padding-top: 100%; } .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-wrap { flex-wrap: wrap !important; } .flex-nowrap { flex-wrap: nowrap !important; } .flex-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-fill { flex: 1 1 auto !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; } .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; } .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; } @media (min-width: 576px) { .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-wrap { flex-wrap: wrap !important; } .flex-sm-nowrap { flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-sm-fill { flex: 1 1 auto !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; } .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; } .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; } } @media (min-width: 768px) { .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-wrap { flex-wrap: wrap !important; } .flex-md-nowrap { flex-wrap: nowrap !important; } .flex-md-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-md-fill { flex: 1 1 auto !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; } .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; } .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; } } @media (min-width: 992px) { .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-wrap { flex-wrap: wrap !important; } .flex-lg-nowrap { flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-lg-fill { flex: 1 1 auto !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; } .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; } .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; } } @media (min-width: 1200px) { .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-wrap { flex-wrap: wrap !important; } .flex-xl-nowrap { flex-wrap: nowrap !important; } .flex-xl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-xl-fill { flex: 1 1 auto !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; } .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; } .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; } } @media (min-width: 1380px) { .flex-mxl-row { flex-direction: row !important; } .flex-mxl-column { flex-direction: column !important; } .flex-mxl-row-reverse { flex-direction: row-reverse !important; } .flex-mxl-column-reverse { flex-direction: column-reverse !important; } .flex-mxl-wrap { flex-wrap: wrap !important; } .flex-mxl-nowrap { flex-wrap: nowrap !important; } .flex-mxl-wrap-reverse { flex-wrap: wrap-reverse !important; } .flex-mxl-fill { flex: 1 1 auto !important; } .flex-mxl-grow-0 { flex-grow: 0 !important; } .flex-mxl-grow-1 { flex-grow: 1 !important; } .flex-mxl-shrink-0 { flex-shrink: 0 !important; } .flex-mxl-shrink-1 { flex-shrink: 1 !important; } .justify-content-mxl-start { justify-content: flex-start !important; } .justify-content-mxl-end { justify-content: flex-end !important; } .justify-content-mxl-center { justify-content: center !important; } .justify-content-mxl-between { justify-content: space-between !important; } .justify-content-mxl-around { justify-content: space-around !important; } .align-items-mxl-start { align-items: flex-start !important; } .align-items-mxl-end { align-items: flex-end !important; } .align-items-mxl-center { align-items: center !important; } .align-items-mxl-baseline { align-items: baseline !important; } .align-items-mxl-stretch { align-items: stretch !important; } .align-content-mxl-start { align-content: flex-start !important; } .align-content-mxl-end { align-content: flex-end !important; } .align-content-mxl-center { align-content: center !important; } .align-content-mxl-between { align-content: space-between !important; } .align-content-mxl-around { align-content: space-around !important; } .align-content-mxl-stretch { align-content: stretch !important; } .align-self-mxl-auto { align-self: auto !important; } .align-self-mxl-start { align-self: flex-start !important; } .align-self-mxl-end { align-self: flex-end !important; } .align-self-mxl-center { align-self: center !important; } .align-self-mxl-baseline { align-self: baseline !important; } .align-self-mxl-stretch { align-self: stretch !important; } } .float-left { float: left !important; } .float-right { float: right !important; } .float-none { float: none !important; } @media (min-width: 576px) { .float-sm-left { float: left !important; } .float-sm-right { float: right !important; } .float-sm-none { float: none !important; } } @media (min-width: 768px) { .float-md-left { float: left !important; } .float-md-right { float: right !important; } .float-md-none { float: none !important; } } @media (min-width: 992px) { .float-lg-left { float: left !important; } .float-lg-right { float: right !important; } .float-lg-none { float: none !important; } } @media (min-width: 1200px) { .float-xl-left { float: left !important; } .float-xl-right { float: right !important; } .float-xl-none { float: none !important; } } @media (min-width: 1380px) { .float-mxl-left { float: left !important; } .float-mxl-right { float: right !important; } .float-mxl-none { float: none !important; } } .user-select-all { user-select: all !important; } .user-select-auto { user-select: auto !important; } .user-select-none { user-select: none !important; } .overflow-auto { overflow: auto !important; } .overflow-hidden { overflow: hidden !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; } .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; } @supports (position: sticky) { .sticky-top { position: sticky; top: 0; z-index: 1020; } } .sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; } .sr-only-focusable:active, .sr-only-focusable:focus { position: static; width: auto; height: auto; overflow: visible; clip: auto; white-space: normal; } .shadow-sm { box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; } .shadow { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; } .shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; } .shadow-none { box-shadow: none !important; } .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; } .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; } .mw-100 { max-width: 100% !important; } .mh-100 { max-height: 100% !important; } .min-vw-100 { min-width: 100vw !important; } .min-vh-100 { min-height: 100vh !important; } .vw-100 { width: 100vw !important; } .vh-100 { height: 100vh !important; } .m-0 { margin: 0 !important; } .mt-0, .my-0 { margin-top: 0 !important; } .mr-0, .mx-0 { margin-right: 0 !important; } .mb-0, .my-0 { margin-bottom: 0 !important; } .ml-0, .mx-0 { margin-left: 0 !important; } .m-1 { margin: 0.25rem !important; } .mt-1, .my-1 { margin-top: 0.25rem !important; } .mr-1, .mx-1 { margin-right: 0.25rem !important; } .mb-1, .my-1 { margin-bottom: 0.25rem !important; } .ml-1, .mx-1 { margin-left: 0.25rem !important; } .m-2 { margin: 0.5rem !important; } .mt-2, .my-2 { margin-top: 0.5rem !important; } .mr-2, .mx-2 { margin-right: 0.5rem !important; } .mb-2, .my-2 { margin-bottom: 0.5rem !important; } .ml-2, .mx-2 { margin-left: 0.5rem !important; } .m-3 { margin: 1rem !important; } .mt-3, .my-3 { margin-top: 1rem !important; } .mr-3, .mx-3 { margin-right: 1rem !important; } .mb-3, .my-3 { margin-bottom: 1rem !important; } .ml-3, .mx-3 { margin-left: 1rem !important; } .m-4 { margin: 1.5rem !important; } .mt-4, .my-4 { margin-top: 1.5rem !important; } .mr-4, .mx-4 { margin-right: 1.5rem !important; } .mb-4, .my-4 { margin-bottom: 1.5rem !important; } .ml-4, .mx-4 { margin-left: 1.5rem !important; } .m-5 { margin: 3rem !important; } .mt-5, .my-5 { margin-top: 3rem !important; } .mr-5, .mx-5 { margin-right: 3rem !important; } .mb-5, .my-5 { margin-bottom: 3rem !important; } .ml-5, .mx-5 { margin-left: 3rem !important; } .m-6 { margin: 4.5rem !important; } .mt-6, .my-6 { margin-top: 4.5rem !important; } .mr-6, .mx-6 { margin-right: 4.5rem !important; } .mb-6, .my-6 { margin-bottom: 4.5rem !important; } .ml-6, .mx-6 { margin-left: 4.5rem !important; } .m-7 { margin: 6rem !important; } .mt-7, .my-7 { margin-top: 6rem !important; } .mr-7, .mx-7 { margin-right: 6rem !important; } .mb-7, .my-7 { margin-bottom: 6rem !important; } .ml-7, .mx-7 { margin-left: 6rem !important; } .p-0 { padding: 0 !important; } .pt-0, .py-0 { padding-top: 0 !important; } .pr-0, .px-0 { padding-right: 0 !important; } .pb-0, .py-0 { padding-bottom: 0 !important; } .pl-0, .px-0 { padding-left: 0 !important; } .p-1 { padding: 0.25rem !important; } .pt-1, .py-1 { padding-top: 0.25rem !important; } .pr-1, .px-1 { padding-right: 0.25rem !important; } .pb-1, .py-1 { padding-bottom: 0.25rem !important; } .pl-1, .px-1 { padding-left: 0.25rem !important; } .p-2 { padding: 0.5rem !important; } .pt-2, .py-2 { padding-top: 0.5rem !important; } .pr-2, .px-2 { padding-right: 0.5rem !important; } .pb-2, .py-2 { padding-bottom: 0.5rem !important; } .pl-2, .px-2 { padding-left: 0.5rem !important; } .p-3 { padding: 1rem !important; } .pt-3, .py-3 { padding-top: 1rem !important; } .pr-3, .px-3 { padding-right: 1rem !important; } .pb-3, .py-3 { padding-bottom: 1rem !important; } .pl-3, .px-3 { padding-left: 1rem !important; } .p-4 { padding: 1.5rem !important; } .pt-4, .py-4 { padding-top: 1.5rem !important; } .pr-4, .px-4 { padding-right: 1.5rem !important; } .pb-4, .py-4 { padding-bottom: 1.5rem !important; } .pl-4, .px-4 { padding-left: 1.5rem !important; } .p-5 { padding: 3rem !important; } .pt-5, .py-5 { padding-top: 3rem !important; } .pr-5, .px-5 { padding-right: 3rem !important; } .pb-5, .py-5 { padding-bottom: 3rem !important; } .pl-5, .px-5 { padding-left: 3rem !important; } .p-6 { padding: 4.5rem !important; } .pt-6, .py-6 { padding-top: 4.5rem !important; } .pr-6, .px-6 { padding-right: 4.5rem !important; } .pb-6, .py-6 { padding-bottom: 4.5rem !important; } .pl-6, .px-6 { padding-left: 4.5rem !important; } .p-7 { padding: 6rem !important; } .pt-7, .py-7 { padding-top: 6rem !important; } .pr-7, .px-7 { padding-right: 6rem !important; } .pb-7, .py-7 { padding-bottom: 6rem !important; } .pl-7, .px-7 { padding-left: 6rem !important; } .m-n1 { margin: -0.25rem !important; } .mt-n1, .my-n1 { margin-top: -0.25rem !important; } .mr-n1, .mx-n1 { margin-right: -0.25rem !important; } .mb-n1, .my-n1 { margin-bottom: -0.25rem !important; } .ml-n1, .mx-n1 { margin-left: -0.25rem !important; } .m-n2 { margin: -0.5rem !important; } .mt-n2, .my-n2 { margin-top: -0.5rem !important; } .mr-n2, .mx-n2 { margin-right: -0.5rem !important; } .mb-n2, .my-n2 { margin-bottom: -0.5rem !important; } .ml-n2, .mx-n2 { margin-left: -0.5rem !important; } .m-n3 { margin: -1rem !important; } .mt-n3, .my-n3 { margin-top: -1rem !important; } .mr-n3, .mx-n3 { margin-right: -1rem !important; } .mb-n3, .my-n3 { margin-bottom: -1rem !important; } .ml-n3, .mx-n3 { margin-left: -1rem !important; } .m-n4 { margin: -1.5rem !important; } .mt-n4, .my-n4 { margin-top: -1.5rem !important; } .mr-n4, .mx-n4 { margin-right: -1.5rem !important; } .mb-n4, .my-n4 { margin-bottom: -1.5rem !important; } .ml-n4, .mx-n4 { margin-left: -1.5rem !important; } .m-n5 { margin: -3rem !important; } .mt-n5, .my-n5 { margin-top: -3rem !important; } .mr-n5, .mx-n5 { margin-right: -3rem !important; } .mb-n5, .my-n5 { margin-bottom: -3rem !important; } .ml-n5, .mx-n5 { margin-left: -3rem !important; } .m-n6 { margin: -4.5rem !important; } .mt-n6, .my-n6 { margin-top: -4.5rem !important; } .mr-n6, .mx-n6 { margin-right: -4.5rem !important; } .mb-n6, .my-n6 { margin-bottom: -4.5rem !important; } .ml-n6, .mx-n6 { margin-left: -4.5rem !important; } .m-n7 { margin: -6rem !important; } .mt-n7, .my-n7 { margin-top: -6rem !important; } .mr-n7, .mx-n7 { margin-right: -6rem !important; } .mb-n7, .my-n7 { margin-bottom: -6rem !important; } .ml-n7, .mx-n7 { margin-left: -6rem !important; } .m-auto { margin: auto !important; } .mt-auto, .my-auto { margin-top: auto !important; } .mr-auto, .mx-auto { margin-right: auto !important; } .mb-auto, .my-auto { margin-bottom: auto !important; } .ml-auto, .mx-auto { margin-left: auto !important; } @media (min-width: 576px) { .m-sm-0 { margin: 0 !important; } .mt-sm-0, .my-sm-0 { margin-top: 0 !important; } .mr-sm-0, .mx-sm-0 { margin-right: 0 !important; } .mb-sm-0, .my-sm-0 { margin-bottom: 0 !important; } .ml-sm-0, .mx-sm-0 { margin-left: 0 !important; } .m-sm-1 { margin: 0.25rem !important; } .mt-sm-1, .my-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1, .mx-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1, .my-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1, .mx-sm-1 { margin-left: 0.25rem !important; } .m-sm-2 { margin: 0.5rem !important; } .mt-sm-2, .my-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2, .mx-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2, .my-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2, .mx-sm-2 { margin-left: 0.5rem !important; } .m-sm-3 { margin: 1rem !important; } .mt-sm-3, .my-sm-3 { margin-top: 1rem !important; } .mr-sm-3, .mx-sm-3 { margin-right: 1rem !important; } .mb-sm-3, .my-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3, .mx-sm-3 { margin-left: 1rem !important; } .m-sm-4 { margin: 1.5rem !important; } .mt-sm-4, .my-sm-4 { margin-top: 1.5rem !important; } .mr-sm-4, .mx-sm-4 { margin-right: 1.5rem !important; } .mb-sm-4, .my-sm-4 { margin-bottom: 1.5rem !important; } .ml-sm-4, .mx-sm-4 { margin-left: 1.5rem !important; } .m-sm-5 { margin: 3rem !important; } .mt-sm-5, .my-sm-5 { margin-top: 3rem !important; } .mr-sm-5, .mx-sm-5 { margin-right: 3rem !important; } .mb-sm-5, .my-sm-5 { margin-bottom: 3rem !important; } .ml-sm-5, .mx-sm-5 { margin-left: 3rem !important; } .m-sm-6 { margin: 4.5rem !important; } .mt-sm-6, .my-sm-6 { margin-top: 4.5rem !important; } .mr-sm-6, .mx-sm-6 { margin-right: 4.5rem !important; } .mb-sm-6, .my-sm-6 { margin-bottom: 4.5rem !important; } .ml-sm-6, .mx-sm-6 { margin-left: 4.5rem !important; } .m-sm-7 { margin: 6rem !important; } .mt-sm-7, .my-sm-7 { margin-top: 6rem !important; } .mr-sm-7, .mx-sm-7 { margin-right: 6rem !important; } .mb-sm-7, .my-sm-7 { margin-bottom: 6rem !important; } .ml-sm-7, .mx-sm-7 { margin-left: 6rem !important; } .p-sm-0 { padding: 0 !important; } .pt-sm-0, .py-sm-0 { padding-top: 0 !important; } .pr-sm-0, .px-sm-0 { padding-right: 0 !important; } .pb-sm-0, .py-sm-0 { padding-bottom: 0 !important; } .pl-sm-0, .px-sm-0 { padding-left: 0 !important; } .p-sm-1 { padding: 0.25rem !important; } .pt-sm-1, .py-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1, .px-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1, .py-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1, .px-sm-1 { padding-left: 0.25rem !important; } .p-sm-2 { padding: 0.5rem !important; } .pt-sm-2, .py-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2, .px-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2, .py-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2, .px-sm-2 { padding-left: 0.5rem !important; } .p-sm-3 { padding: 1rem !important; } .pt-sm-3, .py-sm-3 { padding-top: 1rem !important; } .pr-sm-3, .px-sm-3 { padding-right: 1rem !important; } .pb-sm-3, .py-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3, .px-sm-3 { padding-left: 1rem !important; } .p-sm-4 { padding: 1.5rem !important; } .pt-sm-4, .py-sm-4 { padding-top: 1.5rem !important; } .pr-sm-4, .px-sm-4 { padding-right: 1.5rem !important; } .pb-sm-4, .py-sm-4 { padding-bottom: 1.5rem !important; } .pl-sm-4, .px-sm-4 { padding-left: 1.5rem !important; } .p-sm-5 { padding: 3rem !important; } .pt-sm-5, .py-sm-5 { padding-top: 3rem !important; } .pr-sm-5, .px-sm-5 { padding-right: 3rem !important; } .pb-sm-5, .py-sm-5 { padding-bottom: 3rem !important; } .pl-sm-5, .px-sm-5 { padding-left: 3rem !important; } .p-sm-6 { padding: 4.5rem !important; } .pt-sm-6, .py-sm-6 { padding-top: 4.5rem !important; } .pr-sm-6, .px-sm-6 { padding-right: 4.5rem !important; } .pb-sm-6, .py-sm-6 { padding-bottom: 4.5rem !important; } .pl-sm-6, .px-sm-6 { padding-left: 4.5rem !important; } .p-sm-7 { padding: 6rem !important; } .pt-sm-7, .py-sm-7 { padding-top: 6rem !important; } .pr-sm-7, .px-sm-7 { padding-right: 6rem !important; } .pb-sm-7, .py-sm-7 { padding-bottom: 6rem !important; } .pl-sm-7, .px-sm-7 { padding-left: 6rem !important; } .m-sm-n1 { margin: -0.25rem !important; } .mt-sm-n1, .my-sm-n1 { margin-top: -0.25rem !important; } .mr-sm-n1, .mx-sm-n1 { margin-right: -0.25rem !important; } .mb-sm-n1, .my-sm-n1 { margin-bottom: -0.25rem !important; } .ml-sm-n1, .mx-sm-n1 { margin-left: -0.25rem !important; } .m-sm-n2 { margin: -0.5rem !important; } .mt-sm-n2, .my-sm-n2 { margin-top: -0.5rem !important; } .mr-sm-n2, .mx-sm-n2 { margin-right: -0.5rem !important; } .mb-sm-n2, .my-sm-n2 { margin-bottom: -0.5rem !important; } .ml-sm-n2, .mx-sm-n2 { margin-left: -0.5rem !important; } .m-sm-n3 { margin: -1rem !important; } .mt-sm-n3, .my-sm-n3 { margin-top: -1rem !important; } .mr-sm-n3, .mx-sm-n3 { margin-right: -1rem !important; } .mb-sm-n3, .my-sm-n3 { margin-bottom: -1rem !important; } .ml-sm-n3, .mx-sm-n3 { margin-left: -1rem !important; } .m-sm-n4 { margin: -1.5rem !important; } .mt-sm-n4, .my-sm-n4 { margin-top: -1.5rem !important; } .mr-sm-n4, .mx-sm-n4 { margin-right: -1.5rem !important; } .mb-sm-n4, .my-sm-n4 { margin-bottom: -1.5rem !important; } .ml-sm-n4, .mx-sm-n4 { margin-left: -1.5rem !important; } .m-sm-n5 { margin: -3rem !important; } .mt-sm-n5, .my-sm-n5 { margin-top: -3rem !important; } .mr-sm-n5, .mx-sm-n5 { margin-right: -3rem !important; } .mb-sm-n5, .my-sm-n5 { margin-bottom: -3rem !important; } .ml-sm-n5, .mx-sm-n5 { margin-left: -3rem !important; } .m-sm-n6 { margin: -4.5rem !important; } .mt-sm-n6, .my-sm-n6 { margin-top: -4.5rem !important; } .mr-sm-n6, .mx-sm-n6 { margin-right: -4.5rem !important; } .mb-sm-n6, .my-sm-n6 { margin-bottom: -4.5rem !important; } .ml-sm-n6, .mx-sm-n6 { margin-left: -4.5rem !important; } .m-sm-n7 { margin: -6rem !important; } .mt-sm-n7, .my-sm-n7 { margin-top: -6rem !important; } .mr-sm-n7, .mx-sm-n7 { margin-right: -6rem !important; } .mb-sm-n7, .my-sm-n7 { margin-bottom: -6rem !important; } .ml-sm-n7, .mx-sm-n7 { margin-left: -6rem !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto, .my-sm-auto { margin-top: auto !important; } .mr-sm-auto, .mx-sm-auto { margin-right: auto !important; } .mb-sm-auto, .my-sm-auto { margin-bottom: auto !important; } .ml-sm-auto, .mx-sm-auto { margin-left: auto !important; } } @media (min-width: 768px) { .m-md-0 { margin: 0 !important; } .mt-md-0, .my-md-0 { margin-top: 0 !important; } .mr-md-0, .mx-md-0 { margin-right: 0 !important; } .mb-md-0, .my-md-0 { margin-bottom: 0 !important; } .ml-md-0, .mx-md-0 { margin-left: 0 !important; } .m-md-1 { margin: 0.25rem !important; } .mt-md-1, .my-md-1 { margin-top: 0.25rem !important; } .mr-md-1, .mx-md-1 { margin-right: 0.25rem !important; } .mb-md-1, .my-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1, .mx-md-1 { margin-left: 0.25rem !important; } .m-md-2 { margin: 0.5rem !important; } .mt-md-2, .my-md-2 { margin-top: 0.5rem !important; } .mr-md-2, .mx-md-2 { margin-right: 0.5rem !important; } .mb-md-2, .my-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2, .mx-md-2 { margin-left: 0.5rem !important; } .m-md-3 { margin: 1rem !important; } .mt-md-3, .my-md-3 { margin-top: 1rem !important; } .mr-md-3, .mx-md-3 { margin-right: 1rem !important; } .mb-md-3, .my-md-3 { margin-bottom: 1rem !important; } .ml-md-3, .mx-md-3 { margin-left: 1rem !important; } .m-md-4 { margin: 1.5rem !important; } .mt-md-4, .my-md-4 { margin-top: 1.5rem !important; } .mr-md-4, .mx-md-4 { margin-right: 1.5rem !important; } .mb-md-4, .my-md-4 { margin-bottom: 1.5rem !important; } .ml-md-4, .mx-md-4 { margin-left: 1.5rem !important; } .m-md-5 { margin: 3rem !important; } .mt-md-5, .my-md-5 { margin-top: 3rem !important; } .mr-md-5, .mx-md-5 { margin-right: 3rem !important; } .mb-md-5, .my-md-5 { margin-bottom: 3rem !important; } .ml-md-5, .mx-md-5 { margin-left: 3rem !important; } .m-md-6 { margin: 4.5rem !important; } .mt-md-6, .my-md-6 { margin-top: 4.5rem !important; } .mr-md-6, .mx-md-6 { margin-right: 4.5rem !important; } .mb-md-6, .my-md-6 { margin-bottom: 4.5rem !important; } .ml-md-6, .mx-md-6 { margin-left: 4.5rem !important; } .m-md-7 { margin: 6rem !important; } .mt-md-7, .my-md-7 { margin-top: 6rem !important; } .mr-md-7, .mx-md-7 { margin-right: 6rem !important; } .mb-md-7, .my-md-7 { margin-bottom: 6rem !important; } .ml-md-7, .mx-md-7 { margin-left: 6rem !important; } .p-md-0 { padding: 0 !important; } .pt-md-0, .py-md-0 { padding-top: 0 !important; } .pr-md-0, .px-md-0 { padding-right: 0 !important; } .pb-md-0, .py-md-0 { padding-bottom: 0 !important; } .pl-md-0, .px-md-0 { padding-left: 0 !important; } .p-md-1 { padding: 0.25rem !important; } .pt-md-1, .py-md-1 { padding-top: 0.25rem !important; } .pr-md-1, .px-md-1 { padding-right: 0.25rem !important; } .pb-md-1, .py-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1, .px-md-1 { padding-left: 0.25rem !important; } .p-md-2 { padding: 0.5rem !important; } .pt-md-2, .py-md-2 { padding-top: 0.5rem !important; } .pr-md-2, .px-md-2 { padding-right: 0.5rem !important; } .pb-md-2, .py-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2, .px-md-2 { padding-left: 0.5rem !important; } .p-md-3 { padding: 1rem !important; } .pt-md-3, .py-md-3 { padding-top: 1rem !important; } .pr-md-3, .px-md-3 { padding-right: 1rem !important; } .pb-md-3, .py-md-3 { padding-bottom: 1rem !important; } .pl-md-3, .px-md-3 { padding-left: 1rem !important; } .p-md-4 { padding: 1.5rem !important; } .pt-md-4, .py-md-4 { padding-top: 1.5rem !important; } .pr-md-4, .px-md-4 { padding-right: 1.5rem !important; } .pb-md-4, .py-md-4 { padding-bottom: 1.5rem !important; } .pl-md-4, .px-md-4 { padding-left: 1.5rem !important; } .p-md-5 { padding: 3rem !important; } .pt-md-5, .py-md-5 { padding-top: 3rem !important; } .pr-md-5, .px-md-5 { padding-right: 3rem !important; } .pb-md-5, .py-md-5 { padding-bottom: 3rem !important; } .pl-md-5, .px-md-5 { padding-left: 3rem !important; } .p-md-6 { padding: 4.5rem !important; } .pt-md-6, .py-md-6 { padding-top: 4.5rem !important; } .pr-md-6, .px-md-6 { padding-right: 4.5rem !important; } .pb-md-6, .py-md-6 { padding-bottom: 4.5rem !important; } .pl-md-6, .px-md-6 { padding-left: 4.5rem !important; } .p-md-7 { padding: 6rem !important; } .pt-md-7, .py-md-7 { padding-top: 6rem !important; } .pr-md-7, .px-md-7 { padding-right: 6rem !important; } .pb-md-7, .py-md-7 { padding-bottom: 6rem !important; } .pl-md-7, .px-md-7 { padding-left: 6rem !important; } .m-md-n1 { margin: -0.25rem !important; } .mt-md-n1, .my-md-n1 { margin-top: -0.25rem !important; } .mr-md-n1, .mx-md-n1 { margin-right: -0.25rem !important; } .mb-md-n1, .my-md-n1 { margin-bottom: -0.25rem !important; } .ml-md-n1, .mx-md-n1 { margin-left: -0.25rem !important; } .m-md-n2 { margin: -0.5rem !important; } .mt-md-n2, .my-md-n2 { margin-top: -0.5rem !important; } .mr-md-n2, .mx-md-n2 { margin-right: -0.5rem !important; } .mb-md-n2, .my-md-n2 { margin-bottom: -0.5rem !important; } .ml-md-n2, .mx-md-n2 { margin-left: -0.5rem !important; } .m-md-n3 { margin: -1rem !important; } .mt-md-n3, .my-md-n3 { margin-top: -1rem !important; } .mr-md-n3, .mx-md-n3 { margin-right: -1rem !important; } .mb-md-n3, .my-md-n3 { margin-bottom: -1rem !important; } .ml-md-n3, .mx-md-n3 { margin-left: -1rem !important; } .m-md-n4 { margin: -1.5rem !important; } .mt-md-n4, .my-md-n4 { margin-top: -1.5rem !important; } .mr-md-n4, .mx-md-n4 { margin-right: -1.5rem !important; } .mb-md-n4, .my-md-n4 { margin-bottom: -1.5rem !important; } .ml-md-n4, .mx-md-n4 { margin-left: -1.5rem !important; } .m-md-n5 { margin: -3rem !important; } .mt-md-n5, .my-md-n5 { margin-top: -3rem !important; } .mr-md-n5, .mx-md-n5 { margin-right: -3rem !important; } .mb-md-n5, .my-md-n5 { margin-bottom: -3rem !important; } .ml-md-n5, .mx-md-n5 { margin-left: -3rem !important; } .m-md-n6 { margin: -4.5rem !important; } .mt-md-n6, .my-md-n6 { margin-top: -4.5rem !important; } .mr-md-n6, .mx-md-n6 { margin-right: -4.5rem !important; } .mb-md-n6, .my-md-n6 { margin-bottom: -4.5rem !important; } .ml-md-n6, .mx-md-n6 { margin-left: -4.5rem !important; } .m-md-n7 { margin: -6rem !important; } .mt-md-n7, .my-md-n7 { margin-top: -6rem !important; } .mr-md-n7, .mx-md-n7 { margin-right: -6rem !important; } .mb-md-n7, .my-md-n7 { margin-bottom: -6rem !important; } .ml-md-n7, .mx-md-n7 { margin-left: -6rem !important; } .m-md-auto { margin: auto !important; } .mt-md-auto, .my-md-auto { margin-top: auto !important; } .mr-md-auto, .mx-md-auto { margin-right: auto !important; } .mb-md-auto, .my-md-auto { margin-bottom: auto !important; } .ml-md-auto, .mx-md-auto { margin-left: auto !important; } } @media (min-width: 992px) { .m-lg-0 { margin: 0 !important; } .mt-lg-0, .my-lg-0 { margin-top: 0 !important; } .mr-lg-0, .mx-lg-0 { margin-right: 0 !important; } .mb-lg-0, .my-lg-0 { margin-bottom: 0 !important; } .ml-lg-0, .mx-lg-0 { margin-left: 0 !important; } .m-lg-1 { margin: 0.25rem !important; } .mt-lg-1, .my-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1, .mx-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1, .my-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1, .mx-lg-1 { margin-left: 0.25rem !important; } .m-lg-2 { margin: 0.5rem !important; } .mt-lg-2, .my-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2, .mx-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2, .my-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2, .mx-lg-2 { margin-left: 0.5rem !important; } .m-lg-3 { margin: 1rem !important; } .mt-lg-3, .my-lg-3 { margin-top: 1rem !important; } .mr-lg-3, .mx-lg-3 { margin-right: 1rem !important; } .mb-lg-3, .my-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3, .mx-lg-3 { margin-left: 1rem !important; } .m-lg-4 { margin: 1.5rem !important; } .mt-lg-4, .my-lg-4 { margin-top: 1.5rem !important; } .mr-lg-4, .mx-lg-4 { margin-right: 1.5rem !important; } .mb-lg-4, .my-lg-4 { margin-bottom: 1.5rem !important; } .ml-lg-4, .mx-lg-4 { margin-left: 1.5rem !important; } .m-lg-5 { margin: 3rem !important; } .mt-lg-5, .my-lg-5 { margin-top: 3rem !important; } .mr-lg-5, .mx-lg-5 { margin-right: 3rem !important; } .mb-lg-5, .my-lg-5 { margin-bottom: 3rem !important; } .ml-lg-5, .mx-lg-5 { margin-left: 3rem !important; } .m-lg-6 { margin: 4.5rem !important; } .mt-lg-6, .my-lg-6 { margin-top: 4.5rem !important; } .mr-lg-6, .mx-lg-6 { margin-right: 4.5rem !important; } .mb-lg-6, .my-lg-6 { margin-bottom: 4.5rem !important; } .ml-lg-6, .mx-lg-6 { margin-left: 4.5rem !important; } .m-lg-7 { margin: 6rem !important; } .mt-lg-7, .my-lg-7 { margin-top: 6rem !important; } .mr-lg-7, .mx-lg-7 { margin-right: 6rem !important; } .mb-lg-7, .my-lg-7 { margin-bottom: 6rem !important; } .ml-lg-7, .mx-lg-7 { margin-left: 6rem !important; } .p-lg-0 { padding: 0 !important; } .pt-lg-0, .py-lg-0 { padding-top: 0 !important; } .pr-lg-0, .px-lg-0 { padding-right: 0 !important; } .pb-lg-0, .py-lg-0 { padding-bottom: 0 !important; } .pl-lg-0, .px-lg-0 { padding-left: 0 !important; } .p-lg-1 { padding: 0.25rem !important; } .pt-lg-1, .py-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1, .px-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1, .py-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1, .px-lg-1 { padding-left: 0.25rem !important; } .p-lg-2 { padding: 0.5rem !important; } .pt-lg-2, .py-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2, .px-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2, .py-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2, .px-lg-2 { padding-left: 0.5rem !important; } .p-lg-3 { padding: 1rem !important; } .pt-lg-3, .py-lg-3 { padding-top: 1rem !important; } .pr-lg-3, .px-lg-3 { padding-right: 1rem !important; } .pb-lg-3, .py-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3, .px-lg-3 { padding-left: 1rem !important; } .p-lg-4 { padding: 1.5rem !important; } .pt-lg-4, .py-lg-4 { padding-top: 1.5rem !important; } .pr-lg-4, .px-lg-4 { padding-right: 1.5rem !important; } .pb-lg-4, .py-lg-4 { padding-bottom: 1.5rem !important; } .pl-lg-4, .px-lg-4 { padding-left: 1.5rem !important; } .p-lg-5 { padding: 3rem !important; } .pt-lg-5, .py-lg-5 { padding-top: 3rem !important; } .pr-lg-5, .px-lg-5 { padding-right: 3rem !important; } .pb-lg-5, .py-lg-5 { padding-bottom: 3rem !important; } .pl-lg-5, .px-lg-5 { padding-left: 3rem !important; } .p-lg-6 { padding: 4.5rem !important; } .pt-lg-6, .py-lg-6 { padding-top: 4.5rem !important; } .pr-lg-6, .px-lg-6 { padding-right: 4.5rem !important; } .pb-lg-6, .py-lg-6 { padding-bottom: 4.5rem !important; } .pl-lg-6, .px-lg-6 { padding-left: 4.5rem !important; } .p-lg-7 { padding: 6rem !important; } .pt-lg-7, .py-lg-7 { padding-top: 6rem !important; } .pr-lg-7, .px-lg-7 { padding-right: 6rem !important; } .pb-lg-7, .py-lg-7 { padding-bottom: 6rem !important; } .pl-lg-7, .px-lg-7 { padding-left: 6rem !important; } .m-lg-n1 { margin: -0.25rem !important; } .mt-lg-n1, .my-lg-n1 { margin-top: -0.25rem !important; } .mr-lg-n1, .mx-lg-n1 { margin-right: -0.25rem !important; } .mb-lg-n1, .my-lg-n1 { margin-bottom: -0.25rem !important; } .ml-lg-n1, .mx-lg-n1 { margin-left: -0.25rem !important; } .m-lg-n2 { margin: -0.5rem !important; } .mt-lg-n2, .my-lg-n2 { margin-top: -0.5rem !important; } .mr-lg-n2, .mx-lg-n2 { margin-right: -0.5rem !important; } .mb-lg-n2, .my-lg-n2 { margin-bottom: -0.5rem !important; } .ml-lg-n2, .mx-lg-n2 { margin-left: -0.5rem !important; } .m-lg-n3 { margin: -1rem !important; } .mt-lg-n3, .my-lg-n3 { margin-top: -1rem !important; } .mr-lg-n3, .mx-lg-n3 { margin-right: -1rem !important; } .mb-lg-n3, .my-lg-n3 { margin-bottom: -1rem !important; } .ml-lg-n3, .mx-lg-n3 { margin-left: -1rem !important; } .m-lg-n4 { margin: -1.5rem !important; } .mt-lg-n4, .my-lg-n4 { margin-top: -1.5rem !important; } .mr-lg-n4, .mx-lg-n4 { margin-right: -1.5rem !important; } .mb-lg-n4, .my-lg-n4 { margin-bottom: -1.5rem !important; } .ml-lg-n4, .mx-lg-n4 { margin-left: -1.5rem !important; } .m-lg-n5 { margin: -3rem !important; } .mt-lg-n5, .my-lg-n5 { margin-top: -3rem !important; } .mr-lg-n5, .mx-lg-n5 { margin-right: -3rem !important; } .mb-lg-n5, .my-lg-n5 { margin-bottom: -3rem !important; } .ml-lg-n5, .mx-lg-n5 { margin-left: -3rem !important; } .m-lg-n6 { margin: -4.5rem !important; } .mt-lg-n6, .my-lg-n6 { margin-top: -4.5rem !important; } .mr-lg-n6, .mx-lg-n6 { margin-right: -4.5rem !important; } .mb-lg-n6, .my-lg-n6 { margin-bottom: -4.5rem !important; } .ml-lg-n6, .mx-lg-n6 { margin-left: -4.5rem !important; } .m-lg-n7 { margin: -6rem !important; } .mt-lg-n7, .my-lg-n7 { margin-top: -6rem !important; } .mr-lg-n7, .mx-lg-n7 { margin-right: -6rem !important; } .mb-lg-n7, .my-lg-n7 { margin-bottom: -6rem !important; } .ml-lg-n7, .mx-lg-n7 { margin-left: -6rem !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto, .my-lg-auto { margin-top: auto !important; } .mr-lg-auto, .mx-lg-auto { margin-right: auto !important; } .mb-lg-auto, .my-lg-auto { margin-bottom: auto !important; } .ml-lg-auto, .mx-lg-auto { margin-left: auto !important; } } @media (min-width: 1200px) { .m-xl-0 { margin: 0 !important; } .mt-xl-0, .my-xl-0 { margin-top: 0 !important; } .mr-xl-0, .mx-xl-0 { margin-right: 0 !important; } .mb-xl-0, .my-xl-0 { margin-bottom: 0 !important; } .ml-xl-0, .mx-xl-0 { margin-left: 0 !important; } .m-xl-1 { margin: 0.25rem !important; } .mt-xl-1, .my-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1, .mx-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1, .my-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1, .mx-xl-1 { margin-left: 0.25rem !important; } .m-xl-2 { margin: 0.5rem !important; } .mt-xl-2, .my-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2, .mx-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2, .my-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2, .mx-xl-2 { margin-left: 0.5rem !important; } .m-xl-3 { margin: 1rem !important; } .mt-xl-3, .my-xl-3 { margin-top: 1rem !important; } .mr-xl-3, .mx-xl-3 { margin-right: 1rem !important; } .mb-xl-3, .my-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3, .mx-xl-3 { margin-left: 1rem !important; } .m-xl-4 { margin: 1.5rem !important; } .mt-xl-4, .my-xl-4 { margin-top: 1.5rem !important; } .mr-xl-4, .mx-xl-4 { margin-right: 1.5rem !important; } .mb-xl-4, .my-xl-4 { margin-bottom: 1.5rem !important; } .ml-xl-4, .mx-xl-4 { margin-left: 1.5rem !important; } .m-xl-5 { margin: 3rem !important; } .mt-xl-5, .my-xl-5 { margin-top: 3rem !important; } .mr-xl-5, .mx-xl-5 { margin-right: 3rem !important; } .mb-xl-5, .my-xl-5 { margin-bottom: 3rem !important; } .ml-xl-5, .mx-xl-5 { margin-left: 3rem !important; } .m-xl-6 { margin: 4.5rem !important; } .mt-xl-6, .my-xl-6 { margin-top: 4.5rem !important; } .mr-xl-6, .mx-xl-6 { margin-right: 4.5rem !important; } .mb-xl-6, .my-xl-6 { margin-bottom: 4.5rem !important; } .ml-xl-6, .mx-xl-6 { margin-left: 4.5rem !important; } .m-xl-7 { margin: 6rem !important; } .mt-xl-7, .my-xl-7 { margin-top: 6rem !important; } .mr-xl-7, .mx-xl-7 { margin-right: 6rem !important; } .mb-xl-7, .my-xl-7 { margin-bottom: 6rem !important; } .ml-xl-7, .mx-xl-7 { margin-left: 6rem !important; } .p-xl-0 { padding: 0 !important; } .pt-xl-0, .py-xl-0 { padding-top: 0 !important; } .pr-xl-0, .px-xl-0 { padding-right: 0 !important; } .pb-xl-0, .py-xl-0 { padding-bottom: 0 !important; } .pl-xl-0, .px-xl-0 { padding-left: 0 !important; } .p-xl-1 { padding: 0.25rem !important; } .pt-xl-1, .py-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1, .px-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1, .py-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1, .px-xl-1 { padding-left: 0.25rem !important; } .p-xl-2 { padding: 0.5rem !important; } .pt-xl-2, .py-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2, .px-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2, .py-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2, .px-xl-2 { padding-left: 0.5rem !important; } .p-xl-3 { padding: 1rem !important; } .pt-xl-3, .py-xl-3 { padding-top: 1rem !important; } .pr-xl-3, .px-xl-3 { padding-right: 1rem !important; } .pb-xl-3, .py-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3, .px-xl-3 { padding-left: 1rem !important; } .p-xl-4 { padding: 1.5rem !important; } .pt-xl-4, .py-xl-4 { padding-top: 1.5rem !important; } .pr-xl-4, .px-xl-4 { padding-right: 1.5rem !important; } .pb-xl-4, .py-xl-4 { padding-bottom: 1.5rem !important; } .pl-xl-4, .px-xl-4 { padding-left: 1.5rem !important; } .p-xl-5 { padding: 3rem !important; } .pt-xl-5, .py-xl-5 { padding-top: 3rem !important; } .pr-xl-5, .px-xl-5 { padding-right: 3rem !important; } .pb-xl-5, .py-xl-5 { padding-bottom: 3rem !important; } .pl-xl-5, .px-xl-5 { padding-left: 3rem !important; } .p-xl-6 { padding: 4.5rem !important; } .pt-xl-6, .py-xl-6 { padding-top: 4.5rem !important; } .pr-xl-6, .px-xl-6 { padding-right: 4.5rem !important; } .pb-xl-6, .py-xl-6 { padding-bottom: 4.5rem !important; } .pl-xl-6, .px-xl-6 { padding-left: 4.5rem !important; } .p-xl-7 { padding: 6rem !important; } .pt-xl-7, .py-xl-7 { padding-top: 6rem !important; } .pr-xl-7, .px-xl-7 { padding-right: 6rem !important; } .pb-xl-7, .py-xl-7 { padding-bottom: 6rem !important; } .pl-xl-7, .px-xl-7 { padding-left: 6rem !important; } .m-xl-n1 { margin: -0.25rem !important; } .mt-xl-n1, .my-xl-n1 { margin-top: -0.25rem !important; } .mr-xl-n1, .mx-xl-n1 { margin-right: -0.25rem !important; } .mb-xl-n1, .my-xl-n1 { margin-bottom: -0.25rem !important; } .ml-xl-n1, .mx-xl-n1 { margin-left: -0.25rem !important; } .m-xl-n2 { margin: -0.5rem !important; } .mt-xl-n2, .my-xl-n2 { margin-top: -0.5rem !important; } .mr-xl-n2, .mx-xl-n2 { margin-right: -0.5rem !important; } .mb-xl-n2, .my-xl-n2 { margin-bottom: -0.5rem !important; } .ml-xl-n2, .mx-xl-n2 { margin-left: -0.5rem !important; } .m-xl-n3 { margin: -1rem !important; } .mt-xl-n3, .my-xl-n3 { margin-top: -1rem !important; } .mr-xl-n3, .mx-xl-n3 { margin-right: -1rem !important; } .mb-xl-n3, .my-xl-n3 { margin-bottom: -1rem !important; } .ml-xl-n3, .mx-xl-n3 { margin-left: -1rem !important; } .m-xl-n4 { margin: -1.5rem !important; } .mt-xl-n4, .my-xl-n4 { margin-top: -1.5rem !important; } .mr-xl-n4, .mx-xl-n4 { margin-right: -1.5rem !important; } .mb-xl-n4, .my-xl-n4 { margin-bottom: -1.5rem !important; } .ml-xl-n4, .mx-xl-n4 { margin-left: -1.5rem !important; } .m-xl-n5 { margin: -3rem !important; } .mt-xl-n5, .my-xl-n5 { margin-top: -3rem !important; } .mr-xl-n5, .mx-xl-n5 { margin-right: -3rem !important; } .mb-xl-n5, .my-xl-n5 { margin-bottom: -3rem !important; } .ml-xl-n5, .mx-xl-n5 { margin-left: -3rem !important; } .m-xl-n6 { margin: -4.5rem !important; } .mt-xl-n6, .my-xl-n6 { margin-top: -4.5rem !important; } .mr-xl-n6, .mx-xl-n6 { margin-right: -4.5rem !important; } .mb-xl-n6, .my-xl-n6 { margin-bottom: -4.5rem !important; } .ml-xl-n6, .mx-xl-n6 { margin-left: -4.5rem !important; } .m-xl-n7 { margin: -6rem !important; } .mt-xl-n7, .my-xl-n7 { margin-top: -6rem !important; } .mr-xl-n7, .mx-xl-n7 { margin-right: -6rem !important; } .mb-xl-n7, .my-xl-n7 { margin-bottom: -6rem !important; } .ml-xl-n7, .mx-xl-n7 { margin-left: -6rem !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto, .my-xl-auto { margin-top: auto !important; } .mr-xl-auto, .mx-xl-auto { margin-right: auto !important; } .mb-xl-auto, .my-xl-auto { margin-bottom: auto !important; } .ml-xl-auto, .mx-xl-auto { margin-left: auto !important; } } @media (min-width: 1380px) { .m-mxl-0 { margin: 0 !important; } .mt-mxl-0, .my-mxl-0 { margin-top: 0 !important; } .mr-mxl-0, .mx-mxl-0 { margin-right: 0 !important; } .mb-mxl-0, .my-mxl-0 { margin-bottom: 0 !important; } .ml-mxl-0, .mx-mxl-0 { margin-left: 0 !important; } .m-mxl-1 { margin: 0.25rem !important; } .mt-mxl-1, .my-mxl-1 { margin-top: 0.25rem !important; } .mr-mxl-1, .mx-mxl-1 { margin-right: 0.25rem !important; } .mb-mxl-1, .my-mxl-1 { margin-bottom: 0.25rem !important; } .ml-mxl-1, .mx-mxl-1 { margin-left: 0.25rem !important; } .m-mxl-2 { margin: 0.5rem !important; } .mt-mxl-2, .my-mxl-2 { margin-top: 0.5rem !important; } .mr-mxl-2, .mx-mxl-2 { margin-right: 0.5rem !important; } .mb-mxl-2, .my-mxl-2 { margin-bottom: 0.5rem !important; } .ml-mxl-2, .mx-mxl-2 { margin-left: 0.5rem !important; } .m-mxl-3 { margin: 1rem !important; } .mt-mxl-3, .my-mxl-3 { margin-top: 1rem !important; } .mr-mxl-3, .mx-mxl-3 { margin-right: 1rem !important; } .mb-mxl-3, .my-mxl-3 { margin-bottom: 1rem !important; } .ml-mxl-3, .mx-mxl-3 { margin-left: 1rem !important; } .m-mxl-4 { margin: 1.5rem !important; } .mt-mxl-4, .my-mxl-4 { margin-top: 1.5rem !important; } .mr-mxl-4, .mx-mxl-4 { margin-right: 1.5rem !important; } .mb-mxl-4, .my-mxl-4 { margin-bottom: 1.5rem !important; } .ml-mxl-4, .mx-mxl-4 { margin-left: 1.5rem !important; } .m-mxl-5 { margin: 3rem !important; } .mt-mxl-5, .my-mxl-5 { margin-top: 3rem !important; } .mr-mxl-5, .mx-mxl-5 { margin-right: 3rem !important; } .mb-mxl-5, .my-mxl-5 { margin-bottom: 3rem !important; } .ml-mxl-5, .mx-mxl-5 { margin-left: 3rem !important; } .m-mxl-6 { margin: 4.5rem !important; } .mt-mxl-6, .my-mxl-6 { margin-top: 4.5rem !important; } .mr-mxl-6, .mx-mxl-6 { margin-right: 4.5rem !important; } .mb-mxl-6, .my-mxl-6 { margin-bottom: 4.5rem !important; } .ml-mxl-6, .mx-mxl-6 { margin-left: 4.5rem !important; } .m-mxl-7 { margin: 6rem !important; } .mt-mxl-7, .my-mxl-7 { margin-top: 6rem !important; } .mr-mxl-7, .mx-mxl-7 { margin-right: 6rem !important; } .mb-mxl-7, .my-mxl-7 { margin-bottom: 6rem !important; } .ml-mxl-7, .mx-mxl-7 { margin-left: 6rem !important; } .p-mxl-0 { padding: 0 !important; } .pt-mxl-0, .py-mxl-0 { padding-top: 0 !important; } .pr-mxl-0, .px-mxl-0 { padding-right: 0 !important; } .pb-mxl-0, .py-mxl-0 { padding-bottom: 0 !important; } .pl-mxl-0, .px-mxl-0 { padding-left: 0 !important; } .p-mxl-1 { padding: 0.25rem !important; } .pt-mxl-1, .py-mxl-1 { padding-top: 0.25rem !important; } .pr-mxl-1, .px-mxl-1 { padding-right: 0.25rem !important; } .pb-mxl-1, .py-mxl-1 { padding-bottom: 0.25rem !important; } .pl-mxl-1, .px-mxl-1 { padding-left: 0.25rem !important; } .p-mxl-2 { padding: 0.5rem !important; } .pt-mxl-2, .py-mxl-2 { padding-top: 0.5rem !important; } .pr-mxl-2, .px-mxl-2 { padding-right: 0.5rem !important; } .pb-mxl-2, .py-mxl-2 { padding-bottom: 0.5rem !important; } .pl-mxl-2, .px-mxl-2 { padding-left: 0.5rem !important; } .p-mxl-3 { padding: 1rem !important; } .pt-mxl-3, .py-mxl-3 { padding-top: 1rem !important; } .pr-mxl-3, .px-mxl-3 { padding-right: 1rem !important; } .pb-mxl-3, .py-mxl-3 { padding-bottom: 1rem !important; } .pl-mxl-3, .px-mxl-3 { padding-left: 1rem !important; } .p-mxl-4 { padding: 1.5rem !important; } .pt-mxl-4, .py-mxl-4 { padding-top: 1.5rem !important; } .pr-mxl-4, .px-mxl-4 { padding-right: 1.5rem !important; } .pb-mxl-4, .py-mxl-4 { padding-bottom: 1.5rem !important; } .pl-mxl-4, .px-mxl-4 { padding-left: 1.5rem !important; } .p-mxl-5 { padding: 3rem !important; } .pt-mxl-5, .py-mxl-5 { padding-top: 3rem !important; } .pr-mxl-5, .px-mxl-5 { padding-right: 3rem !important; } .pb-mxl-5, .py-mxl-5 { padding-bottom: 3rem !important; } .pl-mxl-5, .px-mxl-5 { padding-left: 3rem !important; } .p-mxl-6 { padding: 4.5rem !important; } .pt-mxl-6, .py-mxl-6 { padding-top: 4.5rem !important; } .pr-mxl-6, .px-mxl-6 { padding-right: 4.5rem !important; } .pb-mxl-6, .py-mxl-6 { padding-bottom: 4.5rem !important; } .pl-mxl-6, .px-mxl-6 { padding-left: 4.5rem !important; } .p-mxl-7 { padding: 6rem !important; } .pt-mxl-7, .py-mxl-7 { padding-top: 6rem !important; } .pr-mxl-7, .px-mxl-7 { padding-right: 6rem !important; } .pb-mxl-7, .py-mxl-7 { padding-bottom: 6rem !important; } .pl-mxl-7, .px-mxl-7 { padding-left: 6rem !important; } .m-mxl-n1 { margin: -0.25rem !important; } .mt-mxl-n1, .my-mxl-n1 { margin-top: -0.25rem !important; } .mr-mxl-n1, .mx-mxl-n1 { margin-right: -0.25rem !important; } .mb-mxl-n1, .my-mxl-n1 { margin-bottom: -0.25rem !important; } .ml-mxl-n1, .mx-mxl-n1 { margin-left: -0.25rem !important; } .m-mxl-n2 { margin: -0.5rem !important; } .mt-mxl-n2, .my-mxl-n2 { margin-top: -0.5rem !important; } .mr-mxl-n2, .mx-mxl-n2 { margin-right: -0.5rem !important; } .mb-mxl-n2, .my-mxl-n2 { margin-bottom: -0.5rem !important; } .ml-mxl-n2, .mx-mxl-n2 { margin-left: -0.5rem !important; } .m-mxl-n3 { margin: -1rem !important; } .mt-mxl-n3, .my-mxl-n3 { margin-top: -1rem !important; } .mr-mxl-n3, .mx-mxl-n3 { margin-right: -1rem !important; } .mb-mxl-n3, .my-mxl-n3 { margin-bottom: -1rem !important; } .ml-mxl-n3, .mx-mxl-n3 { margin-left: -1rem !important; } .m-mxl-n4 { margin: -1.5rem !important; } .mt-mxl-n4, .my-mxl-n4 { margin-top: -1.5rem !important; } .mr-mxl-n4, .mx-mxl-n4 { margin-right: -1.5rem !important; } .mb-mxl-n4, .my-mxl-n4 { margin-bottom: -1.5rem !important; } .ml-mxl-n4, .mx-mxl-n4 { margin-left: -1.5rem !important; } .m-mxl-n5 { margin: -3rem !important; } .mt-mxl-n5, .my-mxl-n5 { margin-top: -3rem !important; } .mr-mxl-n5, .mx-mxl-n5 { margin-right: -3rem !important; } .mb-mxl-n5, .my-mxl-n5 { margin-bottom: -3rem !important; } .ml-mxl-n5, .mx-mxl-n5 { margin-left: -3rem !important; } .m-mxl-n6 { margin: -4.5rem !important; } .mt-mxl-n6, .my-mxl-n6 { margin-top: -4.5rem !important; } .mr-mxl-n6, .mx-mxl-n6 { margin-right: -4.5rem !important; } .mb-mxl-n6, .my-mxl-n6 { margin-bottom: -4.5rem !important; } .ml-mxl-n6, .mx-mxl-n6 { margin-left: -4.5rem !important; } .m-mxl-n7 { margin: -6rem !important; } .mt-mxl-n7, .my-mxl-n7 { margin-top: -6rem !important; } .mr-mxl-n7, .mx-mxl-n7 { margin-right: -6rem !important; } .mb-mxl-n7, .my-mxl-n7 { margin-bottom: -6rem !important; } .ml-mxl-n7, .mx-mxl-n7 { margin-left: -6rem !important; } .m-mxl-auto { margin: auto !important; } .mt-mxl-auto, .my-mxl-auto { margin-top: auto !important; } .mr-mxl-auto, .mx-mxl-auto { margin-right: auto !important; } .mb-mxl-auto, .my-mxl-auto { margin-bottom: auto !important; } .ml-mxl-auto, .mx-mxl-auto { margin-left: auto !important; } } .stretched-link::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; pointer-events: auto; content: ""; background-color: rgba(0, 0, 0, 0); } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } .text-justify { text-align: justify !important; } .text-wrap { white-space: normal !important; } .text-nowrap { white-space: nowrap !important; } .text-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 576px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 768px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 992px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } @media (min-width: 1200px) { .text-xl-left { text-align: left !important; } .text-xl-right { text-align: right !important; } .text-xl-center { text-align: center !important; } } @media (min-width: 1380px) { .text-mxl-left { text-align: left !important; } .text-mxl-right { text-align: right !important; } .text-mxl-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-lighter { font-weight: lighter !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-weight-bolder { font-weight: bolder !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-primary { color: #49ad3d !important; } a.text-primary:hover, a.text-primary:focus { color: #317429 !important; } .text-secondary { color: #1a536e !important; } a.text-secondary:hover, a.text-secondary:focus { color: #0b2430 !important; } .text-success { color: #28a745 !important; } a.text-success:hover, a.text-success:focus { color: #19692c !important; } .text-info { color: #17a2b8 !important; } a.text-info:hover, a.text-info:focus { color: #0f6674 !important; } .text-warning { color: #ffc107 !important; } a.text-warning:hover, a.text-warning:focus { color: #ba8b00 !important; } .text-danger { color: #dc3545 !important; } a.text-danger:hover, a.text-danger:focus { color: #a71d2a !important; } .text-light { color: #fafafa !important; } a.text-light:hover, a.text-light:focus { color: #d4d4d4 !important; } .text-dark { color: #262626 !important; } a.text-dark:hover, a.text-dark:focus { color: black !important; } .text-body { color: #495057 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .text-decoration-none { text-decoration: none !important; } .text-break { word-break: break-word !important; word-wrap: break-word !important; } .text-reset { color: inherit !important; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } .video-background > video { object-fit: cover; } html { scroll-behavior: smooth; } .bbc-icon { max-width: 1.25em; height: 1em; display: inline-block; vertical-align: -0.125em; } [data-rellax] { transition: transform 0.15s; } .bbc-loader { animation: rotate 1s infinite; height: 50px; width: 50px; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .bbc-loader:before, .bbc-loader:after { border-radius: 50%; content: ""; display: block; height: 20px; width: 20px; } .bbc-loader:before { animation: ball1 1s infinite; background-color: #80c677; box-shadow: 30px 0 0 #80c677; margin-bottom: 10px; } .bbc-loader:after { animation: ball2 1s infinite; background-color: #49ad3d; box-shadow: 30px 0 0 #49ad3d; } @keyframes rotate { 0% { -webkit-transform: rotate(0deg) scale(0.8); -moz-transform: rotate(0deg) scale(0.8); } 50% { -webkit-transform: rotate(360deg) scale(1.2); -moz-transform: rotate(360deg) scale(1.2); } 100% { -webkit-transform: rotate(720deg) scale(0.8); -moz-transform: rotate(720deg) scale(0.8); } } @keyframes ball1 { 0% { box-shadow: 30px 0 0 #49ad3d; } 50% { box-shadow: 0 0 0 #49ad3d; margin-bottom: 0; -webkit-transform: translate(15px, 15px); -moz-transform: translate(15px, 15px); } 100% { box-shadow: 30px 0 0 #49ad3d; margin-bottom: 10px; } } @keyframes ball2 { 0% { box-shadow: 30px 0 0 #80c677; } 50% { box-shadow: 0 0 0 #80c677; margin-top: -20px; -webkit-transform: translate(15px, 15px); -moz-transform: translate(15px, 15px); } 100% { box-shadow: 30px 0 0 #80c677; margin-top: 0; } } .bbc-loader-overlay { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(255, 255, 255, 0.8); z-index: 99; transition: opacity 0.4s; } .bbc-loader-overlay.loaded { opacity: 0; } img { max-width: 100%; } .section { position: relative; } .section--inner { padding: 2rem 0; position: relative; z-index: 4; } @media (min-width: 768px) { .section--inner { padding: 4rem 0; } } @media (min-width: 992px) { .section--inner { padding: 6rem 0; } } @media (min-width: 1200px) { .section--inner { padding: 6rem 0; } } @media (max-width: 767.98px) { .section.hide-on-xs { display: none; } } @media (min-width: 768px) and (max-width: 991.98px) { .section.hide-on-md { display: none; } } @media (min-width: 992px) { .section.hide-on-lg { display: none; } } .section--bg-none + .section--bg-none .section--inner { padding-top: 0; } .section--bg-has-image { overflow: hidden; } .section-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .section-bg > img { width: 100%; height: 100%; object-fit: cover; } .section-bg::before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; } .section-bg--ken-burns > img { animation: kenBurns 15s ease alternate infinite; -webkit-animation: kenBurns 15s ease alternate infinite; } .section-bg--parallax { top: 50%; left: 0; margin: auto; transform: translate(0, -50%); width: 100%; height: 130%; max-height: 100vh; } .section-heading h2 { font-size: 3rem; margin-bottom: 3px; } .section-heading p { opacity: 0.75; } .section .section--light, .section--light .section-heading { color: #262626; } .section .section--dark, .section--dark .section-heading h2, .section--dark .section-heading p { color: #fff; } .section--h70 { min-height: 70vh; } .section--h80 { min-height: 80vh; } .section--h90 { min-height: 90vh; } .section--h100 { min-height: 100vh; } .text-gradient { background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; } *, h1, h2, h3, h4, h5, h6, p, ul, a { margin: 0; padding: 0; } html { font-size: 87.5%; } @media (max-width: 768px) { html { font-size: 81.25%; } } body { font-size: 1em; line-height: 1.8571428571em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-family: "Microsoft Yahei", "微软雅黑细体", PingFang SC, sans-serif, "Helvetica", "Arial", sans-serif; color: #666666; font-weight: 500; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Microsoft Yahei", "微软雅黑细体", PingFang SC, sans-serif, "Helvetica", "Arial", sans-serif; font-weight: 500; font-variant-ligatures: common-ligatures; margin-top: 0; margin-bottom: 0; } h1, .h1 { font-size: 3.1428571429em; line-height: 1.3181818182em; } h2, .h2 { font-size: 2.3571428571em; line-height: 1.3636363636em; } h3, .h3 { font-size: 1.7857142857em; line-height: 1.5em; } h4, .h4 { font-size: 1.3571428571em; line-height: 1.3684210526em; } h5, .h5 { font-size: 1.14285em; line-height: 1.8571428571em; } h6, .h6 { font-size: 1em; line-height: 2.1666666667em; } .lead { font-size: 1.3571428571em; line-height: 1.6842105263em; } @media (max-width: 767px) { h1, .h1 { font-size: 2.3571428571em; line-height: 1.3636363636em; } h2, .h2 { font-size: 1.7857142857em; line-height: 1.5em; } h3, .h3 { font-size: 1.3571428571em; line-height: 1.8571428571em; } .lead { font-size: 1.3571428571em; line-height: 1.3684210526em; } } ul, ol { list-style: none; line-height: 1.8571428571em; } ul.bullets { list-style: inside; } ol { list-style-type: upper-roman; list-style-position: inside; } blockquote { font-size: 1.7857142857em; line-height: 1.5em; padding: 0; margin: 0; border-left: 0; } strong { font-weight: 600; } hr { margin: 1.8571428571em 0; border-color: #FAFAFA; } a:hover, a:focus, a:active { text-decoration: none; outline: none; } /*! Typography -- Helpers */ .type--fade { opacity: 0.5; } .type--uppercase { text-transform: uppercase; } .type--bold { font-weight: bold; } .type--italic { font-style: italic; } .type--fine-print { font-size: 1em; } .type--strikethrough { text-decoration: line-through; opacity: 0.5; } .type--underline { text-decoration: underline; } .type--body-font { font-family: "Microsoft Yahei", "微软雅黑细体", PingFang SC, sans-serif, "Helvetica"; } .swiper-pagination-bullet { background-color: transparent !important; width: auto !important; height: auto !important; padding: 3px 5px; margin: 0 !important; } .swiper-pagination-bullet:before { content: ""; display: block; width: 3px; height: 3px; border-radius: 50rem; background-color: #fff; transition: width 0.35s; } .swiper-pagination-bullet-active:before { width: 15px; } .swiper-button-prev, .swiper-button-next { color: #fff !important; width: 24px; height: 44px; background-color: rgba(0, 0, 0, 0.5); } .swiper-button-prev:hover, .swiper-button-next:hover { background-color: #49ad3d; } .swiper-button-prev:after, .swiper-button-next:after { font-size: 16px; } .swiper-button-prev { left: 0; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .swiper-button-next { right: 0; border-top-left-radius: 3px; border-bottom-left-radius: 3px; } .swiper-carousel .swiper-pagination { position: static; margin-top: 15px; } .swiper-carousel .swiper-pagination-bullet { opacity: 1; } .swiper-carousel .swiper-pagination-bullet:before { background-color: #49ad3d; } .swiper-slide.swiper-slide-active { z-index: 9; } .img-full { width: 100%; height: 100%; position: absolute; object-fit: cover; top: 0; left: 0; } .img-hover-zoom, .img-hover-zoom-wrap { position: relative; overflow: hidden; } .img-hover-zoom img, .img-hover-zoom-wrap img { transition: transform 0.5s ease-out; } .img-hover-zoom:hover img, .img-hover-zoom-wrap:hover img { transform: scale(1.1); } .bbc-pagination { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; } .bbc-pagination-item { color: #888; border: 1px solid #ccc; font-size: 14px; margin: 0 5px; width: 30px; height: 30px; border-radius: 6px; line-height: 28px; text-align: center; transition: all 0.35s; overflow: hidden; } .bbc-pagination-item:hover { background-color: #419a36; color: #fff; border-color: #419a36; } .bbc-pagination-item.disabled { background-color: #ccc; border-color: #ccc; color: #fff; cursor: not-allowed; } .bbc-pagination-active { background-color: #49ad3d; border-color: #49ad3d; color: #fff; } .bbc-pagination .bbc-icon { vertical-align: -0.25em; font-size: 20px; } .bar { width: 40px; height: 40px; cursor: pointer; -webkit-tap-highlight-color: transparent; transition: transform 400ms; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; } .bar-line { fill: none; transition: stroke-dasharray 400ms, stroke-dashoffset 400ms; stroke: #49ad3d; stroke-width: 5.5; stroke-linecap: round; } .bar-rotate.active { transform: rotate(45deg); } .bar-rotate180.active { transform: rotate(180deg); } .bar1 .bar-top { stroke-dasharray: 40 139; } .bar1 .bar-bottom { stroke-dasharray: 40 180; } .bar1.active .bar-top { stroke-dashoffset: -98px; } .bar1.active .bar-bottom { stroke-dashoffset: -138px; } .header-logo, .header-nav { vertical-align: middle; } .header-logo > img { height: 34px; } @media (min-width: 768px) { .header-logo > img { height: 40px; } } @media (min-width: 992px) { .header-logo > img { height: 46px; } } .header-wrap { height: 80px; } .header-wrap > div { padding: 10px 0; } .header-right { width: 1px; white-space: nowrap; } .nav-toggle { display: inline-block; color: #49ad3d; } @media (-ms-high-contrast: none) { .header-logo { vertical-align: top; padding-top: 13px; } .text-truncate { white-space: normal !important; } } .header-container { padding: 0 15px; margin: auto; } .header { width: 100%; background-color: #FFF; position: relative; top: 0; left: 0; transition: background-color 0.35s, box-shadow 0.35s; z-index: 999; } .header.header-active { position: fixed; top: 0 !important; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); background-color: #317429; } .header .header-left, .header .header-center, .header .header-right { display: table-cell; vertical-align: middle; } .header h1 { line-height: 1; margin: 0 -30px; } @media (max-width: 1379.98px) { .header h1 { margin: 0 -20px; } } @media (max-width: 1199.98px) { .header h1 { margin: 0 -15px; } } .header .logo { padding: 0 30px; display: block; } @media (max-width: 1379.98px) { .header .logo { padding: 0 20px; } .header .logo img { max-height: 40px; transition: 0.35s; } } @media (max-width: 1199.98px) { .header .logo { padding: 0 15px; } .header .logo img { max-height: 30px; } } .header-hotline, .header-search-btn { font-size: 18px; width: 2em; border-radius: 50rem; display: inline-block; line-height: 2em; text-align: center; vertical-align: middle; color: #49ad3d; transition: all 0.35s !important; } .header-hotline:hover, .header-search-btn:hover { background-color: #49ad3d; color: #fff; } .nav-header { display: none; } .header-hotline { position: relative; } .header-hotline:hover .hotline-dropdown { opacity: 1; visibility: visible; } a.hotline-item { display: flex; align-items: center; text-decoration: none !important; background-color: #fff; padding: 8px 10px; } a.hotline-item small, a.hotline-item strong { line-height: 1.25; } a.hotline-item strong, a.hotline-item span, a.hotline-item small { display: block; color: #262626; } a.hotline-item:hover { background-color: #f6f6f6; } .hotline-icon { font-size: 30px; margin-right: 7px; } .hotline-icon svg { color: #49ad3d; } .hotline-text { font-size: 18px; white-space: nowrap; text-align: left; } .hotline-dropdown { position: absolute; right: -8px; top: 100%; visibility: hidden; border-radius: 8px; overflow: hidden; opacity: 0; box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2); } .hotline-hide-title .hotline-icon { font-size: 22px; } @media (min-width: 768px) { .header-hotline--show-all { width: auto; height: auto; } .header-hotline--show-all:hover { background-color: transparent; } .header-hotline--show-all .hotline-dropdown { display: flex; align-items: center; } .header-hotline--show-all > svg { display: none; } .header-hotline--show-all .hotline-item { border-radius: 8px; } .header-hotline--show-all .hotline-dropdown { position: static; visibility: visible; opacity: 1; box-shadow: none; } } .ss-search-form__results { max-height: 300px !important; word-break: break-word; white-space: normal; } .ss-search-form__results--visible { visibility: visible; opacity: 1; } /*Mobile Header */ @media (min-width: 768px) { .nav-toggle { display: none; } } .modal.modal-mobile-nav { width: 100%; max-width: 240px; position: fixed; top: 0; right: 0; bottom: 0; left: auto; } .modal.modal-mobile-nav .header-nav-search { position: relative; display: inline-block; padding-right: 100px; white-space: nowrap; } .modal.modal-mobile-nav .block-search { display: block; position: relative; } .search-focus .modal.modal-mobile-nav .block-search { width: 100%; } .modal.modal-mobile-nav .block-search .btn-search { position: absolute; right: 0; top: 0; width: 30px; height: 30px; line-height: 30px; padding: 0; text-align: center; border: 0; background-color: transparent; color: #444; } .modal.modal-mobile-nav .input-search { border: 0; height: 30px; border: 1px solid #ddd; transition: border 0.35s ease; outline: 0; width: 100%; border-radius: 3px; padding: 0 35px 0 10px; } .modal.modal-mobile-nav .input-search:focus { outline: 0; } .search-focus .modal.modal-mobile-nav .input-search { border: 1px solid #49ad3d; } .modal.modal-mobile-nav .modal-content { background: transparent; border: 0; border-radius: 0; } .modal.modal-mobile-nav.fade { transition: opacity 0.35s ease; } .modal.modal-mobile-nav.fade .modal-dialog { width: 100%; background: #fff; margin: 0; min-height: 100%; transform: translate(100%, 0); transition: all 0.35s; } .modal.modal-mobile-nav.show .modal-dialog { transform: translate(0, 0); } .modal.modal-mobile-nav.show .nav > li { transform: translateX(0); opacity: 1; visibility: visible; } .modal.modal-mobile-nav .mobile-search { width: 90%; margin: 10px auto; } .modal.modal-mobile-nav .mobile-search .search-form .form-control { padding: 7px 15px; padding-right: 35px; font-size: 12px; } .modal.modal-mobile-nav .mobile-logo a { padding: 5px; margin-bottom: 10px; } .modal.modal-mobile-nav .nav { background-color: #fff; } .modal.modal-mobile-nav .nav ul { will-change: height; } .modal.modal-mobile-nav .nav li { will-change: transform, opacity; transform: translateX(50px); opacity: 0; visibility: hidden; transition: all 0.35s ease-out; } .modal.modal-mobile-nav .nav li::after { display: block; clear: both; content: ""; } .modal.modal-mobile-nav .nav li:nth-child(1) { transition-delay: 0.15s; } .modal.modal-mobile-nav .nav li:nth-child(2) { transition-delay: 0.3s; } .modal.modal-mobile-nav .nav li:nth-child(3) { transition-delay: 0.45s; } .modal.modal-mobile-nav .nav li:nth-child(4) { transition-delay: 0.6s; } .modal.modal-mobile-nav .nav li:nth-child(5) { transition-delay: 0.75s; } .modal.modal-mobile-nav .nav li:nth-child(6) { transition-delay: 0.9s; } .modal.modal-mobile-nav .nav li:nth-child(7) { transition-delay: 1.05s; } .modal.modal-mobile-nav .nav li:nth-child(8) { transition-delay: 1.2s; } .modal.modal-mobile-nav .nav li:nth-child(9) { transition-delay: 1.35s; } .modal.modal-mobile-nav .nav li:nth-child(10) { transition-delay: 1.5s; } .modal.modal-mobile-nav .nav li:nth-child(11) { transition-delay: 1.65s; } .modal.modal-mobile-nav .nav li:nth-child(12) { transition-delay: 1.8s; } .modal.modal-mobile-nav .nav li:nth-child(13) { transition-delay: 1.95s; } .modal.modal-mobile-nav .nav li:nth-child(14) { transition-delay: 2.1s; } .modal.modal-mobile-nav .nav li:nth-child(15) { transition-delay: 2.25s; } .modal.modal-mobile-nav .nav li:nth-child(16) { transition-delay: 2.4s; } .modal.modal-mobile-nav .nav li:nth-child(17) { transition-delay: 2.55s; } .modal.modal-mobile-nav .nav li:nth-child(18) { transition-delay: 2.7s; } .modal.modal-mobile-nav .nav li:nth-child(19) { transition-delay: 2.85s; } .modal.modal-mobile-nav .nav li:nth-child(20) { transition-delay: 3s; } .modal.modal-mobile-nav .nav li a { float: left; width: 100%; margin-bottom: 1px; padding: 0 15px; font-size: 14px; line-height: 46px; text-align: left; color: #666; transition: all 0.35s; position: relative; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .modal.modal-mobile-nav .nav li a i { display: none; } .modal.modal-mobile-nav .nav .drop.active > a { color: #49ad3d; } .modal.modal-mobile-nav .nav .drop > a { width: calc(100% - 40px); } .modal.modal-mobile-nav .nav .drop .btn-drop { float: right; width: 40px; height: 46px; padding: 0; } .modal.modal-mobile-nav .nav .drop .btn-drop.active { color: #49ad3d; } .modal.modal-mobile-nav .nav .drop .btn-drop.active:after { transform: translate(-50%, -50%) rotate(-135deg); } .modal.modal-mobile-nav .nav .drop .btn-drop.active ~ a { color: #49ad3d; } .modal.modal-mobile-nav .nav .drop .btn-drop:after { content: ""; width: 6px; height: 6px; border-bottom: 1px solid; border-right: 1px solid; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); transition: all 0.35s; } .modal.modal-mobile-nav .nav .drop-menu { width: 100%; height: 0; margin-top: 1px; overflow: hidden; transition: all 0.35s; position: relative; } .modal.modal-mobile-nav .nav .drop-menu.active > li { transform: translateX(0); opacity: 1; visibility: visible; } .modal.modal-mobile-nav .nav .drop-menu.drop-menu-level-0 li a:not(.btn-drop) { padding-left: 25px; } .modal.modal-mobile-nav .nav .drop-menu.drop-menu-level-1 li a:not(.btn-drop) { padding-left: 40px; } .modal.modal-mobile-nav .nav .drop-menu.drop-menu-level-2 li a:not(.btn-drop) { padding-left: 55px; } .modal.modal-mobile-nav .nav .drop-menu.drop-menu-level-3 li a:not(.btn-drop) { padding-left: 70px; } .modal.modal-mobile-nav .nav .drop-menu.drop-menu-level-4 li a:not(.btn-drop) { padding-left: 85px; } @media (min-width: 768px) { .nav-toggle { display: none; } .nav-header { display: flex; flex-wrap: wrap; margin-bottom: 0; justify-content: flex-end; width: 100%; } .nav-header > li { padding: 0 25px; position: relative; } .nav-header > li.active::after { opacity: 1; } .nav-header > li > a { font-size: 16px; line-height: 1.375; display: block; padding: 20px 0; color: #fff; text-align: center; position: relative; transition: border-bottom 0.35s, color 0.35s; } .nav-header > li > a:hover { color: #49ad3d; } .nav-header > li::after { content: ""; display: block; position: absolute; height: 2px; width: 90%; bottom: 0; left: 5%; opacity: 0; background: #49ad3d; background: linear-gradient(90deg, #1a536e 66%, #49ad3d 66%); transition: opacity 0.35s; } .nav-header i { font-size: 14px; line-height: 1; position: absolute; top: 50%; right: -20px; transform: translateY(-50%); } .nav-header .drop-level-0:hover .drop-menu-level-0 { opacity: 1; visibility: visible; } .nav-header .drop-menu { position: absolute; background-color: #ffffff; border-radius: 5px; top: 100%; min-width: 100%; text-align: center; left: 0; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); opacity: 0; visibility: hidden; transition: opacity 0.35s ease, visibility 0.35s ease; } .nav-header .drop-menu a { color: #444444; padding: 5px; border-radius: 5px; display: block; } .nav-header .drop-menu a:hover { color: #49ad3d; background-color: #f5f5f5; } .nav-header .drop { position: relative; } .nav-header .drop > a:after { content: ""; display: inline-block; margin-left: 4px; width: 6px; height: 6px; border-bottom: 1px solid; border-right: 1px solid; transform: translate(0, -33.33%) rotate(45deg); vertical-align: middle; } .nav-header .drop:hover > .drop-menu { opacity: 1; visibility: visible; } .nav-header .drop-menu-level-0 .drop > a { position: relative; } .nav-header .drop-menu-level-0 .drop > a::after { position: absolute; top: 50%; right: 12px; transform: translate(0, -50.33%) rotate(-45deg); } .nav-header .drop-menu-level-1, .nav-header .drop-menu-level-1 .drop-menu { left: 100% !important; top: 0; } } @media (min-width: 768px) and (max-width: 1379.98px) { .nav-header > li { padding: 0 15px; } } @media (min-width: 768px) and (max-width: 1199.98px) { .nav-header > li { padding: 0 10px; } } .header-wrap { height: auto; } /* header search-box */ #search-box { padding: 20%; background-color: transparent; display: none; } @media (max-width: 991.98px) { #search-box { padding: 50%; left: 5%; right: 5%; } } #search-box .search-block { display: flex; position: relative; width: 25vw; transition: all 0.35s; } @media (max-width: 991.98px) { #search-box .search-block { width: 50vw; } } @media (max-width: 575.98px) { #search-box .search-block { width: 80vw; } } #search-box .search-block:focus-within { margin-bottom: 10px; box-shadow: 0 20px 15px -5px rgba(0, 0, 0, 0.5); } #search-box .form-control { border-radius: 0; background-color: transparent; font-size: 20px; height: auto; padding-top: 0.5em; padding-bottom: 0.5em; padding-left: 0.75em; padding-right: 2.5em; border: 0; border-bottom: 1px solid #fff; color: #fff; } @media (max-width: 575.98px) { #search-box .form-control { font-size: 16px; } } #search-box .form-control:focus { box-shadow: none; } #search-box .form-control::placeholder { color: #fff; } #search-box .btn-search { position: absolute; top: 0; right: 0; border: 0; width: auto; height: 100%; color: #fff; font-size: 20px; padding-right: 0.65em; line-height: 1; margin-top: 0; } @media (max-width: 575.98px) { #search-box .btn-search { font-size: 24px; } } #search-box .btn-search:focus { box-shadow: none; } .header-v3 { position: sticky; top: 0; left: 0; width: 100%; background-color: transparent; } .header-v3 .header-search-btn { color: #fff; } .index--page .header-v3 { position: fixed; background-color: transparent; box-shadow: none; } .index--page .header-v3 .header-search-btn { color: #fff; } .index--page .header-v3 .header-phone { color: #fff; } .index--page .header-v3 .nav-header > li > a { color: #fff; } .index--page .header-v3 .nav-header > li.active > a { color: #fff; } .header-v3, .header-v3.active { background-color: #fff; box-shadow: 5px 10px 10px -5px rgba(0, 0, 0, 0.1); } .header-v3 .header-search-btn, .header-v3.active .header-search-btn { color: #444; } .header-v3 .header-search-btn:hover, .header-v3.active .header-search-btn:hover { color: #fff; } .header-v3 .header-phone, .header-v3.active .header-phone { color: #49ad3d; } .header-v3 .nav-header > li.active > a, .header-v3.active .nav-header > li.active > a { color: #49ad3d; } .header-v3 .nav-header > li > a, .header-v3.active .nav-header > li > a { color: #444; } .header-v3 .nav-header > li > a:hover, .header-v3.active .nav-header > li > a:hover { color: #49ad3d; } .header-login { color: #fff; background-color: #49ad3d; border-radius: 3px; padding: 3px 10px !important; vertical-align: middle; margin-left: 5px; } .header-login .bbc-icon { margin-right: 5px; } .header-login:hover { background-color: #398730; } .header-phone { font-size: 20px; font-weight: bold; color: #49ad3d; font-family: Arial, sans-serif; transition: color 0.35s; display: inline-block; vertical-align: middle; } @media (max-width: 767.98px) { .header-phone span { display: none; } } .header-phone .bbc-icon { font-size: 22px; transform: rotate(25deg); } @media (max-width: 767.98px) { .header-phone .bbc-icon { transform: none; } } .header-user-block { margin-left: 10px; position: relative; padding-top: 10px; padding-bottom: 10px; } .header-user-block .list { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); padding-top: 5px; padding-bottom: 5px; opacity: 0; visibility: hidden; transition: opacity 0.35s; border-radius: 4px; overflow: hidden; background-color: #fff; box-shadow: 0 0 5px rgba(0, 0, 0, 0.1); text-align: center; } .header-user-block .list a { padding: 5px; padding-left: 20px; padding-right: 20px; display: block; color: #333; white-space: nowrap; } .header-user-block .list a:hover { color: #49ad3d; } .header-user-block .list a.logout { color: red; } .header-user-block:hover .list { opacity: 1; visibility: visible; } .avatar { width: 32px; height: 32px; overflow: hidden; border-radius: 100%; vertical-align: middle; border: 1px solid #49ad3d; } @media (min-width: 1499.98px) { .header-container { max-width: 1480px; } } .header-logo { position: relative; } .header-logo img { transition: opacity 0.35s; } .logo-light { position: absolute; top: 0; left: 0; opacity: 0; } .index--page .header-v3 .logo-light { opacity: 1; } .index--page .header-v3 .logo-dark { opacity: 0; } .index--page .header-v3.active .logo-light { opacity: 0; } .index--page .header-v3.active .logo-dark { opacity: 1; } .heading { padding-bottom: 20px; text-align: center; position: relative; } @media (max-width: 991.98px) { .heading { padding-bottom: 10px; } } @media (max-width: 767.98px) { .heading { padding-bottom: 5px; } } .heading-line { width: 68px; height: 1px; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); background-color: #1a536e; } .heading-line::before { content: ""; width: 24px; height: 1px; background-color: #49ad3d; position: absolute; right: 0; bottom: 0; } .heading-title { margin-bottom: 6px; font-size: 36px; line-height: 1.3; font-weight: bold; color: #333; } @media (max-width: 991.98px) { .heading-title { font-size: 26px; } } @media (max-width: 767.98px) { .heading-title { margin-bottom: 0; font-size: 22px; } } .heading-title span { color: #49ad3d; } .heading-subtitle { margin-bottom: 0; font-family: Arial; font-size: 18px; line-height: 22px; text-transform: uppercase; color: #666; } @media (max-width: 991.98px) { .heading-subtitle { font-size: 14px; } } @media (max-width: 767.98px) { .heading-subtitle { font-size: 12px; } } .nav-tabs { display: flex; justify-content: center; padding-bottom: 30px; overflow-x: auto; } .nav-tabs-container { margin-bottom: -30px; } .nav-tabs > li > a { margin: 0 30px; font-size: 24px; display: block; padding: 15px 10px; position: relative; white-space: nowrap; color: #333; margin: 0 25px; font-size: 22px; } @media (max-width: 1199.98px) { .nav-tabs > li > a { margin: 0 20px; font-size: 18px; } } @media (max-width: 767.98px) { .nav-tabs > li > a { font-size: 15px; margin: 0; } } .nav-tabs > li > a:hover { color: #49ad3d; } .nav-tabs > li > a::before { content: ""; display: block; position: absolute; height: 2px; width: 100%; bottom: 0; left: 0; opacity: 0; background: #49ad3d; background: linear-gradient(90deg, #1a536e 66%, #49ad3d 66%); transition: opacity 0.35s; } .nav-tabs > li > a.active::before { opacity: 1; } .case-heading { padding-top: 10px; border-bottom: 1px solid #ebebeb; margin-bottom: 80px; } @media (max-width: 767.98px) { .case-heading { margin-bottom: 30px; } } .case-heading .wrap { display: flex; justify-content: center; } .case-heading .item { padding: 15px; font-size: 18px; line-height: 1.75; color: #333; position: relative; margin: 0 35px; transition: color 0.35s; } @media (max-width: 767.98px) { .case-heading .item { font-size: 16px; margin: 0 10px; padding: 10px; } } .case-heading .item::before { content: ""; display: block; position: absolute; height: 2px; width: 100%; bottom: 0; left: 0; opacity: 0; background: #49ad3d; background: linear-gradient(90deg, #1a536e 66%, #49ad3d 66%); transition: opacity 0.35s; } .case-heading .item:hover { color: #49ad3d; } .case-heading .item.active::before { opacity: 1; } .case-list { overflow: hidden; } .case-list .row { margin-left: -10px; margin-right: -10px; } .case-list .row > div { padding-left: 10px; padding-right: 10px; } .block-case { margin-bottom: 30px; transition: box-shadow 0.35s; } .block-case-img { overflow: hidden; } .block-case-img img { height: 300px; width: 100%; object-fit: cover; transition: transform 0.75s ease-in-out; } @media (max-width: 1379.98px) { .block-case-img img { height: 260px; } } @media (max-width: 1199.98px) { .block-case-img img { height: 230px; } } .block-case:hover img { transform: scale(1.1); } .block-case-content { padding: 15px 20px; background-color: #fff; } .block-case-content h5 { font-size: 18px; line-height: 1.3333333333; margin-bottom: 5px; transition: color 0.35s; font-weight: normal; } @media (max-width: 767.98px) { .block-case-content h5 { font-size: 14px; } } .block-case-content a { color: #333; transition: color 0.35s; } .block-case-content a:hover { color: #49ad3d; } .block-case-content p { font-size: 16px; line-height: 1.25; color: #888; transition: color 0.35s; } @media (max-width: 767.98px) { .block-case-content p { font-size: 12px; } } .block-case:hover { box-shadow: 0px 0px 14px rgba(0, 0, 0, 0.08); } .main-container { position: relative; min-height: 100vh; } @media (min-width: 1700px) { .custom-container { max-width: 1680px; } } .footer-custom { background-color: #2D3238; } .footer-custom.full-load { position: absolute; bottom: 0; left: 0; width: 100%; z-index: 1; } .footer-wrap { padding: 80px 0 100px; } @media (max-width: 1699.98px) { .footer-wrap { padding: 60px 0; } } @media (max-width: 991.98px) { .footer-wrap { padding: 40px 0; } } @media (max-width: 767.98px) { .footer-wrap { padding: 20px 0; } } .footer-logo { margin-bottom: 80px; } @media (max-width: 1699.98px) { .footer-logo { margin-bottom: 60px; } } @media (max-width: 991.98px) { .footer-logo { margin-bottom: 40px; } } @media (max-width: 767.98px) { .footer-logo { max-width: 60%; } } .footer-info { display: flex; } @media (max-width: 1699.98px) { .footer-info { flex-wrap: wrap; } } @media (min-width: 768px) { .footer-info .info-item:not(:last-child) { margin-right: 88px; } } @media (max-width: 991.98px) { .footer-info .info-item { flex: 0 0 33%; max-width: 33%; margin-bottom: 20px; } .footer-info .info-item.contact { flex: 0 0 100%; max-width: 100%; } } .footer-info h4 { margin-bottom: 20px; font-size: 18px; line-height: 1.2; color: #fff; } @media (max-width: 991.98px) { .footer-info h4 { font-size: 16px; margin-bottom: 15px; } } @media (max-width: 767.98px) { .footer-info h4 { font-size: 14px; margin-bottom: 10px; } } .footer-info .info-list a { display: block; font-size: 16px; line-height: 2.215; color: #8C8D9E; } @media (max-width: 991.98px) { .footer-info .info-list a { font-size: 14px; } } @media (max-width: 767.98px) { .footer-info .info-list a { font-size: 12px; } } .footer-info .info-contact p { display: flex; align-items: baseline; margin-bottom: 0; font-size: 16px; line-height: 22px; color: #808291; } @media (max-width: 767.98px) { .footer-info .info-contact p { font-size: 12px; } } .footer-info .info-contact p:not(:last-child) { margin-bottom: 18px; } @media (max-width: 1199.98px) { .footer-info .info-contact p:not(:last-child) { margin-bottom: 15px; } } @media (max-width: 767.98px) { .footer-info .info-contact p:not(:last-child) { margin-bottom: 5px; } } .footer-info .info-contact p > a, .footer-info .info-contact p > span { margin-left: 7px; color: #808291; } .footer-info .info-contact [href^="tel:"] { display: inline-block; font-size: 28px; line-height: 1.2; font-weight: bold; color: #49ad3d; } @media (max-width: 1379.98px) { .footer-info .info-contact [href^="tel:"] { font-size: 22px; } } @media (max-width: 1199.98px) { .footer-info .info-contact [href^="tel:"] { font-size: 18px; } } @media (max-width: 767.98px) { .footer-info .info-contact [href^="tel:"] { font-size: 16px; } } .footer-info .info-contact [href^="tel:"] + [href^="tel:"]:before { content: "/"; margin: 0 3px; } .qr-grp { display: flex; justify-content: flex-end; margin: 0 -15px; } @media (max-width: 767.98px) { .qr-grp { justify-content: flex-start; } } .qr-grp .qr-item { padding: 0 15px; text-align: center; } .qr-grp img { width: 100px; height: 100px; margin: 0 auto 22px; } @media (max-width: 767.98px) { .qr-grp img { width: 80px; height: 80px; } } .qr-grp span { display: block; font-size: 14px; line-height: 22px; color: #808291; } @media (max-width: 767.98px) { .qr-grp span { font-size: 12px; } } .copyright { background-color: #22272D; padding: 15px 0; color: #999999; font-size: 16px; } @media (max-width: 1199.98px) { .copyright { font-size: 14px; } } @media (max-width: 767.98px) { .copyright { font-size: 12px; } } .copyright a { color: #808291 !important; } .copyright > a, .copyright > span { display: inline-block; } .copyright span a { text-decoration: none; } .copyright .b2wms { color: #808291 !important; } .copyright .b2wms:hover { color: #49ad3d !important; } .tab-pane { display: none; } .tab-pane.active { display: block; } .img-contain { object-fit: contain; } .limit-text-1 { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } .limit-text-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .limit-text-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .limit-text-4 { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; } .limit-text-5 { display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; } .limit-text-6 { display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden; } .limit-text-7 { display: -webkit-box; -webkit-line-clamp: 7; -webkit-box-orient: vertical; overflow: hidden; } .limit-text-8 { display: -webkit-box; -webkit-line-clamp: 8; -webkit-box-orient: vertical; overflow: hidden; } .limit-text-9 { display: -webkit-box; -webkit-line-clamp: 9; -webkit-box-orient: vertical; overflow: hidden; } .index-container { padding: 0 6%; } .stretched-link::after { z-index: 9; } .line-camp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.5; max-height: 3em; } .zoom img { transition: transform 0.35s; } .zoom:hover img { transform: scale(1.1); } .ratio > img { position: absolute; width: 100%; height: 100%; top: 0; bottom: 0; } .ratio-3x4::before { padding-top: 133.3333333333%; } .row-list { margin: 0 -15px; list-style: none; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .row-list > li, .row-list > div { padding: 0 15px; -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } .row-1 > li, .row-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } .row-2 > li, .row-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } .row-3 > li, .row-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; width: 33.3333333333%; } .row-4 > li, .row-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } .row-5 > li, .row-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } .row-6 > li, .row-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; width: 16.6666666667%; } .row-7 > li, .row-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; width: 14.2857142857%; } .row-8 > li, .row-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; } .row-1 > li, .row-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } .row-2 > li, .row-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } .row-3 > li, .row-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; width: 33.3333333333%; } .row-4 > li, .row-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } .row-5 > li, .row-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } .row-6 > li, .row-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; width: 16.6666666667%; } .row-7 > li, .row-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; width: 14.2857142857%; } .row-8 > li, .row-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; } @media (min-width: 576px) { .row-sm-1 > li, .row-sm-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } .row-sm-2 > li, .row-sm-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } .row-sm-3 > li, .row-sm-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; width: 33.3333333333%; } .row-sm-4 > li, .row-sm-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } .row-sm-5 > li, .row-sm-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } .row-sm-6 > li, .row-sm-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; width: 16.6666666667%; } .row-sm-7 > li, .row-sm-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; width: 14.2857142857%; } .row-sm-8 > li, .row-sm-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; } } @media (min-width: 768px) { .row-md-1 > li, .row-md-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } .row-md-2 > li, .row-md-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } .row-md-3 > li, .row-md-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; width: 33.3333333333%; } .row-md-4 > li, .row-md-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } .row-md-5 > li, .row-md-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } .row-md-6 > li, .row-md-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; width: 16.6666666667%; } .row-md-7 > li, .row-md-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; width: 14.2857142857%; } .row-md-8 > li, .row-md-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; } } @media (min-width: 992px) { .row-lg-1 > li, .row-lg-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } .row-lg-2 > li, .row-lg-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } .row-lg-3 > li, .row-lg-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; width: 33.3333333333%; } .row-lg-4 > li, .row-lg-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } .row-lg-5 > li, .row-lg-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } .row-lg-6 > li, .row-lg-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; width: 16.6666666667%; } .row-lg-7 > li, .row-lg-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; width: 14.2857142857%; } .row-lg-8 > li, .row-lg-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; } } @media (min-width: 1200px) { .row-xl-1 > li, .row-xl-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } .row-xl-2 > li, .row-xl-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } .row-xl-3 > li, .row-xl-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; width: 33.3333333333%; } .row-xl-4 > li, .row-xl-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } .row-xl-5 > li, .row-xl-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } .row-xl-6 > li, .row-xl-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; width: 16.6666666667%; } .row-xl-7 > li, .row-xl-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; width: 14.2857142857%; } .row-xl-8 > li, .row-xl-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; } } @media (min-width: 1380px) { .row-mxl-1 > li, .row-mxl-1 > div { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; width: 100%; } .row-mxl-2 > li, .row-mxl-2 > div { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; width: 50%; } .row-mxl-3 > li, .row-mxl-3 > div { -webkit-box-flex: 0; -ms-flex: 0 0 33.3333333333%; flex: 0 0 33.3333333333%; max-width: 33.3333333333%; width: 33.3333333333%; } .row-mxl-4 > li, .row-mxl-4 > div { -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; width: 25%; } .row-mxl-5 > li, .row-mxl-5 > div { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; width: 20%; } .row-mxl-6 > li, .row-mxl-6 > div { -webkit-box-flex: 0; -ms-flex: 0 0 16.6666666667%; flex: 0 0 16.6666666667%; max-width: 16.6666666667%; width: 16.6666666667%; } .row-mxl-7 > li, .row-mxl-7 > div { -webkit-box-flex: 0; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; width: 14.2857142857%; } .row-mxl-8 > li, .row-mxl-8 > div { -webkit-box-flex: 0; -ms-flex: 0 0 12.5%; flex: 0 0 12.5%; max-width: 12.5%; width: 12.5%; } } @media (-ms-high-contrast: none) { .text-truncate { white-space: nowrap !important; } }