| @charset "UTF-8"; |
| /* |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| /* |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| /*! |
| * Bootstrap v5.0.0-alpha3 (https://getbootstrap.com/) |
| * Copyright 2011-2020 The Bootstrap Authors |
| * Copyright 2011-2020 Twitter, Inc. |
| * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) |
| */ |
| :root { |
| --bs-blue: #0d6efd; |
| --bs-indigo: #6610f2; |
| --bs-purple: #3a2564; |
| --bs-pink: #d63384; |
| --bs-red: #d30040; |
| --bs-orange: #d90; |
| --bs-yellow: #ffc107; |
| --bs-green: #1da332; |
| --bs-teal: #20c997; |
| --bs-cyan: #0dcaf0; |
| --bs-white: #fff; |
| --bs-gray: #788c94; |
| --bs-gray-dark: #323232; |
| --bs-primary: #185722; |
| --bs-secondary: #d7d7d7; |
| --bs-success: #1da332; |
| --bs-info: #5bc0de; |
| --bs-warning: #f0ad4e; |
| --bs-danger: #d30040; |
| --bs-light: #f7f7f7; |
| --bs-dark: #323232; |
| --bs-font-sans-serif: verdana, sans-serif; |
| --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; |
| --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0)); |
| } |
| |
| *, |
| *::before, |
| *::after { |
| box-sizing: border-box; |
| } |
| |
| :root { |
| font-size: 12px; |
| } |
| |
| @media (prefers-reduced-motion: no-preference) { |
| :root { |
| scroll-behavior: smooth; |
| } |
| } |
| |
| body { |
| margin: 0; |
| font-family: verdana, sans-serif; |
| font-size: 1rem; |
| font-weight: 400; |
| line-height: 1.5; |
| color: #212529; |
| background-color: white; |
| -webkit-text-size-adjust: 100%; |
| -webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
| } |
| |
| [tabindex="-1"]:focus:not(:focus-visible) { |
| outline: 0 !important; |
| } |
| |
| hr { |
| margin: 1rem 0; |
| color: inherit; |
| background-color: currentColor; |
| border: 0; |
| opacity: 0.25; |
| } |
| |
| hr:not([size]) { |
| height: 1px; |
| } |
| |
| h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { |
| margin-top: 0; |
| margin-bottom: 1rem; |
| font-weight: 500; |
| line-height: 1.2; |
| } |
| |
| h1, .h1 { |
| font-size: calc(1.295rem + 0.54vw); |
| } |
| |
| @media (min-width: 1200px) { |
| h1, .h1 { |
| font-size: 1.7rem; |
| } |
| } |
| |
| h2, .h2 { |
| font-size: calc(1.28rem + 0.36vw); |
| } |
| |
| @media (min-width: 1200px) { |
| h2, .h2 { |
| font-size: 1.55rem; |
| } |
| } |
| |
| h3, .h3 { |
| font-size: calc(1.265rem + 0.18vw); |
| } |
| |
| @media (min-width: 1200px) { |
| h3, .h3 { |
| font-size: 1.4rem; |
| } |
| } |
| |
| h4, .h4 { |
| font-size: 1.1rem; |
| } |
| |
| h5, .h5 { |
| font-size: 1rem; |
| } |
| |
| h6, .h6 { |
| font-size: 1rem; |
| } |
| |
| p { |
| margin-top: 0; |
| margin-bottom: 1rem; |
| } |
| |
| abbr[title], |
| abbr[data-original-title] { |
| text-decoration: underline; |
| -webkit-text-decoration: underline dotted; |
| text-decoration: underline dotted; |
| cursor: help; |
| -webkit-text-decoration-skip-ink: none; |
| text-decoration-skip-ink: none; |
| } |
| |
| address { |
| margin-bottom: 1rem; |
| font-style: normal; |
| line-height: inherit; |
| } |
| |
| ol, |
| ul { |
| padding-left: 2rem; |
| } |
| |
| ol, |
| ul, |
| dl { |
| margin-top: 0; |
| margin-bottom: 1rem; |
| } |
| |
| ol ol, |
| ul ul, |
| ol ul, |
| ul ol { |
| margin-bottom: 0; |
| } |
| |
| dt { |
| font-weight: 700; |
| } |
| |
| dd { |
| margin-bottom: .5rem; |
| margin-left: 0; |
| } |
| |
| blockquote { |
| margin: 0 0 1rem; |
| } |
| |
| b, |
| strong { |
| font-weight: bolder; |
| } |
| |
| small, .small { |
| font-size: 0.875em; |
| } |
| |
| mark, .mark { |
| padding: 0.2em; |
| background-color: #fcf8e3; |
| } |
| |
| sub, |
| sup { |
| position: relative; |
| font-size: 0.75em; |
| line-height: 0; |
| vertical-align: baseline; |
| } |
| |
| sub { |
| bottom: -.25em; |
| } |
| |
| sup { |
| top: -.5em; |
| } |
| |
| a { |
| color: #ce8636; |
| text-decoration: underline; |
| } |
| |
| a:hover { |
| color: #8a5318; |
| text-decoration: none; |
| } |
| |
| a:not([href]):not([class]), a:not([href]):not([class]):hover { |
| color: inherit; |
| text-decoration: none; |
| } |
| |
| pre, |
| code, |
| kbd, |
| samp { |
| font-family: var(--bs-font-monospace); |
| font-size: 1em; |
| } |
| |
| pre { |
| display: block; |
| margin-top: 0; |
| margin-bottom: 1rem; |
| overflow: auto; |
| font-size: 0.875em; |
| } |
| |
| pre code { |
| font-size: inherit; |
| color: inherit; |
| word-break: normal; |
| } |
| |
| code { |
| font-size: 0.875em; |
| color: #d63384; |
| word-wrap: break-word; |
| } |
| |
| a > code { |
| color: inherit; |
| } |
| |
| kbd { |
| padding: 0.2rem 0.4rem; |
| font-size: 0.875em; |
| color: #fff; |
| background-color: #212529; |
| } |
| |
| kbd kbd { |
| padding: 0; |
| font-size: 1em; |
| font-weight: 700; |
| } |
| |
| figure { |
| margin: 0 0 1rem; |
| } |
| |
| img, |
| svg { |
| vertical-align: middle; |
| } |
| |
| table { |
| caption-side: bottom; |
| border-collapse: collapse; |
| } |
| |
| caption { |
| padding-top: 0.5rem; |
| padding-bottom: 0.5rem; |
| color: #788c94; |
| text-align: left; |
| } |
| |
| th { |
| text-align: inherit; |
| text-align: -webkit-match-parent; |
| } |
| |
| thead, |
| tbody, |
| tfoot, |
| tr, |
| td, |
| th { |
| border-color: inherit; |
| border-style: solid; |
| border-width: 0; |
| } |
| |
| label { |
| display: inline-block; |
| } |
| |
| button { |
| border-radius: 0; |
| } |
| |
| button:focus { |
| outline: dotted 1px; |
| outline: -webkit-focus-ring-color auto 5px; |
| } |
| |
| input, |
| button, |
| select, |
| optgroup, |
| textarea { |
| margin: 0; |
| font-family: inherit; |
| font-size: inherit; |
| line-height: inherit; |
| } |
| |
| button, |
| select { |
| text-transform: none; |
| } |
| |
| [role="button"] { |
| cursor: pointer; |
| } |
| |
| select { |
| word-wrap: normal; |
| } |
| |
| [list]::-webkit-calendar-picker-indicator { |
| display: none; |
| } |
| |
| button, |
| [type="button"], |
| [type="reset"], |
| [type="submit"] { |
| -webkit-appearance: button; |
| } |
| |
| button:not(:disabled), |
| [type="button"]:not(:disabled), |
| [type="reset"]:not(:disabled), |
| [type="submit"]:not(:disabled) { |
| cursor: pointer; |
| } |
| |
| ::-moz-focus-inner { |
| padding: 0; |
| border-style: none; |
| } |
| |
| textarea { |
| resize: vertical; |
| } |
| |
| fieldset { |
| min-width: 0; |
| padding: 0; |
| margin: 0; |
| border: 0; |
| } |
| |
| legend { |
| float: left; |
| width: 100%; |
| padding: 0; |
| margin-bottom: 0.5rem; |
| font-size: calc(1.275rem + 0.3vw); |
| line-height: inherit; |
| } |
| |
| @media (min-width: 1200px) { |
| legend { |
| font-size: 1.5rem; |
| } |
| } |
| |
| legend + * { |
| clear: left; |
| } |
| |
| ::-webkit-datetime-edit-fields-wrapper, |
| ::-webkit-datetime-edit-text, |
| ::-webkit-datetime-edit-minute, |
| ::-webkit-datetime-edit-hour-field, |
| ::-webkit-datetime-edit-day-field, |
| ::-webkit-datetime-edit-month-field, |
| ::-webkit-datetime-edit-year-field { |
| padding: 0; |
| } |
| |
| ::-webkit-inner-spin-button { |
| height: auto; |
| } |
| |
| [type="search"] { |
| outline-offset: -2px; |
| -webkit-appearance: textfield; |
| } |
| |
| ::-webkit-search-decoration { |
| -webkit-appearance: none; |
| } |
| |
| ::-webkit-color-swatch-wrapper { |
| padding: 0; |
| } |
| |
| ::file-selector-button { |
| font: inherit; |
| } |
| |
| ::-webkit-file-upload-button { |
| font: inherit; |
| -webkit-appearance: button; |
| } |
| |
| output { |
| display: inline-block; |
| } |
| |
| iframe { |
| border: 0; |
| } |
| |
| summary { |
| display: list-item; |
| cursor: pointer; |
| } |
| |
| progress { |
| vertical-align: baseline; |
| } |
| |
| [hidden] { |
| display: none !important; |
| } |
| |
| .lead { |
| font-size: 1.25rem; |
| font-weight: 300; |
| } |
| |
| .display-1 { |
| font-size: calc(1.625rem + 4.5vw); |
| font-weight: 300; |
| line-height: 1.2; |
| } |
| |
| @media (min-width: 1200px) { |
| .display-1 { |
| font-size: 5rem; |
| } |
| } |
| |
| .display-2 { |
| font-size: calc(1.575rem + 3.9vw); |
| font-weight: 300; |
| line-height: 1.2; |
| } |
| |
| @media (min-width: 1200px) { |
| .display-2 { |
| font-size: 4.5rem; |
| } |
| } |
| |
| .display-3 { |
| font-size: calc(1.525rem + 3.3vw); |
| font-weight: 300; |
| line-height: 1.2; |
| } |
| |
| @media (min-width: 1200px) { |
| .display-3 { |
| font-size: 4rem; |
| } |
| } |
| |
| .display-4 { |
| font-size: calc(1.475rem + 2.7vw); |
| font-weight: 300; |
| line-height: 1.2; |
| } |
| |
| @media (min-width: 1200px) { |
| .display-4 { |
| font-size: 3.5rem; |
| } |
| } |
| |
| .display-5 { |
| font-size: calc(1.425rem + 2.1vw); |
| font-weight: 300; |
| line-height: 1.2; |
| } |
| |
| @media (min-width: 1200px) { |
| .display-5 { |
| font-size: 3rem; |
| } |
| } |
| |
| .display-6 { |
| font-size: calc(1.375rem + 1.5vw); |
| font-weight: 300; |
| line-height: 1.2; |
| } |
| |
| @media (min-width: 1200px) { |
| .display-6 { |
| font-size: 2.5rem; |
| } |
| } |
| |
| .list-unstyled { |
| padding-left: 0; |
| list-style: none; |
| } |
| |
| .list-inline { |
| padding-left: 0; |
| list-style: none; |
| } |
| |
| .list-inline-item { |
| display: inline-block; |
| } |
| |
| .list-inline-item:not(:last-child) { |
| margin-right: 0.5rem; |
| } |
| |
| .initialism { |
| font-size: 0.875em; |
| text-transform: uppercase; |
| } |
| |
| .blockquote { |
| margin-bottom: 1rem; |
| font-size: 1.25rem; |
| } |
| |
| .blockquote > :last-child { |
| margin-bottom: 0; |
| } |
| |
| .blockquote-footer { |
| margin-top: -1rem; |
| margin-bottom: 1rem; |
| font-size: 0.875em; |
| color: #788c94; |
| } |
| |
| .blockquote-footer::before { |
| content: "\2014\00A0"; |
| } |
| |
| .img-fluid { |
| max-width: 100%; |
| height: auto; |
| } |
| |
| .img-thumbnail { |
| padding: 0.25rem; |
| background-color: white; |
| border: 1px solid #d7d7d7; |
| max-width: 100%; |
| height: auto; |
| } |
| |
| .figure { |
| display: inline-block; |
| } |
| |
| .figure-img { |
| margin-bottom: 0.5rem; |
| line-height: 1; |
| } |
| |
| .figure-caption { |
| font-size: 0.875em; |
| color: #788c94; |
| } |
| |
| .container, |
| .container-fluid, |
| .container-sm, |
| .container-md, |
| .container-lg, |
| .container-xl, |
| .container-xxl { |
| --bs-gutter-x: 1.5rem; |
| width: 100%; |
| padding-right: calc(var(--bs-gutter-x) / 2); |
| padding-left: calc(var(--bs-gutter-x) / 2); |
| margin-right: auto; |
| margin-left: auto; |
| } |
| |
| @media (min-width: 576px) { |
| .container, .container-sm { |
| max-width: 540px; |
| } |
| } |
| |
| @media (min-width: 768px) { |
| .container, .container-sm, .container-md { |
| max-width: 720px; |
| } |
| } |
| |
| @media (min-width: 992px) { |
| .container, .container-sm, .container-md, .container-lg { |
| max-width: 960px; |
| } |
| } |
| |
| @media (min-width: 1200px) { |
| .container, .container-sm, .container-md, .container-lg, .container-xl { |
| max-width: 1140px; |
| } |
| } |
| |
| @media (min-width: 1400px) { |
| .container, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl { |
| max-width: 1320px; |
| } |
| } |
| |
| .row { |
| --bs-gutter-x: 1.5rem; |
| --bs-gutter-y: 0; |
| display: flex; |
| flex-wrap: wrap; |
| margin-top: calc(var(--bs-gutter-y) * -1); |
| margin-right: calc(var(--bs-gutter-x) / -2); |
| margin-left: calc(var(--bs-gutter-x) / -2); |
| } |
| |
| .row > * { |
| flex-shrink: 0; |
| width: 100%; |
| max-width: 100%; |
| padding-right: calc(var(--bs-gutter-x) / 2); |
| padding-left: calc(var(--bs-gutter-x) / 2); |
| margin-top: var(--bs-gutter-y); |
| } |
| |
| .col { |
| flex: 1 0 0%; |
| } |
| |
| .row-cols-auto > * { |
| flex: 0 0 auto; |
| width: auto; |
| } |
| |
| .row-cols-1 > * { |
| flex: 0 0 auto; |
| width: 100%; |
| } |
| |
| .row-cols-2 > * { |
| flex: 0 0 auto; |
| width: 50%; |
| } |
| |
| .row-cols-3 > * { |
| flex: 0 0 auto; |
| width: 33.333333%; |
| } |
| |
| .row-cols-4 > * { |
| flex: 0 0 auto; |
| width: 25%; |
| } |
| |
| .row-cols-5 > * { |
| flex: 0 0 auto; |
| width: 20%; |
| } |
| |
| .row-cols-6 > * { |
| flex: 0 0 auto; |
| width: 16.666667%; |
| } |
| |
| .col-auto { |
| flex: 0 0 auto; |
| width: auto; |
| } |
| |
| .col-1 { |
| flex: 0 0 auto; |
| width: 8.333333%; |
| } |
| |
| .col-2 { |
| flex: 0 0 auto; |
| width: 16.666667%; |
| } |
| |
| .col-3 { |
| flex: 0 0 auto; |
| width: 25%; |
| } |
| |
| .col-4 { |
| flex: 0 0 auto; |
| width: 33.333333%; |
| } |
| |
| .col-5 { |
| flex: 0 0 auto; |
| width: 41.666667%; |
| } |
| |
| .col-6 { |
| flex: 0 0 auto; |
| width: 50%; |
| } |
| |
| .col-7 { |
| flex: 0 0 auto; |
| width: 58.333333%; |
| } |
| |
| .col-8 { |
| flex: 0 0 auto; |
| width: 66.666667%; |
| } |
| |
| .col-9 { |
| flex: 0 0 auto; |
| width: 75%; |
| } |
| |
| .col-10 { |
| flex: 0 0 auto; |
| width: 83.333333%; |
| } |
| |
| .col-11 { |
| flex: 0 0 auto; |
| width: 91.666667%; |
| } |
| |
| .col-12 { |
| flex: 0 0 auto; |
| width: 100%; |
| } |
| |
| .offset-1 { |
| margin-left: 8.333333%; |
| } |
| |
| .offset-2 { |
| margin-left: 16.666667%; |
| } |
| |
| .offset-3 { |
| margin-left: 25%; |
| } |
| |
| .offset-4 { |
| margin-left: 33.333333%; |
| } |
| |
| .offset-5 { |
| margin-left: 41.666667%; |
| } |
| |
| .offset-6 { |
| margin-left: 50%; |
| } |
| |
| .offset-7 { |
| margin-left: 58.333333%; |
| } |
| |
| .offset-8 { |
| margin-left: 66.666667%; |
| } |
| |
| .offset-9 { |
| margin-left: 75%; |
| } |
| |
| .offset-10 { |
| margin-left: 83.333333%; |
| } |
| |
| .offset-11 { |
| margin-left: 91.666667%; |
| } |
| |
| .g-0, |
| .gx-0 { |
| --bs-gutter-x: 0; |
| } |
| |
| .g-0, |
| .gy-0 { |
| --bs-gutter-y: 0; |
| } |
| |
| .g-1, |
| .gx-1 { |
| --bs-gutter-x: 0.25rem; |
| } |
| |
| .g-1, |
| .gy-1 { |
| --bs-gutter-y: 0.25rem; |
| } |
| |
| .g-2, |
| .gx-2 { |
| --bs-gutter-x: 0.5rem; |
| } |
| |
| .g-2, |
| .gy-2 { |
| --bs-gutter-y: 0.5rem; |
| } |
| |
| .g-3, |
| .gx-3 { |
| --bs-gutter-x: 1rem; |
| } |
| |
| .g-3, |
| .gy-3 { |
| --bs-gutter-y: 1rem; |
| } |
| |
| .g-4, |
| .gx-4 { |
| --bs-gutter-x: 1.5rem; |
| } |
| |
| .g-4, |
| .gy-4 { |
| --bs-gutter-y: 1.5rem; |
| } |
| |
| .g-5, |
| .gx-5 { |
| --bs-gutter-x: 3rem; |
| } |
| |
| .g-5, |
| .gy-5 { |
| --bs-gutter-y: 3rem; |
| } |
| |
| @media (min-width: 576px) { |
| .col-sm { |
| flex: 1 0 0%; |
| } |
| .row-cols-sm-auto > * { |
| flex: 0 0 auto; |
| width: auto; |
| } |
| .row-cols-sm-1 > * { |
| flex: 0 0 auto; |
| width: 100%; |
| } |
| .row-cols-sm-2 > * { |
| flex: 0 0 auto; |
| width: 50%; |
| } |
| .row-cols-sm-3 > * { |
| flex: 0 0 auto; |
| width: 33.333333%; |
| } |
| .row-cols-sm-4 > * { |
| flex: 0 0 auto; |
| width: 25%; |
| } |
| .row-cols-sm-5 > * { |
| flex: 0 0 auto; |
| width: 20%; |
| } |
| .row-cols-sm-6 > * { |
| flex: 0 0 auto; |
| width: 16.666667%; |
| } |
| .col-sm-auto { |
| flex: 0 0 auto; |
| width: auto; |
| } |
| .col-sm-1 { |
| flex: 0 0 auto; |
| width: 8.333333%; |
| } |
| .col-sm-2 { |
| flex: 0 0 auto; |
| width: 16.666667%; |
| } |
| .col-sm-3 { |
| flex: 0 0 auto; |
| width: 25%; |
| } |
| .col-sm-4 { |
| flex: 0 0 auto; |
| width: 33.333333%; |
| } |
| .col-sm-5 { |
| flex: 0 0 auto; |
| width: 41.666667%; |
| } |
| .col-sm-6 { |
| flex: 0 0 auto; |
| width: 50%; |
| } |
| .col-sm-7 { |
| flex: 0 0 auto; |
| width: 58.333333%; |
| } |
| .col-sm-8 { |
| flex: 0 0 auto; |
| width: 66.666667%; |
| } |
| .col-sm-9 { |
| flex: 0 0 auto; |
| width: 75%; |
| } |
| .col-sm-10 { |
| flex: 0 0 auto; |
| width: 83.333333%; |
| } |
| .col-sm-11 { |
| flex: 0 0 auto; |
| width: 91.666667%; |
| } |
| .col-sm-12 { |
| flex: 0 0 auto; |
| width: 100%; |
| } |
| .offset-sm-0 { |
| margin-left: 0; |
| } |
| .offset-sm-1 { |
| margin-left: 8.333333%; |
| } |
| .offset-sm-2 { |
| margin-left: 16.666667%; |
| } |
| .offset-sm-3 { |
| margin-left: 25%; |
| } |
| .offset-sm-4 { |
| margin-left: 33.333333%; |
| } |
| .offset-sm-5 { |
| margin-left: 41.666667%; |
| } |
| .offset-sm-6 { |
| margin-left: 50%; |
| } |
| .offset-sm-7 { |
| margin-left: 58.333333%; |
| } |
| .offset-sm-8 { |
| margin-left: 66.666667%; |
| } |
| .offset-sm-9 { |
| margin-left: 75%; |
| } |
| .offset-sm-10 { |
| margin-left: 83.333333%; |
| } |
| .offset-sm-11 { |
| margin-left: 91.666667%; |
| } |
| .g-sm-0, |
| .gx-sm-0 { |
| --bs-gutter-x: 0; |
| } |
| .g-sm-0, |
| .gy-sm-0 { |
| --bs-gutter-y: 0; |
| } |
| .g-sm-1, |
| .gx-sm-1 { |
| --bs-gutter-x: 0.25rem; |
| } |
| .g-sm-1, |
| .gy-sm-1 { |
| --bs-gutter-y: 0.25rem; |
| } |
| .g-sm-2, |
| .gx-sm-2 { |
| --bs-gutter-x: 0.5rem; |
| } |
| .g-sm-2, |
| .gy-sm-2 { |
| --bs-gutter-y: 0.5rem; |
| } |
| .g-sm-3, |
| .gx-sm-3 { |
| --bs-gutter-x: 1rem; |
| } |
| .g-sm-3, |
| .gy-sm-3 { |
| --bs-gutter-y: 1rem; |
| } |
| .g-sm-4, |
| .gx-sm-4 { |
| --bs-gutter-x: 1.5rem; |
| } |
| .g-sm-4, |
| .gy-sm-4 { |
| --bs-gutter-y: 1.5rem; |
| } |
| .g-sm-5, |
| .gx-sm-5 { |
| --bs-gutter-x: 3rem; |
| } |
| .g-sm-5, |
| .gy-sm-5 { |
| --bs-gutter-y: 3rem; |
| } |
| } |
| |
| @media (min-width: 768px) { |
| .col-md { |
| flex: 1 0 0%; |
| } |
| .row-cols-md-auto > * { |
| flex: 0 0 auto; |
| width: auto; |
| } |
| .row-cols-md-1 > * { |
| flex: 0 0 auto; |
| width: 100%; |
| } |
| .row-cols-md-2 > * { |
| flex: 0 0 auto; |
| width: 50%; |
| } |
| .row-cols-md-3 > * { |
| flex: 0 0 auto; |
| width: 33.333333%; |
| } |
| .row-cols-md-4 > * { |
| flex: 0 0 auto; |
| width: 25%; |
| } |
| .row-cols-md-5 > * { |
| flex: 0 0 auto; |
| width: 20%; |
| } |
| .row-cols-md-6 > * { |
| flex: 0 0 auto; |
| width: 16.666667%; |
| } |
| .col-md-auto { |
| flex: 0 0 auto; |
| width: auto; |
| } |
| .col-md-1 { |
| flex: 0 0 auto; |
| width: 8.333333%; |
| } |
| .col-md-2 { |
| flex: 0 0 auto; |
| width: 16.666667%; |
| } |
| .col-md-3 { |
| flex: 0 0 auto; |
| width: 25%; |
| } |
| .col-md-4 { |
| flex: 0 0 auto; |
| width: 33.333333%; |
| } |
| .col-md-5 { |
| flex: 0 0 auto; |
| width: 41.666667%; |
| } |
| .col-md-6 { |
| flex: 0 0 auto; |
| width: 50%; |
| } |
| .col-md-7 { |
| flex: 0 0 auto; |
| width: 58.333333%; |
| } |
| .col-md-8 { |
| flex: 0 0 auto; |
| width: 66.666667%; |
| } |
| .col-md-9 { |
| flex: 0 0 auto; |
| width: 75%; |
| } |
| .col-md-10 { |
| flex: 0 0 auto; |
| width: 83.333333%; |
| } |
| .col-md-11 { |
| flex: 0 0 auto; |
| width: 91.666667%; |
| } |
| .col-md-12 { |
| flex: 0 0 auto; |
| width: 100%; |
| } |
| .offset-md-0 { |
| margin-left: 0; |
| } |
| .offset-md-1 { |
| margin-left: 8.333333%; |
| } |
| .offset-md-2 { |
| margin-left: 16.666667%; |
| } |
| .offset-md-3 { |
| margin-left: 25%; |
| } |
| .offset-md-4 { |
| margin-left: 33.333333%; |
| } |
| .offset-md-5 { |
| margin-left: 41.666667%; |
| } |
| .offset-md-6 { |
| margin-left: 50%; |
| } |
| .offset-md-7 { |
| margin-left: 58.333333%; |
| } |
| .offset-md-8 { |
| margin-left: 66.666667%; |
| } |
| .offset-md-9 { |
| margin-left: 75%; |
| } |
| .offset-md-10 { |
| margin-left: 83.333333%; |
| } |
| .offset-md-11 { |
| margin-left: 91.666667%; |
| } |
| .g-md-0, |
| .gx-md-0 { |
| --bs-gutter-x: 0; |
| } |
| .g-md-0, |
| .gy-md-0 { |
| --bs-gutter-y: 0; |
| } |
| .g-md-1, |
| .gx-md-1 { |
| --bs-gutter-x: 0.25rem; |
| } |
| .g-md-1, |
| .gy-md-1 { |
| --bs-gutter-y: 0.25rem; |
| } |
| .g-md-2, |
| .gx-md-2 { |
| --bs-gutter-x: 0.5rem; |
| } |
| .g-md-2, |
| .gy-md-2 { |
| --bs-gutter-y: 0.5rem; |
| } |
| .g-md-3, |
| .gx-md-3 { |
| --bs-gutter-x: 1rem; |
| } |
| .g-md-3, |
| .gy-md-3 { |
| --bs-gutter-y: 1rem; |
| } |
| .g-md-4, |
| .gx-md-4 { |
| --bs-gutter-x: 1.5rem; |
| } |
| .g-md-4, |
| .gy-md-4 { |
| --bs-gutter-y: 1.5rem; |
| } |
| .g-md-5, |
| .gx-md-5 { |
| --bs-gutter-x: 3rem; |
| } |
| .g-md-5, |
| .gy-md-5 { |
| --bs-gutter-y: 3rem; |
| } |
| } |
| |
| @media (min-width: 992px) { |
| .col-lg { |
| flex: 1 0 0%; |
| } |
| .row-cols-lg-auto > * { |
| flex: 0 0 auto; |
| width: auto; |
| } |
| .row-cols-lg-1 > * { |
| flex: 0 0 auto; |
| width: 100%; |
| } |
| .row-cols-lg-2 > * { |
| flex: 0 0 auto; |
| width: 50%; |
| } |
| .row-cols-lg-3 > * { |
| flex: 0 0 auto; |
| width: 33.333333%; |
| } |
| .row-cols-lg-4 > * { |
| flex: 0 0 auto; |
| width: 25%; |
| } |
| .row-cols-lg-5 > * { |
| flex: 0 0 auto; |
| width: 20%; |
| } |
| .row-cols-lg-6 > * { |
| flex: 0 0 auto; |
| width: 16.666667%; |
| } |
| .col-lg-auto { |
| flex: 0 0 auto; |
| width: auto; |
| } |
| .col-lg-1 { |
| flex: 0 0 auto; |
| width: 8.333333%; |
| } |
| .col-lg-2 { |
| flex: 0 0 auto; |
| width: 16.666667%; |
| } |
| .col-lg-3 { |
| flex: 0 0 auto; |
| width: 25%; |
| } |
| .col-lg-4 { |
| flex: 0 0 auto; |
| width: 33.333333%; |
| } |
| .col-lg-5 { |
| flex: 0 0 auto; |
| width: 41.666667%; |
| } |
| .col-lg-6 { |
| flex: 0 0 auto; |
| width: 50%; |
| } |
| .col-lg-7 { |
| flex: 0 0 auto; |
| width: 58.333333%; |
| } |
| .col-lg-8 { |
| flex: 0 0 auto; |
| width: 66.666667%; |
| } |
| .col-lg-9 { |
| flex: 0 0 auto; |
| width: 75%; |
| } |
| .col-lg-10 { |
| flex: 0 0 auto; |
| width: 83.333333%; |
| } |
| .col-lg-11 { |
| flex: 0 0 auto; |
| width: 91.666667%; |
| } |
| .col-lg-12 { |
| flex: 0 0 auto; |
| width: 100%; |
| } |
| .offset-lg-0 { |
| margin-left: 0; |
| } |
| .offset-lg-1 { |
| margin-left: 8.333333%; |
| } |
| .offset-lg-2 { |
| margin-left: 16.666667%; |
| } |
| .offset-lg-3 { |
| margin-left: 25%; |
| } |
| .offset-lg-4 { |
| margin-left: 33.333333%; |
| } |
| .offset-lg-5 { |
| margin-left: 41.666667%; |
| } |
| .offset-lg-6 { |
| margin-left: 50%; |
| } |
| .offset-lg-7 { |
| margin-left: 58.333333%; |
| } |
| .offset-lg-8 { |
| margin-left: 66.666667%; |
| } |
| .offset-lg-9 { |
| margin-left: 75%; |
| } |
| .offset-lg-10 { |
| margin-left: 83.333333%; |
| } |
| .offset-lg-11 { |
| margin-left: 91.666667%; |
| } |
| .g-lg-0, |
| .gx-lg-0 { |
| --bs-gutter-x: 0; |
| } |
| .g-lg-0, |
| .gy-lg-0 { |
| --bs-gutter-y: 0; |
| } |
| .g-lg-1, |
| .gx-lg-1 { |
| --bs-gutter-x: 0.25rem; |
| } |
| .g-lg-1, |
| .gy-lg-1 { |
| --bs-gutter-y: 0.25rem; |
| } |
| .g-lg-2, |
| .gx-lg-2 { |
| --bs-gutter-x: 0.5rem; |
| } |
| .g-lg-2, |
| .gy-lg-2 { |
| --bs-gutter-y: 0.5rem; |
| } |
| .g-lg-3, |
| .gx-lg-3 { |
| --bs-gutter-x: 1rem; |
| } |
| .g-lg-3, |
| .gy-lg-3 { |
| --bs-gutter-y: 1rem; |
| } |
| .g-lg-4, |
| .gx-lg-4 { |
| --bs-gutter-x: 1.5rem; |
| } |
| .g-lg-4, |
| .gy-lg-4 { |
| --bs-gutter-y: 1.5rem; |
| } |
| .g-lg-5, |
| .gx-lg-5 { |
| --bs-gutter-x: 3rem; |
| } |
| .g-lg-5, |
| .gy-lg-5 { |
| --bs-gutter-y: 3rem; |
| } |
| } |
| |
| @media (min-width: 1200px) { |
| .col-xl { |
| flex: 1 0 0%; |
| } |
| .row-cols-xl-auto > * { |
| flex: 0 0 auto; |
| width: auto; |
| } |
| .row-cols-xl-1 > * { |
| flex: 0 0 auto; |
| width: 100%; |
| } |
| .row-cols-xl-2 > * { |
| flex: 0 0 auto; |
| width: 50%; |
| } |
| .row-cols-xl-3 > * { |
| flex: 0 0 auto; |
| width: 33.333333%; |
| } |
| .row-cols-xl-4 > * { |
| flex: 0 0 auto; |
| width: 25%; |
| } |
| .row-cols-xl-5 > * { |
| flex: 0 0 auto; |
| width: 20%; |
| } |
| .row-cols-xl-6 > * { |
| flex: 0 0 auto; |
| width: 16.666667%; |
| } |
| .col-xl-auto { |
| flex: 0 0 auto; |
| width: auto; |
| } |
| .col-xl-1 { |
| flex: 0 0 auto; |
| width: 8.333333%; |
| } |
| .col-xl-2 { |
| flex: 0 0 auto; |
| width: 16.666667%; |
| } |
| .col-xl-3 { |
| flex: 0 0 auto; |
| width: 25%; |
| } |
| .col-xl-4 { |
| flex: 0 0 auto; |
| width: 33.333333%; |
| } |
| .col-xl-5 { |
| flex: 0 0 auto; |
| width: 41.666667%; |
| } |
| .col-xl-6 { |
| flex: 0 0 auto; |
| width: 50%; |
| } |
| .col-xl-7 { |
| flex: 0 0 auto; |
| width: 58.333333%; |
| } |
| .col-xl-8 { |
| flex: 0 0 auto; |
| width: 66.666667%; |
| } |
| .col-xl-9 { |
| flex: 0 0 auto; |
| width: 75%; |
| } |
| .col-xl-10 { |
| flex: 0 0 auto; |
| width: 83.333333%; |
| } |
| .col-xl-11 { |
| flex: 0 0 auto; |
| width: 91.666667%; |
| } |
| .col-xl-12 { |
| flex: 0 0 auto; |
| width: 100%; |
| } |
| .offset-xl-0 { |
| margin-left: 0; |
| } |
| .offset-xl-1 { |
| margin-left: 8.333333%; |
| } |
| .offset-xl-2 { |
| margin-left: 16.666667%; |
| } |
| .offset-xl-3 { |
| margin-left: 25%; |
| } |
| .offset-xl-4 { |
| margin-left: 33.333333%; |
| } |
| .offset-xl-5 { |
| margin-left: 41.666667%; |
| } |
| .offset-xl-6 { |
| margin-left: 50%; |
| } |
| .offset-xl-7 { |
| margin-left: 58.333333%; |
| } |
| .offset-xl-8 { |
| margin-left: 66.666667%; |
| } |
| .offset-xl-9 { |
| margin-left: 75%; |
| } |
| .offset-xl-10 { |
| margin-left: 83.333333%; |
| } |
| .offset-xl-11 { |
| margin-left: 91.666667%; |
| } |
| .g-xl-0, |
| .gx-xl-0 { |
| --bs-gutter-x: 0; |
| } |
| .g-xl-0, |
| .gy-xl-0 { |
| --bs-gutter-y: 0; |
| } |
| .g-xl-1, |
| .gx-xl-1 { |
| --bs-gutter-x: 0.25rem; |
| } |
| .g-xl-1, |
| .gy-xl-1 { |
| --bs-gutter-y: 0.25rem; |
| } |
| .g-xl-2, |
| .gx-xl-2 { |
| --bs-gutter-x: 0.5rem; |
| } |
| .g-xl-2, |
| .gy-xl-2 { |
| --bs-gutter-y: 0.5rem; |
| } |
| .g-xl-3, |
| .gx-xl-3 { |
| --bs-gutter-x: 1rem; |
| } |
| .g-xl-3, |
| .gy-xl-3 { |
| --bs-gutter-y: 1rem; |
| } |
| .g-xl-4, |
| .gx-xl-4 { |
| --bs-gutter-x: 1.5rem; |
| } |
| .g-xl-4, |
| .gy-xl-4 { |
| --bs-gutter-y: 1.5rem; |
| } |
| .g-xl-5, |
| .gx-xl-5 { |
| --bs-gutter-x: 3rem; |
| } |
| .g-xl-5, |
| .gy-xl-5 { |
| --bs-gutter-y: 3rem; |
| } |
| } |
| |
| @media (min-width: 1400px) { |
| .col-xxl { |
| flex: 1 0 0%; |
| } |
| .row-cols-xxl-auto > * { |
| flex: 0 0 auto; |
| width: auto; |
| } |
| .row-cols-xxl-1 > * { |
| flex: 0 0 auto; |
| width: 100%; |
| } |
| .row-cols-xxl-2 > * { |
| flex: 0 0 auto; |
| width: 50%; |
| } |
| .row-cols-xxl-3 > * { |
| flex: 0 0 auto; |
| width: 33.333333%; |
| } |
| .row-cols-xxl-4 > * { |
| flex: 0 0 auto; |
| width: 25%; |
| } |
| .row-cols-xxl-5 > * { |
| flex: 0 0 auto; |
| width: 20%; |
| } |
| .row-cols-xxl-6 > * { |
| flex: 0 0 auto; |
| width: 16.666667%; |
| } |
| .col-xxl-auto { |
| flex: 0 0 auto; |
| width: auto; |
| } |
| .col-xxl-1 { |
| flex: 0 0 auto; |
| width: 8.333333%; |
| } |
| .col-xxl-2 { |
| flex: 0 0 auto; |
| width: 16.666667%; |
| } |
| .col-xxl-3 { |
| flex: 0 0 auto; |
| width: 25%; |
| } |
| .col-xxl-4 { |
| flex: 0 0 auto; |
| width: 33.333333%; |
| } |
| .col-xxl-5 { |
| flex: 0 0 auto; |
| width: 41.666667%; |
| } |
| .col-xxl-6 { |
| flex: 0 0 auto; |
| width: 50%; |
| } |
| .col-xxl-7 { |
| flex: 0 0 auto; |
| width: 58.333333%; |
| } |
| .col-xxl-8 { |
| flex: 0 0 auto; |
| width: 66.666667%; |
| } |
| .col-xxl-9 { |
| flex: 0 0 auto; |
| width: 75%; |
| } |
| .col-xxl-10 { |
| flex: 0 0 auto; |
| width: 83.333333%; |
| } |
| .col-xxl-11 { |
| flex: 0 0 auto; |
| width: 91.666667%; |
| } |
| .col-xxl-12 { |
| flex: 0 0 auto; |
| width: 100%; |
| } |
| .offset-xxl-0 { |
| margin-left: 0; |
| } |
| .offset-xxl-1 { |
| margin-left: 8.333333%; |
| } |
| .offset-xxl-2 { |
| margin-left: 16.666667%; |
| } |
| .offset-xxl-3 { |
| margin-left: 25%; |
| } |
| .offset-xxl-4 { |
| margin-left: 33.333333%; |
| } |
| .offset-xxl-5 { |
| margin-left: 41.666667%; |
| } |
| .offset-xxl-6 { |
| margin-left: 50%; |
| } |
| .offset-xxl-7 { |
| margin-left: 58.333333%; |
| } |
| .offset-xxl-8 { |
| margin-left: 66.666667%; |
| } |
| .offset-xxl-9 { |
| margin-left: 75%; |
| } |
| .offset-xxl-10 { |
| margin-left: 83.333333%; |
| } |
| .offset-xxl-11 { |
| margin-left: 91.666667%; |
| } |
| .g-xxl-0, |
| .gx-xxl-0 { |
| --bs-gutter-x: 0; |
| } |
| .g-xxl-0, |
| .gy-xxl-0 { |
| --bs-gutter-y: 0; |
| } |
| .g-xxl-1, |
| .gx-xxl-1 { |
| --bs-gutter-x: 0.25rem; |
| } |
| .g-xxl-1, |
| .gy-xxl-1 { |
| --bs-gutter-y: 0.25rem; |
| } |
| .g-xxl-2, |
| .gx-xxl-2 { |
| --bs-gutter-x: 0.5rem; |
| } |
| .g-xxl-2, |
| .gy-xxl-2 { |
| --bs-gutter-y: 0.5rem; |
| } |
| .g-xxl-3, |
| .gx-xxl-3 { |
| --bs-gutter-x: 1rem; |
| } |
| .g-xxl-3, |
| .gy-xxl-3 { |
| --bs-gutter-y: 1rem; |
| } |
| .g-xxl-4, |
| .gx-xxl-4 { |
| --bs-gutter-x: 1.5rem; |
| } |
| .g-xxl-4, |
| .gy-xxl-4 { |
| --bs-gutter-y: 1.5rem; |
| } |
| .g-xxl-5, |
| .gx-xxl-5 { |
| --bs-gutter-x: 3rem; |
| } |
| .g-xxl-5, |
| .gy-xxl-5 { |
| --bs-gutter-y: 3rem; |
| } |
| } |
| |
| .table { |
| --bs-table-bg: white; |
| --bs-table-accent-bg: transparent; |
| --bs-table-striped-color: #212529; |
| --bs-table-striped-bg: rgba(0, 0, 0, 0.05); |
| --bs-table-active-color: #212529; |
| --bs-table-active-bg: rgba(0, 0, 0, 0.1); |
| --bs-table-hover-color: #212529; |
| --bs-table-hover-bg: rgba(233, 229, 210, 0.5); |
| width: 100%; |
| margin-bottom: 1rem; |
| color: #212529; |
| vertical-align: top; |
| border-color: #d7d7d7; |
| } |
| |
| .table > :not(caption) > * > * { |
| padding: 0.5rem 0.5rem; |
| background-color: var(--bs-table-bg); |
| background-image: linear-gradient(var(--bs-table-accent-bg), var(--bs-table-accent-bg)); |
| border-bottom-width: 1px; |
| } |
| |
| .table > tbody { |
| vertical-align: inherit; |
| } |
| |
| .table > thead { |
| vertical-align: bottom; |
| } |
| |
| .table > :not(:last-child) > :last-child > * { |
| border-bottom-color: currentColor; |
| } |
| |
| .caption-top { |
| caption-side: top; |
| } |
| |
| .table-sm > :not(caption) > * > * { |
| padding: 0.25rem 0.25rem; |
| } |
| |
| .table-bordered > :not(caption) > * { |
| border-width: 1px 0; |
| } |
| |
| .table-bordered > :not(caption) > * > * { |
| border-width: 0 1px; |
| } |
| |
| .table-borderless > :not(caption) > * > * { |
| border-bottom-width: 0; |
| } |
| |
| .table-striped > tbody > tr:nth-of-type(odd) { |
| --bs-table-accent-bg: var(--bs-table-striped-bg); |
| color: var(--bs-table-striped-color); |
| } |
| |
| .table-active { |
| --bs-table-accent-bg: var(--bs-table-active-bg); |
| color: var(--bs-table-active-color); |
| } |
| |
| .table-hover > tbody > tr:hover { |
| --bs-table-accent-bg: var(--bs-table-hover-bg); |
| color: var(--bs-table-hover-color); |
| } |
| |
| .table-primary { |
| --bs-table-bg: #d1ddd3; |
| --bs-table-striped-bg: #c7d2c8; |
| --bs-table-striped-color: #000; |
| --bs-table-active-bg: #bcc7be; |
| --bs-table-active-color: #000; |
| --bs-table-hover-bg: #c1ccc3; |
| --bs-table-hover-color: #000; |
| color: #000; |
| border-color: #bcc7be; |
| } |
| |
| .table-secondary { |
| --bs-table-bg: #f7f7f7; |
| --bs-table-striped-bg: #ebebeb; |
| --bs-table-striped-color: #000; |
| --bs-table-active-bg: #dedede; |
| --bs-table-active-color: #000; |
| --bs-table-hover-bg: #e4e4e4; |
| --bs-table-hover-color: #000; |
| color: #000; |
| border-color: #dedede; |
| } |
| |
| .table-success { |
| --bs-table-bg: #d2edd6; |
| --bs-table-striped-bg: #c8e1cb; |
| --bs-table-striped-color: #000; |
| --bs-table-active-bg: #bdd5c1; |
| --bs-table-active-color: #000; |
| --bs-table-hover-bg: #c2dbc6; |
| --bs-table-hover-color: #000; |
| color: #000; |
| border-color: #bdd5c1; |
| } |
| |
| .table-info { |
| --bs-table-bg: #def2f8; |
| --bs-table-striped-bg: #d3e6ec; |
| --bs-table-striped-color: #000; |
| --bs-table-active-bg: #c8dadf; |
| --bs-table-active-color: #000; |
| --bs-table-hover-bg: #cde0e5; |
| --bs-table-hover-color: #000; |
| color: #000; |
| border-color: #c8dadf; |
| } |
| |
| .table-warning { |
| --bs-table-bg: #fcefdc; |
| --bs-table-striped-bg: #efe3d1; |
| --bs-table-striped-color: #000; |
| --bs-table-active-bg: #e3d7c6; |
| --bs-table-active-color: #000; |
| --bs-table-hover-bg: #e9ddcc; |
| --bs-table-hover-color: #000; |
| color: #000; |
| border-color: #e3d7c6; |
| } |
| |
| .table-danger { |
| --bs-table-bg: #f6ccd9; |
| --bs-table-striped-bg: #eac2ce; |
| --bs-table-striped-color: #000; |
| --bs-table-active-bg: #ddb8c3; |
| --bs-table-active-color: #000; |
| --bs-table-hover-bg: #e4bdc9; |
| --bs-table-hover-color: #000; |
| color: #000; |
| border-color: #ddb8c3; |
| } |
| |
| .table-light { |
| --bs-table-bg: #f7f7f7; |
| --bs-table-striped-bg: #ebebeb; |
| --bs-table-striped-color: #000; |
| --bs-table-active-bg: #dedede; |
| --bs-table-active-color: #000; |
| --bs-table-hover-bg: #e4e4e4; |
| --bs-table-hover-color: #000; |
| color: #000; |
| border-color: #dedede; |
| } |
| |
| .table-dark { |
| --bs-table-bg: #323232; |
| --bs-table-striped-bg: #3c3c3c; |
| --bs-table-striped-color: #fff; |
| --bs-table-active-bg: #474747; |
| --bs-table-active-color: #fff; |
| --bs-table-hover-bg: #414141; |
| --bs-table-hover-color: #fff; |
| color: #fff; |
| border-color: #474747; |
| } |
| |
| .table-responsive { |
| overflow-x: auto; |
| -webkit-overflow-scrolling: touch; |
| } |
| |
| @media (max-width: 575.98px) { |
| .table-responsive-sm { |
| overflow-x: auto; |
| -webkit-overflow-scrolling: touch; |
| } |
| } |
| |
| @media (max-width: 767.98px) { |
| .table-responsive-md { |
| overflow-x: auto; |
| -webkit-overflow-scrolling: touch; |
| } |
| } |
| |
| @media (max-width: 991.98px) { |
| .table-responsive-lg { |
| overflow-x: auto; |
| -webkit-overflow-scrolling: touch; |
| } |
| } |
| |
| @media (max-width: 1199.98px) { |
| .table-responsive-xl { |
| overflow-x: auto; |
| -webkit-overflow-scrolling: touch; |
| } |
| } |
| |
| @media (max-width: 1399.98px) { |
| .table-responsive-xxl { |
| overflow-x: auto; |
| -webkit-overflow-scrolling: touch; |
| } |
| } |
| |
| .form-label { |
| margin-bottom: 0.5rem; |
| } |
| |
| .col-form-label { |
| padding-top: calc(0.375rem + 1px); |
| padding-bottom: calc(0.375rem + 1px); |
| margin-bottom: 0; |
| font-size: inherit; |
| line-height: 1.5; |
| } |
| |
| .col-form-label-lg { |
| padding-top: calc(0.75rem + 1px); |
| padding-bottom: calc(0.75rem + 1px); |
| font-size: 1.25rem; |
| } |
| |
| .col-form-label-sm { |
| padding-top: calc(0.275rem + 1px); |
| padding-bottom: calc(0.275rem + 1px); |
| font-size: 0.875rem; |
| } |
| |
| .form-text { |
| margin-top: 0.25rem; |
| font-size: 0.875em; |
| color: #788c94; |
| } |
| |
| .form-control { |
| display: block; |
| width: 100%; |
| padding: 0.375rem 0.75rem; |
| font-size: 1rem; |
| font-weight: 400; |
| line-height: 1.5; |
| color: #212529; |
| background-color: #fff; |
| background-clip: padding-box; |
| border: 1px solid #ccc; |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| appearance: none; |
| border-radius: 0; |
| transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .form-control { |
| transition: none; |
| } |
| } |
| |
| .form-control[type="file"] { |
| overflow: hidden; |
| } |
| |
| .form-control[type="file"]:not(:disabled):not([readonly]) { |
| cursor: pointer; |
| } |
| |
| .form-control:focus { |
| color: #212529; |
| background-color: #fff; |
| border-color: #8cab91; |
| outline: 0; |
| box-shadow: 0 0 0 0.25rem rgba(24, 87, 34, 0.25); |
| } |
| |
| .form-control::-webkit-date-and-time-value { |
| height: 1.5em; |
| } |
| |
| .form-control::-moz-placeholder { |
| color: #999; |
| opacity: 1; |
| } |
| |
| .form-control:-ms-input-placeholder { |
| color: #999; |
| opacity: 1; |
| } |
| |
| .form-control::-ms-input-placeholder { |
| color: #999; |
| opacity: 1; |
| } |
| |
| .form-control::placeholder { |
| color: #999; |
| opacity: 1; |
| } |
| |
| .form-control:disabled, .form-control[readonly] { |
| background-color: #f7f7f7; |
| opacity: 1; |
| } |
| |
| .form-control::file-selector-button { |
| padding: 0.375rem 0.75rem; |
| margin: -0.375rem -0.75rem; |
| -webkit-margin-end: 0.75rem; |
| margin-inline-end: 0.75rem; |
| color: #212529; |
| background-color: #e3e4e5; |
| pointer-events: none; |
| border-color: inherit; |
| border-style: solid; |
| border-width: 0; |
| border-inline-end-width: 1px; |
| border-radius: 0; |
| transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .form-control::file-selector-button { |
| transition: none; |
| } |
| } |
| |
| .form-control:hover:not(:disabled):not([readonly])::file-selector-button { |
| background-color: #d8d9da; |
| } |
| |
| .form-control::-webkit-file-upload-button { |
| padding: 0.375rem 0.75rem; |
| margin: -0.375rem -0.75rem; |
| -webkit-margin-end: 0.75rem; |
| margin-inline-end: 0.75rem; |
| color: #212529; |
| background-color: #e3e4e5; |
| pointer-events: none; |
| border-color: inherit; |
| border-style: solid; |
| border-width: 0; |
| border-inline-end-width: 1px; |
| border-radius: 0; |
| -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
| transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .form-control::-webkit-file-upload-button { |
| -webkit-transition: none; |
| transition: none; |
| } |
| } |
| |
| .form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button { |
| background-color: #d8d9da; |
| } |
| |
| .form-control-plaintext { |
| display: block; |
| width: 100%; |
| padding: 0.375rem 0; |
| margin-bottom: 0; |
| line-height: 1.5; |
| color: #212529; |
| background-color: transparent; |
| border: solid transparent; |
| border-width: 1px 0; |
| } |
| |
| .form-control-plaintext.form-control-sm, .form-control-plaintext.form-control-lg { |
| padding-right: 0; |
| padding-left: 0; |
| } |
| |
| .form-control-sm { |
| min-height: calc(1.5em + 0.55rem + 2px); |
| padding: 0.275rem 0.75rem; |
| font-size: 0.875rem; |
| } |
| |
| .form-control-sm::file-selector-button { |
| padding: 0.275rem 0.75rem; |
| margin: -0.275rem -0.75rem; |
| -webkit-margin-end: 0.75rem; |
| margin-inline-end: 0.75rem; |
| } |
| |
| .form-control-sm::-webkit-file-upload-button { |
| padding: 0.275rem 0.75rem; |
| margin: -0.275rem -0.75rem; |
| -webkit-margin-end: 0.75rem; |
| margin-inline-end: 0.75rem; |
| } |
| |
| .form-control-lg { |
| min-height: calc(1.5em + 1.5rem + 2px); |
| padding: 0.75rem 1.25rem; |
| font-size: 1.25rem; |
| } |
| |
| .form-control-lg::file-selector-button { |
| padding: 0.75rem 1.25rem; |
| margin: -0.75rem -1.25rem; |
| -webkit-margin-end: 1.25rem; |
| margin-inline-end: 1.25rem; |
| } |
| |
| .form-control-lg::-webkit-file-upload-button { |
| padding: 0.75rem 1.25rem; |
| margin: -0.75rem -1.25rem; |
| -webkit-margin-end: 1.25rem; |
| margin-inline-end: 1.25rem; |
| } |
| |
| textarea.form-control { |
| min-height: calc(1.5em + 0.75rem + 2px); |
| } |
| |
| textarea.form-control-sm { |
| min-height: calc(1.5em + 0.55rem + 2px); |
| } |
| |
| textarea.form-control-lg { |
| min-height: calc(1.5em + 1.5rem + 2px); |
| } |
| |
| .form-control-color { |
| max-width: 3rem; |
| height: auto; |
| padding: 0.375rem; |
| } |
| |
| .form-control-color:not(:disabled):not([readonly]) { |
| cursor: pointer; |
| } |
| |
| .form-control-color::-moz-color-swatch { |
| height: 1.5em; |
| } |
| |
| .form-control-color::-webkit-color-swatch { |
| height: 1.5em; |
| } |
| |
| .form-select { |
| display: block; |
| width: 100%; |
| padding: 0.375rem 1.75rem 0.375rem 0.75rem; |
| font-size: 1rem; |
| font-weight: 400; |
| line-height: 1.5; |
| color: #212529; |
| vertical-align: middle; |
| background-color: #fff; |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23323232' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); |
| background-repeat: no-repeat; |
| background-position: right 0.75rem center; |
| background-size: 16px 12px; |
| border: 1px solid #ccc; |
| border-radius: 0; |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| appearance: none; |
| } |
| |
| .form-select:focus { |
| border-color: #8cab91; |
| outline: 0; |
| box-shadow: 0 0 0 0.25rem rgba(24, 87, 34, 0.25); |
| } |
| |
| .form-select[multiple], .form-select[size]:not([size="1"]) { |
| padding-right: 0.75rem; |
| background-image: none; |
| } |
| |
| .form-select:disabled { |
| color: #788c94; |
| background-color: #e3e4e5; |
| } |
| |
| .form-select:-moz-focusring { |
| color: transparent; |
| text-shadow: 0 0 0 #212529; |
| } |
| |
| .form-select-sm { |
| padding-top: 0.275rem; |
| padding-bottom: 0.275rem; |
| padding-left: 0.75rem; |
| font-size: 0.875rem; |
| } |
| |
| .form-select-lg { |
| padding-top: 0.75rem; |
| padding-bottom: 0.75rem; |
| padding-left: 1.25rem; |
| font-size: 1.25rem; |
| } |
| |
| .form-check { |
| display: block; |
| min-height: 1.5rem; |
| padding-left: 1.5em; |
| margin-bottom: 0.125rem; |
| } |
| |
| .form-check .form-check-input { |
| float: left; |
| margin-left: -1.5em; |
| } |
| |
| .form-check-input { |
| width: 1em; |
| height: 1em; |
| margin-top: 0.25em; |
| vertical-align: top; |
| background-color: white; |
| background-repeat: no-repeat; |
| background-position: center; |
| background-size: contain; |
| border: 1px solid rgba(0, 0, 0, 0.25); |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| appearance: none; |
| -webkit-print-color-adjust: exact; |
| color-adjust: exact; |
| transition: background-color 0.15s ease-in-out, background-position 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .form-check-input { |
| transition: none; |
| } |
| } |
| |
| .form-check-input[type="radio"] { |
| border-radius: 50%; |
| } |
| |
| .form-check-input:active { |
| filter: brightness(90%); |
| } |
| |
| .form-check-input:focus { |
| border-color: #8cab91; |
| outline: 0; |
| box-shadow: 0 0 0 0.25rem rgba(24, 87, 34, 0.25); |
| } |
| |
| .form-check-input:checked { |
| background-color: #185722; |
| border-color: #185722; |
| } |
| |
| .form-check-input:checked[type="checkbox"] { |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e"); |
| } |
| |
| .form-check-input:checked[type="radio"] { |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e"); |
| } |
| |
| .form-check-input[type="checkbox"]:indeterminate { |
| background-color: #185722; |
| border-color: #185722; |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); |
| } |
| |
| .form-check-input:disabled { |
| pointer-events: none; |
| filter: none; |
| opacity: 0.5; |
| } |
| |
| .form-check-input[disabled] ~ .form-check-label, .form-check-input:disabled ~ .form-check-label { |
| opacity: 0.5; |
| } |
| |
| .form-switch { |
| padding-left: 2.5em; |
| } |
| |
| .form-switch .form-check-input { |
| width: 2em; |
| margin-left: -2.5em; |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e"); |
| background-position: left center; |
| } |
| |
| .form-switch .form-check-input:focus { |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%238cab91'/%3e%3c/svg%3e"); |
| } |
| |
| .form-switch .form-check-input:checked { |
| background-position: right center; |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e"); |
| } |
| |
| .form-check-inline { |
| display: inline-block; |
| margin-right: 1rem; |
| } |
| |
| .btn-check { |
| position: absolute; |
| clip: rect(0, 0, 0, 0); |
| pointer-events: none; |
| } |
| |
| .btn-check[disabled] + .btn, .btn-check:disabled + .btn { |
| pointer-events: none; |
| filter: none; |
| opacity: 0.65; |
| } |
| |
| .form-range { |
| width: 100%; |
| height: 1.5rem; |
| padding: 0; |
| background-color: transparent; |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| appearance: none; |
| } |
| |
| .form-range:focus { |
| outline: none; |
| } |
| |
| .form-range:focus::-webkit-slider-thumb { |
| box-shadow: 0 0 0 1px white, 0 0 0 0.25rem rgba(24, 87, 34, 0.25); |
| } |
| |
| .form-range:focus::-moz-range-thumb { |
| box-shadow: 0 0 0 1px white, 0 0 0 0.25rem rgba(24, 87, 34, 0.25); |
| } |
| |
| .form-range::-moz-focus-outer { |
| border: 0; |
| } |
| |
| .form-range::-webkit-slider-thumb { |
| width: 1rem; |
| height: 1rem; |
| margin-top: -0.25rem; |
| background-color: #185722; |
| border: 0; |
| -webkit-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
| transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
| -webkit-appearance: none; |
| appearance: none; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .form-range::-webkit-slider-thumb { |
| -webkit-transition: none; |
| transition: none; |
| } |
| } |
| |
| .form-range::-webkit-slider-thumb:active { |
| background-color: #bacdbd; |
| } |
| |
| .form-range::-webkit-slider-runnable-track { |
| width: 100%; |
| height: 0.5rem; |
| color: transparent; |
| cursor: pointer; |
| background-color: #d7d7d7; |
| border-color: transparent; |
| } |
| |
| .form-range::-moz-range-thumb { |
| width: 1rem; |
| height: 1rem; |
| background-color: #185722; |
| border: 0; |
| -moz-transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
| transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
| -moz-appearance: none; |
| appearance: none; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .form-range::-moz-range-thumb { |
| -moz-transition: none; |
| transition: none; |
| } |
| } |
| |
| .form-range::-moz-range-thumb:active { |
| background-color: #bacdbd; |
| } |
| |
| .form-range::-moz-range-track { |
| width: 100%; |
| height: 0.5rem; |
| color: transparent; |
| cursor: pointer; |
| background-color: #d7d7d7; |
| border-color: transparent; |
| } |
| |
| .form-range:disabled { |
| pointer-events: none; |
| } |
| |
| .form-range:disabled::-webkit-slider-thumb { |
| background-color: #acacac; |
| } |
| |
| .form-range:disabled::-moz-range-thumb { |
| background-color: #acacac; |
| } |
| |
| .form-floating { |
| position: relative; |
| } |
| |
| .form-floating > .form-control, |
| .form-floating > .form-select { |
| height: calc(3.5rem + 2px); |
| padding: 1rem 0.75rem; |
| } |
| |
| .form-floating > label { |
| position: absolute; |
| top: 0; |
| left: 0; |
| height: 100%; |
| padding: 1rem 0.75rem; |
| pointer-events: none; |
| border: 1px solid transparent; |
| transform-origin: 0 0; |
| transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .form-floating > label { |
| transition: none; |
| } |
| } |
| |
| .form-floating > .form-control::-moz-placeholder { |
| color: transparent; |
| } |
| |
| .form-floating > .form-control:-ms-input-placeholder { |
| color: transparent; |
| } |
| |
| .form-floating > .form-control::-ms-input-placeholder { |
| color: transparent; |
| } |
| |
| .form-floating > .form-control::placeholder { |
| color: transparent; |
| } |
| |
| .form-floating > .form-control:not(:-moz-placeholder-shown) { |
| padding-top: 1.625rem; |
| padding-bottom: 0.625rem; |
| } |
| |
| .form-floating > .form-control:not(:-ms-input-placeholder) { |
| padding-top: 1.625rem; |
| padding-bottom: 0.625rem; |
| } |
| |
| .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { |
| padding-top: 1.625rem; |
| padding-bottom: 0.625rem; |
| } |
| |
| .form-floating > .form-control:-webkit-autofill { |
| padding-top: 1.625rem; |
| padding-bottom: 0.625rem; |
| } |
| |
| .form-floating > .form-select { |
| padding-top: 1.625rem; |
| padding-bottom: 0.625rem; |
| } |
| |
| .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { |
| opacity: 0.65; |
| transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); |
| } |
| |
| .form-floating > .form-control:not(:-ms-input-placeholder) ~ label { |
| opacity: 0.65; |
| transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); |
| } |
| |
| .form-floating > .form-control:focus ~ label, |
| .form-floating > .form-control:not(:placeholder-shown) ~ label, |
| .form-floating > .form-select ~ label { |
| opacity: 0.65; |
| transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); |
| } |
| |
| .form-floating > .form-control:-webkit-autofill ~ label { |
| opacity: 0.65; |
| transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); |
| } |
| |
| .input-group { |
| position: relative; |
| display: flex; |
| flex-wrap: wrap; |
| align-items: stretch; |
| width: 100%; |
| } |
| |
| .input-group > .form-control, |
| .input-group > .form-select { |
| position: relative; |
| flex: 1 1 auto; |
| width: 1%; |
| min-width: 0; |
| } |
| |
| .input-group > .form-control:focus, |
| .input-group > .form-select:focus { |
| z-index: 3; |
| } |
| |
| .input-group .btn { |
| position: relative; |
| z-index: 2; |
| } |
| |
| .input-group .btn:focus { |
| z-index: 3; |
| } |
| |
| .input-group-text { |
| display: flex; |
| align-items: center; |
| padding: 0.375rem 0.75rem; |
| font-size: 1rem; |
| font-weight: 400; |
| line-height: 1.5; |
| color: #212529; |
| text-align: center; |
| white-space: nowrap; |
| background-color: #e3e4e5; |
| border: 1px solid #ccc; |
| } |
| |
| .input-group-lg > .form-control, |
| .input-group-lg > .form-select, |
| .input-group-lg > .input-group-text, |
| .input-group-lg > .btn { |
| padding: 0.75rem 1.25rem; |
| font-size: 1.25rem; |
| } |
| |
| .input-group-sm > .form-control, |
| .input-group-sm > .form-select, |
| .input-group-sm > .input-group-text, |
| .input-group-sm > .btn { |
| padding: 0.275rem 0.75rem; |
| font-size: 0.875rem; |
| } |
| |
| .input-group-lg > .form-select, |
| .input-group-sm > .form-select { |
| padding-right: 1.75rem; |
| } |
| |
| .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) { |
| margin-left: -1px; |
| } |
| |
| .valid-feedback { |
| display: none; |
| width: 100%; |
| margin-top: 0.25rem; |
| font-size: 0.875em; |
| color: #1da332; |
| } |
| |
| .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; |
| color: #000; |
| background-color: rgba(29, 163, 50, 0.9); |
| } |
| |
| .was-validated :valid ~ .valid-feedback, |
| .was-validated :valid ~ .valid-tooltip, |
| .is-valid ~ .valid-feedback, |
| .is-valid ~ .valid-tooltip { |
| display: block; |
| } |
| |
| .was-validated .form-control:valid, .form-control.is-valid { |
| border-color: #1da332; |
| 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='%231da332' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e"); |
| background-repeat: no-repeat; |
| background-position: right calc(0.375em + 0.1875rem) center; |
| background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); |
| } |
| |
| .was-validated .form-control:valid:focus, .form-control.is-valid:focus { |
| border-color: #1da332; |
| box-shadow: 0 0 0 0.25rem rgba(29, 163, 50, 0.25); |
| } |
| |
| .was-validated textarea.form-control:valid, textarea.form-control.is-valid { |
| padding-right: calc(1.5em + 0.75rem); |
| background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); |
| } |
| |
| .was-validated .form-select:valid, .form-select.is-valid { |
| border-color: #1da332; |
| padding-right: calc(0.75em + 2.3125rem); |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23323232' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%231da332' 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-position: right 0.75rem center, center right 1.75rem; |
| background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); |
| } |
| |
| .was-validated .form-select:valid:focus, .form-select.is-valid:focus { |
| border-color: #1da332; |
| box-shadow: 0 0 0 0.25rem rgba(29, 163, 50, 0.25); |
| } |
| |
| .was-validated .form-check-input:valid, .form-check-input.is-valid { |
| border-color: #1da332; |
| } |
| |
| .was-validated .form-check-input:valid:checked, .form-check-input.is-valid:checked { |
| background-color: #1da332; |
| } |
| |
| .was-validated .form-check-input:valid:focus, .form-check-input.is-valid:focus { |
| box-shadow: 0 0 0 0.25rem rgba(29, 163, 50, 0.25); |
| } |
| |
| .was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label { |
| color: #1da332; |
| } |
| |
| .form-check-inline .form-check-input ~ .valid-feedback { |
| margin-left: .5em; |
| } |
| |
| .invalid-feedback { |
| display: none; |
| width: 100%; |
| margin-top: 0.25rem; |
| font-size: 0.875em; |
| color: #d30040; |
| } |
| |
| .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; |
| color: #fff; |
| background-color: rgba(211, 0, 64, 0.9); |
| } |
| |
| .was-validated :invalid ~ .invalid-feedback, |
| .was-validated :invalid ~ .invalid-tooltip, |
| .is-invalid ~ .invalid-feedback, |
| .is-invalid ~ .invalid-tooltip { |
| display: block; |
| } |
| |
| .was-validated .form-control:invalid, .form-control.is-invalid { |
| border-color: #d30040; |
| padding-right: calc(1.5em + 0.75rem); |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d30040'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d30040' stroke='none'/%3e%3c/svg%3e"); |
| background-repeat: no-repeat; |
| background-position: right calc(0.375em + 0.1875rem) center; |
| background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); |
| } |
| |
| .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus { |
| border-color: #d30040; |
| box-shadow: 0 0 0 0.25rem rgba(211, 0, 64, 0.25); |
| } |
| |
| .was-validated textarea.form-control:invalid, textarea.form-control.is-invalid { |
| padding-right: calc(1.5em + 0.75rem); |
| background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem); |
| } |
| |
| .was-validated .form-select:invalid, .form-select.is-invalid { |
| border-color: #d30040; |
| padding-right: calc(0.75em + 2.3125rem); |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23323232' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23d30040'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23d30040' stroke='none'/%3e%3c/svg%3e"); |
| background-position: right 0.75rem center, center right 1.75rem; |
| background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem); |
| } |
| |
| .was-validated .form-select:invalid:focus, .form-select.is-invalid:focus { |
| border-color: #d30040; |
| box-shadow: 0 0 0 0.25rem rgba(211, 0, 64, 0.25); |
| } |
| |
| .was-validated .form-check-input:invalid, .form-check-input.is-invalid { |
| border-color: #d30040; |
| } |
| |
| .was-validated .form-check-input:invalid:checked, .form-check-input.is-invalid:checked { |
| background-color: #d30040; |
| } |
| |
| .was-validated .form-check-input:invalid:focus, .form-check-input.is-invalid:focus { |
| box-shadow: 0 0 0 0.25rem rgba(211, 0, 64, 0.25); |
| } |
| |
| .was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label { |
| color: #d30040; |
| } |
| |
| .form-check-inline .form-check-input ~ .invalid-feedback { |
| margin-left: .5em; |
| } |
| |
| .btn { |
| display: inline-block; |
| font-weight: normal; |
| line-height: 1.5; |
| color: #212529; |
| text-align: center; |
| text-decoration: none; |
| vertical-align: middle; |
| cursor: pointer; |
| -webkit-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| background-color: transparent; |
| border: 1px solid transparent; |
| padding: 0.375rem 1rem; |
| font-size: 1rem; |
| border-radius: 0; |
| transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .btn { |
| transition: none; |
| } |
| } |
| |
| .btn:hover { |
| color: #212529; |
| } |
| |
| .btn-check:focus + .btn, .btn:focus { |
| outline: 0; |
| box-shadow: 0 0 0 0.25rem rgba(24, 87, 34, 0.25); |
| } |
| |
| .btn:disabled, .btn.disabled, |
| fieldset:disabled .btn { |
| pointer-events: none; |
| opacity: 0.65; |
| } |
| |
| .btn-primary { |
| color: #fff; |
| background-color: #185722; |
| border-color: #185722; |
| } |
| |
| .btn-primary:hover { |
| color: #fff; |
| background-color: #144a1d; |
| border-color: #13461b; |
| } |
| |
| .btn-check:focus + .btn-primary, .btn-primary:focus { |
| color: #fff; |
| background-color: #144a1d; |
| border-color: #13461b; |
| box-shadow: 0 0 0 0.25rem rgba(59, 112, 67, 0.5); |
| } |
| |
| .btn-check:checked + .btn-primary, |
| .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, |
| .show > .btn-primary.dropdown-toggle { |
| color: #fff; |
| background-color: #13461b; |
| border-color: #12411a; |
| } |
| |
| .btn-check:checked + .btn-primary:focus, |
| .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, |
| .show > .btn-primary.dropdown-toggle:focus { |
| box-shadow: 0 0 0 0.25rem rgba(59, 112, 67, 0.5); |
| } |
| |
| .btn-primary:disabled, .btn-primary.disabled { |
| color: #fff; |
| background-color: #185722; |
| border-color: #185722; |
| } |
| |
| .btn-secondary { |
| color: #000; |
| background-color: #d7d7d7; |
| border-color: #d7d7d7; |
| } |
| |
| .btn-secondary:hover { |
| color: #000; |
| background-color: #dddddd; |
| border-color: #dbdbdb; |
| } |
| |
| .btn-check:focus + .btn-secondary, .btn-secondary:focus { |
| color: #000; |
| background-color: #dddddd; |
| border-color: #dbdbdb; |
| box-shadow: 0 0 0 0.25rem rgba(183, 183, 183, 0.5); |
| } |
| |
| .btn-check:checked + .btn-secondary, |
| .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active, |
| .show > .btn-secondary.dropdown-toggle { |
| color: #000; |
| background-color: #dfdfdf; |
| border-color: #dbdbdb; |
| } |
| |
| .btn-check:checked + .btn-secondary:focus, |
| .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus, |
| .show > .btn-secondary.dropdown-toggle:focus { |
| box-shadow: 0 0 0 0.25rem rgba(183, 183, 183, 0.5); |
| } |
| |
| .btn-secondary:disabled, .btn-secondary.disabled { |
| color: #000; |
| background-color: #d7d7d7; |
| border-color: #d7d7d7; |
| } |
| |
| .btn-success { |
| color: #000; |
| background-color: #1da332; |
| border-color: #1da332; |
| } |
| |
| .btn-success:hover { |
| color: #000; |
| background-color: #3fb151; |
| border-color: #34ac47; |
| } |
| |
| .btn-check:focus + .btn-success, .btn-success:focus { |
| color: #000; |
| background-color: #3fb151; |
| border-color: #34ac47; |
| box-shadow: 0 0 0 0.25rem rgba(25, 139, 43, 0.5); |
| } |
| |
| .btn-check:checked + .btn-success, |
| .btn-check:active + .btn-success, .btn-success:active, .btn-success.active, |
| .show > .btn-success.dropdown-toggle { |
| color: #000; |
| background-color: #4ab55b; |
| border-color: #34ac47; |
| } |
| |
| .btn-check:checked + .btn-success:focus, |
| .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus, |
| .show > .btn-success.dropdown-toggle:focus { |
| box-shadow: 0 0 0 0.25rem rgba(25, 139, 43, 0.5); |
| } |
| |
| .btn-success:disabled, .btn-success.disabled { |
| color: #000; |
| background-color: #1da332; |
| border-color: #1da332; |
| } |
| |
| .btn-info { |
| color: #000; |
| background-color: #5bc0de; |
| border-color: #5bc0de; |
| } |
| |
| .btn-info:hover { |
| color: #000; |
| background-color: #74c9e3; |
| border-color: #6bc6e1; |
| } |
| |
| .btn-check:focus + .btn-info, .btn-info:focus { |
| color: #000; |
| background-color: #74c9e3; |
| border-color: #6bc6e1; |
| box-shadow: 0 0 0 0.25rem rgba(77, 163, 189, 0.5); |
| } |
| |
| .btn-check:checked + .btn-info, |
| .btn-check:active + .btn-info, .btn-info:active, .btn-info.active, |
| .show > .btn-info.dropdown-toggle { |
| color: #000; |
| background-color: #7ccde5; |
| border-color: #6bc6e1; |
| } |
| |
| .btn-check:checked + .btn-info:focus, |
| .btn-check:active + .btn-info:focus, .btn-info:active:focus, .btn-info.active:focus, |
| .show > .btn-info.dropdown-toggle:focus { |
| box-shadow: 0 0 0 0.25rem rgba(77, 163, 189, 0.5); |
| } |
| |
| .btn-info:disabled, .btn-info.disabled { |
| color: #000; |
| background-color: #5bc0de; |
| border-color: #5bc0de; |
| } |
| |
| .btn-warning { |
| color: #000; |
| background-color: #f0ad4e; |
| border-color: #f0ad4e; |
| } |
| |
| .btn-warning:hover { |
| color: #000; |
| background-color: #f2b969; |
| border-color: #f2b560; |
| } |
| |
| .btn-check:focus + .btn-warning, .btn-warning:focus { |
| color: #000; |
| background-color: #f2b969; |
| border-color: #f2b560; |
| box-shadow: 0 0 0 0.25rem rgba(204, 147, 66, 0.5); |
| } |
| |
| .btn-check:checked + .btn-warning, |
| .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active, |
| .show > .btn-warning.dropdown-toggle { |
| color: #000; |
| background-color: #f3bd71; |
| border-color: #f2b560; |
| } |
| |
| .btn-check:checked + .btn-warning:focus, |
| .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus, |
| .show > .btn-warning.dropdown-toggle:focus { |
| box-shadow: 0 0 0 0.25rem rgba(204, 147, 66, 0.5); |
| } |
| |
| .btn-warning:disabled, .btn-warning.disabled { |
| color: #000; |
| background-color: #f0ad4e; |
| border-color: #f0ad4e; |
| } |
| |
| .btn-danger { |
| color: #fff; |
| background-color: #d30040; |
| border-color: #d30040; |
| } |
| |
| .btn-danger:hover { |
| color: #fff; |
| background-color: #b30036; |
| border-color: #a90033; |
| } |
| |
| .btn-check:focus + .btn-danger, .btn-danger:focus { |
| color: #fff; |
| background-color: #b30036; |
| border-color: #a90033; |
| box-shadow: 0 0 0 0.25rem rgba(218, 38, 93, 0.5); |
| } |
| |
| .btn-check:checked + .btn-danger, |
| .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active, |
| .show > .btn-danger.dropdown-toggle { |
| color: #fff; |
| background-color: #a90033; |
| border-color: #9e0030; |
| } |
| |
| .btn-check:checked + .btn-danger:focus, |
| .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus, |
| .show > .btn-danger.dropdown-toggle:focus { |
| box-shadow: 0 0 0 0.25rem rgba(218, 38, 93, 0.5); |
| } |
| |
| .btn-danger:disabled, .btn-danger.disabled { |
| color: #fff; |
| background-color: #d30040; |
| border-color: #d30040; |
| } |
| |
| .btn-light { |
| color: #000; |
| background-color: #f7f7f7; |
| border-color: #f7f7f7; |
| } |
| |
| .btn-light:hover { |
| color: #000; |
| background-color: #f8f8f8; |
| border-color: #f8f8f8; |
| } |
| |
| .btn-check:focus + .btn-light, .btn-light:focus { |
| color: #000; |
| background-color: #f8f8f8; |
| border-color: #f8f8f8; |
| box-shadow: 0 0 0 0.25rem rgba(210, 210, 210, 0.5); |
| } |
| |
| .btn-check:checked + .btn-light, |
| .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, |
| .show > .btn-light.dropdown-toggle { |
| color: #000; |
| background-color: #f9f9f9; |
| border-color: #f8f8f8; |
| } |
| |
| .btn-check:checked + .btn-light:focus, |
| .btn-check:active + .btn-light:focus, .btn-light:active:focus, .btn-light.active:focus, |
| .show > .btn-light.dropdown-toggle:focus { |
| box-shadow: 0 0 0 0.25rem rgba(210, 210, 210, 0.5); |
| } |
| |
| .btn-light:disabled, .btn-light.disabled { |
| color: #000; |
| background-color: #f7f7f7; |
| border-color: #f7f7f7; |
| } |
| |
| .btn-dark { |
| color: #fff; |
| background-color: #323232; |
| border-color: #323232; |
| } |
| |
| .btn-dark:hover { |
| color: #fff; |
| background-color: #2b2b2b; |
| border-color: #282828; |
| } |
| |
| .btn-check:focus + .btn-dark, .btn-dark:focus { |
| color: #fff; |
| background-color: #2b2b2b; |
| border-color: #282828; |
| box-shadow: 0 0 0 0.25rem rgba(81, 81, 81, 0.5); |
| } |
| |
| .btn-check:checked + .btn-dark, |
| .btn-check:active + .btn-dark, .btn-dark:active, .btn-dark.active, |
| .show > .btn-dark.dropdown-toggle { |
| color: #fff; |
| background-color: #282828; |
| border-color: #262626; |
| } |
| |
| .btn-check:checked + .btn-dark:focus, |
| .btn-check:active + .btn-dark:focus, .btn-dark:active:focus, .btn-dark.active:focus, |
| .show > .btn-dark.dropdown-toggle:focus { |
| box-shadow: 0 0 0 0.25rem rgba(81, 81, 81, 0.5); |
| } |
| |
| .btn-dark:disabled, .btn-dark.disabled { |
| color: #fff; |
| background-color: #323232; |
| border-color: #323232; |
| } |
| |
| .btn-outline-primary { |
| color: #185722; |
| border-color: #185722; |
| } |
| |
| .btn-outline-primary:hover { |
| color: #fff; |
| background-color: #185722; |
| border-color: #185722; |
| } |
| |
| .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus { |
| box-shadow: 0 0 0 0.25rem rgba(24, 87, 34, 0.5); |
| } |
| |
| .btn-check:checked + .btn-outline-primary, |
| .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show { |
| color: #fff; |
| background-color: #185722; |
| border-color: #185722; |
| } |
| |
| .btn-check:checked + .btn-outline-primary:focus, |
| .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus { |
| box-shadow: 0 0 0 0.25rem rgba(24, 87, 34, 0.5); |
| } |
| |
| .btn-outline-primary:disabled, .btn-outline-primary.disabled { |
| color: #185722; |
| background-color: transparent; |
| } |
| |
| .btn-outline-secondary { |
| color: #d7d7d7; |
| border-color: #d7d7d7; |
| } |
| |
| .btn-outline-secondary:hover { |
| color: #000; |
| background-color: #d7d7d7; |
| border-color: #d7d7d7; |
| } |
| |
| .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus { |
| box-shadow: 0 0 0 0.25rem rgba(215, 215, 215, 0.5); |
| } |
| |
| .btn-check:checked + .btn-outline-secondary, |
| .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show { |
| color: #000; |
| background-color: #d7d7d7; |
| border-color: #d7d7d7; |
| } |
| |
| .btn-check:checked + .btn-outline-secondary:focus, |
| .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus { |
| box-shadow: 0 0 0 0.25rem rgba(215, 215, 215, 0.5); |
| } |
| |
| .btn-outline-secondary:disabled, .btn-outline-secondary.disabled { |
| color: #d7d7d7; |
| background-color: transparent; |
| } |
| |
| .btn-outline-success { |
| color: #1da332; |
| border-color: #1da332; |
| } |
| |
| .btn-outline-success:hover { |
| color: #000; |
| background-color: #1da332; |
| border-color: #1da332; |
| } |
| |
| .btn-check:focus + .btn-outline-success, .btn-outline-success:focus { |
| box-shadow: 0 0 0 0.25rem rgba(29, 163, 50, 0.5); |
| } |
| |
| .btn-check:checked + .btn-outline-success, |
| .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show { |
| color: #000; |
| background-color: #1da332; |
| border-color: #1da332; |
| } |
| |
| .btn-check:checked + .btn-outline-success:focus, |
| .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus { |
| box-shadow: 0 0 0 0.25rem rgba(29, 163, 50, 0.5); |
| } |
| |
| .btn-outline-success:disabled, .btn-outline-success.disabled { |
| color: #1da332; |
| background-color: transparent; |
| } |
| |
| .btn-outline-info { |
| color: #5bc0de; |
| border-color: #5bc0de; |
| } |
| |
| .btn-outline-info:hover { |
| color: #000; |
| background-color: #5bc0de; |
| border-color: #5bc0de; |
| } |
| |
| .btn-check:focus + .btn-outline-info, .btn-outline-info:focus { |
| box-shadow: 0 0 0 0.25rem rgba(91, 192, 222, 0.5); |
| } |
| |
| .btn-check:checked + .btn-outline-info, |
| .btn-check:active + .btn-outline-info, .btn-outline-info:active, .btn-outline-info.active, .btn-outline-info.dropdown-toggle.show { |
| color: #000; |
| background-color: #5bc0de; |
| border-color: #5bc0de; |
| } |
| |
| .btn-check:checked + .btn-outline-info:focus, |
| .btn-check:active + .btn-outline-info:focus, .btn-outline-info:active:focus, .btn-outline-info.active:focus, .btn-outline-info.dropdown-toggle.show:focus { |
| box-shadow: 0 0 0 0.25rem rgba(91, 192, 222, 0.5); |
| } |
| |
| .btn-outline-info:disabled, .btn-outline-info.disabled { |
| color: #5bc0de; |
| background-color: transparent; |
| } |
| |
| .btn-outline-warning { |
| color: #f0ad4e; |
| border-color: #f0ad4e; |
| } |
| |
| .btn-outline-warning:hover { |
| color: #000; |
| background-color: #f0ad4e; |
| border-color: #f0ad4e; |
| } |
| |
| .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus { |
| box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.5); |
| } |
| |
| .btn-check:checked + .btn-outline-warning, |
| .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show { |
| color: #000; |
| background-color: #f0ad4e; |
| border-color: #f0ad4e; |
| } |
| |
| .btn-check:checked + .btn-outline-warning:focus, |
| .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus { |
| box-shadow: 0 0 0 0.25rem rgba(240, 173, 78, 0.5); |
| } |
| |
| .btn-outline-warning:disabled, .btn-outline-warning.disabled { |
| color: #f0ad4e; |
| background-color: transparent; |
| } |
| |
| .btn-outline-danger { |
| color: #d30040; |
| border-color: #d30040; |
| } |
| |
| .btn-outline-danger:hover { |
| color: #fff; |
| background-color: #d30040; |
| border-color: #d30040; |
| } |
| |
| .btn-check:focus + .btn-outline-danger, .btn-outline-danger:focus { |
| box-shadow: 0 0 0 0.25rem rgba(211, 0, 64, 0.5); |
| } |
| |
| .btn-check:checked + .btn-outline-danger, |
| .btn-check:active + .btn-outline-danger, .btn-outline-danger:active, .btn-outline-danger.active, .btn-outline-danger.dropdown-toggle.show { |
| color: #fff; |
| background-color: #d30040; |
| border-color: #d30040; |
| } |
| |
| .btn-check:checked + .btn-outline-danger:focus, |
| .btn-check:active + .btn-outline-danger:focus, .btn-outline-danger:active:focus, .btn-outline-danger.active:focus, .btn-outline-danger.dropdown-toggle.show:focus { |
| box-shadow: 0 0 0 0.25rem rgba(211, 0, 64, 0.5); |
| } |
| |
| .btn-outline-danger:disabled, .btn-outline-danger.disabled { |
| color: #d30040; |
| background-color: transparent; |
| } |
| |
| .btn-outline-light { |
| color: #f7f7f7; |
| border-color: #f7f7f7; |
| } |
| |
| .btn-outline-light:hover { |
| color: #000; |
| background-color: #f7f7f7; |
| border-color: #f7f7f7; |
| } |
| |
| .btn-check:focus + .btn-outline-light, .btn-outline-light:focus { |
| box-shadow: 0 0 0 0.25rem rgba(247, 247, 247, 0.5); |
| } |
| |
| .btn-check:checked + .btn-outline-light, |
| .btn-check:active + .btn-outline-light, .btn-outline-light:active, .btn-outline-light.active, .btn-outline-light.dropdown-toggle.show { |
| color: #000; |
| background-color: #f7f7f7; |
| border-color: #f7f7f7; |
| } |
| |
| .btn-check:checked + .btn-outline-light:focus, |
| .btn-check:active + .btn-outline-light:focus, .btn-outline-light:active:focus, .btn-outline-light.active:focus, .btn-outline-light.dropdown-toggle.show:focus { |
| box-shadow: 0 0 0 0.25rem rgba(247, 247, 247, 0.5); |
| } |
| |
| .btn-outline-light:disabled, .btn-outline-light.disabled { |
| color: #f7f7f7; |
| background-color: transparent; |
| } |
| |
| .btn-outline-dark { |
| color: #323232; |
| border-color: #323232; |
| } |
| |
| .btn-outline-dark:hover { |
| color: #fff; |
| background-color: #323232; |
| border-color: #323232; |
| } |
| |
| .btn-check:focus + .btn-outline-dark, .btn-outline-dark:focus { |
| box-shadow: 0 0 0 0.25rem rgba(50, 50, 50, 0.5); |
| } |
| |
| .btn-check:checked + .btn-outline-dark, |
| .btn-check:active + .btn-outline-dark, .btn-outline-dark:active, .btn-outline-dark.active, .btn-outline-dark.dropdown-toggle.show { |
| color: #fff; |
| background-color: #323232; |
| border-color: #323232; |
| } |
| |
| .btn-check:checked + .btn-outline-dark:focus, |
| .btn-check:active + .btn-outline-dark:focus, .btn-outline-dark:active:focus, .btn-outline-dark.active:focus, .btn-outline-dark.dropdown-toggle.show:focus { |
| box-shadow: 0 0 0 0.25rem rgba(50, 50, 50, 0.5); |
| } |
| |
| .btn-outline-dark:disabled, .btn-outline-dark.disabled { |
| color: #323232; |
| background-color: transparent; |
| } |
| |
| .btn-link { |
| font-weight: 400; |
| color: #ce8636; |
| text-decoration: underline; |
| } |
| |
| .btn-link:hover { |
| color: #8a5318; |
| text-decoration: none; |
| } |
| |
| .btn-link:focus { |
| text-decoration: none; |
| } |
| |
| .btn-link:disabled, .btn-link.disabled { |
| color: #788c94; |
| } |
| |
| .btn-lg, .btn-group-lg > .btn { |
| padding: 0.75rem 1.25rem; |
| font-size: 1.25rem; |
| border-radius: 0; |
| } |
| |
| .btn-sm, .btn-group-sm > .btn { |
| padding: 0.275rem 0.75rem; |
| font-size: 0.875rem; |
| border-radius: 0; |
| } |
| |
| .fade { |
| transition: opacity 0.15s linear; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .fade { |
| transition: none; |
| } |
| } |
| |
| .fade:not(.show) { |
| opacity: 0; |
| } |
| |
| .collapse:not(.show) { |
| display: none; |
| } |
| |
| .collapsing { |
| height: 0; |
| overflow: hidden; |
| transition: height 0.35s ease; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .collapsing { |
| transition: none; |
| } |
| } |
| |
| .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; |
| 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); |
| } |
| |
| .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; |
| } |
| } |
| |
| @media (min-width: 1400px) { |
| .dropdown-menu-xxl-left { |
| right: auto; |
| left: 0; |
| } |
| .dropdown-menu-xxl-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 rgba(0, 0, 0, 0.15); |
| } |
| |
| .dropdown-item { |
| display: block; |
| width: 100%; |
| padding: 0.25rem 1rem; |
| clear: both; |
| font-weight: 400; |
| color: #212529; |
| text-align: inherit; |
| text-decoration: none; |
| white-space: nowrap; |
| background-color: transparent; |
| border: 0; |
| } |
| |
| .dropdown-item:hover, .dropdown-item:focus { |
| color: #1e2125; |
| background-color: #f7f7f7; |
| } |
| |
| .dropdown-item.active, .dropdown-item:active { |
| color: #fff; |
| text-decoration: none; |
| background-color: #a36725; |
| } |
| |
| .dropdown-item.disabled, .dropdown-item:disabled { |
| color: #788c94; |
| pointer-events: none; |
| background-color: transparent; |
| } |
| |
| .dropdown-menu.show { |
| display: block; |
| } |
| |
| .dropdown-header { |
| display: block; |
| padding: 0.5rem 1rem; |
| margin-bottom: 0; |
| font-size: 0.875rem; |
| color: #788c94; |
| white-space: nowrap; |
| } |
| |
| .dropdown-item-text { |
| display: block; |
| padding: 0.25rem 1rem; |
| color: #212529; |
| } |
| |
| .dropdown-menu-dark { |
| color: #d7d7d7; |
| background-color: #323232; |
| border-color: rgba(0, 0, 0, 0.15); |
| } |
| |
| .dropdown-menu-dark .dropdown-item { |
| color: #d7d7d7; |
| } |
| |
| .dropdown-menu-dark .dropdown-item:hover, .dropdown-menu-dark .dropdown-item:focus { |
| color: #fff; |
| background-color: rgba(255, 255, 255, 0.15); |
| } |
| |
| .dropdown-menu-dark .dropdown-item.active, .dropdown-menu-dark .dropdown-item:active { |
| color: #fff; |
| background-color: #a36725; |
| } |
| |
| .dropdown-menu-dark .dropdown-item.disabled, .dropdown-menu-dark .dropdown-item:disabled { |
| color: #acacac; |
| } |
| |
| .dropdown-menu-dark .dropdown-divider { |
| border-color: rgba(0, 0, 0, 0.15); |
| } |
| |
| .dropdown-menu-dark .dropdown-item-text { |
| color: #d7d7d7; |
| } |
| |
| .dropdown-menu-dark .dropdown-header { |
| color: #acacac; |
| } |
| |
| .btn-group, |
| .btn-group-vertical { |
| position: relative; |
| display: inline-flex; |
| vertical-align: middle; |
| } |
| |
| .btn-group > .btn, |
| .btn-group-vertical > .btn { |
| position: relative; |
| flex: 1 1 auto; |
| } |
| |
| .btn-group > .btn-check:checked + .btn, |
| .btn-group > .btn-check:focus + .btn, |
| .btn-group > .btn:hover, |
| .btn-group > .btn:focus, |
| .btn-group > .btn:active, |
| .btn-group > .btn.active, |
| .btn-group-vertical > .btn-check:checked + .btn, |
| .btn-group-vertical > .btn-check:focus + .btn, |
| .btn-group-vertical > .btn:hover, |
| .btn-group-vertical > .btn:focus, |
| .btn-group-vertical > .btn:active, |
| .btn-group-vertical > .btn.active { |
| z-index: 1; |
| } |
| |
| .btn-toolbar { |
| display: flex; |
| flex-wrap: wrap; |
| justify-content: flex-start; |
| } |
| |
| .btn-toolbar .input-group { |
| width: auto; |
| } |
| |
| .btn-group > .btn:not(:first-child), |
| .btn-group > .btn-group:not(:first-child) { |
| margin-left: -1px; |
| } |
| |
| .dropdown-toggle-split { |
| padding-right: 0.75rem; |
| padding-left: 0.75rem; |
| } |
| |
| .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.5625rem; |
| padding-left: 0.5625rem; |
| } |
| |
| .btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split { |
| padding-right: 0.9375rem; |
| padding-left: 0.9375rem; |
| } |
| |
| .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; |
| } |
| |
| .nav { |
| display: flex; |
| flex-wrap: wrap; |
| padding-left: 0; |
| margin-bottom: 0; |
| list-style: none; |
| } |
| |
| .nav-link { |
| display: block; |
| padding: 0.5rem 1rem; |
| text-decoration: none; |
| transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .nav-link { |
| transition: none; |
| } |
| } |
| |
| .nav-link.disabled { |
| color: #d7d7d7; |
| pointer-events: none; |
| cursor: default; |
| } |
| |
| .nav-tabs { |
| border-bottom: white solid white; |
| } |
| |
| .nav-tabs .nav-link { |
| margin-bottom: -white; |
| border: white solid transparent; |
| } |
| |
| .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus { |
| border-color: #e3e4e5 #e3e4e5 white; |
| } |
| |
| .nav-tabs .nav-link.disabled { |
| color: #d7d7d7; |
| background-color: transparent; |
| border-color: transparent; |
| } |
| |
| .nav-tabs .nav-link.active, |
| .nav-tabs .nav-item.show .nav-link { |
| color: #55595c; |
| background-color: white; |
| border-color: #d7d7d7 #d7d7d7 white; |
| } |
| |
| .nav-tabs .dropdown-menu { |
| margin-top: -white; |
| } |
| |
| .nav-pills .nav-link.active, |
| .nav-pills .show > .nav-link { |
| color: #185722; |
| background-color: white; |
| } |
| |
| .nav-fill > .nav-link, |
| .nav-fill .nav-item { |
| flex: 1 1 auto; |
| text-align: center; |
| } |
| |
| .nav-justified > .nav-link, |
| .nav-justified .nav-item { |
| flex-basis: 0; |
| flex-grow: 1; |
| text-align: center; |
| } |
| |
| .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-top: 0.5rem; |
| padding-bottom: 0.5rem; |
| } |
| |
| .navbar > .container, |
| .navbar > .container-fluid, .navbar > .container-sm, .navbar > .container-md, .navbar > .container-lg, .navbar > .container-xl, .navbar > .container-xxl { |
| display: flex; |
| flex-wrap: inherit; |
| align-items: center; |
| justify-content: space-between; |
| } |
| |
| .navbar-brand { |
| padding-top: 0.3125rem; |
| padding-bottom: 0.3125rem; |
| margin-right: 1rem; |
| font-size: 1.25rem; |
| text-decoration: none; |
| white-space: nowrap; |
| } |
| |
| .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; |
| } |
| |
| .navbar-text { |
| padding-top: 0.5rem; |
| padding-bottom: 0.5rem; |
| } |
| |
| .navbar-collapse { |
| align-items: center; |
| width: 100%; |
| } |
| |
| .navbar-toggler { |
| padding: 0.25rem 0.75rem; |
| font-size: 1.25rem; |
| line-height: 1; |
| background-color: transparent; |
| border: 1px solid transparent; |
| transition: box-shadow 0.15s ease-in-out; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .navbar-toggler { |
| transition: none; |
| } |
| } |
| |
| .navbar-toggler:hover { |
| text-decoration: none; |
| } |
| |
| .navbar-toggler:focus { |
| text-decoration: none; |
| outline: 0; |
| box-shadow: 0 0 0 0.25rem; |
| } |
| |
| .navbar-toggler-icon { |
| display: inline-block; |
| width: 1.5em; |
| height: 1.5em; |
| vertical-align: middle; |
| background-repeat: no-repeat; |
| background-position: center; |
| background-size: 100%; |
| } |
| |
| @media (min-width: 576px) { |
| .navbar-expand-sm { |
| flex-wrap: nowrap; |
| justify-content: flex-start; |
| } |
| .navbar-expand-sm .navbar-nav { |
| flex-direction: row; |
| } |
| .navbar-expand-sm .navbar-nav .dropdown-menu { |
| position: absolute; |
| } |
| .navbar-expand-sm .navbar-nav .nav-link { |
| padding-right: 0.5rem; |
| padding-left: 0.5rem; |
| } |
| .navbar-expand-sm .navbar-collapse { |
| display: flex !important; |
| } |
| .navbar-expand-sm .navbar-toggler { |
| display: none; |
| } |
| } |
| |
| @media (min-width: 768px) { |
| .navbar-expand-md { |
| flex-wrap: nowrap; |
| justify-content: flex-start; |
| } |
| .navbar-expand-md .navbar-nav { |
| flex-direction: row; |
| } |
| .navbar-expand-md .navbar-nav .dropdown-menu { |
| position: absolute; |
| } |
| .navbar-expand-md .navbar-nav .nav-link { |
| padding-right: 0.5rem; |
| padding-left: 0.5rem; |
| } |
| .navbar-expand-md .navbar-collapse { |
| display: flex !important; |
| } |
| .navbar-expand-md .navbar-toggler { |
| display: none; |
| } |
| } |
| |
| @media (min-width: 992px) { |
| .navbar-expand-lg { |
| flex-wrap: nowrap; |
| justify-content: flex-start; |
| } |
| .navbar-expand-lg .navbar-nav { |
| flex-direction: row; |
| } |
| .navbar-expand-lg .navbar-nav .dropdown-menu { |
| position: absolute; |
| } |
| .navbar-expand-lg .navbar-nav .nav-link { |
| padding-right: 0.5rem; |
| padding-left: 0.5rem; |
| } |
| .navbar-expand-lg .navbar-collapse { |
| display: flex !important; |
| } |
| .navbar-expand-lg .navbar-toggler { |
| display: none; |
| } |
| } |
| |
| @media (min-width: 1200px) { |
| .navbar-expand-xl { |
| flex-wrap: nowrap; |
| justify-content: flex-start; |
| } |
| .navbar-expand-xl .navbar-nav { |
| flex-direction: row; |
| } |
| .navbar-expand-xl .navbar-nav .dropdown-menu { |
| position: absolute; |
| } |
| .navbar-expand-xl .navbar-nav .nav-link { |
| padding-right: 0.5rem; |
| padding-left: 0.5rem; |
| } |
| .navbar-expand-xl .navbar-collapse { |
| display: flex !important; |
| } |
| .navbar-expand-xl .navbar-toggler { |
| display: none; |
| } |
| } |
| |
| @media (min-width: 1400px) { |
| .navbar-expand-xxl { |
| flex-wrap: nowrap; |
| justify-content: flex-start; |
| } |
| .navbar-expand-xxl .navbar-nav { |
| flex-direction: row; |
| } |
| .navbar-expand-xxl .navbar-nav .dropdown-menu { |
| position: absolute; |
| } |
| .navbar-expand-xxl .navbar-nav .nav-link { |
| padding-right: 0.5rem; |
| padding-left: 0.5rem; |
| } |
| .navbar-expand-xxl .navbar-collapse { |
| display: flex !important; |
| } |
| .navbar-expand-xxl .navbar-toggler { |
| display: none; |
| } |
| } |
| |
| .navbar-expand { |
| flex-wrap: nowrap; |
| justify-content: flex-start; |
| } |
| |
| .navbar-expand .navbar-nav { |
| flex-direction: row; |
| } |
| |
| .navbar-expand .navbar-nav .dropdown-menu { |
| position: absolute; |
| } |
| |
| .navbar-expand .navbar-nav .nav-link { |
| padding-right: 0.5rem; |
| padding-left: 0.5rem; |
| } |
| |
| .navbar-expand .navbar-collapse { |
| display: flex !important; |
| } |
| |
| .navbar-expand .navbar-toggler { |
| display: none; |
| } |
| |
| .navbar-light .navbar-brand { |
| color: #d90; |
| } |
| |
| .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus { |
| color: #d90; |
| } |
| |
| .navbar-light .navbar-nav .nav-link { |
| color: #185722; |
| } |
| |
| .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus { |
| color: #d90; |
| } |
| |
| .navbar-light .navbar-nav .nav-link.disabled { |
| color: #788c94; |
| } |
| |
| .navbar-light .navbar-nav .show > .nav-link, |
| .navbar-light .navbar-nav .nav-link.active { |
| color: #d90; |
| } |
| |
| .navbar-light .navbar-toggler { |
| color: #185722; |
| border-color: rgba(0, 0, 0, 0.1); |
| } |
| |
| .navbar-light .navbar-toggler-icon { |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23185722' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); |
| } |
| |
| .navbar-light .navbar-text { |
| color: #185722; |
| } |
| |
| .navbar-light .navbar-text a, |
| .navbar-light .navbar-text a:hover, |
| .navbar-light .navbar-text a:focus { |
| color: #d90; |
| } |
| |
| .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.55); |
| } |
| |
| .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 .nav-link.active { |
| color: #fff; |
| } |
| |
| .navbar-dark .navbar-toggler { |
| color: rgba(255, 255, 255, 0.55); |
| border-color: rgba(255, 255, 255, 0.1); |
| } |
| |
| .navbar-dark .navbar-toggler-icon { |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e"); |
| } |
| |
| .navbar-dark .navbar-text { |
| color: rgba(255, 255, 255, 0.55); |
| } |
| |
| .navbar-dark .navbar-text a, |
| .navbar-dark .navbar-text a:hover, |
| .navbar-dark .navbar-text a:focus { |
| color: #fff; |
| } |
| |
| .card { |
| position: relative; |
| display: flex; |
| flex-direction: column; |
| min-width: 0; |
| word-wrap: break-word; |
| background-color: #fff; |
| background-clip: border-box; |
| border: 1px solid #e5e5e5; |
| } |
| |
| .card > hr { |
| margin-right: 0; |
| margin-left: 0; |
| } |
| |
| .card > .list-group { |
| border-top: inherit; |
| border-bottom: inherit; |
| } |
| |
| .card > .list-group:first-child { |
| border-top-width: 0; |
| } |
| |
| .card > .list-group:last-child { |
| border-bottom-width: 0; |
| } |
| |
| .card > .card-header + .list-group, |
| .card > .list-group + .card-footer { |
| border-top: 0; |
| } |
| |
| .card-body { |
| flex: 1 1 auto; |
| padding: 1rem 1rem; |
| } |
| |
| .card-title { |
| margin-bottom: 0.5rem; |
| } |
| |
| .card-subtitle { |
| margin-top: -0.25rem; |
| margin-bottom: 0; |
| } |
| |
| .card-text:last-child { |
| margin-bottom: 0; |
| } |
| |
| .card-link:hover { |
| text-decoration: none; |
| } |
| |
| .card-link + .card-link { |
| margin-left: 1rem; |
| } |
| |
| .card-header { |
| padding: 0.5rem 1rem; |
| margin-bottom: 0; |
| background-color: rgba(0, 0, 0, 0.03); |
| border-bottom: 1px solid #e5e5e5; |
| } |
| |
| .card-footer { |
| padding: 0.5rem 1rem; |
| background-color: rgba(0, 0, 0, 0.03); |
| border-top: 1px solid #e5e5e5; |
| } |
| |
| .card-header-tabs { |
| margin-right: -0.5rem; |
| margin-bottom: -0.5rem; |
| margin-left: -0.5rem; |
| border-bottom: 0; |
| } |
| |
| .card-header-pills { |
| margin-right: -0.5rem; |
| margin-left: -0.5rem; |
| } |
| |
| .card-img-overlay { |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| padding: 1rem; |
| } |
| |
| .card-img, |
| .card-img-top, |
| .card-img-bottom { |
| width: 100%; |
| } |
| |
| .card-group > .card { |
| margin-bottom: 0.75rem; |
| } |
| |
| @media (min-width: 576px) { |
| .card-group { |
| display: flex; |
| flex-flow: row wrap; |
| } |
| .card-group > .card { |
| flex: 1 0 0%; |
| margin-bottom: 0; |
| } |
| .card-group > .card + .card { |
| margin-left: 0; |
| border-left: 0; |
| } |
| } |
| |
| .accordion-button { |
| position: relative; |
| display: flex; |
| align-items: center; |
| width: 100%; |
| padding: 1rem 1.25rem; |
| font-size: 1rem; |
| color: #212529; |
| background-color: transparent; |
| border: 1px solid rgba(0, 0, 0, 0.125); |
| overflow-anchor: none; |
| transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .accordion-button { |
| transition: none; |
| } |
| } |
| |
| .accordion-button.collapsed { |
| border-bottom-width: 0; |
| } |
| |
| .accordion-button:not(.collapsed) { |
| color: #164e1f; |
| background-color: #e8eee9; |
| } |
| |
| .accordion-button:not(.collapsed)::after { |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23164e1f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); |
| transform: rotate(180deg); |
| } |
| |
| .accordion-button::after { |
| flex-shrink: 0; |
| width: 1.25rem; |
| height: 1.25rem; |
| margin-left: auto; |
| content: ""; |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); |
| background-repeat: no-repeat; |
| background-size: 1.25rem; |
| transition: transform 0.2s ease-in-out; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .accordion-button::after { |
| transition: none; |
| } |
| } |
| |
| .accordion-button:hover { |
| z-index: 2; |
| } |
| |
| .accordion-button:focus { |
| z-index: 3; |
| border-color: #8cab91; |
| outline: 0; |
| box-shadow: 0 0 0 0.25rem rgba(24, 87, 34, 0.25); |
| } |
| |
| .accordion-header { |
| margin-bottom: 0; |
| } |
| |
| .accordion-item:last-of-type .accordion-button.collapsed { |
| border-bottom-width: 1px; |
| } |
| |
| .accordion-item:last-of-type .accordion-collapse { |
| border-bottom-width: 1px; |
| } |
| |
| .accordion-collapse { |
| border: solid rgba(0, 0, 0, 0.125); |
| border-width: 0 1px; |
| } |
| |
| .accordion-body { |
| padding: 1rem 1.25rem; |
| } |
| |
| .accordion-flush .accordion-button { |
| border-right: 0; |
| border-left: 0; |
| } |
| |
| .accordion-flush .accordion-collapse { |
| border-width: 0; |
| } |
| |
| .accordion-flush .accordion-item:first-of-type .accordion-button { |
| border-top-width: 0; |
| } |
| |
| .accordion-flush .accordion-item:last-of-type .accordion-button.collapsed { |
| border-bottom-width: 0; |
| } |
| |
| .breadcrumb { |
| display: flex; |
| flex-wrap: wrap; |
| padding: 0.5rem 1rem; |
| margin-bottom: 1rem; |
| list-style: none; |
| background-color: #e3e4e5; |
| } |
| |
| .breadcrumb-item + .breadcrumb-item { |
| padding-left: 0.5rem; |
| } |
| |
| .breadcrumb-item + .breadcrumb-item::before { |
| float: left; |
| padding-right: 0.5rem; |
| color: #788c94; |
| content: "/"; |
| } |
| |
| .breadcrumb-item.active { |
| color: #788c94; |
| } |
| |
| .pagination { |
| display: flex; |
| padding-left: 0; |
| list-style: none; |
| } |
| |
| .page-link { |
| position: relative; |
| display: block; |
| color: #ce8636; |
| text-decoration: none; |
| background-color: #fff; |
| border: 1px solid #d7d7d7; |
| transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .page-link { |
| transition: none; |
| } |
| } |
| |
| .page-link:hover { |
| z-index: 2; |
| color: #8a5318; |
| background-color: #e3e4e5; |
| border-color: #d7d7d7; |
| } |
| |
| .page-link:focus { |
| z-index: 3; |
| color: #8a5318; |
| background-color: #e3e4e5; |
| outline: 0; |
| box-shadow: 0 0 0 0.25rem rgba(24, 87, 34, 0.25); |
| } |
| |
| .page-item:not(:first-child) .page-link { |
| margin-left: -1px; |
| } |
| |
| .page-item.active .page-link { |
| z-index: 3; |
| color: #fff; |
| background-color: theme-color("primary"); |
| border-color: theme-color("primary"); |
| } |
| |
| .page-item.disabled .page-link { |
| color: #788c94; |
| pointer-events: none; |
| background-color: #fff; |
| border-color: #d7d7d7; |
| } |
| |
| .page-link { |
| padding: 0.375rem 0.75rem; |
| } |
| |
| .pagination-lg .page-link { |
| padding: 0.75rem 1.5rem; |
| font-size: 1.25rem; |
| } |
| |
| .pagination-sm .page-link { |
| padding: 0.25rem 0.5rem; |
| font-size: 0.875rem; |
| } |
| |
| .badge { |
| display: inline-block; |
| padding: 0.35em 0.65em; |
| font-size: 0.75em; |
| font-weight: 700; |
| line-height: 1; |
| color: #fff; |
| text-align: center; |
| white-space: nowrap; |
| vertical-align: baseline; |
| } |
| |
| .badge:empty { |
| display: none; |
| } |
| |
| .btn .badge { |
| position: relative; |
| top: -1px; |
| } |
| |
| .alert { |
| position: relative; |
| padding: 1rem 1rem; |
| margin-bottom: 1rem; |
| border: 1px solid transparent; |
| } |
| |
| .alert-heading { |
| color: inherit; |
| } |
| |
| .alert-link { |
| font-weight: 700; |
| } |
| |
| .alert-dismissible { |
| padding-right: 3rem; |
| } |
| |
| .alert-dismissible .btn-close { |
| position: absolute; |
| top: 0; |
| right: 0; |
| z-index: 2; |
| padding: 1.25rem 1rem; |
| } |
| |
| .alert-primary { |
| color: #0e3414; |
| background-color: #d1ddd3; |
| border-color: #bacdbd; |
| } |
| |
| .alert-primary .alert-link { |
| color: #0b2a10; |
| } |
| |
| .alert-secondary { |
| color: #565656; |
| background-color: #f7f7f7; |
| border-color: #f3f3f3; |
| } |
| |
| .alert-secondary .alert-link { |
| color: #454545; |
| } |
| |
| .alert-success { |
| color: #11621e; |
| background-color: #d2edd6; |
| border-color: #bbe3c2; |
| } |
| |
| .alert-success .alert-link { |
| color: #0e4e18; |
| } |
| |
| .alert-info { |
| color: #377385; |
| background-color: #def2f8; |
| border-color: #ceecf5; |
| } |
| |
| .alert-info .alert-link { |
| color: #2c5c6a; |
| } |
| |
| .alert-warning { |
| color: #60451f; |
| background-color: #fcefdc; |
| border-color: #fbe6ca; |
| } |
| |
| .alert-warning .alert-link { |
| color: #4d3719; |
| } |
| |
| .alert-danger { |
| color: #7f0026; |
| background-color: #f6ccd9; |
| border-color: #f2b3c6; |
| } |
| |
| .alert-danger .alert-link { |
| color: #66001e; |
| } |
| |
| .alert-light { |
| color: #636363; |
| background-color: #fdfdfd; |
| border-color: #fdfdfd; |
| } |
| |
| .alert-light .alert-link { |
| color: #4f4f4f; |
| } |
| |
| .alert-dark { |
| color: #1e1e1e; |
| background-color: #d6d6d6; |
| border-color: #c2c2c2; |
| } |
| |
| .alert-dark .alert-link { |
| color: #181818; |
| } |
| |
| @-webkit-keyframes progress-bar-stripes { |
| 0% { |
| background-position-x: 1rem; |
| } |
| } |
| |
| @keyframes progress-bar-stripes { |
| 0% { |
| background-position-x: 1rem; |
| } |
| } |
| |
| .progress { |
| display: flex; |
| height: 1rem; |
| overflow: hidden; |
| font-size: 0.75rem; |
| background-color: #e3e4e5; |
| } |
| |
| .progress-bar { |
| display: flex; |
| flex-direction: column; |
| justify-content: center; |
| overflow: hidden; |
| color: #d90; |
| text-align: center; |
| white-space: nowrap; |
| background-color: #d90; |
| transition: width 0.6s ease; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .progress-bar { |
| transition: none; |
| } |
| } |
| |
| .progress-bar-striped { |
| background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); |
| background-size: 1rem 1rem; |
| } |
| |
| .progress-bar-animated { |
| -webkit-animation: 1s linear infinite progress-bar-stripes; |
| animation: 1s linear infinite progress-bar-stripes; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .progress-bar-animated { |
| -webkit-animation: none; |
| animation: none; |
| } |
| } |
| |
| .list-group { |
| display: flex; |
| flex-direction: column; |
| padding-left: 0; |
| margin-bottom: 0; |
| } |
| |
| .list-group-item-action { |
| width: 100%; |
| color: #55595c; |
| text-align: inherit; |
| } |
| |
| .list-group-item-action:hover, .list-group-item-action:focus { |
| z-index: 1; |
| color: #55595c; |
| text-decoration: none; |
| background-color: #f7f7f7; |
| } |
| |
| .list-group-item-action:active { |
| color: #212529; |
| background-color: #e3e4e5; |
| } |
| |
| .list-group-item { |
| position: relative; |
| display: block; |
| padding: 0.5rem 1rem; |
| text-decoration: none; |
| background-color: #fff; |
| border: 1px solid rgba(0, 0, 0, 0.125); |
| } |
| |
| .list-group-item.disabled, .list-group-item:disabled { |
| color: #788c94; |
| pointer-events: none; |
| background-color: #fff; |
| } |
| |
| .list-group-item.active { |
| z-index: 2; |
| color: #fff; |
| background-color: #185722; |
| border-color: #185722; |
| } |
| |
| .list-group-item + .list-group-item { |
| border-top-width: 0; |
| } |
| |
| .list-group-item + .list-group-item.active { |
| margin-top: -1px; |
| border-top-width: 1px; |
| } |
| |
| .list-group-horizontal { |
| flex-direction: row; |
| } |
| |
| .list-group-horizontal > .list-group-item.active { |
| margin-top: 0; |
| } |
| |
| .list-group-horizontal > .list-group-item + .list-group-item { |
| border-top-width: 1px; |
| border-left-width: 0; |
| } |
| |
| .list-group-horizontal > .list-group-item + .list-group-item.active { |
| margin-left: -1px; |
| border-left-width: 1px; |
| } |
| |
| @media (min-width: 576px) { |
| .list-group-horizontal-sm { |
| flex-direction: row; |
| } |
| .list-group-horizontal-sm > .list-group-item.active { |
| margin-top: 0; |
| } |
| .list-group-horizontal-sm > .list-group-item + .list-group-item { |
| border-top-width: 1px; |
| border-left-width: 0; |
| } |
| .list-group-horizontal-sm > .list-group-item + .list-group-item.active { |
| margin-left: -1px; |
| border-left-width: 1px; |
| } |
| } |
| |
| @media (min-width: 768px) { |
| .list-group-horizontal-md { |
| flex-direction: row; |
| } |
| .list-group-horizontal-md > .list-group-item.active { |
| margin-top: 0; |
| } |
| .list-group-horizontal-md > .list-group-item + .list-group-item { |
| border-top-width: 1px; |
| border-left-width: 0; |
| } |
| .list-group-horizontal-md > .list-group-item + .list-group-item.active { |
| margin-left: -1px; |
| border-left-width: 1px; |
| } |
| } |
| |
| @media (min-width: 992px) { |
| .list-group-horizontal-lg { |
| flex-direction: row; |
| } |
| .list-group-horizontal-lg > .list-group-item.active { |
| margin-top: 0; |
| } |
| .list-group-horizontal-lg > .list-group-item + .list-group-item { |
| border-top-width: 1px; |
| border-left-width: 0; |
| } |
| .list-group-horizontal-lg > .list-group-item + .list-group-item.active { |
| margin-left: -1px; |
| border-left-width: 1px; |
| } |
| } |
| |
| @media (min-width: 1200px) { |
| .list-group-horizontal-xl { |
| flex-direction: row; |
| } |
| .list-group-horizontal-xl > .list-group-item.active { |
| margin-top: 0; |
| } |
| .list-group-horizontal-xl > .list-group-item + .list-group-item { |
| border-top-width: 1px; |
| border-left-width: 0; |
| } |
| .list-group-horizontal-xl > .list-group-item + .list-group-item.active { |
| margin-left: -1px; |
| border-left-width: 1px; |
| } |
| } |
| |
| @media (min-width: 1400px) { |
| .list-group-horizontal-xxl { |
| flex-direction: row; |
| } |
| .list-group-horizontal-xxl > .list-group-item.active { |
| margin-top: 0; |
| } |
| .list-group-horizontal-xxl > .list-group-item + .list-group-item { |
| border-top-width: 1px; |
| border-left-width: 0; |
| } |
| .list-group-horizontal-xxl > .list-group-item + .list-group-item.active { |
| margin-left: -1px; |
| border-left-width: 1px; |
| } |
| } |
| |
| .list-group-flush > .list-group-item { |
| border-width: 0 0 1px; |
| } |
| |
| .list-group-flush > .list-group-item:last-child { |
| border-bottom-width: 0; |
| } |
| |
| .list-group-item-primary { |
| color: #0e3414; |
| background-color: #d1ddd3; |
| } |
| |
| .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus { |
| color: #0e3414; |
| background-color: #bcc7be; |
| } |
| |
| .list-group-item-primary.list-group-item-action.active { |
| color: #fff; |
| background-color: #0e3414; |
| border-color: #0e3414; |
| } |
| |
| .list-group-item-secondary { |
| color: #565656; |
| background-color: #f7f7f7; |
| } |
| |
| .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus { |
| color: #565656; |
| background-color: #dedede; |
| } |
| |
| .list-group-item-secondary.list-group-item-action.active { |
| color: #fff; |
| background-color: #565656; |
| border-color: #565656; |
| } |
| |
| .list-group-item-success { |
| color: #11621e; |
| background-color: #d2edd6; |
| } |
| |
| .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus { |
| color: #11621e; |
| background-color: #bdd5c1; |
| } |
| |
| .list-group-item-success.list-group-item-action.active { |
| color: #fff; |
| background-color: #11621e; |
| border-color: #11621e; |
| } |
| |
| .list-group-item-info { |
| color: #377385; |
| background-color: #def2f8; |
| } |
| |
| .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus { |
| color: #377385; |
| background-color: #c8dadf; |
| } |
| |
| .list-group-item-info.list-group-item-action.active { |
| color: #fff; |
| background-color: #377385; |
| border-color: #377385; |
| } |
| |
| .list-group-item-warning { |
| color: #60451f; |
| background-color: #fcefdc; |
| } |
| |
| .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus { |
| color: #60451f; |
| background-color: #e3d7c6; |
| } |
| |
| .list-group-item-warning.list-group-item-action.active { |
| color: #fff; |
| background-color: #60451f; |
| border-color: #60451f; |
| } |
| |
| .list-group-item-danger { |
| color: #7f0026; |
| background-color: #f6ccd9; |
| } |
| |
| .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus { |
| color: #7f0026; |
| background-color: #ddb8c3; |
| } |
| |
| .list-group-item-danger.list-group-item-action.active { |
| color: #fff; |
| background-color: #7f0026; |
| border-color: #7f0026; |
| } |
| |
| .list-group-item-light { |
| color: #636363; |
| background-color: #fdfdfd; |
| } |
| |
| .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus { |
| color: #636363; |
| background-color: #e4e4e4; |
| } |
| |
| .list-group-item-light.list-group-item-action.active { |
| color: #fff; |
| background-color: #636363; |
| border-color: #636363; |
| } |
| |
| .list-group-item-dark { |
| color: #1e1e1e; |
| background-color: #d6d6d6; |
| } |
| |
| .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus { |
| color: #1e1e1e; |
| background-color: #c1c1c1; |
| } |
| |
| .list-group-item-dark.list-group-item-action.active { |
| color: #fff; |
| background-color: #1e1e1e; |
| border-color: #1e1e1e; |
| } |
| |
| .btn-close { |
| box-sizing: content-box; |
| width: 1em; |
| height: 1em; |
| padding: 0.25em 0.25em; |
| color: #000; |
| background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; |
| border: 0; |
| opacity: 0.5; |
| } |
| |
| .btn-close:hover { |
| color: #000; |
| text-decoration: none; |
| opacity: 0.75; |
| } |
| |
| .btn-close:focus { |
| outline: none; |
| box-shadow: 0 0 0 0.25rem rgba(24, 87, 34, 0.25); |
| opacity: 1; |
| } |
| |
| .btn-close:disabled, .btn-close.disabled { |
| pointer-events: none; |
| -webkit-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| opacity: 0.25; |
| } |
| |
| .btn-close-white { |
| filter: invert(1) grayscale(100%) brightness(200%); |
| } |
| |
| .toast { |
| max-width: 350px; |
| font-size: 0.875rem; |
| background-color: rgba(255, 255, 255, 0.85); |
| background-clip: padding-box; |
| border: 1px solid rgba(0, 0, 0, 0.1); |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); |
| opacity: 0; |
| } |
| |
| .toast:not(:last-child) { |
| margin-bottom: 0.75rem; |
| } |
| |
| .toast.showing { |
| opacity: 1; |
| } |
| |
| .toast.show { |
| display: block; |
| opacity: 1; |
| } |
| |
| .toast.hide { |
| display: none; |
| } |
| |
| .toast-header { |
| display: flex; |
| align-items: center; |
| padding: 0.5rem 0.75rem; |
| color: #788c94; |
| background-color: rgba(255, 255, 255, 0.85); |
| background-clip: padding-box; |
| border-bottom: 1px solid rgba(0, 0, 0, 0.05); |
| } |
| |
| .toast-header .btn-close { |
| margin-right: -0.375rem; |
| margin-left: 0.75rem; |
| } |
| |
| .toast-body { |
| padding: 0.75rem; |
| } |
| |
| .modal-open { |
| overflow: hidden; |
| } |
| |
| .modal-open .modal { |
| overflow-x: hidden; |
| overflow-y: auto; |
| } |
| |
| .modal { |
| position: fixed; |
| top: 0; |
| left: 0; |
| z-index: 1050; |
| display: none; |
| width: 100%; |
| height: 100%; |
| overflow: hidden; |
| outline: 0; |
| } |
| |
| .modal-dialog { |
| position: relative; |
| width: auto; |
| margin: 0.5rem; |
| pointer-events: none; |
| } |
| |
| .modal.fade .modal-dialog { |
| transition: transform 0.3s ease-out; |
| transform: translate(0, -50px); |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .modal.fade .modal-dialog { |
| transition: none; |
| } |
| } |
| |
| .modal.show .modal-dialog { |
| transform: none; |
| } |
| |
| .modal.modal-static .modal-dialog { |
| transform: scale(1.02); |
| } |
| |
| .modal-dialog-scrollable { |
| height: calc(100% - 1rem); |
| } |
| |
| .modal-dialog-scrollable .modal-content { |
| max-height: 100%; |
| overflow: hidden; |
| } |
| |
| .modal-dialog-scrollable .modal-body { |
| overflow-y: auto; |
| } |
| |
| .modal-dialog-centered { |
| display: flex; |
| align-items: center; |
| min-height: calc(100% - 1rem); |
| } |
| |
| .modal-content { |
| position: relative; |
| display: flex; |
| flex-direction: column; |
| width: 100%; |
| pointer-events: auto; |
| background-color: #fff; |
| background-clip: padding-box; |
| border: 1px solid rgba(0, 0, 0, 0.2); |
| outline: 0; |
| } |
| |
| .modal-backdrop { |
| position: fixed; |
| top: 0; |
| left: 0; |
| z-index: 1040; |
| width: 100vw; |
| height: 100vh; |
| background-color: #000; |
| } |
| |
| .modal-backdrop.fade { |
| opacity: 0; |
| } |
| |
| .modal-backdrop.show { |
| opacity: 0.5; |
| } |
| |
| .modal-header { |
| display: flex; |
| flex-shrink: 0; |
| align-items: center; |
| justify-content: space-between; |
| padding: 1rem 1rem; |
| border-bottom: 1px solid #d7d7d7; |
| } |
| |
| .modal-header .btn-close { |
| padding: 0.5rem 0.5rem; |
| margin: -0.5rem -0.5rem -0.5rem auto; |
| } |
| |
| .modal-title { |
| margin-bottom: 0; |
| line-height: 1.3; |
| } |
| |
| .modal-body { |
| position: relative; |
| flex: 1 1 auto; |
| padding: 1rem; |
| } |
| |
| .modal-footer { |
| display: flex; |
| flex-wrap: wrap; |
| flex-shrink: 0; |
| align-items: center; |
| justify-content: flex-end; |
| padding: 0.75rem; |
| border-top: 1px solid #d7d7d7; |
| } |
| |
| .modal-footer > * { |
| margin: 0.25rem; |
| } |
| |
| .modal-scrollbar-measure { |
| position: absolute; |
| top: -9999px; |
| width: 50px; |
| height: 50px; |
| overflow: scroll; |
| } |
| |
| @media (min-width: 576px) { |
| .modal-dialog { |
| max-width: 600px; |
| margin: 1.75rem auto; |
| } |
| .modal-dialog-scrollable { |
| height: calc(100% - 3.5rem); |
| } |
| .modal-dialog-centered { |
| min-height: calc(100% - 3.5rem); |
| } |
| .modal-sm { |
| max-width: 300px; |
| } |
| } |
| |
| @media (min-width: 992px) { |
| .modal-lg, |
| .modal-xl { |
| max-width: 900px; |
| } |
| } |
| |
| @media (min-width: 1200px) { |
| .modal-xl { |
| max-width: 1140px; |
| } |
| } |
| |
| .modal-fullscreen { |
| width: 100vw; |
| max-width: none; |
| height: 100%; |
| margin: 0; |
| } |
| |
| .modal-fullscreen .modal-content { |
| height: 100%; |
| border: 0; |
| } |
| |
| .modal-fullscreen .modal-body { |
| overflow-y: auto; |
| } |
| |
| @media (max-width: 575.98px) { |
| .modal-fullscreen-sm-down { |
| width: 100vw; |
| max-width: none; |
| height: 100%; |
| margin: 0; |
| } |
| .modal-fullscreen-sm-down .modal-content { |
| height: 100%; |
| border: 0; |
| } |
| .modal-fullscreen-sm-down .modal-body { |
| overflow-y: auto; |
| } |
| } |
| |
| @media (max-width: 767.98px) { |
| .modal-fullscreen-md-down { |
| width: 100vw; |
| max-width: none; |
| height: 100%; |
| margin: 0; |
| } |
| .modal-fullscreen-md-down .modal-content { |
| height: 100%; |
| border: 0; |
| } |
| .modal-fullscreen-md-down .modal-body { |
| overflow-y: auto; |
| } |
| } |
| |
| @media (max-width: 991.98px) { |
| .modal-fullscreen-lg-down { |
| width: 100vw; |
| max-width: none; |
| height: 100%; |
| margin: 0; |
| } |
| .modal-fullscreen-lg-down .modal-content { |
| height: 100%; |
| border: 0; |
| } |
| .modal-fullscreen-lg-down .modal-body { |
| overflow-y: auto; |
| } |
| } |
| |
| @media (max-width: 1199.98px) { |
| .modal-fullscreen-xl-down { |
| width: 100vw; |
| max-width: none; |
| height: 100%; |
| margin: 0; |
| } |
| .modal-fullscreen-xl-down .modal-content { |
| height: 100%; |
| border: 0; |
| } |
| .modal-fullscreen-xl-down .modal-body { |
| overflow-y: auto; |
| } |
| } |
| |
| @media (max-width: 1399.98px) { |
| .modal-fullscreen-xxl-down { |
| width: 100vw; |
| max-width: none; |
| height: 100%; |
| margin: 0; |
| } |
| .modal-fullscreen-xxl-down .modal-content { |
| height: 100%; |
| border: 0; |
| } |
| .modal-fullscreen-xxl-down .modal-body { |
| overflow-y: auto; |
| } |
| } |
| |
| .tooltip { |
| position: absolute; |
| z-index: 1070; |
| display: block; |
| margin: 0; |
| font-family: verdana, sans-serif; |
| font-style: normal; |
| font-weight: 400; |
| line-height: 1.5; |
| text-align: left; |
| text-align: start; |
| text-decoration: none; |
| text-shadow: none; |
| text-transform: none; |
| letter-spacing: normal; |
| word-break: normal; |
| 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: #185722; |
| } |
| |
| .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: #185722; |
| } |
| |
| .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: #185722; |
| } |
| |
| .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: #185722; |
| } |
| |
| .tooltip-inner { |
| max-width: 200px; |
| padding: 0.25rem 0.5rem; |
| color: #fff; |
| text-align: center; |
| background-color: #185722; |
| } |
| |
| .popover { |
| position: absolute; |
| top: 0; |
| left: 0; |
| z-index: 1060; |
| display: block; |
| max-width: 276px; |
| font-family: verdana, sans-serif; |
| font-style: normal; |
| font-weight: 400; |
| line-height: 1.5; |
| text-align: left; |
| text-align: start; |
| text-decoration: none; |
| text-shadow: none; |
| text-transform: none; |
| letter-spacing: normal; |
| word-break: normal; |
| 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); |
| } |
| |
| .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); |
| } |
| |
| .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); |
| 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); |
| } |
| |
| .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 #f0f0f0; |
| } |
| |
| .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); |
| 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 1rem; |
| margin-bottom: 0; |
| font-size: 1rem; |
| background-color: #f0f0f0; |
| border-bottom: 1px solid #d8d8d8; |
| } |
| |
| .popover-header:empty { |
| display: none; |
| } |
| |
| .popover-body { |
| padding: 1rem 1rem; |
| color: #212529; |
| } |
| |
| .carousel { |
| position: relative; |
| } |
| |
| .carousel.pointer-event { |
| touch-action: pan-y; |
| } |
| |
| .carousel-inner { |
| position: relative; |
| width: 100%; |
| overflow: hidden; |
| } |
| |
| .carousel-inner::after { |
| display: block; |
| clear: both; |
| content: ""; |
| } |
| |
| .carousel-item { |
| position: relative; |
| display: none; |
| float: left; |
| width: 100%; |
| margin-right: -100%; |
| -webkit-backface-visibility: hidden; |
| backface-visibility: hidden; |
| transition: transform 0.6s ease-in-out; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .carousel-item { |
| transition: none; |
| } |
| } |
| |
| .carousel-item.active, |
| .carousel-item-next, |
| .carousel-item-prev { |
| display: block; |
| } |
| |
| .carousel-item-next:not(.carousel-item-left), |
| .active.carousel-item-right { |
| transform: translateX(100%); |
| } |
| |
| .carousel-item-prev:not(.carousel-item-right), |
| .active.carousel-item-left { |
| transform: translateX(-100%); |
| } |
| |
| .carousel-fade .carousel-item { |
| opacity: 0; |
| transition-property: opacity; |
| transform: none; |
| } |
| |
| .carousel-fade .carousel-item.active, |
| .carousel-fade .carousel-item-next.carousel-item-left, |
| .carousel-fade .carousel-item-prev.carousel-item-right { |
| z-index: 1; |
| opacity: 1; |
| } |
| |
| .carousel-fade .active.carousel-item-left, |
| .carousel-fade .active.carousel-item-right { |
| z-index: 0; |
| opacity: 0; |
| transition: opacity 0s 0.6s; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .carousel-fade .active.carousel-item-left, |
| .carousel-fade .active.carousel-item-right { |
| transition: none; |
| } |
| } |
| |
| .carousel-control-prev, |
| .carousel-control-next { |
| position: absolute; |
| top: 0; |
| bottom: 0; |
| z-index: 1; |
| display: flex; |
| align-items: center; |
| justify-content: center; |
| width: 15%; |
| color: #fff; |
| text-align: center; |
| opacity: 0.5; |
| transition: opacity 0.15s ease; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .carousel-control-prev, |
| .carousel-control-next { |
| transition: none; |
| } |
| } |
| |
| .carousel-control-prev:hover, .carousel-control-prev:focus, |
| .carousel-control-next:hover, |
| .carousel-control-next:focus { |
| color: #fff; |
| text-decoration: none; |
| outline: 0; |
| opacity: 0.9; |
| } |
| |
| .carousel-control-prev { |
| left: 0; |
| } |
| |
| .carousel-control-next { |
| right: 0; |
| } |
| |
| .carousel-control-prev-icon, |
| .carousel-control-next-icon { |
| display: inline-block; |
| width: 2rem; |
| height: 2rem; |
| background-repeat: no-repeat; |
| background-position: 50%; |
| background-size: 100% 100%; |
| } |
| |
| .carousel-control-prev-icon { |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e"); |
| } |
| |
| .carousel-control-next-icon { |
| background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); |
| } |
| |
| .carousel-indicators { |
| position: absolute; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| z-index: 2; |
| display: flex; |
| justify-content: center; |
| padding-left: 0; |
| margin-right: 15%; |
| margin-left: 15%; |
| list-style: none; |
| } |
| |
| .carousel-indicators li { |
| box-sizing: content-box; |
| flex: 0 1 auto; |
| width: 30px; |
| height: 3px; |
| margin-right: 3px; |
| margin-left: 3px; |
| text-indent: -999px; |
| cursor: pointer; |
| background-color: #fff; |
| background-clip: padding-box; |
| border-top: 10px solid transparent; |
| border-bottom: 10px solid transparent; |
| opacity: 0.5; |
| transition: opacity 0.6s ease; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .carousel-indicators li { |
| transition: none; |
| } |
| } |
| |
| .carousel-indicators .active { |
| opacity: 1; |
| } |
| |
| .carousel-caption { |
| position: absolute; |
| right: 15%; |
| bottom: 1.25rem; |
| left: 15%; |
| padding-top: 1.25rem; |
| padding-bottom: 1.25rem; |
| color: #fff; |
| text-align: center; |
| } |
| |
| .carousel-dark .carousel-control-prev-icon, |
| .carousel-dark .carousel-control-next-icon { |
| filter: invert(1) grayscale(100); |
| } |
| |
| .carousel-dark .carousel-indicators li { |
| background-color: #000; |
| } |
| |
| .carousel-dark .carousel-caption { |
| color: #000; |
| } |
| |
| @-webkit-keyframes spinner-border { |
| to { |
| transform: rotate(360deg); |
| } |
| } |
| |
| @keyframes spinner-border { |
| to { |
| transform: rotate(360deg); |
| } |
| } |
| |
| .spinner-border { |
| display: inline-block; |
| width: 2rem; |
| height: 2rem; |
| vertical-align: text-bottom; |
| border: 0.25em solid currentColor; |
| border-right-color: transparent; |
| border-radius: 50%; |
| -webkit-animation: 0.75s linear infinite spinner-border; |
| animation: 0.75s linear infinite spinner-border; |
| } |
| |
| .spinner-border-sm { |
| width: 1rem; |
| height: 1rem; |
| border-width: 0.2em; |
| } |
| |
| @-webkit-keyframes spinner-grow { |
| 0% { |
| transform: scale(0); |
| } |
| 50% { |
| opacity: 1; |
| transform: none; |
| } |
| } |
| |
| @keyframes spinner-grow { |
| 0% { |
| transform: scale(0); |
| } |
| 50% { |
| opacity: 1; |
| transform: none; |
| } |
| } |
| |
| .spinner-grow { |
| display: inline-block; |
| width: 2rem; |
| height: 2rem; |
| vertical-align: text-bottom; |
| background-color: currentColor; |
| border-radius: 50%; |
| opacity: 0; |
| -webkit-animation: 0.75s linear infinite spinner-grow; |
| animation: 0.75s linear infinite spinner-grow; |
| } |
| |
| .spinner-grow-sm { |
| width: 1rem; |
| height: 1rem; |
| } |
| |
| @media (prefers-reduced-motion: reduce) { |
| .spinner-border, |
| .spinner-grow { |
| -webkit-animation-duration: 1.5s; |
| animation-duration: 1.5s; |
| } |
| } |
| |
| .clearfix::after { |
| display: block; |
| clear: both; |
| content: ""; |
| } |
| |
| .link-primary { |
| color: #185722; |
| } |
| |
| .link-primary:hover, .link-primary:focus { |
| color: #13461b; |
| } |
| |
| .link-secondary { |
| color: #d7d7d7; |
| } |
| |
| .link-secondary:hover, .link-secondary:focus { |
| color: #dfdfdf; |
| } |
| |
| .link-success { |
| color: #1da332; |
| } |
| |
| .link-success:hover, .link-success:focus { |
| color: #4ab55b; |
| } |
| |
| .link-info { |
| color: #5bc0de; |
| } |
| |
| .link-info:hover, .link-info:focus { |
| color: #7ccde5; |
| } |
| |
| .link-warning { |
| color: #f0ad4e; |
| } |
| |
| .link-warning:hover, .link-warning:focus { |
| color: #f3bd71; |
| } |
| |
| .link-danger { |
| color: #d30040; |
| } |
| |
| .link-danger:hover, .link-danger:focus { |
| color: #a90033; |
| } |
| |
| .link-light { |
| color: #f7f7f7; |
| } |
| |
| .link-light:hover, .link-light:focus { |
| color: #f9f9f9; |
| } |
| |
| .link-dark { |
| color: #323232; |
| } |
| |
| .link-dark:hover, .link-dark:focus { |
| color: #282828; |
| } |
| |
| .ratio { |
| position: relative; |
| width: 100%; |
| } |
| |
| .ratio::before { |
| display: block; |
| padding-top: var(--aspect-ratio); |
| content: ""; |
| } |
| |
| .ratio > * { |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| } |
| |
| .ratio-1x1 { |
| --aspect-ratio: 100%; |
| } |
| |
| .ratio-4x3 { |
| --aspect-ratio: calc(3 / 4 * 100%); |
| } |
| |
| .ratio-16x9 { |
| --aspect-ratio: calc(9 / 16 * 100%); |
| } |
| |
| .ratio-21x9 { |
| --aspect-ratio: calc(9 / 21 * 100%); |
| } |
| |
| .fixed-top { |
| position: fixed; |
| top: 0; |
| right: 0; |
| left: 0; |
| z-index: 1030; |
| } |
| |
| .fixed-bottom { |
| position: fixed; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| z-index: 1030; |
| } |
| |
| .sticky-top { |
| position: -webkit-sticky; |
| position: sticky; |
| top: 0; |
| z-index: 1020; |
| } |
| |
| @media (min-width: 576px) { |
| .sticky-sm-top { |
| position: -webkit-sticky; |
| position: sticky; |
| top: 0; |
| z-index: 1020; |
| } |
| } |
| |
| @media (min-width: 768px) { |
| .sticky-md-top { |
| position: -webkit-sticky; |
| position: sticky; |
| top: 0; |
| z-index: 1020; |
| } |
| } |
| |
| @media (min-width: 992px) { |
| .sticky-lg-top { |
| position: -webkit-sticky; |
| position: sticky; |
| top: 0; |
| z-index: 1020; |
| } |
| } |
| |
| @media (min-width: 1200px) { |
| .sticky-xl-top { |
| position: -webkit-sticky; |
| position: sticky; |
| top: 0; |
| z-index: 1020; |
| } |
| } |
| |
| @media (min-width: 1400px) { |
| .sticky-xxl-top { |
| position: -webkit-sticky; |
| position: sticky; |
| top: 0; |
| z-index: 1020; |
| } |
| } |
| |
| .visually-hidden, |
| .visually-hidden-focusable:not(:focus) { |
| position: absolute !important; |
| width: 1px !important; |
| height: 1px !important; |
| padding: 0 !important; |
| margin: -1px !important; |
| overflow: hidden !important; |
| clip: rect(0, 0, 0, 0) !important; |
| white-space: nowrap !important; |
| border: 0 !important; |
| } |
| |
| .stretched-link::after { |
| position: absolute; |
| top: 0; |
| right: 0; |
| bottom: 0; |
| left: 0; |
| z-index: 1; |
| content: ""; |
| } |
| |
| .text-truncate { |
| overflow: hidden; |
| text-overflow: ellipsis; |
| white-space: nowrap; |
| } |
| |
| .align-baseline { |
| vertical-align: baseline !important; |
| } |
| |
| .align-top { |
| vertical-align: top !important; |
| } |
| |
| .align-middle { |
| vertical-align: middle !important; |
| } |
| |
| .align-bottom { |
| vertical-align: bottom !important; |
| } |
| |
| .align-text-bottom { |
| vertical-align: text-bottom !important; |
| } |
| |
| .align-text-top { |
| vertical-align: text-top !important; |
| } |
| |
| .float-left { |
| float: left !important; |
| } |
| |
| .float-right { |
| float: right !important; |
| } |
| |
| .float-none { |
| float: none !important; |
| } |
| |
| .overflow-auto { |
| overflow: auto !important; |
| } |
| |
| .overflow-hidden { |
| overflow: hidden !important; |
| } |
| |
| .overflow-visible { |
| overflow: visible !important; |
| } |
| |
| .overflow-scroll { |
| overflow: scroll !important; |
| } |
| |
| .d-inline { |
| display: inline !important; |
| } |
| |
| .d-inline-block { |
| display: inline-block !important; |
| } |
| |
| .d-block { |
| display: block !important; |
| } |
| |
| .d-grid { |
| display: grid !important; |
| } |
| |
| .d-table { |
| display: table !important; |
| } |
| |
| .d-table-row { |
| display: table-row !important; |
| } |
| |
| .d-table-cell { |
| display: table-cell !important; |
| } |
| |
| .d-flex { |
| display: flex !important; |
| } |
| |
| .d-inline-flex { |
| display: inline-flex !important; |
| } |
| |
| .d-none { |
| display: none !important; |
| } |
| |
| .shadow { |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important; |
| } |
| |
| .shadow-sm { |
| box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important; |
| } |
| |
| .shadow-lg { |
| box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; |
| } |
| |
| .shadow-none { |
| box-shadow: none !important; |
| } |
| |
| .position-static { |
| position: static !important; |
| } |
| |
| .position-relative { |
| position: relative !important; |
| } |
| |
| .position-absolute { |
| position: absolute !important; |
| } |
| |
| .position-fixed { |
| position: fixed !important; |
| } |
| |
| .position-sticky { |
| position: -webkit-sticky !important; |
| position: sticky !important; |
| } |
| |
| .top-0 { |
| top: 0 !important; |
| } |
| |
| .top-50 { |
| top: 50% !important; |
| } |
| |
| .top-100 { |
| top: 100% !important; |
| } |
| |
| .bottom-0 { |
| bottom: 0 !important; |
| } |
| |
| .bottom-50 { |
| bottom: 50% !important; |
| } |
| |
| .bottom-100 { |
| bottom: 100% !important; |
| } |
| |
| .left-0 { |
| left: 0 !important; |
| } |
| |
| .left-50 { |
| left: 50% !important; |
| } |
| |
| .left-100 { |
| left: 100% !important; |
| } |
| |
| .right-0 { |
| right: 0 !important; |
| } |
| |
| .right-50 { |
| right: 50% !important; |
| } |
| |
| .right-100 { |
| right: 100% !important; |
| } |
| |
| .translate-middle { |
| transform: translateX(-50%) translateY(-50%) !important; |
| } |
| |
| .border { |
| border: 1px solid #d7d7d7 !important; |
| } |
| |
| .border-0 { |
| border: 0 !important; |
| } |
| |
| .border-top { |
| border-top: 1px solid #d7d7d7 !important; |
| } |
| |
| .border-top-0 { |
| border-top: 0 !important; |
| } |
| |
| .border-right { |
| border-right: 1px solid #d7d7d7 !important; |
| } |
| |
| .border-right-0 { |
| border-right: 0 !important; |
| } |
| |
| .border-bottom { |
| border-bottom: 1px solid #d7d7d7 !important; |
| } |
| |
| .border-bottom-0 { |
| border-bottom: 0 !important; |
| } |
| |
| .border-left { |
| border-left: 1px solid #d7d7d7 !important; |
| } |
| |
| .border-left-0 { |
| border-left: 0 !important; |
| } |
| |
| .border-primary { |
| border-color: #185722 !important; |
| } |
| |
| .border-secondary { |
| border-color: #d7d7d7 !important; |
| } |
| |
| .border-success { |
| border-color: #1da332 !important; |
| } |
| |
| .border-info { |
| border-color: #5bc0de !important; |
| } |
| |
| .border-warning { |
| border-color: #f0ad4e !important; |
| } |
| |
| .border-danger { |
| border-color: #d30040 !important; |
| } |
| |
| .border-light { |
| border-color: #f7f7f7 !important; |
| } |
| |
| .border-dark { |
| border-color: #323232 !important; |
| } |
| |
| .border-white { |
| border-color: #fff !important; |
| } |
| |
| .border-0 { |
| border-width: 0 !important; |
| } |
| |
| .border-1 { |
| border-width: 1px !important; |
| } |
| |
| .border-2 { |
| border-width: 2px !important; |
| } |
| |
| .border-3 { |
| border-width: 3px !important; |
| } |
| |
| .border-4 { |
| border-width: 4px !important; |
| } |
| |
| .border-5 { |
| border-width: 5px !important; |
| } |
| |
| .w-25 { |
| width: 25% !important; |
| } |
| |
| .w-50 { |
| width: 50% !important; |
| } |
| |
| .w-75 { |
| width: 75% !important; |
| } |
| |
| .w-100 { |
| width: 100% !important; |
| } |
| |
| .w-auto { |
| width: auto !important; |
| } |
| |
| .mw-100 { |
| max-width: 100% !important; |
| } |
| |
| .vw-100 { |
| width: 100vw !important; |
| } |
| |
| .min-vw-100 { |
| min-width: 100vw !important; |
| } |
| |
| .h-25 { |
| height: 25% !important; |
| } |
| |
| .h-50 { |
| height: 50% !important; |
| } |
| |
| .h-75 { |
| height: 75% !important; |
| } |
| |
| .h-100 { |
| height: 100% !important; |
| } |
| |
| .h-auto { |
| height: auto !important; |
| } |
| |
| .mh-100 { |
| max-height: 100% !important; |
| } |
| |
| .vh-100 { |
| height: 100vh !important; |
| } |
| |
| .min-vh-100 { |
| min-height: 100vh !important; |
| } |
| |
| .flex-fill { |
| flex: 1 1 auto !important; |
| } |
| |
| .flex-row { |
| flex-direction: row !important; |
| } |
| |
| .flex-column { |
| flex-direction: column !important; |
| } |
| |
| .flex-row-reverse { |
| flex-direction: row-reverse !important; |
| } |
| |
| .flex-column-reverse { |
| flex-direction: column-reverse !important; |
| } |
| |
| .flex-grow-0 { |
| flex-grow: 0 !important; |
| } |
| |
| .flex-grow-1 { |
| flex-grow: 1 !important; |
| } |
| |
| .flex-shrink-0 { |
| flex-shrink: 0 !important; |
| } |
| |
| .flex-shrink-1 { |
| flex-shrink: 1 !important; |
| } |
| |
| .flex-wrap { |
| flex-wrap: wrap !important; |
| } |
| |
| .flex-nowrap { |
| flex-wrap: nowrap !important; |
| } |
| |
| .flex-wrap-reverse { |
| flex-wrap: wrap-reverse !important; |
| } |
| |
| .gap-0 { |
| gap: 0 !important; |
| } |
| |
| .gap-1 { |
| gap: 0.25rem !important; |
| } |
| |
| .gap-2 { |
| gap: 0.5rem !important; |
| } |
| |
| .gap-3 { |
| gap: 1rem !important; |
| } |
| |
| .gap-4 { |
| gap: 1.5rem !important; |
| } |
| |
| .gap-5 { |
| gap: 3rem !important; |
| } |
| |
| .justify-content-start { |
| justify-content: flex-start !important; |
| } |
| |
| .justify-content-end { |
| justify-content: flex-end !important; |
| } |
| |
| .justify-content-center { |
| justify-content: center !important; |
| } |
| |
| .justify-content-between { |
| justify-content: space-between !important; |
| } |
| |
| .justify-content-around { |
| justify-content: space-around !important; |
| } |
| |
| .justify-content-evenly { |
| justify-content: space-evenly !important; |
| } |
| |
| .align-items-start { |
| align-items: flex-start !important; |
| } |
| |
| .align-items-end { |
| align-items: flex-end !important; |
| } |
| |
| .align-items-center { |
| align-items: center !important; |
| } |
| |
| .align-items-baseline { |
| align-items: baseline !important; |
| } |
| |
| .align-items-stretch { |
| align-items: stretch !important; |
| } |
| |
| .align-content-start { |
| align-content: flex-start !important; |
| } |
| |
| .align-content-end { |
| align-content: flex-end !important; |
| } |
| |
| .align-content-center { |
| align-content: center !important; |
| } |
| |
| .align-content-between { |
| align-content: space-between !important; |
| } |
| |
| .align-content-around { |
| align-content: space-around !important; |
| } |
| |
| .align-content-stretch { |
| align-content: stretch !important; |
| } |
| |
| .align-self-auto { |
| align-self: auto !important; |
| } |
| |
| .align-self-start { |
| align-self: flex-start !important; |
| } |
| |
| .align-self-end { |
| align-self: flex-end !important; |
| } |
| |
| .align-self-center { |
| align-self: center !important; |
| } |
| |
| .align-self-baseline { |
| align-self: baseline !important; |
| } |
| |
| .align-self-stretch { |
| align-self: stretch !important; |
| } |
| |
| .order-first { |
| order: -1 !important; |
| } |
| |
| .order-0 { |
| order: 0 !important; |
| } |
| |
| .order-1 { |
| order: 1 !important; |
| } |
| |
| .order-2 { |
| order: 2 !important; |
| } |
| |
| .order-3 { |
| order: 3 !important; |
| } |
| |
| .order-4 { |
| order: 4 !important; |
| } |
| |
| .order-5 { |
| order: 5 !important; |
| } |
| |
| .order-last { |
| order: 6 !important; |
| } |
| |
| .m-0 { |
| margin: 0 !important; |
| } |
| |
| .m-1 { |
| margin: 0.25rem !important; |
| } |
| |
| .m-2 { |
| margin: 0.5rem !important; |
| } |
| |
| .m-3 { |
| margin: 1rem !important; |
| } |
| |
| .m-4 { |
| margin: 1.5rem !important; |
| } |
| |
| .m-5 { |
| margin: 3rem !important; |
| } |
| |
| .m-auto { |
| margin: auto !important; |
| } |
| |
| .mx-0 { |
| margin-right: 0 !important; |
| margin-left: 0 !important; |
| } |
| |
| .mx-1 { |
| margin-right: 0.25rem !important; |
| margin-left: 0.25rem !important; |
| } |
| |
| .mx-2 { |
| margin-right: 0.5rem !important; |
| margin-left: 0.5rem !important; |
| } |
| |
| .mx-3 { |
| margin-right: 1rem !important; |
| margin-left: 1rem !important; |
| } |
| |
| .mx-4 { |
| margin-right: 1.5rem !important; |
| margin-left: 1.5rem !important; |
| } |
| |
| .mx-5 { |
| margin-right: 3rem !important; |
| margin-left: 3rem !important; |
| } |
| |
| .mx-auto { |
| margin-right: auto !important; |
| margin-left: auto !important; |
| } |
| |
| .my-0 { |
| margin-top: 0 !important; |
| margin-bottom: 0 !important; |
| } |
| |
| .my-1 { |
| margin-top: 0.25rem !important; |
| margin-bottom: 0.25rem !important; |
| } |
| |
| .my-2 { |
| margin-top: 0.5rem !important; |
| margin-bottom: 0.5rem !important; |
| } |
| |
| .my-3 { |
| margin-top: 1rem !important; |
| margin-bottom: 1rem !important; |
| } |
| |
| .my-4 { |
| margin-top: 1.5rem !important; |
| margin-bottom: 1.5rem !important; |
| } |
| |
| .my-5 { |
| margin-top: 3rem !important; |
| margin-bottom: 3rem !important; |
| } |
| |
| .my-auto { |
| margin-top: auto !important; |
| margin-bottom: auto !important; |
| } |
| |
| .mt-0 { |
| margin-top: 0 !important; |
| } |
| |
| .mt-1 { |
| margin-top: 0.25rem !important; |
| } |
| |
| .mt-2 { |
| margin-top: 0.5rem !important; |
| } |
| |
| .mt-3 { |
| margin-top: 1rem !important; |
| } |
| |
| .mt-4 { |
| margin-top: 1.5rem !important; |
| } |
| |
| .mt-5 { |
| margin-top: 3rem !important; |
| } |
| |
| .mt-auto { |
| margin-top: auto !important; |
| } |
| |
| .mr-0 { |
| margin-right: 0 !important; |
| } |
| |
| .mr-1 { |
| margin-right: 0.25rem !important; |
| } |
| |
| .mr-2 { |
| margin-right: 0.5rem !important; |
| } |
| |
| .mr-3 { |
| margin-right: 1rem !important; |
| } |
| |
| .mr-4 { |
| margin-right: 1.5rem !important; |
| } |
| |
| .mr-5 { |
| margin-right: 3rem !important; |
| } |
| |
| .mr-auto { |
| margin-right: auto !important; |
| } |
| |
| .mb-0 { |
| margin-bottom: 0 !important; |
| } |
| |
| .mb-1 { |
| margin-bottom: 0.25rem !important; |
| } |
| |
| .mb-2 { |
| margin-bottom: 0.5rem !important; |
| } |
| |
| .mb-3 { |
| margin-bottom: 1rem !important; |
| } |
| |
| .mb-4 { |
| margin-bottom: 1.5rem !important; |
| } |
| |
| .mb-5 { |
| margin-bottom: 3rem !important; |
| } |
| |
| .mb-auto { |
| margin-bottom: auto !important; |
| } |
| |
| .ml-0 { |
| margin-left: 0 !important; |
| } |
| |
| .ml-1 { |
| margin-left: 0.25rem !important; |
| } |
| |
| .ml-2 { |
| margin-left: 0.5rem !important; |
| } |
| |
| .ml-3 { |
| margin-left: 1rem !important; |
| } |
| |
| .ml-4 { |
| margin-left: 1.5rem !important; |
| } |
| |
| .ml-5 { |
| margin-left: 3rem !important; |
| } |
| |
| .ml-auto { |
| margin-left: auto !important; |
| } |
| |
| .p-0 { |
| padding: 0 !important; |
| } |
| |
| .p-1 { |
| padding: 0.25rem !important; |
| } |
| |
| .p-2 { |
| padding: 0.5rem !important; |
| } |
| |
| .p-3 { |
| padding: 1rem !important; |
| } |
| |
| .p-4 { |
| padding: 1.5rem !important; |
| } |
| |
| .p-5 { |
| padding: 3rem !important; |
| } |
| |
| .px-0 { |
| padding-right: 0 !important; |
| padding-left: 0 !important; |
| } |
| |
| .px-1 { |
| padding-right: 0.25rem !important; |
| padding-left: 0.25rem !important; |
| } |
| |
| .px-2 { |
| padding-right: 0.5rem !important; |
| padding-left: 0.5rem !important; |
| } |
| |
| .px-3 { |
| padding-right: 1rem !important; |
| padding-left: 1rem !important; |
| } |
| |
| .px-4 { |
| padding-right: 1.5rem !important; |
| padding-left: 1.5rem !important; |
| } |
| |
| .px-5 { |
| padding-right: 3rem !important; |
| padding-left: 3rem !important; |
| } |
| |
| .py-0 { |
| padding-top: 0 !important; |
| padding-bottom: 0 !important; |
| } |
| |
| .py-1 { |
| padding-top: 0.25rem !important; |
| padding-bottom: 0.25rem !important; |
| } |
| |
| .py-2 { |
| padding-top: 0.5rem !important; |
| padding-bottom: 0.5rem !important; |
| } |
| |
| .py-3 { |
| padding-top: 1rem !important; |
| padding-bottom: 1rem !important; |
| } |
| |
| .py-4 { |
| padding-top: 1.5rem !important; |
| padding-bottom: 1.5rem !important; |
| } |
| |
| .py-5 { |
| padding-top: 3rem !important; |
| padding-bottom: 3rem !important; |
| } |
| |
| .pt-0 { |
| padding-top: 0 !important; |
| } |
| |
| .pt-1 { |
| padding-top: 0.25rem !important; |
| } |
| |
| .pt-2 { |
| padding-top: 0.5rem !important; |
| } |
| |
| .pt-3 { |
| padding-top: 1rem !important; |
| } |
| |
| .pt-4 { |
| padding-top: 1.5rem !important; |
| } |
| |
| .pt-5 { |
| padding-top: 3rem !important; |
| } |
| |
| .pr-0 { |
| padding-right: 0 !important; |
| } |
| |
| .pr-1 { |
| padding-right: 0.25rem !important; |
| } |
| |
| .pr-2 { |
| padding-right: 0.5rem !important; |
| } |
| |
| .pr-3 { |
| padding-right: 1rem !important; |
| } |
| |
| .pr-4 { |
| padding-right: 1.5rem !important; |
| } |
| |
| .pr-5 { |
| padding-right: 3rem !important; |
| } |
| |
| .pb-0 { |
| padding-bottom: 0 !important; |
| } |
| |
| .pb-1 { |
| padding-bottom: 0.25rem !important; |
| } |
| |
| .pb-2 { |
| padding-bottom: 0.5rem !important; |
| } |
| |
| .pb-3 { |
| padding-bottom: 1rem !important; |
| } |
| |
| .pb-4 { |
| padding-bottom: 1.5rem !important; |
| } |
| |
| .pb-5 { |
| padding-bottom: 3rem !important; |
| } |
| |
| .pl-0 { |
| padding-left: 0 !important; |
| } |
| |
| .pl-1 { |
| padding-left: 0.25rem !important; |
| } |
| |
| .pl-2 { |
| padding-left: 0.5rem !important; |
| } |
| |
| .pl-3 { |
| padding-left: 1rem !important; |
| } |
| |
| .pl-4 { |
| padding-left: 1.5rem !important; |
| } |
| |
| .pl-5 { |
| padding-left: 3rem !important; |
| } |
| |
| .fs-1 { |
| font-size: calc(1.295rem + 0.54vw) !important; |
| } |
| |
| .fs-2 { |
| font-size: calc(1.28rem + 0.36vw) !important; |
| } |
| |
| .fs-3 { |
| font-size: calc(1.265rem + 0.18vw) !important; |
| } |
| |
| .fs-4 { |
| font-size: 1.1rem !important; |
| } |
| |
| .fs-5 { |
| font-size: 1rem !important; |
| } |
| |
| .fs-6 { |
| font-size: 1rem !important; |
| } |
| |
| .fst-italic { |
| font-style: italic !important; |
| } |
| |
| .fst-normal { |
| font-style: normal !important; |
| } |
| |
| .fw-light { |
| font-weight: 300 !important; |
| } |
| |
| .fw-lighter { |
| font-weight: lighter !important; |
| } |
| |
| .fw-normal { |
| font-weight: 400 !important; |
| } |
| |
| .fw-bold { |
| font-weight: 700 !important; |
| } |
| |
| .fw-bolder { |
| font-weight: bolder !important; |
| } |
| |
| .text-lowercase { |
| text-transform: lowercase !important; |
| } |
| |
| .text-uppercase { |
| text-transform: uppercase !important; |
| } |
| |
| .text-capitalize { |
| text-transform: capitalize !important; |
| } |
| |
| .text-left { |
| text-align: left !important; |
| } |
| |
| .text-right { |
| text-align: right !important; |
| } |
| |
| .text-center { |
| text-align: center !important; |
| } |
| |
| .text-primary { |
| color: #185722 !important; |
| } |
| |
| .text-secondary { |
| color: #d7d7d7 !important; |
| } |
| |
| .text-success { |
| color: #1da332 !important; |
| } |
| |
| .text-info { |
| color: #5bc0de !important; |
| } |
| |
| .text-warning { |
| color: #f0ad4e !important; |
| } |
| |
| .text-danger { |
| color: #d30040 !important; |
| } |
| |
| .text-light { |
| color: #f7f7f7 !important; |
| } |
| |
| .text-dark { |
| color: #323232 !important; |
| } |
| |
| .text-white { |
| color: #fff !important; |
| } |
| |
| .text-body { |
| color: #212529 !important; |
| } |
| |
| .text-muted { |
| color: #788c94 !important; |
| } |
| |
| .text-black-50 { |
| color: rgba(0, 0, 0, 0.5) !important; |
| } |
| |
| .text-white-50 { |
| color: rgba(255, 255, 255, 0.5) !important; |
| } |
| |
| .text-reset { |
| color: inherit !important; |
| } |
| |
| .lh-1 { |
| line-height: 1 !important; |
| } |
| |
| .lh-sm { |
| line-height: 1.25 !important; |
| } |
| |
| .lh-base { |
| line-height: 1.5 !important; |
| } |
| |
| .lh-lg { |
| line-height: 2 !important; |
| } |
| |
| .bg-primary { |
| background-color: #185722 !important; |
| } |
| |
| .bg-secondary { |
| background-color: #d7d7d7 !important; |
| } |
| |
| .bg-success { |
| background-color: #1da332 !important; |
| } |
| |
| .bg-info { |
| background-color: #5bc0de !important; |
| } |
| |
| .bg-warning { |
| background-color: #f0ad4e !important; |
| } |
| |
| .bg-danger { |
| background-color: #d30040 !important; |
| } |
| |
| .bg-light { |
| background-color: #f7f7f7 !important; |
| } |
| |
| .bg-dark { |
| background-color: #323232 !important; |
| } |
| |
| .bg-body { |
| background-color: white !important; |
| } |
| |
| .bg-white { |
| background-color: #fff !important; |
| } |
| |
| .bg-transparent { |
| background-color: transparent !important; |
| } |
| |
| .bg-gradient { |
| background-image: var(--bs-gradient) !important; |
| } |
| |
| .text-wrap { |
| white-space: normal !important; |
| } |
| |
| .text-nowrap { |
| white-space: nowrap !important; |
| } |
| |
| .text-decoration-none { |
| text-decoration: none !important; |
| } |
| |
| .text-decoration-underline { |
| text-decoration: underline !important; |
| } |
| |
| .text-decoration-line-through { |
| text-decoration: line-through !important; |
| } |
| |
| .text-break { |
| word-wrap: break-word !important; |
| word-break: break-word !important; |
| } |
| |
| .font-monospace { |
| font-family: var(--bs-font-monospace) !important; |
| } |
| |
| .user-select-all { |
| -webkit-user-select: all !important; |
| -moz-user-select: all !important; |
| -ms-user-select: all !important; |
| user-select: all !important; |
| } |
| |
| .user-select-auto { |
| -webkit-user-select: auto !important; |
| -moz-user-select: auto !important; |
| -ms-user-select: auto !important; |
| user-select: auto !important; |
| } |
| |
| .user-select-none { |
| -webkit-user-select: none !important; |
| -moz-user-select: none !important; |
| -ms-user-select: none !important; |
| user-select: none !important; |
| } |
| |
| .pe-none { |
| pointer-events: none !important; |
| } |
| |
| .pe-auto { |
| pointer-events: auto !important; |
| } |
| |
| .rounded { |
| border-radius: 0.25rem !important; |
| } |
| |
| .rounded-0 { |
| border-radius: 0 !important; |
| } |
| |
| .rounded-1 { |
| border-radius: 0.2rem !important; |
| } |
| |
| .rounded-2 { |
| border-radius: 0.25rem !important; |
| } |
| |
| .rounded-3 { |
| border-radius: 0.3rem !important; |
| } |
| |
| .rounded-circle { |
| border-radius: 50% !important; |
| } |
| |
| .rounded-pill { |
| border-radius: 50rem !important; |
| } |
| |
| .rounded-top { |
| border-top-left-radius: 0.25rem !important; |
| border-top-right-radius: 0.25rem !important; |
| } |
| |
| .rounded-right { |
| border-top-right-radius: 0.25rem !important; |
| border-bottom-right-radius: 0.25rem !important; |
| } |
| |
| .rounded-bottom { |
| border-bottom-right-radius: 0.25rem !important; |
| border-bottom-left-radius: 0.25rem !important; |
| } |
| |
| .rounded-left { |
| border-bottom-left-radius: 0.25rem !important; |
| border-top-left-radius: 0.25rem !important; |
| } |
| |
| .visible { |
| visibility: visible !important; |
| } |
| |
| .invisible { |
| visibility: hidden !important; |
| } |
| |
| @media (min-width: 576px) { |
| .float-sm-left { |
| float: left !important; |
| } |
| .float-sm-right { |
| float: right !important; |
| } |
| .float-sm-none { |
| float: none !important; |
| } |
| .d-sm-inline { |
| display: inline !important; |
| } |
| .d-sm-inline-block { |
| display: inline-block !important; |
| } |
| .d-sm-block { |
| display: block !important; |
| } |
| .d-sm-grid { |
| display: grid !important; |
| } |
| .d-sm-table { |
| display: table !important; |
| } |
| .d-sm-table-row { |
| display: table-row !important; |
| } |
| .d-sm-table-cell { |
| display: table-cell !important; |
| } |
| .d-sm-flex { |
| display: flex !important; |
| } |
| .d-sm-inline-flex { |
| display: inline-flex !important; |
| } |
| .d-sm-none { |
| display: none !important; |
| } |
| .flex-sm-fill { |
| flex: 1 1 auto !important; |
| } |
| .flex-sm-row { |
| flex-direction: row !important; |
| } |
| .flex-sm-column { |
| flex-direction: column !important; |
| } |
| .flex-sm-row-reverse { |
| flex-direction: row-reverse !important; |
| } |
| .flex-sm-column-reverse { |
| flex-direction: column-reverse !important; |
| } |
| .flex-sm-grow-0 { |
| flex-grow: 0 !important; |
| } |
| .flex-sm-grow-1 { |
| flex-grow: 1 !important; |
| } |
| .flex-sm-shrink-0 { |
| flex-shrink: 0 !important; |
| } |
| .flex-sm-shrink-1 { |
| flex-shrink: 1 !important; |
| } |
| .flex-sm-wrap { |
| flex-wrap: wrap !important; |
| } |
| .flex-sm-nowrap { |
| flex-wrap: nowrap !important; |
| } |
| .flex-sm-wrap-reverse { |
| flex-wrap: wrap-reverse !important; |
| } |
| .gap-sm-0 { |
| gap: 0 !important; |
| } |
| .gap-sm-1 { |
| gap: 0.25rem !important; |
| } |
| .gap-sm-2 { |
| gap: 0.5rem !important; |
| } |
| .gap-sm-3 { |
| gap: 1rem !important; |
| } |
| .gap-sm-4 { |
| gap: 1.5rem !important; |
| } |
| .gap-sm-5 { |
| gap: 3rem !important; |
| } |
| .justify-content-sm-start { |
| justify-content: flex-start !important; |
| } |
| .justify-content-sm-end { |
| justify-content: flex-end !important; |
| } |
| .justify-content-sm-center { |
| justify-content: center !important; |
| } |
| .justify-content-sm-between { |
| justify-content: space-between !important; |
| } |
| .justify-content-sm-around { |
| justify-content: space-around !important; |
| } |
| .justify-content-sm-evenly { |
| justify-content: space-evenly !important; |
| } |
| .align-items-sm-start { |
| align-items: flex-start !important; |
| } |
| .align-items-sm-end { |
| align-items: flex-end !important; |
| } |
| .align-items-sm-center { |
| align-items: center !important; |
| } |
| .align-items-sm-baseline { |
| align-items: baseline !important; |
| } |
| .align-items-sm-stretch { |
| align-items: stretch !important; |
| } |
| .align-content-sm-start { |
| align-content: flex-start !important; |
| } |
| .align-content-sm-end { |
| align-content: flex-end !important; |
| } |
| .align-content-sm-center { |
| align-content: center !important; |
| } |
| .align-content-sm-between { |
| align-content: space-between !important; |
| } |
| .align-content-sm-around { |
| align-content: space-around !important; |
| } |
| .align-content-sm-stretch { |
| align-content: stretch !important; |
| } |
| .align-self-sm-auto { |
| align-self: auto !important; |
| } |
| .align-self-sm-start { |
| align-self: flex-start !important; |
| } |
| .align-self-sm-end { |
| align-self: flex-end !important; |
| } |
| .align-self-sm-center { |
| align-self: center !important; |
| } |
| .align-self-sm-baseline { |
| align-self: baseline !important; |
| } |
| .align-self-sm-stretch { |
| align-self: stretch !important; |
| } |
| .order-sm-first { |
| order: -1 !important; |
| } |
| .order-sm-0 { |
| order: 0 !important; |
| } |
| .order-sm-1 { |
| order: 1 !important; |
| } |
| .order-sm-2 { |
| order: 2 !important; |
| } |
| .order-sm-3 { |
| order: 3 !important; |
| } |
| .order-sm-4 { |
| order: 4 !important; |
| } |
| .order-sm-5 { |
| order: 5 !important; |
| } |
| .order-sm-last { |
| order: 6 !important; |
| } |
| .m-sm-0 { |
| margin: 0 !important; |
| } |
| .m-sm-1 { |
| margin: 0.25rem !important; |
| } |
| .m-sm-2 { |
| margin: 0.5rem !important; |
| } |
| .m-sm-3 { |
| margin: 1rem !important; |
| } |
| .m-sm-4 { |
| margin: 1.5rem !important; |
| } |
| .m-sm-5 { |
| margin: 3rem !important; |
| } |
| .m-sm-auto { |
| margin: auto !important; |
| } |
| .mx-sm-0 { |
| margin-right: 0 !important; |
| margin-left: 0 !important; |
| } |
| .mx-sm-1 { |
| margin-right: 0.25rem !important; |
| margin-left: 0.25rem !important; |
| } |
| .mx-sm-2 { |
| margin-right: 0.5rem !important; |
| margin-left: 0.5rem !important; |
| } |
| .mx-sm-3 { |
| margin-right: 1rem !important; |
| margin-left: 1rem !important; |
| } |
| .mx-sm-4 { |
| margin-right: 1.5rem !important; |
| margin-left: 1.5rem !important; |
| } |
| .mx-sm-5 { |
| margin-right: 3rem !important; |
| margin-left: 3rem !important; |
| } |
| .mx-sm-auto { |
| margin-right: auto !important; |
| margin-left: auto !important; |
| } |
| .my-sm-0 { |
| margin-top: 0 !important; |
| margin-bottom: 0 !important; |
| } |
| .my-sm-1 { |
| margin-top: 0.25rem !important; |
| margin-bottom: 0.25rem !important; |
| } |
| .my-sm-2 { |
| margin-top: 0.5rem !important; |
| margin-bottom: 0.5rem !important; |
| } |
| .my-sm-3 { |
| margin-top: 1rem !important; |
| margin-bottom: 1rem !important; |
| } |
| .my-sm-4 { |
| margin-top: 1.5rem !important; |
| margin-bottom: 1.5rem !important; |
| } |
| .my-sm-5 { |
| margin-top: 3rem !important; |
| margin-bottom: 3rem !important; |
| } |
| .my-sm-auto { |
| margin-top: auto !important; |
| margin-bottom: auto !important; |
| } |
| .mt-sm-0 { |
| margin-top: 0 !important; |
| } |
| .mt-sm-1 { |
| margin-top: 0.25rem !important; |
| } |
| .mt-sm-2 { |
| margin-top: 0.5rem !important; |
| } |
| .mt-sm-3 { |
| margin-top: 1rem !important; |
| } |
| .mt-sm-4 { |
| margin-top: 1.5rem !important; |
| } |
| .mt-sm-5 { |
| margin-top: 3rem !important; |
| } |
| .mt-sm-auto { |
| margin-top: auto !important; |
| } |
| .mr-sm-0 { |
| margin-right: 0 !important; |
| } |
| .mr-sm-1 { |
| margin-right: 0.25rem !important; |
| } |
| .mr-sm-2 { |
| margin-right: 0.5rem !important; |
| } |
| .mr-sm-3 { |
| margin-right: 1rem !important; |
| } |
| .mr-sm-4 { |
| margin-right: 1.5rem !important; |
| } |
| .mr-sm-5 { |
| margin-right: 3rem !important; |
| } |
| .mr-sm-auto { |
| margin-right: auto !important; |
| } |
| .mb-sm-0 { |
| margin-bottom: 0 !important; |
| } |
| .mb-sm-1 { |
| margin-bottom: 0.25rem !important; |
| } |
| .mb-sm-2 { |
| margin-bottom: 0.5rem !important; |
| } |
| .mb-sm-3 { |
| margin-bottom: 1rem !important; |
| } |
| .mb-sm-4 { |
| margin-bottom: 1.5rem !important; |
| } |
| .mb-sm-5 { |
| margin-bottom: 3rem !important; |
| } |
| .mb-sm-auto { |
| margin-bottom: auto !important; |
| } |
| .ml-sm-0 { |
| margin-left: 0 !important; |
| } |
| .ml-sm-1 { |
| margin-left: 0.25rem !important; |
| } |
| .ml-sm-2 { |
| margin-left: 0.5rem !important; |
| } |
| .ml-sm-3 { |
| margin-left: 1rem !important; |
| } |
| .ml-sm-4 { |
| margin-left: 1.5rem !important; |
| } |
| .ml-sm-5 { |
| margin-left: 3rem !important; |
| } |
| .ml-sm-auto { |
| margin-left: auto !important; |
| } |
| .p-sm-0 { |
| padding: 0 !important; |
| } |
| .p-sm-1 { |
| padding: 0.25rem !important; |
| } |
| .p-sm-2 { |
| padding: 0.5rem !important; |
| } |
| .p-sm-3 { |
| padding: 1rem !important; |
| } |
| .p-sm-4 { |
| padding: 1.5rem !important; |
| } |
| .p-sm-5 { |
| padding: 3rem !important; |
| } |
| .px-sm-0 { |
| padding-right: 0 !important; |
| padding-left: 0 !important; |
| } |
| .px-sm-1 { |
| padding-right: 0.25rem !important; |
| padding-left: 0.25rem !important; |
| } |
| .px-sm-2 { |
| padding-right: 0.5rem !important; |
| padding-left: 0.5rem !important; |
| } |
| .px-sm-3 { |
| padding-right: 1rem !important; |
| padding-left: 1rem !important; |
| } |
| .px-sm-4 { |
| padding-right: 1.5rem !important; |
| padding-left: 1.5rem !important; |
| } |
| .px-sm-5 { |
| padding-right: 3rem !important; |
| padding-left: 3rem !important; |
| } |
| .py-sm-0 { |
| padding-top: 0 !important; |
| padding-bottom: 0 !important; |
| } |
| .py-sm-1 { |
| padding-top: 0.25rem !important; |
| padding-bottom: 0.25rem !important; |
| } |
| .py-sm-2 { |
| padding-top: 0.5rem !important; |
| padding-bottom: 0.5rem !important; |
| } |
| .py-sm-3 { |
| padding-top: 1rem !important; |
| padding-bottom: 1rem !important; |
| } |
| .py-sm-4 { |
| padding-top: 1.5rem !important; |
| padding-bottom: 1.5rem !important; |
| } |
| .py-sm-5 { |
| padding-top: 3rem !important; |
| padding-bottom: 3rem !important; |
| } |
| .pt-sm-0 { |
| padding-top: 0 !important; |
| } |
| .pt-sm-1 { |
| padding-top: 0.25rem !important; |
| } |
| .pt-sm-2 { |
| padding-top: 0.5rem !important; |
| } |
| .pt-sm-3 { |
| padding-top: 1rem !important; |
| } |
| .pt-sm-4 { |
| padding-top: 1.5rem !important; |
| } |
| .pt-sm-5 { |
| padding-top: 3rem !important; |
| } |
| .pr-sm-0 { |
| padding-right: 0 !important; |
| } |
| .pr-sm-1 { |
| padding-right: 0.25rem !important; |
| } |
| .pr-sm-2 { |
| padding-right: 0.5rem !important; |
| } |
| .pr-sm-3 { |
| padding-right: 1rem !important; |
| } |
| .pr-sm-4 { |
| padding-right: 1.5rem !important; |
| } |
| .pr-sm-5 { |
| padding-right: 3rem !important; |
| } |
| .pb-sm-0 { |
| padding-bottom: 0 !important; |
| } |
| .pb-sm-1 { |
| padding-bottom: 0.25rem !important; |
| } |
| .pb-sm-2 { |
| padding-bottom: 0.5rem !important; |
| } |
| .pb-sm-3 { |
| padding-bottom: 1rem !important; |
| } |
| .pb-sm-4 { |
| padding-bottom: 1.5rem !important; |
| } |
| .pb-sm-5 { |
| padding-bottom: 3rem !important; |
| } |
| .pl-sm-0 { |
| padding-left: 0 !important; |
| } |
| .pl-sm-1 { |
| padding-left: 0.25rem !important; |
| } |
| .pl-sm-2 { |
| padding-left: 0.5rem !important; |
| } |
| .pl-sm-3 { |
| padding-left: 1rem !important; |
| } |
| .pl-sm-4 { |
| padding-left: 1.5rem !important; |
| } |
| .pl-sm-5 { |
| padding-left: 3rem !important; |
| } |
| .text-sm-left { |
| text-align: left !important; |
| } |
| .text-sm-right { |
| text-align: right !important; |
| } |
| .text-sm-center { |
| text-align: center !important; |
| } |
| } |
| |
| @media (min-width: 768px) { |
| .float-md-left { |
| float: left !important; |
| } |
| .float-md-right { |
| float: right !important; |
| } |
| .float-md-none { |
| float: none !important; |
| } |
| .d-md-inline { |
| display: inline !important; |
| } |
| .d-md-inline-block { |
| display: inline-block !important; |
| } |
| .d-md-block { |
| display: block !important; |
| } |
| .d-md-grid { |
| display: grid !important; |
| } |
| .d-md-table { |
| display: table !important; |
| } |
| .d-md-table-row { |
| display: table-row !important; |
| } |
| .d-md-table-cell { |
| display: table-cell !important; |
| } |
| .d-md-flex { |
| display: flex !important; |
| } |
| .d-md-inline-flex { |
| display: inline-flex !important; |
| } |
| .d-md-none { |
| display: none !important; |
| } |
| .flex-md-fill { |
| flex: 1 1 auto !important; |
| } |
| .flex-md-row { |
| flex-direction: row !important; |
| } |
| .flex-md-column { |
| flex-direction: column !important; |
| } |
| .flex-md-row-reverse { |
| flex-direction: row-reverse !important; |
| } |
| .flex-md-column-reverse { |
| flex-direction: column-reverse !important; |
| } |
| .flex-md-grow-0 { |
| flex-grow: 0 !important; |
| } |
| .flex-md-grow-1 { |
| flex-grow: 1 !important; |
| } |
| .flex-md-shrink-0 { |
| flex-shrink: 0 !important; |
| } |
| .flex-md-shrink-1 { |
| flex-shrink: 1 !important; |
| } |
| .flex-md-wrap { |
| flex-wrap: wrap !important; |
| } |
| .flex-md-nowrap { |
| flex-wrap: nowrap !important; |
| } |
| .flex-md-wrap-reverse { |
| flex-wrap: wrap-reverse !important; |
| } |
| .gap-md-0 { |
| gap: 0 !important; |
| } |
| .gap-md-1 { |
| gap: 0.25rem !important; |
| } |
| .gap-md-2 { |
| gap: 0.5rem !important; |
| } |
| .gap-md-3 { |
| gap: 1rem !important; |
| } |
| .gap-md-4 { |
| gap: 1.5rem !important; |
| } |
| .gap-md-5 { |
| gap: 3rem !important; |
| } |
| .justify-content-md-start { |
| justify-content: flex-start !important; |
| } |
| .justify-content-md-end { |
| justify-content: flex-end !important; |
| } |
| .justify-content-md-center { |
| justify-content: center !important; |
| } |
| .justify-content-md-between { |
| justify-content: space-between !important; |
| } |
| .justify-content-md-around { |
| justify-content: space-around !important; |
| } |
| .justify-content-md-evenly { |
| justify-content: space-evenly !important; |
| } |
| .align-items-md-start { |
| align-items: flex-start !important; |
| } |
| .align-items-md-end { |
| align-items: flex-end !important; |
| } |
| .align-items-md-center { |
| align-items: center !important; |
| } |
| .align-items-md-baseline { |
| align-items: baseline !important; |
| } |
| .align-items-md-stretch { |
| align-items: stretch !important; |
| } |
| .align-content-md-start { |
| align-content: flex-start !important; |
| } |
| .align-content-md-end { |
| align-content: flex-end !important; |
| } |
| .align-content-md-center { |
| align-content: center !important; |
| } |
| .align-content-md-between { |
| align-content: space-between !important; |
| } |
| .align-content-md-around { |
| align-content: space-around !important; |
| } |
| .align-content-md-stretch { |
| align-content: stretch !important; |
| } |
| .align-self-md-auto { |
| align-self: auto !important; |
| } |
| .align-self-md-start { |
| align-self: flex-start !important; |
| } |
| .align-self-md-end { |
| align-self: flex-end !important; |
| } |
| .align-self-md-center { |
| align-self: center !important; |
| } |
| .align-self-md-baseline { |
| align-self: baseline !important; |
| } |
| .align-self-md-stretch { |
| align-self: stretch !important; |
| } |
| .order-md-first { |
| order: -1 !important; |
| } |
| .order-md-0 { |
| order: 0 !important; |
| } |
| .order-md-1 { |
| order: 1 !important; |
| } |
| .order-md-2 { |
| order: 2 !important; |
| } |
| .order-md-3 { |
| order: 3 !important; |
| } |
| .order-md-4 { |
| order: 4 !important; |
| } |
| .order-md-5 { |
| order: 5 !important; |
| } |
| .order-md-last { |
| order: 6 !important; |
| } |
| .m-md-0 { |
| margin: 0 !important; |
| } |
| .m-md-1 { |
| margin: 0.25rem !important; |
| } |
| .m-md-2 { |
| margin: 0.5rem !important; |
| } |
| .m-md-3 { |
| margin: 1rem !important; |
| } |
| .m-md-4 { |
| margin: 1.5rem !important; |
| } |
| .m-md-5 { |
| margin: 3rem !important; |
| } |
| .m-md-auto { |
| margin: auto !important; |
| } |
| .mx-md-0 { |
| margin-right: 0 !important; |
| margin-left: 0 !important; |
| } |
| .mx-md-1 { |
| margin-right: 0.25rem !important; |
| margin-left: 0.25rem !important; |
| } |
| .mx-md-2 { |
| margin-right: 0.5rem !important; |
| margin-left: 0.5rem !important; |
| } |
| .mx-md-3 { |
| margin-right: 1rem !important; |
| margin-left: 1rem !important; |
| } |
| .mx-md-4 { |
| margin-right: 1.5rem !important; |
| margin-left: 1.5rem !important; |
| } |
| .mx-md-5 { |
| margin-right: 3rem !important; |
| margin-left: 3rem !important; |
| } |
| .mx-md-auto { |
| margin-right: auto !important; |
| margin-left: auto !important; |
| } |
| .my-md-0 { |
| margin-top: 0 !important; |
| margin-bottom: 0 !important; |
| } |
| .my-md-1 { |
| margin-top: 0.25rem !important; |
| margin-bottom: 0.25rem !important; |
| } |
| .my-md-2 { |
| margin-top: 0.5rem !important; |
| margin-bottom: 0.5rem !important; |
| } |
| .my-md-3 { |
| margin-top: 1rem !important; |
| margin-bottom: 1rem !important; |
| } |
| .my-md-4 { |
| margin-top: 1.5rem !important; |
| margin-bottom: 1.5rem !important; |
| } |
| .my-md-5 { |
| margin-top: 3rem !important; |
| margin-bottom: 3rem !important; |
| } |
| .my-md-auto { |
| margin-top: auto !important; |
| margin-bottom: auto !important; |
| } |
| .mt-md-0 { |
| margin-top: 0 !important; |
| } |
| .mt-md-1 { |
| margin-top: 0.25rem !important; |
| } |
| .mt-md-2 { |
| margin-top: 0.5rem !important; |
| } |
| .mt-md-3 { |
| margin-top: 1rem !important; |
| } |
| .mt-md-4 { |
| margin-top: 1.5rem !important; |
| } |
| .mt-md-5 { |
| margin-top: 3rem !important; |
| } |
| .mt-md-auto { |
| margin-top: auto !important; |
| } |
| .mr-md-0 { |
| margin-right: 0 !important; |
| } |
| .mr-md-1 { |
| margin-right: 0.25rem !important; |
| } |
| .mr-md-2 { |
| margin-right: 0.5rem !important; |
| } |
| .mr-md-3 { |
| margin-right: 1rem !important; |
| } |
| .mr-md-4 { |
| margin-right: 1.5rem !important; |
| } |
| .mr-md-5 { |
| margin-right: 3rem !important; |
| } |
| .mr-md-auto { |
| margin-right: auto !important; |
| } |
| .mb-md-0 { |
| margin-bottom: 0 !important; |
| } |
| .mb-md-1 { |
| margin-bottom: 0.25rem !important; |
| } |
| .mb-md-2 { |
| margin-bottom: 0.5rem !important; |
| } |
| .mb-md-3 { |
| margin-bottom: 1rem !important; |
| } |
| .mb-md-4 { |
| margin-bottom: 1.5rem !important; |
| } |
| .mb-md-5 { |
| margin-bottom: 3rem !important; |
| } |
| .mb-md-auto { |
| margin-bottom: auto !important; |
| } |
| .ml-md-0 { |
| margin-left: 0 !important; |
| } |
| .ml-md-1 { |
| margin-left: 0.25rem !important; |
| } |
| .ml-md-2 { |
| margin-left: 0.5rem !important; |
| } |
| .ml-md-3 { |
| margin-left: 1rem !important; |
| } |
| .ml-md-4 { |
| margin-left: 1.5rem !important; |
| } |
| .ml-md-5 { |
| margin-left: 3rem !important; |
| } |
| .ml-md-auto { |
| margin-left: auto !important; |
| } |
| .p-md-0 { |
| padding: 0 !important; |
| } |
| .p-md-1 { |
| padding: 0.25rem !important; |
| } |
| .p-md-2 { |
| padding: 0.5rem !important; |
| } |
| .p-md-3 { |
| padding: 1rem !important; |
| } |
| .p-md-4 { |
| padding: 1.5rem !important; |
| } |
| .p-md-5 { |
| padding: 3rem !important; |
| } |
| .px-md-0 { |
| padding-right: 0 !important; |
| padding-left: 0 !important; |
| } |
| .px-md-1 { |
| padding-right: 0.25rem !important; |
| padding-left: 0.25rem !important; |
| } |
| .px-md-2 { |
| padding-right: 0.5rem !important; |
| padding-left: 0.5rem !important; |
| } |
| .px-md-3 { |
| padding-right: 1rem !important; |
| padding-left: 1rem !important; |
| } |
| .px-md-4 { |
| padding-right: 1.5rem !important; |
| padding-left: 1.5rem !important; |
| } |
| .px-md-5 { |
| padding-right: 3rem !important; |
| padding-left: 3rem !important; |
| } |
| .py-md-0 { |
| padding-top: 0 !important; |
| padding-bottom: 0 !important; |
| } |
| .py-md-1 { |
| padding-top: 0.25rem !important; |
| padding-bottom: 0.25rem !important; |
| } |
| .py-md-2 { |
| padding-top: 0.5rem !important; |
| padding-bottom: 0.5rem !important; |
| } |
| .py-md-3 { |
| padding-top: 1rem !important; |
| padding-bottom: 1rem !important; |
| } |
| .py-md-4 { |
| padding-top: 1.5rem !important; |
| padding-bottom: 1.5rem !important; |
| } |
| .py-md-5 { |
| padding-top: 3rem !important; |
| padding-bottom: 3rem !important; |
| } |
| .pt-md-0 { |
| padding-top: 0 !important; |
| } |
| .pt-md-1 { |
| padding-top: 0.25rem !important; |
| } |
| .pt-md-2 { |
| padding-top: 0.5rem !important; |
| } |
| .pt-md-3 { |
| padding-top: 1rem !important; |
| } |
| .pt-md-4 { |
| padding-top: 1.5rem !important; |
| } |
| .pt-md-5 { |
| padding-top: 3rem !important; |
| } |
| .pr-md-0 { |
| padding-right: 0 !important; |
| } |
| .pr-md-1 { |
| padding-right: 0.25rem !important; |
| } |
| .pr-md-2 { |
| padding-right: 0.5rem !important; |
| } |
| .pr-md-3 { |
| padding-right: 1rem !important; |
| } |
| .pr-md-4 { |
| padding-right: 1.5rem !important; |
| } |
| .pr-md-5 { |
| padding-right: 3rem !important; |
| } |
| .pb-md-0 { |
| padding-bottom: 0 !important; |
| } |
| .pb-md-1 { |
| padding-bottom: 0.25rem !important; |
| } |
| .pb-md-2 { |
| padding-bottom: 0.5rem !important; |
| } |
| .pb-md-3 { |
| padding-bottom: 1rem !important; |
| } |
| .pb-md-4 { |
| padding-bottom: 1.5rem !important; |
| } |
| .pb-md-5 { |
| padding-bottom: 3rem !important; |
| } |
| .pl-md-0 { |
| padding-left: 0 !important; |
| } |
| .pl-md-1 { |
| padding-left: 0.25rem !important; |
| } |
| .pl-md-2 { |
| padding-left: 0.5rem !important; |
| } |
| .pl-md-3 { |
| padding-left: 1rem !important; |
| } |
| .pl-md-4 { |
| padding-left: 1.5rem !important; |
| } |
| .pl-md-5 { |
| padding-left: 3rem !important; |
| } |
| .text-md-left { |
| text-align: left !important; |
| } |
| .text-md-right { |
| text-align: right !important; |
| } |
| .text-md-center { |
| text-align: center !important; |
| } |
| } |
| |
| @media (min-width: 992px) { |
| .float-lg-left { |
| float: left !important; |
| } |
| .float-lg-right { |
| float: right !important; |
| } |
| .float-lg-none { |
| float: none !important; |
| } |
| .d-lg-inline { |
| display: inline !important; |
| } |
| .d-lg-inline-block { |
| display: inline-block !important; |
| } |
| .d-lg-block { |
| display: block !important; |
| } |
| .d-lg-grid { |
| display: grid !important; |
| } |
| .d-lg-table { |
| display: table !important; |
| } |
| .d-lg-table-row { |
| display: table-row !important; |
| } |
| .d-lg-table-cell { |
| display: table-cell !important; |
| } |
| .d-lg-flex { |
| display: flex !important; |
| } |
| .d-lg-inline-flex { |
| display: inline-flex !important; |
| } |
| .d-lg-none { |
| display: none !important; |
| } |
| .flex-lg-fill { |
| flex: 1 1 auto !important; |
| } |
| .flex-lg-row { |
| flex-direction: row !important; |
| } |
| .flex-lg-column { |
| flex-direction: column !important; |
| } |
| .flex-lg-row-reverse { |
| flex-direction: row-reverse !important; |
| } |
| .flex-lg-column-reverse { |
| flex-direction: column-reverse !important; |
| } |
| .flex-lg-grow-0 { |
| flex-grow: 0 !important; |
| } |
| .flex-lg-grow-1 { |
| flex-grow: 1 !important; |
| } |
| .flex-lg-shrink-0 { |
| flex-shrink: 0 !important; |
| } |
| .flex-lg-shrink-1 { |
| flex-shrink: 1 !important; |
| } |
| .flex-lg-wrap { |
| flex-wrap: wrap !important; |
| } |
| .flex-lg-nowrap { |
| flex-wrap: nowrap !important; |
| } |
| .flex-lg-wrap-reverse { |
| flex-wrap: wrap-reverse !important; |
| } |
| .gap-lg-0 { |
| gap: 0 !important; |
| } |
| .gap-lg-1 { |
| gap: 0.25rem !important; |
| } |
| .gap-lg-2 { |
| gap: 0.5rem !important; |
| } |
| .gap-lg-3 { |
| gap: 1rem !important; |
| } |
| .gap-lg-4 { |
| gap: 1.5rem !important; |
| } |
| .gap-lg-5 { |
| gap: 3rem !important; |
| } |
| .justify-content-lg-start { |
| justify-content: flex-start !important; |
| } |
| .justify-content-lg-end { |
| justify-content: flex-end !important; |
| } |
| .justify-content-lg-center { |
| justify-content: center !important; |
| } |
| .justify-content-lg-between { |
| justify-content: space-between !important; |
| } |
| .justify-content-lg-around { |
| justify-content: space-around !important; |
| } |
| .justify-content-lg-evenly { |
| justify-content: space-evenly !important; |
| } |
| .align-items-lg-start { |
| align-items: flex-start !important; |
| } |
| .align-items-lg-end { |
| align-items: flex-end !important; |
| } |
| .align-items-lg-center { |
| align-items: center !important; |
| } |
| .align-items-lg-baseline { |
| align-items: baseline !important; |
| } |
| .align-items-lg-stretch { |
| align-items: stretch !important; |
| } |
| .align-content-lg-start { |
| align-content: flex-start !important; |
| } |
| .align-content-lg-end { |
| align-content: flex-end !important; |
| } |
| .align-content-lg-center { |
| align-content: center !important; |
| } |
| .align-content-lg-between { |
| align-content: space-between !important; |
| } |
| .align-content-lg-around { |
| align-content: space-around !important; |
| } |
| .align-content-lg-stretch { |
| align-content: stretch !important; |
| } |
| .align-self-lg-auto { |
| align-self: auto !important; |
| } |
| .align-self-lg-start { |
| align-self: flex-start !important; |
| } |
| .align-self-lg-end { |
| align-self: flex-end !important; |
| } |
| .align-self-lg-center { |
| align-self: center !important; |
| } |
| .align-self-lg-baseline { |
| align-self: baseline !important; |
| } |
| .align-self-lg-stretch { |
| align-self: stretch !important; |
| } |
| .order-lg-first { |
| order: -1 !important; |
| } |
| .order-lg-0 { |
| order: 0 !important; |
| } |
| .order-lg-1 { |
| order: 1 !important; |
| } |
| .order-lg-2 { |
| order: 2 !important; |
| } |
| .order-lg-3 { |
| order: 3 !important; |
| } |
| .order-lg-4 { |
| order: 4 !important; |
| } |
| .order-lg-5 { |
| order: 5 !important; |
| } |
| .order-lg-last { |
| order: 6 !important; |
| } |
| .m-lg-0 { |
| margin: 0 !important; |
| } |
| .m-lg-1 { |
| margin: 0.25rem !important; |
| } |
| .m-lg-2 { |
| margin: 0.5rem !important; |
| } |
| .m-lg-3 { |
| margin: 1rem !important; |
| } |
| .m-lg-4 { |
| margin: 1.5rem !important; |
| } |
| .m-lg-5 { |
| margin: 3rem !important; |
| } |
| .m-lg-auto { |
| margin: auto !important; |
| } |
| .mx-lg-0 { |
| margin-right: 0 !important; |
| margin-left: 0 !important; |
| } |
| .mx-lg-1 { |
| margin-right: 0.25rem !important; |
| margin-left: 0.25rem !important; |
| } |
| .mx-lg-2 { |
| margin-right: 0.5rem !important; |
| margin-left: 0.5rem !important; |
| } |
| .mx-lg-3 { |
| margin-right: 1rem !important; |
| margin-left: 1rem !important; |
| } |
| .mx-lg-4 { |
| margin-right: 1.5rem !important; |
| margin-left: 1.5rem !important; |
| } |
| .mx-lg-5 { |
| margin-right: 3rem !important; |
| margin-left: 3rem !important; |
| } |
| .mx-lg-auto { |
| margin-right: auto !important; |
| margin-left: auto !important; |
| } |
| .my-lg-0 { |
| margin-top: 0 !important; |
| margin-bottom: 0 !important; |
| } |
| .my-lg-1 { |
| margin-top: 0.25rem !important; |
| margin-bottom: 0.25rem !important; |
| } |
| .my-lg-2 { |
| margin-top: 0.5rem !important; |
| margin-bottom: 0.5rem !important; |
| } |
| .my-lg-3 { |
| margin-top: 1rem !important; |
| margin-bottom: 1rem !important; |
| } |
| .my-lg-4 { |
| margin-top: 1.5rem !important; |
| margin-bottom: 1.5rem !important; |
| } |
| .my-lg-5 { |
| margin-top: 3rem !important; |
| margin-bottom: 3rem !important; |
| } |
| .my-lg-auto { |
| margin-top: auto !important; |
| margin-bottom: auto !important; |
| } |
| .mt-lg-0 { |
| margin-top: 0 !important; |
| } |
| .mt-lg-1 { |
| margin-top: 0.25rem !important; |
| } |
| .mt-lg-2 { |
| margin-top: 0.5rem !important; |
| } |
| .mt-lg-3 { |
| margin-top: 1rem !important; |
| } |
| .mt-lg-4 { |
| margin-top: 1.5rem !important; |
| } |
| .mt-lg-5 { |
| margin-top: 3rem !important; |
| } |
| .mt-lg-auto { |
| margin-top: auto !important; |
| } |
| .mr-lg-0 { |
| margin-right: 0 !important; |
| } |
| .mr-lg-1 { |
| margin-right: 0.25rem !important; |
| } |
| .mr-lg-2 { |
| margin-right: 0.5rem !important; |
| } |
| .mr-lg-3 { |
| margin-right: 1rem !important; |
| } |
| .mr-lg-4 { |
| margin-right: 1.5rem !important; |
| } |
| .mr-lg-5 { |
| margin-right: 3rem !important; |
| } |
| .mr-lg-auto { |
| margin-right: auto !important; |
| } |
| .mb-lg-0 { |
| margin-bottom: 0 !important; |
| } |
| .mb-lg-1 { |
| margin-bottom: 0.25rem !important; |
| } |
| .mb-lg-2 { |
| margin-bottom: 0.5rem !important; |
| } |
| .mb-lg-3 { |
| margin-bottom: 1rem !important; |
| } |
| .mb-lg-4 { |
| margin-bottom: 1.5rem !important; |
| } |
| .mb-lg-5 { |
| margin-bottom: 3rem !important; |
| } |
| .mb-lg-auto { |
| margin-bottom: auto !important; |
| } |
| .ml-lg-0 { |
| margin-left: 0 !important; |
| } |
| .ml-lg-1 { |
| margin-left: 0.25rem !important; |
| } |
| .ml-lg-2 { |
| margin-left: 0.5rem !important; |
| } |
| .ml-lg-3 { |
| margin-left: 1rem !important; |
| } |
| .ml-lg-4 { |
| margin-left: 1.5rem !important; |
| } |
| .ml-lg-5 { |
| margin-left: 3rem !important; |
| } |
| .ml-lg-auto { |
| margin-left: auto !important; |
| } |
| .p-lg-0 { |
| padding: 0 !important; |
| } |
| .p-lg-1 { |
| padding: 0.25rem !important; |
| } |
| .p-lg-2 { |
| padding: 0.5rem !important; |
| } |
| .p-lg-3 { |
| padding: 1rem !important; |
| } |
| .p-lg-4 { |
| padding: 1.5rem !important; |
| } |
| .p-lg-5 { |
| padding: 3rem !important; |
| } |
| .px-lg-0 { |
| padding-right: 0 !important; |
| padding-left: 0 !important; |
| } |
| .px-lg-1 { |
| padding-right: 0.25rem !important; |
| padding-left: 0.25rem !important; |
| } |
| .px-lg-2 { |
| padding-right: 0.5rem !important; |
| padding-left: 0.5rem !important; |
| } |
| .px-lg-3 { |
| padding-right: 1rem !important; |
| padding-left: 1rem !important; |
| } |
| .px-lg-4 { |
| padding-right: 1.5rem !important; |
| padding-left: 1.5rem !important; |
| } |
| .px-lg-5 { |
| padding-right: 3rem !important; |
| padding-left: 3rem !important; |
| } |
| .py-lg-0 { |
| padding-top: 0 !important; |
| padding-bottom: 0 !important; |
| } |
| .py-lg-1 { |
| padding-top: 0.25rem !important; |
| padding-bottom: 0.25rem !important; |
| } |
| .py-lg-2 { |
| padding-top: 0.5rem !important; |
| padding-bottom: 0.5rem !important; |
| } |
| .py-lg-3 { |
| padding-top: 1rem !important; |
| padding-bottom: 1rem !important; |
| } |
| .py-lg-4 { |
| padding-top: 1.5rem !important; |
| padding-bottom: 1.5rem !important; |
| } |
| .py-lg-5 { |
| padding-top: 3rem !important; |
| padding-bottom: 3rem !important; |
| } |
| .pt-lg-0 { |
| padding-top: 0 !important; |
| } |
| .pt-lg-1 { |
| padding-top: 0.25rem !important; |
| } |
| .pt-lg-2 { |
| padding-top: 0.5rem !important; |
| } |
| .pt-lg-3 { |
| padding-top: 1rem !important; |
| } |
| .pt-lg-4 { |
| padding-top: 1.5rem !important; |
| } |
| .pt-lg-5 { |
| padding-top: 3rem !important; |
| } |
| .pr-lg-0 { |
| padding-right: 0 !important; |
| } |
| .pr-lg-1 { |
| padding-right: 0.25rem !important; |
| } |
| .pr-lg-2 { |
| padding-right: 0.5rem !important; |
| } |
| .pr-lg-3 { |
| padding-right: 1rem !important; |
| } |
| .pr-lg-4 { |
| padding-right: 1.5rem !important; |
| } |
| .pr-lg-5 { |
| padding-right: 3rem !important; |
| } |
| .pb-lg-0 { |
| padding-bottom: 0 !important; |
| } |
| .pb-lg-1 { |
| padding-bottom: 0.25rem !important; |
| } |
| .pb-lg-2 { |
| padding-bottom: 0.5rem !important; |
| } |
| .pb-lg-3 { |
| padding-bottom: 1rem !important; |
| } |
| .pb-lg-4 { |
| padding-bottom: 1.5rem !important; |
| } |
| .pb-lg-5 { |
| padding-bottom: 3rem !important; |
| } |
| .pl-lg-0 { |
| padding-left: 0 !important; |
| } |
| .pl-lg-1 { |
| padding-left: 0.25rem !important; |
| } |
| .pl-lg-2 { |
| padding-left: 0.5rem !important; |
| } |
| .pl-lg-3 { |
| padding-left: 1rem !important; |
| } |
| .pl-lg-4 { |
| padding-left: 1.5rem !important; |
| } |
| .pl-lg-5 { |
| padding-left: 3rem !important; |
| } |
| .text-lg-left { |
| text-align: left !important; |
| } |
| .text-lg-right { |
| text-align: right !important; |
| } |
| .text-lg-center { |
| text-align: center !important; |
| } |
| } |
| |
| @media (min-width: 1200px) { |
| .float-xl-left { |
| float: left !important; |
| } |
| .float-xl-right { |
| float: right !important; |
| } |
| .float-xl-none { |
| float: none !important; |
| } |
| .d-xl-inline { |
| display: inline !important; |
| } |
| .d-xl-inline-block { |
| display: inline-block !important; |
| } |
| .d-xl-block { |
| display: block !important; |
| } |
| .d-xl-grid { |
| display: grid !important; |
| } |
| .d-xl-table { |
| display: table !important; |
| } |
| .d-xl-table-row { |
| display: table-row !important; |
| } |
| .d-xl-table-cell { |
| display: table-cell !important; |
| } |
| .d-xl-flex { |
| display: flex !important; |
| } |
| .d-xl-inline-flex { |
| display: inline-flex !important; |
| } |
| .d-xl-none { |
| display: none !important; |
| } |
| .flex-xl-fill { |
| flex: 1 1 auto !important; |
| } |
| .flex-xl-row { |
| flex-direction: row !important; |
| } |
| .flex-xl-column { |
| flex-direction: column !important; |
| } |
| .flex-xl-row-reverse { |
| flex-direction: row-reverse !important; |
| } |
| .flex-xl-column-reverse { |
| flex-direction: column-reverse !important; |
| } |
| .flex-xl-grow-0 { |
| flex-grow: 0 !important; |
| } |
| .flex-xl-grow-1 { |
| flex-grow: 1 !important; |
| } |
| .flex-xl-shrink-0 { |
| flex-shrink: 0 !important; |
| } |
| .flex-xl-shrink-1 { |
| flex-shrink: 1 !important; |
| } |
| .flex-xl-wrap { |
| flex-wrap: wrap !important; |
| } |
| .flex-xl-nowrap { |
| flex-wrap: nowrap !important; |
| } |
| .flex-xl-wrap-reverse { |
| flex-wrap: wrap-reverse !important; |
| } |
| .gap-xl-0 { |
| gap: 0 !important; |
| } |
| .gap-xl-1 { |
| gap: 0.25rem !important; |
| } |
| .gap-xl-2 { |
| gap: 0.5rem !important; |
| } |
| .gap-xl-3 { |
| gap: 1rem !important; |
| } |
| .gap-xl-4 { |
| gap: 1.5rem !important; |
| } |
| .gap-xl-5 { |
| gap: 3rem !important; |
| } |
| .justify-content-xl-start { |
| justify-content: flex-start !important; |
| } |
| .justify-content-xl-end { |
| justify-content: flex-end !important; |
| } |
| .justify-content-xl-center { |
| justify-content: center !important; |
| } |
| .justify-content-xl-between { |
| justify-content: space-between !important; |
| } |
| .justify-content-xl-around { |
| justify-content: space-around !important; |
| } |
| .justify-content-xl-evenly { |
| justify-content: space-evenly !important; |
| } |
| .align-items-xl-start { |
| align-items: flex-start !important; |
| } |
| .align-items-xl-end { |
| align-items: flex-end !important; |
| } |
| .align-items-xl-center { |
| align-items: center !important; |
| } |
| .align-items-xl-baseline { |
| align-items: baseline !important; |
| } |
| .align-items-xl-stretch { |
| align-items: stretch !important; |
| } |
| .align-content-xl-start { |
| align-content: flex-start !important; |
| } |
| .align-content-xl-end { |
| align-content: flex-end !important; |
| } |
| .align-content-xl-center { |
| align-content: center !important; |
| } |
| .align-content-xl-between { |
| align-content: space-between !important; |
| } |
| .align-content-xl-around { |
| align-content: space-around !important; |
| } |
| .align-content-xl-stretch { |
| align-content: stretch !important; |
| } |
| .align-self-xl-auto { |
| align-self: auto !important; |
| } |
| .align-self-xl-start { |
| align-self: flex-start !important; |
| } |
| .align-self-xl-end { |
| align-self: flex-end !important; |
| } |
| .align-self-xl-center { |
| align-self: center !important; |
| } |
| .align-self-xl-baseline { |
| align-self: baseline !important; |
| } |
| .align-self-xl-stretch { |
| align-self: stretch !important; |
| } |
| .order-xl-first { |
| order: -1 !important; |
| } |
| .order-xl-0 { |
| order: 0 !important; |
| } |
| .order-xl-1 { |
| order: 1 !important; |
| } |
| .order-xl-2 { |
| order: 2 !important; |
| } |
| .order-xl-3 { |
| order: 3 !important; |
| } |
| .order-xl-4 { |
| order: 4 !important; |
| } |
| .order-xl-5 { |
| order: 5 !important; |
| } |
| .order-xl-last { |
| order: 6 !important; |
| } |
| .m-xl-0 { |
| margin: 0 !important; |
| } |
| .m-xl-1 { |
| margin: 0.25rem !important; |
| } |
| .m-xl-2 { |
| margin: 0.5rem !important; |
| } |
| .m-xl-3 { |
| margin: 1rem !important; |
| } |
| .m-xl-4 { |
| margin: 1.5rem !important; |
| } |
| .m-xl-5 { |
| margin: 3rem !important; |
| } |
| .m-xl-auto { |
| margin: auto !important; |
| } |
| .mx-xl-0 { |
| margin-right: 0 !important; |
| margin-left: 0 !important; |
| } |
| .mx-xl-1 { |
| margin-right: 0.25rem !important; |
| margin-left: 0.25rem !important; |
| } |
| .mx-xl-2 { |
| margin-right: 0.5rem !important; |
| margin-left: 0.5rem !important; |
| } |
| .mx-xl-3 { |
| margin-right: 1rem !important; |
| margin-left: 1rem !important; |
| } |
| .mx-xl-4 { |
| margin-right: 1.5rem !important; |
| margin-left: 1.5rem !important; |
| } |
| .mx-xl-5 { |
| margin-right: 3rem !important; |
| margin-left: 3rem !important; |
| } |
| .mx-xl-auto { |
| margin-right: auto !important; |
| margin-left: auto !important; |
| } |
| .my-xl-0 { |
| margin-top: 0 !important; |
| margin-bottom: 0 !important; |
| } |
| .my-xl-1 { |
| margin-top: 0.25rem !important; |
| margin-bottom: 0.25rem !important; |
| } |
| .my-xl-2 { |
| margin-top: 0.5rem !important; |
| margin-bottom: 0.5rem !important; |
| } |
| .my-xl-3 { |
| margin-top: 1rem !important; |
| margin-bottom: 1rem !important; |
| } |
| .my-xl-4 { |
| margin-top: 1.5rem !important; |
| margin-bottom: 1.5rem !important; |
| } |
| .my-xl-5 { |
| margin-top: 3rem !important; |
| margin-bottom: 3rem !important; |
| } |
| .my-xl-auto { |
| margin-top: auto !important; |
| margin-bottom: auto !important; |
| } |
| .mt-xl-0 { |
| margin-top: 0 !important; |
| } |
| .mt-xl-1 { |
| margin-top: 0.25rem !important; |
| } |
| .mt-xl-2 { |
| margin-top: 0.5rem !important; |
| } |
| .mt-xl-3 { |
| margin-top: 1rem !important; |
| } |
| .mt-xl-4 { |
| margin-top: 1.5rem !important; |
| } |
| .mt-xl-5 { |
| margin-top: 3rem !important; |
| } |
| .mt-xl-auto { |
| margin-top: auto !important; |
| } |
| .mr-xl-0 { |
| margin-right: 0 !important; |
| } |
| .mr-xl-1 { |
| margin-right: 0.25rem !important; |
| } |
| .mr-xl-2 { |
| margin-right: 0.5rem !important; |
| } |
| .mr-xl-3 { |
| margin-right: 1rem !important; |
| } |
| .mr-xl-4 { |
| margin-right: 1.5rem !important; |
| } |
| .mr-xl-5 { |
| margin-right: 3rem !important; |
| } |
| .mr-xl-auto { |
| margin-right: auto !important; |
| } |
| .mb-xl-0 { |
| margin-bottom: 0 !important; |
| } |
| .mb-xl-1 { |
| margin-bottom: 0.25rem !important; |
| } |
| .mb-xl-2 { |
| margin-bottom: 0.5rem !important; |
| } |
| .mb-xl-3 { |
| margin-bottom: 1rem !important; |
| } |
| .mb-xl-4 { |
| margin-bottom: 1.5rem !important; |
| } |
| .mb-xl-5 { |
| margin-bottom: 3rem !important; |
| } |
| .mb-xl-auto { |
| margin-bottom: auto !important; |
| } |
| .ml-xl-0 { |
| margin-left: 0 !important; |
| } |
| .ml-xl-1 { |
| margin-left: 0.25rem !important; |
| } |
| .ml-xl-2 { |
| margin-left: 0.5rem !important; |
| } |
| .ml-xl-3 { |
| margin-left: 1rem !important; |
| } |
| .ml-xl-4 { |
| margin-left: 1.5rem !important; |
| } |
| .ml-xl-5 { |
| margin-left: 3rem !important; |
| } |
| .ml-xl-auto { |
| margin-left: auto !important; |
| } |
| .p-xl-0 { |
| padding: 0 !important; |
| } |
| .p-xl-1 { |
| padding: 0.25rem !important; |
| } |
| .p-xl-2 { |
| padding: 0.5rem !important; |
| } |
| .p-xl-3 { |
| padding: 1rem !important; |
| } |
| .p-xl-4 { |
| padding: 1.5rem !important; |
| } |
| .p-xl-5 { |
| padding: 3rem !important; |
| } |
| .px-xl-0 { |
| padding-right: 0 !important; |
| padding-left: 0 !important; |
| } |
| .px-xl-1 { |
| padding-right: 0.25rem !important; |
| padding-left: 0.25rem !important; |
| } |
| .px-xl-2 { |
| padding-right: 0.5rem !important; |
| padding-left: 0.5rem !important; |
| } |
| .px-xl-3 { |
| padding-right: 1rem !important; |
| padding-left: 1rem !important; |
| } |
| .px-xl-4 { |
| padding-right: 1.5rem !important; |
| padding-left: 1.5rem !important; |
| } |
| .px-xl-5 { |
| padding-right: 3rem !important; |
| padding-left: 3rem !important; |
| } |
| .py-xl-0 { |
| padding-top: 0 !important; |
| padding-bottom: 0 !important; |
| } |
| .py-xl-1 { |
| padding-top: 0.25rem !important; |
| padding-bottom: 0.25rem !important; |
| } |
| .py-xl-2 { |
| padding-top: 0.5rem !important; |
| padding-bottom: 0.5rem !important; |
| } |
| .py-xl-3 { |
| padding-top: 1rem !important; |
| padding-bottom: 1rem !important; |
| } |
| .py-xl-4 { |
| padding-top: 1.5rem !important; |
| padding-bottom: 1.5rem !important; |
| } |
| .py-xl-5 { |
| padding-top: 3rem !important; |
| padding-bottom: 3rem !important; |
| } |
| .pt-xl-0 { |
| padding-top: 0 !important; |
| } |
| .pt-xl-1 { |
| padding-top: 0.25rem !important; |
| } |
| .pt-xl-2 { |
| padding-top: 0.5rem !important; |
| } |
| .pt-xl-3 { |
| padding-top: 1rem !important; |
| } |
| .pt-xl-4 { |
| padding-top: 1.5rem !important; |
| } |
| .pt-xl-5 { |
| padding-top: 3rem !important; |
| } |
| .pr-xl-0 { |
| padding-right: 0 !important; |
| } |
| .pr-xl-1 { |
| padding-right: 0.25rem !important; |
| } |
| .pr-xl-2 { |
| padding-right: 0.5rem !important; |
| } |
| .pr-xl-3 { |
| padding-right: 1rem !important; |
| } |
| .pr-xl-4 { |
| padding-right: 1.5rem !important; |
| } |
| .pr-xl-5 { |
| padding-right: 3rem !important; |
| } |
| .pb-xl-0 { |
| padding-bottom: 0 !important; |
| } |
| .pb-xl-1 { |
| padding-bottom: 0.25rem !important; |
| } |
| .pb-xl-2 { |
| padding-bottom: 0.5rem !important; |
| } |
| .pb-xl-3 { |
| padding-bottom: 1rem !important; |
| } |
| .pb-xl-4 { |
| padding-bottom: 1.5rem !important; |
| } |
| .pb-xl-5 { |
| padding-bottom: 3rem !important; |
| } |
| .pl-xl-0 { |
| padding-left: 0 !important; |
| } |
| .pl-xl-1 { |
| padding-left: 0.25rem !important; |
| } |
| .pl-xl-2 { |
| padding-left: 0.5rem !important; |
| } |
| .pl-xl-3 { |
| padding-left: 1rem !important; |
| } |
| .pl-xl-4 { |
| padding-left: 1.5rem !important; |
| } |
| .pl-xl-5 { |
| padding-left: 3rem !important; |
| } |
| .text-xl-left { |
| text-align: left !important; |
| } |
| .text-xl-right { |
| text-align: right !important; |
| } |
| .text-xl-center { |
| text-align: center !important; |
| } |
| } |
| |
| @media (min-width: 1400px) { |
| .float-xxl-left { |
| float: left !important; |
| } |
| .float-xxl-right { |
| float: right !important; |
| } |
| .float-xxl-none { |
| float: none !important; |
| } |
| .d-xxl-inline { |
| display: inline !important; |
| } |
| .d-xxl-inline-block { |
| display: inline-block !important; |
| } |
| .d-xxl-block { |
| display: block !important; |
| } |
| .d-xxl-grid { |
| display: grid !important; |
| } |
| .d-xxl-table { |
| display: table !important; |
| } |
| .d-xxl-table-row { |
| display: table-row !important; |
| } |
| .d-xxl-table-cell { |
| display: table-cell !important; |
| } |
| .d-xxl-flex { |
| display: flex !important; |
| } |
| .d-xxl-inline-flex { |
| display: inline-flex !important; |
| } |
| .d-xxl-none { |
| display: none !important; |
| } |
| .flex-xxl-fill { |
| flex: 1 1 auto !important; |
| } |
| .flex-xxl-row { |
| flex-direction: row !important; |
| } |
| .flex-xxl-column { |
| flex-direction: column !important; |
| } |
| .flex-xxl-row-reverse { |
| flex-direction: row-reverse !important; |
| } |
| .flex-xxl-column-reverse { |
| flex-direction: column-reverse !important; |
| } |
| .flex-xxl-grow-0 { |
| flex-grow: 0 !important; |
| } |
| .flex-xxl-grow-1 { |
| flex-grow: 1 !important; |
| } |
| .flex-xxl-shrink-0 { |
| flex-shrink: 0 !important; |
| } |
| .flex-xxl-shrink-1 { |
| flex-shrink: 1 !important; |
| } |
| .flex-xxl-wrap { |
| flex-wrap: wrap !important; |
| } |
| .flex-xxl-nowrap { |
| flex-wrap: nowrap !important; |
| } |
| .flex-xxl-wrap-reverse { |
| flex-wrap: wrap-reverse !important; |
| } |
| .gap-xxl-0 { |
| gap: 0 !important; |
| } |
| .gap-xxl-1 { |
| gap: 0.25rem !important; |
| } |
| .gap-xxl-2 { |
| gap: 0.5rem !important; |
| } |
| .gap-xxl-3 { |
| gap: 1rem !important; |
| } |
| .gap-xxl-4 { |
| gap: 1.5rem !important; |
| } |
| .gap-xxl-5 { |
| gap: 3rem !important; |
| } |
| .justify-content-xxl-start { |
| justify-content: flex-start !important; |
| } |
| .justify-content-xxl-end { |
| justify-content: flex-end !important; |
| } |
| .justify-content-xxl-center { |
| justify-content: center !important; |
| } |
| .justify-content-xxl-between { |
| justify-content: space-between !important; |
| } |
| .justify-content-xxl-around { |
| justify-content: space-around !important; |
| } |
| .justify-content-xxl-evenly { |
| justify-content: space-evenly !important; |
| } |
| .align-items-xxl-start { |
| align-items: flex-start !important; |
| } |
| .align-items-xxl-end { |
| align-items: flex-end !important; |
| } |
| .align-items-xxl-center { |
| align-items: center !important; |
| } |
| .align-items-xxl-baseline { |
| align-items: baseline !important; |
| } |
| .align-items-xxl-stretch { |
| align-items: stretch !important; |
| } |
| .align-content-xxl-start { |
| align-content: flex-start !important; |
| } |
| .align-content-xxl-end { |
| align-content: flex-end !important; |
| } |
| .align-content-xxl-center { |
| align-content: center !important; |
| } |
| .align-content-xxl-between { |
| align-content: space-between !important; |
| } |
| .align-content-xxl-around { |
| align-content: space-around !important; |
| } |
| .align-content-xxl-stretch { |
| align-content: stretch !important; |
| } |
| .align-self-xxl-auto { |
| align-self: auto !important; |
| } |
| .align-self-xxl-start { |
| align-self: flex-start !important; |
| } |
| .align-self-xxl-end { |
| align-self: flex-end !important; |
| } |
| .align-self-xxl-center { |
| align-self: center !important; |
| } |
| .align-self-xxl-baseline { |
| align-self: baseline !important; |
| } |
| .align-self-xxl-stretch { |
| align-self: stretch !important; |
| } |
| .order-xxl-first { |
| order: -1 !important; |
| } |
| .order-xxl-0 { |
| order: 0 !important; |
| } |
| .order-xxl-1 { |
| order: 1 !important; |
| } |
| .order-xxl-2 { |
| order: 2 !important; |
| } |
| .order-xxl-3 { |
| order: 3 !important; |
| } |
| .order-xxl-4 { |
| order: 4 !important; |
| } |
| .order-xxl-5 { |
| order: 5 !important; |
| } |
| .order-xxl-last { |
| order: 6 !important; |
| } |
| .m-xxl-0 { |
| margin: 0 !important; |
| } |
| .m-xxl-1 { |
| margin: 0.25rem !important; |
| } |
| .m-xxl-2 { |
| margin: 0.5rem !important; |
| } |
| .m-xxl-3 { |
| margin: 1rem !important; |
| } |
| .m-xxl-4 { |
| margin: 1.5rem !important; |
| } |
| .m-xxl-5 { |
| margin: 3rem !important; |
| } |
| .m-xxl-auto { |
| margin: auto !important; |
| } |
| .mx-xxl-0 { |
| margin-right: 0 !important; |
| margin-left: 0 !important; |
| } |
| .mx-xxl-1 { |
| margin-right: 0.25rem !important; |
| margin-left: 0.25rem !important; |
| } |
| .mx-xxl-2 { |
| margin-right: 0.5rem !important; |
| margin-left: 0.5rem !important; |
| } |
| .mx-xxl-3 { |
| margin-right: 1rem !important; |
| margin-left: 1rem !important; |
| } |
| .mx-xxl-4 { |
| margin-right: 1.5rem !important; |
| margin-left: 1.5rem !important; |
| } |
| .mx-xxl-5 { |
| margin-right: 3rem !important; |
| margin-left: 3rem !important; |
| } |
| .mx-xxl-auto { |
| margin-right: auto !important; |
| margin-left: auto !important; |
| } |
| .my-xxl-0 { |
| margin-top: 0 !important; |
| margin-bottom: 0 !important; |
| } |
| .my-xxl-1 { |
| margin-top: 0.25rem !important; |
| margin-bottom: 0.25rem !important; |
| } |
| .my-xxl-2 { |
| margin-top: 0.5rem !important; |
| margin-bottom: 0.5rem !important; |
| } |
| .my-xxl-3 { |
| margin-top: 1rem !important; |
| margin-bottom: 1rem !important; |
| } |
| .my-xxl-4 { |
| margin-top: 1.5rem !important; |
| margin-bottom: 1.5rem !important; |
| } |
| .my-xxl-5 { |
| margin-top: 3rem !important; |
| margin-bottom: 3rem !important; |
| } |
| .my-xxl-auto { |
| margin-top: auto !important; |
| margin-bottom: auto !important; |
| } |
| .mt-xxl-0 { |
| margin-top: 0 !important; |
| } |
| .mt-xxl-1 { |
| margin-top: 0.25rem !important; |
| } |
| .mt-xxl-2 { |
| margin-top: 0.5rem !important; |
| } |
| .mt-xxl-3 { |
| margin-top: 1rem !important; |
| } |
| .mt-xxl-4 { |
| margin-top: 1.5rem !important; |
| } |
| .mt-xxl-5 { |
| margin-top: 3rem !important; |
| } |
| .mt-xxl-auto { |
| margin-top: auto !important; |
| } |
| .mr-xxl-0 { |
| margin-right: 0 !important; |
| } |
| .mr-xxl-1 { |
| margin-right: 0.25rem !important; |
| } |
| .mr-xxl-2 { |
| margin-right: 0.5rem !important; |
| } |
| .mr-xxl-3 { |
| margin-right: 1rem !important; |
| } |
| .mr-xxl-4 { |
| margin-right: 1.5rem !important; |
| } |
| .mr-xxl-5 { |
| margin-right: 3rem !important; |
| } |
| .mr-xxl-auto { |
| margin-right: auto !important; |
| } |
| .mb-xxl-0 { |
| margin-bottom: 0 !important; |
| } |
| .mb-xxl-1 { |
| margin-bottom: 0.25rem !important; |
| } |
| .mb-xxl-2 { |
| margin-bottom: 0.5rem !important; |
| } |
| .mb-xxl-3 { |
| margin-bottom: 1rem !important; |
| } |
| .mb-xxl-4 { |
| margin-bottom: 1.5rem !important; |
| } |
| .mb-xxl-5 { |
| margin-bottom: 3rem !important; |
| } |
| .mb-xxl-auto { |
| margin-bottom: auto !important; |
| } |
| .ml-xxl-0 { |
| margin-left: 0 !important; |
| } |
| .ml-xxl-1 { |
| margin-left: 0.25rem !important; |
| } |
| .ml-xxl-2 { |
| margin-left: 0.5rem !important; |
| } |
| .ml-xxl-3 { |
| margin-left: 1rem !important; |
| } |
| .ml-xxl-4 { |
| margin-left: 1.5rem !important; |
| } |
| .ml-xxl-5 { |
| margin-left: 3rem !important; |
| } |
| .ml-xxl-auto { |
| margin-left: auto !important; |
| } |
| .p-xxl-0 { |
| padding: 0 !important; |
| } |
| .p-xxl-1 { |
| padding: 0.25rem !important; |
| } |
| .p-xxl-2 { |
| padding: 0.5rem !important; |
| } |
| .p-xxl-3 { |
| padding: 1rem !important; |
| } |
| .p-xxl-4 { |
| padding: 1.5rem !important; |
| } |
| .p-xxl-5 { |
| padding: 3rem !important; |
| } |
| .px-xxl-0 { |
| padding-right: 0 !important; |
| padding-left: 0 !important; |
| } |
| .px-xxl-1 { |
| padding-right: 0.25rem !important; |
| padding-left: 0.25rem !important; |
| } |
| .px-xxl-2 { |
| padding-right: 0.5rem !important; |
| padding-left: 0.5rem !important; |
| } |
| .px-xxl-3 { |
| padding-right: 1rem !important; |
| padding-left: 1rem !important; |
| } |
| .px-xxl-4 { |
| padding-right: 1.5rem !important; |
| padding-left: 1.5rem !important; |
| } |
| .px-xxl-5 { |
| padding-right: 3rem !important; |
| padding-left: 3rem !important; |
| } |
| .py-xxl-0 { |
| padding-top: 0 !important; |
| padding-bottom: 0 !important; |
| } |
| .py-xxl-1 { |
| padding-top: 0.25rem !important; |
| padding-bottom: 0.25rem !important; |
| } |
| .py-xxl-2 { |
| padding-top: 0.5rem !important; |
| padding-bottom: 0.5rem !important; |
| } |
| .py-xxl-3 { |
| padding-top: 1rem !important; |
| padding-bottom: 1rem !important; |
| } |
| .py-xxl-4 { |
| padding-top: 1.5rem !important; |
| padding-bottom: 1.5rem !important; |
| } |
| .py-xxl-5 { |
| padding-top: 3rem !important; |
| padding-bottom: 3rem !important; |
| } |
| .pt-xxl-0 { |
| padding-top: 0 !important; |
| } |
| .pt-xxl-1 { |
| padding-top: 0.25rem !important; |
| } |
| .pt-xxl-2 { |
| padding-top: 0.5rem !important; |
| } |
| .pt-xxl-3 { |
| padding-top: 1rem !important; |
| } |
| .pt-xxl-4 { |
| padding-top: 1.5rem !important; |
| } |
| .pt-xxl-5 { |
| padding-top: 3rem !important; |
| } |
| .pr-xxl-0 { |
| padding-right: 0 !important; |
| } |
| .pr-xxl-1 { |
| padding-right: 0.25rem !important; |
| } |
| .pr-xxl-2 { |
| padding-right: 0.5rem !important; |
| } |
| .pr-xxl-3 { |
| padding-right: 1rem !important; |
| } |
| .pr-xxl-4 { |
| padding-right: 1.5rem !important; |
| } |
| .pr-xxl-5 { |
| padding-right: 3rem !important; |
| } |
| .pb-xxl-0 { |
| padding-bottom: 0 !important; |
| } |
| .pb-xxl-1 { |
| padding-bottom: 0.25rem !important; |
| } |
| .pb-xxl-2 { |
| padding-bottom: 0.5rem !important; |
| } |
| .pb-xxl-3 { |
| padding-bottom: 1rem !important; |
| } |
| .pb-xxl-4 { |
| padding-bottom: 1.5rem !important; |
| } |
| .pb-xxl-5 { |
| padding-bottom: 3rem !important; |
| } |
| .pl-xxl-0 { |
| padding-left: 0 !important; |
| } |
| .pl-xxl-1 { |
| padding-left: 0.25rem !important; |
| } |
| .pl-xxl-2 { |
| padding-left: 0.5rem !important; |
| } |
| .pl-xxl-3 { |
| padding-left: 1rem !important; |
| } |
| .pl-xxl-4 { |
| padding-left: 1.5rem !important; |
| } |
| .pl-xxl-5 { |
| padding-left: 3rem !important; |
| } |
| .text-xxl-left { |
| text-align: left !important; |
| } |
| .text-xxl-right { |
| text-align: right !important; |
| } |
| .text-xxl-center { |
| text-align: center !important; |
| } |
| } |
| |
| @media (min-width: 1200px) { |
| .fs-1 { |
| font-size: 1.7rem !important; |
| } |
| .fs-2 { |
| font-size: 1.55rem !important; |
| } |
| .fs-3 { |
| font-size: 1.4rem !important; |
| } |
| .fs-sm-1 { |
| font-size: 1.7rem !important; |
| } |
| .fs-sm-2 { |
| font-size: 1.55rem !important; |
| } |
| .fs-sm-3 { |
| font-size: 1.4rem !important; |
| } |
| .fs-md-1 { |
| font-size: 1.7rem !important; |
| } |
| .fs-md-2 { |
| font-size: 1.55rem !important; |
| } |
| .fs-md-3 { |
| font-size: 1.4rem !important; |
| } |
| .fs-lg-1 { |
| font-size: 1.7rem !important; |
| } |
| .fs-lg-2 { |
| font-size: 1.55rem !important; |
| } |
| .fs-lg-3 { |
| font-size: 1.4rem !important; |
| } |
| } |
| |
| @media print { |
| .d-print-inline { |
| display: inline !important; |
| } |
| .d-print-inline-block { |
| display: inline-block !important; |
| } |
| .d-print-block { |
| display: block !important; |
| } |
| .d-print-grid { |
| display: grid !important; |
| } |
| .d-print-table { |
| display: table !important; |
| } |
| .d-print-table-row { |
| display: table-row !important; |
| } |
| .d-print-table-cell { |
| display: table-cell !important; |
| } |
| .d-print-flex { |
| display: flex !important; |
| } |
| .d-print-inline-flex { |
| display: inline-flex !important; |
| } |
| .d-print-none { |
| display: none !important; |
| } |
| } |
| |
| /* |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| .datepicker { |
| display: none; |
| } |
| |
| .datepicker.active { |
| display: block; |
| } |
| |
| .datepicker-dropdown { |
| position: absolute; |
| top: 0; |
| left: 0; |
| z-index: 1000; |
| padding-top: 4px; |
| } |
| |
| .datepicker-dropdown.datepicker-orient-top { |
| padding-top: 0; |
| padding-bottom: 4px; |
| } |
| |
| .datepicker-picker { |
| display: inline-block; |
| border-radius: 0.25rem; |
| background-color: #fff; |
| } |
| |
| .datepicker-dropdown .datepicker-picker { |
| box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); |
| } |
| |
| .datepicker-picker span { |
| display: block; |
| flex: 1; |
| border: 0; |
| border-radius: 0.25rem; |
| cursor: default; |
| text-align: center; |
| -webkit-touch-callout: none; |
| -webkit-user-select: none; |
| -moz-user-select: none; |
| -ms-user-select: none; |
| user-select: none; |
| } |
| |
| .datepicker-main { |
| padding: 2px; |
| } |
| |
| .datepicker-footer { |
| box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); |
| background-color: #f7f7f7; |
| } |
| |
| .datepicker-controls, .datepicker-view, .datepicker-view .days-of-week, .datepicker-grid { |
| display: flex; |
| } |
| |
| .datepicker-grid { |
| flex-wrap: wrap; |
| } |
| |
| .datepicker-view .dow, .datepicker-view .days .datepicker-cell { |
| flex-basis: 14.285714%; |
| } |
| |
| .datepicker-view.datepicker-grid .datepicker-cell { |
| flex-basis: 25%; |
| } |
| |
| .datepicker-view .week, .datepicker-cell { |
| height: 2.25rem; |
| line-height: 2.25rem; |
| } |
| |
| .datepicker-title { |
| box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.1); |
| background-color: #f7f7f7; |
| padding: 0.375rem 0.75rem; |
| text-align: center; |
| font-weight: 700; |
| } |
| |
| .datepicker-header .datepicker-controls { |
| padding: 2px 2px 0; |
| } |
| |
| .datepicker-controls .btn { |
| border-color: #f7f7f7; |
| background-color: #fff; |
| } |
| |
| .datepicker-controls .btn:hover { |
| border-color: #dedede; |
| background-color: #e4e4e4; |
| color: #000; |
| } |
| |
| .datepicker-controls .btn:focus { |
| border-color: #dedede; |
| box-shadow: 0 0 0 0.25rem rgba(210, 210, 210, 0.5); |
| background-color: #e4e4e4; |
| color: #000; |
| } |
| |
| .datepicker-controls .btn:disabled { |
| border-color: #f7f7f7; |
| background-color: #f7f7f7; |
| color: #000; |
| } |
| |
| .datepicker-controls .btn:not(:disabled):active { |
| border-color: #d7d7d7; |
| background-color: #dedede; |
| color: #000; |
| } |
| |
| .datepicker-controls .btn:not(:disabled):active:focus { |
| box-shadow: 0 0 0 0.25rem rgba(210, 210, 210, 0.5); |
| } |
| |
| .datepicker-header .datepicker-controls .btn { |
| border-color: transparent; |
| font-weight: bold; |
| } |
| |
| .datepicker-footer .datepicker-controls .btn { |
| margin: calc(0.375rem - 1px) 0.375rem; |
| border-radius: 0.2rem; |
| width: 100%; |
| font-size: 0.875rem; |
| } |
| |
| .datepicker-controls .view-switch { |
| flex: auto; |
| } |
| |
| .datepicker-controls .prev-btn, |
| .datepicker-controls .next-btn { |
| padding-right: 0.375rem; |
| padding-left: 0.375rem; |
| width: 2.25rem; |
| } |
| |
| .datepicker-controls .prev-btn.disabled, |
| .datepicker-controls .next-btn.disabled { |
| visibility: hidden; |
| } |
| |
| .datepicker-view .dow { |
| height: 1.5rem; |
| line-height: 1.5rem; |
| font-size: 0.9375rem; |
| font-weight: 700; |
| } |
| |
| .datepicker-view .week { |
| width: 2.25rem; |
| color: #d7d7d7; |
| font-size: 0.875rem; |
| } |
| |
| @media (max-width: 22.5rem) { |
| .datepicker-view .week { |
| width: 1.96875rem; |
| } |
| } |
| |
| .datepicker-grid { |
| width: 15.75rem; |
| } |
| |
| @media (max-width: 22.5rem) { |
| .calendar-weeks + .days .datepicker-grid { |
| width: 13.78125rem; |
| } |
| } |
| |
| .datepicker-cell:not(.disabled):hover { |
| background-color: #f9f9f9; |
| cursor: pointer; |
| } |
| |
| .datepicker-cell.focused:not(.selected) { |
| background-color: #f1f1f1; |
| } |
| |
| .datepicker-cell.selected, .datepicker-cell.selected:hover { |
| background-color: #a36725; |
| color: #fff; |
| font-weight: 600; |
| } |
| |
| .datepicker-cell.disabled { |
| color: #788c94; |
| } |
| |
| .datepicker-cell.prev:not(.disabled), .datepicker-cell.next:not(.disabled) { |
| color: color("gray"); |
| } |
| |
| .datepicker-cell.highlighted:not(.selected):not(.range):not(.today) { |
| border-radius: 0; |
| background-color: #f7f7f7; |
| } |
| |
| .datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover { |
| background-color: #f1f1f1; |
| } |
| |
| .datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused { |
| background-color: #f1f1f1; |
| } |
| |
| .datepicker-cell.today:not(.selected) { |
| background-color: #20c997; |
| } |
| |
| .datepicker-cell.today:not(.selected):not(.disabled) { |
| color: #fff; |
| } |
| |
| .datepicker-cell.today.focused:not(.selected) { |
| background-color: #1ebe8f; |
| } |
| |
| .datepicker-cell.range-start:not(.selected), .datepicker-cell.range-end:not(.selected) { |
| background-color: #d7d7d7; |
| color: #fff; |
| } |
| |
| .datepicker-cell.range-start.focused:not(.selected), .datepicker-cell.range-end.focused:not(.selected) { |
| background-color: #d1d1d1; |
| } |
| |
| .datepicker-cell.range-start { |
| border-radius: 0.25rem 0 0 0.25rem; |
| } |
| |
| .datepicker-cell.range-end { |
| border-radius: 0 0.25rem 0.25rem 0; |
| } |
| |
| .datepicker-cell.range { |
| border-radius: 0; |
| background-color: #e3e4e5; |
| } |
| |
| .datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover { |
| background-color: #dcdedf; |
| } |
| |
| .datepicker-cell.range.disabled { |
| color: #c9cbcc; |
| } |
| |
| .datepicker-cell.range.focused { |
| background-color: #d6d7d9; |
| } |
| |
| .datepicker-view.datepicker-grid .datepicker-cell { |
| height: 4.5rem; |
| line-height: 4.5rem; |
| } |
| |
| .datepicker-input.in-edit { |
| border-color: #7da083; |
| } |
| |
| .datepicker-input.in-edit:focus, .datepicker-input.in-edit:active { |
| box-shadow: 0 0 0.25em 0.25em rgba(125, 160, 131, 0.2); |
| } |
| |
| /* |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| /* |
| XXX used variables: only for the IDE, will not really used by the build system, because this |
| XXX code will be inserted after the _variables.scss |
| */ |
| /* |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| /* |
| XXX used variables: only for the IDE, will not be used by the build system, because this |
| XXX code will be inserted after bootstraps _variables.scss |
| */ |
| /* used icons ---------------------------------------------------- */ |
| /* non-bootstrap variables --------------------------------------- */ |
| /* main ---------------------------------------------------------- */ |
| /* badge -------------------------------------------------------------- */ |
| .badge.btn { |
| border: 0; |
| } |
| |
| .btn-group > tobago-badge.badge.btn { |
| z-index: initial; |
| cursor: initial; |
| } |
| |
| /* bar -------------------------------------------------------------- */ |
| tobago-bar.navbar-light .navbar-brand > .tobago-link { |
| color: #d90; |
| } |
| |
| tobago-bar.navbar-light .navbar-brand > .tobago-link:hover, tobago-bar.navbar-light .navbar-brand > .tobago-link:focus { |
| text-decoration: none; |
| } |
| |
| tobago-bar.navbar-dark .navbar-brand > .tobago-link { |
| color: #fff; |
| } |
| |
| tobago-bar.navbar-dark .navbar-brand > .tobago-link:hover, tobago-bar.navbar-dark .navbar-brand > .tobago-link:focus { |
| text-decoration: none; |
| } |
| |
| tobago-bar .navbar-brand { |
| /* Normally links are underlined. A navbar-brand link is NOT underlined. In Tobago, the .navbar-brand class is not |
| on the link itself but on the parent tag. */ |
| } |
| |
| tobago-bar .navbar-brand > .tobago-link { |
| text-decoration: none; |
| } |
| |
| tobago-behavior { |
| display: none; |
| } |
| |
| /* box -------------------------------------------------------------- */ |
| tobago-box { |
| margin-bottom: 1rem; |
| } |
| |
| tobago-box > .card-body { |
| overflow-x: hidden; |
| overflow-y: auto; |
| } |
| |
| .tobago-box-header { |
| display: flex; |
| justify-content: space-between; |
| align-content: center; |
| } |
| |
| .card-header > h3:first-child, .card-header > .h3:first-child { |
| margin-bottom: 0; |
| align-self: center; |
| } |
| |
| .card-header .navbar { |
| padding: 0; |
| } |
| |
| /* button, link ------------------------------------------------------- */ |
| .tobago-button:disabled { |
| pointer-events: auto; |
| } |
| |
| .tobago-button:disabled:hover { |
| cursor: not-allowed; |
| } |
| |
| .tobago-button > img + span { |
| margin-left: .4em; |
| } |
| |
| .tobago-button > i + span { |
| margin-left: .4em; |
| } |
| |
| /* button -------------------------------------------------------------- */ |
| /* XXX for what is this needed? |
| a.tobago-button { |
| &.btn-primary:focus { |
| color: $btn-primary-color; |
| } |
| &.btn-secondary:focus { |
| color: $btn-secondary-color; |
| } |
| } |
| */ |
| button.tobago-button:disabled { |
| cursor: not-allowed; |
| } |
| |
| button.tobago-button:disabled img, button.tobago-button:disabled span { |
| pointer-events: none; |
| } |
| |
| tobago-buttons > .tobago-button { |
| display: inline-block; |
| } |
| |
| /* collapsible -------------------------------------------------------------- */ |
| tobago-box.tobago-collapsed .card-body, |
| tobago-section.tobago-collapsed .tobago-section-content, |
| tobago-panel.tobago-collapsed { |
| display: none; |
| } |
| |
| /* date -------------------------------------------------------------- */ |
| .tobago-date-markup-fatal.border-danger:focus, .tobago-date-markup-error.border-danger:focus { |
| box-shadow: 0 0 0 0.2rem rgba(211, 0, 64, 0.25); |
| } |
| |
| .tobago-date-markup-warn.border-warning:focus { |
| box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.25); |
| } |
| |
| .tobago-date-markup-info.border-info:focus { |
| box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.25); |
| } |
| |
| tobago-date { |
| display: block; |
| } |
| |
| tobago-date input { |
| min-width: 7em; |
| } |
| |
| tobago-date input::-ms-clear { |
| /* Remove IE10's "clear field" X button */ |
| display: none; |
| } |
| |
| tobago-date input:disabled { |
| color: rgba(33, 37, 41, 0.5); |
| } |
| |
| /* for pickers with more than one icon, e.g. date-time picker */ |
| .btn.tobago-date-picker > .fa:nth-child(n+2) { |
| margin-left: .3em; |
| } |
| |
| /* |
| workaround for Bootstrap Modal (Popup) with vanillajs-datepicker |
| */ |
| .datepicker-dropdown { |
| z-index: 2000 !important; |
| } |
| |
| /* dropdown ------------------------------------------------------- */ |
| tobago-dropdown .dropdown-menu .form-check { |
| /* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */ |
| padding-left: 2.5rem; |
| } |
| |
| tobago-dropdown.tobago-dropdown-submenu { |
| cursor: pointer; |
| position: relative; |
| width: 100%; |
| float: right; |
| } |
| |
| tobago-dropdown.tobago-dropdown-submenu:hover { |
| background-color: #f7f7f7; |
| } |
| |
| tobago-dropdown.tobago-dropdown-submenu:hover > .dropdown-menu { |
| display: block; |
| top: 0; |
| left: 100%; |
| margin-top: -0.5rem; |
| margin-left: -1px; |
| } |
| |
| tobago-dropdown.tobago-dropdown-submenu > .dropdown-item::after { |
| content: " "; |
| float: right; |
| border-color: transparent; |
| border-style: solid; |
| border-width: 5px 0 5px 5px; |
| border-left-color: #cccccc; |
| margin-top: 7px; |
| margin-right: -10px; |
| } |
| |
| /* figure -------------------------------------------------------------- */ |
| /* file -------------------------------------------------------------- */ |
| tobago-file { |
| display: block; |
| } |
| |
| /* flexLayout -------------------------------------------------------------- */ |
| tobago-flex-layout { |
| display: flex; |
| min-width: 0; |
| /* without this, Firefox/Webkit are different from IE: |
| Set the minimal width to zero make flex-layout responsive for the width, |
| even if there is overflowing content. |
| currently e.g. PRE-code blocks in the demo are too wide. XXX */ |
| margin-left: -3px; |
| margin-right: -3px; |
| } |
| |
| tobago-flex-layout > * { |
| margin-left: 3px; |
| margin-right: 3px; |
| } |
| |
| tobago-flex-layout > tobago-flex-layout { |
| margin-left: 0; |
| margin-right: 0; |
| } |
| |
| /* the non-label-element inside of a label-layout with flex box */ |
| .tobago-label-container { |
| display: flex; |
| } |
| |
| .tobago-label-container > label { |
| width: 155px; |
| } |
| |
| .tobago-label-container > .form-control, .tobago-label-container > .form-control-plaintext, |
| .tobago-label-container > .tobago-input-group-outer, .tobago-label-container > .tobago-messages-container, |
| .tobago-label-container > .tobago-selectManyShuttle { |
| flex: 1 0 0px; |
| } |
| |
| /* flowLayout ---------------------------------------------------------- */ |
| tobago-flow-layout.tobago-text-justify { |
| /* added here, because Bootstrap has removed .text-justify */ |
| text-align: justify !important; |
| } |
| |
| /* focus --------------------------------------------------------------- */ |
| tobago-focus { |
| display: none; |
| } |
| |
| /* footer -------------------------------------------------------------- */ |
| tobago-footer { |
| display: block; |
| } |
| |
| tobago-footer { |
| background-color: #ffffff; |
| padding: 5px 10px; |
| box-shadow: 0 0 5px 5px rgba(200, 200, 200, 0.5); |
| } |
| |
| .fixed-bottom { |
| margin-top: 10px; |
| } |
| |
| /* form -------------------------------------------------------------- */ |
| /* gridLayout -------------------------------------------------------------- */ |
| tobago-grid-layout { |
| display: -ms-grid; |
| display: grid; |
| border-spacing: 0; |
| border-collapse: collapse; |
| grid-column-gap: 1rem; |
| -moz-column-gap: 1rem; |
| column-gap: 1rem; |
| } |
| |
| tobago-grid-layout .tobago-label-container > textarea, tobago-grid-layout .tobago-label-container > .tobago-selectManyListbox, tobago-grid-layout .tobago-label-container > .tobago-selectManyShuttle { |
| height: 100%; |
| } |
| |
| /* header ----------------------------------------------------------- */ |
| tobago-header { |
| display: block; |
| } |
| |
| tobago-header { |
| margin-bottom: 1rem; |
| } |
| |
| tobago-header.sticky-top { |
| margin-top: -1rem; |
| margin-left: -0.75rem; |
| margin-right: -0.75rem; |
| } |
| |
| /* hidden ----------------------------------------------------------- */ |
| .tobago-hidden:disabled { |
| display: none; |
| } |
| |
| /* image ----------------------------------------------------------- */ |
| .tobago-image.disabled { |
| filter: grayscale(1) blur(2px) contrast(0.5) brightness(1.2); |
| } |
| |
| /* in ----------------------------------------------------------- */ |
| tobago-in { |
| display: block; |
| } |
| |
| .tobago-in-markup-fatal.border-danger:focus, .tobago-in-markup-error.border-danger:focus { |
| box-shadow: 0 0 0 0.2rem rgba(211, 0, 64, 0.25); |
| } |
| |
| .tobago-in-markup-warn.border-warning:focus { |
| box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.25); |
| } |
| |
| .tobago-in-markup-info.border-info:focus { |
| box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.25); |
| } |
| |
| .tobago-in:disabled { |
| color: rgba(33, 37, 41, 0.5); |
| } |
| |
| .tobago-in-markup-number { |
| text-align: right; |
| } |
| |
| /* label ----------------------------------------------------------- */ |
| .tobago-label { |
| color: #6610f2 !important; |
| } |
| |
| /* link ----------------------------------------------------------- */ |
| .tobago-link { |
| white-space: nowrap; |
| } |
| |
| .tobago-link > img + span { |
| margin-left: .4em; |
| } |
| |
| .tobago-link > i + span { |
| margin-left: .4em; |
| } |
| |
| .tobago-link span { |
| white-space: normal; |
| } |
| |
| .tobago-link.nav-link:focus, .tobago-link.nav-link:hover { |
| text-decoration: none; |
| } |
| |
| a.tobago-link.dropdown-item img, a.tobago-link.dropdown-item span { |
| display: inline-block; |
| /* fix for IE11 - :active selector doesn't work for nested elements */ |
| pointer-events: none; |
| } |
| |
| h1 button.tobago-link, .h1 button.tobago-link, h2 button.tobago-link, .h2 button.tobago-link, h3 button.tobago-link, .h3 button.tobago-link, h4 button.tobago-link, .h4 button.tobago-link, h5 button.tobago-link, .h5 button.tobago-link, h6 button.tobago-link, .h6 button.tobago-link { |
| font-size: inherit; |
| font-weight: inherit; |
| } |
| |
| button.tobago-link.btn { |
| padding: 0; |
| vertical-align: baseline; |
| } |
| |
| button.tobago-link.btn:disabled { |
| pointer-events: auto; |
| } |
| |
| button.tobago-link.btn:disabled:hover { |
| cursor: not-allowed; |
| } |
| |
| button.tobago-link.btn:focus { |
| box-shadow: none; |
| } |
| |
| button.tobago-link.dropdown-item:disabled { |
| pointer-events: auto; |
| } |
| |
| button.tobago-link.dropdown-item:disabled:hover { |
| cursor: not-allowed; |
| } |
| |
| button.nav-link { |
| /* bootstrap don't know button.nav-link*/ |
| padding: 0.55em 1rem 0.45em; |
| } |
| |
| .navbar-nav button.nav-link { |
| padding-left: 0; |
| padding-right: 0; |
| } |
| |
| /* messages / help text ----------------------------------------------- */ |
| .tobago-messages-container { |
| display: flex; |
| align-items: flex-start; |
| } |
| |
| .tobago-messages-container .tobago-messages:first-child small label, .tobago-messages-container .tobago-messages:first-child .small label { |
| margin-right: 0; |
| /* for tc:in margin 5px is already set */ |
| margin-bottom: 5px; |
| } |
| |
| .tobago-popover-box { |
| display: none; |
| width: -webkit-max-content; |
| width: -moz-max-content; |
| width: max-content; |
| } |
| |
| .tobago-popover-box.show { |
| display: block; |
| } |
| |
| a.tobago-messages-button, a.tobago-help-button, a.tobago-popover-button { |
| padding-left: 0.4em; |
| padding-right: 0.4em; |
| } |
| |
| .tobago-messages label { |
| display: block; |
| } |
| |
| .tobago-messages label:last-child { |
| margin-bottom: 0; |
| } |
| |
| tobago-flex-layout.tobago-messages-container > .tobago-input-group-outer, tobago-flex-layout.tobago-messages-container > .tobago-selectManyShuttle { |
| flex: 1 0 0px; |
| } |
| |
| .tobago-margin-bottom { |
| /* Since bootstrap 5.0.0-alpha1 class "form-group" is removed. In the Bootstrap demo "form-group" is replaced with |
| "mb-3". But we shouldn't use "mb-3", because it's adding an "!important" to the margin-bottom. With "!important" added |
| custom styling is much more complicated. */ |
| margin-bottom: 1rem; |
| } |
| |
| .tobago-messages .alert.alert-dismissible { |
| padding-left: 2.6rem; |
| } |
| |
| .tobago-messages .alert.alert-dismissible:before { |
| font-family: FontAwesome; |
| position: absolute; |
| left: 0; |
| padding-left: 0.8rem; |
| padding-right: 0.8rem; |
| width: 2.6rem; |
| text-align: center; |
| } |
| |
| .tobago-messages .alert.alert-dismissible.alert-danger:before { |
| content: ""; |
| } |
| |
| .tobago-messages .alert.alert-dismissible.alert-warning:before { |
| content: ""; |
| } |
| |
| .tobago-messages .alert.alert-dismissible.alert-info:before { |
| content: ""; |
| } |
| |
| .popover .popover-body { |
| white-space: pre-line; |
| } |
| |
| /* nav ----------------------------------------------------------- */ |
| /* no bottom border in navtabs, if panel-body under it */ |
| .nav-tabs { |
| border-bottom-width: 0; |
| } |
| |
| .nav-tabs > li.active > a { |
| background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%); |
| background-repeat: repeat-x; |
| border-bottom: #dddddd; |
| } |
| |
| .nav-tabs > li.active > a:hover { |
| border-bottom: #dddddd; |
| } |
| |
| .dropdown-menu .form-check { |
| display: block; |
| } |
| |
| /* object ----------------------------------------------------------------- */ |
| /* out -------------------------------------------------------------------- */ |
| tobago-out { |
| display: inline-block; |
| } |
| |
| .tobago-out-markup-strong { |
| font-weight: bold; |
| } |
| |
| .tobago-out-markup-deleted { |
| text-decoration: line-through; |
| } |
| |
| .tobago-out-markup-number { |
| display: block; |
| text-align: right; |
| } |
| |
| /* make sure, tc:out has always the same height, no matter if value is empty */ |
| span.tobago-out:empty:before { |
| content: "\200b"; |
| } |
| |
| .table-dark .form-control-plaintext { |
| color: #fff; |
| } |
| |
| /* page ----------------------------------------------------------- */ |
| tobago-page { |
| display: block; |
| padding-top: 1rem; |
| padding-bottom: 1rem; |
| } |
| |
| .tobago-page-overlay { |
| display: table; |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 100%; |
| height: 100%; |
| /* TODO: better z-index strategy */ |
| z-index: 500; |
| /* less than the bootstrap navbar */ |
| transition-delay: 1s; |
| transition-duration: 250ms; |
| transition-property: opacity; |
| opacity: 0; |
| } |
| |
| .tobago-page-overlay-timeout { |
| opacity: 0.8; |
| } |
| |
| .tobago-page-overlay-markup-wait { |
| cursor: wait; |
| } |
| |
| .tobago-page-overlay-markup-error { |
| cursor: default; |
| } |
| |
| .tobago-page-overlayCenter { |
| display: table-cell; |
| text-align: center; |
| vertical-align: middle; |
| width: 100%; |
| /* TODO: better z-index strategy */ |
| z-index: 500; |
| /* less than the bootstrap navbar */ |
| } |
| |
| .tobago-page-overlayCenter img { |
| position: relative; |
| } |
| |
| .tobago-page-noscript { |
| position: absolute; |
| top: 100px; |
| left: 100px; |
| right: 100px; |
| height: 50px; |
| border: 1px solid black; |
| padding: 30px; |
| background-color: white; |
| font-size: 15px; |
| } |
| |
| .tobago-spread { |
| height: 100%; |
| } |
| |
| .tobago-spreadtobago-panel { |
| overflow-x: hidden; |
| overflow-y: auto; |
| } |
| |
| /* menuStore -------------------------------------------------------- */ |
| .tobago-page-menuStore { |
| position: absolute; |
| top: 0; |
| left: 0; |
| width: 0; |
| height: 0; |
| z-index: 1060; |
| } |
| |
| .tobago-page-menuStore .dropdown-menu .form-check { |
| /* move form-check components to the right, so checkbox/radio buttons are inside dropdown-menu */ |
| padding-left: 2.5rem; |
| } |
| |
| /* panel ------------------------------------------------------------- */ |
| tobago-panel { |
| display: block; |
| } |
| |
| /* popover ------------------------------------------------------------- */ |
| /* popup ------------------------------------------------------------- */ |
| .modal-content > .card { |
| margin-bottom: 0; |
| } |
| |
| /* progress ---------------------------------------------------------- */ |
| /* range ---------------------------------------------------------- */ |
| .tobago-required label:after, |
| label.tobago-required:after { |
| content: "*"; |
| color: #d30040; |
| } |
| |
| /* section ----------------------------------------------------------- */ |
| tobago-section > div > h1, tobago-section > div > .h1, tobago-section > div > h2, tobago-section > div > .h2, tobago-section > div > h3, tobago-section > div > .h3, tobago-section > div > h4, tobago-section > div > .h4, tobago-section > div > h5, tobago-section > div > .h5, tobago-section > div > h6, tobago-section > div > .h6 { |
| display: flex; |
| justify-content: space-between; |
| align-content: center; |
| } |
| |
| tobago-section > div > h1 > .fa:first-child, tobago-section > div > .h1 > .fa:first-child, tobago-section > div > h1 > img, tobago-section > div > .h1 > img, tobago-section > div > h2 > .fa:first-child, tobago-section > div > .h2 > .fa:first-child, tobago-section > div > h2 > img, tobago-section > div > .h2 > img, tobago-section > div > h3 > .fa:first-child, tobago-section > div > .h3 > .fa:first-child, tobago-section > div > h3 > img, tobago-section > div > .h3 > img, tobago-section > div > h4 > .fa:first-child, tobago-section > div > .h4 > .fa:first-child, tobago-section > div > h4 > img, tobago-section > div > .h4 > img, tobago-section > div > h5 > .fa:first-child, tobago-section > div > .h5 > .fa:first-child, tobago-section > div > h5 > img, tobago-section > div > .h5 > img, tobago-section > div > h6 > .fa:first-child, tobago-section > div > .h6 > .fa:first-child, tobago-section > div > h6 > img, tobago-section > div > .h6 > img { |
| /* to separate the icon from the rest of the title */ |
| margin-right: 0.7em; |
| } |
| |
| /* stars rating ------------------------------------------------------------ */ |
| tobago-stars { |
| display: block; |
| } |
| |
| .tobago-stars .tobago-stars-container { |
| position: relative; |
| display: inline-block; |
| color: transparent; |
| font-family: FontAwesome; |
| font-size: 1.5rem; |
| } |
| |
| .tobago-stars .tobago-stars-container:before { |
| content: "\f005 \f005 \f005 \f005 \f005"; |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-focusBox { |
| display: inline-block; |
| position: absolute; |
| width: 100%; |
| height: 100%; |
| left: 0; |
| top: 0; |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-slider:focus ~ .tobago-stars-focusBox { |
| box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 0 0.25rem rgba(24, 87, 34, 0.25); |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-tooltip { |
| display: inline-block; |
| position: absolute; |
| font-family: sans-serif; |
| font-size: 1.1rem; |
| background-color: #000; |
| color: #fff; |
| padding-left: 0.25rem; |
| padding-right: 0.25rem; |
| text-align: center; |
| border-radius: 0.25rem; |
| width: 40px; |
| top: -23px; |
| left: 35px; |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-tooltip.trash:before { |
| font-family: FontAwesome; |
| content: "\f014"; |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-selected { |
| display: block; |
| position: absolute; |
| top: 0; |
| overflow: hidden; |
| white-space: nowrap; |
| color: #d90; |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-selected:before { |
| content: "\f005 \f005 \f005 \f005 \f005"; |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-slider:disabled ~ .tobago-stars-selected { |
| filter: grayscale(1); |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-selected.tobago-placeholder { |
| filter: grayscale(0.3); |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-unselected { |
| display: block; |
| position: absolute; |
| top: 0; |
| overflow: hidden; |
| white-space: nowrap; |
| color: #e3e4e5; |
| direction: rtl; |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-unselected:before { |
| content: "\f005 \f005 \f005 \f005 \f005"; |
| } |
| |
| .tobago-stars .tobago-stars-container input[type="range"]:disabled ~ .tobago-stars-unselected { |
| filter: grayscale(1); |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-preselected { |
| display: none; |
| position: absolute; |
| top: 0; |
| overflow: hidden; |
| white-space: nowrap; |
| color: #ffcd5e; |
| opacity: 0.8; |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-preselected:before { |
| content: "\f005 \f005 \f005 \f005 \f005"; |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-preselected.show { |
| display: block; |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-slider { |
| position: absolute; |
| height: 100%; |
| opacity: 0; |
| z-index: 1; |
| left: 0; |
| width: 100%; |
| } |
| |
| .tobago-stars .tobago-stars-container .tobago-stars-slider::-ms-tooltip { |
| display: none; |
| } |
| |
| /* select ----------------------------------------------------------- */ |
| /* selectBooleanCheckbox ---------------------------------------------------- */ |
| tobago-select-boolean-checkbox { |
| display: block; |
| } |
| |
| tobago-select-boolean-checkbox .form-check-label:after { |
| content: ""; |
| } |
| |
| tobago-select-boolean-checkbox .form-check-label img { |
| padding-right: 0.3em; |
| } |
| |
| /* selectBooleanToggle ---------------------------------------------------- */ |
| tobago-select-boolean-toggle { |
| display: block; |
| } |
| |
| tobago-select-boolean-toggle .form-check-label:after { |
| content: ""; |
| } |
| |
| tobago-select-boolean-toggle .form-check-label img { |
| padding-right: 0.3em; |
| } |
| |
| /* selectOneChoice --------------------------------------------------------- */ |
| /* selectOneListbox -------------------------------------------------------- */ |
| .tobago-selectOneListbox-markup-fatal.border-danger:focus, .tobago-selectOneListbox-markup-error.border-danger:focus { |
| box-shadow: 0 0 0 0.2rem rgba(211, 0, 64, 0.25); |
| } |
| |
| .tobago-selectOneListbox-markup-warn.border-warning:focus { |
| box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.25); |
| } |
| |
| .tobago-selectOneListbox-markup-info.border-info:focus { |
| box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.25); |
| } |
| |
| tobago-select-one-listbox { |
| display: block; |
| } |
| |
| /* selectOneRadio ---------------------------------------------------------- */ |
| tobago-select-one-radio { |
| display: block; |
| } |
| |
| tobago-select-one-radio .form-check-label:after { |
| content: ""; |
| } |
| |
| tobago-select-one-radio .form-check-label img { |
| padding-right: 0.3em; |
| } |
| |
| tobago-select-one-radio.tobago-label-container .form-check-inline { |
| padding-top: calc(0.375rem + 1px); |
| padding-bottom: calc(0.375rem + 1px); |
| } |
| |
| /* selectManyCheckbox ----------------------------------------------------- */ |
| tobago-select-many-checkbox { |
| display: block; |
| } |
| |
| tobago-select-many-checkbox .form-check-label:after { |
| content: ""; |
| } |
| |
| tobago-select-many-checkbox .form-check-label img { |
| padding-right: 0.3em; |
| } |
| |
| tobago-select-many-checkbox.tobago-label-container .form-check-inline { |
| padding-top: calc(0.375rem + 1px); |
| padding-bottom: calc(0.375rem + 1px); |
| } |
| |
| /* selectManyListbox ----------------------------------------------------------- */ |
| .tobago-selectManyListbox-markup-fatal.border-danger:focus, .tobago-selectManyListbox-markup-error.border-danger:focus { |
| box-shadow: 0 0 0 0.2rem rgba(211, 0, 64, 0.25); |
| } |
| |
| .tobago-selectManyListbox-markup-warn.border-warning:focus { |
| box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.25); |
| } |
| |
| .tobago-selectManyListbox-markup-info.border-info:focus { |
| box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.25); |
| } |
| |
| /* selectManyShuttle ----------------------------------------------------------- */ |
| tobago-select-many-shuttle { |
| display: block; |
| } |
| |
| .tobago-selectManyShuttle { |
| display: flex; |
| } |
| |
| .tobago-selectManyShuttle .tobago-selectManyShuttle-unselected, |
| .tobago-selectManyShuttle .tobago-selectManyShuttle-selected { |
| flex: 1 0 0px; |
| } |
| |
| .tobago-selectManyShuttle-hidden { |
| display: none; |
| } |
| |
| .tobago-selectManyShuttle-toolBar { |
| display: flex; |
| flex-direction: column; |
| padding: 0 0.5rem; |
| } |
| |
| .tobago-selectManyShuttle-toolBar > button { |
| display: block; |
| } |
| |
| .tobago-selectManyShuttle-toolBar > div { |
| flex: 1 0 0px; |
| } |
| |
| .tobago-selectManyShuttle-toolBar > * { |
| /* XXX this fixes the margin left from .btn:nth-child(n+2), but is ugly */ |
| margin-left: 0 !important; |
| } |
| |
| /* selectOneChoice ---------------------------------------------------------- */ |
| /* segmentLayout ----------------------------------------------------------- */ |
| tobago-segment-layout { |
| /* |
| Makes, that the height of the div is set. |
| Otherwise floating elements below, may flew into the area of the segmentLayout. |
| */ |
| /*display: inline-block; |
| todo: this breaks the general layout in IE11 and others |
| */ |
| } |
| |
| /* separator -------------------------------------------------------------- */ |
| tobago-separator { |
| display: block; |
| } |
| |
| hr.tobago-separator { |
| border-top: 1px solid rgba(0, 0, 0, 0.1); |
| } |
| |
| p.tobago-separator { |
| text-align: center; |
| border: 0; |
| white-space: nowrap; |
| display: block; |
| overflow: hidden; |
| padding: 0; |
| margin-top: 1em; |
| margin-bottom: 1em; |
| } |
| |
| p.tobago-separator:before, p.tobago-separator:after { |
| content: ""; |
| height: 1px; |
| background-color: rgba(0, 0, 0, 0.1); |
| display: inline-block; |
| vertical-align: middle; |
| } |
| |
| p.tobago-separator:before { |
| width: 80px; |
| margin-left: 0; |
| margin-right: 5px; |
| } |
| |
| p.tobago-separator:after { |
| width: 100%; |
| margin-left: 5px; |
| margin-right: 0; |
| } |
| |
| /* sheet -------------------------------------------------------------- */ |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='0'] { |
| margin-left: 0rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='1'] { |
| margin-left: 1rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='2'] { |
| margin-left: 2rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='3'] { |
| margin-left: 3rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='4'] { |
| margin-left: 4rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='5'] { |
| margin-left: 5rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='6'] { |
| margin-left: 6rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='7'] { |
| margin-left: 7rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='8'] { |
| margin-left: 8rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='9'] { |
| margin-left: 9rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='10'] { |
| margin-left: 10rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='11'] { |
| margin-left: 11rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='12'] { |
| margin-left: 12rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='13'] { |
| margin-left: 13rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='14'] { |
| margin-left: 14rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='15'] { |
| margin-left: 15rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='16'] { |
| margin-left: 16rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='17'] { |
| margin-left: 17rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='18'] { |
| margin-left: 18rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='19'] { |
| margin-left: 19rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell tobago-tree-node[data-tobago-level='20'] { |
| margin-left: 20rem; |
| } |
| |
| tobago-sheet .tobago-sheet-cell > tobago-tree-node { |
| display: flex; |
| align-items: center; |
| } |
| |
| tobago-sheet .tobago-sheet-cell > tobago-tree-node .tobago-treeNode-toggle:not(.invisible) { |
| cursor: pointer; |
| } |
| |
| tobago-sheet .tobago-sheet-cell > tobago-tree-node .tobago-treeNode-toggle { |
| padding-right: 5px; |
| } |
| |
| th.tobago-sheet-headerCell { |
| font-weight: normal; |
| } |
| |
| th.tobago-sheet-headerCell .tobago-out { |
| font-weight: bold; |
| } |
| |
| .tobago-sheet-header { |
| overflow: hidden; |
| flex-shrink: 0; |
| display: block; |
| } |
| |
| .tobago-sheet-headerCell > .tobago-sheet-header > * { |
| display: inline; |
| } |
| |
| .tobago-sheet-header-markup-sortable::after { |
| content: "\f0dc"; |
| font-family: FontAwesome; |
| color: #d7d7d7; |
| margin-left: 1rem; |
| } |
| |
| .tobago-sheet-header-markup-ascending::after { |
| content: "\f0de"; |
| color: inherit; |
| } |
| |
| .tobago-sheet-header-markup-descending::after { |
| content: "\f0dd"; |
| color: inherit; |
| } |
| |
| th.tobago-sheet-headerCell-markup-filler > .tobago-sheet-header { |
| height: 14px; |
| /* XXX why? */ |
| } |
| |
| .tobago-sheet-columnSelector { |
| margin-top: 0.75rem; |
| margin-bottom: 0.75rem; |
| } |
| |
| tobago-sheet { |
| display: flex; |
| flex-direction: column; |
| margin-bottom: 1rem; |
| } |
| |
| tobago-sheet .table { |
| margin-bottom: 0; |
| } |
| |
| .tobago-sheet-cell-markup-right { |
| text-align: right; |
| } |
| |
| .tobago-sheet-cell-markup-center { |
| text-align: center; |
| } |
| |
| .tobago-sheet-cell-markup-justify { |
| text-align: justify; |
| } |
| |
| .tobago-sheet-cell-markup-filler { |
| padding: 0 !important; |
| /* fix for IE 11 */ |
| } |
| |
| .tobago-sheet-cell.tobago-sheet-cell-markup-middle { |
| vertical-align: middle; |
| line-height: initial; |
| } |
| |
| .tobago-sheet-cell.tobago-sheet-cell-markup-bottom { |
| vertical-align: bottom; |
| line-height: initial; |
| } |
| |
| .tobago-sheet-footer { |
| text-align: center; |
| } |
| |
| .tobago-sheet-paging { |
| display: inline-flex; |
| } |
| |
| .tobago-sheet-paging-markup-left { |
| float: left; |
| } |
| |
| .tobago-sheet-paging-markup-right { |
| float: right; |
| } |
| |
| .tobago-sheet-pagingInput { |
| text-align: center; |
| display: none; |
| margin: -4px 0; |
| width: 3em; |
| } |
| |
| .tobago-sheet-pagingText { |
| cursor: pointer; |
| } |
| |
| .tobago-sheet-body { |
| overflow-y: auto; |
| flex: 1 1 auto; |
| } |
| |
| .tobago-sheet-headerTable { |
| margin-bottom: 0; |
| } |
| |
| .tobago-tableLayout-fixed { |
| table-layout: fixed; |
| } |
| |
| .tobago-sheet-headerCell-markup-filler { |
| border-width: 0 !important; |
| } |
| |
| .tobago-sheet-headerCell { |
| position: relative; |
| } |
| |
| .tobago-sheet-headerResize { |
| position: absolute; |
| right: -5px; |
| top: 0; |
| width: 10px; |
| height: 100%; |
| z-index: 1; |
| cursor: col-resize; |
| } |
| |
| .tobago-sheet-header:hover .tobago-sheet-headerResize { |
| background-color: #e3e4e5; |
| } |
| |
| .tobago-sheet-headerCell { |
| overflow: hidden; |
| } |
| |
| .tobago-sheet-cell div { |
| overflow: hidden; |
| } |
| |
| /* splitLayout ---------------------------------------------------------------------- */ |
| tobago-split-layout { |
| display: flex; |
| } |
| |
| .tobago-splitLayout-horizontal { |
| width: .5rem; |
| cursor: col-resize; |
| } |
| |
| .tobago-splitLayout-horizontal:hover { |
| border: dotted #000000 thin; |
| z-index: 10000; |
| /* TODO: check, if needed (check also with iframes) */ |
| } |
| |
| .tobago-splitLayout-vertical { |
| height: .5rem; |
| cursor: row-resize; |
| } |
| |
| .tobago-splitLayout-vertical:hover { |
| border: dotted #000000 thin; |
| z-index: 10000; |
| /* TODO: check, if needed (check also with iframes) */ |
| } |
| |
| /* suggest ---------------------------------------------------------------------- */ |
| tobago-suggest { |
| display: none; |
| } |
| |
| .autocomplete-input { |
| /*border: 1px solid #eee;*/ |
| /*border-radius: 8px;*/ |
| /*width: 100%;*/ |
| /*padding: 12px 12px 12px 48px;*/ |
| /*box-sizing: border-box;*/ |
| /*position: relative;*/ |
| /*font-size: 16px;*/ |
| /*line-height: 1.5;*/ |
| /*flex: 1;*/ |
| /*background-color: #eee;*/ |
| /*background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjNjY2IiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iOCIvPjxwYXRoIGQ9Ik0yMSAyMWwtNC00Ii8+PC9zdmc+");*/ |
| /*background-repeat: no-repeat;*/ |
| /*background-position: 12px*/ |
| } |
| |
| .autocomplete-input:focus, .autocomplete-input[aria-expanded=true] { |
| /*border-color: rgba(0, 0, 0, .12);*/ |
| /*background-color: #fff;*/ |
| /*outline: none;*/ |
| /*box-shadow: 0 2px 2px rgba(0, 0, 0, .16)*/ |
| } |
| |
| [data-position=below] .autocomplete-input[aria-expanded=true] { |
| border-bottom-color: transparent; |
| border-radius: 8px 8px 0 0; |
| } |
| |
| [data-position=above] .autocomplete-input[aria-expanded=true] { |
| border-top-color: transparent; |
| border-radius: 0 0 8px 8px; |
| z-index: 2; |
| } |
| |
| .autocomplete[data-loading=true]:after { |
| content: ""; |
| border: 3px solid rgba(0, 0, 0, 0.12); |
| border-right-color: rgba(0, 0, 0, 0.48); |
| border-radius: 100%; |
| width: 20px; |
| height: 20px; |
| position: absolute; |
| right: 12px; |
| top: 50%; |
| transform: translateY(-50%); |
| -webkit-animation: rotate 1s linear infinite; |
| animation: rotate 1s linear infinite; |
| } |
| |
| .autocomplete-result-list { |
| margin: 0; |
| border: 1px solid rgba(0, 0, 0, 0.12); |
| padding: 0; |
| box-sizing: border-box; |
| max-height: 296px; |
| overflow-y: auto; |
| background: #fff; |
| list-style: none; |
| box-shadow: 0 2px 2px rgba(0, 0, 0, 0.16); |
| } |
| |
| [data-position=below] .autocomplete-result-list { |
| margin-top: -1px; |
| border-top-color: transparent; |
| border-radius: 0 0 8px 8px; |
| padding-bottom: 8px; |
| } |
| |
| [data-position=above] .autocomplete-result-list { |
| margin-bottom: -1px; |
| border-bottom-color: transparent; |
| border-radius: 8px 8px 0 0; |
| padding-top: 8px; |
| } |
| |
| .autocomplete-result { |
| cursor: default; |
| padding: 12px 12px 12px 48px; |
| /*background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjY2NjIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PGNpcmNsZSBjeD0iMTEiIGN5PSIxMSIgcj0iOCIvPjxwYXRoIGQ9Ik0yMSAyMWwtNC00Ii8+PC9zdmc+");*/ |
| /*background-repeat: no-repeat;*/ |
| /*background-position: 12px*/ |
| } |
| |
| .autocomplete-result:hover, .autocomplete-result[aria-selected=true] { |
| background-color: rgba(0, 0, 0, 0.06); |
| } |
| |
| @-webkit-keyframes rotate { |
| 0% { |
| transform: translateY(-50%) rotate(0deg); |
| } |
| to { |
| transform: translateY(-50%) rotate(359deg); |
| } |
| } |
| |
| @keyframes rotate { |
| 0% { |
| transform: translateY(-50%) rotate(0deg); |
| } |
| to { |
| transform: translateY(-50%) rotate(359deg); |
| } |
| } |
| |
| /* tab / tab-group ----------------------------------------------------------------- */ |
| tobago-tab .nav-link:not([href]):not([tabindex]) { |
| /* fix .nav-links without 'href'; bootstrap tab only works if 'href' is set */ |
| } |
| |
| tobago-tab .nav-link:not([href]):not([tabindex]).active { |
| color: #55595c; |
| cursor: pointer; |
| } |
| |
| tobago-tab .nav-link:not([href]):not([tabindex]):not(.active) { |
| color: #ce8636; |
| cursor: pointer; |
| } |
| |
| tobago-tab .nav-link:not([href]):not([tabindex]):not(.active):hover { |
| color: #8a5318; |
| } |
| |
| tobago-tab .nav-link:not([href]):not([tabindex]).disabled { |
| color: #d7d7d7; |
| cursor: not-allowed; |
| } |
| |
| tobago-tab .nav-link:not([href]):not([tabindex]).disabled:focus, tobago-tab .nav-link:not([href]):not([tabindex]).disabled:hover { |
| color: #d7d7d7; |
| } |
| |
| tobago-tab.tobago-tab-barFacet { |
| display: flex; |
| } |
| |
| tobago-tab.tobago-tab-barFacet > .nav-link { |
| border-right: 0; |
| border-top-right-radius: 0; |
| } |
| |
| tobago-tab.tobago-tab-barFacet > div { |
| border: white solid transparent; |
| border-top-right-radius: 0.25rem; |
| padding-right: 1rem; |
| } |
| |
| tobago-tab.tobago-tab-barFacet > div > button { |
| height: 100%; |
| } |
| |
| tobago-tab.tobago-tab-barFacet > div > a { |
| display: inline-block; |
| padding-top: 0.5rem; |
| } |
| |
| tobago-tab.tobago-tab-barFacet .nav-link.active + div { |
| background-color: white; |
| border-top-color: white; |
| border-right-color: white; |
| } |
| |
| tobago-tab.tobago-tab-barFacet .nav-link:not(.disabled):hover + div { |
| border-top-color: #e3e4e5; |
| border-right-color: #e3e4e5; |
| } |
| |
| tobago-tab-group { |
| margin-bottom: 1rem; |
| } |
| |
| /* FIXME: This is to hide the toolbar, until it is implemented */ |
| .tobago-tabGroup-toolBar { |
| display: none; |
| } |
| |
| /* tree ---------------------------------------------------------------------- */ |
| .tobago-tree .tobago-treeNode { |
| cursor: default; |
| } |
| |
| .tobago-tree .tobago-treeNode .tobago-treeNode-toggle:not(.invisible) { |
| cursor: pointer; |
| } |
| |
| .tobago-treeSelect .form-check-inline { |
| margin-left: 0.375rem; |
| margin-right: 0.375rem; |
| } |
| |
| .tobago-treeNode[data-tobago-level] { |
| margin-left: 7rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='0'] { |
| margin-left: 0rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='1'] { |
| margin-left: 1rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='2'] { |
| margin-left: 2rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='3'] { |
| margin-left: 3rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='4'] { |
| margin-left: 4rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='5'] { |
| margin-left: 5rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='6'] { |
| margin-left: 6rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='7'] { |
| margin-left: 7rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='8'] { |
| margin-left: 8rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='9'] { |
| margin-left: 9rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='10'] { |
| margin-left: 10rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='11'] { |
| margin-left: 11rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='12'] { |
| margin-left: 12rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='13'] { |
| margin-left: 13rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='14'] { |
| margin-left: 14rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='15'] { |
| margin-left: 15rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='16'] { |
| margin-left: 16rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='17'] { |
| margin-left: 17rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='18'] { |
| margin-left: 18rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='19'] { |
| margin-left: 19rem; |
| } |
| |
| tobago-tree tobago-tree-node[data-tobago-level='20'] { |
| margin-left: 20rem; |
| } |
| |
| tobago-tree tobago-tree-node { |
| /* Links in a tree shouldn't be underlined to look more like a menu point. */ |
| display: block; |
| } |
| |
| tobago-tree tobago-tree-node > .tobago-link { |
| text-decoration: none; |
| } |
| |
| tobago-tree tobago-tree-node tobago-tree-select { |
| display: inline; |
| } |
| |
| tobago-tree tobago-tree-node tobago-tree-select.form-check { |
| display: inline; |
| } |
| |
| tobago-tree .tobago-treeLabel, tobago-tree .tobago-treeSelect-label { |
| margin-bottom: 0; |
| } |
| |
| /* treeListbox ---------------------------------------------------------------------- */ |
| tobago-tree-listbox, .tobago-treeListbox { |
| display: block; |
| } |
| |
| tobago-tree-listbox .tobago-treeListbox-level, .tobago-treeListbox .tobago-treeListbox-level { |
| display: inline-block; |
| min-width: 10rem; |
| } |
| |
| tobago-tree-listbox .tobago-treeListbox-select, .tobago-treeListbox .tobago-treeListbox-select { |
| width: 100%; |
| } |
| |
| /* textarea --------------------------------------------------------- */ |
| tobago-textarea textarea-markup-fatal.border-danger:focus, tobago-textarea textarea-markup-error.border-danger:focus { |
| box-shadow: 0 0 0 0.2rem rgba(211, 0, 64, 0.25); |
| } |
| |
| tobago-textarea textarea-markup-warn.border-warning:focus { |
| box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.25); |
| } |
| |
| tobago-textarea textarea-markup-info.border-info:focus { |
| box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.25); |
| } |
| |
| tobago-textarea textarea:disabled { |
| color: rgba(33, 37, 41, 0.5); |
| } |
| |
| /* |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| @font-face { |
| font-family: Verdana,sans-serif; |
| font-weight: 300; |
| font-style: normal; |
| } |
| |
| @font-face { |
| font-family: Verdana,sans-serif; |
| font-weight: normal; |
| font-style: normal; |
| } |
| |
| /* Reduce font size */ |
| .reduceFontsize { |
| font-size: 70%; |
| } |
| |
| .svg-support .main-logo { |
| background-size: contain; |
| } |
| |
| .main-logo { |
| display: inline-block; |
| vertical-align: middle; |
| width: 130px; |
| height: 80px; |
| float: right; |
| position: absolute; |
| top: 0; |
| right: 1em; |
| } |
| |
| .tobago-box.card { |
| border: 0; |
| box-shadow: none; |
| border-left: 10px solid #e0d0be; |
| } |
| |
| .tobago-box-header.card-header { |
| overflow: hidden; |
| border-bottom: 0; |
| background-color: #e0d0be; |
| padding-left: 0.5rem; |
| } |
| |
| .tobago-box-header.card-header h3, .tobago-box-header.card-header .h3 { |
| margin-bottom: 0; |
| } |
| |
| h3::before, .h3::before { |
| content: "# "; |
| color: #788c94; |
| } |
| |
| h4, .h4 { |
| color: #788c94; |
| } |
| |
| .card .card .card-header, .tab-pane .card .card-header { |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .card .card .card-header::after, .tab-pane .card .card-header::after { |
| display: none; |
| } |
| |
| .card .card .card-header h3, .card .card .card-header .h3, .tab-pane .card .card-header h3, .tab-pane .card .card-header .h3 { |
| padding: 0.375em 1em 0.375em 0.375em; |
| font-size: 1em; |
| font-weight: bold; |
| } |
| |
| .card .card .card-body, .tab-pane .card .card-body { |
| background-color: #f7f7f7; |
| padding-left: 1em; |
| margin-top: auto; |
| margin-top: initial; |
| } |
| |
| .card .card .card-header h3::before, .card .card .card-header .h3::before, .tab-pane .card .card-header h3::before, .tab-pane .card .card-header .h3::before { |
| content: ""; |
| } |
| |
| /* KeyValue tables */ |
| .key-values-table { |
| text-align: center; |
| border: 0.4em solid #e3e4e5; |
| margin-bottom: 1em; |
| } |
| |
| .key-values-table th { |
| text-align: center; |
| background-color: #e3e4e5; |
| } |
| |
| .key-values-table td { |
| padding: 1em 1em 0.5em 1em; |
| border: 0.25em solid #e3e4e5; |
| } |
| |
| /* special markups */ |
| .red { |
| color: #d30040; |
| } |
| |
| .green { |
| color: #1da332; |
| } |
| |
| .largest-font { |
| font-size: 1.7rem; |
| } |
| |
| .larger-font { |
| font-size: 1.4rem; |
| } |
| |
| /* |
| * Licensed to the Apache Software Foundation (ASF) under one or more |
| * contributor license agreements. See the NOTICE file distributed with |
| * this work for additional information regarding copyright ownership. |
| * The ASF licenses this file to You under the Apache License, Version 2.0 |
| * (the "License"); you may not use this file except in compliance with |
| * the License. You may obtain a copy of the License at |
| * |
| * http://www.apache.org/licenses/LICENSE-2.0 |
| * |
| * Unless required by applicable law or agreed to in writing, software |
| * distributed under the License is distributed on an "AS IS" BASIS, |
| * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. |
| * See the License for the specific language governing permissions and |
| * limitations under the License. |
| */ |
| html { |
| font-size: 12px; |
| } |
| |
| button, input, optgroup, select, textarea { |
| font-family: verdana, sans-serif; |
| } |
| |
| tobago-header.sticky-top { |
| padding: 0; |
| vertical-align: middle; |
| margin-bottom: 1em; |
| line-height: 80px; |
| } |
| |
| tobago-header.sticky-top .navbar { |
| padding-top: 0; |
| padding-bottom: 0; |
| flex-direction: row; |
| flex-wrap: nowrap; |
| justify-content: flex-start; |
| } |
| |
| tobago-header.sticky-top .form-group { |
| margin-bottom: 0; |
| } |
| |
| tobago-header.sticky-top .tobago-link > i.fa { |
| font-size: 1.345em; |
| margin-right: 0.5rem; |
| } |
| |
| tobago-header.sticky-top button.tobago-link.dropdown-item { |
| color: theme-color("primary"); |
| background-color: transparent; |
| } |
| |
| tobago-header.sticky-top button.tobago-link.dropdown-item:active { |
| color: #d90; |
| } |
| |
| tobago-header.sticky-top button.tobago-link.dropdown-item:hover, tobago-header.sticky-top button.tobago-link.dropdown-item:focus { |
| color: #d90; |
| } |
| |
| tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item { |
| background-color: transparent; |
| } |
| |
| tobago-header.sticky-top .nav-link { |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| tobago-header.sticky-top .nav-item { |
| font-size: 1.16em; |
| float: left; |
| } |
| |
| tobago-header.sticky-top a.tobago-link:not(.dropdown-item), tobago-header.sticky-top button.tobago-link:not(.dropdown-item) { |
| color: theme-color("primary"); |
| text-decoration: none; |
| } |
| |
| tobago-header.sticky-top a.tobago-link:not(.dropdown-item):hover, tobago-header.sticky-top a.tobago-link:not(.dropdown-item):focus, tobago-header.sticky-top button.tobago-link:not(.dropdown-item):hover, tobago-header.sticky-top button.tobago-link:not(.dropdown-item):focus { |
| color: #d90; |
| cursor: pointer; |
| text-decoration: none; |
| } |
| |
| button.tobago-link { |
| font-family: verdana, sans-serif; |
| } |
| |
| button.tobago-link > span { |
| position: relative; |
| } |
| |
| button.tobago-link, button.tobago-command { |
| color: #ce8636; |
| text-decoration: none; |
| } |
| |
| button.tobago-link:focus, button.tobago-link:hover, button.tobago-command:focus, button.tobago-command:hover { |
| color: #8a5318; |
| text-decoration: none; |
| } |
| |
| .btn:focus { |
| box-shadow: none; |
| } |
| |
| .btn-primary:active:hover, .btn-primary:active:focus { |
| background-color: #000; |
| border-color: #000; |
| } |
| |
| .btn-secondary:active:hover, .btn-secondary:active:focus { |
| background-color: #acacac; |
| border-color: #788c94; |
| } |
| |
| .btn-info { |
| color: #fff; |
| } |
| |
| td button.tobago-link, td button.tobago-command { |
| padding-top: 5px; |
| margin-bottom: 12px; |
| } |
| |
| .form-group ~ a.tobago-link, tobago-label ~ a.tobago-link { |
| padding-top: 0.46em; |
| margin-bottom: 0; |
| } |
| |
| .form-group ~ button.tobago-link, tobago-label ~ button.tobago-link { |
| margin-bottom: 1rem; |
| } |
| |
| .tobago-sheet-cell button.tobago-link { |
| margin-bottom: 0; |
| } |
| |
| tobago-header.sticky-top a[disabled], tobago-header.sticky-top a[disabled]:hover, tobago-header.sticky-top button[disabled], tobago-header.sticky-top button[disabled]:hover { |
| color: #788c94 !important; |
| } |
| |
| .navbar-light { |
| background-color: #d7d7d7; |
| } |
| |
| .navbar-light .navbar-brand { |
| color: theme-color("primary"); |
| } |
| |
| .tobago-bar.navbar-light .navbar-brand > .tobago-link { |
| color: theme-color("primary"); |
| } |
| |
| .navbar-brand { |
| font-size: 1.16em; |
| font-weight: bold; |
| padding-top: 0; |
| padding-bottom: 0; |
| } |
| |
| .navbar-brand > a.tobago-link > span { |
| white-space: nowrap; |
| } |
| |
| .navbar-brand button.tobago-link { |
| font-weight: bold; |
| } |
| |
| .navbar .nav-item.dropdown > .dropdown-menu, .navbar .tobago-dropdown-submenu > .dropdown-menu { |
| border: 0; |
| background: #e3e4e5; |
| margin-top: 0; |
| margin-left: 0; |
| } |
| |
| .navbar .dropdown-item { |
| color: theme-color("primary"); |
| font-size: 1.1em; |
| } |
| |
| .navbar .dropdown-item:focus, .navbar .dropdown-item:hover { |
| background: #e3e4e5; |
| color: #d90; |
| } |
| |
| /** collapsed menu */ |
| @media (max-width: 991px) { |
| tobago-header.sticky-top .navbar-collapse.collapse.show { |
| line-height: 30px; |
| padding: 1rem 0; |
| } |
| } |
| |
| /* expanded menu */ |
| @media (min-width: 992px) { |
| .sidebar { |
| display: none; |
| } |
| .sidebar a.nav-link { |
| padding-top: 0; |
| padding-bottom: 0; |
| padding-right: 0; |
| } |
| .sidebar.show, .sidebar .show { |
| display: inline; |
| } |
| .sidebar > ul { |
| visibility: hidden; |
| opacity: 0; |
| transition: visibility 0s 0.2s, opacity 0.2s ease; |
| padding: 10px; |
| position: fixed; |
| max-width: 200px; |
| right: 0px; |
| background-color: white; |
| box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1); |
| margin-top: 2em; |
| z-index: 2000; |
| } |
| .sidebar ul { |
| display: none; |
| } |
| .sidebar > ul.showhide { |
| visibility: visible; |
| transition: visibility 0s 0s, opacity 0.2s ease; |
| opacity: 1; |
| } |
| * { |
| outline: none !important; |
| } |
| .sidebar ul > li:hover > ul { |
| display: inline !important; |
| } |
| .sidebar .nav .dropdown-item { |
| /* Custom sidemenu styling */ |
| display: inline; |
| font-size: small; |
| color: #788c94; |
| } |
| .sidebar a:focus { |
| color: #788c94; |
| } |
| .sidebar .active.dropdown-item { |
| background-color: transparent; |
| } |
| .sidebar .active.dropdown-item:focus, .sidebar .active.dropdown-item:hover, .sidebar .nav .dropdown-item:focus, .sidebar .nav .dropdown-item:hover { |
| background-color: transparent; |
| } |
| .sidebar li a.active { |
| padding-left: 3px !important; |
| border-left: 2px solid #185722 !important; |
| color: #185722 !important; |
| } |
| .sidebar li li a.active { |
| padding-left: 18px !important; |
| } |
| .sidebar li li li a.active { |
| padding-left: 38px !important; |
| } |
| .sidebar li a { |
| padding-left: 5px; |
| } |
| .sidebar li a:hover { |
| padding-left: 4px; |
| border-left: 1px solid #185722; |
| color: #185722 !important; |
| } |
| .sidebar li li li a:hover { |
| padding-left: 39px; |
| } |
| .sidebar li li a:hover { |
| padding-left: 19px; |
| } |
| .sidebar li li a { |
| padding-left: 20px; |
| } |
| .sidebar li li li a { |
| padding-left: 40px; |
| } |
| #blur { |
| background-color: rgba(240, 240, 240, 0.5); |
| width: 100%; |
| height: 100%; |
| z-index: 999; |
| display: none; |
| top: 0px; |
| left: 0px; |
| position: fixed; |
| } |
| #blur.blur { |
| display: block; |
| } |
| .nav .dropdown-item:focus { |
| color: #185722; |
| } |
| .collapse.navbar-collapse > ul > li > span > ul > li > span > a { |
| color: #185722 !important; |
| cursor: default; |
| } |
| html.opendd { |
| overflow: hidden; |
| } |
| body.opendd { |
| position: fixed; |
| } |
| .navbar-collapsed-top-tools, .navbar-collapsed-bottom-tools { |
| display: none; |
| } |
| tobago-header.sticky-top .open { |
| background-image: url("../image/top_menu_active.png"); |
| background-repeat: no-repeat; |
| background-position: 50% 70px; |
| } |
| tobago-header.sticky-top .navbar .navbar-toggler { |
| display: none; |
| } |
| tobago-header.sticky-top .navbar .navbar-nav { |
| flex-direction: row; |
| } |
| tobago-header.sticky-top .nav-item.dropdown > button.dropdown-toggle { |
| padding-top: 0px; |
| padding-bottom: 0px; |
| color: #185722; |
| text-decoration: none; |
| } |
| tobago-header.sticky-top .nav-item.dropdown > button.dropdown-toggle:hover, tobago-header.sticky-top .nav-item.dropdown > button.dropdown-toggle:focus { |
| color: #d90; |
| } |
| tobago-header.sticky-top .nav-item.dropdown > .dropdown-menu { |
| position: fixed; |
| width: 100%; |
| top: auto; |
| top: initial; |
| left: 0; |
| line-height: normal; |
| line-height: initial; |
| padding: 0 10% 1em 10%; |
| } |
| tobago-header.sticky-top .nav-item.dropdown > .dropdown-menu > .dropdown-item { |
| display: inline-block; |
| font-size: 1.3em; |
| width: calc(25% - 3px); |
| min-width: 250px; |
| vertical-align: top; |
| padding-top: 1em; |
| } |
| tobago-header.sticky-top .nav-item.dropdown > .dropdown-menu > .dropdown-item > a, tobago-header.sticky-top .nav-item.dropdown > .dropdown-menu > .dropdown-item > button { |
| margin-bottom: 0.5em; |
| } |
| tobago-header.sticky-top .navbar-nav > .nav-item.dropdown > .dropdown-toggle { |
| padding-left: 22px; |
| padding-right: .5rem; |
| } |
| tobago-header.sticky-top .navbar-nav > .nav-item.dropdown > .dropdown-toggle::before { |
| content: "\F107"; |
| font-family: FontAwesome; |
| left: -5px; |
| position: absolute; |
| top: 0; |
| margin-left: 10px; |
| } |
| tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item { |
| display: block; |
| } |
| tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu { |
| display: block; |
| border-radius: 0; |
| position: static; |
| float: none; |
| padding: 0; |
| } |
| tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .dropdown-item { |
| padding-left: 0; |
| } |
| tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .dropdown-item::before { |
| content: "> "; |
| position: relative; |
| vertical-align: top; |
| } |
| tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .custom-radio > .dropdown-item, tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .custom-checkbox > .dropdown-item { |
| padding-left: 1.5rem; |
| } |
| tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .custom-radio > .dropdown-item::before, tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .custom-checkbox > .dropdown-item::before { |
| content: ""; |
| position: absolute; |
| margin-left: -1.5rem; |
| } |
| tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .custom-radio > .dropdown-item::after, tobago-header.sticky-top .tobago-dropdown-submenu.dropdown-item > .dropdown-menu .custom-checkbox > .dropdown-item::after { |
| left: 0; |
| } |
| tobago-header.sticky-top .tobago-dropdown-submenu::after { |
| content: none; |
| } |
| .dropdown-item .nav-link { |
| display: inline-block; |
| } |
| } |
| |
| .nav-item > .dropdown > button.tobago-link, .nav-item > .dropdown > button.tobago-command { |
| padding-top: 0px; |
| padding-bottom: 0px; |
| } |
| |
| .navbar-nav .dropdown-toggle::after { |
| display: inline-block; |
| width: 0; |
| height: 0; |
| margin-right: 0; |
| margin-left: 0; |
| vertical-align: middle; |
| content: ""; |
| border-top: 0; |
| border-right: 0; |
| border-left: 0; |
| } |
| |
| .navbar-nav .dropdown-toggle:focus { |
| outline: 0; |
| } |
| |
| .navbar-nav .nav-item { |
| float: none; |
| display: inline; |
| } |
| |
| h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 { |
| font-weight: 300; |
| } |
| |
| p, .control-label { |
| -webkit-hyphens: auto; |
| -ms-hyphens: auto; |
| hyphens: auto; |
| } |
| |
| .badge-pill { |
| border-radius: 10rem; |
| } |
| |
| .nav-tabs { |
| background-color: #d7d7d7; |
| } |
| |
| .nav-tabs .nav-item { |
| border-right: 1px solid white; |
| } |
| |
| .nav-tabs .nav-item .nav-link { |
| color: #185722; |
| } |
| |
| .nav-tabs .nav-item .nav-link:hover { |
| color: #d90; |
| cursor: pointer; |
| } |
| |
| .nav-tabs .nav-item .nav-link.active { |
| background-color: white; |
| } |
| |
| .nav-tabs .nav-item .nav-link.disabled { |
| background-color: #f7f7f7; |
| color: #d7d7d7; |
| cursor: default; |
| } |
| |
| .card-body .nav-tabs { |
| border-left: 1px solid #d7d7d7; |
| } |
| |
| .card-body .tab-content { |
| margin-top: 1.5em; |
| padding: 0; |
| } |
| |
| tobago-tab-group.card { |
| border: 0; |
| } |
| |
| tobago-tab-group.card > .card-header { |
| padding-top: 0; |
| padding-left: 0.5rem; |
| padding-right: 0.6rem; |
| border-bottom: 0; |
| } |
| |
| tobago-tab { |
| margin-left: 0.2rem; |
| } |
| |
| tobago-tab-group .nav-tabs .nav-item .nav-link { |
| color: #185722; |
| } |
| |
| tobago-tab-group .nav-tabs .nav-item .nav-link:hover { |
| color: #d90; |
| } |
| |
| tobago-tab-group .nav-tabs .nav-item .nav-link.active:hover { |
| color: #185722; |
| } |
| |
| tobago-tab-group .nav-tabs .nav-item .nav-link.disabled { |
| color: #d7d7d7; |
| } |
| |
| tobago-tab-group .nav-tabs .nav-item .nav-link.disabled:hover { |
| color: #d7d7d7; |
| } |
| |
| tobago-tab .nav-link:not([href]):not([tabindex]):not(.active):not(.disabled) { |
| /* fix style form standard theme */ |
| color: #185722; |
| } |
| |
| tobago-tab .nav-link:not([href]):not([tabindex]):not(.active):not(.disabled):hover { |
| color: #d90; |
| } |
| |
| tobago-tab.tobago-tab-barFacet .nav-link.disabled + div { |
| background-color: #f7f7f7; |
| } |
| |
| /* padding: 0.1px = hack! Padding '0' would be remove margin-bottom from .form-group */ |
| .tab-content { |
| background-color: white; |
| padding: 1.25rem 1.25rem 0.1px 1.25rem; |
| border-width: 0; |
| } |
| |
| .nav-tabs .nav-item + .nav-item { |
| margin-left: 0; |
| } |
| |
| .tobago-box-header h3, .tobago-box-header .h3 { |
| display: inline; |
| } |
| |
| .tobago-box-header > .navbar, .tobago-box-header > tobago-links { |
| float: right; |
| } |
| |
| .tobago-box-header > .navbar .nav-item > .tobago-link, .tobago-box-header > tobago-links .nav-item > .tobago-link { |
| padding: 0 .5rem; |
| } |
| |
| .tobago-box-header .navbar .navbar-toggler { |
| display: none; |
| } |
| |
| .tobago-box-header .navbar .navbar-collapse.collapse { |
| display: flex; |
| flex-basis: auto; |
| position: static; |
| width: auto; |
| } |
| |
| .tobago-box-header .navbar .navbar-collapse.collapse .tobago-links.navbar-nav { |
| flex-direction: row; |
| position: static; |
| width: auto; |
| background-color: transparent; |
| } |
| |
| .tobago-box-header .navbar .navbar-collapse.collapse .tobago-links.navbar-nav .nav-item { |
| border: 0; |
| } |
| |
| .tobago-box .tobago-box .tobago-box-header h3, .tobago-box .tobago-box .tobago-box-header .h3, tobago-tab-group .tobago-box .tobago-box-header h3, tobago-tab-group .tobago-box .tobago-box-header .h3 { |
| float: left; |
| } |
| |
| .tobago-box .tobago-box .card-body .tobago-in-markup-disabled, tobago-tab-group .tobago-box .card-body .tobago-in-markup-disabled { |
| border-color: #ccc; |
| } |
| |
| .table .checkbox { |
| margin-bottom: initial; |
| margin-bottom: auto; |
| } |
| |
| .table select[disabled] { |
| margin-left: -4px; |
| } |
| |
| .table .btn[disabled] { |
| display: none; |
| } |
| |
| a[disabled], button.tobago-link[disabled], button.tobago-command[disabled] { |
| color: #d7d7d7; |
| } |
| |
| select[disabled] { |
| text-indent: 0.01px; |
| text-overflow: ''; |
| -webkit-appearance: none; |
| -moz-appearance: none; |
| appearance: none; |
| } |
| |
| input.form-control { |
| border-radius: 0; |
| } |
| |
| .input-group-btn .btn { |
| box-shadow: none; |
| margin-bottom: 0; |
| padding: 0.375rem 0.75rem; |
| } |
| |
| .input-group-btn > .form-control { |
| flex-direction: row; |
| } |
| |
| .input-group-addon .btn { |
| margin: 0; |
| box-shadow: none; |
| } |
| |
| .input-group-addon > .form-group { |
| margin-bottom: 0; |
| } |
| |
| .input-group-addon .form-control-static { |
| padding-top: 0; |
| } |
| |
| .tobago-flexLayout > .mce-container { |
| margin-left: 3px; |
| margin-right: 3px; |
| } |
| |
| td .form-group { |
| margin-bottom: 0; |
| } |
| |
| li:last-child { |
| margin-bottom: 0; |
| } |
| |
| .form-group ol, .form-group ul, .form-group dl { |
| margin-bottom: 0; |
| } |
| |
| .btn:not(.badge) { |
| padding: 0.375rem 1rem; |
| box-shadow: 1px 2px 4px 0px rgba(0, 0, 0, 0.1); |
| } |
| |
| .modal-dialog .card { |
| margin-bottom: 0; |
| } |
| |
| .form-control:disabled, .form-control[readonly] { |
| border-color: #f7f7f7; |
| } |
| |
| .form-control:disabled:focus, .form-control[readonly]:focus { |
| border-color: #f7f7f7; |
| } |
| |
| .form-control:focus { |
| border-color: #ea0; |
| box-shadow: 0 0 0 0.2rem rgba(255, 123, 0, 0.25); |
| } |
| |
| .alert > label { |
| display: block; |
| } |
| |
| .input-group-addon { |
| line-height: 1.3em; |
| } |
| |
| .tobago-selectBooleanCheckbox .form-check-label, .tobago-selectManyCheckbox .form-check-label, .tobago-selectOneRadio .form-check-label { |
| padding-left: 0; |
| } |
| |
| .tobago-selectBooleanCheckbox .form-check-label .tobago-inputPseudo, .tobago-selectManyCheckbox .form-check-label .tobago-inputPseudo, .tobago-selectOneRadio .form-check-label .tobago-inputPseudo { |
| margin-bottom: 2px; |
| height: 14px; |
| width: 14px; |
| display: inline-block; |
| margin-right: 5px; |
| transition: all 0.2s; |
| vertical-align: middle; |
| border: 1px solid #d7d7d7; |
| background: #fff; |
| } |
| |
| .tobago-selectBooleanCheckbox .form-check-label .tobago-inputPseudo:before, .tobago-selectManyCheckbox .form-check-label .tobago-inputPseudo:before, .tobago-selectOneRadio .form-check-label .tobago-inputPseudo:before { |
| content: ""; |
| } |
| |
| .tobago-selectBooleanCheckbox .form-check-label .tobago-inputPseudo, .tobago-selectManyCheckbox .form-check-label .tobago-inputPseudo { |
| overflow: hidden; |
| } |
| |
| .tobago-selectBooleanCheckbox .form-check-label .tobago-inputPseudo:before, .tobago-selectManyCheckbox .form-check-label .tobago-inputPseudo:before { |
| font-size: medium; |
| color: #a36725; |
| position: relative; |
| top: -6px; |
| left: 13px; |
| } |
| |
| .tobago-selectBooleanCheckbox .form-check-label input[type="checkbox"]:checked + .tobago-inputPseudo, .tobago-selectManyCheckbox .form-check-label input[type="checkbox"]:checked + .tobago-inputPseudo { |
| border-color: #a36725; |
| } |
| |
| .tobago-selectBooleanCheckbox .form-check-label input[type="checkbox"]:checked + .tobago-inputPseudo:before, .tobago-selectManyCheckbox .form-check-label input[type="checkbox"]:checked + .tobago-inputPseudo:before { |
| content: "\f00c"; |
| } |
| |
| .tobago-selectBooleanCheckbox .form-check-label input[type="checkbox"]:active + .tobago-inputPseudo, |
| .tobago-selectBooleanCheckbox .form-check-label input[type="checkbox"]:focus + .tobago-inputPseudo, .tobago-selectManyCheckbox .form-check-label input[type="checkbox"]:active + .tobago-inputPseudo, |
| .tobago-selectManyCheckbox .form-check-label input[type="checkbox"]:focus + .tobago-inputPseudo { |
| border-color: #ea0; |
| } |
| |
| .tobago-selectBooleanCheckbox .form-check-label input[type="checkbox"]:active:not(:disabled) + .tobago-inputPseudo:before, |
| .tobago-selectBooleanCheckbox .form-check-label input[type="checkbox"]:focus:not(:disabled) + .tobago-inputPseudo:before, .tobago-selectManyCheckbox .form-check-label input[type="checkbox"]:active:not(:disabled) + .tobago-inputPseudo:before, |
| .tobago-selectManyCheckbox .form-check-label input[type="checkbox"]:focus:not(:disabled) + .tobago-inputPseudo:before { |
| text-shadow: none; |
| } |
| |
| .tobago-selectBooleanCheckbox .form-check-label input[type="checkbox"][readonly] + .tobago-inputPseudo, .tobago-selectBooleanCheckbox .form-check-label input[type="checkbox"][disabled] + .tobago-inputPseudo, .tobago-selectManyCheckbox .form-check-label input[type="checkbox"][readonly] + .tobago-inputPseudo, .tobago-selectManyCheckbox .form-check-label input[type="checkbox"][disabled] + .tobago-inputPseudo { |
| opacity: 0.6; |
| background: #f7f7f7; |
| } |
| |
| .tobago-selectOneRadio .form-check-label .tobago-inputPseudo { |
| border-radius: 100%; |
| } |
| |
| .tobago-selectOneRadio .form-check-label input[type="radio"]:checked + .tobago-inputPseudo { |
| background: #a36725; |
| border: 0; |
| } |
| |
| .tobago-selectOneRadio .form-check-label input[type="radio"]:checked + .tobago-inputPseudo:before { |
| content: ""; |
| } |
| |
| .tobago-selectOneRadio .form-check-label input[type="radio"]:active + .tobago-inputPseudo, |
| .tobago-selectOneRadio .form-check-label input[type="radio"]:focus + .tobago-inputPseudo { |
| border: 1px solid #ea0; |
| } |
| |
| .tobago-selectOneRadio .form-check-label input[type="radio"][readonly] + .tobago-inputPseudo, .tobago-selectOneRadio .form-check-label input[type="radio"][disabled] + .tobago-inputPseudo { |
| opacity: 0.6; |
| background: #f7f7f7; |
| } |
| |
| .tobago-dropdown-submenu > .dropdown-menu { |
| border-radius: 0; |
| } |
| |
| .dropdown-menu { |
| border-radius: 0; |
| } |
| |
| .dropdown-menu .tobago-selectBooleanCheckbox .form-check-label, .dropdown-menu .tobago-selectManyCheckbox .form-check-label, .dropdown-menu .tobago-selectOneRadio .form-check-label { |
| padding-left: 1rem; |
| } |
| |
| .dropdown-toggle:after { |
| vertical-align: 0.1em; |
| } |
| |
| .tobago-dropdown-submenu:after { |
| margin-top: 5px; |
| } |
| |
| .tobago-selectBooleanCheckbox.form-check, |
| .tobago-selectManyCheckbox-inline, |
| .tobago-selectOneRadio-inline, |
| .slider { |
| min-height: 26px; |
| } |
| |
| .tobago-section-header { |
| border-bottom: 1px solid rgba(1, 1, 1, 0.05); |
| margin-bottom: .5rem; |
| } |
| |
| .tobago-section-header h1, .tobago-section-header .h1 { |
| margin-bottom: 0; |
| } |
| |
| .tobago-section-header h2, .tobago-section-header .h2, .tobago-section-header h3, .tobago-section-header .h3, .tobago-section-header h4, .tobago-section-header .h4, .tobago-section-header h5, .tobago-section-header .h5, .tobago-section-header h6, .tobago-section-header .h6 { |
| margin-top: 1rem; |
| margin-bottom: 0; |
| } |
| /*# sourceMappingURL=tobago.css.map */ |