: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: #007bff; --secondary: #6c757d; --success: #28a745; --info: #17a2b8; --warning: #ffc107; --danger: #dc3545; --light: #f8f9fa; --dark: #343a40; --breakpoint-xs: 0; --breakpoint-sm: 576px; --breakpoint-md: 768px; --breakpoint-lg: 992px; --breakpoint-xl: 1200px; --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto 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", 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: #212529; 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: .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: -.25em; } sup { top: -.5em; } a { color: #007bff; text-decoration: none; background-color: transparent; } a:hover { color: #0056b3; text-decoration: underline; } a:not([href]):not([tabindex]) { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus { color: inherit; text-decoration: none; } a:not([href]):not([tabindex]):focus { outline: 0; } 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; } 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; } label { display: inline-block; margin-bottom: 0.5rem; } button { border-radius: 0; } button:focus { outline: 1px dotted; outline: 5px auto -webkit-focus-ring-color; } 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; } 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; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } 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: .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: "\2014\00A0"; } .img-fluid { max-width: 100%; height: auto; } .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-break: 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 { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; box-sizing: border-box; } @media (min-width: 576px) { .container { max-width: 540px; } } @media (min-width: 768px) { .container { max-width: 720px; } } @media (min-width: 992px) { .container { max-width: 960px; } } @media (min-width: 1200px) { .container { max-width: 1140px; } } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; box-sizing: border-box; } .row { display: flex; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; box-sizing: border-box; } .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 { position: relative; width: 100%; padding-right: 15px; padding-left: 15px; box-sizing: border-box; outline: none; } .col { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { flex: 0 0 25%; max-width: 25%; } .col-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { flex: 0 0 50%; max-width: 50%; } .col-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { flex: 0 0 75%; max-width: 75%; } .col-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 576px) { .col-sm { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-sm-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-sm-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { flex: 0 0 25%; max-width: 25%; } .col-sm-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { flex: 0 0 50%; max-width: 50%; } .col-sm-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { flex: 0 0 75%; max-width: 75%; } .col-sm-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 768px) { .col-md { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-md-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-md-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { flex: 0 0 25%; max-width: 25%; } .col-md-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { flex: 0 0 50%; max-width: 50%; } .col-md-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { flex: 0 0 75%; max-width: 75%; } .col-md-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 992px) { .col-lg { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-lg-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-lg-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { flex: 0 0 25%; max-width: 25%; } .col-lg-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { flex: 0 0 50%; max-width: 50%; } .col-lg-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { flex: 0 0 75%; max-width: 75%; } .col-lg-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } @media (min-width: 1200px) { .col-xl { flex-basis: 0; flex-grow: 1; max-width: 100%; } .col-xl-auto { flex: 0 0 auto; width: auto; max-width: 100%; } .col-xl-1 { flex: 0 0 8.33333%; max-width: 8.33333%; } .col-xl-2 { flex: 0 0 16.66667%; max-width: 16.66667%; } .col-xl-3 { flex: 0 0 25%; max-width: 25%; } .col-xl-4 { flex: 0 0 33.33333%; max-width: 33.33333%; } .col-xl-5 { flex: 0 0 41.66667%; max-width: 41.66667%; } .col-xl-6 { flex: 0 0 50%; max-width: 50%; } .col-xl-7 { flex: 0 0 58.33333%; max-width: 58.33333%; } .col-xl-8 { flex: 0 0 66.66667%; max-width: 66.66667%; } .col-xl-9 { flex: 0 0 75%; max-width: 75%; } .col-xl-10 { flex: 0 0 83.33333%; max-width: 83.33333%; } .col-xl-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } .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.33333%; } .offset-xl-2 { margin-left: 16.66667%; } .offset-xl-3 { margin-left: 25%; } .offset-xl-4 { margin-left: 33.33333%; } .offset-xl-5 { margin-left: 41.66667%; } .offset-xl-6 { margin-left: 50%; } .offset-xl-7 { margin-left: 58.33333%; } .offset-xl-8 { margin-left: 66.66667%; } .offset-xl-9 { margin-left: 75%; } .offset-xl-10 { margin-left: 83.33333%; } .offset-xl-11 { margin-left: 91.66667%; } } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .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: #212529; background-color: rgba(0, 0, 0, 0.075); } .table-primary, .table-primary > th, .table-primary > td { background-color: #b8daff; } .table-primary th, .table-primary td, .table-primary thead th, .table-primary tbody + tbody { border-color: #7abaff; } .table-hover .table-primary:hover { background-color: #9fcdff; } .table-hover .table-primary:hover > td, .table-hover .table-primary:hover > th { background-color: #9fcdff; } .table-secondary, .table-secondary > th, .table-secondary > td { background-color: #d6d8db; } .table-secondary th, .table-secondary td, .table-secondary thead th, .table-secondary tbody + tbody { border-color: #b3b7bb; } .table-hover .table-secondary:hover { background-color: #c8cbcf; } .table-hover .table-secondary:hover > td, .table-hover .table-secondary:hover > th { background-color: #c8cbcf; } .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: #fdfdfe; } .table-light th, .table-light td, .table-light thead th, .table-light tbody + tbody { border-color: #fbfcfc; } .table-hover .table-light:hover { background-color: #ececf6; } .table-hover .table-light:hover > td, .table-hover .table-light:hover > th { background-color: #ececf6; } .table-dark, .table-dark > th, .table-dark > td { background-color: #c6c8ca; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #95999c; } .table-hover .table-dark:hover { background-color: #b9bbbe; } .table-hover .table-dark:hover > td, .table-hover .table-dark:hover > th { background-color: #b9bbbe; } .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; } } .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, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control::-ms-expand { background-color: transparent; border: 0; } .form-control:focus { color: #495057; background-color: #fff; border-color: #80bdff; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); } .form-control::placeholder { color: #6c757d; opacity: 1; } .form-control:disabled, .form-control[readonly] { background-color: #e9ecef; opacity: 1; } 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-top: 0.375rem; padding-bottom: 0.375rem; margin-bottom: 0; line-height: 1.5; color: #212529; 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 { 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%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(40, 167, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:valid, .form-control.is-valid { border-color: #28a745; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%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: center right calc(0.375em + 0.1875rem); 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 .form-control:valid ~ .valid-feedback, .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback, .form-control.is-valid ~ .valid-tooltip { display: block; } .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((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' 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") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .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 .custom-select:valid ~ .valid-feedback, .was-validated .custom-select:valid ~ .valid-tooltip, .custom-select.is-valid ~ .valid-feedback, .custom-select.is-valid ~ .valid-tooltip { display: block; } .was-validated .form-control-file:valid ~ .valid-feedback, .was-validated .form-control-file:valid ~ .valid-tooltip, .form-control-file.is-valid ~ .valid-feedback, .form-control-file.is-valid ~ .valid-tooltip { display: block; } .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 ~ .valid-feedback, .was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback, .custom-control-input.is-valid ~ .valid-tooltip { display: block; } .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 ~ .valid-feedback, .was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback, .custom-file-input.is-valid ~ .valid-tooltip { display: block; } .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%; z-index: 5; display: none; max-width: 100%; padding: 0.25rem 0.5rem; margin-top: .1rem; font-size: 0.875rem; line-height: 1.5; color: #fff; background-color: rgba(220, 53, 69, 0.9); border-radius: 0.25rem; } .was-validated .form-control:invalid, .form-control.is-invalid { border-color: #dc3545; padding-right: calc(1.5em + 0.75rem); background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E"); background-repeat: no-repeat; background-position: center right calc(0.375em + 0.1875rem); 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 .form-control:invalid ~ .invalid-feedback, .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback, .form-control.is-invalid ~ .invalid-tooltip { display: block; } .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((1em + 0.75rem) * 3 / 4 + 1.75rem); background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") no-repeat right 0.75rem center/8px 10px, url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23dc3545' viewBox='-2 -2 7 7'%3e%3cpath stroke='%23dc3545' d='M0 0l3 3m0-3L0 3'/%3e%3ccircle r='.5'/%3e%3ccircle cx='3' r='.5'/%3e%3ccircle cy='3' r='.5'/%3e%3ccircle cx='3' cy='3' r='.5'/%3e%3c/svg%3E") #fff no-repeat center right 1.75rem/calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); } .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 .custom-select:invalid ~ .invalid-feedback, .was-validated .custom-select:invalid ~ .invalid-tooltip, .custom-select.is-invalid ~ .invalid-feedback, .custom-select.is-invalid ~ .invalid-tooltip { display: block; } .was-validated .form-control-file:invalid ~ .invalid-feedback, .was-validated .form-control-file:invalid ~ .invalid-tooltip, .form-control-file.is-invalid ~ .invalid-feedback, .form-control-file.is-invalid ~ .invalid-tooltip { display: block; } .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 ~ .invalid-feedback, .was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback, .custom-control-input.is-invalid ~ .invalid-tooltip { display: block; } .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 ~ .invalid-feedback, .was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback, .custom-file-input.is-invalid ~ .invalid-tooltip { display: block; } .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; } } .dropup, .dropright, .dropdown, .dropleft { position: relative; } .dropdown-toggle { white-space: nowrap; } .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent; } .dropdown-toggle:empty::after { margin-left: 0; } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 10rem; padding: 0.5rem 0; margin: 0.125rem 0 0; font-size: 1rem; color: #212529; text-align: left; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.15); border-radius: 0.25rem; } .dropdown-menu-left { right: auto; left: 0; } .dropdown-menu-right { right: 0; left: auto; } @media (min-width: 576px) { .dropdown-menu-sm-left { right: auto; left: 0; } .dropdown-menu-sm-right { right: 0; left: auto; } } @media (min-width: 768px) { .dropdown-menu-md-left { right: auto; left: 0; } .dropdown-menu-md-right { right: 0; left: auto; } } @media (min-width: 992px) { .dropdown-menu-lg-left { right: auto; left: 0; } .dropdown-menu-lg-right { right: 0; left: auto; } } @media (min-width: 1200px) { .dropdown-menu-xl-left { right: auto; left: 0; } .dropdown-menu-xl-right { right: 0; left: auto; } } .dropup .dropdown-menu { top: auto; bottom: 100%; margin-top: 0; margin-bottom: 0.125rem; } .dropup .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0; border-right: 0.3em solid transparent; border-bottom: 0.3em solid; border-left: 0.3em solid transparent; } .dropup .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-menu { top: 0; right: auto; left: 100%; margin-top: 0; margin-left: 0.125rem; } .dropright .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0; border-bottom: 0.3em solid transparent; border-left: 0.3em solid; } .dropright .dropdown-toggle:empty::after { margin-left: 0; } .dropright .dropdown-toggle::after { vertical-align: 0; } .dropleft .dropdown-menu { top: 0; right: 100%; left: auto; margin-top: 0; margin-right: 0.125rem; } .dropleft .dropdown-toggle::after { display: inline-block; margin-left: 0.255em; vertical-align: 0.255em; content: ""; } .dropleft .dropdown-toggle::after { display: none; } .dropleft .dropdown-toggle::before { display: inline-block; margin-right: 0.255em; vertical-align: 0.255em; content: ""; border-top: 0.3em solid transparent; border-right: 0.3em solid; border-bottom: 0.3em solid transparent; } .dropleft .dropdown-toggle:empty::after { margin-left: 0; } .dropleft .dropdown-toggle::before { vertical-align: 0; } .dropdown-menu[x-placement^="top"], .dropdown-menu[x-placement^="right"], .dropdown-menu[x-placement^="bottom"], .dropdown-menu[x-placement^="left"] { right: auto; bottom: auto; } .dropdown-divider { height: 0; margin: 0.5rem 0; overflow: hidden; border-top: 1px solid #e9ecef; } .dropdown-item { display: block; width: 100%; padding: 0.25rem 1.5rem; clear: both; font-weight: 400; color: #212529; text-align: inherit; white-space: nowrap; background-color: transparent; border: 0; } .dropdown-item:hover, .dropdown-item:focus { color: #16181b; text-decoration: none; background-color: #f8f9fa; } .dropdown-item.active, .dropdown-item:active { color: #fff; text-decoration: none; background-color: #007bff; } .dropdown-item.disabled, .dropdown-item:disabled { color: #6c757d; pointer-events: none; background-color: transparent; } .dropdown-menu.show { display: block; } .dropdown-header { display: block; padding: 0.5rem 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #6c757d; white-space: nowrap; } .dropdown-item-text { display: block; padding: 0.25rem 1.5rem; color: #212529; } .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%; 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(:last-child), .input-group > .custom-select:not(:last-child) { border-top-right-radius: 0; border-bottom-right-radius: 0; } .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-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 > .input-group-append:not(:last-child) > .btn, .input-group > .input-group-append:not(:last-child) > .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; } .nav { display: flex; flex-wrap: wrap; padding-left: 0; margin-bottom: 0; list-style: none; } .nav-link { display: block; padding: 0.5rem 1rem; } .nav-link:hover, .nav-link:focus { text-decoration: none; } .nav-link.disabled { color: #6c757d; pointer-events: none; cursor: default; } .nav-tabs { border-bottom: 1px solid #dee2e6; } .nav-tabs .nav-item { margin-bottom: -1px; } .nav-tabs .nav-link { border: 1px solid transparent; border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { border-color: #e9ecef #e9ecef #dee2e6; } .nav-tabs .nav-link.disabled { color: #6c757d; background-color: transparent; border-color: transparent; } .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link { color: #495057; background-color: #fff; border-color: #dee2e6 #dee2e6 #fff; } .nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0; } .nav-pills .nav-link { border-radius: 0.25rem; } .nav-pills .nav-link.active, .nav-pills .show > .nav-link { color: #fff; background-color: #007bff; } .nav-fill .nav-item { flex: 1 1 auto; text-align: center; } .nav-justified .nav-item { flex-basis: 0; flex-grow: 1; text-align: center; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { position: relative; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 0.5rem 1rem; } .navbar > .container, .navbar > .container-fluid { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; } .navbar-brand { display: inline-block; padding-top: 0.3125rem; padding-bottom: 0.3125rem; margin-right: 1rem; font-size: 1.25rem; line-height: inherit; white-space: nowrap; } .navbar-brand:hover, .navbar-brand:focus { text-decoration: none; } .navbar-nav { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; list-style: none; } .navbar-nav .nav-link { padding-right: 0; padding-left: 0; } .navbar-nav .dropdown-menu { position: static; float: none; } .navbar-text { display: inline-block; padding-top: 0.5rem; padding-bottom: 0.5rem; } .navbar-collapse { flex-basis: 100%; flex-grow: 1; align-items: center; } .navbar-toggler { padding: 0.25rem 0.75rem; font-size: 1.25rem; line-height: 1; background-color: transparent; border: 1px solid transparent; border-radius: 0.25rem; } .navbar-toggler:hover, .navbar-toggler:focus { text-decoration: none; } .navbar-toggler-icon { display: inline-block; width: 1.5em; height: 1.5em; vertical-align: middle; content: ""; background: no-repeat center center; background-size: 100% 100%; } @media (max-width: 575.98px) { .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 576px) { .navbar-expand-sm { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-sm .navbar-nav { flex-direction: row; } .navbar-expand-sm .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-sm .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-sm > .container, .navbar-expand-sm > .container-fluid { flex-wrap: nowrap; } .navbar-expand-sm .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-sm .navbar-toggler { display: none; } } @media (max-width: 767.98px) { .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 768px) { .navbar-expand-md { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-md .navbar-nav { flex-direction: row; } .navbar-expand-md .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-md .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-md > .container, .navbar-expand-md > .container-fluid { flex-wrap: nowrap; } .navbar-expand-md .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-md .navbar-toggler { display: none; } } @media (max-width: 991.98px) { .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 992px) { .navbar-expand-lg { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-lg .navbar-nav { flex-direction: row; } .navbar-expand-lg .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-lg .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-lg > .container, .navbar-expand-lg > .container-fluid { flex-wrap: nowrap; } .navbar-expand-lg .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-lg .navbar-toggler { display: none; } } @media (max-width: 1199.98px) { .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { padding-right: 0; padding-left: 0; } } @media (min-width: 1200px) { .navbar-expand-xl { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand-xl .navbar-nav { flex-direction: row; } .navbar-expand-xl .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand-xl .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand-xl > .container, .navbar-expand-xl > .container-fluid { flex-wrap: nowrap; } .navbar-expand-xl .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand-xl .navbar-toggler { display: none; } } .navbar-expand { flex-flow: row nowrap; justify-content: flex-start; } .navbar-expand > .container, .navbar-expand > .container-fluid { padding-right: 0; padding-left: 0; } .navbar-expand .navbar-nav { flex-direction: row; } .navbar-expand .navbar-nav .dropdown-menu { position: absolute; } .navbar-expand .navbar-nav .nav-link { padding-right: 0.5rem; padding-left: 0.5rem; } .navbar-expand > .container, .navbar-expand > .container-fluid { flex-wrap: nowrap; } .navbar-expand .navbar-collapse { display: flex !important; flex-basis: auto; } .navbar-expand .navbar-toggler { display: none; } .navbar-light .navbar-brand { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-nav .nav-link { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { color: rgba(0, 0, 0, 0.7); } .navbar-light .navbar-nav .nav-link.disabled { color: rgba(0, 0, 0, 0.3); } .navbar-light .navbar-nav .show > .nav-link, .navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .nav-link.active { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-toggler { color: rgba(0, 0, 0, 0.5); border-color: rgba(0, 0, 0, 0.1); } .navbar-light .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-light .navbar-text { color: rgba(0, 0, 0, 0.5); } .navbar-light .navbar-text a { color: rgba(0, 0, 0, 0.9); } .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus { color: rgba(0, 0, 0, 0.9); } .navbar-dark .navbar-brand { color: #fff; } .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus { color: #fff; } .navbar-dark .navbar-nav .nav-link { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus { color: rgba(255, 255, 255, 0.75); } .navbar-dark .navbar-nav .nav-link.disabled { color: rgba(255, 255, 255, 0.25); } .navbar-dark .navbar-nav .show > .nav-link, .navbar-dark .navbar-nav .active > .nav-link, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .nav-link.active { color: #fff; } .navbar-dark .navbar-toggler { color: rgba(255, 255, 255, 0.5); border-color: rgba(255, 255, 255, 0.1); } .navbar-dark .navbar-toggler-icon { background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); } .navbar-dark .navbar-text { color: rgba(255, 255, 255, 0.5); } .navbar-dark .navbar-text a { color: #fff; } .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus { color: #fff; } .breadcrumb { display: flex; flex-wrap: wrap; padding: 0.75rem 1rem; margin-bottom: 1rem; list-style: none; background-color: #e9ecef; border-radius: 0.25rem; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.5rem; } .breadcrumb-item + .breadcrumb-item::before { display: inline-block; padding-right: 0.5rem; color: #6c757d; content: "/"; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: underline; } .breadcrumb-item + .breadcrumb-item:hover::before { text-decoration: none; } .breadcrumb-item.active { color: #6c757d; } .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: #007bff; background-color: #fff; border: 1px solid #dee2e6; } .page-link:hover { z-index: 2; color: #0056b3; text-decoration: none; background-color: #e9ecef; border-color: #dee2e6; } .page-link:focus { z-index: 2; outline: 0; box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 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: 1; color: #fff; background-color: #007bff; border-color: #007bff; } .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; } .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: #007bff; } .badge-primary[href]:hover, .badge-primary[href]:focus { color: #fff; text-decoration: none; background-color: #0062cc; } .badge-secondary { color: #fff; background-color: #6c757d; } .badge-secondary[href]:hover, .badge-secondary[href]:focus { color: #fff; text-decoration: none; background-color: #545b62; } .badge-success { color: #fff; background-color: #28a745; } .badge-success[href]:hover, .badge-success[href]:focus { color: #fff; text-decoration: none; background-color: #1e7e34; } .badge-info { color: #fff; background-color: #17a2b8; } .badge-info[href]:hover, .badge-info[href]:focus { color: #fff; text-decoration: none; background-color: #117a8b; } .badge-warning { color: #212529; background-color: #ffc107; } .badge-warning[href]:hover, .badge-warning[href]:focus { color: #212529; text-decoration: none; background-color: #d39e00; } .badge-danger { color: #fff; background-color: #dc3545; } .badge-danger[href]:hover, .badge-danger[href]:focus { color: #fff; text-decoration: none; background-color: #bd2130; } .badge-light { color: #212529; background-color: #f8f9fa; } .badge-light[href]:hover, .badge-light[href]:focus { color: #212529; text-decoration: none; background-color: #dae0e5; } .badge-dark { color: #fff; background-color: #343a40; } .badge-dark[href]:hover, .badge-dark[href]:focus { color: #fff; text-decoration: none; background-color: #1d2124; } .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; padding: 0.75rem 1.25rem; color: inherit; } .alert-primary { color: #004085; background-color: #cce5ff; border-color: #b8daff; } .alert-primary .alert-link { color: #002752; } .alert-secondary { color: #383d41; background-color: #e2e3e5; border-color: #d6d8db; } .alert-secondary .alert-link { color: #202326; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-success .alert-link { color: #0b2e13; } .alert-info { color: #0c5460; background-color: #d1ecf1; border-color: #bee5eb; } .alert-info .alert-link { color: #062c33; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-warning .alert-link { color: #533f03; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-danger .alert-link { color: #491217; } .alert-light { color: #818182; background-color: #fefefe; border-color: #fdfdfe; } .alert-light .alert-link { color: #686868; } .alert-dark { color: #1b1e21; background-color: #d6d8d9; border-color: #c6c8ca; } .alert-dark .alert-link { color: #040505; } .list-group { display: flex; flex-direction: column; padding-left: 0; margin-bottom: 0; } .list-group-item-action { width: 100%; color: #495057; text-align: inherit; } .list-group-item-action:hover, .list-group-item-action:focus { z-index: 1; color: #495057; text-decoration: none; background-color: #f8f9fa; } .list-group-item-action:active { color: #212529; background-color: #e9ecef; } .list-group-item { position: relative; display: block; padding: 0.75rem 1.25rem; margin-bottom: -1px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.125); } .list-group-item:first-child { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .list-group-item:last-child { margin-bottom: 0; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .list-group-item.disabled, .list-group-item:disabled { color: #6c757d; pointer-events: none; background-color: #fff; } .list-group-item.active { z-index: 2; color: #fff; background-color: #007bff; border-color: #007bff; } .list-group-horizontal { flex-direction: row; } .list-group-horizontal .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } @media (min-width: 576px) { .list-group-horizontal-sm { flex-direction: row; } .list-group-horizontal-sm .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-sm .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-sm .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 768px) { .list-group-horizontal-md { flex-direction: row; } .list-group-horizontal-md .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-md .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-md .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 992px) { .list-group-horizontal-lg { flex-direction: row; } .list-group-horizontal-lg .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-lg .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-lg .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } @media (min-width: 1200px) { .list-group-horizontal-xl { flex-direction: row; } .list-group-horizontal-xl .list-group-item { margin-right: -1px; margin-bottom: 0; } .list-group-horizontal-xl .list-group-item:first-child { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; border-top-right-radius: 0; } .list-group-horizontal-xl .list-group-item:last-child { margin-right: 0; border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0; } } .list-group-flush .list-group-item { border-right: 0; border-left: 0; border-radius: 0; } .list-group-flush .list-group-item:last-child { margin-bottom: -1px; } .list-group-flush:first-child .list-group-item:first-child { border-top: 0; } .list-group-flush:last-child .list-group-item:last-child { margin-bottom: 0; border-bottom: 0; } .list-group-item-primary { color: #004085; background-color: #b8daff; } .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { color: #004085; background-color: #9fcdff; } .list-group-item-primary.list-group-item-action.active { color: #fff; background-color: #004085; border-color: #004085; } .list-group-item-secondary { color: #383d41; background-color: #d6d8db; } .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { color: #383d41; background-color: #c8cbcf; } .list-group-item-secondary.list-group-item-action.active { color: #fff; background-color: #383d41; border-color: #383d41; } .list-group-item-success { color: #155724; background-color: #c3e6cb; } .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { color: #155724; background-color: #b1dfbb; } .list-group-item-success.list-group-item-action.active { color: #fff; background-color: #155724; border-color: #155724; } .list-group-item-info { color: #0c5460; background-color: #bee5eb; } .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { color: #0c5460; background-color: #abdde5; } .list-group-item-info.list-group-item-action.active { color: #fff; background-color: #0c5460; border-color: #0c5460; } .list-group-item-warning { color: #856404; background-color: #ffeeba; } .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { color: #856404; background-color: #ffe8a1; } .list-group-item-warning.list-group-item-action.active { color: #fff; background-color: #856404; border-color: #856404; } .list-group-item-danger { color: #721c24; background-color: #f5c6cb; } .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { color: #721c24; background-color: #f1b0b7; } .list-group-item-danger.list-group-item-action.active { color: #fff; background-color: #721c24; border-color: #721c24; } .list-group-item-light { color: #818182; background-color: #fdfdfe; } .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { color: #818182; background-color: #ececf6; } .list-group-item-light.list-group-item-action.active { color: #fff; background-color: #818182; border-color: #818182; } .list-group-item-dark { color: #1b1e21; background-color: #c6c8ca; } .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { color: #1b1e21; background-color: #b9bbbe; } .list-group-item-dark.list-group-item-action.active { color: #fff; background-color: #1b1e21; border-color: #1b1e21; } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .tooltip-arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .tooltip-arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[x-placement^="top"] .tooltip-arrow { bottom: 0; } .bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="top"] .tooltip-arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .tooltip-arrow, .bs-tooltip-auto[x-placement^="right"] .tooltip-arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="right"] .tooltip-arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow { top: 0; } .bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .tooltip-arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .tooltip-arrow, .bs-tooltip-auto[x-placement^="left"] .tooltip-arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .tooltip-arrow::before, .bs-tooltip-auto[x-placement^="left"] .tooltip-arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .popover { position: absolute; top: 0; left: 0; z-index: 1060; display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; background-color: #fff; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 0.3rem; } .popover .popover-arrow { position: absolute; display: block; width: 1rem; height: 0.5rem; margin: 0 0.3rem; } .popover .popover-arrow::before, .popover .popover-arrow::after { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; } .bs-popover-top, .bs-popover-auto[x-placement^="top"] { margin-bottom: 0.5rem; } .bs-popover-top > .popover-arrow, .bs-popover-auto[x-placement^="top"] > .popover-arrow { bottom: calc((0.5rem + 1px) * -1); } .bs-popover-top > .popover-arrow::before, .bs-popover-auto[x-placement^="top"] > .popover-arrow::before { bottom: 0; border-width: 0.5rem 0.5rem 0; border-top-color: rgba(0, 0, 0, 0.25); } .bs-popover-top > .popover-arrow::after, .bs-popover-auto[x-placement^="top"] > .popover-arrow::after { bottom: 1px; border-width: 0.5rem 0.5rem 0; border-top-color: #fff; } .bs-popover-right, .bs-popover-auto[x-placement^="right"] { margin-left: 0.5rem; } .bs-popover-right > .popover-arrow, .bs-popover-auto[x-placement^="right"] > .popover-arrow { left: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-right > .popover-arrow::before, .bs-popover-auto[x-placement^="right"] > .popover-arrow::before { left: 0; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: rgba(0, 0, 0, 0.25); } .bs-popover-right > .popover-arrow::after, .bs-popover-auto[x-placement^="right"] > .popover-arrow::after { left: 1px; border-width: 0.5rem 0.5rem 0.5rem 0; border-right-color: #fff; } .bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] { margin-top: 0.5rem; } .bs-popover-bottom > .popover-arrow, .bs-popover-auto[x-placement^="bottom"] > .popover-arrow { top: calc((0.5rem + 1px) * -1); } .bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[x-placement^="bottom"] > .popover-arrow::before { top: 0; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: rgba(0, 0, 0, 0.25); } .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[x-placement^="bottom"] > .popover-arrow::after { top: 1px; border-width: 0 0.5rem 0.5rem 0.5rem; border-bottom-color: #fff; } .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: -0.5rem; content: ""; border-bottom: 1px solid #f7f7f7; } .bs-popover-left, .bs-popover-auto[x-placement^="left"] { margin-right: 0.5rem; } .bs-popover-left > .popover-arrow, .bs-popover-auto[x-placement^="left"] > .popover-arrow { right: calc((0.5rem + 1px) * -1); width: 0.5rem; height: 1rem; margin: 0.3rem 0; } .bs-popover-left > .popover-arrow::before, .bs-popover-auto[x-placement^="left"] > .popover-arrow::before { right: 0; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: rgba(0, 0, 0, 0.25); } .bs-popover-left > .popover-arrow::after, .bs-popover-auto[x-placement^="left"] > .popover-arrow::after { right: 1px; border-width: 0.5rem 0 0.5rem 0.5rem; border-left-color: #fff; } .popover-header { padding: 0.5rem 0.75rem; margin-bottom: 0; font-size: 1rem; background-color: #f7f7f7; border-bottom: 1px solid #ebebeb; border-top-left-radius: calc(0.3rem - 1px); border-top-right-radius: calc(0.3rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 0.5rem 0.75rem; color: #212529; } .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; } .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 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; } } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive::before { display: block; content: ""; } .embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .embed-responsive-21by9::before { padding-top: 42.85714%; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive-4by3::before { padding-top: 75%; } .embed-responsive-1by1::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; } } .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; } } .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; 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; } .visible { visibility: visible !important; } .invisible { visibility: hidden !important; } @media print { *, *::before, *::after { text-shadow: none !important; box-shadow: none !important; } a:not(.btn) { text-decoration: underline; } abbr[title]::after { content: " (" attr(title) ")"; } pre { white-space: pre-wrap !important; } pre, blockquote { border: 1px solid #adb5bd; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } @page { size: a3; } body { min-width: 992px !important; } .container { min-width: 992px !important; } .navbar { display: none; } .badge { border: 1px solid #000; } .table { border-collapse: collapse !important; } .table td, .table th { background-color: #fff !important; } .table-bordered th, .table-bordered td { border: 1px solid #dee2e6 !important; } .table-dark { color: inherit; } .table-dark th, .table-dark td, .table-dark thead th, .table-dark tbody + tbody { border-color: #dee2e6; } .table .thead-dark th { color: inherit; border-color: #dee2e6; } } @charset "UTF-8"; /* *	SIMAI Framework *	Version: 4.8.0 * *	Author: Rim Zabarov *	Copyright: 2008-2019 SIMAI Ltd *	Company site: http://simai.studio * *	Licensed GPLv3 for open source applications *	or SIMAI Framework Commercial License for commercial use * *	Documentation: http://framework.simai.studio/ * * Modifier Reduction: * .a - (absolute) absolute position modifiers; * .b - (border) border modifiers; * .bg - (background) background modifiers; * .с - (color) text color modifiers; * .d - (display) display modifiers; * .f - (fill) SVG fill color modifiers; * .h - (height) object height modifiers; * .l - (link) link modifiers; * .m - (margin) margin modifiers; * .o - (opacity) opacity modifiers; * .p - (padding) padding modifiers; * .s - (stroke) SVG stroke color modifiers; * .t - (typography) text modifiers; * .w - (width) width modifiers. * * Modifier Side Reduction: * l - (left) left-hand side; * r - (right) right-hand side; * t - (top) upper side; * b - (bottom) down side; * x - (X-axis) horizontally. * y - (Y-axis) vertically; * */ body { border-color: rgba(27, 31, 44, 0.12); border-width: 0; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } body * { outline: none !important; } .sf-pagewrap-area { display: flex; min-height: 100vh; flex-direction: column; } .sf-pagewrap-area-layout-wide { width: 100%; } @media (min-width: 1200px) { .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-960 .container { max-width: 960px; } .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-1080 .container { max-width: 1080px; } .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-1200 .container { max-width: 1200px; } .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-1320 .container { max-width: 1320px; } .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-1440 .container { max-width: 1440px; } .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-1560 .container { max-width: 1560px; } .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fixed.container-size-1680 .container { max-width: 1680px; } } .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fluid .sf-pagewrap-area { margin: 0 5vw; } @media (max-width: 767px) { .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fluid .sf-pagewrap-area { margin: 0; } } .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fluid .container { max-width: 100%; } .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed .sf-pagewrap-area { width: auto; margin: 0 auto; } .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed .sf-pagewrap-area .container { max-width: 100%; width: auto; } @media (min-width: 1200px) { .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-960 .sf-pagewrap-area { max-width: 960px; } .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-1080 .sf-pagewrap-area { max-width: 1080px; } .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-1200 .sf-pagewrap-area { max-width: 1200px; } .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-1320 .sf-pagewrap-area { max-width: 1320px; } .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-1440 .sf-pagewrap-area { max-width: 1440px; } .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-1560 .sf-pagewrap-area { max-width: 1560px; } .sf-pagewrap-area-layout-narrow.sf-pagewrap-area-container-fixed.container-size-1680 .sf-pagewrap-area { max-width: 1680px; } } .sf-pagewrap-area-layout-wide.sf-pagewrap-area-container-fluid .container { max-width: 100%; } .sf-pagewrap-area .container-wrap { width: 100%; } @media (max-width: 576px) { .hidden-xs { display: none !important; } } @media (min-width: 576px) and (max-width: 768px) { .hidden-sm { display: none !important; } } @media (min-width: 768px) and (max-width: 992px) { .hidden-md { display: none !important; } } @media (min-width: 992px) and (max-width: 1200px) { .hidden-lg { display: none !important; } } @media (min-width: 1200px) { .hidden-xl { display: none !important; } } .visible-print-block { display: none !important; } @media print { .visible-print-block { display: block !important; } } .visible-print-inline { display: none !important; } @media print { .visible-print-inline { display: inline !important; } } .visible-print-inline-block { display: none !important; } @media print { .visible-print-inline-block { display: inline-block !important; } } @media print { .hidden-print { display: none !important; } } .overflow-hidden { overflow: hidden !important; } .t--3 { font-size: 0.625rem; } .t--2 { font-size: 0.75rem; } .t--1 { font-size: 0.875rem; } .t-1 { font-size: 1.25rem; } .t-2 { font-size: 1.5rem; } .t-3 { font-size: 2rem; } .t-4 { font-size: 2.5rem; } .t-5 { font-size: 3rem; } .t-6 { font-size: 4rem; } .t-7 { font-size: 6rem; } .t-0 { font-size: 1rem; } .t-light { font-weight: 300; } .t-regular { font-weight: 400; } .t-medium { font-weight: 500; } .t-bold { font-weight: 700; } .t-normal { font-style: normal; } .t-italic { font-style: italic; } .t-left { text-align: left; } .t-center { text-align: center; } .t-right { text-align: right; } .t-justify { text-align: justify; } .t-measure { max-width: 30em; } .t-measure-wide { max-width: 34em; } .t-measure-narrow { max-width: 20em; } .t-copy { line-height: 1.5; } .t-title { line-height: 1.25; } .t-solid { line-height: 1; } .t-tracked { letter-spacing: .1em; } .t-tracked-tight { letter-spacing: -.05em; } .t-tracked-mega { letter-spacing: .25em; } .t-lowercase { text-transform: lowercase; } .t-uppercase { text-transform: uppercase; } .t-capitalize { text-transform: capitalize; } .t-strike { text-decoration: line-through; } .t-sup { vertical-align: super; } .t-sub { vertical-align: sub; } .t-list { list-style-type: none; } @media (min-width: 576px) { .t-sm--3 { font-size: 0.625rem; } .t-sm--2 { font-size: 0.75rem; } .t-sm--1 { font-size: 0.875rem; } .t-sm-1 { font-size: 1.25rem; } .t-sm-2 { font-size: 1.5rem; } .t-sm-3 { font-size: 2rem; } .t-sm-4 { font-size: 2.5rem; } .t-sm-5 { font-size: 3rem; } .t-sm-6 { font-size: 4rem; } .t-sm-7 { font-size: 6rem; } .t-sm-0 { font-size: 1rem; } .t-sm-light { font-weight: 300; } .t-sm-regular { font-weight: 400; } .t-sm-medium { font-weight: 500; } .t-sm-bold { font-weight: 700; } .t-sm-normal { font-style: normal; } .t-sm-italic { font-style: italic; } .t-sm-left { text-align: left; } .t-sm-center { text-align: center; } .t-sm-right { text-align: right; } .t-sm-justify { text-align: justify; } .t-sm-measure { max-width: 30em; } .t-sm-measure-wide { max-width: 34em; } .t-sm-measure-narrow { max-width: 20em; } .t-sm-copy { line-height: 1.5; } .t-sm-title { line-height: 1.25; } .t-sm-solid { line-height: 1; } .t-sm-tracked { letter-spacing: .1em; } .t-sm-tracked-tight { letter-spacing: -.05em; } .t-sm-tracked-mega { letter-spacing: .25em; } .t-sm-lowercase { text-transform: lowercase; } .t-sm-uppercase { text-transform: uppercase; } .t-sm-capitalize { text-transform: capitalize; } .t-sm-strike { text-decoration: line-through; } .t-sm-sup { vertical-align: super; } .t-sm-sub { vertical-align: sub; } .t-sm-list { list-style-type: none; } } @media (min-width: 768px) { .t-md--3 { font-size: 0.625rem; } .t-md--2 { font-size: 0.75rem; } .t-md--1 { font-size: 0.875rem; } .t-md-1 { font-size: 1.25rem; } .t-md-2 { font-size: 1.5rem; } .t-md-3 { font-size: 2rem; } .t-md-4 { font-size: 2.5rem; } .t-md-5 { font-size: 3rem; } .t-md-6 { font-size: 4rem; } .t-md-7 { font-size: 6rem; } .t-md-0 { font-size: 1rem; } .t-md-light { font-weight: 300; } .t-md-regular { font-weight: 400; } .t-md-medium { font-weight: 500; } .t-md-bold { font-weight: 700; } .t-md-normal { font-style: normal; } .t-md-italic { font-style: italic; } .t-md-left { text-align: left; } .t-md-center { text-align: center; } .t-md-right { text-align: right; } .t-md-justify { text-align: justify; } .t-md-measure { max-width: 30em; } .t-md-measure-wide { max-width: 34em; } .t-md-measure-narrow { max-width: 20em; } .t-md-copy { line-height: 1.5; } .t-md-title { line-height: 1.25; } .t-md-solid { line-height: 1; } .t-md-tracked { letter-spacing: .1em; } .t-md-tracked-tight { letter-spacing: -.05em; } .t-md-tracked-mega { letter-spacing: .25em; } .t-md-lowercase { text-transform: lowercase; } .t-md-uppercase { text-transform: uppercase; } .t-md-capitalize { text-transform: capitalize; } .t-md-strike { text-decoration: line-through; } .t-md-sup { vertical-align: super; } .t-md-sub { vertical-align: sub; } .t-md-list { list-style-type: none; } } @media (min-width: 992px) { .t-lg--3 { font-size: 0.625rem; } .t-lg--2 { font-size: 0.75rem; } .t-lg--1 { font-size: 0.875rem; } .t-lg-1 { font-size: 1.25rem; } .t-lg-2 { font-size: 1.5rem; } .t-lg-3 { font-size: 2rem; } .t-lg-4 { font-size: 2.5rem; } .t-lg-5 { font-size: 3rem; } .t-lg-6 { font-size: 4rem; } .t-lg-7 { font-size: 6rem; } .t-lg-0 { font-size: 1rem; } .t-lg-light { font-weight: 300; } .t-lg-regular { font-weight: 400; } .t-lg-medium { font-weight: 500; } .t-lg-bold { font-weight: 700; } .t-lg-normal { font-style: normal; } .t-lg-italic { font-style: italic; } .t-lg-left { text-align: left; } .t-lg-center { text-align: center; } .t-lg-right { text-align: right; } .t-lg-justify { text-align: justify; } .t-lg-measure { max-width: 30em; } .t-lg-measure-wide { max-width: 34em; } .t-lg-measure-narrow { max-width: 20em; } .t-lg-copy { line-height: 1.5; } .t-lg-title { line-height: 1.25; } .t-lg-solid { line-height: 1; } .t-lg-tracked { letter-spacing: .1em; } .t-lg-tracked-tight { letter-spacing: -.05em; } .t-lg-tracked-mega { letter-spacing: .25em; } .t-lg-lowercase { text-transform: lowercase; } .t-lg-uppercase { text-transform: uppercase; } .t-lg-capitalize { text-transform: capitalize; } .t-lg-strike { text-decoration: line-through; } .t-lg-sup { vertical-align: super; } .t-lg-sub { vertical-align: sub; } .t-lg-list { list-style-type: none; } } @media (min-width: 1200px) { .t-xl--3 { font-size: 0.625rem; } .t-xl--2 { font-size: 0.75rem; } .t-xl--1 { font-size: 0.875rem; } .t-xl-1 { font-size: 1.25rem; } .t-xl-2 { font-size: 1.5rem; } .t-xl-3 { font-size: 2rem; } .t-xl-4 { font-size: 2.5rem; } .t-xl-5 { font-size: 3rem; } .t-xl-6 { font-size: 4rem; } .t-xl-7 { font-size: 6rem; } .t-xl-0 { font-size: 1rem; } .t-xl-light { font-weight: 300; } .t-xl-regular { font-weight: 400; } .t-xl-medium { font-weight: 500; } .t-xl-bold { font-weight: 700; } .t-xl-normal { font-style: normal; } .t-xl-italic { font-style: italic; } .t-xl-left { text-align: left; } .t-xl-center { text-align: center; } .t-xl-right { text-align: right; } .t-xl-justify { text-align: justify; } .t-xl-measure { max-width: 30em; } .t-xl-measure-wide { max-width: 34em; } .t-xl-measure-narrow { max-width: 20em; } .t-xl-copy { line-height: 1.5; } .t-xl-title { line-height: 1.25; } .t-xl-solid { line-height: 1; } .t-xl-tracked { letter-spacing: .1em; } .t-xl-tracked-tight { letter-spacing: -.05em; } .t-xl-tracked-mega { letter-spacing: .25em; } .t-xl-lowercase { text-transform: lowercase; } .t-xl-uppercase { text-transform: uppercase; } .t-xl-capitalize { text-transform: capitalize; } .t-xl-strike { text-decoration: line-through; } .t-xl-sup { vertical-align: super; } .t-xl-sub { vertical-align: sub; } .t-xl-list { list-style-type: none; } } .t-arial, .t-helvetica { font-family: Arial, Helvetica, sans-serif; } .t-arial-black, .t-gadget { font-family: "Arial Black", Gadget, sans-serif; } .t-comic { font-family: "Comic Sans MS", cursive; } .t-courier { font-family: "Courier New", Courier, monospace; } .t-georgia { font-family: Georgia, serif; } .t-impact, .t-charcoal { font-family: Impact,Charcoal, sans-serif; } .t-lucida-console, .t-monaco { font-family: "Lucida Console", Monaco, monospace; } .t-lucida-sans, .t-lucida-grande { font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; } .t-palatino, .t-book-antiqua { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; } .t-tahoma, .t-geneva { font-family: Tahoma, Geneva, sans-serif; } .t-times { font-family: "Times New Roman", Times, serif; } .t-trebuchet { font-family: "Trebuchet MS", Helvetica, sans-serif; } .t-verdana { font-family: Verdana, Geneva, sans-serif; } a.l-inherit, .l-inherit a, a.l-inherit:hover, .l-inherit a:hover { color: inherit; } a.l-underline, .l-underline a { text-decoration: underline; } a.l-underline-none, .l-underline-none a { text-decoration: none; } a.l-dashed, .l-dashed a { text-decoration: none; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: inherit; } a.l-hover-underline:hover, .l-hover-underline a:hover { text-decoration: underline; } a.l-hover-underline-none:hover, .l-hover-underline-none a:hover { text-decoration: none; } a.l-underline, .l-underline a, a.l-underline-none, .l-underline-none a, a.l-hover-underline:hover, .l-hover-underline a:hover, a.l-hover-underline-none:hover, .l-hover-underline-none a:hover { -webkit-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -moz-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -ms-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); -o-transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } a.sf-link, .sf-link :not(.l-inherit) > a:not([class]) { text-decoration: none; outline: none; background-repeat: repeat-x; background-size: 200% 1px; background-position: 0 100%; padding-bottom: 0.125rem; text-decoration: none !important; color: #1b86c0; background-image: linear-gradient(to right, rgba(27, 134, 192, 0.3) 50%, transparent 50%); } a.sf-link:visited, .sf-link :not(.l-inherit) > a:not([class]):visited { color: #551a8b; background-image: linear-gradient(to right, rgba(85, 26, 139, 0.3) 50%, transparent 50%); } a.sf-link:hover, .sf-link :not(.l-inherit) > a:not([class]):hover { color: #fc4a0a; background-image: linear-gradient(to right, rgba(252, 74, 10, 0.3) 50%, transparent 50%); } a.sf-link:active, .sf-link :not(.l-inherit) > a:not([class]):active { background-image: linear-gradient(to right, 50%, transparent 50%); } .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]), .theme-light a.sf-link.sf-link-theme, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) { color: rgba(21, 25, 30, 0.87); background-image: linear-gradient(to right, rgba(21, 25, 30, 0.2) 50%, transparent 50%); } .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]):visited, .theme-light a.sf-link.sf-link-theme:visited, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):visited { color: rgba(21, 25, 30, 0.54); background-image: linear-gradient(to right, rgba(21, 25, 30, 0.2) 50%, transparent 50%); } .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]):hover, .theme-light a.sf-link.sf-link-theme:hover, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):hover { color: #15191e; background-image: linear-gradient(to right, rgba(21, 25, 30, 0.6) 50%, transparent 50%); } .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]):active, .theme-light a.sf-link.sf-link-theme:active, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):active { background-image: linear-gradient(to right, 50%, transparent 50%); } .theme-dark .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]), .theme-dark .theme-light a.sf-link.sf-link-theme, .theme-dark .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) { color: rgba(21, 25, 30, 0.87); background-image: linear-gradient(to right, rgba(21, 25, 30, 0.2) 50%, transparent 50%); } .theme-dark .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]):visited, .theme-dark .theme-light a.sf-link.sf-link-theme:visited, .theme-dark .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):visited { color: rgba(21, 25, 30, 0.54); background-image: linear-gradient(to right, rgba(21, 25, 30, 0.2) 50%, transparent 50%); } .theme-dark .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]):hover, .theme-dark .theme-light a.sf-link.sf-link-theme:hover, .theme-dark .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):hover { color: #15191e; background-image: linear-gradient(to right, rgba(21, 25, 30, 0.6) 50%, transparent 50%); } .theme-dark .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]):active, .theme-dark .theme-light a.sf-link.sf-link-theme:active, .theme-dark .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):active { background-image: linear-gradient(to right, 50%, transparent 50%); } .theme-ligth .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]), .theme-ligth .theme-light a.sf-link.sf-link-theme, .theme-ligth .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) { color: rgba(21, 25, 30, 0.87); background-image: linear-gradient(to right, rgba(21, 25, 30, 0.2) 50%, transparent 50%); } .theme-ligth .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]):visited, .theme-ligth .theme-light a.sf-link.sf-link-theme:visited, .theme-ligth .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):visited { color: rgba(21, 25, 30, 0.54); background-image: linear-gradient(to right, rgba(21, 25, 30, 0.2) 50%, transparent 50%); } .theme-ligth .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]):hover, .theme-ligth .theme-light a.sf-link.sf-link-theme:hover, .theme-ligth .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):hover { color: #15191e; background-image: linear-gradient(to right, rgba(21, 25, 30, 0.6) 50%, transparent 50%); } .theme-ligth .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]):active, .theme-ligth .theme-light a.sf-link.sf-link-theme:active, .theme-ligth .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):active { background-image: linear-gradient(to right, 50%, transparent 50%); } .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]), .theme-dark a.sf-link.sf-link-theme, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) { color: white; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%); } .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]):visited, .theme-dark a.sf-link.sf-link-theme:visited, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):visited { color: rgba(255, 255, 255, 0.7); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%); } .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]):hover, .theme-dark a.sf-link.sf-link-theme:hover, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):hover { color: white; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.6) 50%, transparent 50%); } .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]):active, .theme-dark a.sf-link.sf-link-theme:active, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):active { background-image: linear-gradient(to right, 50%, transparent 50%); } .theme-dark .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]), .theme-dark .theme-dark a.sf-link.sf-link-theme, .theme-dark .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) { color: white; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%); } .theme-dark .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]):visited, .theme-dark .theme-dark a.sf-link.sf-link-theme:visited, .theme-dark .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):visited { color: rgba(255, 255, 255, 0.7); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%); } .theme-dark .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]):hover, .theme-dark .theme-dark a.sf-link.sf-link-theme:hover, .theme-dark .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):hover { color: white; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.6) 50%, transparent 50%); } .theme-dark .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]):active, .theme-dark .theme-dark a.sf-link.sf-link-theme:active, .theme-dark .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):active { background-image: linear-gradient(to right, 50%, transparent 50%); } .theme-ligth .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]), .theme-ligth .theme-dark a.sf-link.sf-link-theme, .theme-ligth .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) { color: white; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%); } .theme-ligth .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]):visited, .theme-ligth .theme-dark a.sf-link.sf-link-theme:visited, .theme-ligth .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):visited { color: rgba(255, 255, 255, 0.7); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%); } .theme-ligth .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]):hover, .theme-ligth .theme-dark a.sf-link.sf-link-theme:hover, .theme-ligth .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):hover { color: white; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.6) 50%, transparent 50%); } .theme-ligth .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]):active, .theme-ligth .theme-dark a.sf-link.sf-link-theme:active, .theme-ligth .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]):active { background-image: linear-gradient(to right, 50%, transparent 50%); } .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link, .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link, .theme-light a.sf-link.sf-link-theme .sf-link, .theme-light a.sf-link.sf-link-theme a.sf-link, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link { color: rgba(21, 25, 30, 0.87); background-image: linear-gradient(to right, rgba(21, 25, 30, 0.2) 50%, transparent 50%); } .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:visited, .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:visited, .theme-light a.sf-link.sf-link-theme .sf-link:visited, .theme-light a.sf-link.sf-link-theme a.sf-link:visited, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:visited, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:visited { color: rgba(21, 25, 30, 0.54); background-image: linear-gradient(to right, rgba(21, 25, 30, 0.2) 50%, transparent 50%); } .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:hover, .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:hover, .theme-light a.sf-link.sf-link-theme .sf-link:hover, .theme-light a.sf-link.sf-link-theme a.sf-link:hover, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:hover, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:hover { color: #15191e; background-image: linear-gradient(to right, rgba(21, 25, 30, 0.6) 50%, transparent 50%); } .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:active, .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:active, .theme-light a.sf-link.sf-link-theme .sf-link:active, .theme-light a.sf-link.sf-link-theme a.sf-link:active, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:active, .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:active { background-image: linear-gradient(to right, 50%, transparent 50%); } .theme-dark .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link, .theme-dark .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link, .theme-dark .theme-light a.sf-link.sf-link-theme .sf-link, .theme-dark .theme-light a.sf-link.sf-link-theme a.sf-link, .theme-dark .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link, .theme-dark .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link { color: rgba(21, 25, 30, 0.87); background-image: linear-gradient(to right, rgba(21, 25, 30, 0.2) 50%, transparent 50%); } .theme-dark .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:visited, .theme-dark .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:visited, .theme-dark .theme-light a.sf-link.sf-link-theme .sf-link:visited, .theme-dark .theme-light a.sf-link.sf-link-theme a.sf-link:visited, .theme-dark .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:visited, .theme-dark .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:visited { color: rgba(21, 25, 30, 0.54); background-image: linear-gradient(to right, rgba(21, 25, 30, 0.2) 50%, transparent 50%); } .theme-dark .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:hover, .theme-dark .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:hover, .theme-dark .theme-light a.sf-link.sf-link-theme .sf-link:hover, .theme-dark .theme-light a.sf-link.sf-link-theme a.sf-link:hover, .theme-dark .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:hover, .theme-dark .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:hover { color: #15191e; background-image: linear-gradient(to right, rgba(21, 25, 30, 0.6) 50%, transparent 50%); } .theme-dark .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:active, .theme-dark .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:active, .theme-dark .theme-light a.sf-link.sf-link-theme .sf-link:active, .theme-dark .theme-light a.sf-link.sf-link-theme a.sf-link:active, .theme-dark .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:active, .theme-dark .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:active { background-image: linear-gradient(to right, 50%, transparent 50%); } .theme-ligth .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link, .theme-ligth .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link, .theme-ligth .theme-light a.sf-link.sf-link-theme .sf-link, .theme-ligth .theme-light a.sf-link.sf-link-theme a.sf-link, .theme-ligth .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link, .theme-ligth .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link { color: rgba(21, 25, 30, 0.87); background-image: linear-gradient(to right, rgba(21, 25, 30, 0.2) 50%, transparent 50%); } .theme-ligth .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:visited, .theme-ligth .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:visited, .theme-ligth .theme-light a.sf-link.sf-link-theme .sf-link:visited, .theme-ligth .theme-light a.sf-link.sf-link-theme a.sf-link:visited, .theme-ligth .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:visited, .theme-ligth .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:visited { color: rgba(21, 25, 30, 0.54); background-image: linear-gradient(to right, rgba(21, 25, 30, 0.2) 50%, transparent 50%); } .theme-ligth .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:hover, .theme-ligth .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:hover, .theme-ligth .theme-light a.sf-link.sf-link-theme .sf-link:hover, .theme-ligth .theme-light a.sf-link.sf-link-theme a.sf-link:hover, .theme-ligth .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:hover, .theme-ligth .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:hover { color: #15191e; background-image: linear-gradient(to right, rgba(21, 25, 30, 0.6) 50%, transparent 50%); } .theme-ligth .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:active, .theme-ligth .theme-light .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:active, .theme-ligth .theme-light a.sf-link.sf-link-theme .sf-link:active, .theme-ligth .theme-light a.sf-link.sf-link-theme a.sf-link:active, .theme-ligth .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:active, .theme-ligth .theme-light .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:active { background-image: linear-gradient(to right, 50%, transparent 50%); } .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link, .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link, .theme-dark a.sf-link.sf-link-theme .sf-link, .theme-dark a.sf-link.sf-link-theme a.sf-link, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link { color: white; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%); } .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:visited, .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:visited, .theme-dark a.sf-link.sf-link-theme .sf-link:visited, .theme-dark a.sf-link.sf-link-theme a.sf-link:visited, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:visited, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:visited { color: rgba(255, 255, 255, 0.7); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%); } .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:hover, .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:hover, .theme-dark a.sf-link.sf-link-theme .sf-link:hover, .theme-dark a.sf-link.sf-link-theme a.sf-link:hover, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:hover, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:hover { color: white; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.6) 50%, transparent 50%); } .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:active, .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:active, .theme-dark a.sf-link.sf-link-theme .sf-link:active, .theme-dark a.sf-link.sf-link-theme a.sf-link:active, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:active, .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:active { background-image: linear-gradient(to right, 50%, transparent 50%); } .theme-dark .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link, .theme-dark .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link, .theme-dark .theme-dark a.sf-link.sf-link-theme .sf-link, .theme-dark .theme-dark a.sf-link.sf-link-theme a.sf-link, .theme-dark .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link, .theme-dark .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link { color: white; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%); } .theme-dark .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:visited, .theme-dark .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:visited, .theme-dark .theme-dark a.sf-link.sf-link-theme .sf-link:visited, .theme-dark .theme-dark a.sf-link.sf-link-theme a.sf-link:visited, .theme-dark .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:visited, .theme-dark .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:visited { color: rgba(255, 255, 255, 0.7); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%); } .theme-dark .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:hover, .theme-dark .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:hover, .theme-dark .theme-dark a.sf-link.sf-link-theme .sf-link:hover, .theme-dark .theme-dark a.sf-link.sf-link-theme a.sf-link:hover, .theme-dark .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:hover, .theme-dark .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:hover { color: white; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.6) 50%, transparent 50%); } .theme-dark .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:active, .theme-dark .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:active, .theme-dark .theme-dark a.sf-link.sf-link-theme .sf-link:active, .theme-dark .theme-dark a.sf-link.sf-link-theme a.sf-link:active, .theme-dark .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:active, .theme-dark .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:active { background-image: linear-gradient(to right, 50%, transparent 50%); } .theme-ligth .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link, .theme-ligth .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link, .theme-ligth .theme-dark a.sf-link.sf-link-theme .sf-link, .theme-ligth .theme-dark a.sf-link.sf-link-theme a.sf-link, .theme-ligth .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link, .theme-ligth .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link { color: white; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%); } .theme-ligth .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:visited, .theme-ligth .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:visited, .theme-ligth .theme-dark a.sf-link.sf-link-theme .sf-link:visited, .theme-ligth .theme-dark a.sf-link.sf-link-theme a.sf-link:visited, .theme-ligth .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:visited, .theme-ligth .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:visited { color: rgba(255, 255, 255, 0.7); background-image: linear-gradient(to right, rgba(255, 255, 255, 0.2) 50%, transparent 50%); } .theme-ligth .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:hover, .theme-ligth .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:hover, .theme-ligth .theme-dark a.sf-link.sf-link-theme .sf-link:hover, .theme-ligth .theme-dark a.sf-link.sf-link-theme a.sf-link:hover, .theme-ligth .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:hover, .theme-ligth .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:hover { color: white; background-image: linear-gradient(to right, rgba(255, 255, 255, 0.6) 50%, transparent 50%); } .theme-ligth .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:active, .theme-ligth .theme-dark .sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:active, .theme-ligth .theme-dark a.sf-link.sf-link-theme .sf-link:active, .theme-ligth .theme-dark a.sf-link.sf-link-theme a.sf-link:active, .theme-ligth .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) .sf-link:active, .theme-ligth .theme-dark .sf-link.sf-link-theme :not(.l-inherit) > a:not([class]) a.sf-link:active { background-image: linear-gradient(to right, 50%, transparent 50%); } a.sf-link.sf-link-dotted, .sf-link.sf-link-dotted :not(.l-inherit) > a:not([class]) { background-size: 0.125rem 1px; } a.sf-link.sf-link-dashed, .sf-link.sf-link-dashed :not(.l-inherit) > a:not([class]) { background-size: 0.375rem 1px; } .img-responsive { display: block; max-width: 100%; height: auto; } .img-fill { width: 100%; height: auto; } .svg-icon { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em; } .s-1 { stroke-width: 1px; } .s-2 { stroke-width: 2px; } .s-3 { stroke-width: 3px; } .s-4 { stroke-width: 4px; } .s-5 { stroke-width: 5px; } .s-6 { stroke-width: 6px; } .s-7 { stroke-width: 7px; } .s-8 { stroke-width: 8px; } .s-9 { stroke-width: 9px; } .s-10 { stroke-width: 10px; } .s-0 { stroke-width: 0; } .svg--3 { width: 0.65rem; height: 0.65rem !important; line-height: 0.65rem !important; } .svg--2 { width: 0.75rem; height: 0.75rem !important; line-height: 0.75rem !important; } .svg--1 { width: 0.85rem; height: 0.85rem !important; line-height: 0.85rem !important; } .svg-1 { width: 1.25rem; height: 1.25rem !important; line-height: 1.25rem !important; } .svg-2 { width: 1.5rem; height: 1.5rem !important; line-height: 1.5rem !important; } .svg-3 { width: 2rem; height: 2rem !important; line-height: 2rem !important; } .svg-4 { width: 2.5rem; height: 2.5rem !important; line-height: 2.5rem !important; } .svg-5 { width: 3rem; height: 3rem !important; line-height: 3rem !important; } .svg-6 { width: 4rem; height: 4rem !important; line-height: 4rem !important; } .svg-7 { width: 6rem; height: 6rem !important; line-height: 6rem !important; } .svg-0 { width: 1rem; height: 1rem !important; line-height: 1rem !important; } @media (min-width: 576px) { .s-sm-1 { stroke-width: 1px; } .s-sm-2 { stroke-width: 2px; } .s-sm-3 { stroke-width: 3px; } .s-sm-4 { stroke-width: 4px; } .s-sm-5 { stroke-width: 5px; } .s-sm-6 { stroke-width: 6px; } .s-sm-7 { stroke-width: 7px; } .s-sm-8 { stroke-width: 8px; } .s-sm-9 { stroke-width: 9px; } .s-sm-10 { stroke-width: 10px; } .s-sm-0 { stroke-width: 0; } .svg-sm--3 { width: 0.65rem; height: 0.65rem !important; line-height: 0.65rem !important; } .svg-sm--2 { width: 0.75rem; height: 0.75rem !important; line-height: 0.75rem !important; } .svg-sm--1 { width: 0.85rem; height: 0.85rem !important; line-height: 0.85rem !important; } .svg-sm-1 { width: 1.25rem; height: 1.25rem !important; line-height: 1.25rem !important; } .svg-sm-2 { width: 1.5rem; height: 1.5rem !important; line-height: 1.5rem !important; } .svg-sm-3 { width: 2rem; height: 2rem !important; line-height: 2rem !important; } .svg-sm-4 { width: 2.5rem; height: 2.5rem !important; line-height: 2.5rem !important; } .svg-sm-5 { width: 3rem; height: 3rem !important; line-height: 3rem !important; } .svg-sm-6 { width: 4rem; height: 4rem !important; line-height: 4rem !important; } .svg-sm-7 { width: 6rem; height: 6rem !important; line-height: 6rem !important; } .svg-sm-0 { width: 1rem; height: 1rem !important; line-height: 1rem !important; } } @media (min-width: 768px) { .s-md-1 { stroke-width: 1px; } .s-md-2 { stroke-width: 2px; } .s-md-3 { stroke-width: 3px; } .s-md-4 { stroke-width: 4px; } .s-md-5 { stroke-width: 5px; } .s-md-6 { stroke-width: 6px; } .s-md-7 { stroke-width: 7px; } .s-md-8 { stroke-width: 8px; } .s-md-9 { stroke-width: 9px; } .s-md-10 { stroke-width: 10px; } .s-md-0 { stroke-width: 0; } .svg-md--3 { width: 0.65rem; height: 0.65rem !important; line-height: 0.65rem !important; } .svg-md--2 { width: 0.75rem; height: 0.75rem !important; line-height: 0.75rem !important; } .svg-md--1 { width: 0.85rem; height: 0.85rem !important; line-height: 0.85rem !important; } .svg-md-1 { width: 1.25rem; height: 1.25rem !important; line-height: 1.25rem !important; } .svg-md-2 { width: 1.5rem; height: 1.5rem !important; line-height: 1.5rem !important; } .svg-md-3 { width: 2rem; height: 2rem !important; line-height: 2rem !important; } .svg-md-4 { width: 2.5rem; height: 2.5rem !important; line-height: 2.5rem !important; } .svg-md-5 { width: 3rem; height: 3rem !important; line-height: 3rem !important; } .svg-md-6 { width: 4rem; height: 4rem !important; line-height: 4rem !important; } .svg-md-7 { width: 6rem; height: 6rem !important; line-height: 6rem !important; } .svg-md-0 { width: 1rem; height: 1rem !important; line-height: 1rem !important; } } @media (min-width: 992px) { .s-lg-1 { stroke-width: 1px; } .s-lg-2 { stroke-width: 2px; } .s-lg-3 { stroke-width: 3px; } .s-lg-4 { stroke-width: 4px; } .s-lg-5 { stroke-width: 5px; } .s-lg-6 { stroke-width: 6px; } .s-lg-7 { stroke-width: 7px; } .s-lg-8 { stroke-width: 8px; } .s-lg-9 { stroke-width: 9px; } .s-lg-10 { stroke-width: 10px; } .s-lg-0 { stroke-width: 0; } .svg-lg--3 { width: 0.65rem; height: 0.65rem !important; line-height: 0.65rem !important; } .svg-lg--2 { width: 0.75rem; height: 0.75rem !important; line-height: 0.75rem !important; } .svg-lg--1 { width: 0.85rem; height: 0.85rem !important; line-height: 0.85rem !important; } .svg-lg-1 { width: 1.25rem; height: 1.25rem !important; line-height: 1.25rem !important; } .svg-lg-2 { width: 1.5rem; height: 1.5rem !important; line-height: 1.5rem !important; } .svg-lg-3 { width: 2rem; height: 2rem !important; line-height: 2rem !important; } .svg-lg-4 { width: 2.5rem; height: 2.5rem !important; line-height: 2.5rem !important; } .svg-lg-5 { width: 3rem; height: 3rem !important; line-height: 3rem !important; } .svg-lg-6 { width: 4rem; height: 4rem !important; line-height: 4rem !important; } .svg-lg-7 { width: 6rem; height: 6rem !important; line-height: 6rem !important; } .svg-lg-0 { width: 1rem; height: 1rem !important; line-height: 1rem !important; } } @media (min-width: 1200px) { .s-xl-1 { stroke-width: 1px; } .s-xl-2 { stroke-width: 2px; } .s-xl-3 { stroke-width: 3px; } .s-xl-4 { stroke-width: 4px; } .s-xl-5 { stroke-width: 5px; } .s-xl-6 { stroke-width: 6px; } .s-xl-7 { stroke-width: 7px; } .s-xl-8 { stroke-width: 8px; } .s-xl-9 { stroke-width: 9px; } .s-xl-10 { stroke-width: 10px; } .s-xl-0 { stroke-width: 0; } .svg-xl--3 { width: 0.65rem; height: 0.65rem !important; line-height: 0.65rem !important; } .svg-xl--2 { width: 0.75rem; height: 0.75rem !important; line-height: 0.75rem !important; } .svg-xl--1 { width: 0.85rem; height: 0.85rem !important; line-height: 0.85rem !important; } .svg-xl-1 { width: 1.25rem; height: 1.25rem !important; line-height: 1.25rem !important; } .svg-xl-2 { width: 1.5rem; height: 1.5rem !important; line-height: 1.5rem !important; } .svg-xl-3 { width: 2rem; height: 2rem !important; line-height: 2rem !important; } .svg-xl-4 { width: 2.5rem; height: 2.5rem !important; line-height: 2.5rem !important; } .svg-xl-5 { width: 3rem; height: 3rem !important; line-height: 3rem !important; } .svg-xl-6 { width: 4rem; height: 4rem !important; line-height: 4rem !important; } .svg-xl-7 { width: 6rem; height: 6rem !important; line-height: 6rem !important; } .svg-xl-0 { width: 1rem; height: 1rem !important; line-height: 1rem !important; } } .f-none { fill: none; } .f-nonzero { fill-rule: nonzero; } .f-evenodd { fill-rule: evenodd; } .s-miter { stroke-linejoin: miter; } .s-round { stroke-linejoin: round; } .s-bevel { stroke-linejoin: bevel; } .s-butt { stroke-linecap: butt; } .s-round { stroke-linecap: round; } .s-square { stroke-linecap: square; } .b-1 { border-width: 1px; border-color: transparent; border-style: solid; } .bt-1 { border-top-width: 1px; border-top-style: solid; } .br-1 { border-right-width: 1px; border-right-style: solid; } .bb-1 { border-bottom-width: 1px; border-bottom-style: solid; } .bl-1 { border-left-width: 1px; border-left-style: solid; } .bx-1 { border-left-width: 1px; border-right-width: 1px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-1 { border-top-width: 1px; border-bottom-width: 1px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-2 { border-width: 2px; border-color: transparent; border-style: solid; } .bt-2 { border-top-width: 2px; border-top-style: solid; } .br-2 { border-right-width: 2px; border-right-style: solid; } .bb-2 { border-bottom-width: 2px; border-bottom-style: solid; } .bl-2 { border-left-width: 2px; border-left-style: solid; } .bx-2 { border-left-width: 2px; border-right-width: 2px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-2 { border-top-width: 2px; border-bottom-width: 2px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-3 { border-width: 3px; border-color: transparent; border-style: solid; } .bt-3 { border-top-width: 3px; border-top-style: solid; } .br-3 { border-right-width: 3px; border-right-style: solid; } .bb-3 { border-bottom-width: 3px; border-bottom-style: solid; } .bl-3 { border-left-width: 3px; border-left-style: solid; } .bx-3 { border-left-width: 3px; border-right-width: 3px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-3 { border-top-width: 3px; border-bottom-width: 3px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-4 { border-width: 4px; border-color: transparent; border-style: solid; } .bt-4 { border-top-width: 4px; border-top-style: solid; } .br-4 { border-right-width: 4px; border-right-style: solid; } .bb-4 { border-bottom-width: 4px; border-bottom-style: solid; } .bl-4 { border-left-width: 4px; border-left-style: solid; } .bx-4 { border-left-width: 4px; border-right-width: 4px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-4 { border-top-width: 4px; border-bottom-width: 4px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-5 { border-width: 5px; border-color: transparent; border-style: solid; } .bt-5 { border-top-width: 5px; border-top-style: solid; } .br-5 { border-right-width: 5px; border-right-style: solid; } .bb-5 { border-bottom-width: 5px; border-bottom-style: solid; } .bl-5 { border-left-width: 5px; border-left-style: solid; } .bx-5 { border-left-width: 5px; border-right-width: 5px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-5 { border-top-width: 5px; border-bottom-width: 5px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-6 { border-width: 6px; border-color: transparent; border-style: solid; } .bt-6 { border-top-width: 6px; border-top-style: solid; } .br-6 { border-right-width: 6px; border-right-style: solid; } .bb-6 { border-bottom-width: 6px; border-bottom-style: solid; } .bl-6 { border-left-width: 6px; border-left-style: solid; } .bx-6 { border-left-width: 6px; border-right-width: 6px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-6 { border-top-width: 6px; border-bottom-width: 6px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-7 { border-width: 7px; border-color: transparent; border-style: solid; } .bt-7 { border-top-width: 7px; border-top-style: solid; } .br-7 { border-right-width: 7px; border-right-style: solid; } .bb-7 { border-bottom-width: 7px; border-bottom-style: solid; } .bl-7 { border-left-width: 7px; border-left-style: solid; } .bx-7 { border-left-width: 7px; border-right-width: 7px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-7 { border-top-width: 7px; border-bottom-width: 7px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-8 { border-width: 8px; border-color: transparent; border-style: solid; } .bt-8 { border-top-width: 8px; border-top-style: solid; } .br-8 { border-right-width: 8px; border-right-style: solid; } .bb-8 { border-bottom-width: 8px; border-bottom-style: solid; } .bl-8 { border-left-width: 8px; border-left-style: solid; } .bx-8 { border-left-width: 8px; border-right-width: 8px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-8 { border-top-width: 8px; border-bottom-width: 8px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-9 { border-width: 9px; border-color: transparent; border-style: solid; } .bt-9 { border-top-width: 9px; border-top-style: solid; } .br-9 { border-right-width: 9px; border-right-style: solid; } .bb-9 { border-bottom-width: 9px; border-bottom-style: solid; } .bl-9 { border-left-width: 9px; border-left-style: solid; } .bx-9 { border-left-width: 9px; border-right-width: 9px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-9 { border-top-width: 9px; border-bottom-width: 9px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-10 { border-width: 10px; border-color: transparent; border-style: solid; } .bt-10 { border-top-width: 10px; border-top-style: solid; } .br-10 { border-right-width: 10px; border-right-style: solid; } .bb-10 { border-bottom-width: 10px; border-bottom-style: solid; } .bl-10 { border-left-width: 10px; border-left-style: solid; } .bx-10 { border-left-width: 10px; border-right-width: 10px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-10 { border-top-width: 10px; border-bottom-width: 10px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-0 { border-width: 0px; } .bt-0 { border-top-width: 0px; } .br-0 { border-right-width: 0px; } .bb-0 { border-bottom-width: 0px; } .bl-0 { border-left-width: 0px; } .bx-0 { border-left-width: 0px; border-right-width: 0px; } .by-0 { border-top-width: 0px; border-bottom-width: 0px; } @media (min-width: 576px) { .b-sm-1 { border-width: 1px; border-color: transparent; border-style: solid; } .bt-sm-1 { border-top-width: 1px; border-top-style: solid; } .br-sm-1 { border-right-width: 1px; border-right-style: solid; } .bb-sm-1 { border-bottom-width: 1px; border-bottom-style: solid; } .bl-sm-1 { border-left-width: 1px; border-left-style: solid; } .bx-sm-1 { border-left-width: 1px; border-right-width: 1px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-sm-1 { border-top-width: 1px; border-bottom-width: 1px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-sm-2 { border-width: 2px; border-color: transparent; border-style: solid; } .bt-sm-2 { border-top-width: 2px; border-top-style: solid; } .br-sm-2 { border-right-width: 2px; border-right-style: solid; } .bb-sm-2 { border-bottom-width: 2px; border-bottom-style: solid; } .bl-sm-2 { border-left-width: 2px; border-left-style: solid; } .bx-sm-2 { border-left-width: 2px; border-right-width: 2px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-sm-2 { border-top-width: 2px; border-bottom-width: 2px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-sm-3 { border-width: 3px; border-color: transparent; border-style: solid; } .bt-sm-3 { border-top-width: 3px; border-top-style: solid; } .br-sm-3 { border-right-width: 3px; border-right-style: solid; } .bb-sm-3 { border-bottom-width: 3px; border-bottom-style: solid; } .bl-sm-3 { border-left-width: 3px; border-left-style: solid; } .bx-sm-3 { border-left-width: 3px; border-right-width: 3px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-sm-3 { border-top-width: 3px; border-bottom-width: 3px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-sm-4 { border-width: 4px; border-color: transparent; border-style: solid; } .bt-sm-4 { border-top-width: 4px; border-top-style: solid; } .br-sm-4 { border-right-width: 4px; border-right-style: solid; } .bb-sm-4 { border-bottom-width: 4px; border-bottom-style: solid; } .bl-sm-4 { border-left-width: 4px; border-left-style: solid; } .bx-sm-4 { border-left-width: 4px; border-right-width: 4px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-sm-4 { border-top-width: 4px; border-bottom-width: 4px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-sm-5 { border-width: 5px; border-color: transparent; border-style: solid; } .bt-sm-5 { border-top-width: 5px; border-top-style: solid; } .br-sm-5 { border-right-width: 5px; border-right-style: solid; } .bb-sm-5 { border-bottom-width: 5px; border-bottom-style: solid; } .bl-sm-5 { border-left-width: 5px; border-left-style: solid; } .bx-sm-5 { border-left-width: 5px; border-right-width: 5px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-sm-5 { border-top-width: 5px; border-bottom-width: 5px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-sm-6 { border-width: 6px; border-color: transparent; border-style: solid; } .bt-sm-6 { border-top-width: 6px; border-top-style: solid; } .br-sm-6 { border-right-width: 6px; border-right-style: solid; } .bb-sm-6 { border-bottom-width: 6px; border-bottom-style: solid; } .bl-sm-6 { border-left-width: 6px; border-left-style: solid; } .bx-sm-6 { border-left-width: 6px; border-right-width: 6px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-sm-6 { border-top-width: 6px; border-bottom-width: 6px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-sm-7 { border-width: 7px; border-color: transparent; border-style: solid; } .bt-sm-7 { border-top-width: 7px; border-top-style: solid; } .br-sm-7 { border-right-width: 7px; border-right-style: solid; } .bb-sm-7 { border-bottom-width: 7px; border-bottom-style: solid; } .bl-sm-7 { border-left-width: 7px; border-left-style: solid; } .bx-sm-7 { border-left-width: 7px; border-right-width: 7px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-sm-7 { border-top-width: 7px; border-bottom-width: 7px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-sm-8 { border-width: 8px; border-color: transparent; border-style: solid; } .bt-sm-8 { border-top-width: 8px; border-top-style: solid; } .br-sm-8 { border-right-width: 8px; border-right-style: solid; } .bb-sm-8 { border-bottom-width: 8px; border-bottom-style: solid; } .bl-sm-8 { border-left-width: 8px; border-left-style: solid; } .bx-sm-8 { border-left-width: 8px; border-right-width: 8px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-sm-8 { border-top-width: 8px; border-bottom-width: 8px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-sm-9 { border-width: 9px; border-color: transparent; border-style: solid; } .bt-sm-9 { border-top-width: 9px; border-top-style: solid; } .br-sm-9 { border-right-width: 9px; border-right-style: solid; } .bb-sm-9 { border-bottom-width: 9px; border-bottom-style: solid; } .bl-sm-9 { border-left-width: 9px; border-left-style: solid; } .bx-sm-9 { border-left-width: 9px; border-right-width: 9px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-sm-9 { border-top-width: 9px; border-bottom-width: 9px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-sm-10 { border-width: 10px; border-color: transparent; border-style: solid; } .bt-sm-10 { border-top-width: 10px; border-top-style: solid; } .br-sm-10 { border-right-width: 10px; border-right-style: solid; } .bb-sm-10 { border-bottom-width: 10px; border-bottom-style: solid; } .bl-sm-10 { border-left-width: 10px; border-left-style: solid; } .bx-sm-10 { border-left-width: 10px; border-right-width: 10px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-sm-10 { border-top-width: 10px; border-bottom-width: 10px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-sm-0 { border-width: 0px; } .bt-sm-0 { border-top-width: 0px; } .br-sm-0 { border-right-width: 0px; } .bb-sm-0 { border-bottom-width: 0px; } .bl-sm-0 { border-left-width: 0px; } .bx-sm-0 { border-left-width: 0px; border-right-width: 0px; } .by-sm-0 { border-top-width: 0px; border-bottom-width: 0px; } } @media (min-width: 768px) { .b-md-1 { border-width: 1px; border-color: transparent; border-style: solid; } .bt-md-1 { border-top-width: 1px; border-top-style: solid; } .br-md-1 { border-right-width: 1px; border-right-style: solid; } .bb-md-1 { border-bottom-width: 1px; border-bottom-style: solid; } .bl-md-1 { border-left-width: 1px; border-left-style: solid; } .bx-md-1 { border-left-width: 1px; border-right-width: 1px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-md-1 { border-top-width: 1px; border-bottom-width: 1px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-md-2 { border-width: 2px; border-color: transparent; border-style: solid; } .bt-md-2 { border-top-width: 2px; border-top-style: solid; } .br-md-2 { border-right-width: 2px; border-right-style: solid; } .bb-md-2 { border-bottom-width: 2px; border-bottom-style: solid; } .bl-md-2 { border-left-width: 2px; border-left-style: solid; } .bx-md-2 { border-left-width: 2px; border-right-width: 2px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-md-2 { border-top-width: 2px; border-bottom-width: 2px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-md-3 { border-width: 3px; border-color: transparent; border-style: solid; } .bt-md-3 { border-top-width: 3px; border-top-style: solid; } .br-md-3 { border-right-width: 3px; border-right-style: solid; } .bb-md-3 { border-bottom-width: 3px; border-bottom-style: solid; } .bl-md-3 { border-left-width: 3px; border-left-style: solid; } .bx-md-3 { border-left-width: 3px; border-right-width: 3px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-md-3 { border-top-width: 3px; border-bottom-width: 3px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-md-4 { border-width: 4px; border-color: transparent; border-style: solid; } .bt-md-4 { border-top-width: 4px; border-top-style: solid; } .br-md-4 { border-right-width: 4px; border-right-style: solid; } .bb-md-4 { border-bottom-width: 4px; border-bottom-style: solid; } .bl-md-4 { border-left-width: 4px; border-left-style: solid; } .bx-md-4 { border-left-width: 4px; border-right-width: 4px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-md-4 { border-top-width: 4px; border-bottom-width: 4px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-md-5 { border-width: 5px; border-color: transparent; border-style: solid; } .bt-md-5 { border-top-width: 5px; border-top-style: solid; } .br-md-5 { border-right-width: 5px; border-right-style: solid; } .bb-md-5 { border-bottom-width: 5px; border-bottom-style: solid; } .bl-md-5 { border-left-width: 5px; border-left-style: solid; } .bx-md-5 { border-left-width: 5px; border-right-width: 5px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-md-5 { border-top-width: 5px; border-bottom-width: 5px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-md-6 { border-width: 6px; border-color: transparent; border-style: solid; } .bt-md-6 { border-top-width: 6px; border-top-style: solid; } .br-md-6 { border-right-width: 6px; border-right-style: solid; } .bb-md-6 { border-bottom-width: 6px; border-bottom-style: solid; } .bl-md-6 { border-left-width: 6px; border-left-style: solid; } .bx-md-6 { border-left-width: 6px; border-right-width: 6px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-md-6 { border-top-width: 6px; border-bottom-width: 6px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-md-7 { border-width: 7px; border-color: transparent; border-style: solid; } .bt-md-7 { border-top-width: 7px; border-top-style: solid; } .br-md-7 { border-right-width: 7px; border-right-style: solid; } .bb-md-7 { border-bottom-width: 7px; border-bottom-style: solid; } .bl-md-7 { border-left-width: 7px; border-left-style: solid; } .bx-md-7 { border-left-width: 7px; border-right-width: 7px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-md-7 { border-top-width: 7px; border-bottom-width: 7px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-md-8 { border-width: 8px; border-color: transparent; border-style: solid; } .bt-md-8 { border-top-width: 8px; border-top-style: solid; } .br-md-8 { border-right-width: 8px; border-right-style: solid; } .bb-md-8 { border-bottom-width: 8px; border-bottom-style: solid; } .bl-md-8 { border-left-width: 8px; border-left-style: solid; } .bx-md-8 { border-left-width: 8px; border-right-width: 8px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-md-8 { border-top-width: 8px; border-bottom-width: 8px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-md-9 { border-width: 9px; border-color: transparent; border-style: solid; } .bt-md-9 { border-top-width: 9px; border-top-style: solid; } .br-md-9 { border-right-width: 9px; border-right-style: solid; } .bb-md-9 { border-bottom-width: 9px; border-bottom-style: solid; } .bl-md-9 { border-left-width: 9px; border-left-style: solid; } .bx-md-9 { border-left-width: 9px; border-right-width: 9px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-md-9 { border-top-width: 9px; border-bottom-width: 9px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-md-10 { border-width: 10px; border-color: transparent; border-style: solid; } .bt-md-10 { border-top-width: 10px; border-top-style: solid; } .br-md-10 { border-right-width: 10px; border-right-style: solid; } .bb-md-10 { border-bottom-width: 10px; border-bottom-style: solid; } .bl-md-10 { border-left-width: 10px; border-left-style: solid; } .bx-md-10 { border-left-width: 10px; border-right-width: 10px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-md-10 { border-top-width: 10px; border-bottom-width: 10px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-md-0 { border-width: 0px; } .bt-md-0 { border-top-width: 0px; } .br-md-0 { border-right-width: 0px; } .bb-md-0 { border-bottom-width: 0px; } .bl-md-0 { border-left-width: 0px; } .bx-md-0 { border-left-width: 0px; border-right-width: 0px; } .by-md-0 { border-top-width: 0px; border-bottom-width: 0px; } } @media (min-width: 992px) { .b-lg-1 { border-width: 1px; border-color: transparent; border-style: solid; } .bt-lg-1 { border-top-width: 1px; border-top-style: solid; } .br-lg-1 { border-right-width: 1px; border-right-style: solid; } .bb-lg-1 { border-bottom-width: 1px; border-bottom-style: solid; } .bl-lg-1 { border-left-width: 1px; border-left-style: solid; } .bx-lg-1 { border-left-width: 1px; border-right-width: 1px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-lg-1 { border-top-width: 1px; border-bottom-width: 1px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-lg-2 { border-width: 2px; border-color: transparent; border-style: solid; } .bt-lg-2 { border-top-width: 2px; border-top-style: solid; } .br-lg-2 { border-right-width: 2px; border-right-style: solid; } .bb-lg-2 { border-bottom-width: 2px; border-bottom-style: solid; } .bl-lg-2 { border-left-width: 2px; border-left-style: solid; } .bx-lg-2 { border-left-width: 2px; border-right-width: 2px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-lg-2 { border-top-width: 2px; border-bottom-width: 2px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-lg-3 { border-width: 3px; border-color: transparent; border-style: solid; } .bt-lg-3 { border-top-width: 3px; border-top-style: solid; } .br-lg-3 { border-right-width: 3px; border-right-style: solid; } .bb-lg-3 { border-bottom-width: 3px; border-bottom-style: solid; } .bl-lg-3 { border-left-width: 3px; border-left-style: solid; } .bx-lg-3 { border-left-width: 3px; border-right-width: 3px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-lg-3 { border-top-width: 3px; border-bottom-width: 3px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-lg-4 { border-width: 4px; border-color: transparent; border-style: solid; } .bt-lg-4 { border-top-width: 4px; border-top-style: solid; } .br-lg-4 { border-right-width: 4px; border-right-style: solid; } .bb-lg-4 { border-bottom-width: 4px; border-bottom-style: solid; } .bl-lg-4 { border-left-width: 4px; border-left-style: solid; } .bx-lg-4 { border-left-width: 4px; border-right-width: 4px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-lg-4 { border-top-width: 4px; border-bottom-width: 4px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-lg-5 { border-width: 5px; border-color: transparent; border-style: solid; } .bt-lg-5 { border-top-width: 5px; border-top-style: solid; } .br-lg-5 { border-right-width: 5px; border-right-style: solid; } .bb-lg-5 { border-bottom-width: 5px; border-bottom-style: solid; } .bl-lg-5 { border-left-width: 5px; border-left-style: solid; } .bx-lg-5 { border-left-width: 5px; border-right-width: 5px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-lg-5 { border-top-width: 5px; border-bottom-width: 5px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-lg-6 { border-width: 6px; border-color: transparent; border-style: solid; } .bt-lg-6 { border-top-width: 6px; border-top-style: solid; } .br-lg-6 { border-right-width: 6px; border-right-style: solid; } .bb-lg-6 { border-bottom-width: 6px; border-bottom-style: solid; } .bl-lg-6 { border-left-width: 6px; border-left-style: solid; } .bx-lg-6 { border-left-width: 6px; border-right-width: 6px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-lg-6 { border-top-width: 6px; border-bottom-width: 6px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-lg-7 { border-width: 7px; border-color: transparent; border-style: solid; } .bt-lg-7 { border-top-width: 7px; border-top-style: solid; } .br-lg-7 { border-right-width: 7px; border-right-style: solid; } .bb-lg-7 { border-bottom-width: 7px; border-bottom-style: solid; } .bl-lg-7 { border-left-width: 7px; border-left-style: solid; } .bx-lg-7 { border-left-width: 7px; border-right-width: 7px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-lg-7 { border-top-width: 7px; border-bottom-width: 7px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-lg-8 { border-width: 8px; border-color: transparent; border-style: solid; } .bt-lg-8 { border-top-width: 8px; border-top-style: solid; } .br-lg-8 { border-right-width: 8px; border-right-style: solid; } .bb-lg-8 { border-bottom-width: 8px; border-bottom-style: solid; } .bl-lg-8 { border-left-width: 8px; border-left-style: solid; } .bx-lg-8 { border-left-width: 8px; border-right-width: 8px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-lg-8 { border-top-width: 8px; border-bottom-width: 8px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-lg-9 { border-width: 9px; border-color: transparent; border-style: solid; } .bt-lg-9 { border-top-width: 9px; border-top-style: solid; } .br-lg-9 { border-right-width: 9px; border-right-style: solid; } .bb-lg-9 { border-bottom-width: 9px; border-bottom-style: solid; } .bl-lg-9 { border-left-width: 9px; border-left-style: solid; } .bx-lg-9 { border-left-width: 9px; border-right-width: 9px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-lg-9 { border-top-width: 9px; border-bottom-width: 9px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-lg-10 { border-width: 10px; border-color: transparent; border-style: solid; } .bt-lg-10 { border-top-width: 10px; border-top-style: solid; } .br-lg-10 { border-right-width: 10px; border-right-style: solid; } .bb-lg-10 { border-bottom-width: 10px; border-bottom-style: solid; } .bl-lg-10 { border-left-width: 10px; border-left-style: solid; } .bx-lg-10 { border-left-width: 10px; border-right-width: 10px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-lg-10 { border-top-width: 10px; border-bottom-width: 10px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-lg-0 { border-width: 0px; } .bt-lg-0 { border-top-width: 0px; } .br-lg-0 { border-right-width: 0px; } .bb-lg-0 { border-bottom-width: 0px; } .bl-lg-0 { border-left-width: 0px; } .bx-lg-0 { border-left-width: 0px; border-right-width: 0px; } .by-lg-0 { border-top-width: 0px; border-bottom-width: 0px; } } @media (min-width: 1200px) { .b-xl-1 { border-width: 1px; border-color: transparent; border-style: solid; } .bt-xl-1 { border-top-width: 1px; border-top-style: solid; } .br-xl-1 { border-right-width: 1px; border-right-style: solid; } .bb-xl-1 { border-bottom-width: 1px; border-bottom-style: solid; } .bl-xl-1 { border-left-width: 1px; border-left-style: solid; } .bx-xl-1 { border-left-width: 1px; border-right-width: 1px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-xl-1 { border-top-width: 1px; border-bottom-width: 1px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-xl-2 { border-width: 2px; border-color: transparent; border-style: solid; } .bt-xl-2 { border-top-width: 2px; border-top-style: solid; } .br-xl-2 { border-right-width: 2px; border-right-style: solid; } .bb-xl-2 { border-bottom-width: 2px; border-bottom-style: solid; } .bl-xl-2 { border-left-width: 2px; border-left-style: solid; } .bx-xl-2 { border-left-width: 2px; border-right-width: 2px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-xl-2 { border-top-width: 2px; border-bottom-width: 2px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-xl-3 { border-width: 3px; border-color: transparent; border-style: solid; } .bt-xl-3 { border-top-width: 3px; border-top-style: solid; } .br-xl-3 { border-right-width: 3px; border-right-style: solid; } .bb-xl-3 { border-bottom-width: 3px; border-bottom-style: solid; } .bl-xl-3 { border-left-width: 3px; border-left-style: solid; } .bx-xl-3 { border-left-width: 3px; border-right-width: 3px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-xl-3 { border-top-width: 3px; border-bottom-width: 3px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-xl-4 { border-width: 4px; border-color: transparent; border-style: solid; } .bt-xl-4 { border-top-width: 4px; border-top-style: solid; } .br-xl-4 { border-right-width: 4px; border-right-style: solid; } .bb-xl-4 { border-bottom-width: 4px; border-bottom-style: solid; } .bl-xl-4 { border-left-width: 4px; border-left-style: solid; } .bx-xl-4 { border-left-width: 4px; border-right-width: 4px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-xl-4 { border-top-width: 4px; border-bottom-width: 4px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-xl-5 { border-width: 5px; border-color: transparent; border-style: solid; } .bt-xl-5 { border-top-width: 5px; border-top-style: solid; } .br-xl-5 { border-right-width: 5px; border-right-style: solid; } .bb-xl-5 { border-bottom-width: 5px; border-bottom-style: solid; } .bl-xl-5 { border-left-width: 5px; border-left-style: solid; } .bx-xl-5 { border-left-width: 5px; border-right-width: 5px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-xl-5 { border-top-width: 5px; border-bottom-width: 5px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-xl-6 { border-width: 6px; border-color: transparent; border-style: solid; } .bt-xl-6 { border-top-width: 6px; border-top-style: solid; } .br-xl-6 { border-right-width: 6px; border-right-style: solid; } .bb-xl-6 { border-bottom-width: 6px; border-bottom-style: solid; } .bl-xl-6 { border-left-width: 6px; border-left-style: solid; } .bx-xl-6 { border-left-width: 6px; border-right-width: 6px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-xl-6 { border-top-width: 6px; border-bottom-width: 6px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-xl-7 { border-width: 7px; border-color: transparent; border-style: solid; } .bt-xl-7 { border-top-width: 7px; border-top-style: solid; } .br-xl-7 { border-right-width: 7px; border-right-style: solid; } .bb-xl-7 { border-bottom-width: 7px; border-bottom-style: solid; } .bl-xl-7 { border-left-width: 7px; border-left-style: solid; } .bx-xl-7 { border-left-width: 7px; border-right-width: 7px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-xl-7 { border-top-width: 7px; border-bottom-width: 7px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-xl-8 { border-width: 8px; border-color: transparent; border-style: solid; } .bt-xl-8 { border-top-width: 8px; border-top-style: solid; } .br-xl-8 { border-right-width: 8px; border-right-style: solid; } .bb-xl-8 { border-bottom-width: 8px; border-bottom-style: solid; } .bl-xl-8 { border-left-width: 8px; border-left-style: solid; } .bx-xl-8 { border-left-width: 8px; border-right-width: 8px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-xl-8 { border-top-width: 8px; border-bottom-width: 8px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-xl-9 { border-width: 9px; border-color: transparent; border-style: solid; } .bt-xl-9 { border-top-width: 9px; border-top-style: solid; } .br-xl-9 { border-right-width: 9px; border-right-style: solid; } .bb-xl-9 { border-bottom-width: 9px; border-bottom-style: solid; } .bl-xl-9 { border-left-width: 9px; border-left-style: solid; } .bx-xl-9 { border-left-width: 9px; border-right-width: 9px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-xl-9 { border-top-width: 9px; border-bottom-width: 9px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-xl-10 { border-width: 10px; border-color: transparent; border-style: solid; } .bt-xl-10 { border-top-width: 10px; border-top-style: solid; } .br-xl-10 { border-right-width: 10px; border-right-style: solid; } .bb-xl-10 { border-bottom-width: 10px; border-bottom-style: solid; } .bl-xl-10 { border-left-width: 10px; border-left-style: solid; } .bx-xl-10 { border-left-width: 10px; border-right-width: 10px; border-color: transparent; border-left-style: solid; border-right-style: solid; } .by-xl-10 { border-top-width: 10px; border-bottom-width: 10px; border-color: transparent; border-top-style: solid; border-bottom-style: solid; } .b-xl-0 { border-width: 0px; } .bt-xl-0 { border-top-width: 0px; } .br-xl-0 { border-right-width: 0px; } .bb-xl-0 { border-bottom-width: 0px; } .bl-xl-0 { border-left-width: 0px; } .bx-xl-0 { border-left-width: 0px; border-right-width: 0px; } .by-xl-0 { border-top-width: 0px; border-bottom-width: 0px; } } .b-dotted { border-style: dotted; } .b-dashed { border-style: dashed; } .b-double { border-style: double; } .hover\:b-0:hover { border-color: transparent !important; } .r-1 { border-radius: 0.125rem; } .rt-1 { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .rb-1 { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .rl-1 { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } .rr-1 { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .rtl-1 { border-top-left-radius: 0.125rem; } .rtr-1 { border-top-right-radius: 0.125rem; } .rbl-1 { border-bottom-left-radius: 0.125rem; } .rbr-1 { border-bottom-right-radius: 0.125rem; } .r-2 { border-radius: 0.25rem; } .rt-2 { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rb-2 { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rl-2 { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rr-2 { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rtl-2 { border-top-left-radius: 0.25rem; } .rtr-2 { border-top-right-radius: 0.25rem; } .rbl-2 { border-bottom-left-radius: 0.25rem; } .rbr-2 { border-bottom-right-radius: 0.25rem; } .r-3 { border-radius: 0.5rem; } .rt-3 { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rb-3 { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rl-3 { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rr-3 { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rtl-3 { border-top-left-radius: 0.5rem; } .rtr-3 { border-top-right-radius: 0.5rem; } .rbl-3 { border-bottom-left-radius: 0.5rem; } .rbr-3 { border-bottom-right-radius: 0.5rem; } .r-4 { border-radius: 1rem; } .rt-4 { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rb-4 { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } .rl-4 { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; } .rr-4 { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; } .rtl-4 { border-top-left-radius: 1rem; } .rtr-4 { border-top-right-radius: 1rem; } .rbl-4 { border-bottom-left-radius: 1rem; } .rbr-4 { border-bottom-right-radius: 1rem; } .r-5 { border-radius: 2rem; } .rt-5 { border-top-left-radius: 2rem; border-top-right-radius: 2rem; } .rb-5 { border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; } .rl-5 { border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; } .rr-5 { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; } .rtl-5 { border-top-left-radius: 2rem; } .rtr-5 { border-top-right-radius: 2rem; } .rbl-5 { border-bottom-left-radius: 2rem; } .rbr-5 { border-bottom-right-radius: 2rem; } .r-6 { border-radius: 4rem; } .rt-6 { border-top-left-radius: 4rem; border-top-right-radius: 4rem; } .rb-6 { border-bottom-left-radius: 4rem; border-bottom-right-radius: 4rem; } .rl-6 { border-top-left-radius: 4rem; border-bottom-left-radius: 4rem; } .rr-6 { border-top-right-radius: 4rem; border-bottom-right-radius: 4rem; } .rtl-6 { border-top-left-radius: 4rem; } .rtr-6 { border-top-right-radius: 4rem; } .rbl-6 { border-bottom-left-radius: 4rem; } .rbr-6 { border-bottom-right-radius: 4rem; } .r-7 { border-radius: 8rem; } .rt-7 { border-top-left-radius: 8rem; border-top-right-radius: 8rem; } .rb-7 { border-bottom-left-radius: 8rem; border-bottom-right-radius: 8rem; } .rl-7 { border-top-left-radius: 8rem; border-bottom-left-radius: 8rem; } .rr-7 { border-top-right-radius: 8rem; border-bottom-right-radius: 8rem; } .rtl-7 { border-top-left-radius: 8rem; } .rtr-7 { border-top-right-radius: 8rem; } .rbl-7 { border-bottom-left-radius: 8rem; } .rbr-7 { border-bottom-right-radius: 8rem; } .r-0 { border-radius: 0; } .rt-0 { border-top-left-radius: 0; border-top-right-radius: 0; } .rb-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .rl-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rr-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rtl-0 { border-top-left-radius: 0; } .rtr-0 { border-top-right-radius: 0; } .rbl-0 { border-bottom-left-radius: 0; } .rbr-0 { border-bottom-right-radius: 0; } .circle { border-radius: 50%; } @media (min-width: 576px) { .r-sm-1 { border-radius: 0.125rem; } .rt-sm-1 { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .rb-sm-1 { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .rl-sm-1 { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } .rr-sm-1 { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .rtl-sm-1 { border-top-left-radius: 0.125rem; } .rtr-sm-1 { border-top-right-radius: 0.125rem; } .rbl-sm-1 { border-bottom-left-radius: 0.125rem; } .rbr-sm-1 { border-bottom-right-radius: 0.125rem; } .r-sm-2 { border-radius: 0.25rem; } .rt-sm-2 { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rb-sm-2 { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rl-sm-2 { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rr-sm-2 { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rtl-sm-2 { border-top-left-radius: 0.25rem; } .rtr-sm-2 { border-top-right-radius: 0.25rem; } .rbl-sm-2 { border-bottom-left-radius: 0.25rem; } .rbr-sm-2 { border-bottom-right-radius: 0.25rem; } .r-sm-3 { border-radius: 0.5rem; } .rt-sm-3 { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rb-sm-3 { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rl-sm-3 { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rr-sm-3 { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rtl-sm-3 { border-top-left-radius: 0.5rem; } .rtr-sm-3 { border-top-right-radius: 0.5rem; } .rbl-sm-3 { border-bottom-left-radius: 0.5rem; } .rbr-sm-3 { border-bottom-right-radius: 0.5rem; } .r-sm-4 { border-radius: 1rem; } .rt-sm-4 { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rb-sm-4 { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } .rl-sm-4 { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; } .rr-sm-4 { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; } .rtl-sm-4 { border-top-left-radius: 1rem; } .rtr-sm-4 { border-top-right-radius: 1rem; } .rbl-sm-4 { border-bottom-left-radius: 1rem; } .rbr-sm-4 { border-bottom-right-radius: 1rem; } .r-sm-5 { border-radius: 2rem; } .rt-sm-5 { border-top-left-radius: 2rem; border-top-right-radius: 2rem; } .rb-sm-5 { border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; } .rl-sm-5 { border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; } .rr-sm-5 { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; } .rtl-sm-5 { border-top-left-radius: 2rem; } .rtr-sm-5 { border-top-right-radius: 2rem; } .rbl-sm-5 { border-bottom-left-radius: 2rem; } .rbr-sm-5 { border-bottom-right-radius: 2rem; } .r-sm-6 { border-radius: 4rem; } .rt-sm-6 { border-top-left-radius: 4rem; border-top-right-radius: 4rem; } .rb-sm-6 { border-bottom-left-radius: 4rem; border-bottom-right-radius: 4rem; } .rl-sm-6 { border-top-left-radius: 4rem; border-bottom-left-radius: 4rem; } .rr-sm-6 { border-top-right-radius: 4rem; border-bottom-right-radius: 4rem; } .rtl-sm-6 { border-top-left-radius: 4rem; } .rtr-sm-6 { border-top-right-radius: 4rem; } .rbl-sm-6 { border-bottom-left-radius: 4rem; } .rbr-sm-6 { border-bottom-right-radius: 4rem; } .r-sm-7 { border-radius: 8rem; } .rt-sm-7 { border-top-left-radius: 8rem; border-top-right-radius: 8rem; } .rb-sm-7 { border-bottom-left-radius: 8rem; border-bottom-right-radius: 8rem; } .rl-sm-7 { border-top-left-radius: 8rem; border-bottom-left-radius: 8rem; } .rr-sm-7 { border-top-right-radius: 8rem; border-bottom-right-radius: 8rem; } .rtl-sm-7 { border-top-left-radius: 8rem; } .rtr-sm-7 { border-top-right-radius: 8rem; } .rbl-sm-7 { border-bottom-left-radius: 8rem; } .rbr-sm-7 { border-bottom-right-radius: 8rem; } .r-sm-0 { border-radius: 0; } .rt-sm-0 { border-top-left-radius: 0; border-top-right-radius: 0; } .rb-sm-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .rl-sm-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rr-sm-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rtl-sm-0 { border-top-left-radius: 0; } .rtr-sm-0 { border-top-right-radius: 0; } .rbl-sm-0 { border-bottom-left-radius: 0; } .rbr-sm-0 { border-bottom-right-radius: 0; } .circle-sm { border-radius: 50%; } } @media (min-width: 768px) { .r-md-1 { border-radius: 0.125rem; } .rt-md-1 { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .rb-md-1 { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .rl-md-1 { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } .rr-md-1 { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .rtl-md-1 { border-top-left-radius: 0.125rem; } .rtr-md-1 { border-top-right-radius: 0.125rem; } .rbl-md-1 { border-bottom-left-radius: 0.125rem; } .rbr-md-1 { border-bottom-right-radius: 0.125rem; } .r-md-2 { border-radius: 0.25rem; } .rt-md-2 { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rb-md-2 { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rl-md-2 { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rr-md-2 { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rtl-md-2 { border-top-left-radius: 0.25rem; } .rtr-md-2 { border-top-right-radius: 0.25rem; } .rbl-md-2 { border-bottom-left-radius: 0.25rem; } .rbr-md-2 { border-bottom-right-radius: 0.25rem; } .r-md-3 { border-radius: 0.5rem; } .rt-md-3 { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rb-md-3 { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rl-md-3 { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rr-md-3 { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rtl-md-3 { border-top-left-radius: 0.5rem; } .rtr-md-3 { border-top-right-radius: 0.5rem; } .rbl-md-3 { border-bottom-left-radius: 0.5rem; } .rbr-md-3 { border-bottom-right-radius: 0.5rem; } .r-md-4 { border-radius: 1rem; } .rt-md-4 { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rb-md-4 { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } .rl-md-4 { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; } .rr-md-4 { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; } .rtl-md-4 { border-top-left-radius: 1rem; } .rtr-md-4 { border-top-right-radius: 1rem; } .rbl-md-4 { border-bottom-left-radius: 1rem; } .rbr-md-4 { border-bottom-right-radius: 1rem; } .r-md-5 { border-radius: 2rem; } .rt-md-5 { border-top-left-radius: 2rem; border-top-right-radius: 2rem; } .rb-md-5 { border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; } .rl-md-5 { border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; } .rr-md-5 { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; } .rtl-md-5 { border-top-left-radius: 2rem; } .rtr-md-5 { border-top-right-radius: 2rem; } .rbl-md-5 { border-bottom-left-radius: 2rem; } .rbr-md-5 { border-bottom-right-radius: 2rem; } .r-md-6 { border-radius: 4rem; } .rt-md-6 { border-top-left-radius: 4rem; border-top-right-radius: 4rem; } .rb-md-6 { border-bottom-left-radius: 4rem; border-bottom-right-radius: 4rem; } .rl-md-6 { border-top-left-radius: 4rem; border-bottom-left-radius: 4rem; } .rr-md-6 { border-top-right-radius: 4rem; border-bottom-right-radius: 4rem; } .rtl-md-6 { border-top-left-radius: 4rem; } .rtr-md-6 { border-top-right-radius: 4rem; } .rbl-md-6 { border-bottom-left-radius: 4rem; } .rbr-md-6 { border-bottom-right-radius: 4rem; } .r-md-7 { border-radius: 8rem; } .rt-md-7 { border-top-left-radius: 8rem; border-top-right-radius: 8rem; } .rb-md-7 { border-bottom-left-radius: 8rem; border-bottom-right-radius: 8rem; } .rl-md-7 { border-top-left-radius: 8rem; border-bottom-left-radius: 8rem; } .rr-md-7 { border-top-right-radius: 8rem; border-bottom-right-radius: 8rem; } .rtl-md-7 { border-top-left-radius: 8rem; } .rtr-md-7 { border-top-right-radius: 8rem; } .rbl-md-7 { border-bottom-left-radius: 8rem; } .rbr-md-7 { border-bottom-right-radius: 8rem; } .r-md-0 { border-radius: 0; } .rt-md-0 { border-top-left-radius: 0; border-top-right-radius: 0; } .rb-md-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .rl-md-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rr-md-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rtl-md-0 { border-top-left-radius: 0; } .rtr-md-0 { border-top-right-radius: 0; } .rbl-md-0 { border-bottom-left-radius: 0; } .rbr-md-0 { border-bottom-right-radius: 0; } .circle-md { border-radius: 50%; } } @media (min-width: 992px) { .r-lg-1 { border-radius: 0.125rem; } .rt-lg-1 { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .rb-lg-1 { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .rl-lg-1 { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } .rr-lg-1 { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .rtl-lg-1 { border-top-left-radius: 0.125rem; } .rtr-lg-1 { border-top-right-radius: 0.125rem; } .rbl-lg-1 { border-bottom-left-radius: 0.125rem; } .rbr-lg-1 { border-bottom-right-radius: 0.125rem; } .r-lg-2 { border-radius: 0.25rem; } .rt-lg-2 { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rb-lg-2 { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rl-lg-2 { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rr-lg-2 { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rtl-lg-2 { border-top-left-radius: 0.25rem; } .rtr-lg-2 { border-top-right-radius: 0.25rem; } .rbl-lg-2 { border-bottom-left-radius: 0.25rem; } .rbr-lg-2 { border-bottom-right-radius: 0.25rem; } .r-lg-3 { border-radius: 0.5rem; } .rt-lg-3 { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rb-lg-3 { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rl-lg-3 { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rr-lg-3 { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rtl-lg-3 { border-top-left-radius: 0.5rem; } .rtr-lg-3 { border-top-right-radius: 0.5rem; } .rbl-lg-3 { border-bottom-left-radius: 0.5rem; } .rbr-lg-3 { border-bottom-right-radius: 0.5rem; } .r-lg-4 { border-radius: 1rem; } .rt-lg-4 { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rb-lg-4 { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } .rl-lg-4 { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; } .rr-lg-4 { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; } .rtl-lg-4 { border-top-left-radius: 1rem; } .rtr-lg-4 { border-top-right-radius: 1rem; } .rbl-lg-4 { border-bottom-left-radius: 1rem; } .rbr-lg-4 { border-bottom-right-radius: 1rem; } .r-lg-5 { border-radius: 2rem; } .rt-lg-5 { border-top-left-radius: 2rem; border-top-right-radius: 2rem; } .rb-lg-5 { border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; } .rl-lg-5 { border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; } .rr-lg-5 { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; } .rtl-lg-5 { border-top-left-radius: 2rem; } .rtr-lg-5 { border-top-right-radius: 2rem; } .rbl-lg-5 { border-bottom-left-radius: 2rem; } .rbr-lg-5 { border-bottom-right-radius: 2rem; } .r-lg-6 { border-radius: 4rem; } .rt-lg-6 { border-top-left-radius: 4rem; border-top-right-radius: 4rem; } .rb-lg-6 { border-bottom-left-radius: 4rem; border-bottom-right-radius: 4rem; } .rl-lg-6 { border-top-left-radius: 4rem; border-bottom-left-radius: 4rem; } .rr-lg-6 { border-top-right-radius: 4rem; border-bottom-right-radius: 4rem; } .rtl-lg-6 { border-top-left-radius: 4rem; } .rtr-lg-6 { border-top-right-radius: 4rem; } .rbl-lg-6 { border-bottom-left-radius: 4rem; } .rbr-lg-6 { border-bottom-right-radius: 4rem; } .r-lg-7 { border-radius: 8rem; } .rt-lg-7 { border-top-left-radius: 8rem; border-top-right-radius: 8rem; } .rb-lg-7 { border-bottom-left-radius: 8rem; border-bottom-right-radius: 8rem; } .rl-lg-7 { border-top-left-radius: 8rem; border-bottom-left-radius: 8rem; } .rr-lg-7 { border-top-right-radius: 8rem; border-bottom-right-radius: 8rem; } .rtl-lg-7 { border-top-left-radius: 8rem; } .rtr-lg-7 { border-top-right-radius: 8rem; } .rbl-lg-7 { border-bottom-left-radius: 8rem; } .rbr-lg-7 { border-bottom-right-radius: 8rem; } .r-lg-0 { border-radius: 0; } .rt-lg-0 { border-top-left-radius: 0; border-top-right-radius: 0; } .rb-lg-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .rl-lg-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rr-lg-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rtl-lg-0 { border-top-left-radius: 0; } .rtr-lg-0 { border-top-right-radius: 0; } .rbl-lg-0 { border-bottom-left-radius: 0; } .rbr-lg-0 { border-bottom-right-radius: 0; } .circle-lg { border-radius: 50%; } } @media (min-width: 1200px) { .r-xl-1 { border-radius: 0.125rem; } .rt-xl-1 { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem; } .rb-xl-1 { border-bottom-left-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .rl-xl-1 { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem; } .rr-xl-1 { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem; } .rtl-xl-1 { border-top-left-radius: 0.125rem; } .rtr-xl-1 { border-top-right-radius: 0.125rem; } .rbl-xl-1 { border-bottom-left-radius: 0.125rem; } .rbr-xl-1 { border-bottom-right-radius: 0.125rem; } .r-xl-2 { border-radius: 0.25rem; } .rt-xl-2 { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem; } .rb-xl-2 { border-bottom-left-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rl-xl-2 { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem; } .rr-xl-2 { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem; } .rtl-xl-2 { border-top-left-radius: 0.25rem; } .rtr-xl-2 { border-top-right-radius: 0.25rem; } .rbl-xl-2 { border-bottom-left-radius: 0.25rem; } .rbr-xl-2 { border-bottom-right-radius: 0.25rem; } .r-xl-3 { border-radius: 0.5rem; } .rt-xl-3 { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .rb-xl-3 { border-bottom-left-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rl-xl-3 { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .rr-xl-3 { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } .rtl-xl-3 { border-top-left-radius: 0.5rem; } .rtr-xl-3 { border-top-right-radius: 0.5rem; } .rbl-xl-3 { border-bottom-left-radius: 0.5rem; } .rbr-xl-3 { border-bottom-right-radius: 0.5rem; } .r-xl-4 { border-radius: 1rem; } .rt-xl-4 { border-top-left-radius: 1rem; border-top-right-radius: 1rem; } .rb-xl-4 { border-bottom-left-radius: 1rem; border-bottom-right-radius: 1rem; } .rl-xl-4 { border-top-left-radius: 1rem; border-bottom-left-radius: 1rem; } .rr-xl-4 { border-top-right-radius: 1rem; border-bottom-right-radius: 1rem; } .rtl-xl-4 { border-top-left-radius: 1rem; } .rtr-xl-4 { border-top-right-radius: 1rem; } .rbl-xl-4 { border-bottom-left-radius: 1rem; } .rbr-xl-4 { border-bottom-right-radius: 1rem; } .r-xl-5 { border-radius: 2rem; } .rt-xl-5 { border-top-left-radius: 2rem; border-top-right-radius: 2rem; } .rb-xl-5 { border-bottom-left-radius: 2rem; border-bottom-right-radius: 2rem; } .rl-xl-5 { border-top-left-radius: 2rem; border-bottom-left-radius: 2rem; } .rr-xl-5 { border-top-right-radius: 2rem; border-bottom-right-radius: 2rem; } .rtl-xl-5 { border-top-left-radius: 2rem; } .rtr-xl-5 { border-top-right-radius: 2rem; } .rbl-xl-5 { border-bottom-left-radius: 2rem; } .rbr-xl-5 { border-bottom-right-radius: 2rem; } .r-xl-6 { border-radius: 4rem; } .rt-xl-6 { border-top-left-radius: 4rem; border-top-right-radius: 4rem; } .rb-xl-6 { border-bottom-left-radius: 4rem; border-bottom-right-radius: 4rem; } .rl-xl-6 { border-top-left-radius: 4rem; border-bottom-left-radius: 4rem; } .rr-xl-6 { border-top-right-radius: 4rem; border-bottom-right-radius: 4rem; } .rtl-xl-6 { border-top-left-radius: 4rem; } .rtr-xl-6 { border-top-right-radius: 4rem; } .rbl-xl-6 { border-bottom-left-radius: 4rem; } .rbr-xl-6 { border-bottom-right-radius: 4rem; } .r-xl-7 { border-radius: 8rem; } .rt-xl-7 { border-top-left-radius: 8rem; border-top-right-radius: 8rem; } .rb-xl-7 { border-bottom-left-radius: 8rem; border-bottom-right-radius: 8rem; } .rl-xl-7 { border-top-left-radius: 8rem; border-bottom-left-radius: 8rem; } .rr-xl-7 { border-top-right-radius: 8rem; border-bottom-right-radius: 8rem; } .rtl-xl-7 { border-top-left-radius: 8rem; } .rtr-xl-7 { border-top-right-radius: 8rem; } .rbl-xl-7 { border-bottom-left-radius: 8rem; } .rbr-xl-7 { border-bottom-right-radius: 8rem; } .r-xl-0 { border-radius: 0; } .rt-xl-0 { border-top-left-radius: 0; border-top-right-radius: 0; } .rb-xl-0 { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .rl-xl-0 { border-top-left-radius: 0; border-bottom-left-radius: 0; } .rr-xl-0 { border-top-right-radius: 0; border-bottom-right-radius: 0; } .rtl-xl-0 { border-top-left-radius: 0; } .rtr-xl-0 { border-top-right-radius: 0; } .rbl-xl-0 { border-bottom-left-radius: 0; } .rbr-xl-0 { border-bottom-right-radius: 0; } .circle-xl { border-radius: 50%; } } .theme-light { color: rgba(27, 31, 44, 0.87); background: #f1f3f5; } .theme-light[class|=b], .theme-light [class|=b], .theme-dark .theme-light [class|=b], .theme-light .theme-dark .theme-light [class|=b], .theme-dark .theme-dark .theme-light [class|=b], .theme-light .theme-dark .theme-dark .theme-light [class|=b], .theme-dark .theme-dark .theme-dark .theme-light [class|=b], .theme-light .theme-dark .theme-dark .theme-dark .theme-light [class|=b] { border-color: rgba(27, 31, 44, 0.12); } .theme-light.c-text-primary, .theme-light .c-text-primary, .theme-dark .theme-light .c-text-primary, .theme-light .theme-dark .theme-light .c-text-primary, .theme-dark .theme-dark .theme-light .c-text-primary, .theme-light .theme-dark .theme-dark .theme-light .c-text-primary, .theme-dark .theme-dark .theme-dark .theme-light .c-text-primary, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-text-primary { color: rgba(27, 31, 44, 0.87); } .theme-light.c-text-secondary, .theme-light .c-text-secondary, .theme-dark .theme-light .c-text-secondary, .theme-light .theme-dark .theme-light .c-text-secondary, .theme-dark .theme-dark .theme-light .c-text-secondary, .theme-light .theme-dark .theme-dark .theme-light .c-text-secondary, .theme-dark .theme-dark .theme-dark .theme-light .c-text-secondary, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-text-secondary { color: rgba(27, 31, 44, 0.54); } .theme-light.c-text-hint, .theme-light .c-text-hint, .theme-dark .theme-light .c-text-hint, .theme-light .theme-dark .theme-light .c-text-hint, .theme-dark .theme-dark .theme-light .c-text-hint, .theme-light .theme-dark .theme-dark .theme-light .c-text-hint, .theme-dark .theme-dark .theme-dark .theme-light .c-text-hint, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-text-hint { color: rgba(27, 31, 44, 0.26); } .theme-light.c-icon-active, .theme-light .c-icon-active, .theme-dark .theme-light .c-icon-active, .theme-light .theme-dark .theme-light .c-icon-active, .theme-dark .theme-dark .theme-light .c-icon-active, .theme-light .theme-dark .theme-dark .theme-light .c-icon-active, .theme-dark .theme-dark .theme-dark .theme-light .c-icon-active, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-icon-active { color: rgba(27, 31, 44, 0.54); } .theme-light.c-icon-inactive, .theme-light .c-icon-inactive, .theme-dark .theme-light .c-icon-inactive, .theme-light .theme-dark .theme-light .c-icon-inactive, .theme-dark .theme-dark .theme-light .c-icon-inactive, .theme-light .theme-dark .theme-dark .theme-light .c-icon-inactive, .theme-dark .theme-dark .theme-dark .theme-light .c-icon-inactive, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-icon-inactive { color: rgba(27, 31, 44, 0.38); } .theme-light.b-divider, .theme-light .b-divider, .theme-dark .theme-light .b-divider, .theme-light .theme-dark .theme-light .b-divider, .theme-dark .theme-dark .theme-light .b-divider, .theme-light .theme-dark .theme-dark .theme-light .b-divider, .theme-dark .theme-dark .theme-dark .theme-light .b-divider, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .b-divider { border-color: rgba(27, 31, 44, 0.12); } .theme-light.c-theme-1, .theme-light .c-theme-1, .theme-dark .theme-light .c-theme-1, .theme-light .theme-dark .theme-light .c-theme-1, .theme-dark .theme-dark .theme-light .c-theme-1, .theme-light .theme-dark .theme-dark .theme-light .c-theme-1, .theme-dark .theme-dark .theme-dark .theme-light .c-theme-1, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-theme-1 { color: rgba(0, 0, 0, 0.02); } .theme-light.bg-theme-1, .theme-light .bg-theme-1, .theme-dark .theme-light .bg-theme-1, .theme-light .theme-dark .theme-light .bg-theme-1, .theme-dark .theme-dark .theme-light .bg-theme-1, .theme-light .theme-dark .theme-dark .theme-light .bg-theme-1, .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-1, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-1 { background: rgba(0, 0, 0, 0.02); } .theme-light.b-theme-1, .theme-light .b-theme-1, .theme-dark .theme-light .b-theme-1, .theme-light .theme-dark .theme-light .b-theme-1, .theme-dark .theme-dark .theme-light .b-theme-1, .theme-light .theme-dark .theme-dark .theme-light .b-theme-1, .theme-dark .theme-dark .theme-dark .theme-light .b-theme-1, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .b-theme-1 { border-color: rgba(0, 0, 0, 0.02); } .theme-light.hover\:bg-theme-1:hover, .theme-light .hover\:bg-theme-1:hover, .theme-dark .theme-light .hover\:bg-theme-1:hover, .theme-light .theme-dark .theme-light .hover\:bg-theme-1:hover, .theme-dark .theme-dark .theme-light .hover\:bg-theme-1:hover, .theme-light .theme-dark .theme-dark .theme-light .hover\:bg-theme-1:hover, .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-1:hover, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-1:hover { background: rgba(0, 0, 0, 0.02); } .theme-light.c-theme-2, .theme-light .c-theme-2, .theme-dark .theme-light .c-theme-2, .theme-light .theme-dark .theme-light .c-theme-2, .theme-dark .theme-dark .theme-light .c-theme-2, .theme-light .theme-dark .theme-dark .theme-light .c-theme-2, .theme-dark .theme-dark .theme-dark .theme-light .c-theme-2, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-theme-2 { color: rgba(0, 0, 0, 0.04); } .theme-light.bg-theme-2, .theme-light .bg-theme-2, .theme-dark .theme-light .bg-theme-2, .theme-light .theme-dark .theme-light .bg-theme-2, .theme-dark .theme-dark .theme-light .bg-theme-2, .theme-light .theme-dark .theme-dark .theme-light .bg-theme-2, .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-2, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-2 { background: rgba(0, 0, 0, 0.04); } .theme-light.b-theme-2, .theme-light .b-theme-2, .theme-dark .theme-light .b-theme-2, .theme-light .theme-dark .theme-light .b-theme-2, .theme-dark .theme-dark .theme-light .b-theme-2, .theme-light .theme-dark .theme-dark .theme-light .b-theme-2, .theme-dark .theme-dark .theme-dark .theme-light .b-theme-2, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .b-theme-2 { border-color: rgba(0, 0, 0, 0.04); } .theme-light.hover\:bg-theme-2:hover, .theme-light .hover\:bg-theme-2:hover, .theme-dark .theme-light .hover\:bg-theme-2:hover, .theme-light .theme-dark .theme-light .hover\:bg-theme-2:hover, .theme-dark .theme-dark .theme-light .hover\:bg-theme-2:hover, .theme-light .theme-dark .theme-dark .theme-light .hover\:bg-theme-2:hover, .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-2:hover, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-2:hover { background: rgba(0, 0, 0, 0.04); } .theme-light.c-theme-3, .theme-light .c-theme-3, .theme-dark .theme-light .c-theme-3, .theme-light .theme-dark .theme-light .c-theme-3, .theme-dark .theme-dark .theme-light .c-theme-3, .theme-light .theme-dark .theme-dark .theme-light .c-theme-3, .theme-dark .theme-dark .theme-dark .theme-light .c-theme-3, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-theme-3 { color: rgba(0, 0, 0, 0.06); } .theme-light.bg-theme-3, .theme-light .bg-theme-3, .theme-dark .theme-light .bg-theme-3, .theme-light .theme-dark .theme-light .bg-theme-3, .theme-dark .theme-dark .theme-light .bg-theme-3, .theme-light .theme-dark .theme-dark .theme-light .bg-theme-3, .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-3, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-3 { background: rgba(0, 0, 0, 0.06); } .theme-light.b-theme-3, .theme-light .b-theme-3, .theme-dark .theme-light .b-theme-3, .theme-light .theme-dark .theme-light .b-theme-3, .theme-dark .theme-dark .theme-light .b-theme-3, .theme-light .theme-dark .theme-dark .theme-light .b-theme-3, .theme-dark .theme-dark .theme-dark .theme-light .b-theme-3, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .b-theme-3 { border-color: rgba(0, 0, 0, 0.06); } .theme-light.hover\:bg-theme-3:hover, .theme-light .hover\:bg-theme-3:hover, .theme-dark .theme-light .hover\:bg-theme-3:hover, .theme-light .theme-dark .theme-light .hover\:bg-theme-3:hover, .theme-dark .theme-dark .theme-light .hover\:bg-theme-3:hover, .theme-light .theme-dark .theme-dark .theme-light .hover\:bg-theme-3:hover, .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-3:hover, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-3:hover { background: rgba(0, 0, 0, 0.06); } .theme-light.c-theme-4, .theme-light .c-theme-4, .theme-dark .theme-light .c-theme-4, .theme-light .theme-dark .theme-light .c-theme-4, .theme-dark .theme-dark .theme-light .c-theme-4, .theme-light .theme-dark .theme-dark .theme-light .c-theme-4, .theme-dark .theme-dark .theme-dark .theme-light .c-theme-4, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-theme-4 { color: rgba(0, 0, 0, 0.1); } .theme-light.bg-theme-4, .theme-light .bg-theme-4, .theme-dark .theme-light .bg-theme-4, .theme-light .theme-dark .theme-light .bg-theme-4, .theme-dark .theme-dark .theme-light .bg-theme-4, .theme-light .theme-dark .theme-dark .theme-light .bg-theme-4, .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-4, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-4 { background: rgba(0, 0, 0, 0.1); } .theme-light.b-theme-4, .theme-light .b-theme-4, .theme-dark .theme-light .b-theme-4, .theme-light .theme-dark .theme-light .b-theme-4, .theme-dark .theme-dark .theme-light .b-theme-4, .theme-light .theme-dark .theme-dark .theme-light .b-theme-4, .theme-dark .theme-dark .theme-dark .theme-light .b-theme-4, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .b-theme-4 { border-color: rgba(0, 0, 0, 0.1); } .theme-light.hover\:bg-theme-4:hover, .theme-light .hover\:bg-theme-4:hover, .theme-dark .theme-light .hover\:bg-theme-4:hover, .theme-light .theme-dark .theme-light .hover\:bg-theme-4:hover, .theme-dark .theme-dark .theme-light .hover\:bg-theme-4:hover, .theme-light .theme-dark .theme-dark .theme-light .hover\:bg-theme-4:hover, .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-4:hover, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-4:hover { background: rgba(0, 0, 0, 0.1); } .theme-light.c-theme-5, .theme-light .c-theme-5, .theme-dark .theme-light .c-theme-5, .theme-light .theme-dark .theme-light .c-theme-5, .theme-dark .theme-dark .theme-light .c-theme-5, .theme-light .theme-dark .theme-dark .theme-light .c-theme-5, .theme-dark .theme-dark .theme-dark .theme-light .c-theme-5, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-theme-5 { color: rgba(0, 0, 0, 0.16); } .theme-light.bg-theme-5, .theme-light .bg-theme-5, .theme-dark .theme-light .bg-theme-5, .theme-light .theme-dark .theme-light .bg-theme-5, .theme-dark .theme-dark .theme-light .bg-theme-5, .theme-light .theme-dark .theme-dark .theme-light .bg-theme-5, .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-5, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-5 { background: rgba(0, 0, 0, 0.16); } .theme-light.b-theme-5, .theme-light .b-theme-5, .theme-dark .theme-light .b-theme-5, .theme-light .theme-dark .theme-light .b-theme-5, .theme-dark .theme-dark .theme-light .b-theme-5, .theme-light .theme-dark .theme-dark .theme-light .b-theme-5, .theme-dark .theme-dark .theme-dark .theme-light .b-theme-5, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .b-theme-5 { border-color: rgba(0, 0, 0, 0.16); } .theme-light.hover\:bg-theme-5:hover, .theme-light .hover\:bg-theme-5:hover, .theme-dark .theme-light .hover\:bg-theme-5:hover, .theme-light .theme-dark .theme-light .hover\:bg-theme-5:hover, .theme-dark .theme-dark .theme-light .hover\:bg-theme-5:hover, .theme-light .theme-dark .theme-dark .theme-light .hover\:bg-theme-5:hover, .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-5:hover, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-5:hover { background: rgba(0, 0, 0, 0.16); } .theme-light.c-theme-6, .theme-light .c-theme-6, .theme-dark .theme-light .c-theme-6, .theme-light .theme-dark .theme-light .c-theme-6, .theme-dark .theme-dark .theme-light .c-theme-6, .theme-light .theme-dark .theme-dark .theme-light .c-theme-6, .theme-dark .theme-dark .theme-dark .theme-light .c-theme-6, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-theme-6 { color: rgba(0, 0, 0, 0.26); } .theme-light.bg-theme-6, .theme-light .bg-theme-6, .theme-dark .theme-light .bg-theme-6, .theme-light .theme-dark .theme-light .bg-theme-6, .theme-dark .theme-dark .theme-light .bg-theme-6, .theme-light .theme-dark .theme-dark .theme-light .bg-theme-6, .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-6, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-6 { background: rgba(0, 0, 0, 0.26); } .theme-light.b-theme-6, .theme-light .b-theme-6, .theme-dark .theme-light .b-theme-6, .theme-light .theme-dark .theme-light .b-theme-6, .theme-dark .theme-dark .theme-light .b-theme-6, .theme-light .theme-dark .theme-dark .theme-light .b-theme-6, .theme-dark .theme-dark .theme-dark .theme-light .b-theme-6, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .b-theme-6 { border-color: rgba(0, 0, 0, 0.26); } .theme-light.hover\:bg-theme-6:hover, .theme-light .hover\:bg-theme-6:hover, .theme-dark .theme-light .hover\:bg-theme-6:hover, .theme-light .theme-dark .theme-light .hover\:bg-theme-6:hover, .theme-dark .theme-dark .theme-light .hover\:bg-theme-6:hover, .theme-light .theme-dark .theme-dark .theme-light .hover\:bg-theme-6:hover, .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-6:hover, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-6:hover { background: rgba(0, 0, 0, 0.26); } .theme-light.c-theme-7, .theme-light .c-theme-7, .theme-dark .theme-light .c-theme-7, .theme-light .theme-dark .theme-light .c-theme-7, .theme-dark .theme-dark .theme-light .c-theme-7, .theme-light .theme-dark .theme-dark .theme-light .c-theme-7, .theme-dark .theme-dark .theme-dark .theme-light .c-theme-7, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-theme-7 { color: rgba(0, 0, 0, 0.42); } .theme-light.bg-theme-7, .theme-light .bg-theme-7, .theme-dark .theme-light .bg-theme-7, .theme-light .theme-dark .theme-light .bg-theme-7, .theme-dark .theme-dark .theme-light .bg-theme-7, .theme-light .theme-dark .theme-dark .theme-light .bg-theme-7, .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-7, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-7 { background: rgba(0, 0, 0, 0.42); } .theme-light.b-theme-7, .theme-light .b-theme-7, .theme-dark .theme-light .b-theme-7, .theme-light .theme-dark .theme-light .b-theme-7, .theme-dark .theme-dark .theme-light .b-theme-7, .theme-light .theme-dark .theme-dark .theme-light .b-theme-7, .theme-dark .theme-dark .theme-dark .theme-light .b-theme-7, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .b-theme-7 { border-color: rgba(0, 0, 0, 0.42); } .theme-light.hover\:bg-theme-7:hover, .theme-light .hover\:bg-theme-7:hover, .theme-dark .theme-light .hover\:bg-theme-7:hover, .theme-light .theme-dark .theme-light .hover\:bg-theme-7:hover, .theme-dark .theme-dark .theme-light .hover\:bg-theme-7:hover, .theme-light .theme-dark .theme-dark .theme-light .hover\:bg-theme-7:hover, .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-7:hover, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-7:hover { background: rgba(0, 0, 0, 0.42); } .theme-light.c-theme-8, .theme-light .c-theme-8, .theme-dark .theme-light .c-theme-8, .theme-light .theme-dark .theme-light .c-theme-8, .theme-dark .theme-dark .theme-light .c-theme-8, .theme-light .theme-dark .theme-dark .theme-light .c-theme-8, .theme-dark .theme-dark .theme-dark .theme-light .c-theme-8, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-theme-8 { color: rgba(0, 0, 0, 0.68); } .theme-light.bg-theme-8, .theme-light .bg-theme-8, .theme-dark .theme-light .bg-theme-8, .theme-light .theme-dark .theme-light .bg-theme-8, .theme-dark .theme-dark .theme-light .bg-theme-8, .theme-light .theme-dark .theme-dark .theme-light .bg-theme-8, .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-8, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-8 { background: rgba(0, 0, 0, 0.68); } .theme-light.b-theme-8, .theme-light .b-theme-8, .theme-dark .theme-light .b-theme-8, .theme-light .theme-dark .theme-light .b-theme-8, .theme-dark .theme-dark .theme-light .b-theme-8, .theme-light .theme-dark .theme-dark .theme-light .b-theme-8, .theme-dark .theme-dark .theme-dark .theme-light .b-theme-8, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .b-theme-8 { border-color: rgba(0, 0, 0, 0.68); } .theme-light.hover\:bg-theme-8:hover, .theme-light .hover\:bg-theme-8:hover, .theme-dark .theme-light .hover\:bg-theme-8:hover, .theme-light .theme-dark .theme-light .hover\:bg-theme-8:hover, .theme-dark .theme-dark .theme-light .hover\:bg-theme-8:hover, .theme-light .theme-dark .theme-dark .theme-light .hover\:bg-theme-8:hover, .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-8:hover, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-8:hover { background: rgba(0, 0, 0, 0.68); } .theme-light.c-theme-9, .theme-light .c-theme-9, .theme-dark .theme-light .c-theme-9, .theme-light .theme-dark .theme-light .c-theme-9, .theme-dark .theme-dark .theme-light .c-theme-9, .theme-light .theme-dark .theme-dark .theme-light .c-theme-9, .theme-dark .theme-dark .theme-dark .theme-light .c-theme-9, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-theme-9 { color: rgba(0, 0, 0, 0.98); } .theme-light.bg-theme-9, .theme-light .bg-theme-9, .theme-dark .theme-light .bg-theme-9, .theme-light .theme-dark .theme-light .bg-theme-9, .theme-dark .theme-dark .theme-light .bg-theme-9, .theme-light .theme-dark .theme-dark .theme-light .bg-theme-9, .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-9, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-9 { background: rgba(0, 0, 0, 0.98); } .theme-light.b-theme-9, .theme-light .b-theme-9, .theme-dark .theme-light .b-theme-9, .theme-light .theme-dark .theme-light .b-theme-9, .theme-dark .theme-dark .theme-light .b-theme-9, .theme-light .theme-dark .theme-dark .theme-light .b-theme-9, .theme-dark .theme-dark .theme-dark .theme-light .b-theme-9, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .b-theme-9 { border-color: rgba(0, 0, 0, 0.98); } .theme-light.hover\:bg-theme-9:hover, .theme-light .hover\:bg-theme-9:hover, .theme-dark .theme-light .hover\:bg-theme-9:hover, .theme-light .theme-dark .theme-light .hover\:bg-theme-9:hover, .theme-dark .theme-dark .theme-light .hover\:bg-theme-9:hover, .theme-light .theme-dark .theme-dark .theme-light .hover\:bg-theme-9:hover, .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-9:hover, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-9:hover { background: rgba(0, 0, 0, 0.98); } .theme-light.c-theme-0, .theme-light .c-theme-0, .theme-dark .theme-light .c-theme-0, .theme-light .theme-dark .theme-light .c-theme-0, .theme-dark .theme-dark .theme-light .c-theme-0, .theme-light .theme-dark .theme-dark .theme-light .c-theme-0, .theme-dark .theme-dark .theme-dark .theme-light .c-theme-0, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .c-theme-0 { color: white; } .theme-light.bg-theme-0, .theme-light .bg-theme-0, .theme-dark .theme-light .bg-theme-0, .theme-light .theme-dark .theme-light .bg-theme-0, .theme-dark .theme-dark .theme-light .bg-theme-0, .theme-light .theme-dark .theme-dark .theme-light .bg-theme-0, .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-0, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .bg-theme-0 { background: white; } .theme-light.b-theme-0, .theme-light .b-theme-0, .theme-dark .theme-light .b-theme-0, .theme-light .theme-dark .theme-light .b-theme-0, .theme-dark .theme-dark .theme-light .b-theme-0, .theme-light .theme-dark .theme-dark .theme-light .b-theme-0, .theme-dark .theme-dark .theme-dark .theme-light .b-theme-0, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .b-theme-0 { border-color: white; } .theme-light.hover\:bg-theme-0:hover, .theme-light .hover\:bg-theme-0:hover, .theme-dark .theme-light .hover\:bg-theme-0:hover, .theme-light .theme-dark .theme-light .hover\:bg-theme-0:hover, .theme-dark .theme-dark .theme-light .hover\:bg-theme-0:hover, .theme-light .theme-dark .theme-dark .theme-light .hover\:bg-theme-0:hover, .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-0:hover, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .hover\:bg-theme-0:hover { background: white; } .theme-dark { color: white; background: #212529; } .theme-dark[class|=b], .theme-dark [class|=b], .theme-light .theme-dark [class|=b], .theme-dark .theme-light .theme-dark [class|=b], .theme-light .theme-light .theme-dark [class|=b], .theme-dark .theme-light .theme-light .theme-dark [class|=b], .theme-light .theme-light .theme-light .theme-dark [class|=b], .theme-dark .theme-light .theme-light .theme-light .theme-dark [class|=b] { border-color: rgba(255, 255, 255, 0.12); } .theme-dark.c-text-primary, .theme-dark .c-text-primary, .theme-light .theme-dark .c-text-primary, .theme-dark .theme-light .theme-dark .c-text-primary, .theme-light .theme-light .theme-dark .c-text-primary, .theme-dark .theme-light .theme-light .theme-dark .c-text-primary, .theme-light .theme-light .theme-light .theme-dark .c-text-primary, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-text-primary { color: white; } .theme-dark.c-text-secondary, .theme-dark .c-text-secondary, .theme-light .theme-dark .c-text-secondary, .theme-dark .theme-light .theme-dark .c-text-secondary, .theme-light .theme-light .theme-dark .c-text-secondary, .theme-dark .theme-light .theme-light .theme-dark .c-text-secondary, .theme-light .theme-light .theme-light .theme-dark .c-text-secondary, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-text-secondary { color: rgba(255, 255, 255, 0.7); } .theme-dark.c-text-hint, .theme-dark .c-text-hint, .theme-light .theme-dark .c-text-hint, .theme-dark .theme-light .theme-dark .c-text-hint, .theme-light .theme-light .theme-dark .c-text-hint, .theme-dark .theme-light .theme-light .theme-dark .c-text-hint, .theme-light .theme-light .theme-light .theme-dark .c-text-hint, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-text-hint { color: rgba(255, 255, 255, 0.3); } .theme-dark.c-icon-active, .theme-dark .c-icon-active, .theme-light .theme-dark .c-icon-active, .theme-dark .theme-light .theme-dark .c-icon-active, .theme-light .theme-light .theme-dark .c-icon-active, .theme-dark .theme-light .theme-light .theme-dark .c-icon-active, .theme-light .theme-light .theme-light .theme-dark .c-icon-active, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-icon-active { color: white; } .theme-dark.c-icon-inactive, .theme-dark .c-icon-inactive, .theme-light .theme-dark .c-icon-inactive, .theme-dark .theme-light .theme-dark .c-icon-inactive, .theme-light .theme-light .theme-dark .c-icon-inactive, .theme-dark .theme-light .theme-light .theme-dark .c-icon-inactive, .theme-light .theme-light .theme-light .theme-dark .c-icon-inactive, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-icon-inactive { color: rgba(255, 255, 255, 0.5); } .theme-dark.b-divider, .theme-dark .b-divider, .theme-light .theme-dark .b-divider, .theme-dark .theme-light .theme-dark .b-divider, .theme-light .theme-light .theme-dark .b-divider, .theme-dark .theme-light .theme-light .theme-dark .b-divider, .theme-light .theme-light .theme-light .theme-dark .b-divider, .theme-dark .theme-light .theme-light .theme-light .theme-dark .b-divider { border-color: rgba(255, 255, 255, 0.12); } .theme-dark.c-theme-1, .theme-dark .c-theme-1, .theme-light .theme-dark .c-theme-1, .theme-dark .theme-light .theme-dark .c-theme-1, .theme-light .theme-light .theme-dark .c-theme-1, .theme-dark .theme-light .theme-light .theme-dark .c-theme-1, .theme-light .theme-light .theme-light .theme-dark .c-theme-1, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-theme-1 { color: rgba(255, 255, 255, 0.02); } .theme-dark.bg-theme-1, .theme-dark .bg-theme-1, .theme-light .theme-dark .bg-theme-1, .theme-dark .theme-light .theme-dark .bg-theme-1, .theme-light .theme-light .theme-dark .bg-theme-1, .theme-dark .theme-light .theme-light .theme-dark .bg-theme-1, .theme-light .theme-light .theme-light .theme-dark .bg-theme-1, .theme-dark .theme-light .theme-light .theme-light .theme-dark .bg-theme-1 { background: rgba(255, 255, 255, 0.02); } .theme-dark.b-theme-1, .theme-dark .b-theme-1, .theme-light .theme-dark .b-theme-1, .theme-dark .theme-light .theme-dark .b-theme-1, .theme-light .theme-light .theme-dark .b-theme-1, .theme-dark .theme-light .theme-light .theme-dark .b-theme-1, .theme-light .theme-light .theme-light .theme-dark .b-theme-1, .theme-dark .theme-light .theme-light .theme-light .theme-dark .b-theme-1 { border-color: rgba(255, 255, 255, 0.02); } .theme-dark.hover\:bg-theme-1:hover, .theme-dark .hover\:bg-theme-1:hover, .theme-light .theme-dark .hover\:bg-theme-1:hover, .theme-dark .theme-light .theme-dark .hover\:bg-theme-1:hover, .theme-light .theme-light .theme-dark .hover\:bg-theme-1:hover, .theme-dark .theme-light .theme-light .theme-dark .hover\:bg-theme-1:hover, .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-1:hover, .theme-dark .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-1:hover { background: rgba(255, 255, 255, 0.02); } .theme-dark.c-theme-2, .theme-dark .c-theme-2, .theme-light .theme-dark .c-theme-2, .theme-dark .theme-light .theme-dark .c-theme-2, .theme-light .theme-light .theme-dark .c-theme-2, .theme-dark .theme-light .theme-light .theme-dark .c-theme-2, .theme-light .theme-light .theme-light .theme-dark .c-theme-2, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-theme-2 { color: rgba(255, 255, 255, 0.04); } .theme-dark.bg-theme-2, .theme-dark .bg-theme-2, .theme-light .theme-dark .bg-theme-2, .theme-dark .theme-light .theme-dark .bg-theme-2, .theme-light .theme-light .theme-dark .bg-theme-2, .theme-dark .theme-light .theme-light .theme-dark .bg-theme-2, .theme-light .theme-light .theme-light .theme-dark .bg-theme-2, .theme-dark .theme-light .theme-light .theme-light .theme-dark .bg-theme-2 { background: rgba(255, 255, 255, 0.04); } .theme-dark.b-theme-2, .theme-dark .b-theme-2, .theme-light .theme-dark .b-theme-2, .theme-dark .theme-light .theme-dark .b-theme-2, .theme-light .theme-light .theme-dark .b-theme-2, .theme-dark .theme-light .theme-light .theme-dark .b-theme-2, .theme-light .theme-light .theme-light .theme-dark .b-theme-2, .theme-dark .theme-light .theme-light .theme-light .theme-dark .b-theme-2 { border-color: rgba(255, 255, 255, 0.04); } .theme-dark.hover\:bg-theme-2:hover, .theme-dark .hover\:bg-theme-2:hover, .theme-light .theme-dark .hover\:bg-theme-2:hover, .theme-dark .theme-light .theme-dark .hover\:bg-theme-2:hover, .theme-light .theme-light .theme-dark .hover\:bg-theme-2:hover, .theme-dark .theme-light .theme-light .theme-dark .hover\:bg-theme-2:hover, .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-2:hover, .theme-dark .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-2:hover { background: rgba(255, 255, 255, 0.04); } .theme-dark.c-theme-3, .theme-dark .c-theme-3, .theme-light .theme-dark .c-theme-3, .theme-dark .theme-light .theme-dark .c-theme-3, .theme-light .theme-light .theme-dark .c-theme-3, .theme-dark .theme-light .theme-light .theme-dark .c-theme-3, .theme-light .theme-light .theme-light .theme-dark .c-theme-3, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-theme-3 { color: rgba(255, 255, 255, 0.06); } .theme-dark.bg-theme-3, .theme-dark .bg-theme-3, .theme-light .theme-dark .bg-theme-3, .theme-dark .theme-light .theme-dark .bg-theme-3, .theme-light .theme-light .theme-dark .bg-theme-3, .theme-dark .theme-light .theme-light .theme-dark .bg-theme-3, .theme-light .theme-light .theme-light .theme-dark .bg-theme-3, .theme-dark .theme-light .theme-light .theme-light .theme-dark .bg-theme-3 { background: rgba(255, 255, 255, 0.06); } .theme-dark.b-theme-3, .theme-dark .b-theme-3, .theme-light .theme-dark .b-theme-3, .theme-dark .theme-light .theme-dark .b-theme-3, .theme-light .theme-light .theme-dark .b-theme-3, .theme-dark .theme-light .theme-light .theme-dark .b-theme-3, .theme-light .theme-light .theme-light .theme-dark .b-theme-3, .theme-dark .theme-light .theme-light .theme-light .theme-dark .b-theme-3 { border-color: rgba(255, 255, 255, 0.06); } .theme-dark.hover\:bg-theme-3:hover, .theme-dark .hover\:bg-theme-3:hover, .theme-light .theme-dark .hover\:bg-theme-3:hover, .theme-dark .theme-light .theme-dark .hover\:bg-theme-3:hover, .theme-light .theme-light .theme-dark .hover\:bg-theme-3:hover, .theme-dark .theme-light .theme-light .theme-dark .hover\:bg-theme-3:hover, .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-3:hover, .theme-dark .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-3:hover { background: rgba(255, 255, 255, 0.06); } .theme-dark.c-theme-4, .theme-dark .c-theme-4, .theme-light .theme-dark .c-theme-4, .theme-dark .theme-light .theme-dark .c-theme-4, .theme-light .theme-light .theme-dark .c-theme-4, .theme-dark .theme-light .theme-light .theme-dark .c-theme-4, .theme-light .theme-light .theme-light .theme-dark .c-theme-4, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-theme-4 { color: rgba(255, 255, 255, 0.1); } .theme-dark.bg-theme-4, .theme-dark .bg-theme-4, .theme-light .theme-dark .bg-theme-4, .theme-dark .theme-light .theme-dark .bg-theme-4, .theme-light .theme-light .theme-dark .bg-theme-4, .theme-dark .theme-light .theme-light .theme-dark .bg-theme-4, .theme-light .theme-light .theme-light .theme-dark .bg-theme-4, .theme-dark .theme-light .theme-light .theme-light .theme-dark .bg-theme-4 { background: rgba(255, 255, 255, 0.1); } .theme-dark.b-theme-4, .theme-dark .b-theme-4, .theme-light .theme-dark .b-theme-4, .theme-dark .theme-light .theme-dark .b-theme-4, .theme-light .theme-light .theme-dark .b-theme-4, .theme-dark .theme-light .theme-light .theme-dark .b-theme-4, .theme-light .theme-light .theme-light .theme-dark .b-theme-4, .theme-dark .theme-light .theme-light .theme-light .theme-dark .b-theme-4 { border-color: rgba(255, 255, 255, 0.1); } .theme-dark.hover\:bg-theme-4:hover, .theme-dark .hover\:bg-theme-4:hover, .theme-light .theme-dark .hover\:bg-theme-4:hover, .theme-dark .theme-light .theme-dark .hover\:bg-theme-4:hover, .theme-light .theme-light .theme-dark .hover\:bg-theme-4:hover, .theme-dark .theme-light .theme-light .theme-dark .hover\:bg-theme-4:hover, .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-4:hover, .theme-dark .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-4:hover { background: rgba(255, 255, 255, 0.1); } .theme-dark.c-theme-5, .theme-dark .c-theme-5, .theme-light .theme-dark .c-theme-5, .theme-dark .theme-light .theme-dark .c-theme-5, .theme-light .theme-light .theme-dark .c-theme-5, .theme-dark .theme-light .theme-light .theme-dark .c-theme-5, .theme-light .theme-light .theme-light .theme-dark .c-theme-5, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-theme-5 { color: rgba(255, 255, 255, 0.16); } .theme-dark.bg-theme-5, .theme-dark .bg-theme-5, .theme-light .theme-dark .bg-theme-5, .theme-dark .theme-light .theme-dark .bg-theme-5, .theme-light .theme-light .theme-dark .bg-theme-5, .theme-dark .theme-light .theme-light .theme-dark .bg-theme-5, .theme-light .theme-light .theme-light .theme-dark .bg-theme-5, .theme-dark .theme-light .theme-light .theme-light .theme-dark .bg-theme-5 { background: rgba(255, 255, 255, 0.16); } .theme-dark.b-theme-5, .theme-dark .b-theme-5, .theme-light .theme-dark .b-theme-5, .theme-dark .theme-light .theme-dark .b-theme-5, .theme-light .theme-light .theme-dark .b-theme-5, .theme-dark .theme-light .theme-light .theme-dark .b-theme-5, .theme-light .theme-light .theme-light .theme-dark .b-theme-5, .theme-dark .theme-light .theme-light .theme-light .theme-dark .b-theme-5 { border-color: rgba(255, 255, 255, 0.16); } .theme-dark.hover\:bg-theme-5:hover, .theme-dark .hover\:bg-theme-5:hover, .theme-light .theme-dark .hover\:bg-theme-5:hover, .theme-dark .theme-light .theme-dark .hover\:bg-theme-5:hover, .theme-light .theme-light .theme-dark .hover\:bg-theme-5:hover, .theme-dark .theme-light .theme-light .theme-dark .hover\:bg-theme-5:hover, .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-5:hover, .theme-dark .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-5:hover { background: rgba(255, 255, 255, 0.16); } .theme-dark.c-theme-6, .theme-dark .c-theme-6, .theme-light .theme-dark .c-theme-6, .theme-dark .theme-light .theme-dark .c-theme-6, .theme-light .theme-light .theme-dark .c-theme-6, .theme-dark .theme-light .theme-light .theme-dark .c-theme-6, .theme-light .theme-light .theme-light .theme-dark .c-theme-6, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-theme-6 { color: rgba(255, 255, 255, 0.26); } .theme-dark.bg-theme-6, .theme-dark .bg-theme-6, .theme-light .theme-dark .bg-theme-6, .theme-dark .theme-light .theme-dark .bg-theme-6, .theme-light .theme-light .theme-dark .bg-theme-6, .theme-dark .theme-light .theme-light .theme-dark .bg-theme-6, .theme-light .theme-light .theme-light .theme-dark .bg-theme-6, .theme-dark .theme-light .theme-light .theme-light .theme-dark .bg-theme-6 { background: rgba(255, 255, 255, 0.26); } .theme-dark.b-theme-6, .theme-dark .b-theme-6, .theme-light .theme-dark .b-theme-6, .theme-dark .theme-light .theme-dark .b-theme-6, .theme-light .theme-light .theme-dark .b-theme-6, .theme-dark .theme-light .theme-light .theme-dark .b-theme-6, .theme-light .theme-light .theme-light .theme-dark .b-theme-6, .theme-dark .theme-light .theme-light .theme-light .theme-dark .b-theme-6 { border-color: rgba(255, 255, 255, 0.26); } .theme-dark.hover\:bg-theme-6:hover, .theme-dark .hover\:bg-theme-6:hover, .theme-light .theme-dark .hover\:bg-theme-6:hover, .theme-dark .theme-light .theme-dark .hover\:bg-theme-6:hover, .theme-light .theme-light .theme-dark .hover\:bg-theme-6:hover, .theme-dark .theme-light .theme-light .theme-dark .hover\:bg-theme-6:hover, .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-6:hover, .theme-dark .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-6:hover { background: rgba(255, 255, 255, 0.26); } .theme-dark.c-theme-7, .theme-dark .c-theme-7, .theme-light .theme-dark .c-theme-7, .theme-dark .theme-light .theme-dark .c-theme-7, .theme-light .theme-light .theme-dark .c-theme-7, .theme-dark .theme-light .theme-light .theme-dark .c-theme-7, .theme-light .theme-light .theme-light .theme-dark .c-theme-7, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-theme-7 { color: rgba(255, 255, 255, 0.42); } .theme-dark.bg-theme-7, .theme-dark .bg-theme-7, .theme-light .theme-dark .bg-theme-7, .theme-dark .theme-light .theme-dark .bg-theme-7, .theme-light .theme-light .theme-dark .bg-theme-7, .theme-dark .theme-light .theme-light .theme-dark .bg-theme-7, .theme-light .theme-light .theme-light .theme-dark .bg-theme-7, .theme-dark .theme-light .theme-light .theme-light .theme-dark .bg-theme-7 { background: rgba(255, 255, 255, 0.42); } .theme-dark.b-theme-7, .theme-dark .b-theme-7, .theme-light .theme-dark .b-theme-7, .theme-dark .theme-light .theme-dark .b-theme-7, .theme-light .theme-light .theme-dark .b-theme-7, .theme-dark .theme-light .theme-light .theme-dark .b-theme-7, .theme-light .theme-light .theme-light .theme-dark .b-theme-7, .theme-dark .theme-light .theme-light .theme-light .theme-dark .b-theme-7 { border-color: rgba(255, 255, 255, 0.42); } .theme-dark.hover\:bg-theme-7:hover, .theme-dark .hover\:bg-theme-7:hover, .theme-light .theme-dark .hover\:bg-theme-7:hover, .theme-dark .theme-light .theme-dark .hover\:bg-theme-7:hover, .theme-light .theme-light .theme-dark .hover\:bg-theme-7:hover, .theme-dark .theme-light .theme-light .theme-dark .hover\:bg-theme-7:hover, .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-7:hover, .theme-dark .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-7:hover { background: rgba(255, 255, 255, 0.42); } .theme-dark.c-theme-8, .theme-dark .c-theme-8, .theme-light .theme-dark .c-theme-8, .theme-dark .theme-light .theme-dark .c-theme-8, .theme-light .theme-light .theme-dark .c-theme-8, .theme-dark .theme-light .theme-light .theme-dark .c-theme-8, .theme-light .theme-light .theme-light .theme-dark .c-theme-8, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-theme-8 { color: rgba(255, 255, 255, 0.68); } .theme-dark.bg-theme-8, .theme-dark .bg-theme-8, .theme-light .theme-dark .bg-theme-8, .theme-dark .theme-light .theme-dark .bg-theme-8, .theme-light .theme-light .theme-dark .bg-theme-8, .theme-dark .theme-light .theme-light .theme-dark .bg-theme-8, .theme-light .theme-light .theme-light .theme-dark .bg-theme-8, .theme-dark .theme-light .theme-light .theme-light .theme-dark .bg-theme-8 { background: rgba(255, 255, 255, 0.68); } .theme-dark.b-theme-8, .theme-dark .b-theme-8, .theme-light .theme-dark .b-theme-8, .theme-dark .theme-light .theme-dark .b-theme-8, .theme-light .theme-light .theme-dark .b-theme-8, .theme-dark .theme-light .theme-light .theme-dark .b-theme-8, .theme-light .theme-light .theme-light .theme-dark .b-theme-8, .theme-dark .theme-light .theme-light .theme-light .theme-dark .b-theme-8 { border-color: rgba(255, 255, 255, 0.68); } .theme-dark.hover\:bg-theme-8:hover, .theme-dark .hover\:bg-theme-8:hover, .theme-light .theme-dark .hover\:bg-theme-8:hover, .theme-dark .theme-light .theme-dark .hover\:bg-theme-8:hover, .theme-light .theme-light .theme-dark .hover\:bg-theme-8:hover, .theme-dark .theme-light .theme-light .theme-dark .hover\:bg-theme-8:hover, .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-8:hover, .theme-dark .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-8:hover { background: rgba(255, 255, 255, 0.68); } .theme-dark.c-theme-9, .theme-dark .c-theme-9, .theme-light .theme-dark .c-theme-9, .theme-dark .theme-light .theme-dark .c-theme-9, .theme-light .theme-light .theme-dark .c-theme-9, .theme-dark .theme-light .theme-light .theme-dark .c-theme-9, .theme-light .theme-light .theme-light .theme-dark .c-theme-9, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-theme-9 { color: rgba(255, 255, 255, 0.98); } .theme-dark.bg-theme-9, .theme-dark .bg-theme-9, .theme-light .theme-dark .bg-theme-9, .theme-dark .theme-light .theme-dark .bg-theme-9, .theme-light .theme-light .theme-dark .bg-theme-9, .theme-dark .theme-light .theme-light .theme-dark .bg-theme-9, .theme-light .theme-light .theme-light .theme-dark .bg-theme-9, .theme-dark .theme-light .theme-light .theme-light .theme-dark .bg-theme-9 { background: rgba(255, 255, 255, 0.98); } .theme-dark.b-theme-9, .theme-dark .b-theme-9, .theme-light .theme-dark .b-theme-9, .theme-dark .theme-light .theme-dark .b-theme-9, .theme-light .theme-light .theme-dark .b-theme-9, .theme-dark .theme-light .theme-light .theme-dark .b-theme-9, .theme-light .theme-light .theme-light .theme-dark .b-theme-9, .theme-dark .theme-light .theme-light .theme-light .theme-dark .b-theme-9 { border-color: rgba(255, 255, 255, 0.98); } .theme-dark.hover\:bg-theme-9:hover, .theme-dark .hover\:bg-theme-9:hover, .theme-light .theme-dark .hover\:bg-theme-9:hover, .theme-dark .theme-light .theme-dark .hover\:bg-theme-9:hover, .theme-light .theme-light .theme-dark .hover\:bg-theme-9:hover, .theme-dark .theme-light .theme-light .theme-dark .hover\:bg-theme-9:hover, .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-9:hover, .theme-dark .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-9:hover { background: rgba(255, 255, 255, 0.98); } .theme-dark.c-theme-0, .theme-dark .c-theme-0, .theme-light .theme-dark .c-theme-0, .theme-dark .theme-light .theme-dark .c-theme-0, .theme-light .theme-light .theme-dark .c-theme-0, .theme-dark .theme-light .theme-light .theme-dark .c-theme-0, .theme-light .theme-light .theme-light .theme-dark .c-theme-0, .theme-dark .theme-light .theme-light .theme-light .theme-dark .c-theme-0 { color: black; } .theme-dark.bg-theme-0, .theme-dark .bg-theme-0, .theme-light .theme-dark .bg-theme-0, .theme-dark .theme-light .theme-dark .bg-theme-0, .theme-light .theme-light .theme-dark .bg-theme-0, .theme-dark .theme-light .theme-light .theme-dark .bg-theme-0, .theme-light .theme-light .theme-light .theme-dark .bg-theme-0, .theme-dark .theme-light .theme-light .theme-light .theme-dark .bg-theme-0 { background: black; } .theme-dark.b-theme-0, .theme-dark .b-theme-0, .theme-light .theme-dark .b-theme-0, .theme-dark .theme-light .theme-dark .b-theme-0, .theme-light .theme-light .theme-dark .b-theme-0, .theme-dark .theme-light .theme-light .theme-dark .b-theme-0, .theme-light .theme-light .theme-light .theme-dark .b-theme-0, .theme-dark .theme-light .theme-light .theme-light .theme-dark .b-theme-0 { border-color: black; } .theme-dark.hover\:bg-theme-0:hover, .theme-dark .hover\:bg-theme-0:hover, .theme-light .theme-dark .hover\:bg-theme-0:hover, .theme-dark .theme-light .theme-dark .hover\:bg-theme-0:hover, .theme-light .theme-light .theme-dark .hover\:bg-theme-0:hover, .theme-dark .theme-light .theme-light .theme-dark .hover\:bg-theme-0:hover, .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-0:hover, .theme-dark .theme-light .theme-light .theme-light .theme-dark .hover\:bg-theme-0:hover { background: black; } .c-default { color: #343a40; } .hover\:c-default:hover { color: #343a40; } .bg-default { background-color: #343a40; } .hover\:bg-default:hover { background-color: #343a40; } .b-default { border-color: #343a40; } .hover\:b-default:hover { border-color: #343a40; } .f-default { fill: #343a40; } .hover\:f-default:hover { fill: #343a40; } .s-default { stroke: #343a40; } .hover\:s-default:hover { stroke: #343a40; } a.l-default, .l-default a { color: #343a40; } a.l-hover-default:hover, .l-hover-default a:hover { color: #343a40; } a.l-active-default:active, .l-active-default a:active { color: #343a40; } a.l-visited-default:visited, .l-visited-default a:visited { color: #343a40; } .c-primary { color: #4c6ef5; } .hover\:c-primary:hover { color: #4c6ef5; } .bg-primary { background-color: #4c6ef5; } .hover\:bg-primary:hover { background-color: #4c6ef5; } .b-primary { border-color: #4c6ef5; } .hover\:b-primary:hover { border-color: #4c6ef5; } .f-primary { fill: #4c6ef5; } .hover\:f-primary:hover { fill: #4c6ef5; } .s-primary { stroke: #4c6ef5; } .hover\:s-primary:hover { stroke: #4c6ef5; } a.l-primary, .l-primary a { color: #4c6ef5; } a.l-hover-primary:hover, .l-hover-primary a:hover { color: #4c6ef5; } a.l-active-primary:active, .l-active-primary a:active { color: #4c6ef5; } a.l-visited-primary:visited, .l-visited-primary a:visited { color: #4c6ef5; } .c-secondary { color: #e64980; } .hover\:c-secondary:hover { color: #e64980; } .bg-secondary { background-color: #e64980; } .hover\:bg-secondary:hover { background-color: #e64980; } .b-secondary { border-color: #e64980; } .hover\:b-secondary:hover { border-color: #e64980; } .f-secondary { fill: #e64980; } .hover\:f-secondary:hover { fill: #e64980; } .s-secondary { stroke: #e64980; } .hover\:s-secondary:hover { stroke: #e64980; } a.l-secondary, .l-secondary a { color: #e64980; } a.l-hover-secondary:hover, .l-hover-secondary a:hover { color: #e64980; } a.l-active-secondary:active, .l-active-secondary a:active { color: #e64980; } a.l-visited-secondary:visited, .l-visited-secondary a:visited { color: #e64980; } .c-success { color: #40c057; } .hover\:c-success:hover { color: #40c057; } .bg-success { background-color: #40c057; } .hover\:bg-success:hover { background-color: #40c057; } .b-success { border-color: #40c057; } .hover\:b-success:hover { border-color: #40c057; } .f-success { fill: #40c057; } .hover\:f-success:hover { fill: #40c057; } .s-success { stroke: #40c057; } .hover\:s-success:hover { stroke: #40c057; } a.l-success, .l-success a { color: #40c057; } a.l-hover-success:hover, .l-hover-success a:hover { color: #40c057; } a.l-active-success:active, .l-active-success a:active { color: #40c057; } a.l-visited-success:visited, .l-visited-success a:visited { color: #40c057; } .c-info { color: #228be6; } .hover\:c-info:hover { color: #228be6; } .bg-info { background-color: #228be6; } .hover\:bg-info:hover { background-color: #228be6; } .b-info { border-color: #228be6; } .hover\:b-info:hover { border-color: #228be6; } .f-info { fill: #228be6; } .hover\:f-info:hover { fill: #228be6; } .s-info { stroke: #228be6; } .hover\:s-info:hover { stroke: #228be6; } a.l-info, .l-info a { color: #228be6; } a.l-hover-info:hover, .l-hover-info a:hover { color: #228be6; } a.l-active-info:active, .l-active-info a:active { color: #228be6; } a.l-visited-info:visited, .l-visited-info a:visited { color: #228be6; } .c-warning { color: #fd7e14; } .hover\:c-warning:hover { color: #fd7e14; } .bg-warning { background-color: #fd7e14; } .hover\:bg-warning:hover { background-color: #fd7e14; } .b-warning { border-color: #fd7e14; } .hover\:b-warning:hover { border-color: #fd7e14; } .f-warning { fill: #fd7e14; } .hover\:f-warning:hover { fill: #fd7e14; } .s-warning { stroke: #fd7e14; } .hover\:s-warning:hover { stroke: #fd7e14; } a.l-warning, .l-warning a { color: #fd7e14; } a.l-hover-warning:hover, .l-hover-warning a:hover { color: #fd7e14; } a.l-active-warning:active, .l-active-warning a:active { color: #fd7e14; } a.l-visited-warning:visited, .l-visited-warning a:visited { color: #fd7e14; } .c-danger { color: #fa5252; } .hover\:c-danger:hover { color: #fa5252; } .bg-danger { background-color: #fa5252; } .hover\:bg-danger:hover { background-color: #fa5252; } .b-danger { border-color: #fa5252; } .hover\:b-danger:hover { border-color: #fa5252; } .f-danger { fill: #fa5252; } .hover\:f-danger:hover { fill: #fa5252; } .s-danger { stroke: #fa5252; } .hover\:s-danger:hover { stroke: #fa5252; } a.l-danger, .l-danger a { color: #fa5252; } a.l-hover-danger:hover, .l-hover-danger a:hover { color: #fa5252; } a.l-active-danger:active, .l-active-danger a:active { color: #fa5252; } a.l-visited-danger:visited, .l-visited-danger a:visited { color: #fa5252; } .c-fb { color: #4267B2; } .bg-fb { background-color: #4267B2; } .b-fb { border-color: #4267B2; } .f-fb { fill: #4267B2; } .s-fb { stroke: #4267B2; } a.l-fb, .l-fb a { color: #4267B2; } a.l-hover-fb:hover, .l-hover-fb a:hover { color: #4267B2; } a.l-active-fb:active, .l-active-fb a:active { color: #4267B2; } a.l-visited-fb:visited, .l-visited-fb a:visited { color: #4267B2; } .c-vk { color: #4A76A8; } .bg-vk { background-color: #4A76A8; } .b-vk { border-color: #4A76A8; } .f-vk { fill: #4A76A8; } .s-vk { stroke: #4A76A8; } a.l-vk, .l-vk a { color: #4A76A8; } a.l-hover-vk:hover, .l-hover-vk a:hover { color: #4A76A8; } a.l-active-vk:active, .l-active-vk a:active { color: #4A76A8; } a.l-visited-vk:visited, .l-visited-vk a:visited { color: #4A76A8; } .c-tw { color: #1DA1F2; } .bg-tw { background-color: #1DA1F2; } .b-tw { border-color: #1DA1F2; } .f-tw { fill: #1DA1F2; } .s-tw { stroke: #1DA1F2; } a.l-tw, .l-tw a { color: #1DA1F2; } a.l-hover-tw:hover, .l-hover-tw a:hover { color: #1DA1F2; } a.l-active-tw:active, .l-active-tw a:active { color: #1DA1F2; } a.l-visited-tw:visited, .l-visited-tw a:visited { color: #1DA1F2; } .c-gp { color: #DB4437; } .bg-gp { background-color: #DB4437; } .b-gp { border-color: #DB4437; } .f-gp { fill: #DB4437; } .s-gp { stroke: #DB4437; } a.l-gp, .l-gp a { color: #DB4437; } a.l-hover-gp:hover, .l-hover-gp a:hover { color: #DB4437; } a.l-active-gp:active, .l-active-gp a:active { color: #DB4437; } a.l-visited-gp:visited, .l-visited-gp a:visited { color: #DB4437; } .c-pr { color: #BD081B; } .bg-pr { background-color: #BD081B; } .b-pr { border-color: #BD081B; } .f-pr { fill: #BD081B; } .s-pr { stroke: #BD081B; } a.l-pr, .l-pr a { color: #BD081B; } a.l-hover-pr:hover, .l-hover-pr a:hover { color: #BD081B; } a.l-active-pr:active, .l-active-pr a:active { color: #BD081B; } a.l-visited-pr:visited, .l-visited-pr a:visited { color: #BD081B; } .c-ok { color: #F58220; } .bg-ok { background-color: #F58220; } .b-ok { border-color: #F58220; } .f-ok { fill: #F58220; } .s-ok { stroke: #F58220; } a.l-ok, .l-ok a { color: #F58220; } a.l-hover-ok:hover, .l-hover-ok a:hover { color: #F58220; } a.l-active-ok:active, .l-active-ok a:active { color: #F58220; } a.l-visited-ok:visited, .l-visited-ok a:visited { color: #F58220; } .c-mr { color: #2164AB; } .bg-mr { background-color: #2164AB; } .b-mr { border-color: #2164AB; } .f-mr { fill: #2164AB; } .s-mr { stroke: #2164AB; } a.l-mr, .l-mr a { color: #2164AB; } a.l-hover-mr:hover, .l-hover-mr a:hover { color: #2164AB; } a.l-active-mr:active, .l-active-mr a:active { color: #2164AB; } a.l-visited-mr:visited, .l-visited-mr a:visited { color: #2164AB; } .c-yt { color: #FF0000; } .bg-yt { background-color: #FF0000; } .b-yt { border-color: #FF0000; } .f-yt { fill: #FF0000; } .s-yt { stroke: #FF0000; } a.l-yt, .l-yt a { color: #FF0000; } a.l-hover-yt:hover, .l-hover-yt a:hover { color: #FF0000; } a.l-active-yt:active, .l-active-yt a:active { color: #FF0000; } a.l-visited-yt:visited, .l-visited-yt a:visited { color: #FF0000; } .bg-g1 { background: #da020a; background: radial-gradient(at top, #da020a 0%, #d9020d 10%, #d5021c 22%, #c10257 53%, #ae0381 76%, #9e039c 95%, #9e039c 100%); } .bg-gblack-0-50 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.5) 100%); } .bg-gblack-0-60 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.6) 100%); } .bg-gblack-0-70 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.7) 100%); } .bg-gblack-0-80 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); } .bg-gblack-0-90 { background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.9) 100%); } .c-gray { color: #868e96 !important; } .bg-gray { background-color: #868e96 !important; } .b-gray { border-color: #868e96 !important; } .f-gray { fill: #868e96 !important; } .s-gray { stroke: #868e96 !important; } .hover\:c-gray:hover { color: #868e96 !important; } .hover\:bg-gray:hover { background-color: #868e96 !important; } .hover\:b-gray:hover { border-color: #868e96 !important; } .hover\:f-gray:hover { fill: #868e96 !important; } .hover\:s-gray:hover { stroke: #868e96 !important; } .focus\:c-gray:focus { color: #868e96 !important; } .focus\:bg-gray:focus { background-color: #868e96 !important; } .focus\:b-gray:focus { border-color: #868e96 !important; } .focus\:f-gray:focus { fill: #868e96 !important; } .focus\:s-gray:focus { stroke: #868e96 !important; } .c-gray-0 { color: #f8f9fa !important; } .bg-gray-0 { background-color: #f8f9fa !important; } .b-gray-0 { border-color: #f8f9fa !important; } .f-gray-0 { fill: #f8f9fa !important; } .s-gray-0 { stroke: #f8f9fa !important; } .c-gray-1 { color: #f1f3f5 !important; } .bg-gray-1 { background-color: #f1f3f5 !important; } .b-gray-1 { border-color: #f1f3f5 !important; } .f-gray-1 { fill: #f1f3f5 !important; } .s-gray-1 { stroke: #f1f3f5 !important; } .c-gray-2 { color: #e9ecef !important; } .bg-gray-2 { background-color: #e9ecef !important; } .b-gray-2 { border-color: #e9ecef !important; } .f-gray-2 { fill: #e9ecef !important; } .s-gray-2 { stroke: #e9ecef !important; } .c-gray-3 { color: #dee2e6 !important; } .bg-gray-3 { background-color: #dee2e6 !important; } .b-gray-3 { border-color: #dee2e6 !important; } .f-gray-3 { fill: #dee2e6 !important; } .s-gray-3 { stroke: #dee2e6 !important; } .c-gray-4 { color: #ced4da !important; } .bg-gray-4 { background-color: #ced4da !important; } .b-gray-4 { border-color: #ced4da !important; } .f-gray-4 { fill: #ced4da !important; } .s-gray-4 { stroke: #ced4da !important; } .c-gray-5 { color: #adb5bd !important; } .bg-gray-5 { background-color: #adb5bd !important; } .b-gray-5 { border-color: #adb5bd !important; } .f-gray-5 { fill: #adb5bd !important; } .s-gray-5 { stroke: #adb5bd !important; } .c-gray-6 { color: #868e96 !important; } .bg-gray-6 { background-color: #868e96 !important; } .b-gray-6 { border-color: #868e96 !important; } .f-gray-6 { fill: #868e96 !important; } .s-gray-6 { stroke: #868e96 !important; } .c-gray-7 { color: #495057 !important; } .bg-gray-7 { background-color: #495057 !important; } .b-gray-7 { border-color: #495057 !important; } .f-gray-7 { fill: #495057 !important; } .s-gray-7 { stroke: #495057 !important; } .c-gray-8 { color: #343a40 !important; } .bg-gray-8 { background-color: #343a40 !important; } .b-gray-8 { border-color: #343a40 !important; } .f-gray-8 { fill: #343a40 !important; } .s-gray-8 { stroke: #343a40 !important; } .c-gray-9 { color: #212529 !important; } .bg-gray-9 { background-color: #212529 !important; } .b-gray-9 { border-color: #212529 !important; } .f-gray-9 { fill: #212529 !important; } .s-gray-9 { stroke: #212529 !important; } .c-red { color: #fa5252 !important; } .bg-red { background-color: #fa5252 !important; } .b-red { border-color: #fa5252 !important; } .f-red { fill: #fa5252 !important; } .s-red { stroke: #fa5252 !important; } .hover\:c-red:hover { color: #fa5252 !important; } .hover\:bg-red:hover { background-color: #fa5252 !important; } .hover\:b-red:hover { border-color: #fa5252 !important; } .hover\:f-red:hover { fill: #fa5252 !important; } .hover\:s-red:hover { stroke: #fa5252 !important; } .focus\:c-red:focus { color: #fa5252 !important; } .focus\:bg-red:focus { background-color: #fa5252 !important; } .focus\:b-red:focus { border-color: #fa5252 !important; } .focus\:f-red:focus { fill: #fa5252 !important; } .focus\:s-red:focus { stroke: #fa5252 !important; } .c-red-0 { color: #fff5f5 !important; } .bg-red-0 { background-color: #fff5f5 !important; } .b-red-0 { border-color: #fff5f5 !important; } .f-red-0 { fill: #fff5f5 !important; } .s-red-0 { stroke: #fff5f5 !important; } .c-red-1 { color: #ffe3e3 !important; } .bg-red-1 { background-color: #ffe3e3 !important; } .b-red-1 { border-color: #ffe3e3 !important; } .f-red-1 { fill: #ffe3e3 !important; } .s-red-1 { stroke: #ffe3e3 !important; } .c-red-2 { color: #ffc9c9 !important; } .bg-red-2 { background-color: #ffc9c9 !important; } .b-red-2 { border-color: #ffc9c9 !important; } .f-red-2 { fill: #ffc9c9 !important; } .s-red-2 { stroke: #ffc9c9 !important; } .c-red-3 { color: #ffa8a8 !important; } .bg-red-3 { background-color: #ffa8a8 !important; } .b-red-3 { border-color: #ffa8a8 !important; } .f-red-3 { fill: #ffa8a8 !important; } .s-red-3 { stroke: #ffa8a8 !important; } .c-red-4 { color: #ff8787 !important; } .bg-red-4 { background-color: #ff8787 !important; } .b-red-4 { border-color: #ff8787 !important; } .f-red-4 { fill: #ff8787 !important; } .s-red-4 { stroke: #ff8787 !important; } .c-red-5 { color: #ff6b6b !important; } .bg-red-5 { background-color: #ff6b6b !important; } .b-red-5 { border-color: #ff6b6b !important; } .f-red-5 { fill: #ff6b6b !important; } .s-red-5 { stroke: #ff6b6b !important; } .c-red-6 { color: #fa5252 !important; } .bg-red-6 { background-color: #fa5252 !important; } .b-red-6 { border-color: #fa5252 !important; } .f-red-6 { fill: #fa5252 !important; } .s-red-6 { stroke: #fa5252 !important; } .c-red-7 { color: #f03e3e !important; } .bg-red-7 { background-color: #f03e3e !important; } .b-red-7 { border-color: #f03e3e !important; } .f-red-7 { fill: #f03e3e !important; } .s-red-7 { stroke: #f03e3e !important; } .c-red-8 { color: #e03131 !important; } .bg-red-8 { background-color: #e03131 !important; } .b-red-8 { border-color: #e03131 !important; } .f-red-8 { fill: #e03131 !important; } .s-red-8 { stroke: #e03131 !important; } .c-red-9 { color: #c92a2a !important; } .bg-red-9 { background-color: #c92a2a !important; } .b-red-9 { border-color: #c92a2a !important; } .f-red-9 { fill: #c92a2a !important; } .s-red-9 { stroke: #c92a2a !important; } .c-orange { color: #fd7e14 !important; } .bg-orange { background-color: #fd7e14 !important; } .b-orange { border-color: #fd7e14 !important; } .f-orange { fill: #fd7e14 !important; } .s-orange { stroke: #fd7e14 !important; } .hover\:c-orange:hover { color: #fd7e14 !important; } .hover\:bg-orange:hover { background-color: #fd7e14 !important; } .hover\:b-orange:hover { border-color: #fd7e14 !important; } .hover\:f-orange:hover { fill: #fd7e14 !important; } .hover\:s-orange:hover { stroke: #fd7e14 !important; } .focus\:c-orange:focus { color: #fd7e14 !important; } .focus\:bg-orange:focus { background-color: #fd7e14 !important; } .focus\:b-orange:focus { border-color: #fd7e14 !important; } .focus\:f-orange:focus { fill: #fd7e14 !important; } .focus\:s-orange:focus { stroke: #fd7e14 !important; } .c-orange-0 { color: #fff4e6 !important; } .bg-orange-0 { background-color: #fff4e6 !important; } .b-orange-0 { border-color: #fff4e6 !important; } .f-orange-0 { fill: #fff4e6 !important; } .s-orange-0 { stroke: #fff4e6 !important; } .c-orange-1 { color: #ffe8cc !important; } .bg-orange-1 { background-color: #ffe8cc !important; } .b-orange-1 { border-color: #ffe8cc !important; } .f-orange-1 { fill: #ffe8cc !important; } .s-orange-1 { stroke: #ffe8cc !important; } .c-orange-2 { color: #ffd8a8 !important; } .bg-orange-2 { background-color: #ffd8a8 !important; } .b-orange-2 { border-color: #ffd8a8 !important; } .f-orange-2 { fill: #ffd8a8 !important; } .s-orange-2 { stroke: #ffd8a8 !important; } .c-orange-3 { color: #ffc078 !important; } .bg-orange-3 { background-color: #ffc078 !important; } .b-orange-3 { border-color: #ffc078 !important; } .f-orange-3 { fill: #ffc078 !important; } .s-orange-3 { stroke: #ffc078 !important; } .c-orange-4 { color: #ffa94d !important; } .bg-orange-4 { background-color: #ffa94d !important; } .b-orange-4 { border-color: #ffa94d !important; } .f-orange-4 { fill: #ffa94d !important; } .s-orange-4 { stroke: #ffa94d !important; } .c-orange-5 { color: #ff922b !important; } .bg-orange-5 { background-color: #ff922b !important; } .b-orange-5 { border-color: #ff922b !important; } .f-orange-5 { fill: #ff922b !important; } .s-orange-5 { stroke: #ff922b !important; } .c-orange-6 { color: #fd7e14 !important; } .bg-orange-6 { background-color: #fd7e14 !important; } .b-orange-6 { border-color: #fd7e14 !important; } .f-orange-6 { fill: #fd7e14 !important; } .s-orange-6 { stroke: #fd7e14 !important; } .c-orange-7 { color: #f76707 !important; } .bg-orange-7 { background-color: #f76707 !important; } .b-orange-7 { border-color: #f76707 !important; } .f-orange-7 { fill: #f76707 !important; } .s-orange-7 { stroke: #f76707 !important; } .c-orange-8 { color: #e8590c !important; } .bg-orange-8 { background-color: #e8590c !important; } .b-orange-8 { border-color: #e8590c !important; } .f-orange-8 { fill: #e8590c !important; } .s-orange-8 { stroke: #e8590c !important; } .c-orange-9 { color: #d9480f !important; } .bg-orange-9 { background-color: #d9480f !important; } .b-orange-9 { border-color: #d9480f !important; } .f-orange-9 { fill: #d9480f !important; } .s-orange-9 { stroke: #d9480f !important; } .c-yellow { color: #fab005 !important; } .bg-yellow { background-color: #fab005 !important; } .b-yellow { border-color: #fab005 !important; } .f-yellow { fill: #fab005 !important; } .s-yellow { stroke: #fab005 !important; } .hover\:c-yellow:hover { color: #fab005 !important; } .hover\:bg-yellow:hover { background-color: #fab005 !important; } .hover\:b-yellow:hover { border-color: #fab005 !important; } .hover\:f-yellow:hover { fill: #fab005 !important; } .hover\:s-yellow:hover { stroke: #fab005 !important; } .focus\:c-yellow:focus { color: #fab005 !important; } .focus\:bg-yellow:focus { background-color: #fab005 !important; } .focus\:b-yellow:focus { border-color: #fab005 !important; } .focus\:f-yellow:focus { fill: #fab005 !important; } .focus\:s-yellow:focus { stroke: #fab005 !important; } .c-yellow-0 { color: #fff9db !important; } .bg-yellow-0 { background-color: #fff9db !important; } .b-yellow-0 { border-color: #fff9db !important; } .f-yellow-0 { fill: #fff9db !important; } .s-yellow-0 { stroke: #fff9db !important; } .c-yellow-1 { color: #fff3bf !important; } .bg-yellow-1 { background-color: #fff3bf !important; } .b-yellow-1 { border-color: #fff3bf !important; } .f-yellow-1 { fill: #fff3bf !important; } .s-yellow-1 { stroke: #fff3bf !important; } .c-yellow-2 { color: #ffec99 !important; } .bg-yellow-2 { background-color: #ffec99 !important; } .b-yellow-2 { border-color: #ffec99 !important; } .f-yellow-2 { fill: #ffec99 !important; } .s-yellow-2 { stroke: #ffec99 !important; } .c-yellow-3 { color: #ffe066 !important; } .bg-yellow-3 { background-color: #ffe066 !important; } .b-yellow-3 { border-color: #ffe066 !important; } .f-yellow-3 { fill: #ffe066 !important; } .s-yellow-3 { stroke: #ffe066 !important; } .c-yellow-4 { color: #ffd43b !important; } .bg-yellow-4 { background-color: #ffd43b !important; } .b-yellow-4 { border-color: #ffd43b !important; } .f-yellow-4 { fill: #ffd43b !important; } .s-yellow-4 { stroke: #ffd43b !important; } .c-yellow-5 { color: #fcc419 !important; } .bg-yellow-5 { background-color: #fcc419 !important; } .b-yellow-5 { border-color: #fcc419 !important; } .f-yellow-5 { fill: #fcc419 !important; } .s-yellow-5 { stroke: #fcc419 !important; } .c-yellow-6 { color: #fab005 !important; } .bg-yellow-6 { background-color: #fab005 !important; } .b-yellow-6 { border-color: #fab005 !important; } .f-yellow-6 { fill: #fab005 !important; } .s-yellow-6 { stroke: #fab005 !important; } .c-yellow-7 { color: #f59f00 !important; } .bg-yellow-7 { background-color: #f59f00 !important; } .b-yellow-7 { border-color: #f59f00 !important; } .f-yellow-7 { fill: #f59f00 !important; } .s-yellow-7 { stroke: #f59f00 !important; } .c-yellow-8 { color: #f08c00 !important; } .bg-yellow-8 { background-color: #f08c00 !important; } .b-yellow-8 { border-color: #f08c00 !important; } .f-yellow-8 { fill: #f08c00 !important; } .s-yellow-8 { stroke: #f08c00 !important; } .c-yellow-9 { color: #e67700 !important; } .bg-yellow-9 { background-color: #e67700 !important; } .b-yellow-9 { border-color: #e67700 !important; } .f-yellow-9 { fill: #e67700 !important; } .s-yellow-9 { stroke: #e67700 !important; } .c-lime { color: #82c91e !important; } .bg-lime { background-color: #82c91e !important; } .b-lime { border-color: #82c91e !important; } .f-lime { fill: #82c91e !important; } .s-lime { stroke: #82c91e !important; } .hover\:c-lime:hover { color: #82c91e !important; } .hover\:bg-lime:hover { background-color: #82c91e !important; } .hover\:b-lime:hover { border-color: #82c91e !important; } .hover\:f-lime:hover { fill: #82c91e !important; } .hover\:s-lime:hover { stroke: #82c91e !important; } .focus\:c-lime:focus { color: #82c91e !important; } .focus\:bg-lime:focus { background-color: #82c91e !important; } .focus\:b-lime:focus { border-color: #82c91e !important; } .focus\:f-lime:focus { fill: #82c91e !important; } .focus\:s-lime:focus { stroke: #82c91e !important; } .c-lime-0 { color: #f4fce3 !important; } .bg-lime-0 { background-color: #f4fce3 !important; } .b-lime-0 { border-color: #f4fce3 !important; } .f-lime-0 { fill: #f4fce3 !important; } .s-lime-0 { stroke: #f4fce3 !important; } .c-lime-1 { color: #e9fac8 !important; } .bg-lime-1 { background-color: #e9fac8 !important; } .b-lime-1 { border-color: #e9fac8 !important; } .f-lime-1 { fill: #e9fac8 !important; } .s-lime-1 { stroke: #e9fac8 !important; } .c-lime-2 { color: #d8f5a2 !important; } .bg-lime-2 { background-color: #d8f5a2 !important; } .b-lime-2 { border-color: #d8f5a2 !important; } .f-lime-2 { fill: #d8f5a2 !important; } .s-lime-2 { stroke: #d8f5a2 !important; } .c-lime-3 { color: #c0eb75 !important; } .bg-lime-3 { background-color: #c0eb75 !important; } .b-lime-3 { border-color: #c0eb75 !important; } .f-lime-3 { fill: #c0eb75 !important; } .s-lime-3 { stroke: #c0eb75 !important; } .c-lime-4 { color: #a9e34b !important; } .bg-lime-4 { background-color: #a9e34b !important; } .b-lime-4 { border-color: #a9e34b !important; } .f-lime-4 { fill: #a9e34b !important; } .s-lime-4 { stroke: #a9e34b !important; } .c-lime-5 { color: #94d82d !important; } .bg-lime-5 { background-color: #94d82d !important; } .b-lime-5 { border-color: #94d82d !important; } .f-lime-5 { fill: #94d82d !important; } .s-lime-5 { stroke: #94d82d !important; } .c-lime-6 { color: #82c91e !important; } .bg-lime-6 { background-color: #82c91e !important; } .b-lime-6 { border-color: #82c91e !important; } .f-lime-6 { fill: #82c91e !important; } .s-lime-6 { stroke: #82c91e !important; } .c-lime-7 { color: #74b816 !important; } .bg-lime-7 { background-color: #74b816 !important; } .b-lime-7 { border-color: #74b816 !important; } .f-lime-7 { fill: #74b816 !important; } .s-lime-7 { stroke: #74b816 !important; } .c-lime-8 { color: #66a80f !important; } .bg-lime-8 { background-color: #66a80f !important; } .b-lime-8 { border-color: #66a80f !important; } .f-lime-8 { fill: #66a80f !important; } .s-lime-8 { stroke: #66a80f !important; } .c-lime-9 { color: #5c940d !important; } .bg-lime-9 { background-color: #5c940d !important; } .b-lime-9 { border-color: #5c940d !important; } .f-lime-9 { fill: #5c940d !important; } .s-lime-9 { stroke: #5c940d !important; } .c-green { color: #40c057 !important; } .bg-green { background-color: #40c057 !important; } .b-green { border-color: #40c057 !important; } .f-green { fill: #40c057 !important; } .s-green { stroke: #40c057 !important; } .hover\:c-green:hover { color: #40c057 !important; } .hover\:bg-green:hover { background-color: #40c057 !important; } .hover\:b-green:hover { border-color: #40c057 !important; } .hover\:f-green:hover { fill: #40c057 !important; } .hover\:s-green:hover { stroke: #40c057 !important; } .focus\:c-green:focus { color: #40c057 !important; } .focus\:bg-green:focus { background-color: #40c057 !important; } .focus\:b-green:focus { border-color: #40c057 !important; } .focus\:f-green:focus { fill: #40c057 !important; } .focus\:s-green:focus { stroke: #40c057 !important; } .c-green-0 { color: #ebfbee !important; } .bg-green-0 { background-color: #ebfbee !important; } .b-green-0 { border-color: #ebfbee !important; } .f-green-0 { fill: #ebfbee !important; } .s-green-0 { stroke: #ebfbee !important; } .c-green-1 { color: #d3f9d8 !important; } .bg-green-1 { background-color: #d3f9d8 !important; } .b-green-1 { border-color: #d3f9d8 !important; } .f-green-1 { fill: #d3f9d8 !important; } .s-green-1 { stroke: #d3f9d8 !important; } .c-green-2 { color: #b2f2bb !important; } .bg-green-2 { background-color: #b2f2bb !important; } .b-green-2 { border-color: #b2f2bb !important; } .f-green-2 { fill: #b2f2bb !important; } .s-green-2 { stroke: #b2f2bb !important; } .c-green-3 { color: #8ce99a !important; } .bg-green-3 { background-color: #8ce99a !important; } .b-green-3 { border-color: #8ce99a !important; } .f-green-3 { fill: #8ce99a !important; } .s-green-3 { stroke: #8ce99a !important; } .c-green-4 { color: #69db7c !important; } .bg-green-4 { background-color: #69db7c !important; } .b-green-4 { border-color: #69db7c !important; } .f-green-4 { fill: #69db7c !important; } .s-green-4 { stroke: #69db7c !important; } .c-green-5 { color: #51cf66 !important; } .bg-green-5 { background-color: #51cf66 !important; } .b-green-5 { border-color: #51cf66 !important; } .f-green-5 { fill: #51cf66 !important; } .s-green-5 { stroke: #51cf66 !important; } .c-green-6 { color: #40c057 !important; } .bg-green-6 { background-color: #40c057 !important; } .b-green-6 { border-color: #40c057 !important; } .f-green-6 { fill: #40c057 !important; } .s-green-6 { stroke: #40c057 !important; } .c-green-7 { color: #37b24d !important; } .bg-green-7 { background-color: #37b24d !important; } .b-green-7 { border-color: #37b24d !important; } .f-green-7 { fill: #37b24d !important; } .s-green-7 { stroke: #37b24d !important; } .c-green-8 { color: #2f9e44 !important; } .bg-green-8 { background-color: #2f9e44 !important; } .b-green-8 { border-color: #2f9e44 !important; } .f-green-8 { fill: #2f9e44 !important; } .s-green-8 { stroke: #2f9e44 !important; } .c-green-9 { color: #2b8a3e !important; } .bg-green-9 { background-color: #2b8a3e !important; } .b-green-9 { border-color: #2b8a3e !important; } .f-green-9 { fill: #2b8a3e !important; } .s-green-9 { stroke: #2b8a3e !important; } .c-teal { color: #12b886 !important; } .bg-teal { background-color: #12b886 !important; } .b-teal { border-color: #12b886 !important; } .f-teal { fill: #12b886 !important; } .s-teal { stroke: #12b886 !important; } .hover\:c-teal:hover { color: #12b886 !important; } .hover\:bg-teal:hover { background-color: #12b886 !important; } .hover\:b-teal:hover { border-color: #12b886 !important; } .hover\:f-teal:hover { fill: #12b886 !important; } .hover\:s-teal:hover { stroke: #12b886 !important; } .focus\:c-teal:focus { color: #12b886 !important; } .focus\:bg-teal:focus { background-color: #12b886 !important; } .focus\:b-teal:focus { border-color: #12b886 !important; } .focus\:f-teal:focus { fill: #12b886 !important; } .focus\:s-teal:focus { stroke: #12b886 !important; } .c-teal-0 { color: #e6fcf5 !important; } .bg-teal-0 { background-color: #e6fcf5 !important; } .b-teal-0 { border-color: #e6fcf5 !important; } .f-teal-0 { fill: #e6fcf5 !important; } .s-teal-0 { stroke: #e6fcf5 !important; } .c-teal-1 { color: #c3fae8 !important; } .bg-teal-1 { background-color: #c3fae8 !important; } .b-teal-1 { border-color: #c3fae8 !important; } .f-teal-1 { fill: #c3fae8 !important; } .s-teal-1 { stroke: #c3fae8 !important; } .c-teal-2 { color: #96f2d7 !important; } .bg-teal-2 { background-color: #96f2d7 !important; } .b-teal-2 { border-color: #96f2d7 !important; } .f-teal-2 { fill: #96f2d7 !important; } .s-teal-2 { stroke: #96f2d7 !important; } .c-teal-3 { color: #63e6be !important; } .bg-teal-3 { background-color: #63e6be !important; } .b-teal-3 { border-color: #63e6be !important; } .f-teal-3 { fill: #63e6be !important; } .s-teal-3 { stroke: #63e6be !important; } .c-teal-4 { color: #38d9a9 !important; } .bg-teal-4 { background-color: #38d9a9 !important; } .b-teal-4 { border-color: #38d9a9 !important; } .f-teal-4 { fill: #38d9a9 !important; } .s-teal-4 { stroke: #38d9a9 !important; } .c-teal-5 { color: #20c997 !important; } .bg-teal-5 { background-color: #20c997 !important; } .b-teal-5 { border-color: #20c997 !important; } .f-teal-5 { fill: #20c997 !important; } .s-teal-5 { stroke: #20c997 !important; } .c-teal-6 { color: #12b886 !important; } .bg-teal-6 { background-color: #12b886 !important; } .b-teal-6 { border-color: #12b886 !important; } .f-teal-6 { fill: #12b886 !important; } .s-teal-6 { stroke: #12b886 !important; } .c-teal-7 { color: #0ca678 !important; } .bg-teal-7 { background-color: #0ca678 !important; } .b-teal-7 { border-color: #0ca678 !important; } .f-teal-7 { fill: #0ca678 !important; } .s-teal-7 { stroke: #0ca678 !important; } .c-teal-8 { color: #099268 !important; } .bg-teal-8 { background-color: #099268 !important; } .b-teal-8 { border-color: #099268 !important; } .f-teal-8 { fill: #099268 !important; } .s-teal-8 { stroke: #099268 !important; } .c-teal-9 { color: #087f5b !important; } .bg-teal-9 { background-color: #087f5b !important; } .b-teal-9 { border-color: #087f5b !important; } .f-teal-9 { fill: #087f5b !important; } .s-teal-9 { stroke: #087f5b !important; } .c-blue { color: #228be6 !important; } .bg-blue { background-color: #228be6 !important; } .b-blue { border-color: #228be6 !important; } .f-blue { fill: #228be6 !important; } .s-blue { stroke: #228be6 !important; } .hover\:c-blue:hover { color: #228be6 !important; } .hover\:bg-blue:hover { background-color: #228be6 !important; } .hover\:b-blue:hover { border-color: #228be6 !important; } .hover\:f-blue:hover { fill: #228be6 !important; } .hover\:s-blue:hover { stroke: #228be6 !important; } .focus\:c-blue:focus { color: #228be6 !important; } .focus\:bg-blue:focus { background-color: #228be6 !important; } .focus\:b-blue:focus { border-color: #228be6 !important; } .focus\:f-blue:focus { fill: #228be6 !important; } .focus\:s-blue:focus { stroke: #228be6 !important; } .c-blue-0 { color: #e7f5ff !important; } .bg-blue-0 { background-color: #e7f5ff !important; } .b-blue-0 { border-color: #e7f5ff !important; } .f-blue-0 { fill: #e7f5ff !important; } .s-blue-0 { stroke: #e7f5ff !important; } .c-blue-1 { color: #d0ebff !important; } .bg-blue-1 { background-color: #d0ebff !important; } .b-blue-1 { border-color: #d0ebff !important; } .f-blue-1 { fill: #d0ebff !important; } .s-blue-1 { stroke: #d0ebff !important; } .c-blue-2 { color: #a5d8ff !important; } .bg-blue-2 { background-color: #a5d8ff !important; } .b-blue-2 { border-color: #a5d8ff !important; } .f-blue-2 { fill: #a5d8ff !important; } .s-blue-2 { stroke: #a5d8ff !important; } .c-blue-3 { color: #74c0fc !important; } .bg-blue-3 { background-color: #74c0fc !important; } .b-blue-3 { border-color: #74c0fc !important; } .f-blue-3 { fill: #74c0fc !important; } .s-blue-3 { stroke: #74c0fc !important; } .c-blue-4 { color: #4dabf7 !important; } .bg-blue-4 { background-color: #4dabf7 !important; } .b-blue-4 { border-color: #4dabf7 !important; } .f-blue-4 { fill: #4dabf7 !important; } .s-blue-4 { stroke: #4dabf7 !important; } .c-blue-5 { color: #339af0 !important; } .bg-blue-5 { background-color: #339af0 !important; } .b-blue-5 { border-color: #339af0 !important; } .f-blue-5 { fill: #339af0 !important; } .s-blue-5 { stroke: #339af0 !important; } .c-blue-6 { color: #228be6 !important; } .bg-blue-6 { background-color: #228be6 !important; } .b-blue-6 { border-color: #228be6 !important; } .f-blue-6 { fill: #228be6 !important; } .s-blue-6 { stroke: #228be6 !important; } .c-blue-7 { color: #1c7ed6 !important; } .bg-blue-7 { background-color: #1c7ed6 !important; } .b-blue-7 { border-color: #1c7ed6 !important; } .f-blue-7 { fill: #1c7ed6 !important; } .s-blue-7 { stroke: #1c7ed6 !important; } .c-blue-8 { color: #1971c2 !important; } .bg-blue-8 { background-color: #1971c2 !important; } .b-blue-8 { border-color: #1971c2 !important; } .f-blue-8 { fill: #1971c2 !important; } .s-blue-8 { stroke: #1971c2 !important; } .c-blue-9 { color: #1864ab !important; } .bg-blue-9 { background-color: #1864ab !important; } .b-blue-9 { border-color: #1864ab !important; } .f-blue-9 { fill: #1864ab !important; } .s-blue-9 { stroke: #1864ab !important; } .c-indigo { color: #4c6ef5 !important; } .bg-indigo { background-color: #4c6ef5 !important; } .b-indigo { border-color: #4c6ef5 !important; } .f-indigo { fill: #4c6ef5 !important; } .s-indigo { stroke: #4c6ef5 !important; } .hover\:c-indigo:hover { color: #4c6ef5 !important; } .hover\:bg-indigo:hover { background-color: #4c6ef5 !important; } .hover\:b-indigo:hover { border-color: #4c6ef5 !important; } .hover\:f-indigo:hover { fill: #4c6ef5 !important; } .hover\:s-indigo:hover { stroke: #4c6ef5 !important; } .focus\:c-indigo:focus { color: #4c6ef5 !important; } .focus\:bg-indigo:focus { background-color: #4c6ef5 !important; } .focus\:b-indigo:focus { border-color: #4c6ef5 !important; } .focus\:f-indigo:focus { fill: #4c6ef5 !important; } .focus\:s-indigo:focus { stroke: #4c6ef5 !important; } .c-indigo-0 { color: #edf2ff !important; } .bg-indigo-0 { background-color: #edf2ff !important; } .b-indigo-0 { border-color: #edf2ff !important; } .f-indigo-0 { fill: #edf2ff !important; } .s-indigo-0 { stroke: #edf2ff !important; } .c-indigo-1 { color: #dbe4ff !important; } .bg-indigo-1 { background-color: #dbe4ff !important; } .b-indigo-1 { border-color: #dbe4ff !important; } .f-indigo-1 { fill: #dbe4ff !important; } .s-indigo-1 { stroke: #dbe4ff !important; } .c-indigo-2 { color: #bac8ff !important; } .bg-indigo-2 { background-color: #bac8ff !important; } .b-indigo-2 { border-color: #bac8ff !important; } .f-indigo-2 { fill: #bac8ff !important; } .s-indigo-2 { stroke: #bac8ff !important; } .c-indigo-3 { color: #91a7ff !important; } .bg-indigo-3 { background-color: #91a7ff !important; } .b-indigo-3 { border-color: #91a7ff !important; } .f-indigo-3 { fill: #91a7ff !important; } .s-indigo-3 { stroke: #91a7ff !important; } .c-indigo-4 { color: #748ffc !important; } .bg-indigo-4 { background-color: #748ffc !important; } .b-indigo-4 { border-color: #748ffc !important; } .f-indigo-4 { fill: #748ffc !important; } .s-indigo-4 { stroke: #748ffc !important; } .c-indigo-5 { color: #5c7cfa !important; } .bg-indigo-5 { background-color: #5c7cfa !important; } .b-indigo-5 { border-color: #5c7cfa !important; } .f-indigo-5 { fill: #5c7cfa !important; } .s-indigo-5 { stroke: #5c7cfa !important; } .c-indigo-6 { color: #4c6ef5 !important; } .bg-indigo-6 { background-color: #4c6ef5 !important; } .b-indigo-6 { border-color: #4c6ef5 !important; } .f-indigo-6 { fill: #4c6ef5 !important; } .s-indigo-6 { stroke: #4c6ef5 !important; } .c-indigo-7 { color: #4263eb !important; } .bg-indigo-7 { background-color: #4263eb !important; } .b-indigo-7 { border-color: #4263eb !important; } .f-indigo-7 { fill: #4263eb !important; } .s-indigo-7 { stroke: #4263eb !important; } .c-indigo-8 { color: #3b5bdb !important; } .bg-indigo-8 { background-color: #3b5bdb !important; } .b-indigo-8 { border-color: #3b5bdb !important; } .f-indigo-8 { fill: #3b5bdb !important; } .s-indigo-8 { stroke: #3b5bdb !important; } .c-indigo-9 { color: #364fc7 !important; } .bg-indigo-9 { background-color: #364fc7 !important; } .b-indigo-9 { border-color: #364fc7 !important; } .f-indigo-9 { fill: #364fc7 !important; } .s-indigo-9 { stroke: #364fc7 !important; } .c-violet { color: #7950f2 !important; } .bg-violet { background-color: #7950f2 !important; } .b-violet { border-color: #7950f2 !important; } .f-violet { fill: #7950f2 !important; } .s-violet { stroke: #7950f2 !important; } .hover\:c-violet:hover { color: #7950f2 !important; } .hover\:bg-violet:hover { background-color: #7950f2 !important; } .hover\:b-violet:hover { border-color: #7950f2 !important; } .hover\:f-violet:hover { fill: #7950f2 !important; } .hover\:s-violet:hover { stroke: #7950f2 !important; } .focus\:c-violet:focus { color: #7950f2 !important; } .focus\:bg-violet:focus { background-color: #7950f2 !important; } .focus\:b-violet:focus { border-color: #7950f2 !important; } .focus\:f-violet:focus { fill: #7950f2 !important; } .focus\:s-violet:focus { stroke: #7950f2 !important; } .c-violet-0 { color: #f3f0ff !important; } .bg-violet-0 { background-color: #f3f0ff !important; } .b-violet-0 { border-color: #f3f0ff !important; } .f-violet-0 { fill: #f3f0ff !important; } .s-violet-0 { stroke: #f3f0ff !important; } .c-violet-1 { color: #e5dbff !important; } .bg-violet-1 { background-color: #e5dbff !important; } .b-violet-1 { border-color: #e5dbff !important; } .f-violet-1 { fill: #e5dbff !important; } .s-violet-1 { stroke: #e5dbff !important; } .c-violet-2 { color: #d0bfff !important; } .bg-violet-2 { background-color: #d0bfff !important; } .b-violet-2 { border-color: #d0bfff !important; } .f-violet-2 { fill: #d0bfff !important; } .s-violet-2 { stroke: #d0bfff !important; } .c-violet-3 { color: #b197fc !important; } .bg-violet-3 { background-color: #b197fc !important; } .b-violet-3 { border-color: #b197fc !important; } .f-violet-3 { fill: #b197fc !important; } .s-violet-3 { stroke: #b197fc !important; } .c-violet-4 { color: #9775fa !important; } .bg-violet-4 { background-color: #9775fa !important; } .b-violet-4 { border-color: #9775fa !important; } .f-violet-4 { fill: #9775fa !important; } .s-violet-4 { stroke: #9775fa !important; } .c-violet-5 { color: #845ef7 !important; } .bg-violet-5 { background-color: #845ef7 !important; } .b-violet-5 { border-color: #845ef7 !important; } .f-violet-5 { fill: #845ef7 !important; } .s-violet-5 { stroke: #845ef7 !important; } .c-violet-6 { color: #7950f2 !important; } .bg-violet-6 { background-color: #7950f2 !important; } .b-violet-6 { border-color: #7950f2 !important; } .f-violet-6 { fill: #7950f2 !important; } .s-violet-6 { stroke: #7950f2 !important; } .c-violet-7 { color: #7048e8 !important; } .bg-violet-7 { background-color: #7048e8 !important; } .b-violet-7 { border-color: #7048e8 !important; } .f-violet-7 { fill: #7048e8 !important; } .s-violet-7 { stroke: #7048e8 !important; } .c-violet-8 { color: #6741d9 !important; } .bg-violet-8 { background-color: #6741d9 !important; } .b-violet-8 { border-color: #6741d9 !important; } .f-violet-8 { fill: #6741d9 !important; } .s-violet-8 { stroke: #6741d9 !important; } .c-violet-9 { color: #5f3dc4 !important; } .bg-violet-9 { background-color: #5f3dc4 !important; } .b-violet-9 { border-color: #5f3dc4 !important; } .f-violet-9 { fill: #5f3dc4 !important; } .s-violet-9 { stroke: #5f3dc4 !important; } .c-grape { color: #be4bdb !important; } .bg-grape { background-color: #be4bdb !important; } .b-grape { border-color: #be4bdb !important; } .f-grape { fill: #be4bdb !important; } .s-grape { stroke: #be4bdb !important; } .hover\:c-grape:hover { color: #be4bdb !important; } .hover\:bg-grape:hover { background-color: #be4bdb !important; } .hover\:b-grape:hover { border-color: #be4bdb !important; } .hover\:f-grape:hover { fill: #be4bdb !important; } .hover\:s-grape:hover { stroke: #be4bdb !important; } .focus\:c-grape:focus { color: #be4bdb !important; } .focus\:bg-grape:focus { background-color: #be4bdb !important; } .focus\:b-grape:focus { border-color: #be4bdb !important; } .focus\:f-grape:focus { fill: #be4bdb !important; } .focus\:s-grape:focus { stroke: #be4bdb !important; } .c-grape-0 { color: #f8f0fc !important; } .bg-grape-0 { background-color: #f8f0fc !important; } .b-grape-0 { border-color: #f8f0fc !important; } .f-grape-0 { fill: #f8f0fc !important; } .s-grape-0 { stroke: #f8f0fc !important; } .c-grape-1 { color: #f3d9fa !important; } .bg-grape-1 { background-color: #f3d9fa !important; } .b-grape-1 { border-color: #f3d9fa !important; } .f-grape-1 { fill: #f3d9fa !important; } .s-grape-1 { stroke: #f3d9fa !important; } .c-grape-2 { color: #eebefa !important; } .bg-grape-2 { background-color: #eebefa !important; } .b-grape-2 { border-color: #eebefa !important; } .f-grape-2 { fill: #eebefa !important; } .s-grape-2 { stroke: #eebefa !important; } .c-grape-3 { color: #e599f7 !important; } .bg-grape-3 { background-color: #e599f7 !important; } .b-grape-3 { border-color: #e599f7 !important; } .f-grape-3 { fill: #e599f7 !important; } .s-grape-3 { stroke: #e599f7 !important; } .c-grape-4 { color: #da77f2 !important; } .bg-grape-4 { background-color: #da77f2 !important; } .b-grape-4 { border-color: #da77f2 !important; } .f-grape-4 { fill: #da77f2 !important; } .s-grape-4 { stroke: #da77f2 !important; } .c-grape-5 { color: #cc5de8 !important; } .bg-grape-5 { background-color: #cc5de8 !important; } .b-grape-5 { border-color: #cc5de8 !important; } .f-grape-5 { fill: #cc5de8 !important; } .s-grape-5 { stroke: #cc5de8 !important; } .c-grape-6 { color: #be4bdb !important; } .bg-grape-6 { background-color: #be4bdb !important; } .b-grape-6 { border-color: #be4bdb !important; } .f-grape-6 { fill: #be4bdb !important; } .s-grape-6 { stroke: #be4bdb !important; } .c-grape-7 { color: #ae3ec9 !important; } .bg-grape-7 { background-color: #ae3ec9 !important; } .b-grape-7 { border-color: #ae3ec9 !important; } .f-grape-7 { fill: #ae3ec9 !important; } .s-grape-7 { stroke: #ae3ec9 !important; } .c-grape-8 { color: #9c36b5 !important; } .bg-grape-8 { background-color: #9c36b5 !important; } .b-grape-8 { border-color: #9c36b5 !important; } .f-grape-8 { fill: #9c36b5 !important; } .s-grape-8 { stroke: #9c36b5 !important; } .c-grape-9 { color: #862e9c !important; } .bg-grape-9 { background-color: #862e9c !important; } .b-grape-9 { border-color: #862e9c !important; } .f-grape-9 { fill: #862e9c !important; } .s-grape-9 { stroke: #862e9c !important; } .c-pink { color: #e64980 !important; } .bg-pink { background-color: #e64980 !important; } .b-pink { border-color: #e64980 !important; } .f-pink { fill: #e64980 !important; } .s-pink { stroke: #e64980 !important; } .hover\:c-pink:hover { color: #e64980 !important; } .hover\:bg-pink:hover { background-color: #e64980 !important; } .hover\:b-pink:hover { border-color: #e64980 !important; } .hover\:f-pink:hover { fill: #e64980 !important; } .hover\:s-pink:hover { stroke: #e64980 !important; } .focus\:c-pink:focus { color: #e64980 !important; } .focus\:bg-pink:focus { background-color: #e64980 !important; } .focus\:b-pink:focus { border-color: #e64980 !important; } .focus\:f-pink:focus { fill: #e64980 !important; } .focus\:s-pink:focus { stroke: #e64980 !important; } .c-pink-0 { color: #fff0f6 !important; } .bg-pink-0 { background-color: #fff0f6 !important; } .b-pink-0 { border-color: #fff0f6 !important; } .f-pink-0 { fill: #fff0f6 !important; } .s-pink-0 { stroke: #fff0f6 !important; } .c-pink-1 { color: #ffdeeb !important; } .bg-pink-1 { background-color: #ffdeeb !important; } .b-pink-1 { border-color: #ffdeeb !important; } .f-pink-1 { fill: #ffdeeb !important; } .s-pink-1 { stroke: #ffdeeb !important; } .c-pink-2 { color: #fcc2d7 !important; } .bg-pink-2 { background-color: #fcc2d7 !important; } .b-pink-2 { border-color: #fcc2d7 !important; } .f-pink-2 { fill: #fcc2d7 !important; } .s-pink-2 { stroke: #fcc2d7 !important; } .c-pink-3 { color: #faa2c1 !important; } .bg-pink-3 { background-color: #faa2c1 !important; } .b-pink-3 { border-color: #faa2c1 !important; } .f-pink-3 { fill: #faa2c1 !important; } .s-pink-3 { stroke: #faa2c1 !important; } .c-pink-4 { color: #f783ac !important; } .bg-pink-4 { background-color: #f783ac !important; } .b-pink-4 { border-color: #f783ac !important; } .f-pink-4 { fill: #f783ac !important; } .s-pink-4 { stroke: #f783ac !important; } .c-pink-5 { color: #f06595 !important; } .bg-pink-5 { background-color: #f06595 !important; } .b-pink-5 { border-color: #f06595 !important; } .f-pink-5 { fill: #f06595 !important; } .s-pink-5 { stroke: #f06595 !important; } .c-pink-6 { color: #e64980 !important; } .bg-pink-6 { background-color: #e64980 !important; } .b-pink-6 { border-color: #e64980 !important; } .f-pink-6 { fill: #e64980 !important; } .s-pink-6 { stroke: #e64980 !important; } .c-pink-7 { color: #d6336c !important; } .bg-pink-7 { background-color: #d6336c !important; } .b-pink-7 { border-color: #d6336c !important; } .f-pink-7 { fill: #d6336c !important; } .s-pink-7 { stroke: #d6336c !important; } .c-pink-8 { color: #c2255c !important; } .bg-pink-8 { background-color: #c2255c !important; } .b-pink-8 { border-color: #c2255c !important; } .f-pink-8 { fill: #c2255c !important; } .s-pink-8 { stroke: #c2255c !important; } .c-pink-9 { color: #a61e4d !important; } .bg-pink-9 { background-color: #a61e4d !important; } .b-pink-9 { border-color: #a61e4d !important; } .f-pink-9 { fill: #a61e4d !important; } .s-pink-9 { stroke: #a61e4d !important; } .c-black { color: #000000 !important; } .bg-black { background-color: #000000 !important; } .b-black { border-color: #000000 !important; } .f-black { fill: #000000 !important; } .s-black { stroke: #000000 !important; } .hover\:c-black:hover { color: #000000 !important; } .hover\:bg-black:hover { background-color: #000000 !important; } .hover\:b-black:hover { border-color: #000000 !important; } .hover\:f-black:hover { fill: #000000 !important; } .hover\:s-black:hover { stroke: #000000 !important; } .focus\:c-black:focus { color: #000000 !important; } .focus\:bg-black:focus { background-color: #000000 !important; } .focus\:b-black:focus { border-color: #000000 !important; } .focus\:f-black:focus { fill: #000000 !important; } .focus\:s-black:focus { stroke: #000000 !important; } .c-black-1 { color: rgba(0, 0, 0, 0.02) !important; } .bg-black-1 { background-color: rgba(0, 0, 0, 0.02) !important; } .b-black-1 { border-color: rgba(0, 0, 0, 0.02) !important; } .f-black-1 { fill: rgba(0, 0, 0, 0.02) !important; } .s-black-1 { stroke: rgba(0, 0, 0, 0.02) !important; } .c-black-2 { color: rgba(0, 0, 0, 0.05) !important; } .bg-black-2 { background-color: rgba(0, 0, 0, 0.05) !important; } .b-black-2 { border-color: rgba(0, 0, 0, 0.05) !important; } .f-black-2 { fill: rgba(0, 0, 0, 0.05) !important; } .s-black-2 { stroke: rgba(0, 0, 0, 0.05) !important; } .c-black-3 { color: rgba(0, 0, 0, 0.1) !important; } .bg-black-3 { background-color: rgba(0, 0, 0, 0.1) !important; } .b-black-3 { border-color: rgba(0, 0, 0, 0.1) !important; } .f-black-3 { fill: rgba(0, 0, 0, 0.1) !important; } .s-black-3 { stroke: rgba(0, 0, 0, 0.1) !important; } .c-black-4 { color: rgba(0, 0, 0, 0.175) !important; } .bg-black-4 { background-color: rgba(0, 0, 0, 0.175) !important; } .b-black-4 { border-color: rgba(0, 0, 0, 0.175) !important; } .f-black-4 { fill: rgba(0, 0, 0, 0.175) !important; } .s-black-4 { stroke: rgba(0, 0, 0, 0.175) !important; } .c-black-5 { color: rgba(0, 0, 0, 0.325) !important; } .bg-black-5 { background-color: rgba(0, 0, 0, 0.325) !important; } .b-black-5 { border-color: rgba(0, 0, 0, 0.325) !important; } .f-black-5 { fill: rgba(0, 0, 0, 0.325) !important; } .s-black-5 { stroke: rgba(0, 0, 0, 0.325) !important; } .c-black-6 { color: rgba(0, 0, 0, 0.505) !important; } .bg-black-6 { background-color: rgba(0, 0, 0, 0.505) !important; } .b-black-6 { border-color: rgba(0, 0, 0, 0.505) !important; } .f-black-6 { fill: rgba(0, 0, 0, 0.505) !important; } .s-black-6 { stroke: rgba(0, 0, 0, 0.505) !important; } .c-black-7 { color: rgba(0, 0, 0, 0.67) !important; } .bg-black-7 { background-color: rgba(0, 0, 0, 0.67) !important; } .b-black-7 { border-color: rgba(0, 0, 0, 0.67) !important; } .f-black-7 { fill: rgba(0, 0, 0, 0.67) !important; } .s-black-7 { stroke: rgba(0, 0, 0, 0.67) !important; } .c-black-8 { color: rgba(0, 0, 0, 0.79) !important; } .bg-black-8 { background-color: rgba(0, 0, 0, 0.79) !important; } .b-black-8 { border-color: rgba(0, 0, 0, 0.79) !important; } .f-black-8 { fill: rgba(0, 0, 0, 0.79) !important; } .s-black-8 { stroke: rgba(0, 0, 0, 0.79) !important; } .c-black-9 { color: rgba(0, 0, 0, 0.88) !important; } .bg-black-9 { background-color: rgba(0, 0, 0, 0.88) !important; } .b-black-9 { border-color: rgba(0, 0, 0, 0.88) !important; } .f-black-9 { fill: rgba(0, 0, 0, 0.88) !important; } .s-black-9 { stroke: rgba(0, 0, 0, 0.88) !important; } .c-white { color: #ffffff !important; } .bg-white { background-color: #ffffff !important; } .b-white { border-color: #ffffff !important; } .f-white { fill: #ffffff !important; } .s-white { stroke: #ffffff !important; } .hover\:c-white:hover { color: #ffffff !important; } .hover\:bg-white:hover { background-color: #ffffff !important; } .hover\:b-white:hover { border-color: #ffffff !important; } .hover\:f-white:hover { fill: #ffffff !important; } .hover\:s-white:hover { stroke: #ffffff !important; } .focus\:c-white:focus { color: #ffffff !important; } .focus\:bg-white:focus { background-color: #ffffff !important; } .focus\:b-white:focus { border-color: #ffffff !important; } .focus\:f-white:focus { fill: #ffffff !important; } .focus\:s-white:focus { stroke: #ffffff !important; } .c-white-1 { color: rgba(255, 255, 255, 0.12) !important; } .bg-white-1 { background-color: rgba(255, 255, 255, 0.12) !important; } .b-white-1 { border-color: rgba(255, 255, 255, 0.12) !important; } .f-white-1 { fill: rgba(255, 255, 255, 0.12) !important; } .s-white-1 { stroke: rgba(255, 255, 255, 0.12) !important; } .c-white-2 { color: rgba(255, 255, 255, 0.21) !important; } .bg-white-2 { background-color: rgba(255, 255, 255, 0.21) !important; } .b-white-2 { border-color: rgba(255, 255, 255, 0.21) !important; } .f-white-2 { fill: rgba(255, 255, 255, 0.21) !important; } .s-white-2 { stroke: rgba(255, 255, 255, 0.21) !important; } .c-white-3 { color: rgba(255, 255, 255, 0.33) !important; } .bg-white-3 { background-color: rgba(255, 255, 255, 0.33) !important; } .b-white-3 { border-color: rgba(255, 255, 255, 0.33) !important; } .f-white-3 { fill: rgba(255, 255, 255, 0.33) !important; } .s-white-3 { stroke: rgba(255, 255, 255, 0.33) !important; } .c-white-4 { color: rgba(255, 255, 255, 0.495) !important; } .bg-white-4 { background-color: rgba(255, 255, 255, 0.495) !important; } .b-white-4 { border-color: rgba(255, 255, 255, 0.495) !important; } .f-white-4 { fill: rgba(255, 255, 255, 0.495) !important; } .s-white-4 { stroke: rgba(255, 255, 255, 0.495) !important; } .c-white-5 { color: rgba(255, 255, 255, 0.675) !important; } .bg-white-5 { background-color: rgba(255, 255, 255, 0.675) !important; } .b-white-5 { border-color: rgba(255, 255, 255, 0.675) !important; } .f-white-5 { fill: rgba(255, 255, 255, 0.675) !important; } .s-white-5 { stroke: rgba(255, 255, 255, 0.675) !important; } .c-white-6 { color: rgba(255, 255, 255, 0.825) !important; } .bg-white-6 { background-color: rgba(255, 255, 255, 0.825) !important; } .b-white-6 { border-color: rgba(255, 255, 255, 0.825) !important; } .f-white-6 { fill: rgba(255, 255, 255, 0.825) !important; } .s-white-6 { stroke: rgba(255, 255, 255, 0.825) !important; } .c-white-7 { color: rgba(255, 255, 255, 0.9) !important; } .bg-white-7 { background-color: rgba(255, 255, 255, 0.9) !important; } .b-white-7 { border-color: rgba(255, 255, 255, 0.9) !important; } .f-white-7 { fill: rgba(255, 255, 255, 0.9) !important; } .s-white-7 { stroke: rgba(255, 255, 255, 0.9) !important; } .c-white-8 { color: rgba(255, 255, 255, 0.95) !important; } .bg-white-8 { background-color: rgba(255, 255, 255, 0.95) !important; } .b-white-8 { border-color: rgba(255, 255, 255, 0.95) !important; } .f-white-8 { fill: rgba(255, 255, 255, 0.95) !important; } .s-white-8 { stroke: rgba(255, 255, 255, 0.95) !important; } .c-white-9 { color: rgba(255, 255, 255, 0.98) !important; } .bg-white-9 { background-color: rgba(255, 255, 255, 0.98) !important; } .b-white-9 { border-color: rgba(255, 255, 255, 0.98) !important; } .f-white-9 { fill: rgba(255, 255, 255, 0.98) !important; } .s-white-9 { stroke: rgba(255, 255, 255, 0.98) !important; } .c-transparent { color: transparent !important; } .bg-transparent { background-color: transparent !important; } .b-transparent { border-color: transparent !important; } .f-transparent { fill: transparent !important; } .s-transparent { stroke: transparent !important; } .hover\:c-transparent:hover { color: transparent !important; } .hover\:bg-transparent:hover { background-color: transparent !important; } .hover\:b-transparent:hover { border-color: transparent !important; } .hover\:f-transparent:hover { fill: transparent !important; } .hover\:s-transparent:hover { stroke: transparent !important; } .focus\:c-transparent:focus { color: transparent !important; } .focus\:bg-transparent:focus { background-color: transparent !important; } .focus\:b-transparent:focus { border-color: transparent !important; } .focus\:f-transparent:focus { fill: transparent !important; } .focus\:s-transparent:focus { stroke: transparent !important; } .o-0 { opacity: 1; } .o-1 { opacity: .9; } .o-2 { opacity: .8; } .o-3 { opacity: .7; } .o-4 { opacity: .6; } .o-5 { opacity: .5; } .o-6 { opacity: .4; } .o-7 { opacity: .3; } .o-8 { opacity: .2; } .o-9 { opacity: .1; } @media (min-width: 576px) { .o-sm-0 { opacity: 1; } .o-sm-1 { opacity: .9; } .o-sm-2 { opacity: .8; } .o-sm-3 { opacity: .7; } .o-sm-4 { opacity: .6; } .o-sm-5 { opacity: .5; } .o-sm-6 { opacity: .4; } .o-sm-7 { opacity: .3; } .o-sm-8 { opacity: .2; } .o-sm-9 { opacity: .1; } } @media (min-width: 768px) { .o-md-0 { opacity: 1; } .o-md-1 { opacity: .9; } .o-md-2 { opacity: .8; } .o-md-3 { opacity: .7; } .o-md-4 { opacity: .6; } .o-md-5 { opacity: .5; } .o-md-6 { opacity: .4; } .o-md-7 { opacity: .3; } .o-md-8 { opacity: .2; } .o-md-9 { opacity: .1; } } @media (min-width: 992px) { .o-lg-0 { opacity: 1; } .o-lg-1 { opacity: .9; } .o-lg-2 { opacity: .8; } .o-lg-3 { opacity: .7; } .o-lg-4 { opacity: .6; } .o-lg-5 { opacity: .5; } .o-lg-6 { opacity: .4; } .o-lg-7 { opacity: .3; } .o-lg-8 { opacity: .2; } .o-lg-9 { opacity: .1; } } @media (min-width: 1200px) { .o-xl-0 { opacity: 1; } .o-xl-1 { opacity: .9; } .o-xl-2 { opacity: .8; } .o-xl-3 { opacity: .7; } .o-xl-4 { opacity: .6; } .o-xl-5 { opacity: .5; } .o-xl-6 { opacity: .4; } .o-xl-7 { opacity: .3; } .o-xl-8 { opacity: .2; } .o-xl-9 { opacity: .1; } } .bg-p1 { background: url("data:image/svg+xml;utf8,<svg height=2 width=2 xmlns=http://www.w3.org/2000/svg><rect height=1 width=1 x=0 y=0 /></svg>"); } .bg-p2 { background: url("data:image/svg+xml;utf8,<svg height=2 width=2 xmlns=http://www.w3.org/2000/svg><rect height=1 width=1 x=0 y=1 /><rect height=1 width=1 x=1 y=0 /></svg>"); } .bg-p3 { background: url("data:image/svg+xml;utf8,<svg height=2 width=2 xmlns=http://www.w3.org/2000/svg><rect height=2 width=1 x=0 y=0 /></svg>"); } .bg-p4 { background: url("data:image/svg+xml;utf8,<svg height=2 width=2 xmlns=http://www.w3.org/2000/svg><rect height=1 width=2 x=0 y=0 /></svg>"); } .bg-p5 { background: url("data:image/svg+xml;utf8,<svg height=3 width=3 xmlns=http://www.w3.org/2000/svg><rect height=1 width=1 x=0 y=0 /></svg>"); } .bg-p6 { background: url("data:image/svg+xml;utf8,<svg height=3 width=3 xmlns=http://www.w3.org/2000/svg><rect height=2 width=2 x=0 y=0 /></svg>"); } .bg-p7 { background: url("data:image/svg+xml;utf8,<svg height=3 width=3 xmlns=http://www.w3.org/2000/svg><rect height=1 width=1 x=0 y=2 /><rect height=1 width=1 x=1 y=1 /><rect height=1 width=1 x=2 y=0 /></svg>"); } .bg-p8 { background: url("data:image/svg+xml;utf8,<svg height=3 width=3 xmlns=http://www.w3.org/2000/svg><rect height=1 width=1 x=0 y=0 /><rect height=1 width=1 x=1 y=1 /><rect height=1 width=1 x=2 y=2 /></svg>"); } .bg-p9 { background: url("data:image/svg+xml;utf8,<svg height=3 width=3 xmlns=http://www.w3.org/2000/svg><rect height=3 width=1 x=0 y=0 /></svg>"); } .bg-p10 { background: url("data:image/svg+xml;utf8,<svg height=3 width=3 xmlns=http://www.w3.org/2000/svg><rect height=1 width=3 x=0 y=0 /></svg>"); } .bg-p11 { background: url("data:image/svg+xml;utf8,<svg height=4 width=4 xmlns=http://www.w3.org/2000/svg><rect height=1 width=1 x=0 y=0 /></svg>"); } .bg-p12 { background: url("data:image/svg+xml;utf8,<svg height=4 width=4 xmlns=http://www.w3.org/2000/svg><rect height=2 width=2 x=0 y=0 /></svg>"); } .bg-p13 { background: url("data:image/svg+xml;utf8,<svg height=4 width=4 xmlns=http://www.w3.org/2000/svg><rect height=3 width=3 x=0 y=0 /></svg>"); } .bg-p14 { background: url("data:image/svg+xml;utf8,<svg height=4 width=4 xmlns=http://www.w3.org/2000/svg><rect height=1 width=1 x=0 y=3 /><rect height=1 width=1 x=1 y=2 /><rect height=1 width=1 x=2 y=1 /><rect height=1 width=1 x=3 y=0 /></svg>"); } .bg-p15 { background: url("data:image/svg+xml;utf8,<svg height=4 width=4 xmlns=http://www.w3.org/2000/svg><rect height=1 width=1 x=0 y=0 /><rect height=1 width=1 x=1 y=1 /><rect height=1 width=1 x=2 y=2 /><rect height=1 width=1 x=3 y=3 /></svg>"); } .bg-p16 { background: url("data:image/svg+xml;utf8,<svg height=4 width=4 xmlns=http://www.w3.org/2000/svg><rect height=1 width=1 x=0 y=0 /><rect height=1 width=1 x=1 y=1 /><rect height=1 width=1 x=2 y=2 /><rect height=1 width=1 x=3 y=1 /><rect height=1 width=1 x=1 y=3 /><rect height=1 width=1 x=3 y=3 /></svg>"); } .bg-p17 { background: url("data:image/svg+xml;utf8,<svg height=4 width=4 xmlns=http://www.w3.org/2000/svg><rect height=4 width=1 x=0 y=0 /></svg>"); } .bg-p18 { background: url("data:image/svg+xml;utf8,<svg height=4 width=4 xmlns=http://www.w3.org/2000/svg><rect height=1 width=4 x=0 y=0 /></svg>"); } .bg-p19 { background: url("data:image/svg+xml;utf8,<svg height=4 width=4 xmlns=http://www.w3.org/2000/svg><rect height=1 width=1 x=0 y=0 /><rect height=1 width=1 x=1 y=1 /><rect height=1 width=1 x=2 y=2 />><rect height=1 width=1 x=0 y=2 />><rect height=1 width=1 x=2 y=0 /></svg>"); } .bg-p20 { background: url("data:image/svg+xml;utf8,<svg height=4 width=4 xmlns=http://www.w3.org/2000/svg><rect height=1 width=3 x=0 y=0 /><rect height=1 width=3 x=0 y=2 /><rect height=3 width=1 x=0 y=0 />><rect height=3 width=1 x=2 y=0 />><rect height=1 width=1 x=2 y=0 /></svg>"); } .shadow-1 { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .hover\:shadow-1:hover { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .shadow-2 { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .hover\:shadow-2:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .shadow-3 { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .hover\:shadow-3:hover { box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } .shadow-4 { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .hover\:shadow-4:hover { box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } .shadow-5 { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } .hover\:shadow-5:hover { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } .shadow-0 { box-shadow: none; } .hover\:shadow-0:hover { box-shadow: none; } .hover\:up-1:hover { transform: translateY(-0.125rem); } .hover\:up-2:hover { transform: translateY(-0.25rem); } .hover\:up-3:hover { transform: translateY(-0.375rem); } .hover\:up-4:hover { transform: translateY(-0.5rem); } .hover\:up-5:hover { transform: translateY(-0.75rem); } .shadow-inner { box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } .focus\:shadow:focus { box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } .shadow-inner-y { box-shadow: inset 0 10px 15px -3px rgba(0, 0, 0, 0.1), inset 0 4px 6px -2px rgba(0, 0, 0, 0.05), inset 0 -10px 15px -3px rgba(0, 0, 0, 0.1), inset 0 -4px 6px -2px rgba(0, 0, 0, 0.05); } .shadow-inner-2y { box-shadow: inset 0 4px 6px -1px rgba(0, 0, 0, 0.1), inset 0 2px 4px -1px rgba(0, 0, 0, 0.06), inset 0 -4px 6px -1px rgba(0, 0, 0, 0.1), inset 0 -2px 4px -1px rgba(0, 0, 0, 0.06); } .sf-title-underline-center .sf-title, .sf-title-underline-center.sf-title { position: relative; text-align: center; padding-bottom: 0.5em; } .sf-title-underline-center .sf-title:after, .sf-title-underline-center.sf-title:after { content: ""; position: absolute; bottom: -0.05em; left: 50%; margin-left: -3em; width: 6em; height: 0.125em; background: #4c6ef5; } .sf-title-underline-center-double .sf-title, .sf-title-underline-center-double.sf-title { position: relative; text-align: center; padding-bottom: 0.5em; } .sf-title-underline-center-double .sf-title:before, .sf-title-underline-center-double.sf-title:before { content: ""; position: absolute; bottom: 0.125em; left: 50%; margin-left: -3em; width: 6em; height: 0.075em; background: #4c6ef5; } .sf-title-underline-center-double .sf-title:after, .sf-title-underline-center-double.sf-title:after { content: ""; position: absolute; bottom: -0.125em; left: 50%; margin-left: -2em; width: 4em; height: 0.075em; background: #4c6ef5; } .sf-title-underline-left .sf-title, .sf-title-underline-left.sf-title { position: relative; text-align: left; padding-bottom: 0.5em; } .sf-title-underline-left .sf-title:after, .sf-title-underline-left.sf-title:after { content: ""; position: absolute; bottom: 0; left: 0; width: 6em; height: 0.125em; background: #4c6ef5; } .sf-title-line .sf-title, .sf-title-line.sf-title { overflow: hidden; text-align: center; } .sf-title-line .sf-title:before, .sf-title-line .sf-title:after, .sf-title-line.sf-title:before, .sf-title-line.sf-title:after { background-color: rgba(27, 31, 44, 0.12); content: ""; display: inline-block; height: 1px; position: relative; vertical-align: middle; width: 50%; } .sf-title-line .sf-title:before, .sf-title-line.sf-title:before { right: 0.5em; margin-left: -50%; } .sf-title-line .sf-title:after, .sf-title-line.sf-title:after { left: 0.5em; margin-right: -50%; } .theme-dark .sf-title-line .sf-title:before, .theme-dark .sf-title-line .sf-title:after, .theme-dark .sf-title-line.sf-title:before, .theme-dark .sf-title-line.sf-title:after { background-color: rgba(255, 255, 255, 0.12); } .btn { display: inline-block; font-weight: normal; line-height: 1.25; text-align: center; white-space: nowrap; vertical-align: middle; user-select: none; border: 1px solid transparent; position: relative; padding: 0.5em 1.2em; font-size: 1rem; border-radius: 0.25rem; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btn:hover { cursor: pointer; } .btn:hover::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.12); } .btn:focus, .btn:hover { text-decoration: none; } .btn:focus, .btn.focus { outline: 0; box-shadow: none; } .btn.disabled, .btn:disabled { cursor: not-allowed; opacity: .65; box-shadow: none; } .btn:active, .btn.active { background-image: auto; } .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle { box-shadow: none; } a.btn.disabled, fieldset[disabled] a.btn { pointer-events: none; } .btn-default { color: white; background-color: #343a40; border-color: #292d32; } .btn-default:hover { color: white; background-color: #1d2124; border-color: #191b1e; } .btn-default:hover::after { background: transparent; } .btn-default.disabled, .btn-default:disabled { background-color: #343a40; border-color: #191b1e; } .btn-default:not([disabled]):not(.disabled).active, .btn-default:not([disabled]):not(.disabled):active, .show > .btn-default.dropdown-toggle { color: white; background-color: #1d2124; border-color: #191b1e; } .btn-default:active, .btn-default.active, .show > .btn-default.dropdown-toggle { color: white; background-color: #1d2124; background-image: none; border-color: #191b1e; } .btn-default.focus, .btn-default:focus { box-shadow: none !important; border-color: #191b1e; } .btn-default.btn-flat { background: transparent; color: #343a40; border: none; text-transform: uppercase; text-decoration: none; position: relative; outline: none !important; } .btn-default.btn-flat:hover, .btn-default.btn-flat.focus, .btn-default.btn-flat:focus, .btn-default.btn-flat:active, .btn-default.btn-flat.active { color: #343a40 !important; background-color: rgba(0, 0, 0, 0.12) !important; border-color: transparent; box-shadow: none; } .btn-primary { color: white; background-color: #4c6ef5; border-color: #345af4; } .btn-primary:hover { color: white; background-color: #1c47f2; border-color: #123ff2; } .btn-primary:hover::after { background: transparent; } .btn-primary.disabled, .btn-primary:disabled { background-color: #4c6ef5; border-color: #123ff2; } .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle { color: white; background-color: #1c47f2; border-color: #123ff2; } .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle { color: white; background-color: #1c47f2; background-image: none; border-color: #123ff2; } .btn-primary.focus, .btn-primary:focus { box-shadow: none !important; border-color: #123ff2; } .btn-primary.btn-flat { background: transparent; color: #4c6ef5; border: none; text-transform: uppercase; text-decoration: none; position: relative; outline: none !important; } .btn-primary.btn-flat:hover, .btn-primary.btn-flat.focus, .btn-primary.btn-flat:focus, .btn-primary.btn-flat:active, .btn-primary.btn-flat.active { color: #4c6ef5 !important; background-color: rgba(0, 0, 0, 0.12) !important; border-color: transparent; box-shadow: none; } .btn-secondary { color: white; background-color: #e64980; border-color: #e33370; } .btn-secondary:hover { color: white; background-color: #de1e61; border-color: #d51d5d; } .btn-secondary:hover::after { background: transparent; } .btn-secondary.disabled, .btn-secondary:disabled { background-color: #e64980; border-color: #d51d5d; } .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active, .show > .btn-secondary.dropdown-toggle { color: white; background-color: #de1e61; border-color: #d51d5d; } .btn-secondary:active, .btn-secondary.active, .show > .btn-secondary.dropdown-toggle { color: white; background-color: #de1e61; background-image: none; border-color: #d51d5d; } .btn-secondary.focus, .btn-secondary:focus { box-shadow: none !important; border-color: #d51d5d; } .btn-secondary.btn-flat { background: transparent; color: #e64980; border: none; text-transform: uppercase; text-decoration: none; position: relative; outline: none !important; } .btn-secondary.btn-flat:hover, .btn-secondary.btn-flat.focus, .btn-secondary.btn-flat:focus, .btn-secondary.btn-flat:active, .btn-secondary.btn-flat.active { color: #e64980 !important; background-color: rgba(0, 0, 0, 0.12) !important; border-color: transparent; box-shadow: none; } .btn-success { color: white; background-color: #40c057; border-color: #39ad4e; } .btn-success:hover { color: white; background-color: #339a45; border-color: #309242; } .btn-success:hover::after { background: transparent; } .btn-success.disabled, .btn-success:disabled { background-color: #40c057; border-color: #309242; } .btn-success:not([disabled]):not(.disabled).active, .btn-success:not([disabled]):not(.disabled):active, .show > .btn-success.dropdown-toggle { color: white; background-color: #339a45; border-color: #309242; } .btn-success:active, .btn-success.active, .show > .btn-success.dropdown-toggle { color: white; background-color: #339a45; background-image: none; border-color: #309242; } .btn-success.focus, .btn-success:focus { box-shadow: none !important; border-color: #309242; } .btn-success.btn-flat { background: transparent; color: #40c057; border: none; text-transform: uppercase; text-decoration: none; position: relative; outline: none !important; } .btn-success.btn-flat:hover, .btn-success.btn-flat.focus, .btn-success.btn-flat:focus, .btn-success.btn-flat:active, .btn-success.btn-flat.active { color: #40c057 !important; background-color: rgba(0, 0, 0, 0.12) !important; border-color: transparent; box-shadow: none; } .btn-info { color: white; background-color: #228be6; border-color: #187ed6; } .btn-info:hover { color: white; background-color: #1671bf; border-color: #156bb6; } .btn-info:hover::after { background: transparent; } .btn-info.disabled, .btn-info:disabled { background-color: #228be6; border-color: #156bb6; } .btn-info:not([disabled]):not(.disabled).active, .btn-info:not([disabled]):not(.disabled):active, .show > .btn-info.dropdown-toggle { color: white; background-color: #1671bf; border-color: #156bb6; } .btn-info:active, .btn-info.active, .show > .btn-info.dropdown-toggle { color: white; background-color: #1671bf; background-image: none; border-color: #156bb6; } .btn-info.focus, .btn-info:focus { box-shadow: none !important; border-color: #156bb6; } .btn-info.btn-flat { background: transparent; color: #228be6; border: none; text-transform: uppercase; text-decoration: none; position: relative; outline: none !important; } .btn-info.btn-flat:hover, .btn-info.btn-flat.focus, .btn-info.btn-flat:focus, .btn-info.btn-flat:active, .btn-info.btn-flat.active { color: #228be6 !important; background-color: rgba(0, 0, 0, 0.12) !important; border-color: transparent; box-shadow: none; } .btn-warning { color: white; background-color: #fd7e14; border-color: #f57102; } .btn-warning:hover { color: white; background-color: #dc6502; border-color: #d26102; } .btn-warning:hover::after { background: transparent; } .btn-warning.disabled, .btn-warning:disabled { background-color: #fd7e14; border-color: #d26102; } .btn-warning:not([disabled]):not(.disabled).active, .btn-warning:not([disabled]):not(.disabled):active, .show > .btn-warning.dropdown-toggle { color: white; background-color: #dc6502; border-color: #d26102; } .btn-warning:active, .btn-warning.active, .show > .btn-warning.dropdown-toggle { color: white; background-color: #dc6502; background-image: none; border-color: #d26102; } .btn-warning.focus, .btn-warning:focus { box-shadow: none !important; border-color: #d26102; } .btn-warning.btn-flat { background: transparent; color: #fd7e14; border: none; text-transform: uppercase; text-decoration: none; position: relative; outline: none !important; } .btn-warning.btn-flat:hover, .btn-warning.btn-flat.focus, .btn-warning.btn-flat:focus, .btn-warning.btn-flat:active, .btn-warning.btn-flat.active { color: #fd7e14 !important; background-color: rgba(0, 0, 0, 0.12) !important; border-color: transparent; box-shadow: none; } .btn-danger { color: white; background-color: #fa5252; border-color: #f93939; } .btn-danger:hover { color: white; background-color: #f92020; border-color: #f81717; } .btn-danger:hover::after { background: transparent; } .btn-danger.disabled, .btn-danger:disabled { background-color: #fa5252; border-color: #f81717; } .btn-danger:not([disabled]):not(.disabled).active, .btn-danger:not([disabled]):not(.disabled):active, .show > .btn-danger.dropdown-toggle { color: white; background-color: #f92020; border-color: #f81717; } .btn-danger:active, .btn-danger.active, .show > .btn-danger.dropdown-toggle { color: white; background-color: #f92020; background-image: none; border-color: #f81717; } .btn-danger.focus, .btn-danger:focus { box-shadow: none !important; border-color: #f81717; } .btn-danger.btn-flat { background: transparent; color: #fa5252; border: none; text-transform: uppercase; text-decoration: none; position: relative; outline: none !important; } .btn-danger.btn-flat:hover, .btn-danger.btn-flat.focus, .btn-danger.btn-flat:focus, .btn-danger.btn-flat:active, .btn-danger.btn-flat.active { color: #fa5252 !important; background-color: rgba(0, 0, 0, 0.12) !important; border-color: transparent; box-shadow: none; } .theme-light .btn-theme, .theme-dark .theme-light .btn-theme, .theme-light .theme-dark .theme-light .btn-theme, .theme-dark .theme-dark .theme-light .btn-theme, .theme-light .theme-dark .theme-dark .theme-light .btn-theme, .theme-dark .theme-dark .theme-dark .theme-light .btn-theme, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .btn-theme { color: rgba(27, 31, 44, 0.87); background-color: rgba(27, 31, 44, 0); border-color: rgba(27, 31, 44, 0.12); } .theme-light .btn-theme:hover, .theme-dark .theme-light .btn-theme:hover, .theme-light .theme-dark .theme-light .btn-theme:hover, .theme-dark .theme-dark .theme-light .btn-theme:hover, .theme-light .theme-dark .theme-dark .theme-light .btn-theme:hover, .theme-dark .theme-dark .theme-dark .theme-light .btn-theme:hover, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .btn-theme:hover { background-color: rgba(27, 31, 44, 0.05); color: rgba(27, 31, 44, 0.87); border-color: rgba(27, 31, 44, 0.54); } .theme-light .btn-theme:hover::after, .theme-dark .theme-light .btn-theme:hover::after, .theme-light .theme-dark .theme-light .btn-theme:hover::after, .theme-dark .theme-dark .theme-light .btn-theme:hover::after, .theme-light .theme-dark .theme-dark .theme-light .btn-theme:hover::after, .theme-dark .theme-dark .theme-dark .theme-light .btn-theme:hover::after, .theme-light .theme-dark .theme-dark .theme-dark .theme-light .btn-theme:hover::after { background: transparent; } .theme-dark .btn-theme, .theme-light .theme-dark .btn-theme, .theme-dark .theme-light .theme-dark .btn-theme, .theme-light .theme-light .theme-dark .btn-theme, .theme-dark .theme-light .theme-light .theme-dark .btn-theme, .theme-light .theme-light .theme-light .theme-dark .btn-theme, .theme-dark .theme-light .theme-light .theme-light .theme-dark .btn-theme { color: white; background-color: rgba(255, 255, 255, 0); border-color: rgba(255, 255, 255, 0.12); } .theme-dark .btn-theme:hover, .theme-light .theme-dark .btn-theme:hover, .theme-dark .theme-light .theme-dark .btn-theme:hover, .theme-light .theme-light .theme-dark .btn-theme:hover, .theme-dark .theme-light .theme-light .theme-dark .btn-theme:hover, .theme-light .theme-light .theme-light .theme-dark .btn-theme:hover, .theme-dark .theme-light .theme-light .theme-light .theme-dark .btn-theme:hover { background-color: rgba(255, 255, 255, 0.1); color: white; border-color: white; } .theme-dark .btn-theme:hover::after, .theme-light .theme-dark .btn-theme:hover::after, .theme-dark .theme-light .theme-dark .btn-theme:hover::after, .theme-light .theme-light .theme-dark .btn-theme:hover::after, .theme-dark .theme-light .theme-light .theme-dark .btn-theme:hover::after, .theme-light .theme-light .theme-light .theme-dark .btn-theme:hover::after, .theme-dark .theme-light .theme-light .theme-light .theme-dark .btn-theme:hover::after { background: transparent; } .btn-outline.btn-default { color: #343a40; background-image: none; background-color: transparent; border-color: #343a40; } .btn-outline.btn-default:hover { color: white; background-color: #343a40; border-color: #343a40; } .btn-outline.btn-default.disabled, .btn-outline.btn-default:disabled { color: #343a40; background-color: transparent; } .btn-outline.btn-default:active, .btn-outline.btn-default.active, .btn-outline.btn-default.focus, .btn-outline.btn-default:focus, .show > .btn-outline.btn-default.dropdown-toggle { color: white !important; background-color: #343a40 !important; border-color: #343a40 !important; } .btn-outline.btn-primary { color: #4c6ef5; background-image: none; background-color: transparent; border-color: #4c6ef5; } .btn-outline.btn-primary:hover { color: white; background-color: #4c6ef5; border-color: #4c6ef5; } .btn-outline.btn-primary.disabled, .btn-outline.btn-primary:disabled { color: #4c6ef5; background-color: transparent; } .btn-outline.btn-primary:active, .btn-outline.btn-primary.active, .btn-outline.btn-primary.focus, .btn-outline.btn-primary:focus, .show > .btn-outline.btn-primary.dropdown-toggle { color: white !important; background-color: #4c6ef5 !important; border-color: #4c6ef5 !important; } .btn-outline.btn-secondary { color: #e64980; background-image: none; background-color: transparent; border-color: #e64980; } .btn-outline.btn-secondary:hover { color: white; background-color: #e64980; border-color: #e64980; } .btn-outline.btn-secondary.disabled, .btn-outline.btn-secondary:disabled { color: #e64980; background-color: transparent; } .btn-outline.btn-secondary:active, .btn-outline.btn-secondary.active, .btn-outline.btn-secondary.focus, .btn-outline.btn-secondary:focus, .show > .btn-outline.btn-secondary.dropdown-toggle { color: white !important; background-color: #e64980 !important; border-color: #e64980 !important; } .btn-outline.btn-success { color: #f96a04; background-image: none; background-color: transparent; border-color: #f96a04; } .btn-outline.btn-success:hover { color: white; background-color: #f96a04; border-color: #f96a04; } .btn-outline.btn-success.disabled, .btn-outline.btn-success:disabled { color: #40c057; background-color: transparent; } .btn-outline.btn-success:active, .btn-outline.btn-success.active, .btn-outline.btn-success.focus, .btn-outline.btn-success:focus, .show > .btn-outline.btn-success.dropdown-toggle { color: white !important; background-color: #40c057 !important; border-color: #40c057 !important; } .btn-outline.btn-info { color: #228be6; background-image: none; background-color: transparent; border-color: #228be6; } .btn-outline.btn-info:hover { color: white; background-color: #228be6; border-color: #228be6; } .btn-outline.btn-info.disabled, .btn-outline.btn-info:disabled { color: #228be6; background-color: transparent; } .btn-outline.btn-info:active, .btn-outline.btn-info.active, .btn-outline.btn-info.focus, .btn-outline.btn-info:focus, .show > .btn-outline.btn-info.dropdown-toggle { color: white !important; background-color: #228be6 !important; border-color: #228be6 !important; } .btn-outline.btn-warning { color: #fd7e14; background-image: none; background-color: transparent; border-color: #fd7e14; } .btn-outline.btn-warning:hover { color: white; background-color: #fd7e14; border-color: #fd7e14; } .btn-outline.btn-warning.disabled, .btn-outline.btn-warning:disabled { color: #fd7e14; background-color: transparent; } .btn-outline.btn-warning:active, .btn-outline.btn-warning.active, .btn-outline.btn-warning.focus, .btn-outline.btn-warning:focus, .show > .btn-outline.btn-warning.dropdown-toggle { color: white !important; background-color: #fd7e14 !important; border-color: #fd7e14 !important; } .btn-outline.btn-danger { color: #fa5252; background-image: none; background-color: transparent; border-color: #fa5252; } .btn-outline.btn-danger:hover { color: white; background-color: #fa5252; border-color: #fa5252; } .btn-outline.btn-danger.disabled, .btn-outline.btn-danger:disabled { color: #fa5252; background-color: transparent; } .btn-outline.btn-danger:active, .btn-outline.btn-danger.active, .btn-outline.btn-danger.focus, .btn-outline.btn-danger:focus, .show > .btn-outline.btn-danger.dropdown-toggle { color: white !important; background-color: #fa5252 !important; border-color: #fa5252 !important; } .btn-link { font-weight: normal; color: #4c6ef5; border-radius: 0; } .btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled { background-color: transparent; box-shadow: none; } .btn-link, .btn-link:focus, .btn-link:active { border-color: transparent; } .btn-link:hover { border-color: transparent; } .btn-link:focus, .btn-link:hover { color: #0d39e8; text-decoration: underline; background-color: transparent; } .btn-link:hover::after { background: transparent; } .btn-link:disabled { color: rgba(255, 255, 255, 0.5); } .btn-link:disabled:focus, .btn-link:disabled:hover { text-decoration: none; } .btn-square { border-radius: 0; } .btn-md { font-weight: normal; text-transform: uppercase; border-radius: 0; padding: 0.675em 1.2em; font-size: 0.9rem; font-weight: 500; border: none; box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } .btn-md:hover, .btn-md.btn-icon:hover, .btn-md:active, .btn-md.active, .btn-md.focus, .btn-md:focus { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } .btn-flat { font-weight: normal; text-transform: uppercase; border-radius: 0; padding: 0.675em 1.2em; font-size: 0.9rem; font-weight: 500; border: none; } .btn-flat.btn-icon { font-size: 1rem; } .btn-rounded { border-radius: 10rem; } .btn-rounded.btn-icon { border-radius: 50%; } .btn-icon { padding: 0.5em !important; width: 2.375em; } .btn--2 { padding: 0.3em 0.6em; font-size: 0.75rem; } .btn--2.btn-md { padding: 0.405em 0.6em; font-size: 0.675rem; } .btn--1 { padding: 0.4em 0.8em; font-size: 0.875rem; } .btn--1.btn-md { padding: 0.54em 0.8em; font-size: 0.7875rem; } .btn-0 { padding: 0.5em 1.2em; font-size: 1rem; } .btn-0.btn-md { padding: 0.675em 1.2em; font-size: 0.9rem; } .btn-1 { padding: 0.6em 1.2em; font-size: 1.25rem; } .btn-1.btn-md { padding: 0.81em 1.2em; font-size: 1.125rem; } .btn-2 { padding: 0.7em 1.4em; font-size: 1.5rem; } .btn-2.btn-md { padding: 0.945em 1.4em; font-size: 1.35rem; } @media (min-width: 576px) { .btn-sm--2 { padding: 0.3em 0.6em; font-size: 0.75rem; } .btn-sm--2.btn-md { padding: 0.405em 0.6em; font-size: 0.675rem; } .btn-sm--1 { padding: 0.4em 0.8em; font-size: 0.875rem; } .btn-sm--1.btn-md { padding: 0.54em 0.8em; font-size: 0.7875rem; } .btn-sm-0 { padding: 0.5em 1.2em; font-size: 1rem; } .btn-sm-0.btn-md { padding: 0.675em 1.2em; font-size: 0.9rem; } .btn-sm-1 { padding: 0.6em 1.2em; font-size: 1.25rem; } .btn-sm-1.btn-md { padding: 0.81em 1.2em; font-size: 1.125rem; } .btn-sm-2 { padding: 0.7em 1.4em; font-size: 1.5rem; } .btn-sm-2.btn-md { padding: 0.945em 1.4em; font-size: 1.35rem; } } @media (min-width: 768px) { .btn-md--2 { padding: 0.3em 0.6em; font-size: 0.75rem; } .btn-md--2.btn-md { padding: 0.405em 0.6em; font-size: 0.675rem; } .btn-md--1 { padding: 0.4em 0.8em; font-size: 0.875rem; } .btn-md--1.btn-md { padding: 0.54em 0.8em; font-size: 0.7875rem; } .btn-md-0 { padding: 0.5em 1.2em; font-size: 1rem; } .btn-md-0.btn-md { padding: 0.675em 1.2em; font-size: 0.9rem; } .btn-md-1 { padding: 0.6em 1.2em; font-size: 1.25rem; } .btn-md-1.btn-md { padding: 0.81em 1.2em; font-size: 1.125rem; } .btn-md-2 { padding: 0.7em 1.4em; font-size: 1.5rem; } .btn-md-2.btn-md { padding: 0.945em 1.4em; font-size: 1.35rem; } } @media (min-width: 992px) { .btn-lg--2 { padding: 0.3em 0.6em; font-size: 0.75rem; } .btn-lg--2.btn-md { padding: 0.405em 0.6em; font-size: 0.675rem; } .btn-lg--1 { padding: 0.4em 0.8em; font-size: 0.875rem; } .btn-lg--1.btn-md { padding: 0.54em 0.8em; font-size: 0.7875rem; } .btn-lg-0 { padding: 0.5em 1.2em; font-size: 1rem; } .btn-lg-0.btn-md { padding: 0.675em 1.2em; font-size: 0.9rem; } .btn-lg-1 { padding: 0.6em 1.2em; font-size: 1.25rem; } .btn-lg-1.btn-md { padding: 0.81em 1.2em; font-size: 1.125rem; } .btn-lg-2 { padding: 0.7em 1.4em; font-size: 1.5rem; } .btn-lg-2.btn-md { padding: 0.945em 1.4em; font-size: 1.35rem; } } @media (min-width: 1200px) { .btn-xl--2 { padding: 0.3em 0.6em; font-size: 0.75rem; } .btn-xl--2.btn-md { padding: 0.405em 0.6em; font-size: 0.675rem; } .btn-xl--1 { padding: 0.4em 0.8em; font-size: 0.875rem; } .btn-xl--1.btn-md { padding: 0.54em 0.8em; font-size: 0.7875rem; } .btn-xl-0 { padding: 0.5em 1.2em; font-size: 1rem; } .btn-xl-0.btn-md { padding: 0.675em 1.2em; font-size: 0.9rem; } .btn-xl-1 { padding: 0.6em 1.2em; font-size: 1.25rem; } .btn-xl-1.btn-md { padding: 0.81em 1.2em; font-size: 1.125rem; } .btn-xl-2 { padding: 0.7em 1.4em; font-size: 1.5rem; } .btn-xl-2.btn-md { padding: 0.945em 1.4em; font-size: 1.35rem; } } .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%; } .btn-labeled { padding-top: 0; padding-bottom: 0; } .btn-labeled .btn-label { position: relative; background: transparent; background: rgba(27, 31, 44, 0.05); display: inline-block; padding: 0.5em; width: 2.375em; left: -1.1875em; } .btn-labeled .btn-label.btn-label-right { left: auto; right: -1.1875em; } [data-toggle=buttons] > .btn input[type=checkbox], [data-toggle=buttons] > .btn input[type=radio], [data-toggle=buttons] > .btn-group > .btn input[type=checkbox], [data-toggle=buttons] > .btn-group > .btn input[type=radio] { position: absolute; clip: rect(0, 0, 0, 0); pointer-events: none; } .badge { display: inline-block; padding: 0.25em 0.4em; font-size: 75%; font-weight: bold; line-height: 1; text-align: center; white-space: nowrap; vertical-align: baseline; border-radius: 0.125rem; } .badge:empty { display: none; } .btn .badge { position: relative; top: -1px; } .badge-pill { padding-right: 0.6em; padding-left: 0.6em; border-radius: 10rem; } .badge-default { color: color-yiq(#343a40); background-color: #343a40; } .badge-default[href]:focus, .badge-default[href]:hover { color: color-yiq(#343a40); text-decoration: none; background-color: #1d2124; } .badge-primary { color: color-yiq(#4c6ef5); background-color: #4c6ef5; } .badge-primary[href]:focus, .badge-primary[href]:hover { color: color-yiq(#4c6ef5); text-decoration: none; background-color: #1c47f2; } .badge-secondary { color: color-yiq(#e64980); background-color: #e64980; } .badge-secondary[href]:focus, .badge-secondary[href]:hover { color: color-yiq(#e64980); text-decoration: none; background-color: #de1e61; } .badge-success { color: color-yiq(#40c057); background-color: #40c057; } .badge-success[href]:focus, .badge-success[href]:hover { color: color-yiq(#40c057); text-decoration: none; background-color: #339a45; } .badge-info { color: color-yiq(#228be6); background-color: #228be6; } .badge-info[href]:focus, .badge-info[href]:hover { color: color-yiq(#228be6); text-decoration: none; background-color: #1671bf; } .badge-warning { color: color-yiq(#fd7e14); background-color: #fd7e14; } .badge-warning[href]:focus, .badge-warning[href]:hover { color: color-yiq(#fd7e14); text-decoration: none; background-color: #dc6502; } .badge-danger { color: color-yiq(#fa5252); background-color: #fa5252; } .badge-danger[href]:focus, .badge-danger[href]:hover { color: color-yiq(#fa5252); text-decoration: none; background-color: #f92020; } .dropup, .dropdown { position: relative; } .dropdown:hover ul { display: block; } .dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: 0.3em; vertical-align: middle; content: ""; border-top: 0.3em solid; border-right: 0.3em solid transparent; border-left: 0.3em solid transparent; } .dropdown-toggle:focus { outline: 0; } .dropup .dropdown-toggle::after { border-top: 0; border-bottom: 0.3em solid; } .dropdown-divider { height: 1px; overflow: hidden; background-color: rgba(27, 31, 44, 0.12); } .dropdown-item { display: block; width: 100%; padding: 0.5em 1.5rem; clear: both; font-weight: normal; color: rgba(27, 31, 44, 0.87); text-align: inherit; white-space: nowrap; background: none; border: 0; } .dropdown-item:focus, .dropdown-item:hover { color: rgba(27, 31, 44, 0.87); text-decoration: none; background-color: rgba(27, 31, 44, 0.05); } .dropdown-item.active, .dropdown-item:active { color: #ffffff; text-decoration: none; background-color: #4c6ef5; } .dropdown-item.disabled, .dropdown-item:disabled { color: #868e96; cursor: not-allowed; background-color: transparent; } .dropdown-item > i { width: 1rem; vertical-align: middle; text-align: center; margin: auto 1rem auto 0; } .dropdown-square { border-radius: 0; } .dropdown-md { border-radius: 0; } .show > .dropdown-menu { display: block; } .show > a { outline: 0; } .dropdown-header { display: block; padding: 0.5em 1.5rem; margin-bottom: 0; font-size: 0.875rem; color: #868e96; white-space: nowrap; } .dropdown-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 990; } .hide-show .hide-show-btn.show { display: none; } .hide-show .hide-show-btn.hide { display: inline; } .hide-show .hide-show-block { display: block; } .hide-show.hidden .hide-show-btn.hide { display: none; } .hide-show.hidden .hide-show-btn.show { display: inline; } .hide-show.hidden .hide-show-block { display: none; } .sf-overcard { position: relative; } .sf-overcard:hover { z-index: 60; } .sf-overcard:hover .sf-overcard-secondary { visibility: visible; opacity: 1; } .sf-overcard-secondary { background: #fff; position: absolute; left: 0; top: 0; right: 0; padding: 0; visibility: hidden; transition: all 0.3s ease-in-out; opacity: 0; } .sf-scroll { overflow-y: auto; } .sf-scroll.sf-scroll-x { overflow-x: auto; } .sf-scroll::-webkit-scrollbar { width: 0.875rem; height: 0.875rem; } .sf-scroll::-webkit-scrollbar-thumb { height: 0.375rem; border: 0.25rem solid transparent; background-clip: padding-box; border-radius: 4rem; background-color: rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05); } .sf-scroll::-webkit-scrollbar-button { width: 0; height: 0; display: none; } .sf-scroll::-webkit-scrollbar-corner { background-color: transparent; } .sf-scroll-x { overflow-x: auto; } .sf-scroll-x::-webkit-scrollbar { width: 0.875rem; height: 0.875rem; } .sf-scroll-x::-webkit-scrollbar-thumb { height: 0.375rem; border: 0.25rem solid transparent; background-clip: padding-box; border-radius: 4rem; background-color: rgba(0, 0, 0, 0.15); -webkit-box-shadow: inset -1px -1px 0px rgba(0, 0, 0, 0.05), inset 1px 1px 0px rgba(0, 0, 0, 0.05); } .sf-scroll-x::-webkit-scrollbar-button { width: 0; height: 0; display: none; } .sf-scroll-x::-webkit-scrollbar-corner { background-color: transparent; } .sf-hero { background-size: cover; position: relative; height: 100vh; } .sf-hero-content { position: absolute; top: 50%; text-align: center; width: 100%; color: #fff; font-size: 36px; -ms-transform: translate(0, -50%); /* IE 9 */ -webkit-transform: translate(0, -50%); /* Safari */ transform: translate(0, -50%); } html { transition-property: none; } .sf-up { position: fixed; z-index: 7000; cursor: pointer; opacity: 0; } .sf-up.active { opacity: 1; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .sf-tab ul { list-style-type: none; padding: 0px; margin: 0px; display: flex; flex-direction: row; } .sf-tab ul li .sf-tab-active { display: none; } .sf-tab ul li .sf-tab-inactive { display: block; cursor: pointer; } .sf-tab ul li.active .sf-tab-active { display: block; } .sf-tab ul li.active .sf-tab-inactive { display: none; } .sf-tab .sf-tab-content { position: relative; } .sf-tab .sf-tab-content > section { display: none; } .sf-tab .sf-tab-content > section.active { display: block; } .fit { width: 100%; height: 100%; position: absolute; overflow: hidden; top: 0; left: 0; } .view, .sf-viewbox-wrap { position: relative; cursor: default; } .view .sf-viewbox, .view .mask, .view .content, .view .decor, .sf-viewbox-wrap .sf-viewbox, .sf-viewbox-wrap .mask, .sf-viewbox-wrap .content, .sf-viewbox-wrap .decor { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .view .sf-viewbox-video, .sf-viewbox-wrap .sf-viewbox-video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translateX(-50%) translateY(-50%); background-size: cover; transition: 1s opacity; } @media (min-aspect-ratio: 16 / 9) { .view .sf-viewbox-video, .sf-viewbox-wrap .sf-viewbox-video { width: 100%; height: auto; } } .view img, .view video, .sf-viewbox-wrap img, .sf-viewbox-wrap video { display: block; position: relative; } .view .sf-viewbox-hover, .sf-viewbox-wrap .sf-viewbox-hover { opacity: 0; } .view:hover > .sf-viewbox-hover, .sf-viewbox-wrap:hover > .sf-viewbox-hover { opacity: 1; } .sf-viewbox-1x1 { padding-top: 100%; } .sf-viewbox-1x2 { padding-top: 200%; } .sf-viewbox-2x1 { padding-top: 50%; } .sf-viewbox-2x3 { padding-top: 150%; } .sf-viewbox-3x1 { padding-top: 33.33%; } .sf-viewbox-3x2 { padding-top: 66.66%; } .sf-viewbox-3x4 { padding-top: 133.33%; } .sf-viewbox-4x1 { padding-top: 25%; } .sf-viewbox-4x3 { padding-top: 75%; } .sf-share { display: flex; flex-wrap: wrap; flex-direction: row; cursor: pointer; } .sf-share .sf-share-btn { display: flex; flex-wrap: wrap; flex-direction: row; align-items: center; } .sf-share .sf-share-btn .div { position: relative; top: 50%; transform: translateY(-50%); } .sf-share .sf-share-btn:hover { opacity: 0.95; } .sf-share .sf-share-btn .sf-share-icon { text-align: center; } .sf-share .sf-share-btn .sf-share-icon i { min-width: 1.5em; } .sf-modal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100vh; display: none; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.47); opacity: 1; } .blur { filter: blur(10px); } .sf-modal-area { position: relative; width: 50%; background: #FFFFFF; } .sf-modal-content { overflow-y: auto; max-height: 100vh; padding: 2rem; } iframe.sf-modal-content { display: flex; border: none; } @media (max-width: 991px) { .sf-modal-area { width: 75%; } } @media (max-width: 767px) { .sf-modal-area { width: 85%; } } @media (max-width: 575px) { .sf-modal-area { width: 100%; } } .sf-close { position: absolute; right: 1em; top: 1em; width: 1em; height: 1em; opacity: 0.4; cursor: pointer; border: none; background: transparent; } .sf-close:hover { opacity: 1; } .sf-close:before, .sf-close:after { position: absolute; left: 50%; content: ' '; height: 100%; width: 2px; top: 0; background-color: rgba(27, 31, 44, 0.87); } .sf-close:before { transform: rotate(45deg); } .sf-close:after { transform: rotate(-45deg); } .theme-light.sf-close { background-color: transparent; } .theme-light.sf-close:before, .theme-light.sf-close:after, .theme-light .sf-close:before, .theme-light .sf-close:after { background-color: rgba(27, 31, 44, 0.87); } .theme-dark.sf-close { background-color: transparent; } .theme-dark.sf-close:before, .theme-dark.sf-close:after, .theme-dark .sf-close:before, .theme-dark .sf-close:after { background-color: white; } .sf-close-right { margin-right: -3em; } .sf-close-right-top { margin-top: -1em; margin-right: -3em; } .sf-close-left { margin-left: -3em; left: 1em; right: auto; } .sf-close-left-top { left: 1em; right: auto; margin-top: -1em; margin-left: -3em; } .sf-close-top { margin-top: -3em; top: 1em; bottom: auto; } .sf-close-bottom { margin-bottom: -3em; bottom: 1em; top: auto; } .sf-close-center { top: 50%; margin-top: -0.5em; } .sf-progress { position: relative; height: 0.25rem; display: block; width: 100%; background-color: rgba(27, 31, 44, 0.12); border-radius: 0.125rem; background-clip: padding-box; overflow: hidden; } .sf-progress-bar { position: absolute; background-color: inherit; top: 0; bottom: 0; background-color: #2196F3; transition: width .3s linear; } .sf-progress-animation { background-color: #2196F3; } .sf-progress-animation:before { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; animation: indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite; } .sf-progress-animation:after { content: ''; position: absolute; background-color: inherit; top: 0; left: 0; bottom: 0; will-change: left, right; animation: indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite; animation-delay: 1.15s; } @-webkit-keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @-moz-keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @keyframes indeterminate { 0% { left: -35%; right: 100%; } 60% { left: 100%; right: -90%; } 100% { left: 100%; right: -90%; } } @-webkit-keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @-moz-keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } @keyframes indeterminate-short { 0% { left: -200%; right: 100%; } 60% { left: 107%; right: -8%; } 100% { left: 107%; right: -8%; } } .form-control { border-radius: 0.125rem; border: 1px solid rgba(0, 0, 0, 0.1); } .form-check { position: relative; padding-left: 0; } .form-check .form-check-input[type="checkbox"] ~ label:before { content: ""; position: absolute; top: 0; left: 0; width: 1.5rem; height: 1.5rem; border: 1px solid #dde1e6; border-radius: 0.25rem; background-color: #f4f7fb; margin-top: 0; transform: none; transition: none; } .form-check .form-check-input[type="checkbox"] ~ label:hover:before, .form-check .form-check-input[type="checkbox"] ~ label.focus:before { border-color: #4c6ef5; } .form-check .form-check-input[type="checkbox"] ~ label:after { content: ""; position: absolute; top: 0.65rem; left: 0.65rem; width: 0.625rem; height: 0.375rem; border: 0; border-bottom-width: 0.125rem; border-left-width: 0.125rem; border-style: solid; border-color: white; transform-origin: 0 100%; transform: rotate(-45deg); opacity: 0; } .form-check .form-check-input[type="checkbox"]:checked ~ label:before { background-color: #4c6ef5; border-color: #4c6ef5; } .form-check .form-check-input[type="checkbox"]:checked ~ label:after { opacity: 1; } .form-check .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:hover:before, .form-check .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:focus:before { background-color: #2268DD !important; } .form-check .form-check-input[type="checkbox"]:disabled:checked ~ label { cursor: default; color: #848e99; } .form-check .form-check-input[type="checkbox"]:disabled:checked ~ label:before { border-color: #dde1e6; background-color: #dde1e6; } .form-check .form-check-input[type="checkbox"]:disabled:checked ~ label:hover { color: #848e99; } .form-check .form-check-input[type="checkbox"]:disabled:checked ~ label:hover:before { border-color: #dde1e6; } .form-check .form-check-input[type="checkbox"]:disabled:not(:checked) ~ label { cursor: default; color: #848e99; } .form-check .form-check-input[type="checkbox"]:disabled:not(:checked) ~ label:before { border: 1px solid #dde1e6; margin-left: 0; margin-top: 0; background-color: #f4f7fb; } .form-check .form-check-input[type="checkbox"]:disabled:not(:checked) ~ label:hover { color: #848e99; } .form-check .form-check-input[type="checkbox"]:disabled:not(:checked) ~ label:hover:before { border: 1px solid #dde1e6; } .form-check.check-default .form-check-input[type="checkbox"] ~ label:hover:before, .form-check.check-default .form-check-input[type="checkbox"] ~ label.focus:before { border-color: #343a40 !important; } .form-check.check-default .form-check-input[type="checkbox"]:checked ~ label:before { background-color: #343a40 !important; border-color: #343a40 !important; } .form-check.check-default .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-default .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:focus:before { background-color: #15252D !important; } .form-check.check-primary .form-check-input[type="checkbox"] ~ label:hover:before, .form-check.check-primary .form-check-input[type="checkbox"] ~ label.focus:before { border-color: #4c6ef5 !important; } .form-check.check-primary .form-check-input[type="checkbox"]:checked ~ label:before { background-color: #4c6ef5 !important; border-color: #4c6ef5 !important; } .form-check.check-primary .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-primary .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:focus:before { background-color: #2268DD !important; } .form-check.check-secondary .form-check-input[type="checkbox"] ~ label:hover:before, .form-check.check-secondary .form-check-input[type="checkbox"] ~ label.focus:before { border-color: #e64980 !important; } .form-check.check-secondary .form-check-input[type="checkbox"]:checked ~ label:before { background-color: #e64980 !important; border-color: #e64980 !important; } .form-check.check-secondary .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-secondary .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:focus:before { background-color: #A30020 !important; } .form-check.check-success .form-check-input[type="checkbox"] ~ label:hover:before, .form-check.check-success .form-check-input[type="checkbox"] ~ label.focus:before { border-color: #40c057 !important; } .form-check.check-success .form-check-input[type="checkbox"]:checked ~ label:before { background-color: #40c057 !important; border-color: #40c057 !important; } .form-check.check-success .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-success .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:focus:before { background-color: #2A8D30 !important; } .form-check.check-info .form-check-input[type="checkbox"] ~ label:hover:before, .form-check.check-info .form-check-input[type="checkbox"] ~ label.focus:before { border-color: #228be6 !important; } .form-check.check-info .form-check-input[type="checkbox"]:checked ~ label:before { background-color: #228be6 !important; border-color: #228be6 !important; } .form-check.check-info .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-info .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:focus:before { background-color: #0287D2 !important; } .form-check.check-warning .form-check-input[type="checkbox"] ~ label:hover:before, .form-check.check-warning .form-check-input[type="checkbox"] ~ label.focus:before { border-color: #fd7e14 !important; } .form-check.check-warning .form-check-input[type="checkbox"]:checked ~ label:before { background-color: #fd7e14 !important; border-color: #fd7e14 !important; } .form-check.check-warning .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-warning .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:focus:before { background-color: #DD9200 !important; } .form-check.check-danger .form-check-input[type="checkbox"] ~ label:hover:before, .form-check.check-danger .form-check-input[type="checkbox"] ~ label.focus:before { border-color: #fa5252 !important; } .form-check.check-danger .form-check-input[type="checkbox"]:checked ~ label:before { background-color: #fa5252 !important; border-color: #fa5252 !important; } .form-check.check-danger .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-danger .form-check-input[type="checkbox"]:checked:not(:disabled) ~ label:focus:before { background-color: #D22114 !important; } .form-check .form-check-input[type="checkbox"], .form-check .form-check-input[type="radio"] { position: absolute; left: -9999px; visibility: hidden; } .form-check .form-check-input[type="checkbox"] ~ label, .form-check .form-check-input[type="radio"] ~ label { position: relative; padding-left: 2.19rem; cursor: pointer; display: inline-block; height: 1.6rem; line-height: 1.6rem; font-size: 1rem; } .form-check { position: relative; padding-left: 0; } .form-check .form-check-input[type="radio"] ~ label:before { content: ""; position: absolute; top: 0; left: 0; width: 1.5rem; height: 1.5rem; border: 1px solid #dde1e6; border-radius: 0.25rem; background-color: #f4f7fb; margin: 0; transform: none; transition: none; border-radius: 100%; } .form-check .form-check-input[type="radio"] ~ label:hover:before, .form-check .form-check-input[type="radio"] ~ label.focus:before { border-color: #4c6ef5; } .form-check .form-check-input[type="radio"] ~ label:after { content: ""; position: absolute; top: 0.5rem; left: 0.5rem; width: 0.5rem; height: 0.5rem; background-color: white; border-radius: 50%; opacity: 0; margin: 0; border: none; transition: none; transform: none; z-index: none; } .form-check .form-check-input[type="radio"]:checked ~ label:before { background-color: #4c6ef5; border-color: #4c6ef5; } .form-check .form-check-input[type="radio"]:checked ~ label:after { opacity: 1; } .form-check .form-check-input[type="radio"]:checked:not(:disabled) ~ label:hover:before, .form-check .form-check-input[type="radio"]:checked:not(:disabled) ~ label:focus:before { background-color: #2268DD !important; } .form-check .form-check-input[type="radio"]:disabled:checked ~ label { cursor: default; color: #848e99; } .form-check .form-check-input[type="radio"]:disabled:checked ~ label:before { border-color: #dde1e6; background-color: #dde1e6; } .form-check .form-check-input[type="radio"]:disabled:checked ~ label:after { background-color: #FFFFFF; } .form-check .form-check-input[type="radio"]:disabled:checked ~ label:hover { color: #848e99; } .form-check .form-check-input[type="radio"]:disabled:checked ~ label:hover:before { border-color: #dde1e6 !important; } .form-check .form-check-input[type="radio"]:disabled:not(:checked) ~ label { cursor: default; color: #848e99; } .form-check .form-check-input[type="radio"]:disabled:not(:checked) ~ label:before { border: 1px solid #dde1e6; margin-left: 0; margin-top: 0; background-color: #f4f7fb; } .form-check .form-check-input[type="radio"]:disabled:not(:checked) ~ label:hover { color: #848e99; } .form-check .form-check-input[type="radio"]:disabled:not(:checked) ~ label:hover:before { border: 1px solid #dde1e6; } .form-check.check-default .form-check-input[type="radio"] ~ label:hover:before, .form-check.check-default .form-check-input[type="radio"] ~ label.focus:before { border-color: #343a40 !important; } .form-check.check-default .form-check-input[type="radio"]:checked ~ label:before { background-color: #343a40 !important; border-color: #343a40 !important; } .form-check.check-default .form-check-input[type="radio"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-default .form-check-input[type="radio"]:checked:not(:disabled) ~ label:focus:before { background-color: #15252D !important; } .form-check.check-primary .form-check-input[type="radio"] ~ label:hover:before, .form-check.check-primary .form-check-input[type="radio"] ~ label.focus:before { border-color: #4c6ef5 !important; } .form-check.check-primary .form-check-input[type="radio"]:checked ~ label:before { background-color: #4c6ef5 !important; border-color: #4c6ef5 !important; } .form-check.check-primary .form-check-input[type="radio"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-primary .form-check-input[type="radio"]:checked:not(:disabled) ~ label:focus:before { background-color: #2268DD !important; } .form-check.check-secondary .form-check-input[type="radio"] ~ label:hover:before, .form-check.check-secondary .form-check-input[type="radio"] ~ label.focus:before { border-color: #e64980 !important; } .form-check.check-secondary .form-check-input[type="radio"]:checked ~ label:before { background-color: #e64980 !important; border-color: #e64980 !important; } .form-check.check-secondary .form-check-input[type="radio"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-secondary .form-check-input[type="radio"]:checked:not(:disabled) ~ label:focus:before { background-color: #A30020 !important; } .form-check.check-success .form-check-input[type="radio"] ~ label:hover:before, .form-check.check-success .form-check-input[type="radio"] ~ label.focus:before { border-color: #40c057 !important; } .form-check.check-success .form-check-input[type="radio"]:checked ~ label:before { background-color: #40c057 !important; border-color: #40c057 !important; } .form-check.check-success .form-check-input[type="radio"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-success .form-check-input[type="radio"]:checked:not(:disabled) ~ label:focus:before { background-color: #2A8D30 !important; } .form-check.check-info .form-check-input[type="radio"] ~ label:hover:before, .form-check.check-info .form-check-input[type="radio"] ~ label.focus:before { border-color: #228be6 !important; } .form-check.check-info .form-check-input[type="radio"]:checked ~ label:before { background-color: #228be6 !important; border-color: #228be6 !important; } .form-check.check-info .form-check-input[type="radio"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-info .form-check-input[type="radio"]:checked:not(:disabled) ~ label:focus:before { background-color: #0287D2 !important; } .form-check.check-warning .form-check-input[type="radio"] ~ label:hover:before, .form-check.check-warning .form-check-input[type="radio"] ~ label.focus:before { border-color: #fd7e14 !important; } .form-check.check-warning .form-check-input[type="radio"]:checked ~ label:before { background-color: #fd7e14 !important; border-color: #fd7e14 !important; } .form-check.check-warning .form-check-input[type="radio"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-warning .form-check-input[type="radio"]:checked:not(:disabled) ~ label:focus:before { background-color: #DD9200 !important; } .form-check.check-danger .form-check-input[type="radio"] ~ label:hover:before, .form-check.check-danger .form-check-input[type="radio"] ~ label.focus:before { border-color: #fa5252 !important; } .form-check.check-danger .form-check-input[type="radio"]:checked ~ label:before { background-color: #fa5252 !important; border-color: #fa5252 !important; } .form-check.check-danger .form-check-input[type="radio"]:checked:not(:disabled) ~ label:hover:before, .form-check.check-danger .form-check-input[type="radio"]:checked:not(:disabled) ~ label:focus:before { background-color: #D22114 !important; } .sf-tabs { position: relative; overflow: hidden; margin: 0 auto; width: 100%; font-weight: 300; font-size: 1.25rem; } .sf-tabs nav { text-align: center; } .sf-tabs nav ul { position: relative; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: flex; margin: 0 auto; padding: 0; max-width: 1200px; list-style: none; -ms-box-orient: horizontal; -ms-box-pack: center; -webkit-flex-flow: row wrap; -moz-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content: center; justify-content: center; } .sf-tabs nav ul li { position: relative; z-index: 1; display: block; margin: 0; text-align: center; -webkit-flex: 1; -moz-flex: 1; -ms-flex: 1; flex: 1; } .sf-tabs nav ul li.sf-tab-current a { color: #74777b; } .sf-tabs nav ul li.sf-tab-current a:focus { outline: none; } .sf-tabs nav a { position: relative; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 2.5; } .sf-tabs nav a span { vertical-align: middle; font-size: 0.75rem; } .sf-tabs nav a:hover { color: #0056b3; text-decoration: none; } /*--- ---*/ .content-wrap { position: relative; } .content-wrap section { display: none; margin: 0 auto; padding: 1rem; max-width: 1200px; text-align: center; } .content-wrap section.content-current { display: block; } .content-wrap section p { margin: 0; padding: 0.75rem 0; color: rgba(40, 44, 42, 0.05); font-weight: 900; font-size: 4rem; line-height: 1; } .no-js .content-wrap section { display: block; padding-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.6); } .no-flexbox nav ul { display: block; } .no-flexbox nav ul li { min-width: 15%; display: inline-block; } /*--- THEME CIRCLE-FILL ---*/ .sf-tabs-circle-fill { max-width: 700px; border: 1px solid #2CC185; } .sf-tabs-circle-fill nav ul li { overflow: hidden; border-right: 1px solid #2CC185; } .sf-tabs-circle-fill nav li a { padding: 1.5rem 0; color: #fff; font-size: 1.25rem; } .sf-tabs-circle-fill nav li:first-child { border-left: none; } .sf-tabs-circle-fill nav li:last-child { border: none; } .sf-tabs-circle-fill nav li::before { position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -40px; width: 80px; height: 80px; border: 1px solid #2CC185; border-radius: 50%; background: #2CC185; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .sf-tabs-circle-fill nav li.sf-tab-current::before { -webkit-transform: scale3d(2.5, 2.5, 1); transform: scale3d(2.5, 2.5, 1); } .sf-tabs-circle-fill nav li.sf-tab-current a { color: #fff; } .sf-tabs-circle-fill nav a { -webkit-transition: color 0.3s; transition: color 0.3s; } .sf-tabs-circle-fill nav a span { display: none; } .sf-tabs-circle-fill .content-wrap { border-top: 1px solid #2CC185; } /*--- THEME BOOK ---*/ .sf-tabs-book { max-width: 1200px; } .sf-tabs-book nav { padding: 0 1rem; } .sf-tabs-book nav ul li { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .sf-tabs-book nav ul li a { padding: 0 1.5em 0 0.3em; color: #0d9564; -webkit-transition: color 0.2s; transition: color 0.2s; } .sf-tabs-book nav ul li a:hover { color: #fff; } .sf-tabs-book nav ul li a:focus { color: #fff; } .sf-tabs-book nav ul li a::after { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; outline: 1px solid transparent; border-radius: 10px 10px 0 0; background: #2CC185; box-shadow: inset 0 -3px 3px rgba(0, 0, 0, 0.05); content: ''; -webkit-transform: perspective(5px) rotateX(0.93deg) translateZ(-1px); transform: perspective(5px) rotateX(0.93deg) translateZ(-1px); -webkit-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .sf-tabs-book nav ul li.sf-tab-current a { color: #2CC185; } .sf-tabs-book nav ul li.sf-tab-current a:hover { color: #2CC185; } .sf-tabs-book nav ul li.sf-tab-current a span { font-weight: 500; font-size: 0.75em; } .sf-tabs-book nav ul li.sf-tab-current a::after { background: #fff; box-shadow: none; } .sf-tabs-book .content-wrap { background: #fff; box-shadow: none; } /*--- THEME TOPLINE ---*/ .sf-tabs-topline { max-width: 1200px; } .sf-tabs-topline nav li { border: 1px solid rgba(40, 44, 42, 0.1); } .sf-tabs-topline nav li:not(:last-child) { border-right: none; } .sf-tabs-topline nav li.sf-tab-current { border-top-color: #2CC185; border-bottom: none; } .sf-tabs-topline nav li.sf-tab-current a { background: none; box-shadow: inset 0 3px 0 #2CC185; color: #2CC185; } .sf-tabs-topline nav a { padding: 0.65em 0 0.5em; background: rgba(40, 44, 42, 0.05); color: #74777b; line-height: 1; -webkit-transition: color 0.2s; transition: color 0.2s; } .sf-tabs-topline nav a:hover { color: #2CC185; } .sf-tabs-topline nav a:focus { color: #2CC185; } .sf-tabs-topline nav a span { text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 0.5em; } /*--- THEME BAR ---*/ .sf-tabs-bar nav { background: rgba(40, 44, 42, 0.05); } .sf-tabs-bar nav ul { border: 4px solid transparent; } .sf-tabs-bar nav ul li a { margin: 0 2px; background-color: #f7f7f7; color: #74777b; transition: background-color 0.2s, color 0.2s; } .sf-tabs-bar nav ul li a:hover { color: #2CC185; } .sf-tabs-bar nav ul li a:focus { color: #2CC185; } .sf-tabs-bar nav ul li a span { text-transform: uppercase; letter-spacing: 1px; font-weight: 500; font-size: 0.6em; } .sf-tabs-bar nav ul li a.sf-tab-current a { background: #2CC185; color: #fff; } /* --- THEME ICONBOX ---*/ .sf-tabs-iconbox nav { background: rgba(255, 255, 255, 0.4); } .sf-tabs-iconbox nav ul li a { overflow: visible; padding: 2em 0; line-height: 1; -webkit-transition: color 0.2s; transition: color 0.2s; } .sf-tabs-iconbox nav ul li a span { font-weight: 700; font-size: 0.7em; } .sf-tabs-iconbox nav ul li.sf-tab-current a { background: #fff; box-shadow: -1px 0 0 #fff; } .sf-tabs-iconbox nav ul li.sf-tab-current a::after { position: absolute; top: 100%; left: 50%; margin-left: -10px; width: 0; height: 0; border: solid transparent; border-width: 10px; border-top-color: #fff; content: ''; pointer-events: none; } .sf-tabs-iconbox nav ul li:first-child::before { position: absolute; top: 20%; right: 0; z-index: -1; width: 1px; height: 60%; background: rgba(0, 0, 0, 0.07); content: ''; } .sf-tabs-iconbox nav ul li:first-child::before { right: auto; left: 0; } .sf-tabs-iconbox nav ul li::after { position: absolute; top: 20%; right: 0; z-index: -1; width: 1px; height: 60%; background: rgba(0, 0, 0, 0.07); content: ''; } /* --- THEME ICONBOX ---*/ .sf-tabs-underline nav { background: #fff; } .sf-tabs-underline nav a { padding: 0.25em 0 0.5em; border-left: 1px solid #e7ecea; -webkit-transition: color 0.2s; transition: color 0.2s; } .sf-tabs-underline nav a span { font-weight: 700; } .sf-tabs-underline nav li:last-child a { border-right: 1px solid #e7ecea; } .sf-tabs-underline nav li a { border-right: 1px solid #e7ecea; } .sf-tabs-underline nav li a::after { position: absolute; bottom: 0; left: 0; width: 100%; height: 0.3rem; background: #2CC185; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translate3d(0, 150%, 0); transform: translate3d(0, 150%, 0); } .sf-tabs-underline nav li.sf-tab-current a::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /* --- THEME LINETRIANGLE ---*/ .sf-tabs-linetriangle nav a { overflow: visible; border-bottom: 1px solid rgba(0, 0, 0, 0.2); -webkit-transition: color 0.2s; transition: color 0.2s; } .sf-tabs-linetriangle nav a span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1em; } .sf-tabs-linetriangle nav li.sf-tab-current a::after { position: absolute; top: 100%; left: 50%; width: 0; height: 0; border: solid transparent; content: ''; pointer-events: none; } .sf-tabs-linetriangle nav li.sf-tab-current a::before { position: absolute; top: 100%; left: 50%; width: 0; height: 0; border: solid transparent; content: ''; pointer-events: none; } .sf-tabs-linetriangle nav li.sf-tab-current a::after { margin-left: -10px; border-width: 10px; border-top-color: #e7ecea; } .sf-tabs-linetriangle nav li.sf-tab-current a::before { margin-left: -11px; border-width: 11px; border-top-color: rgba(0, 0, 0, 0.2); } /* --- THEME LINETRIANGLE ---*/ .sf-tabs-iconfall { overflow: visible; } .sf-tabs-iconfall nav a { display: flex; flex-direction: column; overflow: visible; padding: 1rem 0 2rem; color: #74777b; line-height: 1; -webkit-transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1); } .sf-tabs-iconfall nav a:hover { color: #2CC185; } .sf-tabs-iconfall nav a:focus { color: #2CC185; } .sf-tabs-iconfall nav a span { font-weight: 700; } .sf-tabs-iconfall nav a i { margin: 0 0 0.35em; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); pointer-events: none; } .sf-tabs-iconfall nav li.sf-tab-current { color: #2CC185; } .sf-tabs-iconfall nav li.sf-tab-current i { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sf-tabs-iconfall nav li::before { position: absolute; bottom: 1em; left: 50%; margin-left: -20px; width: 40px; height: 4px; background: #2CC185; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s ease-in; transition: transform 0.2s ease-in; -webkit-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1); } .sf-tabs-iconfall nav li::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } /* --- THEME LINEMOVE ---*/ .sf-tabs-linemove nav { background: #fff; } .sf-tabs-linemove nav li:last-child::before { position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background: #2CC185; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; } .sf-tabs-linemove nav li:first-child.sf-tab-current ~ li:last-child::before { -webkit-transform: translate3d(-400%, 0, 0); transform: translate3d(-400%, 0, 0); } .sf-tabs-linemove nav li:nth-child(2).sf-tab-current ~ li:last-child::before { -webkit-transform: translate3d(-300%, 0, 0); transform: translate3d(-300%, 0, 0); } .sf-tabs-linemove nav li:nth-child(3).sf-tab-current ~ li:last-child::before { -webkit-transform: translate3d(-200%, 0, 0); transform: translate3d(-200%, 0, 0); } .sf-tabs-linemove nav li:nth-child(4).sf-tab-current ~ li:last-child::before { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .sf-tabs-linemove nav li.sf-tab-current a { color: #2CC185; -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); } .sf-tabs-linemove nav a { padding: 1em 0; color: #74777b; line-height: 1; -webkit-transition: color 0.3s, -webkit-transform 0.3s; transition: color 0.3s, transform 0.3s; } .sf-tabs-linemove nav a li.sf-tab-current a { color: #2CC185; -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); } .sf-tabs-linemove nav a span { font-weight: 700; } /*--- THEME LINE ---*/ .sf-tabs-line nav ul { padding: 0 2em; max-width: none; box-shadow: inset 0 -2px #d1d3d2; } .sf-tabs-line nav a { padding: 0.7em 0.4em; box-shadow: inset 0 -2px #d1d3d2; color: #74777b; text-align: left; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 0.8em; line-height: 1; -webkit-transition: color 0.3s, box-shadow 0.3s; transition: color 0.3s, box-shadow 0.3s; } .sf-tabs-line nav a:hover { box-shadow: inset 0 -2px #74777b; } .sf-tabs-line nav a:focus { box-shadow: inset 0 -2px #74777b; } .sf-tabs-line nav li.sf-tab-current a { box-shadow: inset 0 -2px #2CC185; color: #2CC185; } /*--- THEME CIRCLE ---*/ .sf-tabs-circle { overflow: visible; } .sf-tabs-circle nav li::before { position: absolute; top: 50%; left: 50%; margin: -50px 0 0 -50px; width: 100px; height: 100px; border: 1px solid #2CC185; border-radius: 50%; content: ''; opacity: 0; -webkit-transition: -webkit-transform 0.2s, opacity 0.2s; transition: transform 0.2s, opacity 0.2s; -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: cubic-bezier(0.7, 0, 0.3, 1); } .sf-tabs-circle nav li.sf-tab-current::before { opacity: 1; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .sf-tabs-circle nav a { display: flex; flex-direction: column; overflow: visible; color: #74777b; font-weight: 700; font-size: 1rem; line-height: 1.1; -webkit-transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: color 0.3s cubic-bezier(0.7, 0, 0.3, 1); padding: 1rem 0; } .sf-tabs-circle nav a span { display: inline-block; -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.7, 0, 0.3, 1); transition: transform 0.3s cubic-bezier(0.7, 0, 0.3, 1); } .sf-tabs-circle nav a:hover { color: #4a4a4b; } .sf-tabs-circle nav a:focus { color: #4a4a4b; } .sf-tabs-circle nav li.sf-tab-current a { color: #2CC185; } .sf-tabs-circle nav li.sf-tab-current a span { -webkit-transform: translate3d(0, 4px, 0); transform: translate3d(0, 4px, 0); } /*--- THEME SHAPE ---*/ .sf-tabs-shape { max-width: 1200px; } .sf-tabs-shape nav ul li { margin: 0 3rem; } .sf-tabs-shape nav ul li:first-child { margin-left: 0; } .sf-tabs-shape nav ul li.sf-tab-current { z-index: 100; } .sf-tabs-shape nav li a { overflow: visible; margin: 0 -3rem 0 0; padding: 0; color: #fff; font-weight: 500; } .sf-tabs-shape nav li a svg { position: absolute; left: 100%; margin: 0; width: 3rem; height: 100%; fill: #bdc2c9; pointer-events: none; -webkit-transition: none; transition: none; } .sf-tabs-shape nav li a svg:nth-child(2) { right: 100%; left: auto; -webkit-transform: scale3d(-1, 1, 1); transform: scale3d(-1, 1, 1); } .sf-tabs-shape nav li a svg use { pointer-events: auto; } .sf-tabs-shape nav li a span { display: block; overflow: hidden; padding: 0.65rem 0; background-color: #bdc2c9; text-overflow: ellipsis; white-space: nowrap; -webkit-transition: none; transition: none; } .sf-tabs-shape nav li a:hover span { background-color: #2CC185; } .sf-tabs-shape nav li a:hover svg { fill: #2CC185; } .sf-tabs-shape nav li:first-child a span { padding-left: 2rem; border-radius: 30px 0 0 0; } .sf-tabs-shape nav li:last-child a span { /*padding-left: 2rem;*/ border-radius: 0 30px 0 0; } .sf-tabs-shape nav li:last-child a svg { right: 100%; left: auto; -webkit-transform: scale3d(-1, 1, 1); transform: scale3d(-1, 1, 1); } .sf-tabs-shape nav li.sf-tab-current a span { background: #fff; } .sf-tabs-shape nav li.sf-tab-current a svg { fill: #fff; } .sf-tabs-shape .content-wrap { background: #fff; } /*--- THEME LINEBOX ---*/ .sf-tabs-linebox nav ul li { margin: 0 0.5rem; -webkit-flex: none; flex: none; } .sf-tabs-linebox nav a { padding: 0 1.5rem; color: #74777b; font-weight: 700; -webkit-transition: color 0.3s; transition: color 0.3s; } .sf-tabs-linebox nav a:hover { color: #2CC185; } .sf-tabs-linebox nav a:hover::after { background: #2CC185; } .sf-tabs-linebox nav a:focus { color: #2CC185; } .sf-tabs-linebox nav a:focus::after { background: #2CC185; } .sf-tabs-linebox nav a::after { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background: #d2d8d6; content: ''; -webkit-transition: background-color 0.3s, -webkit-transform 0.3s; transition: background-color 0.3s, transform 0.3s; -webkit-transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1); transition-timing-function: ease, cubic-bezier(0.7, 0, 0.3, 1); -webkit-transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); transform: translate3d(0, 100%, 0) translate3d(0, -3px, 0); } .sf-tabs-linebox nav li.sf-tab-current a { color: #fff; } .sf-tabs-linebox nav li.sf-tab-current a::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } /*--- THEME FLIP ---*/ .sf-tabs-flip { max-width: 1200px; } .sf-tabs-flip nav a { padding: 0.5em 0; color: #2CC185; -webkit-transition: color 0.3s; transition: color 0.3s; } .sf-tabs-flip nav a:hover { color: #74777b; } .sf-tabs-flip nav a:focus { color: #74777b; } .sf-tabs-flip nav a span { text-transform: uppercase; letter-spacing: 1px; font-weight: 700; font-size: 0.625em; } .sf-tabs-flip nav a::after { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-color: #f0f0f0; content: ''; -webkit-transition: -webkit-transform 0.3s, background-color 0.3s; transition: transform 0.3s, background-color 0.3s; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 90deg); transform: perspective(900px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-perspective-origin: 50% 100%; perspective-origin: 50% 100%; } .sf-tabs-flip nav li.sf-tab-current a { color: #74777b; } .sf-tabs-flip nav li.sf-tab-current a::after { background-color: #fff; -webkit-transform: perspective(900px) rotate3d(1, 0, 0, 0deg); transform: perspective(900px) rotate3d(1, 0, 0, 0deg); } .sf-tabs-flip .content-wrap { background: #fff; } /*--- THEME FLIPUP ---*/ .sf-tabs-flipup nav ul li a { padding: 1.9em 0; border-right: 1px solid #2CC185; line-height: 1; -webkit-transition: color 0.3s; transition: color 0.3s; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .sf-tabs-flipup nav ul li a::after { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; height: calc(100% + 1px); border: 1px solid #2CC185; background: #2CC185; content: ''; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); } .sf-tabs-flipup nav ul li a span { -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); display: block; font-weight: 700; font-size: 0.7em; line-height: 1.5; } .sf-tabs-flipup nav ul li:last-child a { border: none; } .sf-tabs-flipup nav ul li.sf-tab-current { z-index: 100; } .sf-tabs-flipup nav ul li.sf-tab-current a { color: #fff; } .sf-tabs-flipup nav ul li.sf-tab-current a::after { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .sf-tabs-flipup nav ul li.sf-tab-current a span { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .sf-tabs-flipup nav ul li.sf-tab-current a i { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } .flatpickr-calendar { visibility: hidden; display: none; } .m-1 { margin: 0.25rem 0.25rem !important; } .mt-1 { margin-top: 0.25rem !important; } .mr-1 { margin-right: 0.25rem !important; } .mb-1 { margin-bottom: 0.25rem !important; } .ml-1 { margin-left: 0.25rem !important; } .mx-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-2 { margin: 0.5rem 0.5rem !important; } .mt-2 { margin-top: 0.5rem !important; } .mr-2 { margin-right: 0.5rem !important; } .mb-2 { margin-bottom: 0.5rem !important; } .ml-2 { margin-left: 0.5rem !important; } .mx-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-3 { margin: 1rem 1rem !important; } .mt-3 { margin-top: 1rem !important; } .mr-3 { margin-right: 1rem !important; } .mb-3 { margin-bottom: 1rem !important; } .ml-3 { margin-left: 1rem !important; } .mx-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-4 { margin: 2rem 2rem !important; } .mt-4 { margin-top: 2rem !important; } .mr-4 { margin-right: 2rem !important; } .mb-4 { margin-bottom: 2rem !important; } .ml-4 { margin-left: 2rem !important; } .mx-4 { margin-right: 2rem !important; margin-left: 2rem !important; } .my-4 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .m-5 { margin: 4rem 4rem !important; } .mt-5 { margin-top: 4rem !important; } .mr-5 { margin-right: 4rem !important; } .mb-5 { margin-bottom: 4rem !important; } .ml-5 { margin-left: 4rem !important; } .mx-5 { margin-right: 4rem !important; margin-left: 4rem !important; } .my-5 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .m-6 { margin: 8rem 8rem !important; } .mt-6 { margin-top: 8rem !important; } .mr-6 { margin-right: 8rem !important; } .mb-6 { margin-bottom: 8rem !important; } .ml-6 { margin-left: 8rem !important; } .mx-6 { margin-right: 8rem !important; margin-left: 8rem !important; } .my-6 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .m-7 { margin: 16rem 16rem !important; } .mt-7 { margin-top: 16rem !important; } .mr-7 { margin-right: 16rem !important; } .mb-7 { margin-bottom: 16rem !important; } .ml-7 { margin-left: 16rem !important; } .mx-7 { margin-right: 16rem !important; margin-left: 16rem !important; } .my-7 { margin-top: 16rem !important; margin-bottom: 16rem !important; } .m--1 { margin: -0.25rem -0.25rem !important; } .mt--1 { margin-top: -0.25rem !important; } .mr--1 { margin-right: -0.25rem !important; } .mb--1 { margin-bottom: -0.25rem !important; } .ml--1 { margin-left: -0.25rem !important; } .mx--1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .my--1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .m--2 { margin: -0.5rem -0.5rem !important; } .mt--2 { margin-top: -0.5rem !important; } .mr--2 { margin-right: -0.5rem !important; } .mb--2 { margin-bottom: -0.5rem !important; } .ml--2 { margin-left: -0.5rem !important; } .mx--2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .my--2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .m--3 { margin: -1rem -1rem !important; } .mt--3 { margin-top: -1rem !important; } .mr--3 { margin-right: -1rem !important; } .mb--3 { margin-bottom: -1rem !important; } .ml--3 { margin-left: -1rem !important; } .mx--3 { margin-right: -1rem !important; margin-left: -1rem !important; } .my--3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .m-0 { margin: 0 0 !important; } .mt-0 { margin-top: 0 !important; } .mr-0 { margin-right: 0 !important; } .mb-0 { margin-bottom: 0 !important; } .ml-0 { margin-left: 0 !important; } .mx-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .p-1 { padding: 0.25rem 0.25rem !important; } .pt-1 { padding-top: 0.25rem !important; } .pr-1 { padding-right: 0.25rem !important; } .pb-1 { padding-bottom: 0.25rem !important; } .pl-1 { padding-left: 0.25rem !important; } .px-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-2 { padding: 0.5rem 0.5rem !important; } .pt-2 { padding-top: 0.5rem !important; } .pr-2 { padding-right: 0.5rem !important; } .pb-2 { padding-bottom: 0.5rem !important; } .pl-2 { padding-left: 0.5rem !important; } .px-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-3 { padding: 1rem 1rem !important; } .pt-3 { padding-top: 1rem !important; } .pr-3 { padding-right: 1rem !important; } .pb-3 { padding-bottom: 1rem !important; } .pl-3 { padding-left: 1rem !important; } .px-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-4 { padding: 2rem 2rem !important; } .pt-4 { padding-top: 2rem !important; } .pr-4 { padding-right: 2rem !important; } .pb-4 { padding-bottom: 2rem !important; } .pl-4 { padding-left: 2rem !important; } .px-4 { padding-right: 2rem !important; padding-left: 2rem !important; } .py-4 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .p-5 { padding: 4rem 4rem !important; } .pt-5 { padding-top: 4rem !important; } .pr-5 { padding-right: 4rem !important; } .pb-5 { padding-bottom: 4rem !important; } .pl-5 { padding-left: 4rem !important; } .px-5 { padding-right: 4rem !important; padding-left: 4rem !important; } .py-5 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .p-6 { padding: 8rem 8rem !important; } .pt-6 { padding-top: 8rem !important; } .pr-6 { padding-right: 8rem !important; } .pb-6 { padding-bottom: 8rem !important; } .pl-6 { padding-left: 8rem !important; } .px-6 { padding-right: 8rem !important; padding-left: 8rem !important; } .py-6 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .p-7 { padding: 16rem 16rem !important; } .pt-7 { padding-top: 16rem !important; } .pr-7 { padding-right: 16rem !important; } .pb-7 { padding-bottom: 16rem !important; } .pl-7 { padding-left: 16rem !important; } .px-7 { padding-right: 16rem !important; padding-left: 16rem !important; } .py-7 { padding-top: 16rem !important; padding-bottom: 16rem !important; } .p--1 { padding: -0.25rem -0.25rem !important; } .pt--1 { padding-top: -0.25rem !important; } .pr--1 { padding-right: -0.25rem !important; } .pb--1 { padding-bottom: -0.25rem !important; } .pl--1 { padding-left: -0.25rem !important; } .px--1 { padding-right: -0.25rem !important; padding-left: -0.25rem !important; } .py--1 { padding-top: -0.25rem !important; padding-bottom: -0.25rem !important; } .p--2 { padding: -0.5rem -0.5rem !important; } .pt--2 { padding-top: -0.5rem !important; } .pr--2 { padding-right: -0.5rem !important; } .pb--2 { padding-bottom: -0.5rem !important; } .pl--2 { padding-left: -0.5rem !important; } .px--2 { padding-right: -0.5rem !important; padding-left: -0.5rem !important; } .py--2 { padding-top: -0.5rem !important; padding-bottom: -0.5rem !important; } .p--3 { padding: -1rem -1rem !important; } .pt--3 { padding-top: -1rem !important; } .pr--3 { padding-right: -1rem !important; } .pb--3 { padding-bottom: -1rem !important; } .pl--3 { padding-left: -1rem !important; } .px--3 { padding-right: -1rem !important; padding-left: -1rem !important; } .py--3 { padding-top: -1rem !important; padding-bottom: -1rem !important; } .p-0 { padding: 0 0 !important; } .pt-0 { padding-top: 0 !important; } .pr-0 { padding-right: 0 !important; } .pb-0 { padding-bottom: 0 !important; } .pl-0 { padding-left: 0 !important; } .px-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .m-auto { margin: auto !important; } .mt-auto { margin-top: auto !important; } .mr-auto { margin-right: auto !important; } .mb-auto { margin-bottom: auto !important; } .ml-auto { margin-left: auto !important; } .mx-auto { margin-right: auto !important; margin-left: auto !important; } .my-auto { margin-top: auto !important; margin-bottom: auto !important; } .mx--col { margin-right: -15px !important; margin-left: -15px !important; } .ml--col { margin-left: -15px !important; } .mr--col { margin-right: -15px !important; } @media (min-width: 576px) { .m-sm-1 { margin: 0.25rem 0.25rem !important; } .mt-sm-1 { margin-top: 0.25rem !important; } .mr-sm-1 { margin-right: 0.25rem !important; } .mb-sm-1 { margin-bottom: 0.25rem !important; } .ml-sm-1 { margin-left: 0.25rem !important; } .mx-sm-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-sm-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-sm-2 { margin: 0.5rem 0.5rem !important; } .mt-sm-2 { margin-top: 0.5rem !important; } .mr-sm-2 { margin-right: 0.5rem !important; } .mb-sm-2 { margin-bottom: 0.5rem !important; } .ml-sm-2 { margin-left: 0.5rem !important; } .mx-sm-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-sm-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-sm-3 { margin: 1rem 1rem !important; } .mt-sm-3 { margin-top: 1rem !important; } .mr-sm-3 { margin-right: 1rem !important; } .mb-sm-3 { margin-bottom: 1rem !important; } .ml-sm-3 { margin-left: 1rem !important; } .mx-sm-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-sm-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-sm-4 { margin: 2rem 2rem !important; } .mt-sm-4 { margin-top: 2rem !important; } .mr-sm-4 { margin-right: 2rem !important; } .mb-sm-4 { margin-bottom: 2rem !important; } .ml-sm-4 { margin-left: 2rem !important; } .mx-sm-4 { margin-right: 2rem !important; margin-left: 2rem !important; } .my-sm-4 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .m-sm-5 { margin: 4rem 4rem !important; } .mt-sm-5 { margin-top: 4rem !important; } .mr-sm-5 { margin-right: 4rem !important; } .mb-sm-5 { margin-bottom: 4rem !important; } .ml-sm-5 { margin-left: 4rem !important; } .mx-sm-5 { margin-right: 4rem !important; margin-left: 4rem !important; } .my-sm-5 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .m-sm-6 { margin: 8rem 8rem !important; } .mt-sm-6 { margin-top: 8rem !important; } .mr-sm-6 { margin-right: 8rem !important; } .mb-sm-6 { margin-bottom: 8rem !important; } .ml-sm-6 { margin-left: 8rem !important; } .mx-sm-6 { margin-right: 8rem !important; margin-left: 8rem !important; } .my-sm-6 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .m-sm-7 { margin: 16rem 16rem !important; } .mt-sm-7 { margin-top: 16rem !important; } .mr-sm-7 { margin-right: 16rem !important; } .mb-sm-7 { margin-bottom: 16rem !important; } .ml-sm-7 { margin-left: 16rem !important; } .mx-sm-7 { margin-right: 16rem !important; margin-left: 16rem !important; } .my-sm-7 { margin-top: 16rem !important; margin-bottom: 16rem !important; } .m-sm--1 { margin: -0.25rem -0.25rem !important; } .mt-sm--1 { margin-top: -0.25rem !important; } .mr-sm--1 { margin-right: -0.25rem !important; } .mb-sm--1 { margin-bottom: -0.25rem !important; } .ml-sm--1 { margin-left: -0.25rem !important; } .mx-sm--1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .my-sm--1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .m-sm--2 { margin: -0.5rem -0.5rem !important; } .mt-sm--2 { margin-top: -0.5rem !important; } .mr-sm--2 { margin-right: -0.5rem !important; } .mb-sm--2 { margin-bottom: -0.5rem !important; } .ml-sm--2 { margin-left: -0.5rem !important; } .mx-sm--2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .my-sm--2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .m-sm--3 { margin: -1rem -1rem !important; } .mt-sm--3 { margin-top: -1rem !important; } .mr-sm--3 { margin-right: -1rem !important; } .mb-sm--3 { margin-bottom: -1rem !important; } .ml-sm--3 { margin-left: -1rem !important; } .mx-sm--3 { margin-right: -1rem !important; margin-left: -1rem !important; } .my-sm--3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .m-sm-0 { margin: 0 0 !important; } .mt-sm-0 { margin-top: 0 !important; } .mr-sm-0 { margin-right: 0 !important; } .mb-sm-0 { margin-bottom: 0 !important; } .ml-sm-0 { margin-left: 0 !important; } .mx-sm-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-sm-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .p-sm-1 { padding: 0.25rem 0.25rem !important; } .pt-sm-1 { padding-top: 0.25rem !important; } .pr-sm-1 { padding-right: 0.25rem !important; } .pb-sm-1 { padding-bottom: 0.25rem !important; } .pl-sm-1 { padding-left: 0.25rem !important; } .px-sm-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-sm-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-sm-2 { padding: 0.5rem 0.5rem !important; } .pt-sm-2 { padding-top: 0.5rem !important; } .pr-sm-2 { padding-right: 0.5rem !important; } .pb-sm-2 { padding-bottom: 0.5rem !important; } .pl-sm-2 { padding-left: 0.5rem !important; } .px-sm-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-sm-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-sm-3 { padding: 1rem 1rem !important; } .pt-sm-3 { padding-top: 1rem !important; } .pr-sm-3 { padding-right: 1rem !important; } .pb-sm-3 { padding-bottom: 1rem !important; } .pl-sm-3 { padding-left: 1rem !important; } .px-sm-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-sm-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-sm-4 { padding: 2rem 2rem !important; } .pt-sm-4 { padding-top: 2rem !important; } .pr-sm-4 { padding-right: 2rem !important; } .pb-sm-4 { padding-bottom: 2rem !important; } .pl-sm-4 { padding-left: 2rem !important; } .px-sm-4 { padding-right: 2rem !important; padding-left: 2rem !important; } .py-sm-4 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .p-sm-5 { padding: 4rem 4rem !important; } .pt-sm-5 { padding-top: 4rem !important; } .pr-sm-5 { padding-right: 4rem !important; } .pb-sm-5 { padding-bottom: 4rem !important; } .pl-sm-5 { padding-left: 4rem !important; } .px-sm-5 { padding-right: 4rem !important; padding-left: 4rem !important; } .py-sm-5 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .p-sm-6 { padding: 8rem 8rem !important; } .pt-sm-6 { padding-top: 8rem !important; } .pr-sm-6 { padding-right: 8rem !important; } .pb-sm-6 { padding-bottom: 8rem !important; } .pl-sm-6 { padding-left: 8rem !important; } .px-sm-6 { padding-right: 8rem !important; padding-left: 8rem !important; } .py-sm-6 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .p-sm-7 { padding: 16rem 16rem !important; } .pt-sm-7 { padding-top: 16rem !important; } .pr-sm-7 { padding-right: 16rem !important; } .pb-sm-7 { padding-bottom: 16rem !important; } .pl-sm-7 { padding-left: 16rem !important; } .px-sm-7 { padding-right: 16rem !important; padding-left: 16rem !important; } .py-sm-7 { padding-top: 16rem !important; padding-bottom: 16rem !important; } .p-sm--1 { padding: -0.25rem -0.25rem !important; } .pt-sm--1 { padding-top: -0.25rem !important; } .pr-sm--1 { padding-right: -0.25rem !important; } .pb-sm--1 { padding-bottom: -0.25rem !important; } .pl-sm--1 { padding-left: -0.25rem !important; } .px-sm--1 { padding-right: -0.25rem !important; padding-left: -0.25rem !important; } .py-sm--1 { padding-top: -0.25rem !important; padding-bottom: -0.25rem !important; } .p-sm--2 { padding: -0.5rem -0.5rem !important; } .pt-sm--2 { padding-top: -0.5rem !important; } .pr-sm--2 { padding-right: -0.5rem !important; } .pb-sm--2 { padding-bottom: -0.5rem !important; } .pl-sm--2 { padding-left: -0.5rem !important; } .px-sm--2 { padding-right: -0.5rem !important; padding-left: -0.5rem !important; } .py-sm--2 { padding-top: -0.5rem !important; padding-bottom: -0.5rem !important; } .p-sm--3 { padding: -1rem -1rem !important; } .pt-sm--3 { padding-top: -1rem !important; } .pr-sm--3 { padding-right: -1rem !important; } .pb-sm--3 { padding-bottom: -1rem !important; } .pl-sm--3 { padding-left: -1rem !important; } .px-sm--3 { padding-right: -1rem !important; padding-left: -1rem !important; } .py-sm--3 { padding-top: -1rem !important; padding-bottom: -1rem !important; } .p-sm-0 { padding: 0 0 !important; } .pt-sm-0 { padding-top: 0 !important; } .pr-sm-0 { padding-right: 0 !important; } .pb-sm-0 { padding-bottom: 0 !important; } .pl-sm-0 { padding-left: 0 !important; } .px-sm-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-sm-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .m-sm-auto { margin: auto !important; } .mt-sm-auto { margin-top: auto !important; } .mr-sm-auto { margin-right: auto !important; } .mb-sm-auto { margin-bottom: auto !important; } .ml-sm-auto { margin-left: auto !important; } .mx-sm-auto { margin-right: auto !important; margin-left: auto !important; } .my-sm-auto { margin-top: auto !important; margin-bottom: auto !important; } .mx-sm--col { margin-right: -15px !important; margin-left: -15px !important; } .ml-sm--col { margin-left: -15px !important; } .mr-sm--col { margin-right: -15px !important; } } @media (min-width: 768px) { .m-md-1 { margin: 0.25rem 0.25rem !important; } .mt-md-1 { margin-top: 0.25rem !important; } .mr-md-1 { margin-right: 0.25rem !important; } .mb-md-1 { margin-bottom: 0.25rem !important; } .ml-md-1 { margin-left: 0.25rem !important; } .mx-md-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-md-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-md-2 { margin: 0.5rem 0.5rem !important; } .mt-md-2 { margin-top: 0.5rem !important; } .mr-md-2 { margin-right: 0.5rem !important; } .mb-md-2 { margin-bottom: 0.5rem !important; } .ml-md-2 { margin-left: 0.5rem !important; } .mx-md-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-md-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-md-3 { margin: 1rem 1rem !important; } .mt-md-3 { margin-top: 1rem !important; } .mr-md-3 { margin-right: 1rem !important; } .mb-md-3 { margin-bottom: 1rem !important; } .ml-md-3 { margin-left: 1rem !important; } .mx-md-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-md-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-md-4 { margin: 2rem 2rem !important; } .mt-md-4 { margin-top: 2rem !important; } .mr-md-4 { margin-right: 2rem !important; } .mb-md-4 { margin-bottom: 2rem !important; } .ml-md-4 { margin-left: 2rem !important; } .mx-md-4 { margin-right: 2rem !important; margin-left: 2rem !important; } .my-md-4 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .m-md-5 { margin: 4rem 4rem !important; } .mt-md-5 { margin-top: 4rem !important; } .mr-md-5 { margin-right: 4rem !important; } .mb-md-5 { margin-bottom: 4rem !important; } .ml-md-5 { margin-left: 4rem !important; } .mx-md-5 { margin-right: 4rem !important; margin-left: 4rem !important; } .my-md-5 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .m-md-6 { margin: 8rem 8rem !important; } .mt-md-6 { margin-top: 8rem !important; } .mr-md-6 { margin-right: 8rem !important; } .mb-md-6 { margin-bottom: 8rem !important; } .ml-md-6 { margin-left: 8rem !important; } .mx-md-6 { margin-right: 8rem !important; margin-left: 8rem !important; } .my-md-6 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .m-md-7 { margin: 16rem 16rem !important; } .mt-md-7 { margin-top: 16rem !important; } .mr-md-7 { margin-right: 16rem !important; } .mb-md-7 { margin-bottom: 16rem !important; } .ml-md-7 { margin-left: 16rem !important; } .mx-md-7 { margin-right: 16rem !important; margin-left: 16rem !important; } .my-md-7 { margin-top: 16rem !important; margin-bottom: 16rem !important; } .m-md--1 { margin: -0.25rem -0.25rem !important; } .mt-md--1 { margin-top: -0.25rem !important; } .mr-md--1 { margin-right: -0.25rem !important; } .mb-md--1 { margin-bottom: -0.25rem !important; } .ml-md--1 { margin-left: -0.25rem !important; } .mx-md--1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .my-md--1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .m-md--2 { margin: -0.5rem -0.5rem !important; } .mt-md--2 { margin-top: -0.5rem !important; } .mr-md--2 { margin-right: -0.5rem !important; } .mb-md--2 { margin-bottom: -0.5rem !important; } .ml-md--2 { margin-left: -0.5rem !important; } .mx-md--2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .my-md--2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .m-md--3 { margin: -1rem -1rem !important; } .mt-md--3 { margin-top: -1rem !important; } .mr-md--3 { margin-right: -1rem !important; } .mb-md--3 { margin-bottom: -1rem !important; } .ml-md--3 { margin-left: -1rem !important; } .mx-md--3 { margin-right: -1rem !important; margin-left: -1rem !important; } .my-md--3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .m-md-0 { margin: 0 0 !important; } .mt-md-0 { margin-top: 0 !important; } .mr-md-0 { margin-right: 0 !important; } .mb-md-0 { margin-bottom: 0 !important; } .ml-md-0 { margin-left: 0 !important; } .mx-md-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-md-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .p-md-1 { padding: 0.25rem 0.25rem !important; } .pt-md-1 { padding-top: 0.25rem !important; } .pr-md-1 { padding-right: 0.25rem !important; } .pb-md-1 { padding-bottom: 0.25rem !important; } .pl-md-1 { padding-left: 0.25rem !important; } .px-md-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-md-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-md-2 { padding: 0.5rem 0.5rem !important; } .pt-md-2 { padding-top: 0.5rem !important; } .pr-md-2 { padding-right: 0.5rem !important; } .pb-md-2 { padding-bottom: 0.5rem !important; } .pl-md-2 { padding-left: 0.5rem !important; } .px-md-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-md-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-md-3 { padding: 1rem 1rem !important; } .pt-md-3 { padding-top: 1rem !important; } .pr-md-3 { padding-right: 1rem !important; } .pb-md-3 { padding-bottom: 1rem !important; } .pl-md-3 { padding-left: 1rem !important; } .px-md-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-md-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-md-4 { padding: 2rem 2rem !important; } .pt-md-4 { padding-top: 2rem !important; } .pr-md-4 { padding-right: 2rem !important; } .pb-md-4 { padding-bottom: 2rem !important; } .pl-md-4 { padding-left: 2rem !important; } .px-md-4 { padding-right: 2rem !important; padding-left: 2rem !important; } .py-md-4 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .p-md-5 { padding: 4rem 4rem !important; } .pt-md-5 { padding-top: 4rem !important; } .pr-md-5 { padding-right: 4rem !important; } .pb-md-5 { padding-bottom: 4rem !important; } .pl-md-5 { padding-left: 4rem !important; } .px-md-5 { padding-right: 4rem !important; padding-left: 4rem !important; } .py-md-5 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .p-md-6 { padding: 8rem 8rem !important; } .pt-md-6 { padding-top: 8rem !important; } .pr-md-6 { padding-right: 8rem !important; } .pb-md-6 { padding-bottom: 8rem !important; } .pl-md-6 { padding-left: 8rem !important; } .px-md-6 { padding-right: 8rem !important; padding-left: 8rem !important; } .py-md-6 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .p-md-7 { padding: 16rem 16rem !important; } .pt-md-7 { padding-top: 16rem !important; } .pr-md-7 { padding-right: 16rem !important; } .pb-md-7 { padding-bottom: 16rem !important; } .pl-md-7 { padding-left: 16rem !important; } .px-md-7 { padding-right: 16rem !important; padding-left: 16rem !important; } .py-md-7 { padding-top: 16rem !important; padding-bottom: 16rem !important; } .p-md--1 { padding: -0.25rem -0.25rem !important; } .pt-md--1 { padding-top: -0.25rem !important; } .pr-md--1 { padding-right: -0.25rem !important; } .pb-md--1 { padding-bottom: -0.25rem !important; } .pl-md--1 { padding-left: -0.25rem !important; } .px-md--1 { padding-right: -0.25rem !important; padding-left: -0.25rem !important; } .py-md--1 { padding-top: -0.25rem !important; padding-bottom: -0.25rem !important; } .p-md--2 { padding: -0.5rem -0.5rem !important; } .pt-md--2 { padding-top: -0.5rem !important; } .pr-md--2 { padding-right: -0.5rem !important; } .pb-md--2 { padding-bottom: -0.5rem !important; } .pl-md--2 { padding-left: -0.5rem !important; } .px-md--2 { padding-right: -0.5rem !important; padding-left: -0.5rem !important; } .py-md--2 { padding-top: -0.5rem !important; padding-bottom: -0.5rem !important; } .p-md--3 { padding: -1rem -1rem !important; } .pt-md--3 { padding-top: -1rem !important; } .pr-md--3 { padding-right: -1rem !important; } .pb-md--3 { padding-bottom: -1rem !important; } .pl-md--3 { padding-left: -1rem !important; } .px-md--3 { padding-right: -1rem !important; padding-left: -1rem !important; } .py-md--3 { padding-top: -1rem !important; padding-bottom: -1rem !important; } .p-md-0 { padding: 0 0 !important; } .pt-md-0 { padding-top: 0 !important; } .pr-md-0 { padding-right: 0 !important; } .pb-md-0 { padding-bottom: 0 !important; } .pl-md-0 { padding-left: 0 !important; } .px-md-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-md-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .m-md-auto { margin: auto !important; } .mt-md-auto { margin-top: auto !important; } .mr-md-auto { margin-right: auto !important; } .mb-md-auto { margin-bottom: auto !important; } .ml-md-auto { margin-left: auto !important; } .mx-md-auto { margin-right: auto !important; margin-left: auto !important; } .my-md-auto { margin-top: auto !important; margin-bottom: auto !important; } .mx-md--col { margin-right: -15px !important; margin-left: -15px !important; } .ml-md--col { margin-left: -15px !important; } .mr-md--col { margin-right: -15px !important; } } @media (min-width: 992px) { .m-lg-1 { margin: 0.25rem 0.25rem !important; } .mt-lg-1 { margin-top: 0.25rem !important; } .mr-lg-1 { margin-right: 0.25rem !important; } .mb-lg-1 { margin-bottom: 0.25rem !important; } .ml-lg-1 { margin-left: 0.25rem !important; } .mx-lg-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-lg-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-lg-2 { margin: 0.5rem 0.5rem !important; } .mt-lg-2 { margin-top: 0.5rem !important; } .mr-lg-2 { margin-right: 0.5rem !important; } .mb-lg-2 { margin-bottom: 0.5rem !important; } .ml-lg-2 { margin-left: 0.5rem !important; } .mx-lg-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-lg-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-lg-3 { margin: 1rem 1rem !important; } .mt-lg-3 { margin-top: 1rem !important; } .mr-lg-3 { margin-right: 1rem !important; } .mb-lg-3 { margin-bottom: 1rem !important; } .ml-lg-3 { margin-left: 1rem !important; } .mx-lg-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-lg-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-lg-4 { margin: 2rem 2rem !important; } .mt-lg-4 { margin-top: 2rem !important; } .mr-lg-4 { margin-right: 2rem !important; } .mb-lg-4 { margin-bottom: 2rem !important; } .ml-lg-4 { margin-left: 2rem !important; } .mx-lg-4 { margin-right: 2rem !important; margin-left: 2rem !important; } .my-lg-4 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .m-lg-5 { margin: 4rem 4rem !important; } .mt-lg-5 { margin-top: 4rem !important; } .mr-lg-5 { margin-right: 4rem !important; } .mb-lg-5 { margin-bottom: 4rem !important; } .ml-lg-5 { margin-left: 4rem !important; } .mx-lg-5 { margin-right: 4rem !important; margin-left: 4rem !important; } .my-lg-5 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .m-lg-6 { margin: 8rem 8rem !important; } .mt-lg-6 { margin-top: 8rem !important; } .mr-lg-6 { margin-right: 8rem !important; } .mb-lg-6 { margin-bottom: 8rem !important; } .ml-lg-6 { margin-left: 8rem !important; } .mx-lg-6 { margin-right: 8rem !important; margin-left: 8rem !important; } .my-lg-6 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .m-lg-7 { margin: 16rem 16rem !important; } .mt-lg-7 { margin-top: 16rem !important; } .mr-lg-7 { margin-right: 16rem !important; } .mb-lg-7 { margin-bottom: 16rem !important; } .ml-lg-7 { margin-left: 16rem !important; } .mx-lg-7 { margin-right: 16rem !important; margin-left: 16rem !important; } .my-lg-7 { margin-top: 16rem !important; margin-bottom: 16rem !important; } .m-lg--1 { margin: -0.25rem -0.25rem !important; } .mt-lg--1 { margin-top: -0.25rem !important; } .mr-lg--1 { margin-right: -0.25rem !important; } .mb-lg--1 { margin-bottom: -0.25rem !important; } .ml-lg--1 { margin-left: -0.25rem !important; } .mx-lg--1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .my-lg--1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .m-lg--2 { margin: -0.5rem -0.5rem !important; } .mt-lg--2 { margin-top: -0.5rem !important; } .mr-lg--2 { margin-right: -0.5rem !important; } .mb-lg--2 { margin-bottom: -0.5rem !important; } .ml-lg--2 { margin-left: -0.5rem !important; } .mx-lg--2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .my-lg--2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .m-lg--3 { margin: -1rem -1rem !important; } .mt-lg--3 { margin-top: -1rem !important; } .mr-lg--3 { margin-right: -1rem !important; } .mb-lg--3 { margin-bottom: -1rem !important; } .ml-lg--3 { margin-left: -1rem !important; } .mx-lg--3 { margin-right: -1rem !important; margin-left: -1rem !important; } .my-lg--3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .m-lg-0 { margin: 0 0 !important; } .mt-lg-0 { margin-top: 0 !important; } .mr-lg-0 { margin-right: 0 !important; } .mb-lg-0 { margin-bottom: 0 !important; } .ml-lg-0 { margin-left: 0 !important; } .mx-lg-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-lg-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .p-lg-1 { padding: 0.25rem 0.25rem !important; } .pt-lg-1 { padding-top: 0.25rem !important; } .pr-lg-1 { padding-right: 0.25rem !important; } .pb-lg-1 { padding-bottom: 0.25rem !important; } .pl-lg-1 { padding-left: 0.25rem !important; } .px-lg-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-lg-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-lg-2 { padding: 0.5rem 0.5rem !important; } .pt-lg-2 { padding-top: 0.5rem !important; } .pr-lg-2 { padding-right: 0.5rem !important; } .pb-lg-2 { padding-bottom: 0.5rem !important; } .pl-lg-2 { padding-left: 0.5rem !important; } .px-lg-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-lg-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-lg-3 { padding: 1rem 1rem !important; } .pt-lg-3 { padding-top: 1rem !important; } .pr-lg-3 { padding-right: 1rem !important; } .pb-lg-3 { padding-bottom: 1rem !important; } .pl-lg-3 { padding-left: 1rem !important; } .px-lg-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-lg-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-lg-4 { padding: 2rem 2rem !important; } .pt-lg-4 { padding-top: 2rem !important; } .pr-lg-4 { padding-right: 2rem !important; } .pb-lg-4 { padding-bottom: 2rem !important; } .pl-lg-4 { padding-left: 2rem !important; } .px-lg-4 { padding-right: 2rem !important; padding-left: 2rem !important; } .py-lg-4 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .p-lg-5 { padding: 4rem 4rem !important; } .pt-lg-5 { padding-top: 4rem !important; } .pr-lg-5 { padding-right: 4rem !important; } .pb-lg-5 { padding-bottom: 4rem !important; } .pl-lg-5 { padding-left: 4rem !important; } .px-lg-5 { padding-right: 4rem !important; padding-left: 4rem !important; } .py-lg-5 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .p-lg-6 { padding: 8rem 8rem !important; } .pt-lg-6 { padding-top: 8rem !important; } .pr-lg-6 { padding-right: 8rem !important; } .pb-lg-6 { padding-bottom: 8rem !important; } .pl-lg-6 { padding-left: 8rem !important; } .px-lg-6 { padding-right: 8rem !important; padding-left: 8rem !important; } .py-lg-6 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .p-lg-7 { padding: 16rem 16rem !important; } .pt-lg-7 { padding-top: 16rem !important; } .pr-lg-7 { padding-right: 16rem !important; } .pb-lg-7 { padding-bottom: 16rem !important; } .pl-lg-7 { padding-left: 16rem !important; } .px-lg-7 { padding-right: 16rem !important; padding-left: 16rem !important; } .py-lg-7 { padding-top: 16rem !important; padding-bottom: 16rem !important; } .p-lg--1 { padding: -0.25rem -0.25rem !important; } .pt-lg--1 { padding-top: -0.25rem !important; } .pr-lg--1 { padding-right: -0.25rem !important; } .pb-lg--1 { padding-bottom: -0.25rem !important; } .pl-lg--1 { padding-left: -0.25rem !important; } .px-lg--1 { padding-right: -0.25rem !important; padding-left: -0.25rem !important; } .py-lg--1 { padding-top: -0.25rem !important; padding-bottom: -0.25rem !important; } .p-lg--2 { padding: -0.5rem -0.5rem !important; } .pt-lg--2 { padding-top: -0.5rem !important; } .pr-lg--2 { padding-right: -0.5rem !important; } .pb-lg--2 { padding-bottom: -0.5rem !important; } .pl-lg--2 { padding-left: -0.5rem !important; } .px-lg--2 { padding-right: -0.5rem !important; padding-left: -0.5rem !important; } .py-lg--2 { padding-top: -0.5rem !important; padding-bottom: -0.5rem !important; } .p-lg--3 { padding: -1rem -1rem !important; } .pt-lg--3 { padding-top: -1rem !important; } .pr-lg--3 { padding-right: -1rem !important; } .pb-lg--3 { padding-bottom: -1rem !important; } .pl-lg--3 { padding-left: -1rem !important; } .px-lg--3 { padding-right: -1rem !important; padding-left: -1rem !important; } .py-lg--3 { padding-top: -1rem !important; padding-bottom: -1rem !important; } .p-lg-0 { padding: 0 0 !important; } .pt-lg-0 { padding-top: 0 !important; } .pr-lg-0 { padding-right: 0 !important; } .pb-lg-0 { padding-bottom: 0 !important; } .pl-lg-0 { padding-left: 0 !important; } .px-lg-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-lg-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .m-lg-auto { margin: auto !important; } .mt-lg-auto { margin-top: auto !important; } .mr-lg-auto { margin-right: auto !important; } .mb-lg-auto { margin-bottom: auto !important; } .ml-lg-auto { margin-left: auto !important; } .mx-lg-auto { margin-right: auto !important; margin-left: auto !important; } .my-lg-auto { margin-top: auto !important; margin-bottom: auto !important; } .mx-lg--col { margin-right: -15px !important; margin-left: -15px !important; } .ml-lg--col { margin-left: -15px !important; } .mr-lg--col { margin-right: -15px !important; } } @media (min-width: 1200px) { .m-xl-1 { margin: 0.25rem 0.25rem !important; } .mt-xl-1 { margin-top: 0.25rem !important; } .mr-xl-1 { margin-right: 0.25rem !important; } .mb-xl-1 { margin-bottom: 0.25rem !important; } .ml-xl-1 { margin-left: 0.25rem !important; } .mx-xl-1 { margin-right: 0.25rem !important; margin-left: 0.25rem !important; } .my-xl-1 { margin-top: 0.25rem !important; margin-bottom: 0.25rem !important; } .m-xl-2 { margin: 0.5rem 0.5rem !important; } .mt-xl-2 { margin-top: 0.5rem !important; } .mr-xl-2 { margin-right: 0.5rem !important; } .mb-xl-2 { margin-bottom: 0.5rem !important; } .ml-xl-2 { margin-left: 0.5rem !important; } .mx-xl-2 { margin-right: 0.5rem !important; margin-left: 0.5rem !important; } .my-xl-2 { margin-top: 0.5rem !important; margin-bottom: 0.5rem !important; } .m-xl-3 { margin: 1rem 1rem !important; } .mt-xl-3 { margin-top: 1rem !important; } .mr-xl-3 { margin-right: 1rem !important; } .mb-xl-3 { margin-bottom: 1rem !important; } .ml-xl-3 { margin-left: 1rem !important; } .mx-xl-3 { margin-right: 1rem !important; margin-left: 1rem !important; } .my-xl-3 { margin-top: 1rem !important; margin-bottom: 1rem !important; } .m-xl-4 { margin: 2rem 2rem !important; } .mt-xl-4 { margin-top: 2rem !important; } .mr-xl-4 { margin-right: 2rem !important; } .mb-xl-4 { margin-bottom: 2rem !important; } .ml-xl-4 { margin-left: 2rem !important; } .mx-xl-4 { margin-right: 2rem !important; margin-left: 2rem !important; } .my-xl-4 { margin-top: 2rem !important; margin-bottom: 2rem !important; } .m-xl-5 { margin: 4rem 4rem !important; } .mt-xl-5 { margin-top: 4rem !important; } .mr-xl-5 { margin-right: 4rem !important; } .mb-xl-5 { margin-bottom: 4rem !important; } .ml-xl-5 { margin-left: 4rem !important; } .mx-xl-5 { margin-right: 4rem !important; margin-left: 4rem !important; } .my-xl-5 { margin-top: 4rem !important; margin-bottom: 4rem !important; } .m-xl-6 { margin: 8rem 8rem !important; } .mt-xl-6 { margin-top: 8rem !important; } .mr-xl-6 { margin-right: 8rem !important; } .mb-xl-6 { margin-bottom: 8rem !important; } .ml-xl-6 { margin-left: 8rem !important; } .mx-xl-6 { margin-right: 8rem !important; margin-left: 8rem !important; } .my-xl-6 { margin-top: 8rem !important; margin-bottom: 8rem !important; } .m-xl-7 { margin: 16rem 16rem !important; } .mt-xl-7 { margin-top: 16rem !important; } .mr-xl-7 { margin-right: 16rem !important; } .mb-xl-7 { margin-bottom: 16rem !important; } .ml-xl-7 { margin-left: 16rem !important; } .mx-xl-7 { margin-right: 16rem !important; margin-left: 16rem !important; } .my-xl-7 { margin-top: 16rem !important; margin-bottom: 16rem !important; } .m-xl--1 { margin: -0.25rem -0.25rem !important; } .mt-xl--1 { margin-top: -0.25rem !important; } .mr-xl--1 { margin-right: -0.25rem !important; } .mb-xl--1 { margin-bottom: -0.25rem !important; } .ml-xl--1 { margin-left: -0.25rem !important; } .mx-xl--1 { margin-right: -0.25rem !important; margin-left: -0.25rem !important; } .my-xl--1 { margin-top: -0.25rem !important; margin-bottom: -0.25rem !important; } .m-xl--2 { margin: -0.5rem -0.5rem !important; } .mt-xl--2 { margin-top: -0.5rem !important; } .mr-xl--2 { margin-right: -0.5rem !important; } .mb-xl--2 { margin-bottom: -0.5rem !important; } .ml-xl--2 { margin-left: -0.5rem !important; } .mx-xl--2 { margin-right: -0.5rem !important; margin-left: -0.5rem !important; } .my-xl--2 { margin-top: -0.5rem !important; margin-bottom: -0.5rem !important; } .m-xl--3 { margin: -1rem -1rem !important; } .mt-xl--3 { margin-top: -1rem !important; } .mr-xl--3 { margin-right: -1rem !important; } .mb-xl--3 { margin-bottom: -1rem !important; } .ml-xl--3 { margin-left: -1rem !important; } .mx-xl--3 { margin-right: -1rem !important; margin-left: -1rem !important; } .my-xl--3 { margin-top: -1rem !important; margin-bottom: -1rem !important; } .m-xl-0 { margin: 0 0 !important; } .mt-xl-0 { margin-top: 0 !important; } .mr-xl-0 { margin-right: 0 !important; } .mb-xl-0 { margin-bottom: 0 !important; } .ml-xl-0 { margin-left: 0 !important; } .mx-xl-0 { margin-right: 0 !important; margin-left: 0 !important; } .my-xl-0 { margin-top: 0 !important; margin-bottom: 0 !important; } .p-xl-1 { padding: 0.25rem 0.25rem !important; } .pt-xl-1 { padding-top: 0.25rem !important; } .pr-xl-1 { padding-right: 0.25rem !important; } .pb-xl-1 { padding-bottom: 0.25rem !important; } .pl-xl-1 { padding-left: 0.25rem !important; } .px-xl-1 { padding-right: 0.25rem !important; padding-left: 0.25rem !important; } .py-xl-1 { padding-top: 0.25rem !important; padding-bottom: 0.25rem !important; } .p-xl-2 { padding: 0.5rem 0.5rem !important; } .pt-xl-2 { padding-top: 0.5rem !important; } .pr-xl-2 { padding-right: 0.5rem !important; } .pb-xl-2 { padding-bottom: 0.5rem !important; } .pl-xl-2 { padding-left: 0.5rem !important; } .px-xl-2 { padding-right: 0.5rem !important; padding-left: 0.5rem !important; } .py-xl-2 { padding-top: 0.5rem !important; padding-bottom: 0.5rem !important; } .p-xl-3 { padding: 1rem 1rem !important; } .pt-xl-3 { padding-top: 1rem !important; } .pr-xl-3 { padding-right: 1rem !important; } .pb-xl-3 { padding-bottom: 1rem !important; } .pl-xl-3 { padding-left: 1rem !important; } .px-xl-3 { padding-right: 1rem !important; padding-left: 1rem !important; } .py-xl-3 { padding-top: 1rem !important; padding-bottom: 1rem !important; } .p-xl-4 { padding: 2rem 2rem !important; } .pt-xl-4 { padding-top: 2rem !important; } .pr-xl-4 { padding-right: 2rem !important; } .pb-xl-4 { padding-bottom: 2rem !important; } .pl-xl-4 { padding-left: 2rem !important; } .px-xl-4 { padding-right: 2rem !important; padding-left: 2rem !important; } .py-xl-4 { padding-top: 2rem !important; padding-bottom: 2rem !important; } .p-xl-5 { padding: 4rem 4rem !important; } .pt-xl-5 { padding-top: 4rem !important; } .pr-xl-5 { padding-right: 4rem !important; } .pb-xl-5 { padding-bottom: 4rem !important; } .pl-xl-5 { padding-left: 4rem !important; } .px-xl-5 { padding-right: 4rem !important; padding-left: 4rem !important; } .py-xl-5 { padding-top: 4rem !important; padding-bottom: 4rem !important; } .p-xl-6 { padding: 8rem 8rem !important; } .pt-xl-6 { padding-top: 8rem !important; } .pr-xl-6 { padding-right: 8rem !important; } .pb-xl-6 { padding-bottom: 8rem !important; } .pl-xl-6 { padding-left: 8rem !important; } .px-xl-6 { padding-right: 8rem !important; padding-left: 8rem !important; } .py-xl-6 { padding-top: 8rem !important; padding-bottom: 8rem !important; } .p-xl-7 { padding: 16rem 16rem !important; } .pt-xl-7 { padding-top: 16rem !important; } .pr-xl-7 { padding-right: 16rem !important; } .pb-xl-7 { padding-bottom: 16rem !important; } .pl-xl-7 { padding-left: 16rem !important; } .px-xl-7 { padding-right: 16rem !important; padding-left: 16rem !important; } .py-xl-7 { padding-top: 16rem !important; padding-bottom: 16rem !important; } .p-xl--1 { padding: -0.25rem -0.25rem !important; } .pt-xl--1 { padding-top: -0.25rem !important; } .pr-xl--1 { padding-right: -0.25rem !important; } .pb-xl--1 { padding-bottom: -0.25rem !important; } .pl-xl--1 { padding-left: -0.25rem !important; } .px-xl--1 { padding-right: -0.25rem !important; padding-left: -0.25rem !important; } .py-xl--1 { padding-top: -0.25rem !important; padding-bottom: -0.25rem !important; } .p-xl--2 { padding: -0.5rem -0.5rem !important; } .pt-xl--2 { padding-top: -0.5rem !important; } .pr-xl--2 { padding-right: -0.5rem !important; } .pb-xl--2 { padding-bottom: -0.5rem !important; } .pl-xl--2 { padding-left: -0.5rem !important; } .px-xl--2 { padding-right: -0.5rem !important; padding-left: -0.5rem !important; } .py-xl--2 { padding-top: -0.5rem !important; padding-bottom: -0.5rem !important; } .p-xl--3 { padding: -1rem -1rem !important; } .pt-xl--3 { padding-top: -1rem !important; } .pr-xl--3 { padding-right: -1rem !important; } .pb-xl--3 { padding-bottom: -1rem !important; } .pl-xl--3 { padding-left: -1rem !important; } .px-xl--3 { padding-right: -1rem !important; padding-left: -1rem !important; } .py-xl--3 { padding-top: -1rem !important; padding-bottom: -1rem !important; } .p-xl-0 { padding: 0 0 !important; } .pt-xl-0 { padding-top: 0 !important; } .pr-xl-0 { padding-right: 0 !important; } .pb-xl-0 { padding-bottom: 0 !important; } .pl-xl-0 { padding-left: 0 !important; } .px-xl-0 { padding-right: 0 !important; padding-left: 0 !important; } .py-xl-0 { padding-top: 0 !important; padding-bottom: 0 !important; } .m-xl-auto { margin: auto !important; } .mt-xl-auto { margin-top: auto !important; } .mr-xl-auto { margin-right: auto !important; } .mb-xl-auto { margin-bottom: auto !important; } .ml-xl-auto { margin-left: auto !important; } .mx-xl-auto { margin-right: auto !important; margin-left: auto !important; } .my-xl-auto { margin-top: auto !important; margin-bottom: auto !important; } .mx-xl--col { margin-right: -15px !important; margin-left: -15px !important; } .ml-xl--col { margin-left: -15px !important; } .mr-xl--col { margin-right: -15px !important; } } .w-10 { width: 10%; } .w-20 { width: 20%; } .w-25 { width: 25%; } .w-30 { width: 30%; } .w-33 { width: 33%; } .w-34 { width: 34%; } .w-40 { width: 40%; } .w-50 { width: 50%; } .w-60 { width: 60%; } .w-70 { width: 70%; } .w-75 { width: 75%; } .w-80 { width: 80%; } .w-90 { width: 90%; } .w-100 { width: 100%; } .w-1-3 { width: 33.33333%; } .w-2-3 { width: 66.66666%; } .w-0 { width: 0%; } .wr-1 { width: 1rem; } .wr-2 { width: 2rem; } .wr-3 { width: 4rem; } .wr-4 { width: 8rem; } .wr-5 { width: 16rem; } .wr-6 { width: 32rem; } .wr-7 { width: 48rem; } .wr-8 { width: 64rem; } .wr-0 { width: 0; } .mw-100 { max-width: 100%; } .w-auto { width: auto; } @media (min-width: 576px) { .w-sm-10 { width: 10%; } .w-sm-20 { width: 20%; } .w-sm-25 { width: 25%; } .w-sm-30 { width: 30%; } .w-sm-33 { width: 33%; } .w-sm-34 { width: 34%; } .w-sm-40 { width: 40%; } .w-sm-50 { width: 50%; } .w-sm-60 { width: 60%; } .w-sm-70 { width: 70%; } .w-sm-75 { width: 75%; } .w-sm-80 { width: 80%; } .w-sm-90 { width: 90%; } .w-sm-100 { width: 100%; } .w-sm-1-3 { width: 33.33333%; } .w-sm-2-3 { width: 66.66666%; } .w-sm-0 { width: 0%; } .wr-sm-1 { width: 1rem; } .wr-sm-2 { width: 2rem; } .wr-sm-3 { width: 4rem; } .wr-sm-4 { width: 8rem; } .wr-sm-5 { width: 16rem; } .wr-sm-6 { width: 32rem; } .wr-sm-7 { width: 48rem; } .wr-sm-8 { width: 64rem; } .wr-sm-0 { width: 0; } .mw-sm-100 { max-width: 100%; } .w-sm-auto { width: auto; } } @media (min-width: 768px) { .w-md-10 { width: 10%; } .w-md-20 { width: 20%; } .w-md-25 { width: 25%; } .w-md-30 { width: 30%; } .w-md-33 { width: 33%; } .w-md-34 { width: 34%; } .w-md-40 { width: 40%; } .w-md-50 { width: 50%; } .w-md-60 { width: 60%; } .w-md-70 { width: 70%; } .w-md-75 { width: 75%; } .w-md-80 { width: 80%; } .w-md-90 { width: 90%; } .w-md-100 { width: 100%; } .w-md-1-3 { width: 33.33333%; } .w-md-2-3 { width: 66.66666%; } .w-md-0 { width: 0%; } .wr-md-1 { width: 1rem; } .wr-md-2 { width: 2rem; } .wr-md-3 { width: 4rem; } .wr-md-4 { width: 8rem; } .wr-md-5 { width: 16rem; } .wr-md-6 { width: 32rem; } .wr-md-7 { width: 48rem; } .wr-md-8 { width: 64rem; } .wr-md-0 { width: 0; } .mw-md-100 { max-width: 100%; } .w-md-auto { width: auto; } } @media (min-width: 992px) { .w-lg-10 { width: 10%; } .w-lg-20 { width: 20%; } .w-lg-25 { width: 25%; } .w-lg-30 { width: 30%; } .w-lg-33 { width: 33%; } .w-lg-34 { width: 34%; } .w-lg-40 { width: 40%; } .w-lg-50 { width: 50%; } .w-lg-60 { width: 60%; } .w-lg-70 { width: 70%; } .w-lg-75 { width: 75%; } .w-lg-80 { width: 80%; } .w-lg-90 { width: 90%; } .w-lg-100 { width: 100%; } .w-lg-1-3 { width: 33.33333%; } .w-lg-2-3 { width: 66.66666%; } .w-lg-0 { width: 0%; } .wr-lg-1 { width: 1rem; } .wr-lg-2 { width: 2rem; } .wr-lg-3 { width: 4rem; } .wr-lg-4 { width: 8rem; } .wr-lg-5 { width: 16rem; } .wr-lg-6 { width: 32rem; } .wr-lg-7 { width: 48rem; } .wr-lg-8 { width: 64rem; } .wr-lg-0 { width: 0; } .mw-lg-100 { max-width: 100%; } .w-lg-auto { width: auto; } } @media (min-width: 1200px) { .w-xl-10 { width: 10%; } .w-xl-20 { width: 20%; } .w-xl-25 { width: 25%; } .w-xl-30 { width: 30%; } .w-xl-33 { width: 33%; } .w-xl-34 { width: 34%; } .w-xl-40 { width: 40%; } .w-xl-50 { width: 50%; } .w-xl-60 { width: 60%; } .w-xl-70 { width: 70%; } .w-xl-75 { width: 75%; } .w-xl-80 { width: 80%; } .w-xl-90 { width: 90%; } .w-xl-100 { width: 100%; } .w-xl-1-3 { width: 33.33333%; } .w-xl-2-3 { width: 66.66666%; } .w-xl-0 { width: 0%; } .wr-xl-1 { width: 1rem; } .wr-xl-2 { width: 2rem; } .wr-xl-3 { width: 4rem; } .wr-xl-4 { width: 8rem; } .wr-xl-5 { width: 16rem; } .wr-xl-6 { width: 32rem; } .wr-xl-7 { width: 48rem; } .wr-xl-8 { width: 64rem; } .wr-xl-0 { width: 0; } .mw-xl-100 { max-width: 100%; } .w-xl-auto { width: auto; } } .h-25 { height: 25%; } .h-50 { height: 50%; } .h-75 { height: 75%; } .h-100 { height: 100%; } .h-0 { height: 0%; } .hr-1 { height: 1rem; } .hr-2 { height: 2rem; } .hr-3 { height: 4rem; } .hr-4 { height: 8rem; } .hr-5 { height: 16rem; } .hr-6 { height: 32rem; } .hr-0 { height: 0; } .hv-25 { height: 25vh; } .hv-50 { height: 50vh; } .hv-75 { height: 75vh; } .hv-100 { height: 100vh; } .hv-0 { height: 0vh; } @media (min-width: 576px) { .h-sm-25 { height: 25%; } .h-sm-50 { height: 50%; } .h-sm-75 { height: 75%; } .h-sm-100 { height: 100%; } .h-sm-0 { height: 0%; } .hr-sm-1 { height: 1rem; } .hr-sm-2 { height: 2rem; } .hr-sm-3 { height: 4rem; } .hr-sm-4 { height: 8rem; } .hr-sm-5 { height: 16rem; } .hr-sm-6 { height: 32rem; } .hr-sm-0 { height: 0; } .hv-sm-25 { height: 25vh; } .hv-sm-50 { height: 50vh; } .hv-sm-75 { height: 75vh; } .hv-sm-100 { height: 100vh; } .hv-sm-0 { height: 0vh; } } @media (min-width: 768px) { .h-md-25 { height: 25%; } .h-md-50 { height: 50%; } .h-md-75 { height: 75%; } .h-md-100 { height: 100%; } .h-md-0 { height: 0%; } .hr-md-1 { height: 1rem; } .hr-md-2 { height: 2rem; } .hr-md-3 { height: 4rem; } .hr-md-4 { height: 8rem; } .hr-md-5 { height: 16rem; } .hr-md-6 { height: 32rem; } .hr-md-0 { height: 0; } .hv-md-25 { height: 25vh; } .hv-md-50 { height: 50vh; } .hv-md-75 { height: 75vh; } .hv-md-100 { height: 100vh; } .hv-md-0 { height: 0vh; } } @media (min-width: 992px) { .h-lg-25 { height: 25%; } .h-lg-50 { height: 50%; } .h-lg-75 { height: 75%; } .h-lg-100 { height: 100%; } .h-lg-0 { height: 0%; } .hr-lg-1 { height: 1rem; } .hr-lg-2 { height: 2rem; } .hr-lg-3 { height: 4rem; } .hr-lg-4 { height: 8rem; } .hr-lg-5 { height: 16rem; } .hr-lg-6 { height: 32rem; } .hr-lg-0 { height: 0; } .hv-lg-25 { height: 25vh; } .hv-lg-50 { height: 50vh; } .hv-lg-75 { height: 75vh; } .hv-lg-100 { height: 100vh; } .hv-lg-0 { height: 0vh; } } @media (min-width: 1200px) { .h-xl-25 { height: 25%; } .h-xl-50 { height: 50%; } .h-xl-75 { height: 75%; } .h-xl-100 { height: 100%; } .h-xl-0 { height: 0%; } .hr-xl-1 { height: 1rem; } .hr-xl-2 { height: 2rem; } .hr-xl-3 { height: 4rem; } .hr-xl-4 { height: 8rem; } .hr-xl-5 { height: 16rem; } .hr-xl-6 { height: 32rem; } .hr-xl-0 { height: 0; } .hv-xl-25 { height: 25vh; } .hv-xl-50 { height: 50vh; } .hv-xl-75 { height: 75vh; } .hv-xl-100 { height: 100vh; } .hv-xl-0 { height: 0vh; } } .z--3 { z-index: -4; } .z--2 { z-index: -2; } .z--1 { z-index: -1; } .z-1 { z-index: 1; } .z-2 { z-index: 2; } .z-3 { z-index: 4; } .z-4 { z-index: 8; } .z-5 { z-index: 16; } .z-6 { z-index: 32; } .z-7 { z-index: 64; } .z-0 { z-index: 0; } @media (min-width: 576px) { .z-sm--3 { z-index: -4; } .z-sm--2 { z-index: -2; } .z-sm--1 { z-index: -1; } .z-sm-1 { z-index: 1; } .z-sm-2 { z-index: 2; } .z-sm-3 { z-index: 4; } .z-sm-4 { z-index: 8; } .z-sm-5 { z-index: 16; } .z-sm-6 { z-index: 32; } .z-sm-7 { z-index: 64; } .z-sm-0 { z-index: 0; } } @media (min-width: 768px) { .z-md--3 { z-index: -4; } .z-md--2 { z-index: -2; } .z-md--1 { z-index: -1; } .z-md-1 { z-index: 1; } .z-md-2 { z-index: 2; } .z-md-3 { z-index: 4; } .z-md-4 { z-index: 8; } .z-md-5 { z-index: 16; } .z-md-6 { z-index: 32; } .z-md-7 { z-index: 64; } .z-md-0 { z-index: 0; } } @media (min-width: 992px) { .z-lg--3 { z-index: -4; } .z-lg--2 { z-index: -2; } .z-lg--1 { z-index: -1; } .z-lg-1 { z-index: 1; } .z-lg-2 { z-index: 2; } .z-lg-3 { z-index: 4; } .z-lg-4 { z-index: 8; } .z-lg-5 { z-index: 16; } .z-lg-6 { z-index: 32; } .z-lg-7 { z-index: 64; } .z-lg-0 { z-index: 0; } } @media (min-width: 1200px) { .z-xl--3 { z-index: -4; } .z-xl--2 { z-index: -2; } .z-xl--1 { z-index: -1; } .z-xl-1 { z-index: 1; } .z-xl-2 { z-index: 2; } .z-xl-3 { z-index: 4; } .z-xl-4 { z-index: 8; } .z-xl-5 { z-index: 16; } .z-xl-6 { z-index: 32; } .z-xl-7 { z-index: 64; } .z-xl-0 { z-index: 0; } } .align-center { display: flex; justify-content: center; align-items: center; height: 100%; } .align-center p { margin: 0; } .align-center ul { text-align: center; } .align-center ul li { margin-bottom: 1rem; } .align-middle { position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .aspect-ratio { height: 0; position: relative; } .aspect-ratio .aspect-ratio-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; } .aspect-ratio-1x1 { padding-top: 100%; } .aspect-ratio-1x2 { padding-top: 200%; } .aspect-ratio-2x1 { padding-top: 50%; } .aspect-ratio-2x3 { padding-top: 150%; } .aspect-ratio-3x1 { padding-top: 33.33%; } .aspect-ratio-3x2 { padding-top: 66.66%; } .aspect-ratio-3x4 { padding-top: 133.33%; } .aspect-ratio-4x1 { padding-top: 25%; } .aspect-ratio-4x3 { padding-top: 75%; } .at-1 { top: -0.25rem; } .ar-1 { right: -0.25rem; } .ab-1 { bottom: -0.25rem; } .al-1 { left: -0.25rem; } .at--1 { top: 0.25rem; } .ar--1 { right: 0.25rem; } .ab--1 { bottom: 0.25rem; } .al--1 { left: 0.25rem; } .at-2 { top: 0.5rem; } .ar-2 { right: 0.5rem; } .ab-2 { bottom: 0.5rem; } .al-2 { left: 0.5rem; } .at--2 { top: -0.5rem; } .ar--2 { right: -0.5rem; } .ab--2 { bottom: -0.5rem; } .al--2 { left: -0.5rem; } .at-3 { top: 1rem; } .ar-3 { right: 1rem; } .ab-3 { bottom: 1rem; } .al-3 { left: 1rem; } .at--3 { top: -1rem; } .ar--3 { right: -1rem; } .ab--3 { bottom: -1rem; } .al--3 { left: -1rem; } .at-4 { top: 2rem; } .ar-4 { right: 2rem; } .ab-4 { bottom: 2rem; } .al-4 { left: 2rem; } .at--4 { top: -2rem; } .ar--4 { right: -2rem; } .ab--4 { bottom: -2rem; } .al--4 { left: -2rem; } .at-5 { top: 4rem; } .ar-5 { right: 4rem; } .ab-5 { bottom: 4rem; } .al-5 { left: 4rem; } .at--5 { top: -4rem; } .ar--5 { right: -4rem; } .ab--5 { bottom: -4rem; } .al--5 { left: -4rem; } .at-6 { top: 8rem; } .ar-6 { right: 8rem; } .ab-6 { bottom: 8rem; } .al-6 { left: 8rem; } .at--6 { top: -8rem; } .ar--6 { right: -8rem; } .ab--6 { bottom: -8rem; } .al--6 { left: -8rem; } .at-7 { top: 16rem; } .ar-7 { right: 16rem; } .ab-7 { bottom: 16rem; } .al-7 { left: 16rem; } .at--7 { top: -16rem; } .ar--7 { right: -16rem; } .ab--7 { bottom: -16rem; } .al--7 { left: -16rem; } .at-0 { top: 0; } .ar-0 { right: 0; } .ab-0 { bottom: 0; } .al-0 { left: 0; } .at--0 { top: 0; } .ar--0 { right: 0; } .ab--0 { bottom: 0; } .al--0 { left: 0; } @media (min-width: 576px) { .at-sm-1 { top: -0.25rem; } .ar-sm-1 { right: -0.25rem; } .ab-sm-1 { bottom: -0.25rem; } .al-sm-1 { left: -0.25rem; } .at-sm--1 { top: 0.25rem; } .ar-sm--1 { right: 0.25rem; } .ab-sm--1 { bottom: 0.25rem; } .al-sm--1 { left: 0.25rem; } .at-sm-2 { top: 0.5rem; } .ar-sm-2 { right: 0.5rem; } .ab-sm-2 { bottom: 0.5rem; } .al-sm-2 { left: 0.5rem; } .at-sm--2 { top: -0.5rem; } .ar-sm--2 { right: -0.5rem; } .ab-sm--2 { bottom: -0.5rem; } .al-sm--2 { left: -0.5rem; } .at-sm-3 { top: 1rem; } .ar-sm-3 { right: 1rem; } .ab-sm-3 { bottom: 1rem; } .al-sm-3 { left: 1rem; } .at-sm--3 { top: -1rem; } .ar-sm--3 { right: -1rem; } .ab-sm--3 { bottom: -1rem; } .al-sm--3 { left: -1rem; } .at-sm-4 { top: 2rem; } .ar-sm-4 { right: 2rem; } .ab-sm-4 { bottom: 2rem; } .al-sm-4 { left: 2rem; } .at-sm--4 { top: -2rem; } .ar-sm--4 { right: -2rem; } .ab-sm--4 { bottom: -2rem; } .al-sm--4 { left: -2rem; } .at-sm-5 { top: 4rem; } .ar-sm-5 { right: 4rem; } .ab-sm-5 { bottom: 4rem; } .al-sm-5 { left: 4rem; } .at-sm--5 { top: -4rem; } .ar-sm--5 { right: -4rem; } .ab-sm--5 { bottom: -4rem; } .al-sm--5 { left: -4rem; } .at-sm-6 { top: 8rem; } .ar-sm-6 { right: 8rem; } .ab-sm-6 { bottom: 8rem; } .al-sm-6 { left: 8rem; } .at-sm--6 { top: -8rem; } .ar-sm--6 { right: -8rem; } .ab-sm--6 { bottom: -8rem; } .al-sm--6 { left: -8rem; } .at-sm-7 { top: 16rem; } .ar-sm-7 { right: 16rem; } .ab-sm-7 { bottom: 16rem; } .al-sm-7 { left: 16rem; } .at-sm--7 { top: -16rem; } .ar-sm--7 { right: -16rem; } .ab-sm--7 { bottom: -16rem; } .al-sm--7 { left: -16rem; } .at-sm-0 { top: 0; } .ar-sm-0 { right: 0; } .ab-sm-0 { bottom: 0; } .al-sm-0 { left: 0; } .at-sm--0 { top: 0; } .ar-sm--0 { right: 0; } .ab-sm--0 { bottom: 0; } .al-sm--0 { left: 0; } } @media (min-width: 768px) { .at-md-1 { top: -0.25rem; } .ar-md-1 { right: -0.25rem; } .ab-md-1 { bottom: -0.25rem; } .al-md-1 { left: -0.25rem; } .at-md--1 { top: 0.25rem; } .ar-md--1 { right: 0.25rem; } .ab-md--1 { bottom: 0.25rem; } .al-md--1 { left: 0.25rem; } .at-md-2 { top: 0.5rem; } .ar-md-2 { right: 0.5rem; } .ab-md-2 { bottom: 0.5rem; } .al-md-2 { left: 0.5rem; } .at-md--2 { top: -0.5rem; } .ar-md--2 { right: -0.5rem; } .ab-md--2 { bottom: -0.5rem; } .al-md--2 { left: -0.5rem; } .at-md-3 { top: 1rem; } .ar-md-3 { right: 1rem; } .ab-md-3 { bottom: 1rem; } .al-md-3 { left: 1rem; } .at-md--3 { top: -1rem; } .ar-md--3 { right: -1rem; } .ab-md--3 { bottom: -1rem; } .al-md--3 { left: -1rem; } .at-md-4 { top: 2rem; } .ar-md-4 { right: 2rem; } .ab-md-4 { bottom: 2rem; } .al-md-4 { left: 2rem; } .at-md--4 { top: -2rem; } .ar-md--4 { right: -2rem; } .ab-md--4 { bottom: -2rem; } .al-md--4 { left: -2rem; } .at-md-5 { top: 4rem; } .ar-md-5 { right: 4rem; } .ab-md-5 { bottom: 4rem; } .al-md-5 { left: 4rem; } .at-md--5 { top: -4rem; } .ar-md--5 { right: -4rem; } .ab-md--5 { bottom: -4rem; } .al-md--5 { left: -4rem; } .at-md-6 { top: 8rem; } .ar-md-6 { right: 8rem; } .ab-md-6 { bottom: 8rem; } .al-md-6 { left: 8rem; } .at-md--6 { top: -8rem; } .ar-md--6 { right: -8rem; } .ab-md--6 { bottom: -8rem; } .al-md--6 { left: -8rem; } .at-md-7 { top: 16rem; } .ar-md-7 { right: 16rem; } .ab-md-7 { bottom: 16rem; } .al-md-7 { left: 16rem; } .at-md--7 { top: -16rem; } .ar-md--7 { right: -16rem; } .ab-md--7 { bottom: -16rem; } .al-md--7 { left: -16rem; } .at-md-0 { top: 0; } .ar-md-0 { right: 0; } .ab-md-0 { bottom: 0; } .al-md-0 { left: 0; } .at-md--0 { top: 0; } .ar-md--0 { right: 0; } .ab-md--0 { bottom: 0; } .al-md--0 { left: 0; } } @media (min-width: 992px) { .at-lg-1 { top: -0.25rem; } .ar-lg-1 { right: -0.25rem; } .ab-lg-1 { bottom: -0.25rem; } .al-lg-1 { left: -0.25rem; } .at-lg--1 { top: 0.25rem; } .ar-lg--1 { right: 0.25rem; } .ab-lg--1 { bottom: 0.25rem; } .al-lg--1 { left: 0.25rem; } .at-lg-2 { top: 0.5rem; } .ar-lg-2 { right: 0.5rem; } .ab-lg-2 { bottom: 0.5rem; } .al-lg-2 { left: 0.5rem; } .at-lg--2 { top: -0.5rem; } .ar-lg--2 { right: -0.5rem; } .ab-lg--2 { bottom: -0.5rem; } .al-lg--2 { left: -0.5rem; } .at-lg-3 { top: 1rem; } .ar-lg-3 { right: 1rem; } .ab-lg-3 { bottom: 1rem; } .al-lg-3 { left: 1rem; } .at-lg--3 { top: -1rem; } .ar-lg--3 { right: -1rem; } .ab-lg--3 { bottom: -1rem; } .al-lg--3 { left: -1rem; } .at-lg-4 { top: 2rem; } .ar-lg-4 { right: 2rem; } .ab-lg-4 { bottom: 2rem; } .al-lg-4 { left: 2rem; } .at-lg--4 { top: -2rem; } .ar-lg--4 { right: -2rem; } .ab-lg--4 { bottom: -2rem; } .al-lg--4 { left: -2rem; } .at-lg-5 { top: 4rem; } .ar-lg-5 { right: 4rem; } .ab-lg-5 { bottom: 4rem; } .al-lg-5 { left: 4rem; } .at-lg--5 { top: -4rem; } .ar-lg--5 { right: -4rem; } .ab-lg--5 { bottom: -4rem; } .al-lg--5 { left: -4rem; } .at-lg-6 { top: 8rem; } .ar-lg-6 { right: 8rem; } .ab-lg-6 { bottom: 8rem; } .al-lg-6 { left: 8rem; } .at-lg--6 { top: -8rem; } .ar-lg--6 { right: -8rem; } .ab-lg--6 { bottom: -8rem; } .al-lg--6 { left: -8rem; } .at-lg-7 { top: 16rem; } .ar-lg-7 { right: 16rem; } .ab-lg-7 { bottom: 16rem; } .al-lg-7 { left: 16rem; } .at-lg--7 { top: -16rem; } .ar-lg--7 { right: -16rem; } .ab-lg--7 { bottom: -16rem; } .al-lg--7 { left: -16rem; } .at-lg-0 { top: 0; } .ar-lg-0 { right: 0; } .ab-lg-0 { bottom: 0; } .al-lg-0 { left: 0; } .at-lg--0 { top: 0; } .ar-lg--0 { right: 0; } .ab-lg--0 { bottom: 0; } .al-lg--0 { left: 0; } } @media (min-width: 1200px) { .at-xl-1 { top: -0.25rem; } .ar-xl-1 { right: -0.25rem; } .ab-xl-1 { bottom: -0.25rem; } .al-xl-1 { left: -0.25rem; } .at-xl--1 { top: 0.25rem; } .ar-xl--1 { right: 0.25rem; } .ab-xl--1 { bottom: 0.25rem; } .al-xl--1 { left: 0.25rem; } .at-xl-2 { top: 0.5rem; } .ar-xl-2 { right: 0.5rem; } .ab-xl-2 { bottom: 0.5rem; } .al-xl-2 { left: 0.5rem; } .at-xl--2 { top: -0.5rem; } .ar-xl--2 { right: -0.5rem; } .ab-xl--2 { bottom: -0.5rem; } .al-xl--2 { left: -0.5rem; } .at-xl-3 { top: 1rem; } .ar-xl-3 { right: 1rem; } .ab-xl-3 { bottom: 1rem; } .al-xl-3 { left: 1rem; } .at-xl--3 { top: -1rem; } .ar-xl--3 { right: -1rem; } .ab-xl--3 { bottom: -1rem; } .al-xl--3 { left: -1rem; } .at-xl-4 { top: 2rem; } .ar-xl-4 { right: 2rem; } .ab-xl-4 { bottom: 2rem; } .al-xl-4 { left: 2rem; } .at-xl--4 { top: -2rem; } .ar-xl--4 { right: -2rem; } .ab-xl--4 { bottom: -2rem; } .al-xl--4 { left: -2rem; } .at-xl-5 { top: 4rem; } .ar-xl-5 { right: 4rem; } .ab-xl-5 { bottom: 4rem; } .al-xl-5 { left: 4rem; } .at-xl--5 { top: -4rem; } .ar-xl--5 { right: -4rem; } .ab-xl--5 { bottom: -4rem; } .al-xl--5 { left: -4rem; } .at-xl-6 { top: 8rem; } .ar-xl-6 { right: 8rem; } .ab-xl-6 { bottom: 8rem; } .al-xl-6 { left: 8rem; } .at-xl--6 { top: -8rem; } .ar-xl--6 { right: -8rem; } .ab-xl--6 { bottom: -8rem; } .al-xl--6 { left: -8rem; } .at-xl-7 { top: 16rem; } .ar-xl-7 { right: 16rem; } .ab-xl-7 { bottom: 16rem; } .al-xl-7 { left: 16rem; } .at-xl--7 { top: -16rem; } .ar-xl--7 { right: -16rem; } .ab-xl--7 { bottom: -16rem; } .al-xl--7 { left: -16rem; } .at-xl-0 { top: 0; } .ar-xl-0 { right: 0; } .ab-xl-0 { bottom: 0; } .al-xl-0 { left: 0; } .at-xl--0 { top: 0; } .ar-xl--0 { right: 0; } .ab-xl--0 { bottom: 0; } .al-xl--0 { left: 0; } } .fixed-top { position: fixed; top: 0; right: 0; left: 0; } .fixed-bottom { position: fixed; right: 0; bottom: 0; left: 0; } .fixed-left { position: fixed; top: 0; bottom: 0; left: 0; } .fixed-right { position: fixed; right: 0; bottom: 0; top: 0; } .fixed-center { position: fixed; left: 50%; top: 50%; } .position-absolute { position: absolute; } .position-fixed { position: fixed; } .position-relative { position: relative; } .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; } .d-grid { display: grid !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; } .d-sm-grid { display: grid !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; } .d-md-grid { display: grid !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; } .d-lg-grid { display: grid !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; } .d-xl-grid { display: grid !important; } } .d-print-block { display: none !important; } @media print { .d-print-block { display: block !important; } } .d-print-inline { display: none !important; } @media print { .d-print-inline { display: inline !important; } } .d-print-inline-block { display: none !important; } @media print { .d-print-inline-block { display: inline-block !important; } } @media print { .d-print-none { display: none !important; } } .sf-special-hidden { opacity: 0; } .sf-special-show { opacity: 100; } .bg-cover { background-size: cover; } .bg-contain { background-size: contain; } .bg-position-lt { background-position: left top; } .bg-position-lc { background-position: left center; } .bg-position-lb { background-position: left bottom; } .bg-position-ct { background-position: center top; } .bg-position-cc { background-position: center center; } .bg-position-cb { background-position: center bottom; } .bg-position-rt { background-position: right top; } .bg-position-rc { background-position: right center; } .bg-position-rb { background-position: right bottom; } .transition { transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); } .hover .hover-zoom { transition: 0.2s linear; } .hover .hover-shine::after { content: ""; position: absolute; top: -50%; left: -100%; width: 300%; height: 200%; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0)) no-repeat; background-size: 20% 100%; transform: skewX(70deg); transition: 0.2s linear; background-position: 0 0; } .hover:hover { opacity: 1; } .hover:hover .hover-zoom { transform: scale(1.2); transition: 0.2s linear; } .hover:hover .hover-shine::after { transition: 0.2s linear; background-position: 100% 130%; } span.sf-special-hidden{display:none;}